@import url('https://fonts.googleapis.com/css2?family=Rubik:wght@300;400;500;600;700;800;900&display=swap');
body {font-family: 'Rubik', sans-serif;color: #444444;}
a {color: #000; text-decoration:none;}
::-webkit-scrollbar {
  background-color: #ccc;
  width: 8px;
}
::-webkit-scrollbar-thumb {
  background-color: #ff4a17;
}

h1, h2, h3, h4, h5, h6 {font-family: 'Rubik', sans-serif;}
section.bnr{padding:0;}
img{max-width:100%;}
a{text-decoration:none;}
#divmainenquiry11 .close { position: absolute; right: 14px; font-size: 30px; cursor: pointer;}

/*--------------------------------------------------------------
# nav-bar
--------------------------------------------------------------*/

.nav-top{ background-color: #33404c;} 
.nav-top-detail{ font-size: 15px; margin-bottom: 0; color: #fff;}


/*--------------------------------------------------------------
# nav-bar
--------------------------------------------------------------*/
.dropdown-toggle{position:relative;}
.nav-item ul li .dropdown-toggle::after{position:absolute;right: 5px; top: 10px;}
/*#MenuControl*/ .navbar.bg-light{background-color: transparent !important; height:100%;}
#MenuControl .nav-link:focus,#MenuControl .nav-link:hover{background-color:#fff !important; color:#2b2825 !important;}
.nav-link{font-weight: 600; color:#000;}
.nav-fill{width:100%; font-size: 15px;}
.navbar-brand{margin:0;}
.nav-item{position:relative;}

@media (max-width: 1170px){
.navbar-expand-md .navbar-nav .nav-link{padding-right:1px; padding-left: 1px;}
}
@media (max-width: 991px){
#MenuControl, #MenuControl_C, #HeaderControl, #HeaderControl_C, #widgetsControl_C, #widgetsControl{ height: initial !important;}
.navbar-expand-md .navbar-nav .nav-link{font-size: 12px;}
	}

@media (max-width: 767px){
.navbar-toggler{background:#eee;}
.navbar.navbar-expand-md{text-align:center;}
.navbar.navbar-expand-md .container-fluid{display:block;}
.nav-fill .nav-item, .nav-fill>.nav-link{text-align:left;}
.navbar-nav>li{ display: block; text-align: left; padding: 4px 0; border-bottom: 1px solid #999; border-right:0; }
.nav-item ul li .dropdown-toggle::after{transform: rotate(90deg);}
.nav-item .nav-link.dropdown-toggle::after {position: absolute; right: 5px; top: 15px;}
.navbar-expand-md .navbar-nav .nav-link{font-size: 14px;padding-right: 5px; padding-left: 5px;}
}

/*--------------------------------------------------------------
# Header
--------------------------------------------------------------*/
#header .fa-mobile{font-size: 50px !important;}
#header .head-img{position:relative; padding:15px 0;}

#MenuControl{padding: 12px 0;}

/*--------------------------------------------------------------
# Sections General
--------------------------------------------------------------*/
section {
  padding: 60px 0;
}

.rd-mr .main-btn {line-height: 54px;font-size: 18px;font-weight: 700;border-radius: 35px;border: none;cursor: pointer;padding: 0 30px;background-color: #14212b;color: #fff;-webkit-transition: all 0.3s ease-out 0s;transition: all 0.3s ease-out 0s;position: relative;z-index: 2;display: inline-block;}
.rd-mr .main-btn:after {position: absolute; right: 15px; top: 6px; bottom: 6px; background-color: #ff4a17; -webkit-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; content: ""; z-index: -1; width: 62px; border-radius: 30px;}
.rd-mr .main-btn:hover{color: #fff;}
.rd-mr .main-btn:hover:after {width: 100%; top: 0; bottom: 0; right: 0;}

.bg-1{background-color:#33404c;}
.bg-2{background-color :#ff4a17 ;}
.cl-1{color:#33404c;}
.cl-2{color :#ff4a17 ;}
.head{font-size: 36px;font-weight: 800;color: #33404c;line-height: 30px;}

/*--------------------------------------------------------------
# Banner-Section
--------------------------------------------------------------*/
.bnr-sec .carousel-control-next, .bnr-sec .carousel-control-prev{width: 60px;  height: 60px; opacity: 1; background:#14212b; top: 40%; border-radius: 50%;  transition: .3s; z-index: 999;}
.bnr-sec .carousel-control-next{right: 50px;}
.bnr-sec .carousel-control-prev{left: 50px;}
.bnr-sec .carousel-caption h2{font-size: 65px; font-weight: bold; margin-bottom: 16px; text-transform: uppercase;  color:#fff;}
.bnr-sec .carousel-caption h2 span{color: #fff;display: block;font-size: 48px;margin-top: 8px; }
.bnr-sec .carousel-caption{text-align:center;}
.bnr-sec .carousel-indicators{display:none;}
.carousel-caption {bottom: 7.25rem;}
.carousel-dark .carousel-control-next-icon, .carousel-dark .carousel-control-prev-icon {filter: invert(0) grayscale(100); }
/* banner-shapes */
.bnr-sec .carousel-inner .banner-shapes > div {position: absolute; left: 0; top: 0; background-color: #ff4a17; -webkit-clip-path: polygon(0 0, 0 100%, 100% 0); clip-path: polygon(0 0, 0 100%, 100% 0); z-index: 99;}
.bnr-sec .carousel-inner .banner-shapes .one {width: 8%; height: 20%; opacity: 0.57;}
.bnr-sec .carousel-inner .banner-shapes .two {width: 16%;height: 40%; opacity: 0.37;}
.bnr-sec .carousel-inner .banner-shapes .three {width: 24%; height: 60%; opacity: 0.25;}
.bnr-sec .carousel-inner .banner-shapes .four {left: auto; right: 0; top: auto; bottom: 0; height: 40%; width: 20%; -webkit-clip-path: polygon(100% 0, 0 100%, 100% 100%); clip-path: polygon(100% 0, 0 100%, 100% 100%);  opacity: 0.57;}


/*--------------------------------------------------------------
# About
--------------------------------------------------------------*/
.about { background:#33404c;   position: relative;  overflow: hidden;}
.abt_icon{display: inline-block;border: 1px solid #ff4a17;background:#ff4a17;padding: 16px;border-bottom-left-radius: 50%;}
.abt_icon .fa{font-size: 26px; color: #fff;}
.abt_heading{font-size: 40px; color: #fff;font-weight: 800; margin: 18px 0;}
.abt_cont{color: #fff; font-size: 16px; text-align: justify;}
.abt_img_align{text-align: end;}
.abt_img{border-radius: 3% 3% 3% 40%; height: 100%; width: 75%;} 

/*--------------------------------------------------------------
# Services
--------------------------------------------------------------*/

.ser-boxes{position: relative;z-index: 1;}
.ser-boxes .ser-box {
    height: 450px;
    margin-top: 30px;
    position: relative;
    padding: 40px 16px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    z-index: 1;
    overflow: hidden;
}
.ser-boxes .ser-box::before, .ser-boxes .ser-box::after {
    position: absolute;
    left: 0;
    bottom: 0;
    width: calc(100% + 75px);
    height: 68%;
    background-color: #ff4a17;
    opacity: 0.4;
    content: "";
    -webkit-clip-path: polygon(0 0, 0 100%, 100% 100%);
    clip-path: polygon(0 0, 0 100%, 100% 100%);
    z-index: -2;
}
.ser-boxes .ser-box .ser-bg {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: -3;
    -webkit-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
}
.bg-img-c {
    background-size: cover;
    background-position: center;
    background-color: #979797;
}
.ser-boxes .ser-box .ser-desc .ser-link {
    font-size: 40px;
    margin-bottom: 10px;
    line-height: 1;
    color: #fff;
}
.ser-boxes .ser-box .ser-desc h4 {
    font-size: 24px;
    letter-spacing: -1px;
    font-weight: 600;
    color: #fff;
}
.ser-boxes .ser-box .ser-desc p {
    color: #fff;
}
.ser-boxes .ser-box::after {
    opacity: 0.8;
    height: 55%;
    z-index: -1;
    width: 100%;
}
.ser-boxes .ser-box::before, .ser-boxes .ser-box::after {
    position: absolute;
    left: 0;
    bottom: 0;
    background-color: #ff4a17;
    content: "";
    -webkit-clip-path: polygon(0 0, 0 100%, 100% 100%);
    clip-path: polygon(0 0, 0 100%, 100% 100%);
    z-index: -2;
}
.ser_img img{
 position: absolute;
 right: 0;
 top: 116px;
 z-index: 0;
}

.service  .banner-shapes > div {position: absolute; left: 0; top: 0; background-color: #ff4a17; -webkit-clip-path: polygon(0 0, 0 100%, 100% 0); clip-path: polygon(0 0, 0 100%, 100% 0); z-index: 99;}
.service  .banner-shapes .one {width: 8%; height: 12%; opacity: 0.57;}
.service  .banner-shapes .two {width: 16%;height: 24%; opacity: 0.37;}
.service  .banner-shapes .three {width: 24%; height: 36%; opacity: 0.25;}
/*--------------------------------------------------------------
# Team
--------------------------------------------------------------*/

.team_img {width: 130px;border: 6px solid #33404c;border-radius: 50%;}
.team .member {position: relative;box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.2);padding: 10px 20px;    border-radius: 10px;background: #fff;   border: 1px solid #aaaa;}
.team .member .pic {overflow: hidden;}
.team .member .pic img {border:6px solid #33404c;border-radius: 50%;width: 130px;}
.team .member h4 {font-weight: 700;margin-bottom: 5px;font-size: 20px;color: #ff4a17;}
.team .member span {display: block;font-size: 15px;padding-bottom: 10px;font-weight: 500;}
.team .member p {font-size: 15px;}


/*--------------------------------------------------------------
# Contact
--------------------------------------------------------------*/
.contact_query{box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 6px -1px, rgba(0, 0, 0, 0.06) 0px 2px 4px -1px; background-color: #fff;padding: 50px 20px;}


/*--------------------------------------------------------------
# Footer
--------------------------------------------------------------*/
#footer {background: #33404c;font-size: 15px; position: relative;}
.ft_nav{list-style: none;padding: 0 ; display: flex;}
.ft_nav li{padding-right: 12px;}
.ft_nav li a{color: #fff;}
.ft_lnk a{color: #7d91a0;}
.ft_lnk a:hover{color: #fff;}
.ft_con{color: #7d91a0;}
.ft_con:hover{color: #fff;}
.ft_con .fa{color: #ff4a17;}
#footer .footer-top .social-links a {font-size: 18px;display: inline-block;background: #ff4a17;color: #fff;line-height: 1;padding: 8px 0;margin-right: 4px;border-radius: 50%;text-align: center;width: 36px;height: 36px;transition: 0.3s;}
#footer .footer-top h4 {font-size: 22px;border-bottom:1px dashed #fff;font-weight: 600;color: #fff;position: relative;padding-bottom: 12px;}
/* ft banner-shapes */  
#footer .banner-shapes > div {position: absolute; left: 0; top: 0; background-color: #ff4a17; -webkit-clip-path: polygon(0 0, 0 100%, 100% 0); clip-path: polygon(0 0, 0 100%, 100% 0); z-index: 99;}
#footer .banner-shapes .one {width: 4%; height: 15%; opacity: 0.57;}
#footer .banner-shapes .two {width: 8%;height: 30%; opacity: 0.37;}
#footer .banner-shapes .three {width: 12%; height: 45%; opacity: 0.25;} */
 #footer .banner-shapes .four {left: auto; right: 0; top: auto; bottom: 0; height: 40%; width: 8%; -webkit-clip-path: polygon(100% 0, 0 100%, 100% 100%); clip-path: polygon(100% 0, 0 100%, 100% 100%);  opacity: 0.57;}
/* end ft banner-shapes */  

.top {  position: fixed;right: 18px;bottom: 30px;text-align: center;color: #fff;border: 4px solid #33404c;border-radius: 50%;background-color: #ff4a17;width: 50px;height: 49px;line-height: 49px;z-index: 999;cursor: pointer;opacity: 0;transition: ease-in 0.5s;display: flex;justify-content: center;align-items: center;}
.top.scll-top {  opacity: 1; transition: ease-in 0.5s;  bottom: 56px;}
.top .fa { display: block !important;}

@media (max-width: 1200px) {
  .about .content {
    padding-right: 0;
  }
}
@media (max-width: 992px) {
  .bnr-sec .carousel-caption{display: none;}

  .services .icon-box{margin:15px auto;}
}

@media (max-width: 768px) {
  .about {
    text-align: center;
  }
}
@media (max-width: 767px) {
/* services */
  .service  .banner-shapes > div {position: absolute; left: 0; top: 0; background-color: #ff4a17; -webkit-clip-path: polygon(0 0, 0 100%, 100% 0); clip-path: polygon(0 0, 0 100%, 100% 0); z-index: 99;}
.service  .banner-shapes .one {width: 36%; height: 8%; opacity: 0.57;}
.service  .banner-shapes .two {width: 42%;height: 10%; opacity: 0.37;}
.service  .banner-shapes .three {width: 48%; height: 12%; opacity: 0.25;}
  .abt_img{border-radius: 0; width: 100%;}
  

  #header img{margin:inherit;}
  /* .navbar-toggler{position: absolute; top: -60px; right: 0;} */
.caption{width: 100%;}
.wback .caption{    top: 30%;}

}
@media (max-width: 575px) {
  .about .content > h2 {
    font-size: 26px;
    color: #2d2926;
    font-weight: 800;}
  #footer .footer-top .footer-info {margin: -20px 0 30px 0;}
  .wback .caption{display:none;}
}
@media (max-width: 414px) {
}