/* Common css start */
.Bluetext { color: #007BFF;}
.primaryButtonBox { display: -webkit-box; display: -ms-flexbox; display: flex; margin: 20px 0;}
.playPauseCircle svg{ width: 50px;  height: 50px; margin: 0 3px 0;}
.innerContainer { max-width: 1400px; margin: 0 auto; width: 100%; 
  padding-left:  max(20px, min(20px + (100 - 20) * ((100vw - 1024px) / (1600 - 1024)), 100px)); 
  padding-right: max(20px, min(20px + (100 - 20) * ((100vw - 1024px) / (1600 - 1024)), 100px));
}

/* Common css End */

/* Header_Start */
header { background: #005cc8; width: 97%; padding: 20px 0; -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; 
    margin: 0 auto; z-index: 9999; position: fixed; top: 20px; left: 0; right: 0; border-radius: 10px;
  }
.header.sticky { padding: 15px 0; position: fixed; top: 0; box-shadow: 1px 2px 3px rgb(0 0 0 / 50%);
	 -moz-box-shadow: 1px 2px 3px rgb(0 0 0 / 50%); -webkit-box-shadow: 1px 2px 3px rgb(0 0 0 / 50%);
}
.header .innerContainer { margin: 0 auto; max-width: 1600px; width: 100%; -webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between; 
  z-index: 9999; position: relative; }
.header .innerContainer .flexWrap { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center;}
.header .innerContainer .flexWrap { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; width: 100%;}
.header .logo_wrapper {  width: 14%; -webkit-box-align: center; -ms-flex-align: center; align-items: center; 
  -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; overflow: hidden; z-index: 9999;}
.header .logo_wrapper img { height: 45px; 
  /* -webkit-filter: brightness(0) invert(1); filter: brightness(0) invert(1); */
	-webkit-transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; -o-transition: all .5s ease-in-out; transition: all .5s ease-in-out;
}
.navActive .logo_wrapper img { height: 35px; -webkit-filter:none;  filter:none;}
.activeSearch .logo_wrapper img, .sticky .logo_wrapper img { height: 35px; -webkit-filter:none;  filter:none;}

.logo_wrapper a { background-image: none; border-bottom: 0 !important;display: inline-block; height: 100%; margin-right: auto; width: auto;}

@keyframes siteLogoOpacity {
	from {
		opacity: 0;
	}
	to {
		opacity: 1;
	}
}
@-webkit-keyframes siteLogoOpacity {
	from {
		opacity: 0;
	}
	to {
		opacity: 1;
	}
}
.logo_wrapper a {
	-webkit-animation: .5s siteLogoOpacity ease-in-out forwards !important;
	animation: 0.5s siteLogoOpacity ease-in-out forwards !important;	
	position: relative;
}

.mobile_nav {
    display: none;
}
/* Header_End */



/* ##########  Main css start  ########## */

#page-wrap { padding-top: 80px;}

/* Top banner section start  */
.homeBannerSection.TB-Space { padding: 100px 0 70px; overflow: hidden;}
.homeBannerSection .BannerleftSide { width: 40%; padding-right: 30px;}
.homeBannerSection .BannerRightSide { width: 60%; overflow: hidden;}
.subTitleBox { border: 2px solid #ff8628; color: #3e3e3e; border-radius: 25px; width: max-content; padding: 3px 10px; font-size: 12px; font-weight: 600;}
.sectionTitle { color: #333333; }
.sectionTitle span {font-weight: 600; color: #002d62;}
.bannnerContent { font-size: 16px; line-height: 24px;}
.BannerleftSide .btnRow:last-child { margin-left: 20px;}
.btn.exploreService { background: #ffffff; color: #2a2a2a; border: 1px solid #666666;}
.btn.exploreService:hover {  background: #002d62; color: #ffffff; border: 1px solid #002d62;}

.ComplianceSlider .slick-arrow { display: none !important;}
.CompliancefullSizeThumb .box:before { padding-top: 55%;}
.CompliancefullSizeThumb .banner-caption { position: absolute; width: 100%; height: 100%; bottom: 0; z-index: 1;}
.tagsOnSlide { padding: 20px 10px 10px; position: absolute; bottom: 0; left: 0; top: auto;}
.tagsOnSlide li { display: inline-block; padding: 0px; margin: 0 5px 5px 0; background: rgba(0, 0, 0, 0.5); border-radius: 50px;}
.tagsOnSlide li a { font-size: 10px; color: #fff; text-decoration: none; background-image: none; border: 0; font-weight: 600;
   line-height: 12px; vertical-align: middle; padding: 6px 10px; display: block;}
.tagsOnSlide li a::after { display: none;}

.ComplianceThumbBox .cardText { text-align: center; width: max-content; margin: 10px auto 10px; border-bottom: 2px solid #fe8b33; opacity: 0.3; 
  -webkit-transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; -o-transition: all .5s ease-in-out; transition: all .5s ease-in-out; }
.ComplianceThumbBox .cardText:hover { opacity: 1;}
.ComplianceThumbBox.slick-current .cardText { opacity: 1;}
.ComplianceThumbBox.slick-current .cardText h6 { font-weight: 600;}
.ComplianceThumbBox .cardText h6 { color: #6a6a6a; margin: 0;}
.ComplianceThumbBox { cursor: pointer;}


/* Top banner section start  */


/* Logo slider section start  */
.clientLogoSection.TB-Space { background: #fafafa;}
.clientLogoListWrapper .clientLogoList {  overflow: hidden;  user-select: none; mask-image: linear-gradient(to right, hsla(0, 0%, 0%, 0), #000 5%, #000 90%, hsla(0, 0%, 0%, 0));}
.clientLogoList { padding: 0; display: -webkit-box; display: -ms-flexbox; display: flex;}
.clientLogoItem { list-style: none;  padding: 0 10px;}
.clientLogoItem img { max-width: 150px; width: auto; max-height: 150px; height: auto;}
.logoBannerTitle { margin: 0 auto 40px; text-align: center; color: #a2a2a2; font-weight: 600; font-size: 18px;}
.clientLogoList .slick-track {display: -webkit-box; display: -ms-flexbox;display: flex; -webkit-box-align: center; -ms-flex-align: center;
  align-items: center;-webkit-box-pack: center; -ms-flex-pack: center; justify-content: center;
}
.clientLogoBox { text-align: center; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center;
  -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center;
}
/* Logo slider section End  */


/* Our servicess Section start */
.ourServicesSection .innerContainer:first-child { text-align: center; padding: 10px 0 40px; max-width: 850px;}
.ourServicesSection .innerContainer:first-child .subTitleBox { margin: 0 auto;}

/* Our servicess Section end */

/* customer Stories Section end */
.customerStoriesGrid .customerStoriesBox { padding: 0px 10px;}
.customerStoriesBox .box:before { padding-top: 125%;}
.customerStoriesBox .listInnerWrap { position: relative; border-radius: 12px; overflow: hidden;}
.customerStoriesBox .listInnerWrap .cardText { width: 100%; z-index: 1; padding: 10px 20px; position: absolute; top: 0; left: 0; right: 0; bottom: 0;
    /* background: -webkit-gradient(linear, left bottom, left top, from(#080808), color-stop(24%, rgba(8, 8, 8, 0.9)), color-stop(56%, rgba(8, 8, 8, 0)), to(rgba(8, 8, 8, 0)));
    background: -o-linear-gradient(bottom, #080808 0%, rgba(8, 8, 8, 0.9) 24%, rgba(8, 8, 8, 0) 56%, rgba(8, 8, 8, 0) 100%); 
    background: linear-gradient(0deg, #080808 30%, rgba(8, 8, 8, 0.9) 50%, rgba(8, 8, 8, 0) 90%, rgba(8, 8, 8, 0) 100%); */       
    background: rgba(0,0,0,0.66);
    transform: translateY(100%);
    transition: .2s ease-in-out;
    
}
.newsCaption-title { font-size: 18px; position: relative; -webkit-transform: translateY(-210%); -ms-transform: translateY(-210%); transform: translateY(-210%); 
  -webkit-transition: .2s ease-in-out; -o-transition: .2s ease-in-out; transition: .2s ease-in-out; color: #ffffff;}
.customerStoriesBox .listInnerWrap h5.newsCaption-title a, 
.customerStoriesBox .listInnerWrap .newsCaptionHoverContet { color: #ffffff; border: 0;}

.customerStoriesBox .listInnerWrap:hover .cardText { transform: translateY(0);
   /* background: -webkit-gradient(linear, left bottom, left top, color-stop(75%, #080808), color-stop(80%, rgba(8, 8, 8, 0.9)), color-stop(100%, rgba(8, 8, 8, 0)), to(rgba(8, 8, 8, 0)));
   background: linear-gradient(0deg, #080808 75%, rgba(8, 8, 8, 0.9) 80%, rgba(8, 8, 8, 0) 100%, rgba(8, 8, 8, 0) 100%); */
}
.customerStoriesBox .listInnerWrap:hover h5.newsCaption-title { transform: translateY(0);}
.newsCaption-content { font-size: 14px; line-height: 20px; font-weight: 400;}

/* customer Stories Section end */

/* Signage and printing section start */
.grayInner { background: #fafafa; padding: 10px; border-radius: 12px;}
.signageSection .wp-2, .printingSection .wp-2 { padding: 10px; text-align: center; font-size: 16px;}
.signageSection .wp-2 .box, .printingSection .wp-2 .box { border-radius: 12px; overflow: hidden;  margin-bottom: 10px;}
.buttonToExpand { width: 100%; padding: 15px 20px 10px; text-align: center; font-size: 25px; cursor: pointer;}
span.expandBtn { max-width: 40px; margin: 10px auto; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-transition: ease 0.5s; transition: ease 0.5s; height: 30px;
  -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center;
}
span.expandBtn:hover { opacity: 0.7; }
span.expandBtn.expand {-webkit-transform: rotate(-180deg);-ms-transform: rotate(-180deg);transform: rotate(-180deg);}
.printingSection .flexWrap .wp-2.hidden, .signageSection .flexWrap .wp-2.hidden { display: none;  }



/* Signage and printing section End */

/* About section start here */
.aboutUsSection { color: #ffffff;
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 45, 98, 1)), to(rgba(0, 92, 200, 1)));
    background: linear-gradient(180deg, rgba(0, 45, 98, 1) 0%, rgba(0, 92, 200, 1) 100%);
}
.aboutUsDescription { max-width: 750px; width: 100%; margin: 0 auto 30px; font-size: 16px;  letter-spacing: 0.2px;}
.aboutUsDescription .subTitleBox { margin: 10px auto; color: #ffffff;}
.aboutUsDescription .sectionTitle { margin: 20px 0; color: #ffffff; text-align: center;}
.aboutUsDescription .getQuote { background: #ffffff; color: #000000; border: 1px solid #000000;}
.aboutUsDescription h4 { color: #ffffff;}

.aboutList .wp-3 { text-align: center; padding: 25px; }
.boxIcon { width: 55px; height: 55px; border-radius: 100%; border: 2px solid #ffffff; padding: 10px; margin: 0 auto;}
.aboutList .wp-3 h6 { color: #ffffff;}
.aboutList .wp-3 .cardDetails { max-width: 85%; margin: 0 auto; font-size: 15px; line-height: 20px;}
.aboutCountList { border-top: 1px solid #ffffff; padding: 20px 0;}
.aboutCountList .cardDetails { font-size: 16px; text-align: center;}
.aboutCountList h5 { color: #ffffff; text-align: center;}

/* About section End here */

/* Our infrastructure Section Start here */
.infraSection .infralist { width: 20%; padding: 20px 15px; font-size: 16px; text-align: center; color: #ffffff;}
.infraSection h2.sectionTitle { text-align: center; color: #ffffff; margin: 10px 0 30px;}
.infralist .box { border-radius: 12px; overflow: hidden; margin-bottom: 15px; }

/* Our infrastructureSection End here */


/* Get in touch section start here */
.getIntouchFormSection .formTitleSection { text-align: center;}
.getIntouchFormSection .formTitleSection .subTitleBox { margin: 0 auto;}
.getIntouchFormSection .formTitleSection { text-align: center; max-width: 810px; margin: 0 auto 40px;}

.fromGetInfoSection .wp-8 { padding-right: 50px;}
.formWrapper { background: #f9f9f9; padding: 20px 20px 0; border-radius: 12px;}
.fromGetInfoSection form.wpcf7-form { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; flex-flow: row wrap; list-style: none;}
.fromGetInfoSection form.wpcf7-form > p { width: 50%; padding: 0 10px; position: relative; margin: 0px; }
.fromGetInfoSection form.wpcf7-form > p:nth-child(6) { width: 100%;}
.fromGetInfoSection form.wpcf7-form > p:nth-child(7) { width: 100%;}
input[type='text'], input[type='tel'], input[type='date'], input[type='email'], input[type="file"], textarea, select {
    height: 45px !important;  border-radius: 5px !important; margin: 5px 0 25px !important;
}
span.wpcf7-spinner { display: none;}
.fromGetInfoSection form.wpcf7-form input[type='submit'] { cursor: pointer; position: relative; bottom: 0; margin: 0 0 33px; width: 100%;}
.fromGetInfoSection label { color: #3c3c3c; font-size: 16px;}
textarea.wpcf7-textarea { height: 195px !important; border-radius: 5px !important;}

.fromGetInfoSection .wp-4 { padding-left: 25px; font-size: 16px;}
.addBox { margin-bottom: 30px;}
.addBox img { max-width: 25px; max-height: 25px; height: auto; width: auto; margin-bottom: 10px;}
.addBox p { padding-bottom: 0;}
.addBox h6 { margin: 0;}
.addBox a { border: 0; color: #00005a;}
.addBox a:hover { border-bottom: 1px solid #000000; color: #000000;}



/* Get in touch section End here */


/* Main css End */

/* footer_section_start */
footer { padding: 70px 0 70px; background: #002d62; color: #ffffff;  font-size: 16px; line-height: 24px;}
footer .innerContainer { max-width: 1600px; width: 100%;}
.footerLogoText { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal;
  -ms-flex-direction: column; flex-direction: column; padding-right: 10%; }
.footerLogoText a.footerLogo { margin-bottom: 10px;}
.footerLogo + p { padding-bottom: 0;}
footer h5 { color: #ffffff;}
a.footerLogo { margin-bottom: 10px; }
.footerLogo img {  max-width: 211px; width: 100%;}
.footerLogo:hover:after { display: none;}
.footerLogoText a { width: max-content;  margin: 5px 0 0;}
.footerLogoText a strong { font-weight: 400;}
.footerLogoText p { padding: 5px 0;}

footer ul { padding: 0;}
footer ul li { position: relative; list-style: none; padding: 5px 0;}
footer a { border: 0; color: #ffffff; text-decoration: none; font-family: "Lato", sans-serif; font-size: 16px; line-height: 28px; position: relative; 
  letter-spacing: 0.3px; display: inline-block; transition: transform 0.4s ease-in-out;
}
.innerContainer.footerCopyRight { max-width: 1600px; width:100%; display: block; padding-top: 25px; display: block; color: #ffffff; font-size: 14px; font-style: normal; font-weight: 400;}
.footerCopyRight > div { border-top: 1px solid #ffffff; padding-top: 20px;}

footer a:after {
  content: '';
  position: absolute;
  width: 100%;
  height: 1px;
  border-radius: 4px;
  background-color: #ffffff;
  bottom: 3px;
  left: 0;
  transform-origin: right;
  transform: scaleX(0);
  transition: transform 0.4s ease-in-out;
}
footer a:hover {
	background-image: none;
  color: #ffffff;
  transition: transform 0.4s ease-in-out;
}
footer a:hover::after {
  transform-origin: left;
  transform: scaleX(1);
}
footer li.current-menu-item > a::after,
footer li.current_page_item > a::after {
  transform-origin: left !important;
  transform: scaleX(1) !important;
}


/* Footer section end */

/* Remodal and gallery section Start */

  .remodal { padding: 35px 14px 10px 7px; max-width: 1000px; width: 100%;}
  .remodal-close { min-width: auto; border-radius: 0 6px 0 6px;}
  .remodal-bg { position: fixed; width: 60px; height: 60px; right: 10px; top: auto; bottom: 70px; margin: auto; z-index: 9;}
  .remodal-bg a.PortfolioPopUp:hover:after { display: none;}
  .remodal-bg a.PortfolioPopUp img { width: 100%;}
  .remodal-bg a.PortfolioPopUp img:hover { -webkit-filter: hue-rotate(45deg); filter: hue-rotate(45deg);}
  ul.popUpImglist li.wp-2 { width: 16.6667%; list-style: none;}
  ul.popUpImglist li.wp-2 img.OF-cover { -o-object-position: center left; object-position: center left;}
  ul.popUpImglist { padding: 0; margin: 0;}
  ul.popUpImglist .box .imageHolder { width: 90%; height: 90%; margin: auto; border: 3px solid #002d62; border-radius: 10px; overflow: hidden;}
  button.fancybox-button.fancybox-button--zoom,
  button.fancybox-button.fancybox-button--thumbs { display: none; }
  .fancybox-navigation .fancybox-button div,
  button.fancybox-button.fancybox-button--close { background-color: #002d62;}
  .fancybox-button { min-width: auto !important;}
  .fancybox-button[disabled], .fancybox-button[disabled]:hover { opacity: 0.3 !important;}

  @media screen and (min-width: 0px) and (max-width:820px){
    ul.popUpImglist li.wp-2 { width: 25%; }
  }
  @media screen and (min-width: 0px) and (max-width:480px){
    ul.popUpImglist li.wp-2 { width: 33.33%;}
    .remodal-bg { width: 50px; height: 50px; }
  }
  @media screen and (min-width: 0px) and (max-width:380px){
    ul.popUpImglist li.wp-2 { width: 50%;}
  }

/* Remodal and gallery section end */