@import url('https://fonts.googleapis.com/css2?family=Rubik:wght@300;400;500;600;700;800;900&display=swap');
* {font-family: 'Rubik', sans-serif !important;}
.fa{font-family: "fontawesome" !important;}
a {color: #000; text-decoration:none;}
::-webkit-scrollbar {
  background-color: #ccc;
  width: 8px;
}
::-webkit-scrollbar-thumb {
  background-color: #ff4a17;
}
.fs-18{font-size: 18px;}
p{font-size: 16px;line-height: 27px;}
.Work_Flow{padding-top: 10px;}
section.bnr{padding:0;}
img{max-width:100%;}
a{text-decoration:none;}
#divmainenquiry11 .close { position: absolute; right: 14px; font-size: 30px; cursor: pointer;}
.main-color{color: #ff4a17;font-weight: 500;}
.table-responsive {padding: 0;}
.ft_lnk a{ font-size: 16px;}
.ft_nav a{ font-size: 15px;}
.copyright *F{ font-size: 15px;}
#widgetsControl_C,#widgetsControl{height: auto !important;}
.main-table{text-align: justify;color: #000;}
.main-table table{font-size: 16px;}
.main-table ul li,.main-table ol li{font-size: 16px;line-height: 27px;}
.dropdown-item:focus, .dropdown-item:hover {
    color: #fff;
    background-color: #ff4a17;
}
.Work_Flow .h-100.shadow.p-3.text-center.rounded-2 p{color: #000;}
header{padding: 5px 0;}
/*--------------------------------------------------------------
# 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: #34404b !important;}
.nav-link{font-weight: 500;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%;} 
/*--------------------------------------------------------------
#testimonial
--------------------------------------------------------------*/
.testimonial{}
.testimonial_cont{background-color: #fff; padding: 20px;border-radius: 6px;}
.testimonial_cont .fa-quote-left{color: #34404b2e; font-size: 40px; margin-right: 10px;}
.testimonial_cont_p{font-size: 18px;color: #2a2a2ac2;}
.testimonial_cont .fa-star{color: #f1bb07; font-size: 16px;}
.testimonial_cont .testimonial_img img{width: 80px; border: 2px solid #bac8c8; border-radius: 50%;}
.testimonial .carousel-control-next,  .testimonial .carousel-control-prev {width: 5%;top: inherit;bottom: 44px;font-size: 28px;}
.testimonial .carousel-control-prev {left: inherit; right: 60px;}
.cliente_box{}
.cliente_box_icon .fa{font-size: 60px; color: #20282d; margin-right: 20px;}
.cliente_box_icon_check .fa{font-size: 20px; color: #20282d; margin-right: 20px;}
/***** End team *****/
/*--------------------------------------------------------------
# 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: #b1bcc5;}
.ft_lnk a:hover{color: #fff;}
.ft_con{color: #b1bcc5;}
.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) {
  .testimonial .carousel-control-next, .testimonial .carousel-control-prev {
    bottom: -27px;
  }
  .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) {
}

.flip-card {background-color: transparent;/* width: 400px; */height: 300px;border: 1px solid #f1f1f1;perspective: 1000px;border-radius: 10px;}
.flip-card-inner {position: relative;width: 100%;height: 100%;text-align: center;transition: transform 0.8s;transform-style: preserve-3d;border-radius: 10px; }
.flip-card:hover .flip-card-inner {transform: rotateY(180deg);}
.flip-card-front img{width: 100%; height: 100%;border-radius: 10px; }
.flip-card-front, .flip-card-back {position: absolute;width: 100%;height: 100%;-webkit-backface-visibility: hidden; backface-visibility: hidden;border-radius: 10px; }
.flip-card-front {background-color: #bbb;color: black;}
.flip-card-back {background-color: #33404c;color: white;transform: rotateY(180deg);display: flex;justify-content: center;align-items: center;}
/*---------------------------------------
innr-pg-c 
----------------------------------------*/
.otherpagecss #RadDockZone1.container{max-width: 100%;}
.otherpagecss #RadDockZone1.container #HomepagecontentControl_C table{margin-top:0 !important;}
.innr-pg-c{margin-bottom: 20px;padding: 32px 0;position: relative;background:url(../Image/inner-bg-img.jpg) no-repeat right/cover scroll;}
.innr-pg-c h1{font-weight: 800;Font-size: 26px;color: #fff;text-align: left;border-left: 3px #fff solid;text-transform: uppercase;position:relative;z-index:1;border-radius: 4px;padding: 5px 0 5px 20px;}
.innr-pg-c:after{content:'';position:absolute;left:0px;right:0px;top:0px;width:100%;height:100%;z-index: 0;background-image: linear-gradient(128deg, #33404c, #ff4a17);}
.fix-line{display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; overflow: hidden;}

.outer_line img {
    background: linear-gradient(#ffffff, #ffffff) 50% 50% / calc(100% - 10px) calc(100% - 10px) no-repeat, linear-gradient(317deg, #33404c 0%, #33404c 25%, #ffffff 35%, #ffffff 65%, #33404c 75%);
    border-radius: 0px;
    padding: 9px;
}
/*  */
.main-table .head {font-size: 24px;}
.abt_pg_item{}
.abt_pg_item h2{font-size: 20px; color: #33404c;font-weight: 700;margin-bottom: 8px;padding-bottom: 10px; border-bottom: 1px dashed #33404c;}
.abt_pg_item p{font-size: 15px;}
/*  */
.contact_frm .form-control {border-radius: 0;padding: 10px;}
 .cont-page-item{margin: 16px 0;}
 .cont-page-item .icon{width: 60px;height: 60px; border: 1px solid #000; border-radius: 50%; display: flex; justify-content: center; align-items: center;  margin-right: 6px;flex: none;}
 .cont-page-item .cont p{margin-bottom: 0;}
/*  */
.contact_social_link a:nth-child(1) {color:#3B5998;}
.contact_social_link a:nth-child(2) {color:#0077B5;}
.contact_social_link a:nth-child(3) {background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285AEB 90%);-webkit-background-clip: text;background-clip: text;-webkit-text-fill-color: transparent; width: auto;}
.contact_social_link a:nth-child(4) {color:#1da1f2;}
.contact_social_link a{font-size: 40px;margin-right: 20px;}