p , a , body {font-family: 'Source Sans Pro', sans-serif;}
h1,h2,h3,h4,h5,h6 {font-family: 'Fjalla One', sans-serif;}
/*h1,h2,h3,h4,h5,h6 {font-family: 'Roboto', sans-serif;}*/
/*h1,h2,h3,h4,h5,h6 {font-family: 'Oswald', sans-serif;}*/




/*.bg_gradient {background-image: linear-gradient(to right top, #006778, #008b83, #2eac6e, #94c545, #ffd124);}*/
/*.bg_gradient {background-image: radial-gradient(circle, #006778, #008b83, #2eac6e, #94c545, #ffd124);}
.bg_gradient {background: linear-gradient(90deg, rgba(5,0,36,1) 0%, rgba(9,121,78,1) 0%, rgba(255,166,36,1) 100%);}*/
  
  /*.bg_gradient {background-image: url(https://files.builder.misssite.com/3a/3a/3a3a9ec9-6bc8-4c0b-99b6-91f7a9cf45aa.jpeg);}*/
  .bg_home {background-image: url(images/homeBanner1.jpg);
    background-size: cover;
    background-position: center top;
    background-repeat: no-repeat;
    overflow: hidden;}
  
  .bg_gradient {background-image: url(images/subBanner1.jpg);
    background-size: cover;
    background-position: center top;
    background-repeat: no-repeat;}

    .clientCount {background-image: url(images/homeBanner.jpeg);
    background-size: cover;
    background-position: center top;
    background-repeat: no-repeat;
    overflow: hidden;
  
    background-attachment: fixed;}
.bg_home h1 , .bg_gradient h1 , .bg_home p , .bg_gradient p {text-shadow: 2px 0 4px #000;}
.bg_home.padding_top150{padding-top:245px}


/*@media screen and (max-width: 991px){
  .a-tile-box .a-tile .a-tile-content .nav li, .a-tile-box .a-tile .a-tile-content .fl-nav li {
    height: 67px !important;
    width: 100%;
}

.fl-nav {overflow: visible; top: -333px;}
.a-tile-content {overflow: hidden;}
.a-tile-content {display: none;}
}*/
.padding_top150{padding-top:180px}
.padding_bottom150{padding-bottom:130px}
.padding_bottom100{padding-bottom:100px}
.padding_top100{padding-top:100px}
.padding_top80{padding-top:80px}
.padding_bottom80{padding-bottom:80px}
.padding_top50{padding-top:50px}
.padding_bottom50{padding-bottom:50px}
.padding_top30{padding-top:30px}
.padding_bottom30{padding-bottom:30px}
.padding_top20{padding-top:36px}
.padding_bottom20{padding-bottom:20px}
.padding_top10{padding-top:10px}
.padding_bottom10{padding-bottom:10px}
.padding_top5{padding-top:5px}
.padding_bottom5{padding-bottom:5px}



.font_size72{font-size: 65px;}
.font_size60{font-size: 60px;}
.font_size50{font-size: 50px;}
.font_size40{font-size: 40px;}
.font_size36{font-size: 36px;}
.font_size24{font-size: 24px;}
.font_size20{font-size: 20px;}
.font_size18{font-size: 18px;}
.font_size16{font-size: 16px;}
.font_size17{font-size: 17px;}
.font_size14{font-size: 14px;}


.line_height77 {line-height: 77px;}
.line_height67 {line-height: 67px;}
.line_height57 {line-height: 57px;}
.line_height47 {line-height: 47px;}
.line_height37 {line-height: 37px;}
.line_height27 {line-height: 27px;}
.line_height30 {line-height: 30px;}
.line_height20 {line-height: 20px;}


.font_weight700 {font-weight: 700;}
.font_weight600 {font-weight: 600;}
.font_weight500 {font-weight: 500;}
.font_weight400 {font-weight: 400;}
.font_weight300 {font-weight: 300;}

.primary_btn a {
    padding: 20px 48px;
    border-radius: 32px;
    background: transparent;
    border:1px solid #ffa624;
    color: #ffa624;;
    font-weight: 600;
    font-size: 18px;
    line-height: 18px;
    display: inline-block;
    transition: all 0.35s ease-in-out;
}

.bg_home .primary_btn a {

  border:1px solid #fff;
  color: #fff;
}

.sponsors .primary_btn a {
    padding: 17px 35px;}

.primary_btn a:hover {
    background: #ffa624;
    color: #fff;
    border: 1px solid #ffa624;
    transform: translateY(-4px);
    outline: none;
    -webkit-transition: all .6s ease-in-out;
    -moz-transition: all .6s ease-in-out;
    -ms-transition: all .6s ease-in-out;
    -o-transition: all .6s ease-in-out;
    transition: all .6s ease-in-out;
    text-decoration-line: none;

}

.sponsors li {box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
-webkit-box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
-moz-box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;}

.card {border: none;
  transition: all 0.35s ease-in-out;
  box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
-webkit-box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
-moz-box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;}

.card:hover {
transform: translateY(-4px);
    outline: none;
    -webkit-transition: all .6s ease-in-out;
    -moz-transition: all .6s ease-in-out;
    -ms-transition: all .6s ease-in-out;
    -o-transition: all .6s ease-in-out;
    transition: all .6s ease-in-out;
    text-decoration-line: none;
}

@media screen and (max-width: 767px){
  .contact_box img {margin-bottom: 15px;}
}


/*
.sponsor-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(120px, 1fr));
  gap: 4rem;
  margin: 0 auto;
  width: 100%;
}

li p {
  margin-top: 1rem;
  font-family: system-ui;
  text-align: center;
}

.sponsor img {
  aspect-ratio: 1 / 1;
  width: 100%;
  object-fit: contain;
}
*/

.bggray {background: #ffa624;}
  .bglight {background: #f5f5f5;}
  
  
  
  
  
  
  .header {
    background: #fff;
}

/*.navbar-brand {
    margin-right: 22px;
}*/

.header .navbar{padding:4px 0!important}
.header .navbar-nav{margin-top:5px}
.header .navbar-nav li{margin:0 4px; padding: 20px 15px;}
.header .navbar-nav li a{text-transform: uppercase; font-weight:400;font-size:19px;padding:0px 0px 10px 0px !important;color:#000!important}
.header .navbar-nav li:hover a {color:#ffa624 !important;}
.header .navbar-nav li.active a { border-bottom: 4px solid #ffa624;}
 p.colorffa624 {color:#ffa624 !important;}
/*div {overflow-x: hidden !important;}*/

.card p {font-size: 17px;}
@media screen and (max-width: 900px){

  .font_size72 {
    font-size: 60px;
}
.line_height77 {
    line-height: 72px;
}
}
@media screen and (max-width: 576px){
/*.card p {font-size: 17px;}*/
/*.a-tile-content , .bg-wrap , .fl-nav , .flip-container {height: 400px !important;}*/
.alert a {font-size: 13px;}
.a-tile-content , .bg-wrap , .flip-container {height: 400px !important; overflow:  hidden !important;}
.fl-nav li {height: 56px !important;}
.fl-nav {overflow: visible !important; top: 11px !important;}
.a-tile-box {overflow: hidden;}


.conUs , .links {margin-top: 30px;}

.font_size36 {
    font-size: 24px;
}
.font_size24 {
    font-size: 22px;
}
.line_height47 {
    line-height: 38px;
}
.primary_btn a {
    padding: 16px 30px;
  }

  .header ul{
    text-align:center;
}

.line_height77 {
    line-height: 58px;
}
.font_size72 {
    font-size: 50px;
}
.padding_bottom100{padding-bottom:60px}
.padding_top100{padding-top:60px}
.padding_top80{padding-top:40px}
.padding_bottom80{padding-bottom:40px}
.padding_top50{padding-top:25px}
.padding_bottom50{padding-bottom:25px}

.padding_bottom150 {
    padding-bottom: 60px;
}
.padding_top150 , .bg_home.padding_top150 {
    padding-top: 60px;
}
.card-deck > .card:first-child {margin-bottom: 40px}
.font_size40 {
    font-size: 30px;
}

.m_bottom{margin-bottom: 15px !important;}

.line_height57 {
    line-height: 38px;
}
.contact_box {text-align: center;}
  
 /* .header {position: fixed;
    z-index: 111;
    top: 0;
    width: 100%;}*/

    /*.header {box-shadow: 0 0 3px 4px rgb(0 0 0 / 20%);}*/

    .header .navbar-nav li {
    padding: 14px 0;
}

/*html , body {width:100%; overflow-x:hidden !important;}*/
}
  
  .footer_bx {
    background: #f5f5f5;
    color: #b8cad0;
    padding: 100px 0;
    line-height: 28px;
}

.footer_bx h4, .footer_bx p {color: #000;}
.footer_bx a {text-decoration: none; color: #000;}
.contact_box_page a {text-decoration: none; color: #000;}
.footer_bx a:hover , .contact_box_page a:hover {text-decoration-style: underline; color: #ffa624; }




.map-responsive{
    overflow:hidden;
    padding-bottom:400px;
    position:relative;
}
.map-responsive iframe{
    left:0;
    top:0;
    height:500px;
    width:100%;
    position:absolute;
}

.footer_bx iframe {overflow-x: hidden; width: 100%;}

#facility li , #contracting li , #supply li , #eRental li {font-size:17px; list-style-type: square;}




.slick-slide {
    margin: 0px 20px;
}

.slick-slide img {
    width: 100%;
}

.slick-slider
{
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
            user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list
{
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0;
}
.slick-list:focus
{
    outline: none;
}
.slick-list.dragging
{
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list
{
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}

.slick-track
{
    position: relative;
    top: 0;
    left: 0;
    display: block;
}
.slick-track:before,
.slick-track:after
{
    display: table;
    content: '';
}
.slick-track:after
{
    clear: both;
}
.slick-loading .slick-track
{
    visibility: hidden;
}

.slick-slide
{
    display: none;
    float: left;
    height: 100%;
    min-height: 1px;
}
[dir='rtl'] .slick-slide
{
    float: right;
}
.slick-slide img
{
    display: block;
}
.slick-slide.slick-loading img
{
    display: none;
}
.slick-slide.dragging img
{
    pointer-events: none;
}
.slick-initialized .slick-slide
{
    display: block;
}
.slick-loading .slick-slide
{
    visibility: hidden;
}
.slick-vertical .slick-slide
{
    display: block;
    height: auto;
    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}


@media screen and (min-width: 992px){
  .header 
  {position: absolute;
    z-index: 1111;
    width: 100%;
    background: transparent;}

   .navbar:before {
    display: block;
    position: absolute;
    bottom: 10px
    ;
    width: 999em;
    height: 1px;
    content: '';
    background: #FFFFFF;
    right: 41%;
}

.header .navbar-nav li{padding: 1px 15px;}
.header .navbar-nav li a{color: #fff !important;}
}



body {margin: 0;} canvas{ display: block; vertical-align: bottom; } /* ---- particles.js container ---- */ #particles-js{ top: 0; position:absolute; width: 100%; height: 100%; background-image: url(""); background-repeat: no-repeat; background-size: cover; background-position: 50% 50%; } /* ---- stats.js ---- */ .count-particles{ background: #000022; position: absolute; top: 48px; left: 0; width: 80px; color: #13E8E9; font-size: .8em; text-align: left; text-indent: 4px; line-height: 14px; padding-bottom: 2px; font-family: Helvetica, Arial, sans-serif; font-weight: bold; } .js-count-particles{ font-size: 1.1em; } #stats,  #stats{ border-radius: 3px 3px 0 0; overflow: hidden; } .count-particles{ border-radius: 0 0 3px 3px; }

.text-black {color: #000;}

.alert {
  padding: 5px;
  background-color: #ffc300;
  color: white;
  text-align: center;
  visibility: hidden;
}

.closebtn {
  margin-left: 15px;
  color: white;
  font-weight: bold;
  float: right;
  font-size: 22px;
  line-height: 20px;
  cursor: pointer;
  transition: 0.3s;
}

.closebtn:hover {
  color: black;
}




* {
  box-sizing: border-box;
}

.testimonial-container {
  background-color: #ffc300;
  color: #fff;
  border-radius: 15px;
  margin: 30px auto;
  padding: 30px 40px;
  max-width: 768px;
  position: relative;
}




.testimonial {
  line-height: 22px;
  text-align: justify;
}

.user {
  display: flex;
  align-items: center;
  justify-content: center;
}

.user .user-image {
  border-radius: 50%;
  height: 75px;
  width: 75px;
  object-fit: cover;
}

.user .user-details {
  margin-left: 10px;
}

.user .username {
  margin: 0;
}

.user .role {
  font-weight: normal;
  margin: 10px 0;
}

.progress-bar {
  background-color: #fff;
  height: 2px;
  width: 100%;
  animation: grow 10s linear infinite;
  transform-origin: left;
}

@keyframes grow {
  1% {
    transform: scaleX(0);
  }
}

@media (max-width: 768px) {
  .testimonial-container {
    padding: 20px 30px;
  }

  .fa-quote {
    display: none;
  }
}


.social-icon li a i {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    border: 1px solid #ffc300;
    color: #000;
    font-size: 18px;
}

.social-icon li a i:hover {
    background: #ffc300;
    border-color: transparent;
    color: #fff;
}



     .flip-container.first:hover .bg {background-image: url(images/subBanner1.jpg) !important;


background-size: cover !important;
background-repeat: no-repeat !important;
background-position: center center !important;
height: 460px !important;
padding-bottom: 0 !important;
padding-top: 0 !important;
        }

    .flip-container.second:hover .bg {background-image: url(images/homeBanner1.jpg) !important;
background-size: cover !important;
background-repeat: no-repeat !important;
background-position: center center !important;
height: 460px !important;
padding-bottom: 0 !important;
padding-top: 0 !important;}

    .flip-container.third:hover .bg {background-image: url(images/subBanner1.jpg) !important;


background-size: cover !important;
background-repeat: no-repeat !important;
background-position: center center !important;
height: 460px !important;
padding-bottom: 0 !important;
padding-top: 0 !important;
        }

    .flip-container.fourth:hover .bg {background-image: url(images/homeBanner1.jpg) !important;
background-size: cover !important;
background-repeat: no-repeat !important;
background-position: center center !important;
height: 460px !important;
padding-bottom: 0 !important;
padding-top: 0 !important;}

    .flip-container.fifth:hover .bg {background-image: url(images/subBanner1.jpg) !important;


background-size: cover !important;
background-repeat: no-repeat !important;
background-position: center center !important;
height: 460px !important;
padding-bottom: 0 !important;
padding-top: 0 !important;
        }

    .flip-container.sixth:hover .bg {background-image: url(images/homeBanner1.jpg) !important;
background-size: cover !important;
background-repeat: no-repeat !important;
background-position: center center !important;
height: 460px !important;
padding-bottom: 0 !important;
padding-top: 0 !important;}


@media screen and (max-width: 991px){

ul.servicesList li {padding: 10px 5px !important; display:inline-block !important;}

  .navbar-collapse {
        background: #fff;
        padding: 8px 0;
        min-width: 35%;
        float: right;
        position: absolute;
        left: 0;
        top: 80px;
        z-index: 9999;
        box-shadow: 0 0 5px 0 rgb(0 0 0 / 10%);
        border-radius: 8px;
    }
    .nav-item.active:after{
        display: none;
    }
/*    .navbar-toggler-icon {
        border-bottom: 2px solid #fff;
        display: block;
        height: 8px;
        margin: 0 auto;
        background-image: none !important;
        position: relative;
        top: -2px;
    }*/

    .header .navbar-nav li {padding: 0;}
    .navbar-toggler:focus{
        outline: none;
    }
    .navbar-toggler{
        /*background: #ffa624;*/
        /*border-radius: 50%;*/
        height: 45px;
        width: 45px;
        padding: 0;
          
    }
    .header .navbar-nav li a {
        padding: 14px!important;
    }
}

  @media screen and (max-width:575px){

    .alert {display: none;}
    .navbar-collapse {
        min-width: 100%;
        top: 77px;
    }
  }

 #read-more-btn, #read-more-btn-1 , #read-more-btn-2 , #read-more-btn-3 ,
 #read-more-btn-4 , #read-more-btn-5 , #read-more-btn-6 , #read-more-btn-7 {
    padding: 15px 30px;
    cursor:pointer !important;
  }

  ul.servicesList { list-style-type: none;
                text-align:center; margin:auto; width: 100%;}

ul.servicesList li {padding: 20px 10px; display:inline;}
ul.servicesList li a {color: #000; border-bottom:1px solid; padding-bottom: 10px; text-decoration:none;}
ul.servicesList li:hover a {color:#ffa624; cursor:pointer !important;}


/* Career Page */



.main-form-inner-con input:not([type="submit"]),
.main-form-inner-con textarea{
    width: 100%;
    background: #fff;
    padding: 15px 16px;
    border: none;
    border-radius: 8px;
    margin-bottom: 22px;
    font-size: 18px;
    font-weight: 300;
    color: #565963;
}
.main-form-inner-con input::placeholder,
.main-form-inner-con textarea::placeholder{
    font-size: 18px;
    color: #565963;
}
.main-form-inner-con textarea{
    height: 128px;
    resize: none;
    margin-bottom: 24px;
}

.main-form-con h2{
    margin-bottom: 18px;
}
.main-form-con p{
    margin-bottom: 24px;
}



.primary_btn  .submit_btn {
    padding:21px 95px 22px;
    border-radius:32px;
        background: transparent;
    border:1px solid #ffa624;
    color: #ffa624;;
    font-weight: 600;
    font-size: 18px;
    line-height: 18px;
    display: inline-block;
    transition: all 0.35s ease-in-out;
    width: 100%;
}

.primary_btn .submit_btn:hover {
    background: #ffa624;
    color: #fff;
    border: 1px solid #ffa624;
    transform: translateY(-4px);
    outline: none;
    -webkit-transition: all .6s ease-in-out;
    -moz-transition: all .6s ease-in-out;
    -ms-transition: all .6s ease-in-out;
    -o-transition: all .6s ease-in-out;
    transition: all .6s ease-in-out;
    text-decoration-line: none;

}
.primary_btn  .submit_btn:focus {
    outline-width: 0
}

.contact-page-form {
    background: #fff;
    padding: 40px;
    border-radius: 12px;
    box-shadow: 0 0 20px 0 rgb(255 166 113 / 10%);
}

.contact-page-form input:not([type="checkbox"]):not([type="submit"]),
.contact-page-form textarea{
    width: 100%;
    padding: 16px;
    border: 1px solid #e9e8e8 !important;
    border-radius: 8px;
    background: #fbfbfb !important;
    margin-bottom: 18px;
    font-weight: 300;
}

.main-form-inner-con input,
.main-form-inner-con textarea{
    outline: none;
}


@media screen and (max-width: 767px){
   .main-form-con p {
        margin-bottom: 33px;
    }
    .contact-page-form {
        padding: 15px;
    }
    .form-right-con input:not([type="checkbox"]):not([type="submit"]), .form-right-con textarea, .contact-page-form input:not([type="checkbox"]):not([type="submit"]), .contact-page-form textarea {
        margin-bottom: 10px;
        padding: 12px 16px;
    }
}

.list-active{border-bottom: 1px solid #ffa624 !important;}