header {
    background: none;
    padding: .5em !important;
}
.nav-brand {
    line-height: 0px!important;
}
::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #fff;    font-family: 'Raleway' !important;
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #fff;    font-family: 'Raleway' !important;
}
::-ms-input-placeholder { /* Microsoft Edge */
  color: #fff;    font-family: 'Raleway' !important;
}
input.input.btm {
    padding-top: 0px;margin-top: 0px;margin-bottom: 16px;
}
input.input.left {
    width: 50%;
    float: left;
}
input.input.right {
    width: 50%;
    float: right;
}
select.input.right {
    width: 50%;
    float: right;    border: none;
    color: #fff !important; font-family: 'Raleway' !important;
}
label.input.left {
    width: 50%;
    float: left; font-family: 'Raleway' !important;
    border: none;
    color: #fff !important;
}
textarea#w3review {
    width: 100%;
    background-color: #f15b40;
    border-bottom: 1px solid aqua !important;font-family: 'Raleway' !important;    padding: 10px 0px 0px 0px;
    border: none;
    color: #fff;
}
.form-feild{
    background: #f15b40;
    margin: 0 auto;
    max-width: 400px;    float: right;
    padding: 25px;
    display: flex;
    box-shadow: 0 0 100px rgba(0,0,0,0.9);
    display: flex;
    flex-direction: column;
    margin-right: ;    margin-top: 25%;
}
.input-feild{
    
}
button{
    display: block;
    color: #fff;
    background: #fff;
    padding: 13px;
    width: 100%;
    cursor: pointer;border: none !important;
    margin: 0 auto;    margin-top: 15px;
    text-align: center;
}
select.input.right option {
    color: #000 !important;
}
.input{
  background: transparent;
    color: #fff;
    border: 0;
font-family: 'Raleway' !important;
    border-bottom: 1px solid #fff;
    padding: 10px 0px 10px 0px;
margin: 20px 0px 0px 0px;
    width: 100%;    font-size: 14px !important;
    
}
.input-feild .input:focus-visible {
outline: 0px dashed darkorange !important; 
}
.input-feild .textarea:focus-visible {
outline: 0px dashed darkorange !important;
}
::webkit-input-placeholder{
    color: #fff;
}

::moz-input-placeholder{
    color: #fff;
}
button:hover{
    color: orange;
    /*background-color: cyan;*/
}
.input.input.btm:focus-visible {
  outline: 0px dashed darkorange !important;
}

span.active:hover {
    color: #000 !important;
}

.nav-menu > li > a {
    color: #fff !important;    font-weight: bold;
}
.nav-menu > li > a:hover {
    color: #F15B40 !important;    font-weight: bold;
}
.nav-dropdown > li > a {
font-weight: bold;
}
.nav-dropdown > li > a:hover {
    color: #F15B40 !important; font-weight: bold;
}
.text-block {
    position: absolute;
    top: 38%;
    color: white;
    padding-left: 20px;
    padding-right: 20px;    z-index: 3 !important;
}
.col-md-6.inner {
    padding-top: 55%;
}

.fourcolumn {
position:absolute; bottom:-60px; background-color:#F15B40; color:white; width:100%; margin:auto; border-radius:10px; padding:40px 45px; z-index: 3;
}
.fc-col{ border-right: 1px solid #ffdf50; padding-left: 25px;}
.fc-col:last-child{ border-right:none;}

.text-block h1 { color:#fff; font-weight:800; font-size:3em; font-family:'Raleway' !important; padding:14px 0px!important; letter-spacing:2px;}

.text-block h6 {
    color: #fff;
    font-weight: 500; font-family: 'Raleway' !important;font-size:18px; 
}
.text-block P {
    color: #fff;
    background-color: #F15B40;
    float: left;border-radius: 2px;
    padding: 8px 30px; margin-top: 16px;
    font-size: 14px;
}
.container.acv {
    padding: 0px;
}
.row.fourcolumn h1 {
    font-size: 3em;padding: 4px 0px !important;
    padding: 0px;
    font-family: roboto;
    color: #fff; font-weight: 800;
}
.row.fourcolumn h6 {
    font-weight: 600;
}



.logo1a {
  height: 245px;
  background-image: url(tab-1.png);
  -webkit-transition: background-image 0.5s linear;
  background-size: cover;
}
.logo1a:hover {
  background-image: url(tab-1h.png);
}

.logo1b {
  height: 245px;
  background-image: url(tab-2.png);
  -webkit-transition: background-image 0.5s linear;
  background-size: cover;
}
.logo1b:hover {
  background-image: url(tab-2h.png);
}

.logo1c {
  height: 245px;
  background-image: url(tab-3.png);
  -webkit-transition: background-image 0.5s linear;
  background-size: cover;
}
.logo1c:hover {
  background-image: url(tab-3h.png);
}


.logo1d {
  height: 245px;
  background-image: url(tab-4.png);
  -webkit-transition: background-image 0.5s linear;
  background-size: cover;
}
.logo1d:hover {
  background-image: url(tab-4h.png);
}





.logo1 {
  height: 180px;
  background-image: url(logo1.png);
  -webkit-transition: background-image 0.5s linear;
  background-size: cover;
}
.logo1:hover {
  background-image: url(logo1h.png);
}

.logo2 {
  height: 180px;
  background-image: url(logo2.png);
  -webkit-transition: background-image 0.5s linear;
  background-size: cover;
}
.logo2:hover {
  background-image: url(logo2h.png);
}
.logo3 {
  height: 180px;
  background-image: url(logo3.png);
  -webkit-transition: background-image 0.5s linear;
  background-size: cover;
}
.logo3:hover {
  background-image: url(logo3h.png);
}
.logo4 {
  height: 180px;
  background-image: url(logo4h.png);
  -webkit-transition: background-image 0.5s linear;
  background-size: cover;
}
.logo4:hover {
  background-image: url(logo4.png);
}
.logo5 {
  height: 180px;
  background-image: url(logo5.png);
  -webkit-transition: background-image 0.5s linear;
  background-size: cover;
}
.logo5:hover {
  background-image: url(logo5h.png);
}
.logo6 {
  height: 180px;
  background-image: url(logo6.png);
  -webkit-transition: background-image 0.5s linear;
  background-size: cover;
}
.logo6:hover {
  background-image: url(logo6h.png);
}

.logo7 {
  height: 180px;
  background-image: url(logo7.png);
  -webkit-transition: background-image 0.5s linear;
  background-size: cover;
}
.logo7:hover {
  background-image: url(logo7h.png);
}
.logo8 {
  height: 180px;
  background-image: url(logo8.png);
  -webkit-transition: background-image 0.5s linear;
  background-size: cover;
}
.logo8:hover {
  background-image: url(logo8h.png);
}

.aaa{
  height: 180px;
  background-image: url(aa.png);
  -webkit-transition: background-image 0.5s linear;
  background-size: cover;
}

.aaa:hover {
  background-image: url(aaa.png);
}

.boxbb {
  height: 220px;
  background-image: url(our2.png);
  -webkit-transition: background-image 0.5s linear;
  background-size: cover;
}

.boxbb:hover {
  background-image: url(our2h.png);
}
.boxcc {
  height: 220px;
  background-image: url(our3.png);
  -webkit-transition: background-image 0.5s linear;
  background-size: cover;
}

.boxcc:hover {
  background-image: url(our3h.png);
}
.boxdd {
  height: 220px;
  background-image: url(our1.png);
  -webkit-transition: background-image 0.5s linear;
  background-size: cover;
}

.boxdd:hover {
  background-image: url(our1h.png) !important;
}

.boxaa {
  height: 220px;
  background-image: url(our4.png);
  -webkit-transition: background-image 0.5s linear;
  background-size: cover;
}

.boxaa:hover {
  background-image: url(our4h.png);
}




.boxaaa {
  height: 220px;
  background-image: url(trc2.png);
  -webkit-transition: background-image 0.5s linear;
  background-size: cover;
}

.boxaaa:hover {
  background-image: url(trc2h.png);
}
.boxaaaa {
  height: 220px;
  background-image: url(trc3.png);
  -webkit-transition: background-image 0.5s linear;
  background-size: cover;
}

.boxaaaa:hover {
  background-image: url(trc3h.png);
}
.boxaaaaa {
  height: 220px;
    background-image: url(trc4.png);
  -webkit-transition: background-image 0.5s linear;
  background-size: cover;
}

.boxaaaaa:hover {
    background-image: url(trc4h.png);
}

.boxa {
    height: 267px;
    width: 300px;
    background-color: #fff;
}
.boxf {
    height: 267px;
    width: 100%;
    background-color: #fff;
}
.boxd {
height: 186px;
width: 100%;
margin-bottom: 40px;
padding: 10px 0px 0px 20px;margin-top: 30px;
}
.boxd:hover {
    height: 186px;
    width: 100%;    background-color: #000;
    box-shadow: rgba(0, 0, 0, 0.1) -4px 9px 25px -6px;
    padding: 10px 0px 0px 20px;margin-top: 30px;
}
.boxdt {
    height: auto;
    width: 100%;
margin-bottom: 40px;
padding: 30px 80px 30px 80px;
 margin-top: 30px;
box-shadow: rgb(0 0 0 / 4%) 0px 3px 6px;
}
.boxdt img {
    float: left;
}

/* bottom line */
.top-and-bottom::after {
	content: '';
    position: absolute;
    background-color: #E44E36;
    width: 18%;
    height: 3px;
    bottom: -5px;left: 50px;
}
.top-and-bottom {
  position: relative;
}
.top-and-bottoma::after {
	content: '';
    position: absolute;
    background-color: #E44E36;
    width: 18%;
    height: 3px;
    bottom: -5px;left: 35px;
}
.top-and-bottoma {
  position: relative;
}
.top-and-bottomb::after {
	content: '';
    position: absolute;
    background-color: #E44E36;
    width: 18%;
    height: 3px;
    bottom: -5px;left: 23px;
}
.top-and-bottomb {
  position: relative;
}
.top-and-bottomc::after {
content: '';
    position: absolute;
    background-color: #FFDF50;
    width: 42px;
    height: 3px;
    bottom: -5px;
    left: 0px;
}
.top-and-bottomc {
  position: relative;
}
.boxb {
    height: 250px;
    width: 280px;margin-left: 10px;
    background-color: #fff;
}
section.primex h4 {
    padding-top: 30px;
}
.text-left.sec-right {
padding: 0px 207px 0px 40px !important;
}
.top-and-bottomd::after {
	content: '';
    position: absolute;
    background-color: #E44E36;
    width: 18%;
    height: 3px;
    bottom: -5px;left: 0px;
}
.top-and-bottomd {
  position: relative;text-align: left;
}

.top-and-bottomf::after {
	content: '';
    position: absolute;
    background-color: #ffdf50;
    width: 50px;
    height: 2px;
    bottom: -5px;left: 38%;
}
.top-and-bottomf {
  position: relative;text-align: left;
}


.card {
margin: inherit !important;padding-bottom: 20px;
}
.clients .clients-wrap ul li {
padding:0px 0px !important;
}
.checked {
  color: orange;
}
.carousel-control-prev {
    left: -85px !important;
}
.carousel-control-next {
    right: -72px !important;
}
/*home page banner*/
.img-slider{
  width: 100%;
  /* height: calc(100vh - 286px); */
  height: calc(100vh - 298px);
  position: relative;
  overflow: hidden;

}
.slider-banner{
  width: 100%;
  height: 700px;
  position: relative;overflow: hidden; 

}

.innerhhead-img{
  width: 100%;
  height: 600px;
  position: relative;overflow: hidden; 

}


.sliderImg{
  position: absolute;
  width: 100%;
  height: calc(100vh - 290px);
  background: no-repeat 50% 50%;
  background-size: cover;
  top: -200px;
  animation: animate 15s linear infinite ;
  opacity: 1;
  transform: scale(1.2);
}




.overlay-slider{
  width: 100%;
  height: calc(100vh - 297px);
  background: linear-gradient(rgba(0,0,0,0.7),rgba(0,0,0,0.7));
  position: absolute;
  top: 0px;
  z-index: 8;
}
/*animation for banner css:*/
.banner-img {
  position: absolute;
  width: 100%;
  height: 100%;
  background: no-repeat 50% 50%;
  background-size: cover;
  animation: animate 20s linear infinite;
  opacity: 1;
  transform: scale(1.2);
}

.banner-img:nth-child(1) {
  animation-name: animate-1;
  z-index: 3;
}
.banner-img:nth-child(2) {
  animation-name: animate-2;
  z-index: 2;
}
.banner-img:nth-child(3) {
  animation-name: animate-3;
  z-index: 1;
}
.banner-img:nth-child(4) {
  animation-name: animate-4;
  z-index: 0;
}




@keyframes animate-1 {
  0% {
    opacity: 1;
    transform: scale(1.2);
  }
  1.5% {
    opacity: 1;
  }
  43% {
    opacity: 1;
    transform: scale(1);
  }
  46% {
    opacity: 1;
    transform: scale(1);
  }
  49% {
    opacity: 0;
    transform: scale(1);
  }
  100% {
    opacity: 0;
    transform: scale(1.2);
  }
  98% {
    opacity: 0;
    transform: scale(1.22);
  }
  100% {
    opacity: 1;
  }
}

@keyframes animate-2 {
  46% {
    opacity: 1;
    transform: scale(1.2);
  }
  49% {
    opacity: 1;
  }
  68% {
    opacity: 1;
    transform: scale(1);
  }
  71% {
    opacity: 1;
    transform: scale(1);
  }
  74% {
    opacity: 0;
    transform: scale(1);
  }
  100% {
    opacity: 0;
    transform: scale(1.2);
  }
}

@keyframes animate-3 {
  71% {
    opacity: 1;
    transform: scale(1.2);
  }
  74% {
    opacity: 1;
  }
  98% {
    opacity: 1;
    transform: scale(1);
  }
  100% {
    opacity: 0;
    transform: scale(1);
  }
}

.banner-tag:nth-child(1) {
  animation-name: fadeIn-1;
}
.banner-tag:nth-child(2) {
  animation-name: fadeIn-2;
}
.banner-tag:nth-child(3) {
  animation-name: fadeIn-3;
}
.banner-tag:nth-child(4) {
  animation-name: fadeIn-4;
}

@keyframes fadeIn-1 { 
0% { opacity: 0; } 
2% { opacity: 1; }
24% { opacity: 1; }
25% { opacity: 0; }
100% { opacity: 0; }
}
@keyframes fadeIn-2 { 
0% { opacity: 0; } 
24% { opacity: 0; }
25% { opacity: 1; }
49% { opacity: 1; }
50% { opacity: 0; }
100% { opacity: 0; }
}
@keyframes fadeIn-3 { 
0% { opacity: 0; }
50% { opacity: 0; }
51% { opacity: 1; } 
74% { opacity: 1; }
75% { opacity: 0; }
100% { opacity: 0; }
}
@keyframes fadeIn-4 { 
0% { opacity: 0; }
75% { opacity: 0; }
76% { opacity: 1; } 
99% { opacity: 1; }
100% { opacity: 0; }
}
@media only screen and (min-width: 1681px){
.elementor-element-71a6b73 {
		padding:0 2em
	}
  .container.bg-container{

      height: calc(100vh - 45vh);
    }
    .single-card{

     min-height: calc(45vh - 110px);
  }
  .img-slider, .overlay-slider, .slider-banner {
/* 		height: 55vh; */
		height: 57vh;
	}
  .image-marquee{
    min-height: calc(30vh - 61px);
  }
	
	/*banner for large device*/
	
	.elementor-186 .elementor-element.elementor-element-784a656 {
		padding: 6px 0!important;
	}
	.counter-text {
		font-size: 2.8em;
		font-weight: 700;
	}
	.elementor-186 .elementor-element.elementor-element-04eabd9 {
		padding:5px 0
	}
	.intro_title {
		font-size:22px!important
	}
	.middle-content{
		font-size:22px!important
	}
	.elementor-186 .elementor-element.elementor-element-3fc4208 {
		min-height: calc(45vh - 110px);
		display: flex;
    justify-content: center;
    align-items: center;
	}
	/*barnner for large device ends*/

}

/*home page banner ends*/

.cf:before,
.cf:after {
  content: " ";
  display: table; 
}

.cf:after {
  clear: both;
}

.cf {
  *zoom: 1;    z-index: 9;
}


header {
	width: 100%;
	height: 90px;

	position: fixed;
	z-index: 2;
	
}

.small {
	height: 82px;	background: #000000;box-shadow: 0 4px 4px rgba(0,0,0,0.1);
}
.col-md-12.text-center.rebbg {
    height: 200px;
}
img.img-fluid.colbg {
    height: 200px;
}

ul.content li a {
    color: #fff;
font-weight: 600;
    font-size: 16px !important;
}
ul.content li a:hover {
    color: #fff;
font-weight: 600;
    font-size: 16px !important;
}
ul.content li {
    display: inline;
      padding: 0px 0px 0px 40px;
    text-transform: uppercase;float: right
}
p.text-whitea {
    display: none;
}



/* On screens that are 600px or less, set the background color to olive */





@media screen and (max-width: 600px) {
 .containerr {
    width: 100%;margin-top: 15px;
  }
  .col-md-12.text-center.rebbg {
    height: auto;
    background-color: #fff !important;
}
.boxaa {
  height: 125px;  width: 100%;    margin-bottom: 15px;
  background-image: url(trc1.png);
  -webkit-transition: background-image 0.5s linear;
  background-size: cover;
}

.boxaa:hover {
  background-image: url(trc1h.png);
}
.boxaaa {
  height: 125px;  width: 100%;    margin-bottom: 15px;
  background-image: url(trc2.png);
  -webkit-transition: background-image 0.5s linear;
  background-size: cover;
}

.boxaaa:hover {
  background-image: url(trc2h.png);
}
.boxaaaa {
  height: 125px; width: 100%;    margin-bottom: 15px;
  background-image: url(trc3.png);
  -webkit-transition: background-image 0.5s linear;
  background-size: cover;
}

.boxaaaa:hover {
  background-image: url(trc3h.png);
}
.boxaaaaa {
  height: 125px;  width: 100%;    margin-bottom: 15px;
    background-image: url(trc4h.png);
  -webkit-transition: background-image 0.5s linear;
  background-size: cover;
}
.innerhheadser-img {
    height: 350px !important;
}
.col-md-10.text-center.sec-right.ser {
    padding: 0px !important;
}
.boxaaaaa:hover {
    background-image: url(trc4.png);
}
.col-md-12.text-center.sec-right.botm{
    /*background-color: #ffffff !important;*/
}
p.text-whitea {
    display: block;
}
label.barss {
    float: right;
    top: -117px;
    right: 20px;
}
footer {
    background-image: none !important;
    height: auto !important;
}
ul.content li {
    display: inline;
    padding: 0px 15px 0px 0px;
    text-transform: uppercase;
    float: left;
}

ul.content li a {
    font-size: 12px;
}
p.text-whitea {
    text-align: center;
    color: #fff;
}
p.text-white.mt-2 {
    display: none;
}
footer {
margin-top: 0px !important;
}
.nav-menu > li > .nav-dropdown {
    display: inherit;
}
.nav-dropdown {
    padding: 0% 0%;
    background-color: #fff;
}

.nav-dropdown > li > a {
    color: #fff !important;
}
.col-md-12.text-center.rebbg a {
margin-top: 40px !important;
}
/*
.container-fluid {
    padding: 0px 13px !important;
}
*/
h4.top-and-bottomf {
  margin-bottom: 0px !important; color: #F15B40 !important;
}
.boxg {
    margin-bottom: 30px;
}
  .small {
	height: 70px;	background: #000000;
}
  .slider-banner {
    width: 100%;
    height: 300px;
}
.innerhhead-img {
    height: 812px;
}
.boxdt {
    height: auto;
    width: 100%;
    margin-bottom: 40px;
    padding: 0px 25px 15px 25px;
    margin-top: 30px;
    box-shadow: rgb(0 0 0 / 4%) 0px 3px 6px;
}
.col-md-7.text-left.sec-right h3 {
    padding-left: 18px !important;
    margin-top: 27px;
}
.col-md-7.text-left.sec-right h5 {
    padding-left: 18px !important;
}
.carousel-control-next {
    right: 0px !important;
}
.top-and-bottomc::after {
    left: 18px;
}
  .row.fourcolumn .col-md-4 {
    width: 32%;padding-left: 10px !important;
}
.text-block {
    position: absolute;
       margin-top: 19% !important;
    left: 30px;
}
.text-block h1 {
    padding: 22px 0px 0px 0px!important;
}
.nav-toggle:before {
    background-color: #ffffff;
    box-shadow: 0 0.5em 0 0 #ffffff, 0 1em 0 0 #ffffff;
}
.fourcolumn {
    position: initial;
    background-color: #F15B40;
    color: white;
    width: 100%;    border-radius: 0px;
    margin: auto;
        padding: 6px 6px;
}
.row.fourcolumn h6 {
    font-size: 15px;
}
.boxb {
    width: 100%;
    margin-left: 0px;
    margin-bottom: 30px;
}
.boxa {
    width: 100%;
    margin-left: 0px;
    margin-bottom: 30px;
}
.boxa:hover {
    width: 100%;background-image: url('img/trc.png');
    margin-left: 0px;
    margin-bottom: 30px;
}


.box {
    width: 100%;
    margin-left: 0px;
    margin-bottom: 30px;
}

.carousel-control-next-icon {
    background-image: url(arrow-right.png) !important;
    display: none;
}
.text-left.sec-right {
padding: 0px 0px 0px 0px !important;
}
.carousel-control-prev {
    left: -40px !important;
    /*display: none;*/
}
.carousel-control-next {
    right: -40px !important;
    /*display: none;*/
}
h5.top-and-bottomd {
    font-size: 10px !important;
}
.boxd {
    height: 156px;
    width: 100%;
    margin-bottom: 0px;
    margin-top: 0px;
}
}