@font-face {
	font-family: "GothamBook";
	src: url("fonts/Gotham-Book-Font.otf") format('opentype');
}

@font-face {
	font-family: "GothamLight";
	src: url("fonts/Gotham-Light.otf") format('opentype');
}
  
  
  
  :root {
	  --fontfamily-Gotham : 'GothamBook';
	  --fontfamily-Gotham-light : 'GothamLight';
	  --text-yellow : #fee800;
  }
  
  
  
  /* Title: Zoom
	 Author: Muhammad Asad
  */
  body{
	  font-family: 'Poppins', sans-serif;
	  overflow-x: hidden;    overflow-y: auto !important;	  
  }
  
  .alignleft {
	display: inline;
	float: left;
	margin-right: 1.5em;
  }
  
  .alignright {
	display: inline;
	float: right;
	margin-left: 1.5em;
  }
  
  .aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-bottom:10px;
  }
  /*section{
	  min-height: 100vh;
  }*/
  .InnerContainer{
	  float: left;
	  width: 100%;
	  padding: 2%;
	  position: relative;
  }
  
  header{
	  float: left;
	  width: 100%;
	  position: relative;
	  z-index: 9999;
  }
  header.MainHead.HideMainMenu{
	  opacity: 0;
  }
  header.MainHead {
	  position: absolute;
	  left: 0;
	  right: 0;
	  top: 0;
	  padding: 30px 3%;
	  opacity: 1;
	  background: transparent;
	  /* box-shadow: 0 0 5px #b8b8b8; */
  }
  
  .HideInnerMenu{
	  display: none;
  }
  
  .SiteLogo{
	  position: fixed;
	  z-index: 999999;
	  top: 17px;
	  left: 20px;
  }
  .SiteLogo img{
	  float: left;
	  height: 40px;
	  width: auto;
	  transition-duration: .3s;
	  margin-top: 0px;
	  height: 65px;
	  width: 140px;
  }
  .SiteLogo .SLogo{
	  display: none !important;
  }
  body.smallLogo .SiteLogo .mainLogo{
	  display: none;
  }
  body.smallLogo .SiteLogo .SLogo{
	  display: block !important;
	  height: 39px;
  }
  body.smallLogo .MainHead .MenuBtn h6{
	  opacity: 0;
  }
  body .SiteMenu .MainHead .MenuBtn h6{
	  opacity: 1 !important;
  }
  
  .panel{
	  background-size: cover !important;
	  background-position: center center !important;
  }
  .TopBanner{
	  position: relative;
  }
  .TopBanner:before{
	  content: "";
	  left: 0;
	  top: 0;
	  width: 50%;
	  height: 70%;
	  position: absolute;
	  background: url(img/bannerUpper.png);
	  background-size: cover;
	  background-position: left top;
	  z-index: 99;
  }
  .TopBanner:after{
	  position: absolute;
	  left: 0;
	  right: 0;
	  top: 0;
	  bottom: 0;
	  background: rgba(0,0,0,.2);
	  content: "";
  }
  .MenuBtn {
	  color: #282728;
	  cursor: pointer;
	  margin-top: 16px;
	  transition-duration: .3s;
	  position: fixed;
	  padding-left: 55px;
	  z-index: 999999;
	  right: 3%;
	  margin-top: 28px;
	  top: 11px;
	  transition-duration: .3s;
  }
  .MenuBtn span:nth-child(1){
	  width: 15px;
  }
  .MenuBtn span {
	  float: left;
	  width: 30px;
	  height: 3px;
	  margin-bottom: 6px;
	  border-radius: 6px;
	  background: var(--text-yellow);
	  transition-duration: .3s;
	  clear: both !important;
	  transition-duration: .3s;
	  transform: rotate(0deg);
	  left: auto !important;
  }
  .MenuBtn span:last-child{
	  margin: 0;
	  width: 15px;
	  float: right !important;
  }
  
  .MenuBtn.activeMBtn{
	  color: #fff;
	  transition-duration: .3s;
  }
  .MenuBtn.activeMBtn span:nth-of-type(1){
	  transform: rotate(45deg);
	  margin-top: 8px;
	  transition-duration: .3s;
	  background: var(--text-yellow);
	  position: relative;
	  top: -6px;
	  left: 3px !important;
  }
  .MenuBtn.activeMBtn span:nth-of-type(2){
	  transform: rotate(-40deg);
	  margin-top: -10px;
	  transition-duration: .3s;
	  background: var(--text-yellow);
  }
  .MenuBtn.activeMBtn span:nth-of-type(3){
	  position: relative;
	  top: -6px;
	  transform: rotate(45deg);
	  left: -3px !important;
	  background: var(--text-yellow);
  }
  
  
  body.page-template-Page-OurWork .MainHead .MenuBtn,
  body.page-template-Page-services .MainHead .MenuBtn,
  body.page-template-Page-Blog .MainHead .MenuBtn,
  body.single-post .MainHead .MenuBtn,
  body.single-service .MainHead .MenuBtn{
	  color: #212529 !important;
	  transition-duration: .3s;
  }
  body.page-template-Page-OurWork .MainHead .MenuBtn span,
  body.page-template-Page-services .MainHead .MenuBtn span,
  body.page-template-Page-Blog .MainHead .MenuBtn span,
  body.single-post .MainHead .MenuBtn span,
  body.single-service .MainHead .MenuBtn span{
	  background: #212529 !important;
	  transition-duration: .3s;
  }
  
  .BannerTitle{
	  position: absolute;
	  left: 50%;
	  top: 50%;
	  width: 90%;
	  -webkit-transform: translateX(-50%) translateY(-50%);
	  transform: translateX(-50%) translateY(-50%);
	  z-index: 99;
  
  }
  .BannerTitle.videoBtitle h2,
  .BannerTitle.videoBtitle .BtitleVideo{
	  text-align: center;
	  color: #fff;
	  text-align: center;
	  color: #fff;
	  font-family: 'Poppins', sans-serif;
	  font-size: 55px;
	  color: #fff;
	  font-weight: 800;
  }
  .BannerTitle h1,
  .page-template-Page-About .TopBanner .BannerTitle h1{
	  text-align: center;
	  color: #fff;
	  font-family: 'Poppins', sans-serif;
	  font-size: 55px;
	  color: #fff;
	  font-weight: 800;
  }
  .page-template-Page-Contact .BannerTitle h1{
	  text-align: left;
  }
  .BannerTitle.CaseSingle{
	  top: 40%;
	  bottom: 0;
	  -webkit-transform: translateX(-50%) translateY(-0%);
	  transform: translateX(-50%) translateY(-0%);
  }
  .BannerTitle.CaseSingle .CaseTagLine{
	  position: absolute;
	  left: 0;
	  right: 0;
	  bottom: 150px;
	  font-size: 25px;
	  text-transform: uppercase;
  }
  
  .page-template-Page-Contact .GetTouch{
	  background: transparent !important;
	  color: #fff !important;
  }
  .page-template-Page-Contact .GetTouch.darkTouch{
	  color: #282728 !important;
  }
  .GetTouch{
	  box-shadow: rgb(149 157 165 / 10%) 0px 8px 24px;
	  position: fixed;
	  z-index: 999;
	  top: 50%;
	  left: -22px;
	  -webkit-transform: translateX(0%) translateY(-50%);
	  transform: translateX(0%) translateY(-50%);
	  cursor: pointer;
	  font-family: 'Poppins', sans-serif;
	  transform: rotate(-90deg);
	  font-weight: bold !important;
	  background: #000;
	  padding: 10px 33px;
	  border-radius: 25px;
	  left: -45px;
	  color: #fff !important;
	  font-size: 15px !important;
	  text-transform: uppercase;
	  border: 1px solid #000;
  }
  .GetTouch:hover, .GetTouch:active, .GetTouch:focus{
	  text-decoration: none !important;
	  color: var(--text-yellow);
  }

  #fullpage a.GetTouch:hover{
	background: #fff !important;
    color: #000 !important;
    border: 1px solid #000;
}
  .WhatsappIcon{
	  position: fixed;
	  z-index: 999;
	  bottom: 20px;
	  right: 20px;
	  cursor: pointer;
  }
  .WhatsappIcon img {
	  width: 50px;
  }
  .SocialMedia.SocialDark li a{
	  background: #e3e3e3;
  }
  
  .SocialMedia{
	  position: fixed;
	  top: 50%;
	  right: 10px;
	  -webkit-transform: translateX(0%) translateY(-50%);
	  transform: translateX(0%) translateY(-50%);
	  z-index: 99;
	  list-style: none;
	  padding: 0;
	  margin: 0;
  }
  .SocialMedia li{
	  float: left;
	  clear: both;
  }
  .SocialMedia li a{
	  float: left;
	  width: 30px;
	  height: 30px;
	  font-size: 14px;
	  text-align: center;
	  line-height: 30px;
	  background: #e3e3e3;
	  color: #282728;
	  border-radius: 100%;
	  margin-bottom: 10px;
	  transition-duration: .3s;
  }
  .SocialMedia li a:hover,
  .SocialMedia li a:active,
  .SocialMedia li a:focus{
	  background: #cb2127;
	  color: #fff;
	  transition-duration: .3s;
  }
  
  .single-post .SocialMedia li a{
	  background: #e3e3e3;
  }
  .single-post .SocialMedia li a:hover{
	  background: #cb2127;
	  color: #fff;
  }
  
  .scroll {
	  cursor: pointer;
	  position:absolute;
	  margin-top:20px;
	  display:inline-block;
	  width:80px;
	  height:80px;
	  z-index: 999;
	  left: calc(50% - 80px);
	  bottom: 3%;
	  -webkit-transform: translateX(calc(-50% + 80px)) translateY(0%);
	  transform: translateX(calc(-50% + 80px)) translateY(0%);
	  background: url(img/down-arrow.png);
	  filter: brightness(0) invert(1);
	  background-size: cover;
	  background-position: center center;
	  background-repeat: no-repeat;
	  animation: MoveUpDown 2s linear infinite;
  }
  
  @keyframes MoveUpDown {
	0%, 100% {
	  bottom: 3%;
	}
	50% {
	  bottom: 50px;
	}
  }
  
  section.cases .InnerContainer{
  
	  height: 650px;
	  
  }
  .cases .content{
	  float: left;
	  width: 100%;
	  clear: both;
	  margin-left: 9%;
	  padding: 100px 0;
  }
  #NextSectionWrap{
	  clear: both;
  }
  
  .cases {
	  position: relative;
	  min-height: inherit !important;
	  float: left;
	  width: 100%;
	  background-size: cover !important;
	  background-position: center top !important;
  }
  .cases:before{
	  position: absolute;
	  left: 0;
	  right: 0;
	  top: 0;
	  bottom: 0;
	  content: "";
	  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+0,000000+99&0.9+0,0+64 */
	  background: -moz-linear-gradient(left,  rgba(0,0,0,0.9) 0%, rgba(0,0,0,0) 64%, rgba(0,0,0,0) 99%); /* FF3.6-15 */
	  background: -webkit-linear-gradient(left,  rgba(0,0,0,0.9) 0%,rgba(0,0,0,0) 64%,rgba(0,0,0,0) 99%); /* Chrome10-25,Safari5.1-6 */
	  background: linear-gradient(to right,  rgba(0,0,0,0.9) 0%,rgba(0,0,0,0) 64%,rgba(0,0,0,0) 99%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e6000000', endColorstr='#00000000',GradientType=1 ); /* IE6-9 */
  
  }
  .CaseContent{
	  float: left;
	  width: 100%;
	  padding: 50px 0 50px 7%;
  }
  .CaseContent .CaseLogo{
	  max-width: 150px;
	  height: auto;
	  width: auto;
	  float: left;
  }
  .WorkedCat{
	  float: left;
	  clear: both;
	  position: relative;
	  padding-left: 100px;
	  list-style: none;
	  margin: 30px 0 20px 0;
  }
  .WorkedCat ol{
	  float: left;
	  clear: both;
	  position: absolute;
	  left: 0;
	  padding: 0;
	  font-size: 24px;
	  font-family: 'Poppins', sans-serif;
	  font-weight: 800;
	  color: #fff;
	  -webkit-transform: translateX(0%) translateY(-50%);
	  transform: translateX(0%) translateY(-50%);
	  position: absolute;
	  top: 50%;
  }
  .WorkedCat ol:after{
	  content: "";
	  width: 3px;
	  background: #fff;
	  position: absolute;
	  right: -20px;
	  height: 40px;
  }
  .WorkedCat li{
	  font-size: 15px;
	  font-weight: 300;
	  font-family: 'Poppins', sans-serif;
	  color: #fff;
  }
  .CaseTitle{
	  float: left;
	  font-size: 50px;
	  line-height: 50px;
	  font-weight: 800;
	  color: #fff;
	  clear: both;
	  margin: 0;
	  position: relative;
	  padding-bottom: 35px;
  }
  .tagLine{
	  float: left;
	  color: #fff;
	  clear: both;
	  margin: 15px ​0 0 0;
	  font-size: 15px;
	  position: relative;
	  font-family: 'Poppins', sans-serif;
  }
  .tagLine:after{
	  content: "";
	  left: 0;
	  top: -14px;
	  width: 150px;
	  bottom: 0;
	  height: 1px;
	  position: absolute;
	  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+0,ffffff+99&1+68,0+100 */
	  background: -moz-linear-gradient(left,  rgba(255,255,255,1) 0%, rgba(255,255,255,1) 68%, rgba(255,255,255,0.03) 99%, rgba(255,255,255,0) 100%); /* FF3.6-15 */
	  background: -webkit-linear-gradient(left,  rgba(255,255,255,1) 0%,rgba(255,255,255,1) 68%,rgba(255,255,255,0.03) 99%,rgba(255,255,255,0) 100%); /* Chrome10-25,Safari5.1-6 */
	  background: linear-gradient(to right,  rgba(255,255,255,1) 0%,rgba(255,255,255,1) 68%,rgba(255,255,255,0.03) 99%,rgba(255,255,255,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=1 ); /* IE6-9 */
  }
  .FeatureTitle{
	  float: left;
	  clear: both;
	  font-size: 15px;
	  font-family: 'Poppins', sans-serif;
	  color: #fff;
	  margin: 0;
  }
  .features.Inline{
	  margin: 0;
  }
  .features.Inline li p{
	  clear: none;
	  margin: 15px 0 0 12px;
  }
  .features{
	  float: left;
	  clear: both;
	  padding: 0;
	  list-style: none;
	  margin: 10px 0 0 0;
  }
  .features li{
	  float: left;
	  clear: both;
	  color: #fff;
	  display: none !important;
  }
  .features li:nth-child(1){
	  display: block !important;
  }
  .features li h3,
  .features li b{
	  float: left;
	  clear: both;
	  color: #fff;
	  font-weight: bold;
	  font-size: 40px;
	  margin: 0;
  }
  .features li p{
	  float: left;
	  clear: both;
	  color: #fff;
	  font-weight: normal;
	  font-size: 18px;
	  margin: 0;
	  line-height: normal;
  }
  .CaseBtn{
	  float: left;
	  font-size: 15px;
	  font-weight: 500;
	  color: #fff;
	  height: 45px;
	  line-height: 45px;
	  padding: 0 35px;
	  border: solid 1px #fff;
	  border-radius: 22px;
	  clear: both;
	  text-transform: uppercase;
	  margin-top: 30px;
	  text-decoration: none;
	  transition-duration: .3s;
  }
  .CaseBtn:hover, .CaseBtn:active, .CaseBtn:focus{
	  text-decoration: none;
	  transition-duration: .3s;
	  background: #f8eb6b;
	  color: #212121;
	  border-color: #f8eb6b;
	  font-weight: 700;
  }
  
  
  .pageContent {
	  height: auto !important;
	  float: left;
	  width: 100%;
	  clear: both;
  }
  .CreativeSection .vc_custom_heading{
	  font-size: 70px;
	  font-weight: 900;
	  font-family: 'Poppins', sans-serif;
	  line-height: 50px;
	  margin-bottom: 30px;
  }
  .CreativeSection .wpb_text_column {
	  font-size: 15px;
	  font-family: 'Poppins', sans-serif;
  }
  .CreativeSection .vc_btn3{
	  float: left;
	  font-size: 15px !important;
	  font-weight: 500 !important;
	  color: #282728 !important;
	  height: 45px !important;
	  line-height: 45px !important;
	  padding: 0 35px !important;
	  border: solid 1px #282728 !important;
	  border-radius: 22px !important;
	  clear: both;
	  text-transform: uppercase;
	  margin-top: 0 !important;
	  text-decoration: none;
	  transition-duration: .3s;
  }
  .CreativeSection .vc_btn3:hover, .CreativeSection .vc_btn3:active, .CreativeSection .vc_btn3:focus{
	  background: #cb2127 !important;
	  color: #fff !important;
	  border-color: #cb2127 !important;
  }
  
  body .vc_tta-accordion  {
	  width: 70% !important;
	  margin: auto !important;
  }
  body .vc_tta-accordion  .vc_tta-panel-heading{
	  background: none !important;
	  border: 0px !important;
	  text-align: center !important;
  }
  body .vc_tta-accordion  .vc_tta-panel-heading .vc_tta-title-text{
	  font-size: 60px !important;
	  font-weight: 900 !important;
	  color: #fff;
	  text-transform: lowercase;
	  font-family: 'Poppins', sans-serif;
	  transition-duration: .3s;
  }
  body .vc_tta-accordion .vc_tta-controls-icon{
	  display: none !important;
  }
  body .vc_tta-accordion .vc_tta-panel-body{
	  background: none !important;
	  color: #fff !important;
	  text-align: center !important;
	  border: none !important;
	  padding: 0 !important;
	  font-family: 'Poppins', sans-serif;
  }
  
  
  body .vc_tta-accordion .vc_tta-panel.vc_active .vc_tta-panel-title .vc_tta-title-text{
	  font-size: 70px !important;
	  transition-duration: .3s;
	  text-transform: uppercase;
  }
  
  .CustomBlog{
	  float: left;
	  width: 100%;
	  background: #f9f8f8;
	  overflow: hidden;
  }
  .CustomBlog.section.About-Us-Section{
	  display: none;
  }
  .About-Bg-Section{
	  margin-bottom: 50px;
  }
  .CustomBlog .lSSlideOuter{
	  float: left;
	  width: 100%;
	  margin-bottom: 30px;
  }
  .CustomBlog .lSSlideOuter .lSSlideWrapper {
	  float: left;
	  width: 100%;
	  transition-duration: .5s !important;
  }
  .CustomBlog .lSSlideOuter .lSSlideWrapper #homeBlog{
	  float: left;
	  width: 100%;
	  transition-duration: .5s !important;
  }
  .CustomBlog .Title{
	  float: left;
	  width: 100%;
	  background: #f9f8f8;
	  font-size: 40px;
	  color: #030000;
	  font-family: 'Poppins', sans-serif;
	  font-weight: 900;
	  text-align: center;
	  text-transform: uppercase;
	  margin: 30px 0 30px 0;
  }
  .CustomBlog .row{
	  clear: both;
  }
  .CustomBlog .PostItem{
	  float: left;
	  width: 100%;
	  transition-duration: .3s;
	  box-shadow: 0 0 8px rgb(0 0 0 / 9%);
	  position: relative;
	  padding-top: 220px;
	  min-height:388px;
	  height: 100%;
	  border-radius:10px;
	  background: #fff;
  }
  .CustomBlog .PostItem:hover{
	  transition-duration: .3s;
	  background: #f8eb6b;
  }
  .CustomBlog .PostItem .PostItemImg{
	  float: left;
	  width: 100%;
	  height: 220px;
	  background-size: cover !important;
	  background-position: center center !important;
	  position: absolute;
	  top: 0;
	  border-radius: 10px 10px 0 0;
  }
  .CustomBlog .PostItem .PostItemContent{
	  float: left;
	  width: 100%;
	  clear: both;
	  background: #fff;
	  padding: 20px;
	  box-shadow: 0 0 5px #rgba(0,0,0,.3);
	  transition-duration: .3s;
	  border-radius: 10px 10px 0 0;
  }
  .CustomBlog .PostItem .PostItemContent .date{
	  float: left;
	  width: 100%;
	  font-size: 11px;
	  font-weight: 400;
	  color: #000000;
  }
  .CustomBlog .PostItem .PostItemContent .PostItemTitle{
	  float: left;
	  width: 100%;
	  font-size: 15px !important;
	  font-weight: 600;
	  color: #000000;
	  font-family: 'Poppins', sans-serif;
	  font-weight: 800;
	  margin: 0;
  }
  .CustomBlog .PostItem .PostItemContent .PostItemTitle a{
	  color: #000000;
	  text-decoration: none;
	  transition-duration: .3s;
  }
  .CustomBlog .PostItem .PostItemContent .ReadMoreBtn{
	  float: left;
	  clear: both;
	  font-size: 15px;
	  font-weight: 600;
	  color: #000000;
	  font-family: 'Poppins', sans-serif;
	  font-weight: 600;
	  margin-top: 15px;
	  text-decoration: none;
  }
  .CustomBlog .PostItem .PostItemContent .ReadMoreBtn i{
	  color: #000;
	  font-size: 16px;
	  margin-left: 10px;
  }
  
  .CustomBlog .PostItem:hover .PostItemContent{
	  transition-duration: .3s;
	  background: #f8eb6b;
  }
  .CustomBlog .PostItem:hover .PostItemContent .PostItemTitle a{
	  color: #212121;
  }
  .CustomBlog .AllBlogBtn{
	  margin: auto;
	  display: table;
	  font-size: 15px;
	  cursor: pointer;
	  font-weight: 500;
	  color: #282728;
	  height: 45px;
	  line-height: 45px;
	  padding: 0 50px;
	  border: solid 1px #282728;
	  border-radius: 22px;
	  clear: both;
	  text-transform: uppercase;
	  margin-top: 30px !important;
	  text-decoration: none;
	  transition-duration: .3s;
	  margin-bottom: 40px !important;
  }
  .CustomBlog .AllBlogBtn:hover, .CustomBlog .AllBlogBtn:active, .CustomBlog .AllBlogBtn:focus{
	  text-decoration: none;
	  transition-duration: .3s;
	  background: var(--text-yellow);
	  color: #000;
	  border-color: var(--text-yellow);
  }
  .relatedPro ul.lSPager{
	  text-align:center;
	  margin:0;
	  padding:0;
	  list-style:none;
	  clear:both;
  }
  .relatedPro ul.lSPager li{
	  display:inline-block;
	  margin:5px;
	  vertical-align:middle;
  }
  .relatedPro ul.lSPager li a{
	  display: block;
	  color: #fff;
	  background: #ddd;
	  width: 8px;
	  height: 8px;
	  font-size: 0;
	  border-radius: 25px;
  }
  .PagesInner {
	  margin:0 !important;
  }
  .PagesInner > .container {
	  max-width: 100% !important;
	  display: contents;
  }

  .footer-cd {
	  color: #000;
	  display: inline-block;
	  margin: 2rem 0;
   }
  
  
  footer{
	  float: left;
	  width: 100%;
	  clear: both;
	  padding: 100px 0;
	  position: relative;

  
	  background: rgb(203,33,39); /* Old browsers */
	  /*background: -moz-linear-gradient(left,  rgba(0,0,0,1) 50%, rgba(255,255,255,1) 50%); 
	  background: -webkit-linear-gradient(left,  rgba(0,0,0,1) 50%,rgba(255,255,255,1) 50%); 
	  background: linear-gradient(to right,  rgba(0,0,0,1) 50%,rgba(255,255,255,1) 50%); */

	 /* background: -moz-linear-gradient(left,  rgba(254,232,0,1) 50%, rgba(255,255,255, 1) 50%); 
	  background: -webkit-linear-gradient(left,  rgba(254,232,0,1) 50%,rgba(255,255,255, 1) 50%); 
	  background: linear-gradient(to right,  rgba(254,232,0,1) 50%,rgba(255,255,255, 1) 50%); 

	  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cb2127', endColorstr='#ffffff',GradientType=1 );  */
	  background: #fff;
  }
  footer:before{
  	content: none;
	  /*content: "";
	  position: absolute;
	  left: 0;
	  top: 0;
	  width: 25%;
	  height: 100px;
	  background-image: url(img/footerUpper.png);
	  background-size: cover !important;*/
  }
  footer .FooterTitle{
	  float: left;
	  padding-left: 60px;
	  position: relative;
	  font-size: 15px;
	  font-weight: normal;
	  font-family: 'Poppins', sans-serif;
	  color: rgb(255, 255, 255, 0.4);
	  text-transform: uppercase;
	  margin: 0;
  }
  footer .WidgetDatas{
	  clear: both;
  }
  footer .FooterTitle:before{
	  content: "";
	  float: left;
	  width: 50px;
	  height: 2px;
	  background: var(--text-yellow);
	  position: absolute;
	  left: 0;
	  top: 50%;
	  -webkit-transform: translateX(0%) translateY(-50%);
	  transform: translateX(0%) translateY(-50%);
  }
  footer .MainTitle{
	  float: left;
	  width: 100%;
	  clear: both;
	  color: #000;
	  font-size: 34px;
	  font-weight: 900;
	  text-transform: uppercase;
	  margin: 40px 0;
  }
  footer .WidgetDatas .widget-title{
	  float: left;
	  width: 100%;
	  margin: 0 0 10px 0;
	  color: #000;
	  font-size: 16px;
	  text-transform: uppercase;
	  font-family: 'Poppins', sans-serif;
	  font-weight: 900;
  }
  footer .WidgetDatas .textwidget *{
	  float: left;
	  width: 100%;
	  clear: both;
	  color: #000;
	  font-size: 14px;
	  font-family: 'Poppins', sans-serif;
	  font-weight: 400;
	  text-decoration: none;
	  margin: 0;
  }
  footer .WidgetDatas .textwidget ul{
	  padding: 0;
	  list-style: none;
	  margin: 0;
  }
  footer .WidgetDatas .textwidget ul li{
	  float: left;
	  width: 100%;
	  margin-bottom: 5px;
  }
  footer .WidgetDatas .widget-container {
	  margin-bottom: 30px;
	  float: left;
	  width: 100%;
	  word-break:break-word;
  }
  footer .LeftBottom{
	  margin-top: 60px;
  }
  footer .LeftBottom .SocialMedia{
	  position: relative;
	  float: left;
	  width: 100%;
	  transform: none;
	  left: auto;
	  top: auto;
  }
  footer .LeftBottom .SocialMedia li{
	  float: left;
	  clear: none;
	  width: auto;
	  margin-right: 8px;
  }
  #getInTouchWrap .LeftBottom .SocialMedia li a{
	  background-color: unset;
	  color: #000;
	  margin-bottom: 0;
	  transition-duration: .3s;
  }
  #getInTouchWrap .LeftBottom .SocialMedia li a:hover, 
  #getInTouchWrap .LeftBottom .SocialMedia li a:active, 
  #getInTouchWrap .LeftBottom .SocialMedia li a:focus{
	  /*background: #fff !important;
	  color: #cb2127;*/
	  transition-duration: .3s;
	  background-color: var(--text-yellow)

  }
  
  footer .ContactSection .MainTitle {
	  color: #000000;
	  margin-bottom: 15px;
  }
  footer .ContactSection .FooterTitle{
	  color: #000;
  }
  footer .ContactSection .FooterTitle:before{
	  background: #000;
  }
  .ContactSection{
	  padding: 0 5% !important;
  }
  .ContactSection .FooterForm{
	  float: left;
	  width: 100%;
  }
  .ContactSection .FooterForm input{
	  float: left;
	  width: 100%;
	  padding: 0;
	  margin-bottom: 15px;
	  font-size: 14px;
	  font-family: 'Poppins', sans-serif;
	  padding: 11px 18px;
	  outline: none;
	  font-weight: 500;
	  background-color: transparent;
	  border: solid 1px #000000 !important;
	  outline: none !important;
	  box-shadow: none !important;
  }
  .ContactSection .FooterForm textarea{
	  float: left;
	  width: 100%;
	  padding: 0;
	  height: 120px;
	  resize: none;
	  margin-bottom: 15px;
	  font-size: 15px;
	  font-family: 'Poppins', sans-serif;
	  padding: 8px 15px;
	  font-weight: 500;
	  background-color: transparent;
	  border: solid 1px #000000 !important;
	  outline: none !important;
	  box-shadow: none !important;
  }
  .ContactSection .FooterForm input.wpcf7-submit {
	  float: left;
	  width: auto;
	  border: none !important;
	  font-size: 18px;
	  text-transform: uppercase;
	  font-weight: 600;
	  background: #fee800;
	  color: #212121;
	  padding: 8px 40px;
	  margin: 0;
	  border-radius: 32px;
	  transition-duration: .3s;
  }
  .ContactSection .FooterForm input.wpcf7-submit:hover, .ContactSection .FooterForm input.wpcf7-submit:active, .ContactSection .FooterForm input.wpcf7-submit:focus{
	  background: #000;
	  color: var(--text-yellow) !important;
  
	  transition-duration: .3s;
  }
  .ContactSection .FooterForm .wpcf7-not-valid-tip{
	  font-size: 12px !important;
	  margin-bottom: 10px;
  }
  .ContactSection .FooterForm .wpcf7-response-output{
	  font-size: 15px;
  }
  
  .ClientSlider{
	  float: left;
	  width: 100%;
	  overflow: hidden;
	  margin-bottom: 60px;
  }
  .ClientSlider h2{
	  float: left;
	  width: 100%;
	  font-size: 70px;
	  color: #030000;
	  font-family: 'Poppins', sans-serif;
	  font-weight: 900;
	  text-align: center;
	  text-transform: uppercase;
	  margin: 60px 0 30px 0;
  }
  body .fp-tableCell{
	  /* height: 100vh !important; */
  }
  .ClientSlider .fp-slidesNav.fp-bottom{
	  bottom: 5px !important;
  }
  .ClientSlider .SlideCol{
	  position: relative;
	  height: 120px;
	  margin: 30px 0;
  }
  .ClientSlider .SlideCol img{
	  position: absolute;
	  height: 90%;
	  width: auto;
	  left: 0;
	  right: 0;
	  top: 0;
	  bottom: 0;
	  margin: auto;
  }
  .ClientSlider .fp-controlArrow.fp-prev{
	  border: none !important;
	  left: 30px;
  }
  .ClientSlider .fp-controlArrow.fp-prev:before{
	  font-family: 'FontAwesome';
	  content: '\f104';
	  font-size: 44px;
	  color: #cb2127;
  }
  .ClientSlider .fp-controlArrow.fp-next{
	  border: none !important;
	  right: 45px;
  }
  .ClientSlider .fp-controlArrow.fp-next:before{
	  font-family: 'FontAwesome';
	  content: '\f105';
	  font-size: 44px;
	  color: #cb2127;
  }
  .ClientSlider .carousel-control-prev,
  .ClientSlider .carousel-control-next{
	  width: auto !important;
  }
  .ClientSlider .carousel-control-prev {
	  left: -50px;
  }
  .ClientSlider .carousel-control-next{
	  right: -50px;
  }
  .ClientSlider .carousel-control-prev i,
  .ClientSlider .carousel-control-next i{
	  width: 50px;
	  height: 50px;
	  opacity: 1;
	  font-size: 44px;
	  color: #cb2127;
  }
  .ClientSlider .carousel-inner{
	  overflow: visible;
	  float: left;
	  width: 100%;
  }
  
  .ClientSlider .carousel{
	  position: relative;
	  clear: both;
	  float: left;
	  width: 100%;
	  padding-bottom: 30px;
  }
  .ClientSlider .fp-slidesNav ul{
	  text-align: center;
  }
  .ClientSlider .fp-slidesNav ul li a{
	  background: #d4d4d4;
	  width: 8px !important;
	  height: 8px !important;
	  border-radius: 100%;
	  padding: 0 !important;
	  border: 0px !important;
	  position: relative;
  }
  .ClientSlider .fp-slidesNav ul li a span{
	  display: none;
  }
  .ClientSlider .fp-slidesNav ul li a.active:before{
	  content: "";
	  width: 36px;
	  height: 36px;
	  border: solid 1px #cb2127;
	  top: -13px;
	  left: -13px;
	  position: absolute;
	  border-radius: 100%;
  }
  
  .SiteMenu .SiteLogo img{
	  margin: -14px 0 0 14px;
  }
  .SiteMenu{
	  position: fixed;
	  top: -200%;
	  left: 0;
	  width: 100%;
	  height: 100%;
	  z-index: 99999;
	  transition-duration: .3s;
	  top: 0%;
	  visibility: hidden;
  }
  .SiteMenu .MenuBtn{
	  color: #fff !important;
  }
  .SiteMenu .MenuBtn span{
	  background: #fff !important;
  }
  .SiteMenuCover{
	  /* display: none; */
	  background: rgb(16 16 16 / 99%);
	  color: #FFFFFF;
	  border-radius: 50%;
	  -moz-box-shadow: 0 4px 8px 0px rgba(68, 82, 88, 0.2);
	  -webkit-box-shadow: 0 4px 8px 0px rgba(68, 82, 88, 0.2);
	  box-shadow: 0 4px 8px 0px rgba(68, 82, 88, 0.2);
	  left: 95vw;
	  overflow: hidden;
	  position: fixed;
	  height: 0;
	  top: 65px;
	  width: 0;
	  /* position: absolute; */
	  z-index: 9991 !important;
	  -moz-transition: height 0.6s ease-in-out, left 0.6s ease-in-out, top 0.6s ease-in-out, width 0.6s ease-in-out;
	  -o-transition: height 0.6s ease-in-out, left 0.6s ease-in-out, top 0.6s ease-in-out, width 0.6s ease-in-out;
	  -webkit-transition: height 0.6s ease-in-out, left 0.6s ease-in-out, top 0.6s ease-in-out, width 0.6s ease-in-out;
	  transition: height 0.6s ease-in-out, left 0.6s ease-in-out, top 0.6s ease-in-out, width 0.6s ease-in-out;
  }
  .SiteMenu.ActiveMenu{
	  visibility: visible;
  }
  .SiteMenu.ActiveMenu .SiteMenuCover{
	  height: 500vh;
	  left: calc(-200vh + 89.8vw);
	  top: calc(-200vh - 30px);
	  width: 500vh;
	  -moz-transition: height 0.6s ease-in-out, left 0.6s ease-in-out, top 0.6s ease-in-out, width 0.6s ease-in-out;
	  -o-transition: height 0.6s ease-in-out, left 0.6s ease-in-out, top 0.6s ease-in-out, width 0.6s ease-in-out;
	  -webkit-transition: height 0.6s ease-in-out, left 0.6s ease-in-out, top 0.6s ease-in-out, width 0.6s ease-in-out;
	  transition: height 0.6s ease-in-out, left 0.6s ease-in-out, top 0.6s ease-in-out, width 0.6s ease-in-out;
  }
  .SiteMenu.ActiveMenu .InnerContainer{
	  z-index: 9999;
  }
  .CloseMenuBtn b{
	  font-weight: normal;
	  font-size: 34px;
	  float: right;
	  margin-left: 10px;
	  text-align:right;
  }
  .CloseMenuBtn h6{
	  float:none !important;
  }
  .MenuWrap{
	  position: fixed;
	  top: 0;
	  right: 0;
	  bottom: 0;
	  left: 0;
	  overflow: auto;
	  opacity: 0;
	  visibility: hidden;
	  z-index: 99999;
	  transition-duration: .5s;
  }
  .MenuWrap.active{
	  opacity: 1;
	  visibility: visible;
	  transition-duration: 1s;
	  background: #000;
  }
  .MenuWrap #menu-main-menu{
	  position: absolute;
	  margin: auto;
	  padding: 0;
	  list-style: none;
	  top: 50%;
	  -webkit-transform: translateX(-50%) translateY(-50%);
	  transform: translateX(-50%) translateY(-50%);
	  left: 50%;
	  width: 100%;
  }
  .MenuWrap.ActiveMenu .MenuList{
	  opacity: 1;
	  transition-duration: .5s;
	  padding-left: 0%;
  }
  .MenuWrap .MenuList{
	  clear: both;
	  opacity: 1;
	  transition-duration: .5s;
	  position: absolute;
	  left: 25px;
	  top: 0;
	  bottom: 0;
  }
  .MenuWrap .MenuList .menu-main-menu-container{
	  float: left;
	  clear: both;
	  height: 100%;
	  padding: 66px 0 70px 0;
	  width: 260px;
	  position: relative;
  }
  .MenuWrap.MenuList .menu-main-menu-container .menu{
	  float: left;
	  width: 100%;
	  clear: both;
	  padding: 0;
	  list-style: none;
  }
  .MenuWrap .MenuList .menu-main-menu-container .menu li{
	  float: left;
	  width: 100%;
	  clear: both;
	  text-align: left;
	  font-family: 'Poppins', sans-serif;
	  font-weight: 900;
	  text-transform: lowercase;
  }
  .MenuWrap .MenuList .menu-main-menu-container .menu li a{
	  clear: both;
	  color: #5b5b5b;
	  text-align: left;
	  font-size: 34px;
	  line-height: 41px;
	  font-weight: 800;
	  text-decoration: none;
	  position: relative;
	  text-transform: uppercase;
  }
  .MenuWrap .MenuList .menu-main-menu-container .menu li:hover > a{
	  color: var(--text-yellow);
  }
  .MenuWrap .MenuList .menu-main-menu-container .menu li:hover > a:after{
	  content: "";
	  position: absolute;
	  right: -30px;
	  bottom: 25px;
	  width: 15px;
	  height: 15px;
	  display: inline-block;
	  background: var(--text-yellow);
	  top: 22px;
  }
  .MenuWrap .MenuList .menu-main-menu-container .menu li.menu-item-has-children a:after{
	  right: -54px;
  }
  .MenuWrap .MenuList .menu-main-menu-container .menu li.menu-item-has-children > a:before{
	  font-family: 'FontAwesome';
	  content: '\f107';
	  position: absolute;
	  right: -30px;
	  top: 13px;
	  line-height: normal;
	  font-weight: normal;
	  font-size: 34px;
  }
  .MenuWrap .MenuList .menu-main-menu-container .menu li.current-menu-item a{
	  color: var(--text-yellow);
  }
  .MenuWrap .MenuList .menu-main-menu-container .menu li.current-menu-item a:after{
	  content: "";
	  position: absolute;
	  right: -30px;
	  bottom: 25px;
	  width: 15px;
	  height: 15px;
	  display: inline-block;
	  background: var(--text-yellow);
	  top: 22px;
  }
  .MenuWrap .MenuList .menu-main-menu-container .menu li .innerMenuBtn{
	  float: right;
	  color: #5b5b5b;
	  font-size: 33px;
	  height: 20px;
	  margin: 16px 0 0 10px;
	  line-height: 20px;
	  cursor: pointer;
  }
  .MenuWrap .MenuList .menu-main-menu-container .menu li ul{
	  display: none;
  }
  .MenuWrap .MenuList .menu-main-menu-container .menu li ul li{
	  list-style: none;
  }
  .MenuWrap .MenuList .menu-main-menu-container .menu li ul li a{
	  font-size: 30px;
	  color: #808080;
	  line-height: normal;
	  
  }
  
  
  
  
  .OverHidden{
	  overflow: hidden;
  }
  
  .aboutPage:before{
	  height: 100%;
  }
  .page-template-Page-Contact .aboutPage .BannerTitle{
	  left: calc(53.5% + 30px);
  }
  .aboutPage .BannerTitle{
	  left: calc(53% + 30px);
  }
  .page-template-Page-About .TopBanner .BannerTitle{
	  padding-left: 50px !important;
  }
  .aboutPage .BannerTitle h2,
  .page-template-Page-About .TopBanner .BannerTitle h1{
	  text-align: left;
	  font-size: 50px;
	  text-transform: capitalize;
	  font-weight: 900;
	  color: #fff;
  }
  .aboutPage .aboutContent,
  .page-template-Page-About .TopBanner .aboutContent,
  .page-template-Page-Contact .TopBanner .aboutContent{
	  float: left;
	  font-size: 20px;
	  color: #fff;
	  margin: 10px 0 40px 0;
	  font-family: 'Poppins', sans-serif;
  }
  .page-template-Page-Contact .TopBanner .BannerTitle {
	  padding-left: 50px;
  }
  .aboutPage .aboutBtn{
	  float: left;
	  clear: both;
	  font-size: 18px;
	  text-transform: uppercase;
	  border: solid 1px #fff;
	  padding: 10px 30px;
	  border-radius: 25px;
	  color: #fff;
	  text-decoration: none;
  }
  .aboutPage .aboutBtn:hover{
	  background:#cb2127;
	  border:solid 1px transparent;
  }
  
  .aboutBtn{
	  float: left;
	  clear: both;
	  font-size: 18px;
	  text-transform: uppercase;
	  border: solid 1px #fff;
	  padding: 10px 30px;
	  border-radius: 25px;
	  color: #fff;
	  text-decoration: none;
  }
  .aboutBtn:hover{
	  background:#cb2127;
	  border:solid 1px transparent;
	  color: #fff !important;
	  text-decoration: none !important;
  }
  
  .aboutPage .ContactCbtn,
  .page-template-Page-Contact .ContactCbtn{
	  float: left;
	  clear: both;
	  font-size: 18px;
	  text-transform: uppercase;
	  padding: 10px 30px;
	  background: var(--text-yellow);
	  color: #000;
	  border: solid 1px var(--text-yellow);
	  text-decoration: none;
	  font-weight: 900;
	  border-radius: 30px;
  }
  .aboutPage .ContactCbtn:hover,
  .page-template-Page-Contact .ContactCbtn:hover{
	  background: #000;
	  color: var(--text-yellow);
	  border-color: var(--text-yellow);
  }
  
  .page-template-Page-Contact .TopBanner .ContactCbtn{
	  margin-top: 40px;
  }
  
  .LargeTitle{
	  font-family: 'Poppins', sans-serif;
	  color: #030000;
	  line-height: 80px;
	  font-weight: 900;
	  text-transform: uppercase;
  }
  .LargeTitle-White{
	  font-family: 'Poppins', sans-serif;
	  color: #fff !important;
	  line-height: 80px;
	  font-weight: 900;
	  text-transform: uppercase;
  }
  .vc_btn3{
	  float: left;
	  font-size: 15px !important;
	  font-weight: 500 !important;
	  color: #282728 !important;
	  height: 45px !important;
	  line-height: 45px !important;
	  padding: 0 35px !important;
	  border: solid 1px #282728 !important;
	  border-radius: 22px !important;
	  clear: both;
	  text-transform: uppercase;
	  margin-top: 0 !important;
	  text-decoration: none;
	  transition-duration: .3s;
  }
  .vc_btn3:hover, .vc_btn3:active, .vc_btn3:focus{
	  background: #cb2127 !important;
	  color: #fff !important;
	  border-color: #cb2127 !important;
  }
  
  
  .whiteBtn .vc_btn3{
	  float: left;
	  font-size: 15px !important;
	  font-weight: 500 !important;
	  color: #282728 !important;
	  height: 45px !important;
	  line-height: 45px !important;
	  padding: 0 35px !important;
	  border: solid 1px #282728 !important;
	  border-radius: 22px !important;
	  clear: both;
	  text-transform: uppercase;
	  margin-top: 0 !important;
	  text-decoration: none;
	  transition-duration: .3s;
  }
  .whiteBtn .vc_btn3:hover, .whiteBtn .vc_btn3:active, .whiteBtn .vc_btn3:focus{
	  background: #fff !important;
	  color: #cb2127 !important;
	  border-color: #fff !important;
  }
  .whiteBtn.outline button,
  .whiteBtn.outline .vc_btn3{
	  border-color: #fff !important;
	  color: #fff !important;
  }
  .whiteBtn.outline button:hover, .whiteBtn.outline button:active, .whiteBtn.outline button:focus,
  .whiteBtn.outline .vc_btn3:hover, .whiteBtn.outline .vc_btn3:active, .whiteBtn.outline .vc_btn3:focus{
	  background: #fff !important;
	  color: #cb2127 !important;
  }
  
  .titleBg .vc_column-inner{
	  background-repeat: no-repeat;
	  background-position: left top;
  }
  
  
  
  .wpb_button, .wpb_content_element, ul.wpb_thumbnails-fluid>li{
	  margin: 0;
  }
  
  .blogPage:before,
  .page-template-Page-OurWork .TopBanner:before,
  .page-template-Page-services .TopBanner:before,
  .page-template-Page-Blog .TopBanner:before{
	  display: none !important;
  }
  .blogPage:after,
  .page-template-Page-OurWork .TopBanner:after,
  .page-template-Page-services .TopBanner:after,
  .page-template-Page-Blog .TopBanner:after{
	  display: none !important;
  }
  .blogPage .BannerTitle h1,
  .page-template-Page-OurWork .TopBanner .BannerTitle h1,
  .page-template-Page-services .TopBanner .BannerTitle h1,
  .page-template-Page-Blog .TopBanner .BannerTitle h1{
	  text-transform:capitalize;
	  color: #282728 !important;
	  margin-bottom: 60px;
	  
  }
  .blogPage .BannerTitle .aboutContent,
  .page-template-Page-OurWork .TopBanner .BannerTitle .aboutContent,
  .page-template-Page-services .TopBanner .BannerTitle .aboutContent,
  .page-template-Page-Blog .TopBanner .BannerTitle .aboutContent{
	  font-family: 'Poppins', sans-serif;
	  font-size: 20px;
	  text-transform: uppercase;
	  font-weight: 300;
	  color: #282728;
	  width: 50%;
	  text-align: center;
	  margin: auto;
	  display: table;
  }
  
  .page-template-Page-Blog .TopBanner{
	  display: none !important;
  }
  .page-template-Page-Blog .blogWrap{
	  margin: 50px 0 50px 0 !important;
  }
  
  .blogPage .SocialMedia{
	  background: #e3e3e3;
	  padding: 13px 7px;
	  border-radius: 44px;
  }
  .blogPage .SocialMedia li:last-child a{
	  margin-bottom: 0 !important;
  }
  
  .blogPage .MenuBtn h6{
	  color: #282728;
  }
  .blogPage .MenuBtn span{
	  background: #282728;
  }
  
  .blogWrap .row .col-sm-3{
	  margin-bottom:30px;
  }
  .blogWrap .row .col-sm-3:first-child{
	  width: 100% !important;
	  flex: 0 0 100%;
	  max-width: 100%;
	  margin: 70px 0;
  }
  .blogWrap .row .col-sm-3:first-child .PostItem{
	  float: left;
	  width: 100%;
	  box-shadow: none !important;
  }
  .blogWrap .row .col-sm-3:first-child .PostItem .PostItemImg{
	  float: left;
	  width: calc(50% - 15px);
	  height: 300px;
	  border-radius: 10px;
	  overflow: hidden;
	  background-size: cover !important;
	  background-position: center center !important;
  }
  .blogWrap .row .col-sm-3:first-child .PostItem .PostItemContent{
	  float: right;
	  width: calc(50% - 15px);
	  padding: 0 !important;
  }
  .blogWrap .row .col-sm-3:first-child .PostItem:hover .PostItemContent{
	  background: none !important;
  }
  .blogWrap .row .col-sm-3:first-child .PostItem .PostItemContent .date{
	  display: none;
  }
  .blogWrap .row .col-sm-3:first-child .PostItem .PostItemContent .PostItemTitle {
	  float: left;
	  width: 100%;
	  color: #282728;
	  margin: 0;
	  font-family: 'Poppins', sans-serif;
	  font-size: 24px;
	  font-weight: 600;
	  line-height: 27px !important;
  }
  .blogWrap .row .col-sm-3:first-child .PostItem .PostItemContent .PostItemTitle a{
	  float: left;
	  width: 100%;
	  color: #282728;
	  text-decoration: none;
  }
  .blogWrap .row .col-sm-3:first-child .PostItem .PostItemContent .ExcerptContent{
	  float: left;
	  width: 100%;
	  font-size: 18px;
	  font-family: 'Poppins', sans-serif;
	  font-weight: 500;
	  margin: 30px 0;
	  display: block !important;
  }
  .blogWrap .row .col-sm-3:first-child .PostItem .PostItemContent .ReadMoreBtn{
	  float: left;
	  clear: both;
	  color: #000;
	  font-size: 18px;
	  font-weight: 500;
	  text-decoration: none;
  }
  
  .blogWrap .row .col-sm-3 .PostItem {
	  float: left;
	  width: 100%;
	  box-shadow: 0 0 5px rgba(0,0,0, .25);
	  border-radius: 10px;
	  overflow: hidden;
  }
  .blogWrap .row .col-sm-3 .PostItem .PostItemImg{
	  height: 220px;
	  background-size: 100% !important;
	  background-repeat: no-repeat !important;
	  background-size: cover !important;
	  background-position: center center !important;
  }
  .blogWrap .row .col-sm-3 .PostItem .PostItemContent{
	  float: left;
	  width: 100%;
	  padding: 20px;
	  transition-duration: .3s;
	  min-height: 168px;
  }
  .blogWrap .row .col-sm-3 .PostItem .PostItemContent .date{
	  float: left;
	  color: #282728;
	  font-size: 11px;
	  font-weight: 300;
	  margin: 0;
	  font-family: 'Poppins', sans-serif;
  }
  .blogWrap .row .col-sm-3 .PostItem .PostItemContent  .PostItemTitle{
	  float: left;
	  width: 100%;
	  color: #282728;
	  margin: 15px 0;
	  font-family: 'Poppins', sans-serif;
	  font-size: 15px;	
	  font-weight: 600;
  }
  .blogWrap .row .col-sm-3 .PostItem .PostItemContent .PostItemTitle a{
	  color: #282728;
	  text-decoration: none;
	  transition-duration: .3s;
  }
  .blogWrap .row .col-sm-3 .PostItem .ExcerptContent{
	  display: none;
  }
  .blogWrap .row .col-sm-3 .PostItem .PostItemContent .ReadMoreBtn{
	  float: left;
	  clear: both;
	  color: #000;
	  font-size: 15px;
	  font-weight: 500;
	  text-decoration: none;
  }
  .blogWrap .row .col-sm-3 .PostItem:hover .PostItemContent{
	  transition-duration: .3s;
	  background: #ececec;
  }
  .blogWrap .row .col-sm-3 .PostItem:hover .PostItemContent .PostItemTitle a{
	  transition-duration: .3s;
	  color: #000;
  }
  .blogWrap > .container > .row{
	  margin-bottom: 50px;
  
  }
  .AllBlogBtn{
	  margin: 0 auto;
	  display: table;
	  cursor: pointer;
	  font-size: 15px !important;
	  color: #282728 !important;
	  height: 45px !important;
	  line-height: 45px !important;
	  padding: 0 50px !important;
	  border: solid 1px #282728 !important;
	  border-radius: 22px !important;
	  clear: both;
	  text-transform: uppercase;
	  margin-top: 50px !important;
	  text-decoration: none !important;
	  transition-duration: .3s;
	  font-weight: 700 !important;
	  font-family: 'Poppins', sans-serif;
  }
  .AllBlogBtn:hover, .AllBlogBtn:active, .AllBlogBtn:focus{
	  background: var(--text-yellow) !important;
	  color: #000 !important;
	  border-color: var(--text-yellow) !important;
  }
  .AllBlogBtn i{
	  display: none;
  }
  
  .GetIn{
	  float: left;
	  width: 100%;
	  margin: 50px 0;
	  font-family: 'Poppins', sans-serif;
	  display: none;
  }
  .GetIn h4{
	  float: left;
	  width: 100%;
	  font-family: 'Poppins', sans-serif;
	  color: #9b9b9b;
	  font-size: 20px;
	  text-align: center;
	  text-transform: uppercase;
  }
  .GetIn a{
	  color: #282728;
	  text-decoration: none;
  }
  .GetIn a:hover{
	  color: #282728;
	  text-decoration: none;
  }
  .GetIn h3,
  .GetIn h2{
	  float: left;
	  width: 100%;
	  font-family: 'Poppins', sans-serif;
	  color: #282728;
	  font-size: 40px;
	  text-align: center;
	  text-transform: uppercase;
	  font-weight: 800;
	  line-height: 90px;
  }
  .GetIn h3 span,
  .GetIn h2 span{
	  color: #cb2127;
	  position: relative;
  }
  .GetIn h3 span:before,
  .GetIn h2 span:before{
	  content: "";
	  position: absolute;
	  left: 0;
	  right: 0;
	  bottom: 6px;
	  height: 5px;
	  background: #282728
  }
  
  .blogSinglePage{
	  float: left;
	  width: 100%;
	  clear: both;
	  position: relative;
  }
  .blogSinglePage .InnerContainer{
	  height: auto !important;
  }
  .blogSinglePage .SocialMedia{
	  background: #e3e3e3;
	  padding: 13px 7px;
	  border-radius: 44px;
	  top: 12%;
	  top: 40%;
	  transform: none;
  }
  .blogSinglePage .SocialMedia li:last-child a{
	  margin-bottom: 0 !important;
  }
  .blogSinglePage .GetTouch{
	  font-weight: 800;
	  color: #282728;
	  font-size: 20px;
	  top: 9%;
  }
  .blogSinglePage .MenuBtn h6{
	  color: #282728;
  }
  .blogSinglePage .MenuBtn span{
	  background: #282728;
  }
  
  .SinglePostDetail{
	  float: left;
	  width: 100%;
	  clear: both;
	  margin-top: 100px;
  }
  .SinglePostDetail .Title{
	  float: left;
	  width: 100%;
	  clear: both;
	  font-size: 24px;
	  line-height: 30px;
	  margin: 0 0 10px 0;
	  font-family: 'Poppins', sans-serif;
	  font-weight: 800;
  }
  .SinglePostDetail .date {
	  float: left;
	  margin-top: 0;
	  font-size: 12px;
	  color: #cb2127;
	  font-weight: 600;
  }
  .SinglePostDetail .postImage{
	  float: left;
	  width: 100%;
	  height: auto;
	  margin-bottom: 50px;
  }
  .SinglePostDetail .Content{
	  float: left;
	  width: 100%;
	  font-size: 16px;
	  font-family: 'Poppins', sans-serif;
	  color: #282728;
  }
  .SinglePostDetail .Content h2{
	  float: left;
	  width: 100%;
	  font-size: 24px;
	  font-weight: 800;
	  margin-top: 25px;
	  color: #282728;
	  font-family: 'Poppins', sans-serif;
  }
  .SinglePostDetail .Content h3{
	  font-size: 20px;
  }
  .SinglePostDetail .Content h4{
	  font-size: 18px;
  }
  .SinglePostDetail .Content h5{
	  font-size: 16px;
  }
  
  .SinglePostDetail .Content p{
	  font-size: 14px;
  }
  
  .SinglePostDetail .Content ul{
	  list-style: none;
	  padding: 0;
	  float: left;
	  width: 100%;
	  margin: 0 0 30px 0;
  }
  .SinglePostDetail .Content ul li{
	  float: left;
	  width: 100%;
	  position: relative;
	  font-weight: 700;
	  font-size: 16px;
	  padding: 0 0 0 25px;
  }
  .SinglePostDetail .Content ul li:before{
	  position: absolute;
	  content: "";
	  width: 8px;
	  height: 8px;
	  background: #cb2127;
	  position: absolute;
	  left: 0;
	  top: 7px;
  }
  
  .relatedPro{
	  float: left;
	  width: 100%;
	  clear: both;
	  padding-bottom: 10px;
  }
  .relatedPro .title{
	  float: left;
	  width: 100%;
	  clear: both;
	  text-align: center;
	  font-size: 40px;
	  margin: 0 0 30px 0;
	  font-family: 'Poppins', sans-serif;
	  font-weight: 800;
  }
  .relatedPro .lSSlideOuter{
	  float: left;
	  width: 100%;
	  clear: both;
	  position:relative;
  }
  .relatedPro .PostItem{
	  float: left;
	  width: 100%;
	  transition-duration: .3s;
	  box-shadow: 0 0 5px rgb(0 0 0 / 25%);
	  border-radius: 10px;
	  overflow: hidden;
	  position: relative;
	  border: solid 1px #ccc;
	  /*padding-top: 250px; */
  }
  .relatedPro .PostItem .PostItemImg{
	  float: left;
	  width: 100%;
	  height: 220px;
	  background-size: cover !important;
	  background-position: center center !important;
	 /* position: absolute; */
	  top: 0;
	  border-radius: 10px 10px 0 0;
  }
  .relatedPro .PostItem .PostItemContent{
	  float: left;
	  width: 100%;
	  clear: both;
	  background: #fff;
	  padding: 20px;
	  box-shadow: 0 0 5px #rgba(0,0,0,.3);
	  transition-duration: .3s;
	  border-radius: 10px 10px 0;
  }
  .relatedPro .PostItem .PostItemContent .date{
	  float: left;
	  width: 100%;
	  font-size: 11px;
	  font-weight: 500;
	  color: #000000;
  }
  .relatedPro .PostItem .ExcerptContent{
	  display: none !important;
  }
  .relatedPro .PostItem .PostItemContent .PostItemTitle{
	  float: left;
	  width: 100%;
	  height: 95px;
	  font-size: 15px;
	  font-weight: 600;
	  color: #000000;
	  font-family: 'Poppins', sans-serif;
	  font-weight: 800;
	  margin: 0;
  }
  .relatedPro .PostItem .PostItemContent .PostItemTitle a{
	  color: #282728;
	  text-decoration: none !important;
  }
  .relatedPro .PostItem .PostItemContent .ReadMoreBtn{
	  float: left;
	  clear: both;
	  color: #000;
	  font-size: 15px;
	  font-weight: 500;
	  text-decoration: none;
	  margin: 15px ​0 0 0;
  }
  .relatedPro .PostItem:hover .PostItemContent{
	  transition-duration: .3s;
	  background: #ececec;
  }
  
  
  .caseSingle{
	  float: left;
	  width: 100%;
	  height: 100vh;
	  position: relative;
	  background-size: cover !important;
	  background-position: center center !important;
  }
  .caseSingle:after{
	  content: "";
	  left: 0;
	  right: 0;
	  top: 0;
	  bottom: 0;
	  background-image: url(img/titleDots.png);
	  position: absolute;
	  background-repeat: repeat-y;
	  background-position: center top !important;
  }
  .caseSingle:before{
	  content: "";
	  background: rgba(0,0,0,.4);
	  position: absolute;
	  left: 0;
	  right: 0;
	  top: 0;
	  bottom: 0;
  }
  .CaseTagLine{
	  font-weight: 100;
	  font-family: 'Poppins', sans-serif;
	  font-size: 20px;
	  color: #fff;
	  text-align: center;
	  margin-top: 100px;
  }
  .caseLogoSingle{
	  margin: auto;
	  display: block;
	  height: 100px;
	  width: auto;
  }
  .CaseSingleContent{
	  float: left;
	  width: 100%;
	  margin: 50px 0 0 0;
  }
  .CaseSingleContent .vc_custom_heading{
	  float: left;
	  width: 100%;
	  clear: both;
	  font-family: 'Poppins', sans-serif !important;
	  font-weight: 800 !important;
	  color: #282728 !important;
	  font-size: 35px !important;
	  text-transform: uppercase !important;
  }
  .CaseSingleContent .wpb_text_column {
	  float: left;
	  width: 100%;
	  clear: both;
	  font-size: 15px !important;
	  font-family: 'Poppins', sans-serif !important;
	  font-weight: 500 !important;
	  color: #282728 !important;
  }
  
  .ResultRow{
	  clear: both;
  }
  .ResultRow .row{
	  margin-right: -7px;
	  margin-left: -7px;
  }
  .ResultRow .col{
	  padding-right: 7px;
	  padding-left: 7px;
  }
  
  .ResultRow .vc_custom_heading{
	  margin-bottom: 30px;
  }
  .features-Single{
	  float: left;
	  width: 100%;
	  border: solid 1px #e8eae9;
		  padding: 14px 10px;
	  margin: 0;
	  list-style: none;
	  text-align: center;
	  height: 100px;
  }
  .features-Single h3, .features-Single h4{
	  float: left;
	  width: 100%;
	  font-weight: 900;
	  font-size: 28px;
	  line-height: 30px;
	  color: #cb2127;
	  font-family: 'Poppins', sans-serif;
	  margin-bottom: 0;
  }
  .resultIMg{
	  background-size: contain !important;
	  background-position: center center !important;
	  background-repeat: no-repeat !important;
  }
  .features-Single p{
	  float: left;
	  width: 100%;
	  text-transform: uppercase;
	  font-weight: 900;
	  font-size: 14px;
	  line-height: 17px;
	  color: #818081;
	  font-family: 'Poppins', sans-serif;
	  margin: 10px 0 0 0;
  }
  .caseRelated{
	  float: left;
	  width: 100%;
	  margin-top: 80px;
	  margin-bottom: 40px;
  }
  .caseRelated .container{
	  padding: 0 !important;
	  position: relative;
  }
  .caseRelated .CaseRelatedLeft{
	  position: absolute;
	  left: -34px;
	  top: 175px;
	  /* bottom: 150px; */
	  z-index: 999;
	  cursor: pointer;
  }
  .caseRelated .CaseRelatedRight{
	  position: absolute;
	  right: -34px;
	  top: 175px;
	 /* bottom: 150px; */
	  z-index: 999;
	  cursor: pointer;
  }
  .caseRelated .lSSlideOuter {
	  overflow: hidden;
  }
  
  .caseRelated .PostItem .PostItemImg{
	  position: relative;
  }
  .caseRelated .PostItem:hover .UpperCase{
	  background: -webkit-linear-gradient(top, rgb(0 0 0 / 6%) 1%,#000000d9 100%) !important;
	  bottom: 0;
	  padding-bottom: 35px;
	  transition-duration: .2s;
  }
  .single-case .caseRelated .PostItem .UpperCase{
	  bottom: -10px;
  }
  .caseRelated .PostItem .UpperCase{
	  position: absolute;
	  left: 0;
	  bottom: -43px;
	  right: 0;
	  padding: 15px;
	  color: #fff;
	  transition-duration: .2s;
	  font-family: 'Poppins', sans-serif;
	  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+1,000000+100&0+1,0.6+100 */
	  background: -moz-linear-gradient(top,  rgba(0,0,0,0) 1%, rgba(0,0,0,0.6) 100%); /* FF3.6-15 */
	  background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 1%,rgba(0,0,0,0.6) 100%); /* Chrome10-25,Safari5.1-6 */
	  background: linear-gradient(to bottom,  rgba(0,0,0,0) 1%,rgba(0,0,0,0.6) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#99000000',GradientType=0 ); /* IE6-9 */
  }
  .caseRelated .PostItem .UpperCase i{
	  font-size: 34px !important;
  }
  .caseRelated .PostItem .UpperCase ul{
	  float: left;
	  width: 100%;
	  margin: 0 0 8px 0;
	  padding: 0;
	  list-style: none;
  }
  .caseRelated .PostItem .UpperCase ul li{
	  float: left;
	  width: 100%;
	  font-family: 'Poppins', sans-serif;
	  font-size: 13px;
	  text-shadow: 2px 2px 2px rgb(0 0 0 / 60%);
	  line-height: 16px;
  }
  .caseRelated .PostItem .PostItemTitle{
	  float: left;
	  width: 100%;
	  font-family: 'Poppins', sans-serif;
	  font-size: 16px;
	  text-transform: uppercase;
	  font-weight: 800;
	  color: #fff;
	  text-shadow: 2px 2px 2px rgb(0 0 0 / 60%);
  }
  .blogSinglePage .caseRelated .CaseRelatedLeft, .blogSinglePage .caseRelated .CaseRelatedRight{
	  top:310px;
  }
  .blogSinglePage .PostItem .PostItemTitle{
	  text-shadow:initial !important
  }
  .caseRelated .PostItem .PostItemTitle a{
	  color: #fff;
	  text-decoration: none !important;
  }
  .caseRelated .caseRelatedTitle {
	  float: left;
	  width: 100%;
	  color: #282728;
	  font-size: 40px;
	  text-align: center;
	  font-family: 'Poppins', sans-serif;
	  font-weight: 800;
	  line-height: 40px;
	  margin: 0 0 30px 0;
  }
  .caseRelated .lSSlideOuter {
	  clear: both;
  }
  
  .OurWork{
	  height: auto !important;
  }
  .OurWork .caseRelated > .container > .row .col-sm-4{
	  margin-bottom:30px;
  }
  .OurWork .relatedPro .PostItem .PostItemImg{
	  height: 280px;
  }
  
  
  .ServiceList .card{
	  border: 0px !important;
	  background: transparent;
  }
  .ServiceList .card .card-header{
	  background: transparent !important;
	  border: 0 !important;
  }
  .ServiceList .card-header h5{
	  outline: none !important;
  }
  .ServiceList .card-header h5 button{
	  font-size: 60px !important;
	  width: 100%;
	  text-align: center;
	  font-weight: 900 !important;
	  color: #fff;
	  text-transform: cowercase;
	  font-family: 'Poppins', sans-serif;
	  transition-duration: .3s;
	  line-height: 60px;
	  text-decoration: none;
	  outline: none !important;
	  box-shadow: none !important;
  }
  .ServiceList .card-header h5 button a{
	  color: #fff;
	  text-decoration: none;
	  transition-duration: .3s;
  }
  .ServiceList .card-header h5 button a:hover, .ServiceList .card-header h5 button a:active, .ServiceList .card-header h5 button a:focus{
	  color: #000;
	  transition-duration: .3s;
	  text-decoration: none;
  }
  .ServiceList .card-body{
	  background: none !important;
	  color: #fff !important;
	  text-align: center !important;
	  border: none !important;
	  padding: 0 !important;
	  font-family: 'Poppins', sans-serif;
	  padding-top: 15px;
  }
  .ServiceList .card-body *{
	  background: none !important;
	  color: #fff !important;
	  text-align: center !important;
	  border: none !important;
	  padding: 0 !important;
	  font-size: 16px !important;
	  font-family: 'Poppins', sans-serif;
  }
  .ServiceList .ReadMoreSer{
	  margin: auto !important;
	  display: table;
	  background: #fff;
	  color: #000 !important;
	  padding: 15px 25px;
	  margin-top: 20px !important;
	  text-decoration: none !important;
  }
  
  .servicesContent{
	  height: auto !important;
	  float: left !important;
	  width: 100% !important;
  }
  
  .singleServices{
	  float: left;
	  width: 100%;
	  margin: 50px 0;
  
  }
  /*.aboutPage .InnerContainer{
	  height: auto !important;
  }*/
  
  .ClientSlider .fp-slides{
	  height: auto !important;
	  clear: both;
  }
  .ClientSlider .fp-tableCell{
	  height: auto !important;
	  display: block !important;
	  height: auto !important;
	  clear: both !important;
  }
  
  
  .contactFooter{
	  float: left;
	  width: 100%;
	  padding: 50px 0 50px 0;
  }
  .contactFooter h2{
	  margin: auto;
	  display: table;
	  text-align: center;
	  color: #282728;
	  font-size: 50px;
	  line-height: normal;
	  position: relative;
	  font-weight: 800;
	  margin-bottom: 15px;
  }
  .contactFooter h2:after{
	  content: "";
	  position: absolute;
	  right: -38px;
	  bottom: 19px;
	  width: 20px;
	  height: 20px;
	  display: inline-block;
	  background: #000;
  }
  .contactFooter h2 span{
	  text-transform: uppercase;
	  margin: 0 6px 0 0;
  }
  
  .contactFooter .wpcf7{
	  float: left;
	  width: 100%;
  }
  .contactFooter .wpcf7 form{
	  width: 75%;
	  margin: auto;
  }
  .contactFooter .wpcf7 form .row{
	  margin-right: -7px;
	  margin-left: -7px;
  }
  .contactFooter .wpcf7 form .row .col-sm-6,
  .contactFooter .wpcf7 form .row .col-sm-12{
	  padding-right: 7px;
	  padding-left: 7px;
  }
  .contactFooter .wpcf7 form input{
	  float: left;
	  width: 100%;
	  height: 40px;
	  padding: 0 20px;
	  margin-bottom: 14px;
	  border-radius: 25px;
	  line-height: 45px;
	  background-color: #fff;
	  border: solid 1px #9a9a9a !important;
	  box-shadow: none !important;
	  outline: none !important;
  }
  .contactFooter .wpcf7 form textarea{
	  float: left;
	  width: 100%;
	  padding: 20px;
	  border-radius: 25px;
	  resize: none;
	  height: 90px;
	  background-color: #fff;
	  border: solid 1px #9a9a9a !important;
	  box-shadow: none !important;
	  outline: none !important;
  }
  .contactFooter .wpcf7 form .title{
	  font-weight: bold;
	  text-align: center;
	  width: 100%;
	  display: block;
	  font-size: 20px;
	  font-weight: bold;
	  margin: 10px 0 10px 0;
  }
  .contactFooter .wpcf7 form .ZDhelp{
	  float: left;
	  width: 100%;
  }
  .contactFooter .wpcf7 form .ZDhelp .wpcf7-checkbox{
	  float: left;
	  width: 100%;
  }
  .contactFooter .wpcf7 form .ZDhelp .wpcf7-checkbox .wpcf7-list-item{
	  float: left;
	  width: calc(calc(100% - 40px) / 3);
	  margin: 0 20px 0 0;
  }
  .contactFooter .wpcf7 form .ZDhelp .wpcf7-checkbox .wpcf7-list-item:nth-child(3n+3){
	  margin: 0;
  }
  .contactFooter .wpcf7 form .ZDhelp .wpcf7-checkbox .wpcf7-list-item label{
	  float: left;
	  width: 100%;
	  margin: 0;
  }
  .contactFooter .wpcf7 form .ZDhelp .wpcf7-checkbox .wpcf7-list-item label input{
	  display: none;
  }
  .contactFooter .wpcf7 form .ZDhelp .wpcf7-checkbox .wpcf7-list-item label span{
	  float: left;
	  width: 100%;
	  position: relative;
	  border: solid 1px #9a9a9a !important;
	  font-size: 14px;
	  padding: 7px 15px;
	  margin: 0 0 15px 0;
	  border-radius: 19px;
	  cursor: pointer;
  }
  .contactFooter .wpcf7 form .ZDhelp .wpcf7-checkbox .wpcf7-list-item label input + span:before{
	  content: "";
	  width: 20px;
	  height: 20px;
	  border-radius: 100%;
	  position: absolute;
	  right: 11px;
	  border: solid 1px #2c2b2c;
	  top: 7px;
  }
  .contactFooter .wpcf7 form .ZDhelp .wpcf7-checkbox .wpcf7-list-item label input:checked + span{
	  background: #ca2025;
	  border-color: #ca2025 !important;
	  color: #fff;
  }
  .contactFooter .wpcf7 form .ZDhelp .wpcf7-checkbox .wpcf7-list-item label input:checked + span:before{
	  background: #e8eae9;
	  border-color: #e8eae9 !important;
  }
  .contactFooter .wpcf7 form .ZDhelp .wpcf7-checkbox .wpcf7-list-item label input:checked + span:after{
	  position: absolute;
	  right: 15px;
	  top: 12px;
	  width: 12px;
	  height: 11px;
	  background-size: cover !important;
	  background-image: url(img/contactCheck.png);
  }
  
  
  /* radio button formating */
  
  .contactFooter .wpcf7 form .ZDhelp .wpcf7-radio{
	  float: left;
	  width: 100%;
  }
  .contactFooter .wpcf7 form .ZDhelp .wpcf7-radio .wpcf7-list-item{
	  float: left;
	  width: calc(calc(100% - 40px) / 3);
	  margin: 0 20px 0 0;
  }
  .contactFooter .wpcf7 form .ZDhelp .wpcf7-radio .wpcf7-list-item:nth-child(3n+3){
	  margin: 0;
  }
  .contactFooter .wpcf7 form .ZDhelp .wpcf7-radio .wpcf7-list-item label{
	  float: left;
	  width: 100%;
	  margin: 0;
  }
  .contactFooter .wpcf7 form .ZDhelp .wpcf7-radio .wpcf7-list-item label input{
	  display: none;
  }
  .contactFooter .wpcf7 form .ZDhelp .wpcf7-radio .wpcf7-list-item label span{
	  float: left;
	  width: 100%;
	  position: relative;
	  border: solid 1px #9a9a9a !important;
	  font-size: 14px;
	  padding: 7px 15px;
	  margin: 0 0 15px 0;
	  border-radius: 19px;
	  cursor: pointer;
  }
  .contactFooter .wpcf7 form .ZDhelp .wpcf7-radio .wpcf7-list-item label input + span:before{
	  content: "";
	  width: 20px;
	  height: 20px;
	  border-radius: 100%;
	  position: absolute;
	  right: 11px;
	  border: solid 1px #2c2b2c;
	  top: 7px;
  }
  .contactFooter .wpcf7 form .ZDhelp .wpcf7-radio .wpcf7-list-item label input:checked + span{
	  background: #ca2025;
	  border-color: #ca2025 !important;
	  color: #fff;
  }
  .contactFooter .wpcf7 form .ZDhelp .wpcf7-radio .wpcf7-list-item label input:checked + span:before{
	  background: #e8eae9;
	  border-color: #e8eae9 !important;
  }
  .contactFooter .wpcf7 form .ZDhelp .wpcf7-radio .wpcf7-list-item label input:checked + span:after{
	  position: absolute;
	  right: 15px;
	  top: 12px;
	  width: 12px;
	  height: 11px;
	  background-size: cover !important;
	  background-image: url(img/contactCheck.png);
  }
  
  /* radio button formating end*/
  
  .contactFooter .wpcf7 form .wpcf7-submit{
	  width: auto;
	  display: table;
	  background: var(--text-yellow);
	  color: #000;
	  font-size: 22px;
	  font-weight: 800;
	  text-transform: uppercase;
	  padding: 15px 35px;
	  border-radius: 30px;
	  height: auto;
	  line-height: normal;
	  border: none !important;
	  float: none;
	  margin: 30px auto 0 auto;
	  transition-duration: .3s;
  }
  .contactFooter .wpcf7 form .wpcf7-submit:hover{
	  background: #000;
	  color: #ffffff;
	  border: 1px solid var(--text-yellow);
	  transition-duration: .3s;
  }
  .contactFooter .wpcf7 form .wpcf7-response-output{
	  margin: 0 !important;
	  font-size: 13px !important;
	  padding: 5px 15px !important;
  }
  .contactFooter .wpcf7 form .wpcf7-not-valid-tip{
	  font-size: 11px;
	  clear: both;
	  margin: 0;
	  padding: 0;
  }
  .titleDots{
	  position: relative;
  }
  .titleDots:before{
	  background: url(img/titleDots.png);
	  content: "";
	  width: 139px;
	  height: 44%;
	  position: absolute;
	  left: -45px;
	  top: -45px;
	  top: -45px;
  }
  .mainTitle{
	  font-size: 40px !important;
	  font-weight: 900 !important;
	  line-height: normal;
	  text-decoration: none;
  }
  body.redLight .MainHead .MenuBtn span{
	  background: #fff !important;
  }
  
  /**Ligh Version**/
  body.light .MainHead .MenuBtn{
	  color: #212529 !important;
	  transition-duration: .3s;
  }
  body.light .MainHead .MenuBtn span{
	  background: #212529 !important;
	  transition-duration: .3s;
  }
  body.Darkred .SiteLogo img{
	  /*filter: brightness(0) invert(1);*/
	  transition-duration: .3s;
  }
  
  body.Darkred .MainHead .MenuBtn{
	  color: #fff !important;
	  transition-duration: .3s;
  }
  body.Darkred .MainHead .MenuBtn span{
	  background: #fff !important;
	  transition-duration: .3s;
  }
  
  body.redLight .SiteLogo img{
	  filter: brightness(0) invert(1);
	  transition-duration: .3s;
  }
  body.redLight .MainHead .MenuBtn.darkNav span,
  .darkNav span{
	  background: #212529 !important;
	  transition-duration: .3s;
  }
  .ActiveMenu .SiteLogo {
	  display: none !important;
  }
  .SiteMenu   a.SiteLogo {
	  display: none !important;
  }
  /**Ligh Version End**/
  .postBreadCrum{
	  float: left;
	  padding: 0;
	  list-style: none;
	  margin: 0 0 10px 0;
  }
  .postBreadCrum li{
	  float: left;
	  color: #282728;
  }
  .postBreadCrum li:after{
	  content: "/";
	  margin: 0 10px;
  }
  .postBreadCrum li:last-child:after{
	  display: none;
  }
  .postBreadCrum li a{
	  float: left;
	  color: #282728;
  }
  .postBreadCrum li a:hover, .postBreadCrum li a:active, .postBreadCrum li a:focus{
	  color: #cb2127;
	  text-decoration: none;
  }
  
  .grecaptcha-badge {
	  display: none !important;
  }
  
  
  
  /* khurram css code */
  
  .page-id-521 .TopBanner:before, .page-id-480 .TopBanner:before{
	  content:initial !important;
  }
  ul.SocialMediaMenuBtm{
	  margin: 0;
	  padding: 0;
	  position: absolute;
	  left: 0;
	  bottom: 50px;
  }
  ul.SocialMediaMenuBtm li {
	  display:inline-block;
	  vertical-align:top;
	  width: 30px;
	  height: 30px;
	  margin:5px
  }
  ul.SocialMediaMenuBtm li a {
	  display:block;
	  font-size: 14px;;
	  text-align: center;
	  line-height: 30px;
	  background: var(--text-yellow);
	  color: #000;
	  border-radius: 100%;
	  margin-bottom: 10px;
	  transition-duration: .3s;
	  border: 1px solid var(--text-yellow);
  }
  ul.SocialMediaMenuBtm li a:hover {
	  background: #000;
	  color:var(--text-yellow);
	  border:1px solid var(--text-yellow);
  }
  .page-id-17 .GetTouch{
	  color: rgb(40, 39, 40) !important;
		 background: #f6f6f6 !important;
  }
  .page-id-17 ul.SocialMedia li a{
	  background: #f6f6f6 !important;
  }
  .page-id-17 ul.SocialMedia li a:hover{
	  background:#cb2127 !important;
  }
  
  
  /* Website Design Page Css */
  
  /* .ServicesIconCS img:hover{
	  filter: invert(1);
	  transition: all 0.5s ease;
  } */
  .CSWrapWebsiteDesignSec{
	  text-align: center;
	  color: #fff;
  }
  .CSWrapWebsiteDesignSec h2{
	  font-size: 50px;
	  font-weight: 900;
	  text-transform: uppercase;
	  margin: 0 0 20px;
  }
  .CSWrapWebsiteDesignSec h3{
	  font-size: 25px;
	  max-width: 85%;
	  margin: 0 auto 30px;
  }
  .CSWrapWebsiteDesignSec p{
	  max-width: 65%;
	  margin: 0 auto 30px;
	  font-size: 15px;
  }
  .WebsiteDesignSmallHeading:before{
	  content:'';
	  border-top:solid 5px #fff;
	  width:100px;
	  margin:20px auto;
  }
  .WebsiteDesignSmallHeading{
	  font-size: 30px;
	  font-weight: 900;
	  text-transform: uppercase;
	  margin-bottom: 50px;
  }
  .SrvcRigtColText{
	  color:#fff;
  }
  .SrvcRigtColText h3{
	  font-size:30px;
	  line-height:1.3;
	  font-weight:900;
	  text-transform:uppercase;
  }
  .vc_custom_1619248953036 .GetInTouchBtn a{
	  margin:0 auto;
  }
  .GetInTouchBtn a{
	  color: #fff !important;
	  text-transform: uppercase;
	  border: solid 1px #fff;
	  padding: 6px;
	  width: 230px;
	  display: block;
	  text-align: center;
	  border-radius: 75px;
	  font-size: 20px;
	  font-weight: 600;
	  text-decoration:none !important;
  }
  .GetInTouchBtn a:hover{
	  border:solid 1px transparent;
	  background:#000;
	  transition: all 0.5s ease;
  }
  .WebsiteTypeSec h2{
	  font-size: 50px;
	  text-transform: uppercase;
	  font-weight: 900;
	  margin: 0 0 20px;
  }
  .WebsiteTypeSec p{
	  font-weight: 500;
	  font-size: 22px;
	  line-height: 1.3;
  }
  .WrapSrvcListIconWhite h3{
	  margin-bottom: 70px !impoabove;
	  font-weight: 500;
	  line-height: 1.2;
	  margin: 0 0 50px;
	  color: #cb2127;
	  font-size: 36px;
  }
  ul.SrvcListIcon{
	  list-style:none;
	  margin:20px 0 0;
	  padding:0;
  }
  ul.SrvcListIcon li{
	  word-break:break-all;
	  width: 150px;
	  box-shadow: 0 1px 3px 0px #00000061;
	  text-align: center;
	  padding: 20px 10px;
	  border-radius: 15px;
	  margin: 0 15px 15px 0;
	  display:inline-block;
	  vertical-align:top;
  }
  ul.SrvcListIcon li:hover{
	  border-radius: 0;
	  transition: all 0.5s ease;
  }
  ul.SrvcListIcon li a{
	  color: #000;
	  text-decoration: none;
	  font-size: 20px;
  }
  ul.SrvcListIcon li a img{
	  width: 70px;
	  display: block;
	  margin: 0px auto 5px;
  }
  ul.LogoDesignIcon li{
	  min-height: 165px;
  }
  ul.LogoDesignIcon li a img{
	  display:block;
  }
  ul.LogoDesignIcon li a{
	  font-size:16px;
  }
  .MostPopularHeading h2{
	  font-size: 48px;
	  line-height:1.3;
	  font-weight: 900;
	  text-transform: uppercase;
	  color: #fff;
	  width: 70%;
	  margin: 10% 0 50px;
  }
  ul.PopularLisint{
	  list-style: none;
	  margin: 0;
	  padding: 30px;
	  background: #fff;
  }
  ul.PopularLisint li{
	  display:block;
	  padding-bottom:10px;
	  padding-left:30px;
	  margin-bottom:10px;
	  border-bottom:solid 1px #efefef;
	  font-size:24px;
	  line-height:1.3;
	  color:#282728;
	  position:relative;
  }
  ul.PopularLisint li:before, ul.DigitalPgList li:before{
	  content: '•';
	  font-size: 35px;
	  line-height: 0;
	  color: #cb2127;
	  position:absolute;
	  left:0;
	  top:15px;
  }
  .CSCenterSec{
	  text-align:center;
  }
  .CSCenterSec h2{
	  color: #282828;
	  font-size: 40px;
	  text-transform: uppercase;
	  font-weight: 900;
	  margin: 0 0 30px;
  }
  .CSCenterSec p{
	  margin: 0 auto 20px;
	  max-width: 85%;
	  font-size: 15px;
	  font-weight: 500;
  }
  .ServiceWeOfferSec{
	  background: #fff;
	  box-shadow: 0 2px 5px -1px #0000005c;
  }
  .ServiceWeOfferSec .wpb_wrapper{
	  padding:30px 50px;
  }
  .ServiceWeOfferSec h2{
	  font-weight:900;
	  text-transform:uppercase;
	  font-size:36px;
	  margin-bottom: 30px;
	  color:#282828;
  }
  .ServiceWeOfferSec ul{
	  list-style:none;
	  padding:0;
	  margin:0;
  }
  .ServiceWeOfferSec ul li{
	  word-break:break-all;
	  color:#282728;
	  font-size:24px;
	  padding-bottom:15px;
  }
  .ServiceWeOfferSec ul li:before{
	  content: '•';
	  font-size: 28px;
	  color: #cb2127;
	  margin-right: 20px;
	  float: left;
  }
  
  /* Website Design Page Css End */
  
  
  /* Sale Support Css */
  
  .overlapingsec .SaleForceWrapSec {
	  max-width: 1140px;
	  margin: 70px auto !important;
  }
  #fullpage .WrapOurSaleForceBnr {
	  background-position: top center !important;
  }
  .CenterboxCS {
	  text-align:center;
  }
  .CenterboxCS .taglinedesc:after {
	  margin:30px auto;
  }
  
  .CenterboxCS h2.H2Heading{
	  margin: 0 0 30px;
	  font-size: 40px;
  }
  .benefitheading h2{
	  color:#fff;
	  margin: 0 0 30px;
	  text-transform:uppercase;
	  font-weight:900;
	  font-size:26px;
	  line-height:1.3;
	  text-align:center;
  }
  ul.SaleForceListingSec li{
	  font-size: 24px;
	  line-height: 1.3;
	  font-weight: 400;
	  padding: 0 0 15px 30px;
	  margin-bottom: 15px;
	  border-bottom: solid 1px #333;
	  color:#fff;
  }
  .SaleForceBnrHeading{
	  color:#fff;
	  text-align:center;
  }
  .SaleForceBnrHeading h2{
	  color:#fff;
	  margin: 0 0 30px;
	  text-transform:uppercase;
	  font-weight:900;
	  font-size:36px;
	  line-height:1.3;
  }
  .SaleSupportListingCS{
	  overflow:hidden;
  }
  .SaleSupportListingCS ul{
	  list-style:none;
	  margin:0;
	  padding:0;
  }
  .SaleSupportListingCS ul li{
	  display: block;
	  border-bottom: solid 1px #efefef;
	  margin-bottom: 15px;
	  padding-bottom: 15px;
	  clear: both;
	  overflow: hidden;
  }
  .SaleSupportListingCS ul li:last-child{
	  border-bottom:none;
  }
  .SaleSupportListingCS ul li .vc_col-sm-1{
	  padding: 0;
  }
  .SaleSupportListingCS ul li strong{
	  display:block;
	  font-size:18px;
	  font-weight:500;
	  line-height:1.3;
	  margin-bottom:5px;
  }
  .SaleSupportListingCS ul li p{
	  font-size: 14px;
  }
  .SaleForceWrapSec{
	  bottom:150px;
  }
  .overlapingsec{
	  overflow:inherit !important
  }
  .SaleForceWrapSec .container{
	  margin-top:-150px;
  }
  /* Sale Support Css End */
  
  
  /* Real Estate Page Css */
  
  .WrapRealEstateSec h2.H2Heading{
	  text-align:center;
	  font-size:80px;
	  line-height:1.3;
	  color:#cb2127;
  }
  .WrapRealEstateSec a.getintouch{
	  border: solid 2px #cb2127;
	  text-align: center;
	  margin:30px auto;
	  display: block;
	  color:#000;
  }
  ul.RealEstateListing{
	  list-style:none;
	  margin:0;
	  padding:0;
  }
  ul.RealEstateListing li{
	  border-bottom: solid 1px #e3e3e3;
	  display: block;
	  padding-bottom: 20px;
	  margin-bottom: 20px;
  }
  ul.RealEstateListing li:last-child{
	  border-bottom:none;
  }
  ul.RealEstateListing li strong{
	  font-size: 25px;
	  line-height: 1.3;
	  font-weight: 500;
	  margin-bottom: 5px;
	  display: block;
  }
  
  /* Real Estate Page Css End */
  
  /* Services List Home Page */
  
  ul.ServiceList{
	  list-style:none;
	  margin:0;
	  padding:0;
  }
  ul.ServiceList li{
	  text-align: center;
	  color: #fff;
	  text-transform: cowercase;
	  font-family: 'Poppins', sans-serif;
	  transition-duration: .3s;
	  line-height: 60px;
	  text-decoration: none;
	  margin-bottom:10px;
  }
  ul.ServiceList li a{
	  font-size: 60px;
	  font-weight: 900;
	  color: #fff;
	  text-decoration: none;
	  transition-duration: .3s;
  }
  ul.ServiceList li a:hover{
	  color:#000;
  }
  /* Services List Home Page End */
  
  /* Programmatic Marketing CSS */
  
  .pageContent .ServiceRelatedSec{
	  background-position: top right !important;
	  background-size: contain !important;
	  margin-top: -90px !important;
	  position: relative;
  }
  .CSRelatedServic{
	  padding: 20px 40px;
	  box-shadow: 0 0 5px -1px #0000006b;
	  overflow: hidden;
  }
  .CSRelatedServic h2{
	  font-size: 48px;
	  color: #cb2127;
	  text-transform: uppercase;
	  font-weight: 900;
  }
  .CSRelatedServic a.getintouch{
	  color:#cb2127;
	  border: solid 2px #cb2127;
  }
  .rebhovereffect a.getintouch:hover{
	  background:#cb2127 !important;
  }
  .WrapServicList{
	  margin-top:40px
  }
  .WrapServicList strong{
	  font-size:22px;
	  line-height:1.3;
	  display:block;
	  margin-bottom:20px;
  }
  .WrapServicList ul{
	  list-style: none;
	  margin: 0;
	  padding: 0;
  }
  .WrapServicList ul li{
	  border-bottom: solid 1px #efefef;
	  padding: 0 0 15px 30px;
	  margin-bottom: 15px;
	  font-weight: 400;
	  font-size:16px;
  }
  .WrapServicList ul li:before{
	  content: '•';
	  font-size: 35px;
	  line-height: 0;
	  color: #cb2127;
	  margin-right: 10px;
	  margin-left: -38px;
	  position: relative;
	  top: 5px;
  }
  .CSRelatedServic .vc_col-sm-4{
	  margin-right:50px;
  }
  
  /* Programmatic Marketing CSS End */
  
  /* Mobile App Development Css */
  
  .TextColorBlack, .TextColorBlack h2, .TextColorBlack p{
	  color:#282728 !important;
  }
  .pageContent  .TextColorBlack h2:after{
	  border-bottom: solid 5px #cb2127;
  }
  .pageContent  .TextColorBlack a.getintouch{
	  color: #cb2127;
	  border: solid 2px #cb2127;
  }
  .pageContent .TextColorBlack a.getintouch:hover{
	  color:#fff !important;
  }
  .pageContent h2.h248Heading{
	  font-size:28px !important;
	  font-weight: 900;
	  margin:0 0 20px;
	  text-transform: uppercase;
  }
  .pageContent .MobileAppSec h2{
	  color:#fff;
  }
  .MobileAppSec h2:after, .WhyChooseUsSec h2:after, .TextColorBlack h2:after{
	  content: '';
	  display: block;
	  border-bottom: solid 5px #fff;
	  width: 130px;
	  margin: 30px 0;
  }
  .TextSize36 h2{
	  font-size:36px;
	  line-height:1.5;
	  font-weight:900;
  }
  ul.TextSize22 li{
	  font-size:15px;
	  line-height:1.5;
	  font-weight:400 !important;
  }
  .TextSize24 p{
	  font-size:	;
	  line-height:1.5;
	  font-weight:400;
  }
  .TextSize18 p{
	  color:#212529;
	  font-size:18px;
	  line-height:1.5;
	  clear:both;
  }
  .ServicesIcon{
	  text-align:center;
  }
  .ServicesIcon ul{
	  margin-top:50px;
  }
  .ServicesIcon ul li {
	  width: 300px;
	  margin: 0 20px 50px;
	  padding: 30px 20px;
	  min-height: 300px;
	  box-shadow:0 0px 30px 0px #8d8d8d21;
	  border-radius: 10px;
	  word-break: break-word;
  }
  .ServicesIcon ul li strong{
	  font-size:20px;
	  display:block;
	  margin-bottom:5px;
  }
  .ServicesIcon ul li img{
	  width:70px;
	  margin:10px auto;
	  display:block;
  }
  
  /* Mobile App Development Css End */
  
  .pageContent .WhyChooseUsSec{
	  text-align:center;
	  color:#fff;
	  max-width: 85%;
	  margin: 0 auto !important;
  }
  .WhyChooseUsSec p{
	  font-size:24px;
	  line-height:1.5;
  }
  .WhyChooseUsSec h2:after{
	  margin: 20px auto !important;
  }
  .CenterIconHeadingText{
	  text-align:center;
  }
  .CenterIconHeadingText p{
	  font-size: 30px;
	  line-height: 1.3;
	  max-width: 70%;
	  margin: 0 auto;
  }
  .CenterIconHeadingText img{
	  margin-bottom:15px;
  }
  .CenterIconHeadingText .taglinedesc:after {
	  margin: 50px auto;
  }
  .removespace ul{
	  margin-top:0 !important;
  }
  .ButtonCenterAlign{
	  text-align:center;
  }
  .AppListingCS {
	  text-align:center;
	  color:#fff;
  }
  .AppListingCS h2{
	  color:#fff;
  }
  .AppListingCS ul{
	  list-style:none;
	  margin:0;
	  padding:0
  }
  .AppListingCS ul li{
	  border-bottom: solid 1px #333;
	  margin: 0 50px 20px 0;
	  padding: 0 0px 20px 30px;
	  position: relative;
	  font-size: 20px;
	  text-align: left;
	  color: #efefef;
  }
  .AppListingCS ul li strong{
	  font-size: 30px;
	  line-height: 1.3;
	  display: block;
	  margin-bottom: 10px;
	  font-weight: 500;
  }
  .AppListingCS ul li:last-child{
	  border-bottom:none;
  }
  .AppListingCS p{
	  text-align:left;
  }
  .AppListingCS ul li:before{
	  content: '';
	  border-left: solid 5px #cb2127;
	  display: block;
	  height: 50px;
	  float: left;
	  margin-top: 7px;
	  position: absolute;
	  left: 0;
  }
  ul.ScoringList li{
	  float: left;
	  vertical-align: top;
	  width: 48%;
	  clear: inherit;
	  margin-right: 20px;
	  position:relative;
	  padding-left:30px;
	  min-height:120px;
  }
  ul.DigitalPgList li{
	  font-size: 20px;
	  min-height: 82px;
  }
  ul.CyberSecurityList li{
	  min-height: inherit !important;
  }
  ul.ScoringList li .vc_col-sm-2, ul.ScoringList li .vc_col-sm-10{
	  padding:0;
  }
  ul.ScoringList li img{
		  width: 60px;
  }
  .TestimonialSec{
	  text-align: center;
	  padding: 50px;
	  font-size: 24px;
	  margin: 50px auto;
	  border: solid 1px #cacaca;
	  border-radius: 20px;
	  font-style: italic;
	  font-weight: 600;
	  color: #282728;
	  position: relative;
	  max-width: 75%;
  }
  .TestimonialSec:before{
	  /*content:''; */
	  background:#fff url(https://zoomdigital.ae/wp-content/uploads/2021/05/TopArrownTestimonial.png) no-repeat;
	  position:absolute;
	  top: -17px;
	  left: 70px;
  }
  .TestimonialSec:before{
	  /*content:''; */
	  background:#fff url(https://zoomdigital.ae/wp-content/uploads/2021/05/BottomArrownTestimonial.png) no-repeat;
	  position:absolute;
	  bottom:5px;
	  right:30px;
  }
  ul.grayboxlisting{
	  margin:20px 0;
	  list-style:none;
	  padding:0;
  }
  ul.grayboxlisting li{
	  font-size:22px;
	  padding-bottom:20px;
	  margin-bottom:20px;
	  position:relative;
	  padding-left:20px !important;
  }
  ul.grayboxlisting li:before{
	  content: '•';
	  font-size: 35px;
	  line-height: 0;
	  color: #fff;
	  margin-right: 20px;
	  position: absolute;
	  top: 9px;
	  left:0;
  }
  .accountdetailCS{
	  font-weight:300;
	  font-size:30px;
	  line-height:1.5;
	  text-align:center;
	  margin:30px 0;
	  color:#fff;
	  clear:both;
	  overflow: hidden;
  }
  .accountdetailCS a {
	  color:#cb2127;
  }
  .Textcenteralign{
	  text-align:center;
  }
  .Textleftalign{
	  text-align:left;
  }
  .ConsultationBtmSec{
	  text-align:center;
	  color:#fff;
  }
  .ConsultationBtmSec h3{
	  font-weight: 900;
	  color: #fff;
	  text-transform: uppercase;
	  line-height: 1.5;
	  font-size: 48px;
	  margin-bottom: 30px;
  }
  ul.FloatingList li{
	  display:inline-block;
	  width:44%;
	  font-size: 20px;
	  margin-right:30px;
	  vertical-align:top;
  }
  
  /* slider actions */
  #content-slider{
	  transition-duration: 0.3s;
  }
  .lSAction > a {
	  width: 32px;
	  display: block;
	  top: 50%;
	  height: 32px;
	  cursor: pointer;
	  position: absolute;
	  z-index: 99;
	  margin-top: -16px;
	  opacity: 0.5;
	  -webkit-transition: opacity 0.35s linear 0s;
	  transition: opacity 0.35s linear 0s;
  }
  
  
  .WrapWhyCooseSec{
	  clear: both;
	  padding-top: 90px;
	  padding-bottom: 30px;
	  background-image: url(/wp-content/uploads/2021/08/whychoosebg.jpg);
	  background-repeat:no-repeat;
	  background-position:bottom center;
	  position:relative;
  }
  .WrapWhyCooseSec:before {
	  content: '';
	  background: url(/wp-content/uploads/2021/08/whychoosedotted-bg.png) no-repeat top center;
	  width: 100px;
	  height: 90px;
	  text-align: center;
	  margin: 0 auto;
	  top: 0;
	  position: absolute;
	  right: 0;
	  left: 0;
	  background-size: 60%;
  }
  .WrapWhyCooseSec h2{
	  margin-bottom:40px;
	  text-transform:uppercase;
	  font-size: 50px;
	  color: #3d293d;
	  text-align: center;
	  font-weight:800;
  }
  .WrapWhyCooseSec .fp-scrollable{
	  overflow:inherit !important
  }
  .WhyChooseUsLeftCol{
	  padding-right:30px;
  }
  .WhyChooseUsLeftCol h1{
	  color:#fff;
	  font-weight:800;
	  font-size: 24px;
	  line-height:1.2;
	  margin:0 0 15px;
	  text-transform:uppercase;
  }
  .WhyChooseUsLeftCol a {
	  color: #dbd9db !important;
	  font-weight: 600;
	  text-transform: uppercase;
	  display: block;
	  margin-top:60px;
	  text-decoration: none !important;
  }
  .WhyChooseUsLeftCol a img{
	  margin-left: 10px;
	  width: 50px;
	  cursor: pointer;
  }
  .WhyChooseUsLeftCol p{
	  color:#dbd9db;
	  font-size:16px;
	  line-height: normal;
  }
  ul.WhyChooseList{
	  list-style:none;
	  margin:0;
	  padding: 0 0 0 30px;
  }
  ul.WhyChooseList li{
	  color: #dbd9db;
	  font-size: 16px;
	  border-bottom: solid 1px #dbd9db;
	  padding-bottom: 30px;
	  margin-bottom: 30px;
	  line-height: 1.3;
	  position: relative;
	  padding-left: 62px;
  }
  ul.WhyChooseList li img{
	  float: left;
	  margin: 0 0;
	  width: 48px;
	  position: absolute;
	  left: 0;
  }
  ul.WhyChooseList li:last-child{
	  border-bottom:none;
  }
  #fullpage .WrapTestimonialSlider h4{
	  display:none;
  }
  #fullpage .WrapTestimonialSlider p,
  .WrapTestimonialSlider h2,
  .WrapTestimonialSlider .wptww-testimonials-text{
	  text-align:left;
  }
  #fullpage .WrapTestimonialSlider h2{
	  font-size:24px;
	  color:#181515;
  }
  #fullpage .WrapTestimonialSlider p img{
	  display: block !important;
	  margin: 30px 0 20px;
  }
  .WrapTestimonialSlider em{
	  font-style: inherit;
  }
  .WrapTestimonialSlider .wptww-testimonials-text em:before,
  .WrapTestimonialSlider .wptww-testimonials-text em:after{
	  display:none;
  }
  .WrapTestimonialSlider i{
	  display:none;
  }
  .videopopup{
	  margin-top: -45px;
	  width: 100%;
	  text-align: right;
  }
  .adsbannercs{
	  margin-top:15px;
  }
  .wrapclandersec {
	  box-shadow: 0 2px 8px #00000030;
	  padding: 30px 0 0px 30px;
	  overflow: hidden;
	  width: 90%;
	  margin: auto;
  }
  .clanderleftside{
	  float: left;
	  width: 20%;
  }
  .clanderleftside .select-date-time{
	  font-size: 20px;
	  font-weight: bold;
	  line-height: 1.3;
	  margin: 50px 0 30px;
  }
  .clanderleftside .clockicon{
	  margin-bottom:20px;
  }
  .clanderleftside .clockicon img{
	  margin-right:10px;
	  width:25px;
  }
  .clanderleftside a img{
	  width:40px;
	  margin-top:10px;
  }
  .clanderleftside p{
	  font-size: 18px;
	  font-weight: 600;
	  color: #000;
  }
  .clanderrightside{
	  float: right;
	  width: 78%;
	  border-left: solid 1px #e8e8e8;
	  padding-left: 20px;
  }
  .clanderrightside .select-date-time{
	  font-size: 30px;
	  font-weight: bold;
	  line-height: 1.3;
	  margin: 0px 0 10px;
  }
  .hideondesktop{
	  display:none;
  }
  /* khurram css code end */
  
  /**  **/
	body .SitePageContent .vc_custom_1639137834479  {
	   background-image: url(https://staging.zoomdigital.ae/wp-content/uploads/2022/03/bg-zpre-2.png);
	  background-repeat: no-repeat;
	  background-position: 50% calc(100% + 180px);
	  padding-bottom: 120px !important;
	  background-size: 100% auto;
  }
  
  
  
  /**Revamp Without Scroll**/
  section{
	  min-height: 100vh !important;
  }
  .SitePageContent{
	  float: left;
	  width: 100%;
	  clear: both;
  }
  
  .ServiceBox{
	  float: left;
	  width: 100%;
	  clear: both;
  }
  .ServiceBox{
	  float: left;
	  width: 100%;
	  clear: both;
  }
  .ServiceBox .lSSlideOuter,
  .ServiceBox .lSSlideOuter .lSSlideWrapper,
  .ServiceBox .lSSlideOuter .lSSlideWrapper #SerGHome{
	  clear: both;
	  display: block;
	  transition-duration: .5s;
  }
  .ServiceBox .lSSlideOuter .lSSlideWrapper #SerGHome .ServiceBoxItem {
	  height: 280px !important;
	  background: rgba(0,0,0,.10);
	  border-radius: 10px;
	  transition: none !important;
  }
  .ServiceBox .lSPager {
	  display: block;
	  text-align: center;
	  width: 100%;
	  list-style: none;
	  padding: 0;
	  margin: 0;
	  clear: both;
  }
  .ServiceBox .lSPager li{
	  display: inline-block;
	  clear: both;
  }
  .ServiceBox .lSPager li a{
	  width: 8px;
	  height: 8px;
	  background: rgba(255,255,255,.5);
	  border-radius: 100%;
	  display: inline-block;
	  font-size: 0px;
	  margin: 0 6px;
  }
  body .ServiceBox .lSSlideOuter .lSPager.lSpg > li.active a{
	  background: rgba(255,255,255,1) !important;
	  width: 12px;
	  height: 12px;
	  margin: 0 0 0 0 !important;
	  position: relative;
	  top: -3px;
  }
  
  .ServiceBox .ServiceBoxItem{
	  float: left;
	  width: 100%;
	  border: solid 1px var(--text-yellow);
	  padding: 20px;
	  margin-bottom: 30px;
	  transition-duration: .2s;
	  height: calc(100% - 30px);
	  border-radius: 10px;
  }
  .ServiceBoxItem a{
	  text-decoration: none !important;
  }
  .ServiceBox .ServiceBoxItem:hover{
	  /* background: var(--text-yellow); */
	  box-shadow: 0 0 85px rgba(0,0,0,.35);
	  transition-duration: .2s;
  }
  .ServiceBox .ServiceBoxItem .SBIcon{
	  width: 60px;
	  height: 60px;
	  border: solid 1px var(--text-yellow);
	  margin: auto;
	  display: table;
	  position: relative;
	  border-radius: 100%;
	  margin-bottom: 15px;
	  position: relative;
  }
  .ServiceBox .ServiceBoxItem .SBIcon img{
	  position: absolute;
	  left: 0;
	  right: 0;
	  top: 0;
	  bottom: 0;
	  width: 50%;
	  margin: auto;
  }
  .ServiceBoxItem h3{
	  font-size: 20px !important;
	  font-weight: 800;
	  text-align: center;
	  text-transform: uppercase;
	  color: var(--text-yellow);
	  margin: 0;
	  text-decoration: none !important;
  }
  .ServiceBoxItem .SBIContent{
	  float: left;
	  width: 100%;
	  color: rgb(255, 255, 255,0.4);
	  margin-top: 10px;
	  line-height: normal;
	  font-size: 13px;
	  text-align: center;
  }
  
  
  body.single-post .TopBanner{
	  display: none !important;
  }
  
  .single-case  .TopBanner{
	  display: none;
  }
  
  
  
  .RightMenu{
	  float: right;
  }
  .RightMenu .menu-main-menu-container{
	  float: left;
  }
  .RightMenu .menu-main-menu-container ul{
	  float: left;
	  padding: 0;
	  margin: 0;
	  padding: 0;
	  list-style: none;
  }
  .RightMenu .menu-main-menu-container ul li{
	  float: left;
	  margin-left: 15px;
	  position: relative;
	  font-size: 13px;
  }
  .RightMenu .menu-main-menu-container ul li a{ 
	  float: left;
	  font-weight: bold;
	  color: #3d293d;
	  text-decoration: none;
	  line-height: 50px;
	  height: 50px;
  }
  .RightMenu .menu-main-menu-container ul li.current-menu-item a{
	  color: #cb2127;
  }
  .RightMenu .menu-main-menu-container ul li.menu-item-has-children:after {
	  font-family: 'FontAwesome';
	  content: '\f0d7';
	  float: right;
	  height: 100%;
	  line-height: 51px;
	  margin: 0 0 0 8px;
  }
  .RightMenu .menu-main-menu-container ul li:hover .sub-menu {
	  display: block;
  }
  .RightMenu .menu-main-menu-container ul li .sub-menu {
	  position: absolute;
	  left: 0;
	  top: 100%;
	  background: #f2f2f2;
	  white-space: nowrap;
	  padding: 6px 0;
	  border-radius: 0 0 3px 3px;
	  box-shadow: 0 0 2px #cccc;
	  display: none;
  }
  .RightMenu .menu-main-menu-container ul li .sub-menu li {
	  float: left;
	  width: 100%;
	  font-size: 11px;
	  margin: 0;
	  line-height: normal;
  }
  .RightMenu .menu-main-menu-container ul li .sub-menu li a{
	  float: left;
	  width: 100%;
	  font-size: 11px;
	  margin: 0;
	  padding: 5px 15px;
	  line-height: normal;
	  height: auto;
  }
  .RightMenu .menu-main-menu-container ul li .sub-menu li a:hover{
	  color: #cb2127
  }
  
  .hideonmobile .ms-skin-black-2 .ms-nav-prev{
	  left: 25px !important;
  }
  .hideonmobile .ms-skin-black-2 .ms-nav-next{
	  right: 20px !important;
  }
  .ms-skin-black-2 .ms-nav-next, .ms-skin-black-2 .ms-nav-prev{
	  top: calc(50% - 45px) !important;
  }
  
  /***Widget RightSide***/
  .RProducts-widget{
	  float: left;
	  width: 100%;
	  background: #fafafa;
	  margin-top: 100px;
	  padding: 20px 25px;
	  border-radius: 0px;
	  position: sticky;
	  top: 100px;
  }
  .RProducts-widget h3{
	  float: left;
	  width: 100%;
	  clear: both;
	  font-size: 20px;
	  line-height: normal;
	  margin: 0 0 10px 0;
	  font-family: 'Poppins', sans-serif;
	  font-weight: 700;
  }
  .RProducts-widget ul{
	  float: left;
	  width: 100%;
	  padding: 0;
	  margin: 0 0 10px 0;
	  list-style: none;
  }
  .RProducts-widget ul:last-of-type{
	  margin: 0;
  }
  .RProducts-widget ul li{
	  float: left;
	  width: 100%;
	  position: relative;
	  padding: 0 0 0 60px;
	  margin: 0 0 15px 0;
  }
  .RProducts-widget ul li:last-child{
	  margin: 0;
  }
  .RProducts-widget ul li .PostItemImg{
	  position: absolute;
	  left: 0;
	  top: 6px;
	  width: 48px;
	  height: 48px;
	  background-size: cover !important;
	  background-position: center center !important;
  }
  .RProducts-widget ul li a{
	  float: left;
	  width: 100%;
	  font-size: 14px;
	  color: #000;
	  text-decoration: none;
	  line-height: none;
  }
  .RProducts-widget ul li a:hover, .RProducts-widget ul li a:active, .RProducts-widget ul li a:focus{
	  color: #cb2127;
  }
  .RProducts-widget ul li .date{
	  float: left;
	  width: 100%;
	  font-size: 12px;
	  color: #666;
	  margin: 0;
  }
  
  .headerRight{
	  float: right;	
	  margin: 0 80px 0 0;
  }
  .headerRight ul{
	  float: right;
	  padding: 0;
	  margin: 2px 0;
	  list-style: none;
  }
  .headerRight ul li{
	  float: left;
	  font-family: 'Poppins', sans-serif;
	  font-weight: 500;
	  color: #000;
  }
  .headerRight ul li:nth-child(1){
	  margin-right: 15px;
  }
  .headerRight ul li a{
	  float: left;
	  color: #fff;
	  font-size: 15px;
	  padding: 6px 18px;
	  border: solid 1px transparent;
	  text-decoration: none;
  
  }
  .headerRight ul li a:hover,
  .headerRight ul li a:active,
  .headerRight ul li a:focus{
	  color: var(--text-yellow);
  }
  .headerRight ul li a.RqBtn{
	  border: solid 1px var(--text-yellow);
	  border-radius: 20px;
	  cursor: pointer;
	  text-transform: uppercase;
  }
  .headerRight ul li a.RqBtn:hover{
	  color: #000;
	  border-color: var(--text-yellow); 
	  background: var(--text-yellow);
  }
  
  .headerRight .fa-phone {
	  color:var(--text-yellow);
  }
  
  .HServicesLoop{
	  position: fixed;
	  opacity: 0;
	  transition-duration: .5s;
	  left: calc(260px + 10%);
	  right: 10%;
	  top: 60px;
	  bottom: 60px;
	  padding-right: 30px;
	  z-index: 99999;
	  visibility: hidden;
	  overflow-y: scroll;
	  overflow-x: hidden;
  }
  .HServicesLoop .mCustomScrollBox{
	  overflow: visible;
  }
  
  .HServicesLoop .mCSB_horizontal.mCSB_inside > .mCSB_container{
	  left: 0 !important;
	  overflow: hidden !important;
  }
  .HServicesLoop .mCSB_scrollTools.mCSB_scrollTools_horizontal{
	  display: none !important;
  }
  
  .HServicesLoop::-webkit-scrollbar {
	width: 2px;
	height: 12px;
  }
  .HServicesLoop::-webkit-scrollbar-track {
	box-shadow: inset 0 0 6px #5b5b5b;
  }
  .HServicesLoop::-webkit-scrollbar-thumb {
	background-color: var(--text-yellow);
	outline: 1px solid var(--text-yellow);
  }
  
  .HServicesLoop.ActiveHServicesLoop{
	  visibility: visible;
	  opacity: 1;
	  transition-duration: .8s !important;
  }
  .HServicesLoop .ServiceBoxItem{
	  float: left;
	  width: 100%;
	  height: calc(100% - 30px);
	  border: solid 1px #3a3a3a;
	  margin-bottom: 30px;
  }
  .HServicesLoop .ServiceBoxItem:hover, .HServicesLoop .ServiceBoxItem:active, .HServicesLoop .ServiceBoxItem:focus{
	  border: solid 1px var(--text-yellow);
	  box-shadow: 2px 0 21px #000;
  }
  
  .HServicesLoop .row .col-sm-4:nth-last-of-type(1) .ServiceBoxItem,
  .HServicesLoop .row .col-sm-4:nth-last-of-type(2) .ServiceBoxItem,
  .HServicesLoop .row .col-sm-4:nth-last-of-type(3) .ServiceBoxItem{
	  margin: 0;
  }
  .HServicesLoop .row .col-sm-4:nth-last-of-type(1) .ServiceBoxItem a,
  .HServicesLoop .row .col-sm-4:nth-last-of-type(2) .ServiceBoxItem a,
  .HServicesLoop .row .col-sm-4:nth-last-of-type(3) .ServiceBoxItem a{
	  margin-bottom: 30px;
  }
  .HServicesLoop .ServiceBoxItem a{
	  float: left;
	  width: 100%;
	  padding: 30px;
  }
  .HServicesLoop .ServiceBoxItem .SBIcon{
	  display: table;
	  width: 60px;	
	  height: 60px;
	  border: solid 1px var(--text-yellow);
	  border-radius: 100%;
	  margin: auto;
	  margin-bottom: 15px;
	  position: relative;
  }
  .HServicesLoop .ServiceBoxItem .SBIcon img{
	  position: absolute;
	  left: 0;
	  right: 0;
	  top: 0;
	  bottom: 0;
	  width: 50%;
	  margin: auto;
  }
  .HServicesLoop .ServiceBoxItem .ServiceBoxItemText{
	  float: left;
	  width: 100%;
	  text-align: center;
	  font-size: 16px !important;
	  font-weight: bold;
	  text-transform: uppercase;
	  color: var(--text-yellow);
	  margin: 0;
	  text-decoration: none !important;
  }
  
  #videoBG{
	  float: left;
	  width: 100%;
	  position: relative;
	  height: 100vh;
  }
  #videoBG video{
	  float: left;
	  width: 100%;
	  position: relative;
	  object-fit: cover;
	  height: 100%;
  }
  
  
  
  /* responsive code by khurram */
  
  
  @media only screen and (max-width: 1199px) {
  
	  .pageContent h2.h248Heading {
		  font-size: 27px !important;
	  }
	  .container .CSWrapWebsiteDesignSec h2 {
		  font-size: 33px;
	  }
	  .container .CSWrapWebsiteDesignSec h2 br{
		  display:none;
	  }
	  .container .CSWrapWebsiteDesignSec h3 {
		  font-size: 16px;
	  }
	  .container .SrvcRigtColText h3 {
		  font-size: 18px;
	  }
	  .container .WebsiteTypeSec h2 {
		  font-size: 30px;
	  }
	  .container .WebsiteTypeSec p {
		  font-size: 18px;
	  }
	  .container .WrapSrvcListIconWhite h3 {
		  font-size: 24px;
	  }
	  .container .CSCenterSec h2 {
		  font-size: 35px;
	  }
	  .container .ServiceWeOfferSec h2 {
		  font-size: 24px;
	  }
	  .container .vc_custom_1619781641023 {
		  padding-top: 50px !important;
		  padding-right: 20px !important;
		  padding-bottom: 50px !important;
		  padding-left: 20px !important;
	  }
	  .container .TestimonialSec {
		  padding: 20px;
		  font-size: 18px;
		  margin: 50px auto;
		  max-width: 90%;
	  }
	  .container .accountdetailCS {
		  font-size: 20px;
	  }
	  .container .vc_custom_1620112824541, .container .vc_custom_1620112151361 {
		  padding-right: 15px !important;
		  padding-left: 15px !important;
	  }
  }
  
  @media screen and (max-width: 1199px) and (min-width: 767px) {
  
	  .ServiceList .card-header h5 button, ul.ServiceList li a {
		  font-size: 40px !important;
	  }
	  .container h2.titleDots {
		  font-size: 40px !important;
		  line-height: 1.3 !important;
		  margin-bottom: 30px;
	  }
	  .container h2.titleDots br{
		  display:none;
	  }
	  .CustomBlog .PostItem .PostItemContent {
		  padding: 10px;
	  }
	  .CustomBlog .PostItem .PostItemContent .PostItemTitle{
		  font-size:14px;
	  }
	  .contactFooter .wpcf7 form {
		  width: 100%;
	  }
	  .contactFooter .wpcf7 form .ZDhelp .wpcf7-checkbox .wpcf7-list-item label span{
		  font-size:12px;
	  }
	  .container .TextSize24 p {
		  font-size: 16px;
	  }
	  .container ul.SrvcListIcon li {
		  width: 130px;
	  }
	  .container .vc_custom_1620211320342 {
		  padding-top: 220px !important;
	  }
  
  }
  
  @media screen and (max-width: 1199px) and (min-width: 992px) {
	  .GetTouch{
		  display: none !important;
	  }
	  .SocialMedia{
		  display: none !important;
	  }
	  .SinglePostDetail .Title{
		  font-size: 40px;
		  line-height: 60px;
		  text-align: center;
	  }
	  .GetIn h3,
	  .GetIn h2{
		  font-size: 60px;
		  line-height: 50px
	  }
	  .GetIn h3 span:before,
	  .GetIn h2 span:before{
		  bottom: 0;
	  }
	  .BannerTitle h2{
		  font-size: 60px;
	  }
	  .CustomBlog .Title{
		  font-size: 60px;
	  }
	  body .vc_tta-accordion .vc_tta-panel-heading .vc_tta-title-text{
		  font-size: 40px !important;
	  }
	  body .vc_tta-accordion .vc_tta-panel.vc_active .vc_tta-panel-title .vc_tta-title-text{
		  font-size: 60px !important;
	  }
	  footer .MainTitle{
		  font-size: 40px;
	  }
	  .CaseTitle{
		  font-size: 60px;
	  }
	  .caseRelated .caseRelatedTitle{
		  font-size: 40px;
	  }
	  .relatedPro .PostItem .PostItemImg{
		  position:initial;
	  }
  
  }
  
  @media screen and (max-width: 991px) and (min-width: 1px) {
	  .blogPage .BannerTitle .aboutContent, .page-template-Page-OurWork .TopBanner .BannerTitle .aboutContent, .page-template-Page-services .TopBanner .BannerTitle .aboutContent, .page-template-Page-Blog .TopBanner .BannerTitle .aboutContent{
		  width: 100%;
	  }
	  .blogWrap .row .col-sm-3:first-child .PostItem .PostItemImg,
	  .blogWrap .row .col-sm-3:first-child .PostItem .PostItemContent{
		  width: 100%;
	  }
	  .blogWrap .row .col-sm-3:first-child .PostItem .PostItemImg{
		  margin-bottom: 25px !important;
	  }
	  body .GetTouch {
		  top: auto;
		  text-align: center;
		  transform: inherit;
		  padding: 0;
		  margin: 0 auto;
		  height: auto;
		  border-radius: inherit;
		  background: #000 !important;
		  color: var(--text-yellow) !important;
		  border: 1px solid var(--text-yellow);
		  box-shadow: 0 0 20px #0000001f;
		  font-weight: 500 !important;
		  font-family: 'Poppins', sans-serif;
		  font-size: 13px !important;
		  text-transform: uppercase;
		  bottom: 15px;
		  left: 15px;
		  width: calc(50% - 15px) !important;
		  right: auto;
		  line-height: 44px;
		  border-radius: 10px 0px 0px 10px;
	  }
	  .page-template-Page-About .TopBanner .BannerTitle, .page-template-Page-Contact .TopBanner .BannerTitle{
		  padding: 0 !important;
	  }
	  .BannerTitle h1{
		  font-size:33px;
	  }
	  .caseRelated .container {
		  padding: 0 15px !important;
	  }
	  .CSRelatedServic a.getintouch {
		  display: none !important;
	  }
	  .SocialMedia{
		  display: none !important;
	  }
	  .SinglePostDetail .Title{
		  font-size: 20px;
		  line-height: 27px;
		  text-align: center;
	  }
	  .relatedPro .title{
		  font-size: 26px;
	  }
	  .GetIn h3,
	  .GetIn h2{
		  font-size: 30px;
		  line-height: 29px;
	  }
	  .GetIn h3 span:before,
	  .GetIn h2 span:before{
		  bottom: 0;
	  }
	  .BannerTitle h2 br{
		  display:none;
	  }
	  .BannerTitle h2,
	  .vc_custom_heading,
	  .ClientSlider h2{
		  font-size: 40px !important;
		  line-height: normal !important;
	  }
	  .ServiceList .card-header h5 button{
		  font-size: 24px !important;
		  line-height: 28px;
	  }
	  .SiteMenu .content .MenuList .menu-main-menu-container .menu li a{
		  font-size: 40px;
		  line-height: 57px;
	  }
	  .blogPage .BannerTitle .aboutContent{
		  width: 90%;
	  }
	  .aboutPage .BannerTitle{
		  width: 90%;
		  left:50% !important;
	  }
	  
	  header.MainHead{
		  height: 64px;
	  }
	  .SiteLogo img{
		  height: 40px;
	  }
	  .MenuBtn h6{
		  font-size: 23px;
		  display: none;
	  }
	  .headerRight ul li:nth-child(1){
		  display: none !important;
	  }
	  .headerRight{
		  display: none;
		  margin: 0 0 0 0 !important;
	  }
	  .SiteMenuCover{
		  background-color:#000!important;
	  }
	  .SiteMenu .SiteLogo img{
		  margin: 7px 0 0 3px!important;
	  }
	  .MenuBtn{
		  width: auto;
		  margin-top: 15px !important;
		  padding-left: 30px;
		  right: 6%;
	  }
	  .CustomBlog .Title{
		  margin-bottom: 20px;
		  letter-spacing: 2px;
		  font-size: 23px;
		  line-height: 31px;
	  }
	  body .vc_tta-accordion .vc_tta-panel.vc_active .vc_tta-panel-title .vc_tta-title-text{
		  font-size: 40px !important;
	  }
	  body .vc_tta-accordion .vc_tta-panel-heading .vc_tta-title-text{
		  font-size: 30px !important;
	  }
	  footer .MainTitle{
		  font-size: 45px;
		  font-weight: 800;
		  line-height: 1;
	  }
  
	  body .vc_tta-accordion{
		  width: 100% !important;
	  }
	  .CustomBlog .PostItem{
		  margin-bottom: 30px;
	  }
	  footer{
		  background: #cb2127;
		  padding: 0 0 30px 0;
	  }
	  footer > .container > .row > .col-sm-6:first-child{
		  background: #fee800;
		  padding-top: 50px;
		  padding-bottom: 50px;
		  margin-bottom: 20px;
	  }
	  #videoBG{
		  margin-top: 64px;
		  height: 320px;
		  position: relative;
	  }
	  #videoBG:before{
		  content: "";
		  left: 0;
		  right: 0;
		  top: 0;
		  bottom: 0;
		  content: "";
		  background: rgba(0,0,0,.3);
		  position: absolute;
	  }
	  /**Mobile Menu**/
	  .HServicesLoop{
		  left: 20px;
		  right: 20px;
		  padding: 0;
		  top: 90px;
	  }
	  .HServicesLoop .ServiceBoxItem a{
		  padding: 30px 30px 30px 98px !important;
		  white-space: initial !important;
	  }
	  .HServicesLoop .row .col-sm-4:nth-last-of-type(1) .ServiceBoxItem a, .HServicesLoop .row .col-sm-4:nth-last-of-type(2) .ServiceBoxItem a, .HServicesLoop .row .col-sm-4:nth-last-of-type(3) .ServiceBoxItem a{
		  margin: 0 !important;
	  }
	  .HServicesLoop .ServiceBoxItem h3{
		  text-align: left !important;
		  height: 38px;
	  }
	  .HServicesLoop .ServiceBoxItem{
		  margin: 0 !important;
	  }
	  .HServicesLoop .ServiceBoxItem .SBIcon{
		  position: absolute !important;
		  left: 36px;
		  top: 19px;
		  margin: 0 !important;
	  }
	  .HServicesLoop{
		  left: 20px !important;
		  right: 20px !important;
		  padding: 0 !important;
		  bottom: auto !important;
		  overflow-y: hidden !important;
		  overflow-x: auto !important;
	  }
	  .HServicesLoop .mCustomScrollbar{
		  height: 100%;
	  }
	  .HServicesLoop .mCSB_dragger_bar{
		  background: #ca2025 !important;
	  }
	  .HServicesLoop .row{
		  white-space: nowrap !important;
		  display: block !important;
		  margin-bottom: 0 !important;
	  }
	  .HServicesLoop .row .col-sm-4{
		  display: inline-block !important;
		  width: auto !important;
	  }
  
  
  
	  
	  .MenuWrap #menu-main-menu{
		  position: relative;
		  top: auto;
		  bottom: auto;
		  transform: none;
		  left: auto;
		  float: left;
		  width: 100%;
	  }
	  
	  ul.SocialMediaMenuBtm{
		  right: 0;
		  display: block;
		  text-align: center;
	  }
	  ul.SocialMediaMenuBtm li{		
		  display: inline-block;
	  }
	  
	  .MenuWrap{
		  left: 0;
		  right: 0;
	  }
	  .MenuWrap .MenuList{
		  left: 0 !important;
		  right: 0 !important;
	  }
	  .MenuWrap .MenuList .menu-main-menu-container{
		  width: 100% !important;
		  padding: 260px 0 110px 0;
	  }
	  .MenuWrap .MenuList .menu-main-menu-container .menu li{
		  text-align: center;
	  }
	  /**Mobile Menu End**/
	  
	  .ContactSection{
		  background: #fff;
		  padding-top: 50px !important;
		  padding-bottom: 50px !important;
	  }
  
	  .CaseTitle{
		  font-size: 24px;
		  line-height:1.3;
		  padding-bottom: 0;
	  }
	  .caseRelated .caseRelatedTitle{
		  font-size: 28px;
		  line-height:1.3;
	  }
	  .tagLine:after{
		  display: none;
	  }
	  .CaseBtn{
		  font-size: 12px;
		  padding: 0 20px;
		  height: 40px;
		  line-height: 40px;
	  }
  
	  .blogWrap .row .col-sm-4:first-child .PostItem .PostItemImg{
		  width: 100% !important;
		  margin: 0 0 15px !important;
	  }
	  .blogWrap .row .col-sm-4:first-child .PostItem .PostItemContent{
		  width: 100%;
		  margin: 0 !important;
		  padding-left: 0;
		  padding-right: 0;
	  }
	  .blogSinglePage {
		  min-height: inherit !important;
	  }
	  .blogSinglePage .InnerContainer{
		  height: inherit !important;
	  }
	  .blogWrap .PostItemTitle{
		  font-size: 18px !important;
	  }
	  .blogWrap .PostItemTitle a{
		  line-height:1.3 !important;
	  }
	  .blogWrap .ExcerptContent {
		  font-size: 14px !important;
		  margin: 10px 0 !important;
	  }
	  .blogWrap .col-sm-4{
		  margin-bottom:30px;
	  }
	  .TopBanner:before{
		  display: none !important;
	  }
	  
	  .CaseContent {
		  padding: 30px 0 30px 25px;
	  }
	  section.cases {
		  min-height: inherit !important;
		  float: left;
		  width: 100%;
	  }
	  section.cases .InnerContainer{
		  min-height: inherit !important;
		  height: auto !important;
		  padding: 0;
	  }
	  .cases .content{
		  position: relative;
		  top: auto !important;
		  bottom: auto !important;
		  left: 0 !important;
		  padding: 0px  15px;
	  }
  
	  .SiteMenu .content .MenuList .menu-main-menu-container .menu li.current-menu-item a:after{
		  right: -38px;
		  bottom: 19px;
		  width: 20px;
		  height: 20px;
	  }
	  .SiteMenu .InnerContainer{
		  overflow: auto !important;
	  }
	  .container ul.ServiceList li{
		  line-height:1.3;
		  margin-bottom: 20px;
	  }
	  .container ul.ServiceList li a{
		  font-size:33px;
		  line-height:1.3;
	  }
	  .ClientSlider .SlideCol{
		   width: 120px !important;
			  height: 50px !important;
	  }
	  .ClientSlider .SlideCol img {
		  height: auto !important;
		  width: 90% !important;
	  }
	  h2.titleDots {
		  padding-top:40px;
	  }
	  h2.titleDots br {
		  display:none;
	  }
	  .caseLogoSingle {
		  height: 100px;
	  }
	  .postid-35 .caseLogoSingle {
		  height: 35px;
	  }
	  .postid-35 .caseLogoSingle {
		  height: 35px;
	  }
	  .postid-205 .caseLogoSingle {
		  height: 60px;
	  }
	  .features-Single {
		  margin: 0 0 40px;
	  }
	  .features-Single li h2 {
		  font-size: 60px;
	  }
	  .features-Single li p {
		  font-size: 19px;
	  }
	  .GetIn h4 {
		  font-size: 25px;
	  }
	  .relatedPro .PostItem .PostItemImg{
		  position:initial;
	  }
	  .single-service footer {
		  padding-top: 0px !important;
	  }
	  .pageContent .CenterboxCS h2.H2Heading {
		  font-size: 30px;
		  line-height: 1.3;
	  }
	  img.aligncenter, img.alignleft, img.alignright {
		  width: 300px;
		  float:none !important;
	  }
	  img.alignrightcs{
		  float:none !important;
		  width:300px;
	  }
	  .container img.CyberSecurityIcon{
		  width: 50px;
		  float: left !important;
		  margin-right: 10px;
	  }
	  .container .removespace ul {
		  margin-top: 40px !important;
	  }
	  .container ul.SaleForceListingSec li {
		  font-size: 18px;
		  padding: 0 0 15px 10px;
	  }
	  .pageContent .vc_custom_1619607648877 {
		  padding-top: 20px !important;
	  }
	  .pageContent .SaleForceBnrHeading h2 {
		  font-size: 24px;
	  }
	  .container .vc_custom_1619607627313 {
		 padding-top: 30px !important;
		  padding-right: 0px !important;
		   padding-left: 0px !important;
	  }
	  .container ul.ScoringList li {
		  width: 100%;
		  min-height: inherit;
		  font-size:17px;
	  }
	  .container ul.ScoringList li img{
		  width:60px !important;
		  margin-bottom:20px;
	  }
	  .container .SaleSupportListingCS ul li img{
		  float:left;
		  margin-right:12px;
		  width:30px;
	  }
	  .container .SaleSupportListingCS ul li strong, .container ul.grayboxlisting li {
		  font-size: 18px;
	  }
	  .taglinedesc p{
		  font-size:15px !important;
	  }
	  .pageContent .ServiceRelatedSec{
		  background:none !important
	  }
	  .ServiceRelatedSec .vc_custom_1621253568786{
		  background:#fff !important;
	  }
	  .container .CSRelatedServic {
		  padding: 20px 0px !important;
	  }
	  .container .removesidespace{
		  padding-left:0 !important;
		  padding-right:0 !important;
	  }
	  .container .CSRelatedServic h2 {
		  font-size: 30px;
		  text-align:center;
	  }
	  .container .WrapServicList strong {
		  font-size: 19px;
	  }
	  .container .CSRelatedServic .vc_col-sm-4 {
		  margin-right: 0;
	  }
	  .container ul.SrvcListIcon li a, .container ul.PopularLisint li, .container .ServiceWeOfferSec ul li {
		  font-size:17px;
		  clear: both;
	  }
	  .container .ServiceWeOfferSec ul li:before {
		  margin-right: 10px;
		  line-height: 0.9;
	  }
	  .container .MostPopularHeading h2 {
		  font-size: 35px;
		  width: 100%;
	  }
	  .container .GetInTouchBtn a{
		  display:none;
	  }
	  .container .vc_custom_1619256575940 {
		  padding-left: 0px !important;
	  }
	  a.getintouch{
		  display: none !important;
	  }
	  .container .TextSize24 p {
		  font-size: 16px;
	  }
	  .container .CSCenterSec p {
		  max-width: 90%;
		  font-size: 16px;
	  }
	  .container ul.TextSize22 li {
		  font-size: 16px;
	  }
	  .container .WrapRealEstateSec h2.H2Heading {
		  font-size: 40px;
	  }
	  .container .vc_custom_1619598912708, .container .vc_custom_1619592529887{
		  padding-left:0 !important
	  }
	  .hideondesktop{
		  display:block !important;
	  }
	  .WrapWhyCooseSec h2 {
		  font-size: 36px !important;
	  }
	  .container .WhyChooseUsLeftCol h3 {
		  font-size: 20px;
	  }
	  .container ul.WhyChooseList li{
		  font-size:15px;
	  }
	  .container ul.WhyChooseList li img {
		  width: 50px;
	  }
	  .hideonmobile{
		  display:none !important;
	  }
	  .container .clanderleftside, .container .clanderrightside {
		  float: none;
		  width: 100% !important;
	  }
	  .container .clanderleftside h3, .container .clanderrightside h3 {
		  font-size:22px
	  }
	  .container .clanderrightside {
		  border:none;
		  border-top: solid 1px #e8e8e8;
		  padding-top:20px;
		  padding-left: 0;
		  margin-top: 30px;
	  }
	  .wrapclandersec iframe{
		  margin-left:-38px;
		  width:100% !important;
	  }
	  
	  .hideondesktop .svglogo{
		  box-sizing: unset !important;
		  float: left;
		  padding: 0 25px;
	  }
	  .hideondesktop .svglogo li{
		  width: calc(100% / 3);
		  clear: none;
		  display: inline-block !important;
		  margin: 0px 0px 50px 0;
		  float: left;
		  padding: 0;
		  background: no-repeat;
	  }
	  .hideondesktop ul.svglogo li img{
		  max-width: 90%;
	  }
	  .hideondesktop .svglogo li:nth-child(3n+3){
		  margin-right: 0;
	  }
	  .hideondesktop .svglogo li:nth-child(3n+1){
		  clear: both;
	  }
	  .hideondesktop .ms-nav-next,
	  .hideondesktop .ms-nav-prev{
		  top: 92px !important
	  }
	  .hideondesktop .ms-bullets-count{
	  }
	  .hideondesktop .ms-skin-black-2 .ms-nav-next{
		  right: -24px !important;
	  }
  }
  
  @media only screen and (max-width: 767px) and (min-width: 300px)  {
	  .MenuWrap .MenuList .menu-main-menu-container .menu li.menu-item-has-children > a:before{
		  font-size: 29px;
		  top: 9px;
	  }
	  .MenuWrap .MenuList .menu-main-menu-container .menu li a{
		  font-size: 30px;
		  line-height: 40px;
	  }
	  .MenuWrap .MenuList .menu-main-menu-container .menu li ul li a{
		  font-size: 15px;
		  line-height: normal;
		  font-weight: 500;
	  }
	  .CaseContent .CaseLogo{
		  width: 100px;
	  }
	  .WorkedCat{
		  width: 100%;
		  padding-left: 82px;
	  }
	  .WorkedCat ol{
		  font-size: 18px;
	  }
	  .WorkedCat li{
		  font-size: 12px;
	  }
	  .features li h4{
		  font-size: 30px;
	  }
	  .features li p{
		  font-size: 14px;
	  }
  
	  .ContactSection .FooterForm input {
			 padding: 7px 18px;
	  }
	  .ContactSection .FooterForm textarea {
			 height: 80px;
	  }
	  .ContactSection .FooterForm input.wpcf7-submit {
			 font-size: 18px;
			 padding: 10px 50px;
	  }
	  .contactFooter .wpcf7 form .ZDhelp .wpcf7-checkbox .wpcf7-list-item label input + span:before {
		  width: 12px !important;
		  height: 12px !important;
	  }
	  .contactFooter .wpcf7 input::placeholder,.wpcf7 textarea::placeholder{
		  font-size:12px ;
		  color:#000;
	  }
	  .contactFooter .wpcf7 form input {
		  height: 30px;
		  line-height: 25px;
		  margin-bottom: 8px;
	  }
	  .contactFooter .wpcf7 form textarea {
			 padding: 10px 20px;
		  height: 70px;
	  }
	  .contactFooter .wpcf7 .g-recaptcha, .ContactSection .FooterForm .g-recaptcha{
		  transform: scale(0.7);
		  transform-origin: 0 0;
		  display: block;
	  }
	  .contactFooter .wpcf7 .CsRecaptchaFrm, .ContactSection .FooterForm .CsRecaptchaFrm{
		  height:60px;
		  display:none;
	  }
	  .WhyChooseUsLeftCol {
		  margin-bottom:50px;
	  }
	  .CsRecaptchaFrm .wpcf7-not-valid-tip{
		  margin-top: -20px;
	  }
	  .contactFooter .wpcf7 form .ZDhelp .wpcf7-checkbox .wpcf7-list-item {
		  width: 47% !important;
		  margin: 0 10px 0 0 !important;
	  }
	  .contactFooter .wpcf7 form .ZDhelp .wpcf7-checkbox .wpcf7-list-item label span {
		  float: none !important;
		  display: block !important;
		  margin-bottom: 8px;
		  color:#000;
		  font-size:9px;
	  }
	  .contactFooter .wpcf7 form .ZDhelp .wpcf7-checkbox .wpcf7-list-item label, .contactFooter .wpcf7 form .ZDhelp .wpcf7-checkbox  {
		  float: none !important;
		  display:block !important;
		  clear:both !important;
	  }
	  .contactFooter .wpcf7 form .wpcf7-submit {
		  font-size: 16px;
		  padding: 7px 30px;
		  border-radius: 30px;
		  margin: 10px auto 0 auto;
	  }
	  .contactFooter .wpcf7 form .ZDhelp .wpcf7-checkbox .wpcf7-list-item label input:checked + span:after {
		  right: 14px;
		  top: 10px;
		  width: 8px;
		  height: 7px;
	  }
	  .postid-260 .BannerDesc, .postid-260 .BannerDescTwo {
		  font-size: 14px;
	  }
	  .InnerContainer{
		  height: 90vh !important;
	  }
	  .BannerTitle h2 br{
		  display:none;
	  }
	  .contactFooter h2 {
		  margin: 0 auto 20px;
		  font-size: 60px;
	  }
	  .page-template-Page-About .BannerTitle h2 br, .page-template-Page-Contact .BannerTitle h2 br{
		  display:block !important;
	  }
	  body.page-template-Page-Contact  .GetTouch{
		  display:none !important
	  }
	  .BannerTitle.videoBtitle h2{
		  padding: 0 20px;
		  font-weight: bold;
	  }

	  .txt-more,h3.vc_custom_heading, h3.txt-more {
	  	font-size: 15px !important;
	  }
	  #fullpage .BannerTitle h2, #fullpage .vc_custom_heading, #fullpage .ClientSlider h2 {
		  letter-spacing: 2px;
		  font-size: 15px !important;
		  line-height: 31px !important;
	  }

	  

	  .page-id-13 .BannerTitle h2 br{
		  display:none;
	  }
	  .cases .content {
		  max-width: 100% !important;
	  }
	  .container ul.ServiceList li a{
		  font-size:24px;
		  line-height:1.3;
	  }
	  h2.titleDots {
		  font-size:18px !important;
	  }
	  
	  .contactFooter .wpcf7 form .title {
		  font-size: 16px;
	  }
	  .CustomBlog .col-md-4{
		  margin-bottom:30px;
	  }
	  .CustomBlog .PostItem .PostItemContent .PostItemTitle {
		  font-size: 20px;
	  }
  
	  .single-post header.MainHead{
		  top:0 !important;
	  }
	  .single-post header.MainHead .MenuBtn {
		  margin-top: 28px;
	  }
	  img.TransparentLogo{
		  width:200px;
	  }
	  .postid-261 .BannerDesc, .postid-261 .BannerDescTwo {
		  font-size: 13px;
	  }
	  section .BannerDesc, section .BannerDescTwo {
		  font-size: 14px;
		  max-width: 100%;
		  margin: 0 auto 20px;
	  }
	  section .BannerDesc p{
		  margin-bottom: 5px !important;
	  }
	  .container .ServiceWeOfferSec .wpb_wrapper {
		  padding: 30px 20px;
	  }
	  .ServicesIconCS{
		  width:150px;
		  margin:0 auto 20px;
	  }
	  .SrvcRigtColText  {
		  text-align:center;
		  padding:0 30px !important;
	  }
	  .container .vc_custom_1620807864844{
		  padding-left: 15px !important;
		  margin-top: 20px !important;
	  }
  
	  .container .vc_custom_1620806049094 {
		  padding-left: 0px !important;
	  }
	  .container ul.FloatingList li {
		  width: 100%;
	  }
	  .container .ConsultationBtmSec h3 {
		  font-size: 25px;
	  }
	  .container .ConsultationBtmSec h3 br{
		  display:none;
	  }
	  .container .vc_custom_1620211320342 {
		  padding-top: 130px !important;
		  padding-left: 20px !important;
		  padding-right: 20px;
	  }
  
	  /* service page code end */
  
	  .contactFooter .wpcf7 form {
		  width: 100% !important;
	  }
	  .contactFooter .wpcf7 form .row .col-sm-6{
		  width:50%;
	  }
	  #fullpage .contactFooter .wpcf7 form .wpcf7-response-output {
		  margin-top: -30px !important;
		  font-size: 10px !important;
		  padding: 0px 5px !important;
	  }
	  
	  /**Extra 2022**/
	  .WhyChooseUsLeftCol a{
		  margin-top: 10px;
	  }
	  .WhyChooseUsLeftCol a img{
		  width: 20px;
	  }
	  ul.WhyChooseList{
		  padding-left: 0 !important;
	  }
	  
	  .vc_custom_1636115880670 .titleDots:before{
		  display: none;
		  text-align: center;
	  }
	  .vc_custom_1636115880670  .vc_column-inner {
		  text-align: center;
	  }
	  body .vc_custom_1636115880670  h2.vc_custom_heading{
		  text-align: center !important;
		  letter-spacing: 1px;
		  font-size: 18px !important;
		  line-height: 22px !important;
	  }
	  .vc_custom_1636115880670  .vc_custom_heading br{
		  display: none !important;
	  }
	  
	  .homeServiceSection .wpb_text_column p{
		  font-size: 13px;
		  line-height: 16px;
	  }
	  
	  .ServiceBoxItem h3{
		  font-size: 14px;
	  }
	  .hideondesktop .svglogo{
		  margin-top: 0 !important;
		  padding: 0;
	  }
	  
	  body.home .vc_custom_1629898319518,
	  body.home .vc_custom_1646285695759 {
		  padding-top: 0 !important;
	  }
	  
	  footer#getInTouchWrap .row > .col-sm-6:nth-child(1){
		  /* order: 2 */
	  }
	  footer#getInTouchWrap .row > .col-sm-6:nth-child(2){
		  order: 1
	  }
	  
	  
	  .wmobilIcon{		
		  width: calc(50% - 15px);
		  background: #000;
		  text-align: center;
		  box-shadow: 0px 1px 5px #ccc;
		  border: 1px solid var(--text-yellow);
		  font-family: 'Poppins', sans-serif;
		  font-size: 13px;
		  text-transform: uppercase;
		  font-weight: 500;
		  padding: 7px 0;
		  color: var(--text-yellow);
		  text-decoration: none;
		  left: auto;
		  right: 15px;
		  bottom: 15px;
		  border-radius: 0px 10px 10px 0px;
	  }
	  .wmobilIcon img{
		  height: 30px;
		  margin: 0 5px 0 0;
	  }
	  .wmobilIcon:after{
		  content: "Whatsapp";
	  }
	  footer .LeftBottom .SocialMedia{
		  display: block !important;
	  }
	  footer .LeftBottom{
		  margin: 0 !important;
	  }
	  
	  body.home .vc_custom_1629898319518{
		  padding-bottom: 40px !important;
	  }
	  body.home .vc_custom_1629898319518 .ms-bullets{
		  left: 0;
		  right: 0;
		  width: 100% !important;
		  bottom: -43px !important;
	  }
	  body.home .vc_custom_1629898319518 .ms-bullets .ms-bullets-count{
		  left: 0;
		  right: 0;
		  width: 100% !important;
		  margin: auto;
		  display: block;
		  text-align: center;
	  }
	  body.home .vc_custom_1629898319518 .ms-bullets .ms-bullets-count > div{
		  display: inline-block;
		  float: none;
		  margin: 0 4px !important;
		  width: 8px !important;
		  height: 8px !important;
		  background: #b3b2b2 !important;
		  border: none !important;
	  }
	  body.home .vc_custom_1629898319518 .ms-bullets .ms-bullets-count > div.ms-bullet-selected{
		  width: 12px !important;
		  height: 12px !important;
		  background: #030000 !important;
		  position: relative;
		  top: 2px;
	  }
	  
	  body .SitePageContent .vc_custom_1639137834479,
	  body .homeServiceSection{
		  background-position: 50% calc(100% + 0px);
		  padding-bottom: 60px !important;
		  background-size: 100% auto;
	  }
	  
	  
	  
  }
  /* responsive code by khurram end */
  
  
  @media screen and (min-width: 768px) {
	  .list-work .content-container {
		  height: 320px;
		}
  }
  
  @media screen and (max-width: 768px) {
	  .list-work .content-container {
		  height: 320px;
		}
  }
  
  @media screen and (min-width: 992px) {
	  .list-work .content-container {
		  height: 322px;
		}
  }
  
  @media screen and (min-width: 1280px) {
	  .list-work .content-container {
		  height: 322px;
		}
  }
  
  @media screen and (min-width: 1400px) {
	  .list-work .content-container {
		  height: 320px;
		}
  }
  
  
  @media screen and (min-width: 1600px) {
	  .list-work .content-container {
		  height: 420px;
		}
  }
  
.section-block {
	padding: 100px 0;
}

.section-block-2 {
	padding: 100px 0;
}

.section-top {
	padding-top: 50px;
}
  
  .dots-on-center:before {
	  content: '';
	  background: url(/wp-content/uploads/2021/08/whychoosedotted-bg.png) no-repeat top center;
	  width: 100px;
	  height: 90px;
	  text-align: center;
	  margin: 0 auto;
	  top: 0;
	  position: absolute;
	  right: 0;
	  left: 0;
	  background-size: 60%;
  }
  
  .zd-circles-container {
	  min-height: 350px;
  }
  
  
  .zd-circles  {
	  max-width: 384px;
	  position: relative;
  }
  
  .zd-circles .zd-circle {
	  width: 192px;
	  height: 192px;
	  border: 1px solid #000;
	  border-radius: 50%;
	  padding: 50px;
	  position: absolute;
	  display: table;
	  transition: 300ms ease-in-out;
	  cursor: pointer;
	  color: white;
	  z-index: 4;
  }
  
  
  .zd-circles .zd-circle.value-creation {
	  left: 0;
	  top: 0px;
  }
  
  .circle-content-wrapper {
	  position: absolute;
	  top: 50%;
	  left: 50%;
	  transform: translate(-50%,-50%);
  
  }
  
  .circle-content-wrapper .circle-heading{
	  font-size: 15px;
	  font-weight: 700;
	  text-align: center;
	  line-height: 22px;
	  text-transform: uppercase;
	  padding: 5px 0;
	  color: #000;
  }
  
  .circle-content-wrapper .circle-heading h5{
	  font-family: 'Poppins';
	  font-size: 15px;
	  font-weight: 800;
	  color: #212121;
  
  }
  .circle-content-wrapper .circle-text{
	  display: none;
	  font-size: 12px;
	  font-weight: 400;
	  color: #212121;
	  text-align: center;
  }
  
  .zd-circles .zd-circle.value-consumtion {
	  right: 0px;
	  top: 0;
  }
  
  .zd-circles .zd-circle.value-delivery {
	  top: 166px;
	  right: 50%;
	  transform: translateX(50%);
  }
  
  .zd-circles .zd-centered-logo {
	 margin: 0 auto;
	  position: absolute;
		 top: 121px;
	  left: 50%;
	  transform: translateX(-50%);
	  width: 67px;
	  z-index: 5;
	  height: 67px;
	  background-color: #000;
	  border-radius: 50%;
  }
  
  
  .zd-circles .zd-centered-logo img {
	  position: absolute;
	  top: 50%;
	  left: 50%;
	  transform: translate(-50%, -50%);
	  width: 29px;
  }
  
  .zd-circle::after{
	  content: '';
	  display: block;
	  position: absolute;
	  top: 0;
	  left: 0;
	  background: rgba(0, 0, 0, 0.4);
	  width: 100%;
	  height: 100%;
	  border-radius: 50%;
	  opacity: 0;
	  z-index: -1;
  }
  
  .zd-circle:hover:after {
	  opacity: 1;
  }
  
  .zd-circle:hover .circle-text {
	  display: block !important;
  }
  
  
  .marketing-strategy-right {
	  margin-top: 1.3rem;
	  width: 75%;
	  margin: 0 auto;
	  min-width: 770px;
  }
  
  .marketing-strategy-right .co1-box {
	  display: flex;
	  box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
	  align-items: center;
	  gap:18px;
	  padding: 15px 30px;
	  margin-bottom: 1.3rem;
	  border-radius: 10px;
	  min-height: 116px;
  }
  
  .marketing-strategy-right .co1-box div:first-child {
	  width: 10%;
  }
  
  .marketing-strategy-right .co1-box div:nth-child(2) {
	  width: 90%;
	  text-align: center;
  }
  
  .marketing-strategy-right .co1-box  h6{
	  font-weight: 600;
	  color: #212121;
	  font-size: 22px;
	  margin-bottom: 0px;
  }
  
  .marketing-strategy-right .co1-box  span{
	  display: inline-block;
	  line-height: 1.3;
	  width: 87%;
  }
  
  .marketing-strategy-right .co1-box  span, .marketing-strategy-right .co3-box span{
	  font-size: 14px;
	  font-family: var(--fontfamily-Gotham);
	  color: #212121;
   }
  
  .marketing-strategy-right .co1-box  img {
	  width: 41px;
  }
  
  .marketing-strategy-right .co3-box {
	  display: grid;
	  grid-template-columns: 1fr 1fr 1fr;
	  border-radius: 10px;
	  gap:18px;
	  margin-top: 1.8rem;
  }
  
  .marketing-strategy-right .co3-box .g-col{
	  box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
	  padding: 15px 30px;
	  border-radius: 10px;
	  text-align: center;
  }
  
  .marketing-strategy-right .co3-box .g-col div:first-child{
	  margin-bottom: 20px;
  }
  
  .marketing-strategy-right .co3-box .g-col img {
	  width: 40px;
  }
  
  .marketing-strategy-right .co3-box .g-col h6{
	  margin-bottom: 10px;
	  min-height: 40px;
	  overflow: hidden;
	  word-spacing: 99px;
	  font-size: 22px;
	  font-weight: 600;
  }
  
  .marketing-strategy-right .co3-box .g-col span {
	  line-height: 1.3;
	  display: inline-block;
  }
  
  .d-none {
	  display: none;
  }
  
  .h2-extra-large, .h2-extra-large h2 {
	  font-weight: 700;
	  font-size: 53px;
	  font-family: 'Poppins';
	  text-transform: uppercase;
	  color: #000;
  }
  
  .agents-of-c .c-content-wrapper {
	  width: 70%;
  }
  
  .agents-of-c h2 {
	  color: var(--text-yellow);
  }
  
  .agents-of-c .small-heading {
	  font-size: 20px;
	  font-weight: 600;
  }
  
  .agents-of-c p {
	  font-family: 'Poppins';
	  color: #fff;
  }
  
  
  .agents-of-c .c-content-wrapper p {
	  width: 80%;
  }
  
  
  .c-content-wrapper::after {
	  content: '';
	  position: absolute;
	  bottom:-15px;
	  height: 13px;
	  background-color: var(--text-yellow);
	  width: 400px;
  }
  
  .h-os h2 {
	  color: var(--text-yellow);
  }
  
  .ServiceBox2 .ServiceBoxItem2  {
	  text-align: center;
	  padding: 25px;
	  border: 1px solid #2A2A2A;
	  height: calc(100% - 30px);
	  border-radius: 10px;
	  margin-bottom: 20px;
  }

   .ServiceBox2 .ServiceBoxItem2:hover {
	  background-color: #fff;
	  color: #000;
  }

  .ServiceBox2 .ServiceBoxItem2:hover  a h3, 
  .ServiceBox2 .ServiceBoxItem2:hover  a .SBIContent p{
	  color: #000;
  }

  .ServiceBox2 .ServiceBoxItem2:hover .SBIcon2 img.img-selected {
	display: inline-block;
  }

  .ServiceBox2 .ServiceBoxItem2:hover .SBIcon2 img.img-unselected {
	display: none;
  }
  
  .ServiceBox2 .ServiceBoxItem2 a{
	  text-decoration: none;
  }
  
  
  .ServiceBox2 .ServiceBoxItem2  a h3{
	  font-size: 20px;
	  font-family: 'Poppins';
	  font-weight: 600;
	  color: var(--text-yellow);
	  padding: 0 50px;
	  margin-bottom: 20px;
	  text-transform: uppercase;
  }
  
  .ServiceBox2 .ServiceBoxItem2  a .SBIContent p{
	  font-size: 16px;
	  font-family: 'Poppins';
	  font-weight: 300;
	  color: rgb(255, 255, 255,0.4);
  }
  .ServiceBox2 .ServiceBoxItem2 .SBIcon2 {
	  height: 60px;
	  display: block;
	  margin-bottom: 15px;
  }
  
  .ServiceBox2 .ServiceBoxItem2 .SBIcon2 img {
	  width: 57px;
  }

  .ServiceBox2 .ServiceBoxItem2 .SBIcon2 img.img-selected {
	display: none;
  }
  
  .hg-casestudies {
	  min-height: 600px;
	  position: relative;
	  background-blend-mode: luminosity;
	  background-color: rgba(255, 255, 255, 1);
	  background-size: cover;
	  min-width: 300px;
  
  }

  
  
  .hg-casestudies:hover {
	  background-color: rgba(255, 255, 255, 0);
  }
  
  .hg-casestudies .cs-ir-2 {
	  position: absolute;
	  transform: translateX(-50%);
	  left: 50%;
	  bottom: 40px;
	  text-align: center;
  }

  .hg-casestudies .cs-ir-1::before {
	content: '';
    position: absolute;
    width: 100%;
    height: 60%;
    bottom: 0;
    left: 0;
    background: linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 50%);
  }
  
  .hg-casestudies .cs-ir-2 .WorkedCat2 {
	  padding: 0;
	  margin: 1rem 0;
	  display: none;
  }
  .hg-casestudies .cs-ir-2 .WorkedCat2 li {
	  list-style: none;
	  line-height: 1.3;
  }
  
  .hg-casestudies .cs-ir-2 .WorkedCat2  li span{
	  text-decoration: none;
	  color: #fff;
	  font-family: var(--fontfamily-Gotham-light);
	  font-size: 16px;
  }
  
  
  .hg-casestudies .cs-ir-2 .logo-wrapper {
	  width: 120px;
	  margin: 0 auto;
	  margin-top: 1.3rem;
	  margin-bottom: 1.3rem;
  }

  .hg-casestudies .cs-ir-2 .logo-wrapper img {
  	width: 100%;
  	height: auto;
  }

  .center-thumbs .lslide {
	  margin: 0 auto;
  }
  
  
  
  
  #videoBG::before {
	  content: '';
	  position: absolute;
	  width: 100%;
	  height: 100%;
	  background-color: rgb(0,0,0,0.4);
	  top: 0;
	  left: 0;
	  z-index: 1;
  }

.lead-form .wpcf7 form input, .lead-form .wpcf7 form textarea{
	color:#000;
}