/*
Theme Name: silvertrack
*/

@font-face {
	font-family: Roboto;
	src: url(../ase/assets/roboto/Roboto-Regular.ttf);
	font-weight: 400
}

@font-face {
	font-family: Roboto;
	src: url(../ase/assets/roboto/Roboto-Medium.ttf);
	font-weight: 500
}

@font-face {
	font-family: Roboto;
	src: url(../ase/assets/roboto/Roboto-Bold.ttf);
	font-weight: 700
}

@font-face {
	font-family: Roboto;
	src: url(../ase/assets/roboto/Roboto-Italic.ttf);
	font-weight: 400;
	font-style: italic;
}
@font-face {
	font-family: remixa;
	src: url(../ase/assets/Remixa/RemixaTest-Regular.ttf);
	font-weight: 400;
	font-style: regular;
}

.f-nav .header-wrapper {
    background: rgb(0 0 0 / 95%);
    -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2);
    padding-top: 5px;
    margin-top: 0px;
  }
.f-nav .top-header{
	display:none;
}

  h1,h2,h3,h4,h5,h6,p,a{
    font-family: 'SF Pro Display', sans-serif;
  }
 /* header start */

 .men{
    display: flex;
    align-items: center;
    justify-content: flex-end;
 }
 .header-log img{
    width: 281px;
 }
 .top-header{
 background: #000;
 display: flex;
 justify-content: space-around;
 padding: 15px;
}
.header-socialmedia a{
    padding: 5px;
}
.cont-header a{
    color:#fff;
    padding-right: 10px;
    font-size: 15px;
}
.cont-header a:hover{
    color:#DB0505;
    text-decoration: none;
}
.header-wrapper{
    position: fixed;
    z-index: 1;
    width: 100%;
}
.cont-header img{
    padding-right: 10px;
}
.menu-logoheader{
    background: #fff;
    height: 117px;
    display: flex;
    align-items: center;
}
.whatsapp-iconbtn {
    width: 50px;
    height: 50px;
    background: #17a76b;
    color: #fff !important;
    position: fixed;
    right: 20px;
    bottom: 80px;
    z-index: 1050;
    border-radius: 50%;
    text-align: center;
    font-size: 24px;
    line-height: 50px;
    -webkit-animation: puls 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
    -moz-animation: puls 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
    -ms-animation: puls 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
    animation: puls 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
    box-shadow: 0 0 0 0 rgba(103, 184, 81, 0.5);
}
#mega-menu-wrap-primary #mega-menu-primary > #mega-menu-item-1502 a {
    background: #db0505;
    color: #fff;
    font-size: 13px;
    padding: 0px 15px 0px 15px;
}
 /* header ends */

 /* banner start */
 .banner-item img{
    width: 100%;
    object-fit: cover;
    margin-top: 120px;
	 height:100vh;
 }
 .bann-head span{
    color: #db0505;
    font-family: 'SF Pro Display', sans-serif;
    font-weight: 600;
    font-size: 50px;
 }
.bann-head h1{
    font-family: 'SF Pro Display', sans-serif;
    font-size: 40px;
    
}
.banner-caption{
    position: absolute;
    top: 446px;
    right: 98px;
    left: 127px;
    width: 577px;
}
.home-banner-wrap{
    position: relative;
}
.btnimg a {
    background: #db0505;
    color: #fff;
    padding: 7px 19px;
    border-radius: 5px;
}
a:hover{
    text-decoration:none!important;
}
.btnimg a:hover{
    color:#000;
    text-decoration: none;
}
.footer .padding-bottom{
    padding-bottom:50px;
}
.footer i.fa-brands {
    font-size: 9px;
}
 /* banner ends */

 /* about start */
.home-abt{
    margin-top: 100px;
    margin-bottom: 100px;
}
.abt-content h1{
    font-size: 46px;
    font-weight: 600;
    margin-bottom: 25px;
}
.abt-content h5{
    color:#DB0505;
}
 .abt-img img{
    width: 535px;
    height: 614px;
    object-fit: cover;
 }
 .abt-content{
    border-bottom: 1px solid #0000003b;
 }
.vision img{
    width: 40px;
}
.vision{
    display: flex;
    align-items: center;
    margin-top: 25px;
}
.vision-desc{
    border-right: 1px solid #0000003b;
}
.mission{
    display: flex;
    align-items: center;
    padding-top: 25px;
}
.mission img{
    width: 40px; 
}
.home-abt .btnimg a{
    background: #db0505;
    color: #fff;
    padding: 9px 18px;
    border-radius: 5px;
    font-size: 15px;
}
.abt-content a{
    color:#DB0505;
}
 /* about ends */

 /* services start */
.home-service{
    background-image: url('../silvertrack/assets/img/inner-bg.png');
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    height: 157vh;
}
.heading-service{
    text-align: center;
    padding-top: 100px;
    padding-bottom: 100px;
}
.heading-service h5{
    color:#DB0505;
}
.heading-service h1{
    color:#fff;
    font-size: 44px;
    width: 602px;
    margin: auto;
    font-weight: 600;
}
.heading-service p{
    color:#fff;
}
.homeservices{
    display: flex;
    align-items: center;
    background: #ffffff26;
    padding: 19px 5px;
    border-left: 5px solid #DB0505;
    margin-bottom: 50px;
    position: relative;
}
.homeservices P{
    color: #fff;
}
.homeservices i{
    position: absolute;
    top: 81px;
    right: 0;
    left: 200px;
}
 /* services ends */

 /* aim start */
 .aim{
    position: relative;
    bottom: 46px;
 }
 .aim .container{
    background: #DB0505;
    padding: 25px 40px;
 }
 .aim-one{
    border-right: 1px solid #ffffff57;
    height: 133px;
 }
.aim-one h5{
    color:#fff;
    
}
.aim-one p{
    color:#fff;
    
}
.aim-four h5{
    color:#fff;
    
}
.aim-four p{
    color:#fff;
    
}
 /* aim ends */

 /* work start */
.workportfolio{
    margin-top: 100px;
    margin-bottom:100px;
    position: relative;
}
.workportfolio h5{
    color: #db0505;
    text-align: center;
}
.workportfolio h1{
    text-align: center;
    margin-bottom: 50px;
    font-weight: 600;
}
 .center-slider {
    position: relative;
}

.workportfolio .slide {
    position: relative;
    overflow: hidden;
}

.hover-content {
    position: absolute;
    bottom: -101px;
    left: 50%;
    transform: translateX(-50%) translateY(100%);
    background-color: rgba(219, 5, 5, 0.8);
    color: #fff;
    padding: 33px 84px;
    text-align: center;
    opacity: 0;
    transition: all 0.3s ease;
    border-radius: 50%;
    width: 450px;
    height: 200px;
}
.hover-content img{
    width: 23px !important;
    height: 23px !important;
    position: absolute;
    right: 0;
    left: 0;
    text-align: center;
    margin: auto;
    top: 0px;
    bottom: 192px;
}

.workportfolio .slick-center .hover-content {
    opacity: 1;
    transform: translateX(-50%) translateY(0); /* Slide up the hover content */
}

.workportfolio .slide img {
    width: 100%;
    height: 270px;
    transition: transform 0.3s ease;
    object-fit: cover;
}

.workportfolio .slick-center img {
    transform: scale(1.2); /* Scale up the center image */
    z-index: 1;
}

.workportfolio .slick-slide:not(.slick-center) img {
    transform: scale(0.8); /* Scale down the non-center images */
    opacity: 1;
}

.workportfolio .slick-prev:before, .slick-next:before {
    color: #000; /* Change arrow color */
}
.hover-content h3{
    font-size:20px;
}
.workportfolio .slick-prev {
    left: 41px;
}
.workportfolio .slick-next {
    right: 31px;
}
.workportfolio .slick-next:before {
    content: ''; /* This is correct, but it's used to create an empty pseudo-element */
    background-image: url(../silvertrack/assets/img/right-arrow.png); /* Path to your arrow image */
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain; /* Ensure the image fits within the pseudo-element */
    position: absolute;
    width: 100%; /* Ensure the pseudo-element covers the entire .slick-next element */
    height: 100%; /* Ensure the pseudo-element covers the entire .slick-next element */
    left: -64px;
    top: 178px; 
    display: block; /* Ensure the pseudo-element is visible */
    z-index: 1;
    opacity: 1;

}
.workportfolio .slick-prev:before {
    content: ''; /* This is correct, but it's used to create an empty pseudo-element */
    background-image: url(../silvertrack/assets/img/left-arrow.png); /* Path to your arrow image */
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain; /* Ensure the image fits within the pseudo-element */
    position: absolute;
    width: 100%; /* Ensure the pseudo-element covers the entire .slick-next element */
    height: 100%; /* Ensure the pseudo-element covers the entire .slick-next element */
    left: 62px;
    top: 178px; 
    display: block; /* Ensure the pseudo-element is visible */
    z-index: 1;
    opacity: 1;

}
.workportfolio .slick-next, .slick-prev {
    width: 29px;
    height: 36px;
}
.workportfolio:after{
    content: '';
    background-image: url(../silvertrack/assets/img/Line.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    position: absolute;
    bottom: 0px;
    left: 122px;
    width: 82%;
    height: 1px;
    top: 457px; /* Adjust the height as needed */

}
 /* work ends */
 /* testimonial start */
.home-testimonial{
    margin-top: 120px;
    margin-bottom: 100px;
    position: relative;
}
.testimonial-det h5{
    color: #DB0505;
}
.testimonial-det h1{
    font-size: 46px;
    font-weight: 600;
    margin-bottom: 10px;
}
.testimonial-desc{
    display: flex;
    border-bottom: 1px solid #db0505;
    margin: 20px 14px;
    padding-bottom: 15px;
    position: relative;
}
.testimonial-desctwo{
    display: flex;
    position: relative;
    margin: 20px 14px;
}
.testimonial-desctwo p{
    padding: 10px 3px;
    position: relative;
    padding-bottom: 15px;
}
.tcollen{
    height: 12px;
    padding-left: 20px;
}
.t-collen{
height: 12px;
position: absolute;
bottom: 32px;
right: 0;
transform: scaleX(-1);
}
.testi-img img{
    width:124px;
    height: 133px;
    
}
.testi-img h6{
    text-align: center;
    padding-top: 10px;
}
.testimonial-desc p{
    padding: 10px 3px;
}
.testi-slider .slick-next:before {
    content: ''; /* This is correct, but it's used to create an empty pseudo-element */
    background-image: url(../silvertrack/assets/img/right-arrow.png); /* Path to your arrow image */
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain; /* Ensure the image fits within the pseudo-element */
    position: absolute;
    width: 100%; /* Ensure the pseudo-element covers the entire .slick-next element */
    height: 100%; /* Ensure the pseudo-element covers the entire .slick-next element */
    left: -1022px;
    top: 178px; 
    display: block; /* Ensure the pseudo-element is visible */
    z-index: 1;
    opacity: 1;

}
.testi-slider .slick-prev:before {
    content: ''; /* This is correct, but it's used to create an empty pseudo-element */
    background-image: url(../silvertrack/assets/img/left-arrow.png); /* Path to your arrow image */
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain; /* Ensure the image fits within the pseudo-element */
    position: absolute;
    width: 100%; /* Ensure the pseudo-element covers the entire .slick-next element */
    height: 100%; /* Ensure the pseudo-element covers the entire .slick-next element */
    left: -500px;
    top: 178px; 
    display: block; /* Ensure the pseudo-element is visible */
    z-index: 1;
    opacity: 1;

}
.testi-slider .slick-next{
    width: 28px;
    height: 48px;
   
}
.testi-slider .slick-prev {
    
}
 /* testimonial ends */

/* about inner page start */
.innerpage-header img{
    width: 100%;
    height: 470px;
    object-fit: cover;
    
}
.innerpage-header .pageheading-middle div{
	text-align: center;
    position: absolute;
    left: 0px;
    top: 286px;
    right: 0;
}
.pageheading-middle h2{
    color:#fff;
}
.pageheading-middle a{
    color:#fff;
}
.pageheading-middle a:hover{
    color:#fff;
    text-decoration: none;
}
.breadcrumb_last {
    color: #fff;
}
.abut img{
    width: 100%;
    height: auto;
}
.abt-silverinner {
    margin-top: 70px;
    margin-bottom: 70px;
}
.about-btm-bar{
    background: #DB0505;
    height: 150px;
}
 #counter{
    padding-top: 38px;
}
#counter h2{
    text-align: center;
    color:#fff;
}
#counter h6{
    text-align: center;
    color:#fff;
}
.count{
    border-right: 1px solid #ffffff;
} 



/* about inner page ends */

/* service inner page start */

.service{
    margin-top:100px;
    margin-bottom:100px;
}  
/* General styling */
.service-img {
    position: relative;
    overflow: hidden;
    border-radius: 10px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    margin-bottom: 50px;
}

.service-img img {
    width: 100%;
    height: 280px;
    transition: transform 0.3s ease;
    object-fit: cover;
}

/* Hover effect */
.service-img:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.2);
}

.service-title {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(219, 5, 5, 0.85);
    color: #fff;
    text-align: center;
    padding: 20px;
    opacity: 0;
    transform: translateY(100%);
    transition: all 0.4s ease;
    border-radius: 0 0 10px 10px;
}

.service-title p {
    margin: 0;
    font-size: 1.2em;
    font-weight: bold;
}

.service-title a {
    display: inline-block;
    margin-top: 10px;
    color: #fff;
    text-decoration: none;
    font-weight: bold;
    transition: color 0.3s ease, border-color 0.3s ease;
}

.service-title a:hover {
    color: #ffffff;
    text-decoration: none;
}

.service-img:hover img {
    transform: scale(1.1);
}

.service-img:hover .service-title {
    opacity: 1;
    transform: translateY(0);
}
/* single page start */
.service-detail-main{
    margin-top: 100px;
    margin-bottom: 100px;
}

/* single page ends */

/* service inner page ends */

/* product inner page start */
.product-img .service-title {
    position: absolute;
    bottom: 42px;
    left: 0;
    right: 0;
    background: rgba(219, 5, 5, 0.85);
    color: #fff;
    text-align: center;
    padding: 20px;
    opacity: 0;
    transform: translateY(100%);
    transition: all 0.4s ease;
    border-radius: 0 0 10px 10px;
}
.product-img img {
    width: 100%;
    height: 300px;
    transition: transform 0.3s ease;
    object-fit: cover;
}
.product-img:hover .service-title {
    opacity: 1;
    transform: translateY(0);
}
.product-img:hover img {
    transform: scale(1.1);
}
.product-img{
    margin-bottom: 60px;
}
/* product page inner ends */

/* gallery inner page start */
.gallery{
    margin-top: 100px;
    margin-bottom: 100px;
}

/* gallery inner page ends */

/* career inner page start */
.career-deta h1{
    color: #fff;
    font-size: 50px;
}
.career-deta p{
    color: #fff;
    font-size: 26px;
}
.uae-deta h4{
    color:#fff;
}
.uae-deta p{
    color:#fff;
}
.career-location{
    display: flex;
    align-items: flex-start;
}
.uae-deta{
    padding-left: 14px;
}
.career{
    padding-top: 100px;
    padding-bottom: 100px;
}
.career-location img{
    width:30px;
    opacity: .6;
}
.phone-deta{
    padding-left: 11px;
}
.career-phone{
        display: flex;
}
.career-phone img{
    width:30px;
    opacity: .6;
}
.indcareer-phone{
    display: flex;
    margin-top: 24px;
}
.indcareer-phone img{
    width:30px;
    opacity: .6;
}
.phone-deta{
    padding-left: 14px;
}
.phone-deta a{
    color:#ffffff;
}
.phone-deta a:hover{
    color:#ffffff;
    text-decoration: none;
}
.career-form .wpcf7-form-control-wrap input{
    width: 100%;
    height: 50px;
    color: #0000008f;
    padding-left: 20px;
    border: none;
    background: #0000001c;
    border-radius: 5px;
}
.career-form .wpcf7-form-control-wrap textarea{
    height: 103px;
    width: 100%;
    padding: 34px 44px 0px 23px;
    border: none;
    background: #0000001c;
    border-radius: 5px;
}
.career-form .wpcf7-file {
    
    padding-top: 10px;
}
.career-form .wpcf7-submit {
    width: 155px !important;
    background: #db0505;
    border: none;
    border-radius: 5px;
    color: #fff;
    padding: 10px;
}
.career{
    background-image: url('../silvertrack/assets/img/career.webp');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.form-career{
    background: white;
    padding: 54px 0px 55px 0px;
}
.career-form{
    padding: 30px 30px;
}
.c-form .wpcf7-submit{
	padding-left:0px;
}
/* career inner page ends */

/* testimonial inner page start */
.testimonial-inner{
    margin-top: 100px;
    margin-bottom: 100px;
}
.testimonial-inner .testimonial-img img{
    width: 50px;
    height: 50px;
    object-fit: contain;
}

.testimonial-img {
    padding: 25px;
    margin: 10px;
    height: auto;
    border-radius: 13px;
    box-shadow: 0px 0px 7px 0px #00000014;
}
.testimonial-img p{
    margin-top:10px;
}
/* testimonial inner page ends */

/* contact page inner start */

.contact-form{
padding-top:100px;
padding-bottom:100px;
background-image: url('../silvertrack/assets/img/contact-bg.webp');
background-position: center;
background-size: cover;
background-repeat: no-repeat;
}
.contact-info{
     background-image: url('../silvertrack/assets/img/contt.png');
    background-position: center;
background-size: cover;
background-repeat: no-repeat;
height: 602px;
}
.mapone h3 {
    background: #db0505;
    text-align: center;
    color: white;
    margin-bottom: 0px;
    padding: 5px 0px;
}
.maptwo h3{
    background: #db0505;
    text-align: center;
    color: white;
    margin-bottom: 0px;
     padding: 5px 0px;
}
.c-form input{
    width:100%;
    height: 50px;
    padding-left: 27px;
}
.wpcf7-submit {
    width: 155px !important;
    background: #ffffff;
    border: none;
    border-radius: 5px;
    color: #cf2121;
}
.wpcf7-form-control:focus-visible{
    outline: none;
}
.c-form textarea{
    width:100%;
    padding: 108px 0px 0px 26px;
    height: 246px;
}
.c-form{
    padding: 40px;
}
.c-form h1{
    color: #fff;
}
.form-bg{
    background: #db050596;
}
.contact-info img{
    width: 30px;
}
.cont-infoicon{
    display: flex;
    align-items: flex-start;
    padding: 20px 0px 0px 30px;
}
.cont-address{
    padding-left: 10px;
}
.cont-address h6{
    font-size: 20px;
}
.cont-address p{
    color: #000;
}
.cont-phone{
    padding-left: 10px;
}
.cont-phone h6{
    font-size: 20px;
}
.cont-phone a{
    color: #000;
}
.cont-phone a:hover{
    color: #000;
    text-decoration: none;
}
.contact-info h1{
    padding: 48px 33px 0px 51px;
}
.map{
    margin-top: 100px;
    height: 484px;

}
/* contact page inner ends */

 /* footer start */

.footer{
    background-image: url('../silvertrack/assets/img/footer-bg.png');
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    height: auto;
    padding-top: 100px;
}
.footer-logo a{
    color: #DB0505;
    
}

.social-icons a{
    font-size: 11px;
}
.footer-logo p{
    color:#fff;
    margin-bottom: 8px;
    margin-top: 15px;
}
.footer-logo img{
    width: 238px;
}
.footer-service{
    display: grid;
}
.footer-service h4{
    color: #fff;
}
.footer-service a{
    color: #fff;
    line-height: 30px;
}
.footer-service a:hover{
    color:#db0505;
    text-decoration: none;
    }
    .footer-servicelist a{
        color: #fff; 
        line-height: 30px; 
    }
.footer-servicelist a:hover{
    color:#db0505;
    text-decoration: none;
}
.footer-servicelist{
    display: grid;
    padding-top: 35px;
}
.address h4{
    color:#fff;
}
.address a{
    color:#fff;
    line-height: 32px;
}
.address a:hover{
    color:#db0505
}
.address p{
    color: #ffffff;
    margin-bottom: 7px;
    margin-top: 11px;

}
.social-icons a{
    background: #fff;
    border-radius: 50px;
    padding: 6px 9px;
}
.newsletter{
    margin-bottom: 40px;
}
.newsletter input{
    background: transparent;
    border: none;
    border-bottom: 1px solid #db0505;
    width: 222px;
}
.newsletter input:focus-visible{
    outline: none;
}
.news{
   width: 45px !important; 
}
.copyright{
    display: flex;
    justify-content: center;
    padding-top: 19px;
    border-top: 1px solid #ffffff52;

}
.copyright p{
    color:#fff;
}
.copyright a{
    color: #fff;
}
.copyright a:hover{
    color:#db0505;
    text-decoration: none;
}
 /* footer ends */

 /* media core */
 @media only screen and (min-width:300px) and (max-width:500px){

	 .product-img .service-title {
		     bottom: 22px;
	 }
    .indcareer-phone {
        margin-bottom: 28px;
    }
    .about-btm-bar {
        height: 244px;
    }
    .cont-header{
        display: flex;
        flex-direction: column;
    }
    .top-header {
        display:block;
		text-align: center;
    }
    .home-abt {
        margin-top: 30px;
        margin-bottom: 60px;
    }
    .abt-img img {
        width: 100%;
        height: 367px;
    }
    .workportfolio:after {
        display: none;
    }
    .workportfolio .slick-next:before {
        display:none;
    }
    .workportfolio .slick-prev:before {
        display:none;
    }
    .heading-service h1 {
        font-size: 23px;
        width: 300px;
    }
    .banner-caption {
        left: 0px;
        width: 340px;
        top: 350px;
    }
    
    .bann-head h1 {
        font-size: 25px;
    }
    .bann-head span {
        font-size: 40px;
    }
    .header-log img {
        width: 208px;
    }
    .mission-desc p{
        height: 160px;
        overflow: scroll;
    }
    .abt-content h1 {
        font-size: 32px;
    }
    .homeservices p{
        font-size: 13px;
    }
    .homeservices {
        height: 102px;
    }
    .homeservices i {
        top: 72px;
        left: 92px;
    }
    .homeservices img{
        width: 34px;
        height: 34px;
        object-fit: cover;
    }
    .heading-service {
        padding-top: 50px;
    padding-bottom: 50px;
    }
       .home-service {
       height: auto;
        margin-bottom: 35px;
    }
    .aim-one{
            margin-bottom: 120px;
    }
    .aim .container {
        padding: 37px 40px;
        height: 590px;
    }
    .aim-one {
        border-right: none;
    }
    .workportfolio {
        margin-top: 30px;
        margin-bottom: 50px;
    }
    .home-testimonial{
        margin-top: 30px;
        margin-bottom: 30px;
    }
    .workportfolio h1 {
    font-size: 30px;
    }
    .testimonial-det h1 {
        font-size: 30px;
    }
    .footer {
        height: auto;
    }
    .testimonial-desc p {
        padding: 0px 1px;
    }
    .testimonial-desctwo {
        display: block;
    }
    .testimonial-desc {
        display: block;
    }
    .testi-img h6 {
        text-align: unset;
    }
    .t-collen {
        bottom: 21px;
    }
    .heading-service p {
        padding: 0px 12px;
    }
    .testi-slider .slick-prev:before {
        display: none;
    }
    .testi-slider .slick-next:before {
        display: none;
    }
    .count {
border: none;
 }
 .career-phone {
    margin-bottom: 28px;
}
.form-career {
    padding: 54px 0px 0px 0px;
}
.innerpage-header .pageheading-middle div {
    top: 315px;
}
.maptwo{
    padding-right: 0px !important;
}
.mapone{
    padding-right:0px !important;
}
.map{
    height: auto;
}
	 .count{
		     border-right: 1px solid #ffffff;
		     padding: 13px;
	 }
	 .mob-count{
		 border-right:none;
	 }
	 .mob-count{
		 border-bottom: 1px solid #ffffff;
		 padding: 13px;
	 }
	 .mob-counter{
		  border-bottom:1px solid #ffffff;
		  padding: 13px;
	 }
	 .client-count{
	    padding: 13px;
	}
}

 @media only screen and (min-width:501px) and (max-width:767px){
	
	.client-count{
	    padding: 13px;
	}
	  .count{
		     border-right:1px solid #0000005e!important;
		     padding: 13px;
	 }
	 .mob-count{
		 border-right:none !important;
	 }
	 .mob-count{
		 border-bottom:1px solid #0000005e!important;
		 padding: 13px;
	 }
	 .mob-counter{
		  border-bottom:1px solid #0000005e!important;	
		  padding: 13px;
	 }
	 .product-img .service-title {
		     bottom: 22px;
	 }
	 
    .map{
        height: auto;
    }
    .innerpage-header .pageheading-middle div {
        top: 315px;
    }
    .form-career {
        padding: 54px 0px 0px 0px;
    }
    .indcareer-phone {
        margin-bottom: 28px;
    }
    .career-phone {
        margin-bottom: 28px;
    }
    .count {
        border: none;
         }
    .about-btm-bar {
        height: 210px;
    }
    .cont-header{
        display: flex;
        flex-direction: column;
    }
    .top-header {
        display:block;
		text-align: center;
    }
    .home-abt {
        margin-top: 25px;
        margin-bottom: 70px;
    }
    .abt-img img {
        width: 100%;
        height: auto;
    }
    .workportfolio:after {
        display: none;
    }
    .workportfolio .slick-next:before {
        display:none;
    }
    .workportfolio .slick-prev:before {
        display:none;
    }
    .heading-service h1 {
        font-size: 23px;
        width: 300px;
    }
    .banner-item img {
        height: 150vh;
    }
    .banner-caption {
        left: 0px;
        width: 500px;
    }
    .heading-service p {
        padding: 0px 12px;
    }
    .bann-head h1 {
        font-size: 31px;
    }
    .bann-head span {
        font-size: 50px;
    }
    .header-log img {
        width: 208px;
    }
    .mission-desc p{
        height: 160px;
        overflow: scroll;
    }
    .abt-content h1 {
        font-size: 32px;
    }
    .homeservices p{
        font-size: 13px;
    }
    .homeservices {
        height: 102px;
    }
    .homeservices i {
        top: 72px;
        left: 92px;
    }
    .homeservices img{
        width: 34px;
        height: 34px;
        object-fit: cover;
    }
    .heading-service {
        padding-top: 50px;
    padding-bottom: 50px;
    }
    .home-service {
        height: 200vh;
    }
    .aim-one{
            margin-bottom: 120px;
    }
    .aim .container {
        padding: 37px 40px;
        height: 590px;
    }
    .aim-one {
        border-right: none;
    }
    .workportfolio {
        margin-top: 30px;
        margin-bottom: 50px;
    }
    .home-testimonial{
        margin-top: 30px;
        margin-bottom: 30px;
    }
    .workportfolio h1 {
    font-size: 30px;
    }
    .testimonial-det h1 {
        font-size: 30px;
    }
    .footer {
        height: auto;
    }
    .testimonial-desc p {
        padding: 0px 1px;
    }
    .testimonial-desctwo {
        display: block;
    }
    .testimonial-desc {
        display: block;
    }
    .testi-img h6 {
        text-align: unset;
    }
    .t-collen {
        bottom: 21px;
    }
    .testi-slider .slick-prev:before {
        display: none;
    }
    .testi-slider .slick-next:before {
        display: none;
    }
    
 }

 @media only screen and (min-width:768px) and (max-width:1200px){

    
    .home-abt {
        margin-top: 100px;
        margin-bottom: 78px;
    }
    .abt-img img {
        width: 100%;
        height: auto;
    }
    .workportfolio:after {
        display: none;
    }
    .workportfolio .slick-next:before {
        display:none;
    }
    .workportfolio .slick-prev:before {
        display:none;
    }
    .heading-service h1 {
        font-size: 23px;
        width: 300px;
    }
    .banner-item img {
        height: 150vh;
    }
    .banner-caption {
        left: 99px;
        width: 500px;
    }
    .heading-service p {
        padding: 0px 12px;
    }
    .bann-head h1 {
        font-size: 31px;
    }
    .bann-head span {
        font-size: 50px;
    }
    .header-log img {
        width: 208px;
    }
    .mission-desc p{
        height: 160px;
        overflow: scroll;
    }
    .abt-content h1 {
        font-size: 32px;
    }
    .homeservices p{
        font-size: 13px;
    }
    .homeservices {
        height: 102px;
    }
    .homeservices i {
        top: 72px;
        left: 92px;
    }
    .homeservices img{
        width: 34px;
        height: 34px;
        object-fit: cover;
    }
    .heading-service {
        padding-top: 50px;
    padding-bottom: 50px;
    }
    .home-service {
        height: 120vh;
    }
    .aim-one{
            margin-bottom: 120px;
    }
    .aim .container {
        padding: 37px 40px;
        height: 256px;
    }
    .aim-one {
        border-right: none;
    }
    .workportfolio {
        margin-top: 30px;
        margin-bottom: 50px;
    }
    .home-testimonial{
        margin-top: 30px;
        margin-bottom: 30px;
    }
    .workportfolio h1 {
    font-size: 30px;
    }
    .testimonial-det h1 {
        font-size: 30px;
    }
    .footer {
        height: auto;
    }
    .testimonial-desc p {
        padding: 0px 1px;
    }
    
    .testi-img h6 {
        text-align: unset;
    }
    .t-collen {
        bottom: 21px;
    }
    .testi-slider .slick-prev:before {
        display: none;
    }
    .testi-slider .slick-next:before {
        display: none;
    }
    
 }
 @media only screen and (min-width:1201px) and (max-width:1400px){
	 .banner-item img {
		  height: 111vh;
	 }
	 .banner-caption {
		     top: 325px;
	 }
 }
 
 @media only screen and (max-width:767px){
     .foot-service{
         margin-top:30px;
     }
     .foot-address{
           margin-top:30px;
     }
     .c-form {
    padding: 35px 5px;
}

 }
 
 
 .career-content h1{
     text-align: center!important;
    color: #fff!important;
        font-size: 32px;
 }
  .career-content p{
     text-align: center!important;
    color: #fff!important;
    padding-bottom:20px; 
      
  }
  .map{
    overflow-x :hidden!important;
}
.floating_btn {
  position: fixed;
  bottom: 30px;
  right: 30px;
  width: 100px;
  height: 100px;
  display: flex;
  flex-direction: column;
  align-items:center;
  justify-content:center;
  z-index: 1000;
}

@keyframes pulsing {
  to {
    box-shadow: 0 0 0 30px rgba(232, 76, 61, 0);
  }
}

.contact_icon {
  background-color: #42db87;
  color: #fff;
  width: 60px;
  height: 60px;
  font-size:30px;
  border-radius: 50px;
  text-align: center;
  box-shadow: 2px 2px 3px #999;
  display: flex;
  align-items: center;
  justify-content: center;
  transform: translatey(0px);
  animation: pulse 1.5s infinite;
  box-shadow: 0 0 0 0 #42db87;
  -webkit-animation: pulsing 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
  -moz-animation: pulsing 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
  -ms-animation: pulsing 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
  animation: pulsing 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
  font-weight: normal;
  font-family: sans-serif;
  text-decoration: none !important;
  transition: all 300ms ease-in-out;
}


.text_icon {
    margin-top: 8px;
    color: #ffffff!Important;
    font-size: 15px;
    text-shadow: 0px 0px 16px #000!important;
    width: max-content;
}