@import url('https://fonts.googleapis.com/css?family=Raleway:300,400,500,600,700');
/* font-family: 'Raleway', sans-serif; */
@supports (-moz-appearance:none) {
    /* special attributes for mozilla only */
}
::-webkit-scrollbar{width:6px !important;}::-webkit-scrollbar-thumb{background:#d38516 !important;}
body {padding: 0; margin: 0;}
body,div,ul,li,a,p,b,strong,h1,h2,h3,h4,h5,h6{font-family: 'Raleway', sans-serif;}
body,p,ul,li,div{font-size: 14px;}
li, p {
    color: #8794a2;
}
ul li {list-style:none;}
a{text-decoration:none;color:inherit;}
a:hover{text-decoration:none;color:inherit;}
.list-initial li {list-style: initial;}
.bg-none{background:none !important;}
.bg-main{background:#d38516 !important;}
.text-main{color:#d38516 !important;}
.bg-alt {background: #1c1919 !important;}
.text-alt {color: #1c1919 !important;}
.bg-black{background: #0c0c0c !important;}
.text-black {color: #000 !important;}
.bg-yellow{background:#ffe37d !important;}
.text-yellow{color:#fdc800 !important;}
.bg-white{background:#fff !important;}
.text-white {color: #fff !important;}
.bg-red{background:#ff707d !important;}
.text-red{color:#e63344 !important;}
.bg-gray{background:#f4f4f4 !important;}
.text-gray{color:#5f5f5f !important;}
.letter-spacing-2{letter-spacing: 6px;}
.clear-both {clear: both !important;}
.object-cover{width: 100%; object-fit: cover; display: table}
.font-700{font-weight:700 !important;}
.font-600{font-weight:600 !important;}
.font-500{font-weight:500 !important;}
.font-400{font-weight:400 !important;}
.font-300{font-weight:300 !important;}
.border-t-light {border-top:1px solid rgba(0, 0, 0, 0.1) !important;}
.border-r-light {border-right:1px solid rgba(0, 0, 0, 0.1) !important;}
.border-b-light {border-bottom:1px solid rgba(0, 0, 0, 0.1) !important;}
.border-l-light {border-left:1px solid rgba(0, 0, 0, 0.1) !important;}
.border-light {border:1px solid rgba(0, 0, 0, 0.1) !important;}
.min-h-100{min-height: 100px !important;}
.min-h-150{min-height: 150px !important;}
.min-h-200{min-height: 200px !important;}
.min-h-204{min-height: 204px !important;}
.min-h-250{min-height: 250px !important;}
.min-h-300{min-height: 300px !important;}
.max-h-100{max-height: 100px !important;}
.max-h-150{max-height: 150px !important;}
.max-h-200{max-height: 200px !important;}
.max-h-250{max-height: 250px !important;}
.max-h-300{max-height: 300px !important;}
.max-h-350{max-height: 350px;}
.max-h-400{max-height: 400px;}
.max-h-450{max-height: 450px;}
.max-h-500{max-height: 500px;}
.max-h-550{max-height: 550px;}
.max-h-600{max-height: 600px;}
.height-100-vh {height: 100vh;}
.w-350px {min-width: 350px; max-width: 350px; width: 350px;}
.w-300px {min-width: 300px; max-width: 300px; width: 300px;}
.w-200px {min-width: 200px; max-width: 200px; width: 200px;}
.w-150px {min-width: 150px; max-width: 150px; width: 150px;}
.w-100px {min-width: 100px; max-width: 100px; width: 100px;}
.w-50px {min-width: 50px; max-width: 50px; width: 50px;}
.w-30px {min-width: 30px; max-width: 30px; width: 30px;}
.rounded-btn{border-radius:40px;}
.top{top: 0;}.bottom{bottom: 0;}.right{right: 0;}.left{left: 0;}
.font-xs{font-size:12px !important;}.font-sm{font-size:14px !important;}.font-md{font-size:16px !important;}.font-lg{font-size:18px !important;}.font-xl{font-size:25px !important;}
.font-2x{font-size: 40px !important;}
.box-shadow{-webkit-box-shadow: 10px 10px 24px -16px rgba(0,0,0,0.75);-moz-box-shadow: 10px 10px 24px -16px rgba(0,0,0,0.75);box-shadow: 10px 10px 24px -16px rgba(0,0,0,0.75);}
.align-center{align-items:center !important;}
.d-center{display: grid !important; display: -webkit-grid !important; align-items: center !important;}
.d-inline-block{display: inline-block !important;}
.outline-none, .outline-none:focus{outline: none !important; box-shadow: none;}
.pointer{cursor: pointer !important;}
.flex-wrap{flex-wrap: wrap;}
.overflow-hidden{overflow: hidden !important;}
.overflow-auto{overflow: auto !important;}
.overflow-x-auto{overflow-x: auto !important;}
.overflow-y-auto{overflow-y: auto !important;}
.overflow-x-hidden{overflow-x: hidden !important;}
.overflow-y-hidden{overflow-y: hidden !important;}
@media (min-width:992px){
.w-lg-100{width: 100% !important;}
.w-lg-75{width: 75% !important;}
.w-lg-50{width: 50% !important;}
.w-lg-25{width: 25% !important;}
}


/* codding begin */
.socialLink a {
       font-size: 14px;
       margin-right: 15px;
}
.socialLink a:last-child {
    margin-right: 0;
}
.shareicon {
    position: absolute;
    top: -10px;
    width: 50px;
    font-size: 10px;
    background: #d38516;
    color: #fff;
    text-align: center;
    padding: 1px;
}
.shareicon::before {
    content: "";
    position: absolute;
    left: 2px;
    bottom: -3px;
    width: 8px;
    height: 8px;
    background: #d38516;
    transform: rotate(50deg);
    z-index: -1;
}
.logo-strip {max-width: 150px;position: absolute;top: -30px;}
.strip-right {float: right; display: flex; align-items: center; padding-top: 40px;}
.top-logo {clear: both; overflow: hidden; height: 140px;}
.strip-right li {float: left;
    /* margin-right: 25px; */
}
.strip-right li:first-child {background: #d38516; color: #fff; border-radius: 30px; padding: 5px 10px; font-size: 12px;}
.strip-right li:last-child {margin-right: 0; background: #1c1919; color: #fff; padding: 5px; width: 40px; height: 40px; text-align: center; border-radius: 100%; display: flex; align-items: center; justify-content: center; font-size: 15px;}
.strip-right li:last-child:hover {
    cursor: pointer;
}
.navUl {margin: 0 auto !important;}
.navUl li a {
    padding: 30px 25px !important;
    color: #fff;
}
.numberContact {background: #d38516; color: #fff !important; padding: 7px 15px !important; display: flex; border-radius: 30px; font-size: 12px;height: 35px; position: absolute; right: 125px;}
.navbar-brand.socialLink {position: absolute;}
.numberContact svg {font-size: 20px; font-weight: 600;}
@media (max-width:1200px) and (min-width:990px) {
    .navUl li a {
        padding: 10px 10px !important;
    }
}
@media (min-width:992px) {
    .desktop-none {display: none;}
    .sec-banner .carousel-item img {height: 100vh;object-fit: cover;}
    .desktop-view {display: block;}
    .mobile-view {display: none;}
}
@media (max-width:991px) {
    .navUl {background: #1c1919 !important;}
    .nav-pills .nav-link.active, .nav-pills .show>.nav-link {background: none !important;}
    .mobileLogo {
        position: absolute;
        z-index: 9;
        width: 250px;
        left: 50%;
        transform: translate(-50%,0);
        top: 20px;
    }
    .mobile-none {display: none;}
    .sec-banner .carousel-item img {height: 93.3vh;object-fit: cover;}
    .logo-strip {position: inherit;}
    .main-header {background: #d38516;bottom: 0;
        position: absolute;
        box-shadow: 0px 1px 24px -2px #000;
        top: inherit !important;}
    .navbar-brand.socialLink {position: inherit; padding: 0;}
    .logo-strip {max-width: 80px;}
    body {
        padding-bottom: 46px;
    }
    .navbar-toggler {line-height: inherit;}
    .desktop-view {display: none;}
    .mobile-view {display: block;}
    .navUl li a {padding: 15px 25px !important;}
}
#carouselExampleIndicators2 .carousel-indicators li {width: 10px; height: 10px; background-color: #d38516;}
#carouselExampleIndicators2 .carousel-indicators li.active {background-color: #1c1919 !important; width: 20px;}
#carouselExampleIndicators2 .carousel-indicators {margin: 0; bottom: -40px;}
.heading-title {color: #1c1919; font-weight: 700; font-size: 40px;position: relative; width: fit-content; width: -moz-fit-content;}
.title-center {margin: 0 auto; margin-bottom: 25px;}
.heading-title::after {
    content: "";
    position: absolute;
    left: 0;
    background: #d38516;
    width: 40px;
    height: 3px;
    bottom: 0;
}
.sec-about .fa-check-circle {color: #d38516; font-size: 18px; font-weight: 300;}
.valueCount {font-size: 30px; font-weight: 600; color: #000;}
@media (max-width:640px) {
    .valueCount {font-size: 20px;}
    .abouticon {width: 50px;}
}
.recHeading {font-size: 18px; color: #1c1919; font-weight: 600;}
.col-sec .heading { color: #1c1919; font-weight: 700; font-size: 18px;}
.serviceicon-left {float: left; width: 50px;}
.right-col {float: right; width: 85%;}
.col-sec > div {border: 1px solid #ddd; padding: 30px; overflow: hidden;}
.col-sec:hover > div, .col-sec:hover > div .heading {background: #1c1919; color: #fff; cursor: pointer;}
.jobicon {width: 130px; margin-bottom: 20px;}
.countericon {width: 40px;}
.counters-jobs {background: url(../images/counter-bg.jpg) no-repeat; background-attachment: fixed;background-position: center; background-size: cover; position: relative;}
@media (min-width:992px) {
    .counters-jobs {height: 300px;}
    .counters-jobs > .row {align-items: center; height: 300px;}
    .col-sec > div {min-height: 250px;}
}
.counters-jobs::before {content:"";position:absolute;left:0;top:0;background: rgba(0, 0, 0, 0.76); height: 100%; width: 100%;}

.partner-logo {height: 200px; display: flex; align-items: center; justify-content: center;}
.partner-logo:hover {box-shadow: -1px 2px 21px -8px #000;}
@media (min-width:992px) {
    .partner-logo{border-right: 1px solid rgba(221, 221, 221, 0.46); border-bottom: 1px solid rgba(221, 221, 221, 0.46);}
    .partner-logo:last-child{border:0;}
    .partner-logo:nth-child(4){border-right:0;}
    .partner-logo:nth-child(5), .partner-logo:nth-child(6), .partner-logo:nth-child(7){border-bottom:0;}
    .main-header > .container {flex-grow: inherit;}

}
@media (max-width:991px) {
    .show-top {display: none !important;}
    .partner-logo {border: 1px solid rgba(221, 221, 221, 0.46);}
    .navUl {background: #f4f4f4;}
    .heading-title {font-size: 20px;}
    .flexMedia {flex-wrap: nowrap; overflow: auto;}
    .flexMedia .partner-logo {height: 150px;}
    .test-col {text-align: center; margin-bottom: 30px;}
}
.partner-logo img {width: 100px; object-fit: contain; height: 120px; }
.sec-contact { display: flex; align-items: center;  background-attachment: fixed;background-position: center; background-size: cover; position: relative;}
@media (min-width:992px) {
    .sticky-header { box-shadow: -4px -5px 24px 3px #000; position: fixed; top: 0; z-index: 9999999; left: 0; width: 100%; background: #31302f; color: #fff;}
    .sticky-header .navUl li a {padding: 18px 25px !important}
    .sticky-header .socialLink {    position: absolute;
        left: 15px;}
    .sticky-header .socialLink img {max-width: 128px;}
    .sticky-header .logo-strip-sticky {display: block; width: 98px;}
    .sticky-header .navbar-nav .nav-link {color: rgba(251, 195, 115, 0.76); text-transform: uppercase; letter-spacing: 2px; font-size: 12px;}
    .sticky-header .numberContact {height: 100%; position: absolute; right: 0; align-items: center; border-radius: 0;}
}
.contact-input input, .contact-input select, .contact-input textarea {    position: relative;
    width: 100%;
    padding: 10px 10px 10px 40px;
    border: 0;
    letter-spacing: 2px;
    background:#1c1919;
    color: #fff;}
.contact-input input[type="submit"]{background: #d38516; padding: 10px;}
.contact-input svg {position: absolute;left: 27px;top: 11px;color: #c7c7c7;z-index: 9;font-size: 18px;}
.test-col img {width: 80px; border-radius: 100%; height: 80px; object-fit: cover; margin-bottom: 15px;}
.test-col .name {color: #d38516; font-weight: 600; font-size: 18px;}
.quatest {font-size: 22px; color: #000; font-weight: 700; line-height: 0}
.test-controllers {position: relative;width: 200px; margin: 0 auto;}
.test-controllers .carousel-indicators {position: relative;}
.test-controllers .carousel-indicators li {width: 8px; height: 8px; background-color: #8794a2;}
.test-controllers .carousel-indicators .active {background-color: #d38516;}
.test-controllers .carousel-control-next-icon {background: url(../images/arrow-right.png) no-repeat; background-size: 100%; width: 30px; background-position: center;}
.test-controllers .carousel-control-prev-icon {background: url(../images/arrow-left.png) no-repeat; background-size: 100%; width: 30px; background-position: center;}
footer {
    background: #1c1919;
}
footer ul li {font-size: 12px; padding: 5px 0; }
.heading-title.footer  {font-size: 18px; font-weight: 600; color: #fff; padding: 10px 0;}
.heading-title.footer::before  {
    content: "";
    position: absolute;
    left: 0;
    background: #d38516;
    width: 100%;
    height: 1px;
    bottom: 1px;
}
.ulLLink li a {border-bottom: 1px dashed #8794a2; padding: 10px 0; display: block;}
.ulLLink li {padding: 0;}
.logofooter {width: 200px;}
.ulsocial li {float: left; margin-right: 15px; }
.ulsocial li a {background: #d38516; color: #fff; width: 40px; height: 40px; border-radius: 100%; display: flex; align-items: center; justify-content: center; font-size: 15px;}
.ulsocial li:last-child {margin-right: 0;}
.ulLinkSuport ul, .ulLinkSuport p {margin: 0; padding: 0; font-size: 12px;}
.ulLinkSuport {padding: 5px 0; background: #090707; color: #fff;}
.ulLinkSuport ul li {float: left; margin-right: 15px;}
.ulLinkSuport ul li:last-child {margin-right: 0;}
#navbar-example2, .navUl {margin: 0; padding: 0;}
.navbar-toggler {border: 0;}
.logo-strip-sticky {display: none;}
.sticky-header .nav-link.active {background: none;}
.sticky-header .hide-top {display: none;}
.sticky-header .show-top {display: block; position: absolute; top: 0; left: 15px;}

/* new changes / new design */
.main-header{ position: fixed;top: 0; left: 0; width: 100%; z-index: 99; max-width: 100%; padding: 0 15px; }
@media (min-width:992px) {
    .arrowDown {
        background: url(../images/banner-arrow.png) no-repeat;
        background-size: 100% 100%;
        height: 50px;
        width: 150px;
        margin: 0 auto;
        display: block;
        margin-top: -49px;
        text-align: center;
        position: relative;
        
    }
        /* banner arrow bounce */
@keyframes bounce {
    0%, 20%, 50%, 80%, 100% {
      -webkit-transform: translateY(0);
      -moz-transform: translateY(0);
      -ms-transform: translateY(0);
      transform: translateY(0); }
    40% {
      -webkit-transform: translateY(-5px);
      -moz-transform: translateY(-5px);
      -ms-transform: translateY(-5px);
      transform: translateY(-5px); }
    60% {
      -webkit-transform: translateY(-2px);
      -moz-transform: translateY(-2px);
      -ms-transform: translateY(-2px);
      transform: translateY(-2px); } }
  
  .bounce {
    -webkit-animation: bounce 1s infinite;
    -moz-animation: bounce 1s infinite;
    -ms-animation: bounce 1s infinite;
    animation: bounce 1s infinite; }
  
  /* banner arrow bounce end*/
}
.carousel-item::before {
    content: "";
    /* background: linear-gradient(to top, rgba(211, 132, 22, 0.459), rgba(28, 25, 25, 0.294)); */
    background: rgba(28, 25, 25, 0.68);
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

.logo-width {width: 100px;}

.Load{position:fixed;top:50%;left:50%;z-index:999999;width:150px}.demo-input-co{border:1px solid #ccc8c8!important;margin-bottom:10px!important;width:100%!important}