@import url("https://fonts.googleapis.com/css2?family=Roboto+Slab:wght@400;700&family=Roboto:wght@400;500;700;900&display=swap");

html {
    font-size: 62.5%;
}

body { color:#4a4a4a; font-family: 'Roboto', sans-serif; margin: 0; padding: 0; font-size: 1rem; font-weight: normal;}
body.noscroll { overflow-y: hidden;}
/* reset bootstrap style:start */
.container{ width: 100%; padding:0 60px; max-width: 1440px;}
.container-fluid{ padding: 0;}
.no-gutter{ margin: 0;}
.no-gutter > [class*='col-'] {
    padding-right:0;
    padding-left:0;
}
figure{ margin: 0;}
/* ::-webkit-scrollbar {
    display: none; 
  } */

  .custom-select{ background: none;}

  input:focus,
  select:focus,
  .custom-select:focus{ outline: none; box-shadow: none; border: none; }
  ul{ padding: 0; margin: 0;}
  ul li{list-style-type: none;}
  .form-control:focus{ box-shadow: none; border: none;}
  a{color: #4a4a4a;}
  a:hover{ text-decoration: none; color: #4a4a4a;}
  textarea.form-control{ resize: none; height: 100px;}
/* reset bootstrap style:end */

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
    transition: background-color 5000s ease-in-out 0s;
    -webkit-text-fill-color: #495057 !important;
}

.btn.focus, .btn:focus{
  box-shadow: none;
}
.btn-secondary:not(:disabled):not(.disabled).active:focus, 
.btn-secondary:not(:disabled):not(.disabled):active:focus, 
.show>.btn-secondary.dropdown-toggle:focus{
  box-shadow: none;
}
/* wordpress css: start */
span.wpcf7-not-valid-tip{font-size: 1.2rem; margin-top: 5px;}
.wpcf7-display-none{ display: none !important;}
/*div.wpcf7 .ajax-loader{ display: none !important;}*/
/* wordpress css: end */

/* button style: start */
.custom-button-1{border-radius: 5px; border: solid 1px #ffffff; color: #ffffff; font-size: 1.4rem; padding: 12px 26px; white-space: nowrap;}
.custom-button-1:hover{ background: #fff; color:#4a4a4a;}

.custom-button-2{border-radius: 5px; border: solid 1px #4a4a4a; color: #4a4a4a; font-size: 1.4rem; padding: 12px 26px;}
.custom-button-2:hover{ background: #4a4a4a; color:#ffffff;}

.custom-button-3{border-radius: 5px; background-color: #4a4a4a; padding:13px 36px; color: #ffc000; font-size: 1.4rem;     border-color: #4a4a4a;}

.custom-button-4{border-radius: 5px; background: #4a4a4a; color: #ffc000; font-size: 1.4rem; padding: 13px 36px; cursor: pointer; display: inline-block; -webkit-transition: .3s ease-in-out;
  -moz-transition: .3s ease-in-out;
  -o-transition: .3s ease-in-out;
  transition: .3s ease-in-out;}
.custom-button-4:hover{ background: #ffc000; color:#4a4a4a;}

.custom-primary{
  background: #FFC000;
  border-radius: 4px;
  height: 46px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: none;
  font-weight: 700;
  font-size: 1.6rem;
  color: #615C4E;
}
.custom-primary.w100{
  width: 100%;
}
/* button style: end */



/* common styes: start */
.pt0{padding-top:0!important}
h1,
h2{ font-family: 'Roboto Slab', serif; font-weight: 700; font-size: 6rem; line-height: 60px; float: left; margin: 0; width: 100%; }
.subHeading{  font-size: 1.6rem; padding-top: 10px; float: left; width: 100%;}
section{ padding: 90px 0; float: left; position: relative; width: 100%;}
.innerSection{ padding-top: 150px;}
.titleWrap{ float: left; width: 100%; position: relative;}
.viewAllBtn{ position: absolute; right: 5%; top: 105px; }

/* viewAllWrap:start */
.viewAllWrap{  display: flex;
  align-items: center;
  justify-content: center; margin-left: 15px; text-align: center;}

.viewAllWrap .arrow{width: 50px; height: 50px; box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.26); background-color: #ffffff; border-radius: 50%; text-align: center; outline: none; margin-top: 0; display: block;
  line-height: 70px;
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);}
  .viewAllWrap .arrow i{ font-size: 32px;}
  .viewAllWrap .text{display: block;
    margin-top: 5px;
    font-size: 14px;}
  .casestudiesSection .viewAllWrap .text,
  .googNewsSection .viewAllWrap .text{ color: #fff;}
/* viewAllWrap:end */

section .row{ float: left; width: 100%; }
.backBtn{ position: fixed; top: 48px; left: 60px; font-size: 2.4rem; color: #4a4a4a;  -webkit-transition: .5s ease-in-out;
  -moz-transition: .5s ease-in-out;
  -o-transition: .5s ease-in-out;
  transition: .5s ease-in-out;}
.theme1 .backBtn{ color: #fff;}

.titleWrap .searchWrap{ position: absolute; right: 0; top: 10px; width: 250px;}
.titleWrap .searchWrap input{ border-radius: 2px; background-color: #bfced7; padding: 15px 40px 15px 15px; color: #4a4a4a; font-size: 1.4rem; border: none; width: 100%;}
/* .titleWrap .searchWrap  i{position: absolute; right: 15px; top: 20px; font-size: 1.4rem;} */
.titleWrap .searchWrap button {
  position: absolute;
  right: 15px;
  top: 15px;
  font-size: 1.4rem;
  background: none;
  border: none;
}
/* common styes: end */

/* header:start */
header{ float: left; width: 100%; padding:38px 60px;
    transition: opacity .25s ease-in-out;
    -moz-transition: opacity .25s ease-in-out;
    -webkit-transition: opacity .25s ease-in-out;}
 .sticyHeader{background: #fff; -webkit-box-shadow: 0px 0 8px 1px #ded9d9; -moz-box-shadow: 0px 0 8px 1px #ded9d9; -ms-box-shadow: 0px 0 8px 1px #ded9d9; box-shadow: 0px 0 8px 1px #ded9d9; border: none;  padding:20px 60px; min-height: 70px;}
header .logo img{ height: 50px; transition: height 0.5s;} 
.sticyHeader .logo img{ height: 30px;}
.sticyHeader .backBtn{color: #4a4a4a; top: 17px;}
/* header:start */
.overlay { background-color: #000; left: 0; opacity: 0.8; filter: alpha(opacity=80); position: fixed; top: 0; width: 100%; height: 100%; z-index: 1031; display: none; }
/* nav:start */
#nav-icon1,
#menuClose{
    width: 30px;
    height: 24px;
    position: fixed;
    top: 48px;
    right: 60px;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .5s ease-in-out;
    -moz-transition: .5s ease-in-out;
    -o-transition: .5s ease-in-out;
    transition: .5s ease-in-out;
    cursor: pointer;
    z-index: 1032;
  }
  .sticyHeader #nav-icon1{top: 20px;}
  
  #nav-icon1 span,
  #menuClose span {
    display: block;
    margin-top: 5px;
    height: 3px;
    width: 100%;
    background: #4a4a4a;    
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .25s ease-in-out;
    -moz-transition: .25s ease-in-out;
    -o-transition: .25s ease-in-out;
    transition: .25s ease-in-out;
  }

  #menuClose{ top: 30px; right: 30px; z-index: 1033; position: absolute;}

  .theme1 #nav-icon1 span {
    background: #fff;
  }
  .sticyHeader #nav-icon1 span {
  background: #4a4a4a;
  }

  
  #menuClose span:nth-child(1) {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);    
  }
  
  #menuClose span:nth-child(2) {
    opacity: 0;
    margin-left: -60px;
  }
  
  #menuClose span:nth-child(3) {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
    margin-top: -10px;
  }


nav{box-shadow: -2px 2px 10px 0 rgba(0, 0, 0, 0.5); background-color: #ffc000; position: fixed; right: -110%; top: 0; padding:70px 53px 59px 53px; z-index: 1032; height: 100vh; overflow-y: auto; max-width: 384px; width: 100%; -webkit-transition: .25s ease-in-out;
    -moz-transition: .25s ease-in-out;
    -o-transition: .25s ease-in-out;
    transition: .25s ease-in-out;}
nav.open{ right: 0;}
nav ul{ float: left; width: 100%;}
nav ul li{ float: left; font-family: 'Roboto Slab', serif; font-weight: 400; font-size: 2rem; margin-top: 20px; width: 100%;}
nav ul li a{ color:#4a4a4a ; }
nav ul li.active a{ color: #ffffff ; }
nav ul li a:hover{ color:#4a4a4a ; text-decoration: none; }
/* nav:end */

/* bannerSection:start */
.bannerSection{ float: left; width: 100%; padding: 0; position: relative; overflow: hidden; background: #c8d9e2; }
.bannerSection img{ min-width: 100%;}

/* bannerAnimation:start */
.bannerAnimation{ float: left; position: relative; min-width: 100%; width: auto;}
.bannerAnimation img{display: none;}
.bannerAnimation .heroBanner{height: 100vh; display: block;}

.bannerSection .arrow{ position: absolute; width: auto;  min-width: auto;}

.bannerSection .uxarrow-1{bottom: 64.6%; width: 25px; left: 21%; animation: anim1 3s ease-in-out;}
@keyframes anim1 {
  from {bottom: 31.6%; opacity: 0;}
  to {bottom: 64.6%; opacity: 1;}
}

.bannerSection .uxarrow-2{bottom: 50.5%; width: 43px; left: 35.7%;  animation: anim2 3s ease-in-out;}
@keyframes anim2 {
  from {bottom: 38.5%; opacity: 0;}
  to {bottom: 50.5%; opacity: 1;}
}

.bannerSection .uxarrow-3{bottom: 25%; width: 25px; left: 41.1%;  animation: anim3 3s ease-in-out;}
@keyframes anim3 {
  from {bottom: 16%; opacity: 0;}
  to {bottom: 25%; opacity: 1;}
}

.bannerSection .uxarrow-4{bottom: 40.8%; width: 24px; left: 43.8%;  animation: anim4 3s ease-in-out;}
@keyframes anim4 {
  from {bottom: 32.8%; opacity: 0;}
  to {bottom: 40.8%; opacity: 1;}
}

.bannerSection .uxarrow-5{bottom: 37.2%; width: 48px; left: 49.2%;  animation: anim5 3s ease-in-out;}
@keyframes anim5 {
  from {bottom: 10.2%; opacity: 0;}
  to {bottom: 37.2%; opacity: 1;}
}

.bannerSection .uxarrow-6{bottom: 43%; width: 55px; left: 53.8%;  animation: anim6 3s ease-in-out;}
@keyframes anim6 {
  from {bottom: 36%; opacity: 0;}
  to {bottom: 43%; opacity: 1;}
}

.bannerSection .uxarrow-7{bottom: 54.5%; width: 20px; left: 58.2%;  animation: anim7 3s ease-in-out;}
@keyframes anim7 {
  from {bottom: 47.5%; opacity: 0;}
  to {bottom: 54.5%; opacity: 1;}
}

.bannerSection .uxarrow-8{bottom: 38%; width: 35px; left: 60.5%;  animation: anim8 3s ease-in-out;}
@keyframes anim8 {
  from {bottom: 36%; opacity: 0;}
  to {bottom: 38%; opacity: 1;}
}

.bannerSection .uxarrow-9{bottom: 52%; width: 35px; left: 64%;  animation: anim9 3s ease-in-out;}
@keyframes anim9 {
  from {bottom: 36%; opacity: 0;}
  to {bottom: 52%; opacity: 1;}
}

.bannerSection .uxarrow-10{bottom: 56%; width: 50px; left: 67.1%;  animation: anim10 3s ease-in-out;}
@keyframes anim10 {
  from {bottom: 50%; opacity: 0;}
  to {bottom: 56%; opacity: 1;}
}

.bannerSection .uxarrow-11{bottom: 51%; width: 32px; left: 73.3%;  animation: anim11 3s ease-in-out;}
@keyframes anim11 {
  from {bottom: 47%; opacity: 0;}
  to {bottom: 51%; opacity: 1;}
}

.bannerSection .uxarrow-12{bottom: 37%; width: 30px; left: 77.7%;  animation: anim12 3s ease-in-out;}
@keyframes anim12 {
  from {bottom: 34%; opacity: 0;}
  to {bottom: 37%; opacity: 1;}
}

.bannerSection .uxarrow-13{bottom: 48.2%; width: 25px; left: 8.4%;  animation: anim13 3s ease-in-out;}
@keyframes anim13 {
  from {bottom: 20%; opacity: 0;}
  to {bottom: 48.2%; opacity: 1;}
}

.bannerSection .uxarrow-14{bottom: 48%; width: 29px; left: 87%;  animation: anim14 3s ease-in-out;}
@keyframes anim14 {
  from {bottom: 21%; opacity: 0;}
  to {bottom: 48%; opacity: 1;}
}

.mobileBannerLandscape{
	display: none;
}

/* bannerAnimation:end */


/* Mobile Home Banner  */
@media (max-width: 780px) and (min-height: 160px) and (orientation: landscape){ 
	.bannerAnimation{
		display: none;
	}
	
	.mobileBannerLandscape{
		display: block;
		max-width: 100%;
		height: 100vh;
		background: url('/wp-content/themes/zeux-innovation/images/mobile-static.jpg') 0px 0px no-repeat;
		background-size: cover;
		
	}

}

/* Mobile Home Banner Ends */

.bannerContent{ float: left; text-align: center; width: 100%; position: absolute; left: 0; top: 120px;}

.bannerWidget{ position: absolute; right: 60px; bottom: 17.5%; width: 100%; max-width: 320px; height: 97px; border-radius: 10px; box-shadow: 0 4px 8px 0 rgba(105, 105, 105, 0.5); background-color: #ffc000;  opacity:0; transform: scale(0); transition: all .5s ease-in-out; }
.bannerWidget i{width: 101px; height: 101px; border-radius: 50%; position: absolute; left: 0; top: 0;} 
.bannerWidget i img{    border-radius: 50%;
  min-width: auto;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 67px;
  -webkit-box-shadow: 0 4px 8px 0 rgba(105, 105, 105, 0.5);
  -moz-box-shadow: 0 4px 8px 0 rgba(105, 105, 105, 0.5);
  -ms-box-shadow: 0 4px 8px 0 rgba(105, 105, 105, 0.5);
  box-shadow: 0 4px 8px 0 rgba(105, 105, 105, 0.5);} 
.bannerWidget .widgetText{ font-size: 1.6rem;
    padding: 10px;
    line-height: 22px;
    position: absolute;
    left: 87px;
    top: 50%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
    transform: translateY(-50%);
	width: 224px;
    overflow: hidden;
    /* white-space: nowrap; */
    text-overflow: ellipsis;
}
.bannerWidget .widgetText span{font-weight: 700;}
.bannerWidget.visible{ opacity: 1; transform: scale(1);}
/* bannerSection:end */

/* weBelieveSection:start */
.weBelieveSection{ float: left; padding-top:0; width: 100%; margin-top: -2px; background: #fff}
/* .weBelieveSection .swiper-container{ padding:0 60px;} */
.weBelieveSection .swiper-wrapper{ display: block; padding-left: 0;}
/* .weBelieveSection{ float: left;  width: calc(100% + 100px); margin-left: -50px; margin-right: -50px;} */
.weBelieveSection .swiper-slide{ float: left; padding: 30px 50px; width: 33.33%; min-width: 200px;}
.weBelieveSection .box{width: 100%; height: 120px; border-radius: 10px; background-color: #ffc000; float: left; position: relative;  }
.weBelieveSection .box .number{ position: absolute; left: -30px; bottom: 3px; font-family: 'Roboto Slab', serif; font-weight: 700; font-size: 12rem; line-height: 80px; text-shadow: 0 2px 10px rgba(0, 0, 0, 0.5);}
.weBelieveSection .box .number.post-49,
.weBelieveSection .box .number.post-51,
.weBelieveSection .box .number.post-53,
.weBelieveSection .box .number.post-55,
.weBelieveSection .box .number.post-61,
.weBelieveSection .box .number.post-63{ left: -45px;}
.weBelieveSection .box .number.post-57{ left: -47px;}
.weBelieveSection .box .number.post-59{ left: -29px;}
.weBelieveSection .box .boxText{ position: absolute; left: 60px; top: 50%; -webkit-transform: translateY(-50%);  -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); font-size: 1.6rem; padding-right: 15px;} 
.weBelieveSection .box .boxText p{ margin-bottom: 0; }
/* weBelieveSection:end */

/* figureSection:start */
.figureSection .col{ padding: 0;}
.figureSection figure{ float: left; padding: 60px 30px 0 30px; text-align: center; margin: 0; width: 100%;}
.figureSection figure .object{    display: flex;
  width: 100%;
  height: 230px ;
  align-items: flex-end;
  justify-content: center;}
.figureSection figure img{ width: 100%; max-width: 209px;}

.figureSection figure .displayImage{ display: inline-block;}
.figureSection figure .rollhover{ display: none;}

.figureSection figure:hover .displayImage{ display: none;}
.figureSection figure:hover .rollhover{ display: inline-block;}

.figureSection figure figcaption{ font-size: 1.6rem; font-weight: 700; margin-top: 23px;}
.figureSection .subtile{
  text-align: center;
    font-size: 16px;
    margin-top: 16px;
    float: left;
    width: 100%;
    padding: 0 16px;
}
/* figureSection:end */


/* offeringsSection:start */
.offeringsSection.bg1 {
  background-color: #ffc000;
}
.offeringsSection .col {
  display: flex;
  flex-wrap: wrap;
}
.offeringsSection figure {
  padding: 60px 30px 0 30px;
  text-align: center;
  margin: 0;
  width: 33%;
}
.offeringsSection figure .object {
  display: flex;
  width: 100%;
  height: 230px;
  align-items: flex-end;
  justify-content: center;
}
.offeringsSection figure img {
  width: 100%;
  max-width: 209px;
}
.offeringsSection figure .displayImage {
  display: inline-block;
}
.offeringsSection figure .rollhover {
  display: none;
}
.offeringsSection figure:hover .displayImage {
  display: none;
}
.offeringsSection figure:hover .rollhover {
  display: inline-block;
}
.offeringsSection figure figcaption {
  font-size: 1.6rem;
  font-weight: 700;
  margin-top: 23px;
}

.trainingProgramSection h2 {
  max-width: 610px;
}

/* offeringsSection:end */

/* uxbarSection:start */
.uxbarSection{ background-color: #ffc000;}
/* uxbarSection:end */

/* trainingProgramSection:start */
.trainingProgramSection h2{ max-width: 610px;}
/* trainingProgramSection:end */

/* swiper css : start */
.swiper-container { width: 100%; height: 100%; margin-top: 90px; float: left; padding:0 100px 0 100px;}
.swiper-slide { float: left; /* Center slide text vertically */ display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center;}
.swiper-pagination{position: relative; display: inline-block; margin-top: 35px;}
.swiper-container .swiper-pagination{ width: calc(100% + 80px);}
.swiper-pagination-bullet{background-color: #ffffff; opacity: 0.4; width: 8px; height: 8px; display: none;}
.swiper-pagination-bullet:first-child,
.swiper-pagination-bullet:last-child{ display: inline-block;}
.swiper-pagination-bullet-active{ opacity: 1;}

.swiper-button-next, .swiper-button-prev{width: 50px; height: 50px; box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.26); background-color: #ffffff; border-radius: 50%; text-align: center; outline: none; margin-top: 0;}
#team .swiper-button-next, 
#team .swiper-button-prev{
  margin-top: -30px;
}
.swiper-button-next:after, .swiper-button-prev:after{font-size: 18px;
  font-weight: bold;
   color:#4a4a4a;}
.swiper-button-next:after{ margin-left: 4px; }
.swiper-button-prev:after{ margin-right: 4px;}
.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled{ opacity: 0;}
/* swiper css : end */


/* casestudiesSection:start */
.casestudiesSection{background-color: #4a4a4a;}
.casestudiesSection h2{ color: #ffffff;}
.casestudiesSection .subHeading{ color: #ffffff;}
.theme1 .casestudiesSection h2,
.theme1 .casestudiesSection .subHeading{ color: #cadae3;}

.sliderWrapper{ display: flex; width: 100%;}

.casestudiesSection .listWrap{ float: left; margin-top: 90px;}
.casestudiesSection .listWrap .list{ float: left; width: 390px; opacity: 0.99; border-radius: 10px; box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.5); background-color: #ffffff;}
.casestudiesSection .swiper-slide{ float: left; width: 390px;}
.casestudiesSection .box{ float: left; padding: 15px; width: 100%;}
.casestudiesSection .boxShadow{ float: left; width: 100%; opacity: 0.99; border-radius: 12px; box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.5); background-color: #ffffff;}
.casestudiesSection .box figure{ float: left; width: 100%;}
/* .casestudiesSection .box figure img{ width: 100%; border-top-left-radius: 8px; border-top-right-radius: 8px; min-height:188px} */
.casestudiesSection .box .content{ float: left; padding:30px 24px; width: 100%;}
.casestudiesSection .box .content p{ font-size: 1.8rem; clear: both; padding-top: 10px; margin-bottom: 0px;}
.casestudiesSection .box .content .title{ float: left; color: #4c4c4c; font-weight: 700; font-size: 2.4rem; line-height: 30px;; width: 100%; padding-bottom: 13px;}

.list-1{ float: left; width: 100%;}
.list-1 li{ float: left; color: #4c4c4c;  font-size: 1.6rem; margin-top: 13px; padding-left: 24px; width: 100%; position: relative;}
.list-1 li:before{ position: absolute; left: 0; top: 5px; content: "✓"; color: #c6d6df; background: #4c4c4c; width: 14px; height: 14px; border-radius: 50%; font-size: 0.9rem; text-align: center; line-height: 14px;}

/* with pure css columns layout:start */
.columnsLayout{ float: left; margin-top: 45px; width: calc(100% + 30px);}
 .columnsLayout .boxWrap{
  width: 100%;
  columns: 3;
  -ms-columns: 3;
  column-gap: 5px;
  margin-left: -15px;
  margin-right: -15px;
}
.columnsLayout .boxWrap .box{ overflow: hidden; break-inside: avoid; }
/* with pure css columns layout:end */


/* jQuery masonry layout:start */
.grid{float: left; margin-top: 45px; width: 100%;}
.grid:after {
  content: '';
  display: block;
  clear: both;
}
.grid-item { width: 33.33%; float: left; }
/* jQuery masonry layout:end */

/* custom-gallary:start */
.custom-gallary{
        display: flex;
        flex-wrap: wrap;
        width: calc(100% + 20px);
        margin-left: -10px;
        margin-right: -10px;
        margin-top: 10px;
}

.custom-gallary .custom-gallary-item{
      padding: 10px;
      width: 100%;
}

.custom-gallery-columns-2 .custom-gallary-item{
    width: calc(100%/2);
}

.custom-gallery-columns-3 .custom-gallary-item{
    width: calc(100%/3);
}

.custom-gallary .custom-gallary-item img{
    max-width: 100%;
}
/* custom-gallary:end */

/* wp-block-gallery:start */
.caseStudySingle .wp-block-gallery{
        display: flex;
        flex-wrap: wrap;
        width: 100%;
}
.caseStudySingle .wp-block-gallery .wp-block-image{
    padding: 10px;
}

.caseStudySingle .wp-block-gallery .wp-block-image img{
    max-width: 100%;
}
/* wp-block-gallery:end */

/* casestudiesSection:end */

/* tradeSecretsSection:start */
.tradeSecretsSection{background-color: #cadae3;}
.tradeSecretsSection .swiper-slide{ float: left; width: 390px;}
.tradeSecretsSection .box{ float: left; width: 100%; padding: 15px;}

.tradeSecretsSection .boxShadow{ float: left; width: 100%; opacity: 0.99; border-radius: 10px; box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.5); background-color: #ffffff;}
.image-box-outer {
  width: 100%;
  position: relative;
  padding-top: 70%;
}
.image-box-inner {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  white-space: nowrap;
  overflow: hidden;
  text-align: center;
}
.image-box-inner img {
  vertical-align: middle;
  display: inline-block !important;
  height: 100%;
  max-width: 100%;
  object-fit: cover;
  width: 100%;
  max-height: 100%;
  border-radius: 10px 10px 0 0;
}
.tradeSecretsSection .box figure{ float: left; width: 100%;}
.tradeSecretsSection .box figure img{ width: 100%; border-radius: 10px 10px 0 0;}
.tradeSecretsSection .box .content{ float: left; padding:30px 24px; width: 100%;}
.tradeSecretsSection .box .content .title{ float: left; color: #4c4c4c; font-weight: 700; font-size: 2.4rem; line-height: 30px; width: 100%;}
.tradeSecretsSection .box .content .title small{ font-size: 1.8rem; font-weight: 400; display: block; line-height: 24px; margin-top: 5px;}
.tradeSecretsSection .box .content .authorDate{ float: left; color: #4a4a4a; font-size: 1.4rem; width: 100%; border-top: 2px solid #ffc000; margin-top: 15px; padding-top: 15px;}

.tradeSecretsSection .swiper-pagination-bullet{background-color: #4a4a4a; opacity: 0.4;}
.tradeSecretsSection .swiper-pagination-bullet-active{ opacity: 1}
/* tradeSecretsSection:end */

/* meetTheCrewSection:start */
.meetTheCrewSection{ background-color: #ffc000;}
/*.meetTheCrewSection .swiper-container{ padding: 0;}*/
.meetTheCrewSection .swiper-slide{ float: left; width: 295px; padding-bottom:15px; margin-right: 130px;}
.meetTheCrewSection .box{display: block; width: 100%; border-radius: 10px; max-width: 295px; text-align: left; padding:0 15px; overflow: hidden;     margin: 0 auto;}
.meetTheCrewSection .box figure{ text-align: center; width: 100%; background-color: #ffc000;}
.meetTheCrewSection .box figure img{ max-width: 100%; filter: grayscale(1); transition: grayscale 5s; }
.meetTheCrewSection .box figure.hoverImg{ display: none; }
/* .meetTheCrewSection .box:hover figure img{filter: grayscale(0); mix-blend-mode: multiply;} */
.meetTheCrewSection .box:hover figure {display: none;}
.meetTheCrewSection .box:hover figure.hoverImg {display: block;}
.meetTheCrewSection .box:hover figure.hoverImg img {filter: grayscale(0);}
.meetTheCrewSection .box .content{ float: left; padding:22px 20px; width: 100%;     border-radius: 5px; background-color: #ffffff;  box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.26);}
.meetTheCrewSection .box .content .name{ float: left; width: 100%; font-weight: 700; font-size: 1.4rem;}
.meetTheCrewSection .box .content .designation{ float: left; width: 100%; font-size: 1.4rem;}
.meetTheCrewSection .box .content .quotes{ float: left; width: 100%; font-style: italic; font-weight: 400; font-size: 1.4rem; padding-top: 16px;}
/* meetTheCrewSection:end */

/* team-page:start */
.teamSection{ float: left; position: relative; width: calc(100% + 60px); margin-left: -30px; margin-right: -30px; margin-top: 60px;}

.meetTheCrewSection .desktopGridder{ display: block;}
.meetTheCrewSection .mobileGridder{ display: none;}

.teamSection .gridder-list,
.teamSection ul li{ width: 33.33%; padding: 30px; margin: 0; cursor: pointer; display: inline-block; text-align: center;}

.gridder-list:hover {
  opacity:1;
}
.hasSelectedItem .gridder-list {
  opacity: 1;
}
.hasSelectedItem .gridder-list.selectedItem figure img,
.hasSelectedItem .gridder-list.selectedItem .box .content{
  filter: grayscale(0);
  mix-blend-mode: multiply
}

/* for below each of grid:start */
/* .gridder-show{margin: 0 30px; width: calc(100% - 60px);} */
/* for below each of grid:end */

/* for popup each of grid:start */
.gridder-show{margin: 0;
  width: calc(100% - 120px);
  position: fixed;
  z-index: 1032;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  max-width: 1440px;}

.gridder-padding{ margin: 0 40px; position: relative;}
/* for popup each of grid:end */

.team-page .meetTheCrewSection .row{ margin-top: 70px;}
.meetTheCrewSection .teamMemberExpand{float: left; width: 100%;}
.meetTheCrewSection .teamMemberExpand .box{ display: flex; float: none; box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.26);position:relative; max-width: 100%; padding: 0;}
.meetTheCrewSection .teamMemberExpand .box .closeBtn{ position: absolute; right: 28px; top: 28px; color: #ffc000; font-size: 2rem; cursor: pointer; z-index: 1;}
.gridder-close{ position: absolute; right: 37px; top: 17px; color: #ffc000; font-size: 2rem; cursor: pointer; z-index: 1;}
.gridder-close:hover{ color: #ffc000;}

.gridder-nav{ display: none;}
.meetTheCrewSection .teamMemberExpand .box figure{background-color: #ffc000; width: 40%; max-height: 100%; position: relative;}
.meetTheCrewSection .teamMemberExpand .box:hover figure{display: inherit}
.meetTheCrewSection .teamMemberExpand .box figure img{max-height: calc(100% - 30px); vertical-align: bottom; position: absolute; bottom: 0px; left: 50%;
/*   -webkit-transform: translateX(-50%); */
/*   -moz-transform: translateX(-50%); */
/*   -ms-transform: translateX(-50%); */
  transform: translateX(-50%);
  filter: grayscale(0);
/*     mix-blend-mode: multiply; */
}
.meetTheCrewSection .teamMemberExpand .box .content{background-color: #fff; width: 60%; border-radius:0; box-shadow: none; padding: 30px 32px;}
.meetTheCrewSection .teamMemberExpand .box .content .name{font-size: 2.4rem;}
.meetTheCrewSection .teamMemberExpand .box .content .designation{ font-size: 1.6rem;}
.meetTheCrewSection .teamMemberExpand .box .content .quotes{font-size: 1.6rem; font-weight: 700; font-style: italic;}
.meetTheCrewSection .teamMemberExpand .box .content p{ color: #4a4a4a; float: left; font-size: 1.6rem; line-height: 24px; margin: 15px 0 0 0;  width: 100%;}
.meetTheCrewSection .teamMemberExpand .box .content .btnWrap{float: left; width: 100%; margin-top: 30px;}
/* team-page:end */

/* founderSection:start */
.founderSection{ background-color: #ffc000;}
.founderSection .row{ margin-top: 150px;}

.founderSection .infoWrap{border-radius: 5px; box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.26); background-color: #ffffff; float: left; width: 100%;}
.founderSection #founderDesktop{ display: block;}
.founderSection #founderMobile{ display: none;}

.teamSinglePage figure{ float: left; width: 100%; text-align: center; /*height: 292px;*/ overflow: hidden; background-color: #ffc000;}
.teamSinglePage figure img{ max-width: 250px; width: 100%;}

.founderSection .topInfo{float: left; padding:0 30px 30px; text-align: center; width: 100%;}
.founderSection .topInfo figure{ float: left; width: 100%; margin-top: -90px;}
.founderSection .topInfo figure img{ width: 180px; height: 180px;  border-radius: 50%; 
  /* -webkit-box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.6);
  -moz-box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.6);
  -ms-box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.6);
  box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.6); */
}
.founderSection .topInfo .name{ float: left; width: 100%; font-weight: 700; font-size: 2rem; margin-top: 15px;}
.founderSection .topInfo .designation{ float: left; width: 100%; font-size: 1.6rem;}
.founderSection .topInfo .quotes{ float: left; width: 100%; font-weight: 700; font-style: italic; font-size: 2rem; padding-top: 16px;}

.founderSection .btmInfo{background-color: #cadae3; float: left; padding: 30px; width: 100%;}
.founderSection .btmInfo p{ color: #4a4a4a; float: left; font-size: 1.6rem; margin: 15px 0 0 0;  width: 100%;}
.founderSection .btmInfo .btnWrap{ float: left; width: 100%; margin-top: 30px;}
/* founderSection:end */

/* ourClientSection:start */
.ourClientSection{background-color: #cadae3;}
.ourClientSection .swiper-slide{ float: left; width: 390px;}
.ourClientSection .box{ float: left; width: 100%; padding: 15px;}
.ourClientSection .boxShadow{ float: left; width: 100%; opacity: 0.99; border-radius: 10px; box-shadow: 0 2px 15px 0 rgba(0, 0, 0, 0.17); background-color: #ffffff;}
.ourClientSection .box figure{ float: left; margin-bottom: 10px; width: 100%;}
.ourClientSection .box figure img{ width: 90px; height: 90px; border-radius: 50%;}
.ourClientSection .box .content{ float: left; padding:30px 24px; width: 100%; position: relative;}

.ourClientSection .box .content .name{ float: left; width: 100%; font-weight: 700; font-size: 1.4rem;}
.ourClientSection .box .content .designation{ float: left; width: 100%; font-size: 1.4rem;}
.ourClientSection .box .content .quotes{ float: left; width: 100%; font-weight: 700; font-style: italic; font-size: 1.4rem; padding-top: 16px;}

.ourClientSection .box .content .quotes.moreHome{ height: 95px; overflow: hidden; }
.ourClientSection .box.extraMore .content .quotes.moreHome{ height: 116px;}
.ourClientSection .box .content .moreHomeLink.desktop,
.ourClientSection .box .content .morelink.desktop{ display: block;}
.ourClientSection .box .content .moreHomeLink.mobile{ display: none;}

.morelink,
.moreHomeLink{background-color: #fff; color: #4a4a4a; font-size: 1.4rem; cursor: pointer; position: absolute; right: 25px; bottom: 25px;}
.morelink a,
.moreHomeLink a{color: #ffc000;}
.lesslink{position: absolute; right: 30px; top: 30px; cursor: pointer; font-size: 2rem;}

.ourClientSection .swiper-pagination-bullet{opacity:0.4;}
.ourClientSection .swiper-pagination-bullet-active{opacity: 1;}
/* ourClientSection:end */

.singlePostPage{background: none; padding-bottom: 60px;}
.singlePostPage .box{ padding:0}
.singlePostPage .box .content{ padding:0}


/* googNewsSection:start */
.googNewsSection{background-color: #4a4a4a;}
.googNewsSection h2{ color: #ffffff; }
.googNewsSection .subHeading{ color: #ffffff;}

.theme1 .googNewsSection h2{ color: #cadae3;}

.googNewsSection .swiper-slide{ float: left; width: 390px;}
.googNewsSection .box{ float: left; padding: 15px; width: 100%;}
.googNewsSection .boxShadow{ float: left; width: 100%; opacity: 0.99; border-radius: 10px; box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.5); background-color: #ffffff;}

.googNewsSection .box figure{ float: left; text-align: center; margin-top: 42px; width: 100%;}
.googNewsSection .box figure img{ max-width: 250px; min-height:102px;}
.googNewsSection .box .content{ float: left; padding:30px 24px; width: 100%;}
.googNewsSection .box .content .title{ float: left; color: #4c4c4c; font-weight: 700; font-size: 1.6rem; line-height: 24px; width: 100%;}
.googNewsSection .box .content .authorDate{ float: left; color: #4a4a4a; font-size: 1.4rem; width: 100%; border-top: 2px solid #ffc000; margin-top: 15px; padding-top: 15px;}
/* casestudiesSection:end */

/* goodhandsSection:start */

/* goodhandsSection:end */

/* clientsSection:start */
.clientsSection .brandLogo{ text-align: center;}
.clientsSection .brandLogo img{ max-width: 100%;}

.clientsSection .countWrapClm{ float: right;}
.clientsSection .countWrap{ margin-top: 10px; display: inline-block; padding-left: 25px; text-align: center;}
  .clientsSection .countWrap:first-child{ padding-left: 0;}
.clientsSection .countWrap span{ display: block; font-size: 1.2rem; width: 100%;}
.clientsSection .countWrap .count{ color: #ffc000;  font-size:3.2rem; font-family: 'Roboto Slab', serif; font-weight: 700; }

.clientLogo{ float: left; margin-top: 40px; width: 100%;}
.clientLogo ul{ float: left;  width: calc(100% + 100px);  margin-left: -50px; margin-right: -50px; }
.clientLogo ul li { float: left; text-align: center; width: 20%; height: 150px; vertical-align: middle; position: relative; }
.clientLogo ul li img {max-width: 180px; max-height: 100%;
  width: 100%;

   /* position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); max-height: 110px; */
   }

.clientsSection .viewAllBtn{ 
/* 	display: none; */
	position: inherit;
}
/* clientsSection:end */

/* clientLogoCarousel:start */
.clientLogoCarousel .swiper-slide{
  width: 180px; height: auto; vertical-align: middle; position: relative;
  margin-right: 30px;
}
.clientLogoCarousel .swiper-slide img {max-width: 100%; max-height: 100%; width: 100%;}
/* clientLogoCarousel:end */

/* winningSection:start */
.winningSection .row { margin-top: 40px; width: calc(100% + 60px); margin-left: -30px; margin-right: -30px; justify-content: center; }
.winningSection figure{ float: left; width: 100%; margin: 0; padding: 20px; text-align: center; }
.winningSection .row .col-md-3{
    padding:30px 0;
}
.winningSection figure img{ width: 100%; max-width: 260px; }
/* winningSection:end */

/* aboutSection:start */
.aboutSection p {font-size: 16px; max-width: 800px;}
/* aboutSection:end */

/* mapSection:start */
.mapSection{ padding: 0; float: left; width: 100%; position: relative;}
.mapSection iframe{height: 100%;
  min-height: 450px;
  width: 100%;
  border: none;}
.mapSection .mapOverlayContent{background-image: linear-gradient(to top, rgba(232, 240, 244, 0), #ccdce5 63%); float: left; width: 100%; height: 417px; position: absolute; top: 0; left: 0; z-index: 1; padding: 60px;}
.mapSection .address{ font-size: 1.4rem; margin-top: 30px; float: left; width: 100%;;}
.mapSection .address span{font-weight: 700;}
.helloSection{background-color: #ffc000;}
.contactForm{ float: left; padding: 60px; width: 100%;}
.contactForm .form{ float: left; width: 100%;}
.contactForm .form h2{ margin-bottom: 30px;}

/* custom-radio:start */
.contactForm .form .custom-radio{ margin-bottom: 10px;}
[type="radio"]:checked,
[type="radio"]:not(:checked) {
    position: absolute;
    left: -9999px;
}
[type="radio"]:checked + label,
[type="radio"]:not(:checked) + label
{
    position: relative;
    padding-left: 28px;
    cursor: pointer;
    line-height: 20px;
    display: inline-block;
    font-size: 1.6rem;
}
[type="radio"]:checked + label:before,
[type="radio"]:not(:checked) + label:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 20px;
    height: 20px;
    border: 1px solid #4a4a4a;
    border-radius: 100%;
    -webkit-transform: scale(0.8);
    -moz-transform: scale(0.8);
    -ms-transform: scale(0.8);
    transform: scale(0.8);
}
[type="radio"]:checked + label:after,
[type="radio"]:not(:checked) + label:after {
    content: '';
    width: 12px;
    height: 12px;
    background: #4a4a4a;
    position: absolute;
    top: 4px;
    left: 4px;
    border-radius: 100%;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
}
[type="radio"]:not(:checked) + label:after {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
}
[type="radio"]:checked + label:after {
    opacity: 1;
    -webkit-transform: scale(0.6);
    transform: scale(0.6);
}
/* custom-radio:end */
.contactForm .form .btnWrap{ margin-top: 30px;}

.enquieryForm{ float: left; width: 100%; display: none; -webkit-transition: .25s ease-in-out;
  -moz-transition: .25s ease-in-out;
  -o-transition: .25s ease-in-out;
  transition: .25s ease-in-out;}
.enquieryForm .formWrap{max-width:360px; }
.enquieryForm .formWrap.center{margin:0px auto; }
.enquieryForm .formBackBtn{ font-size: 2.4rem; margin-bottom: 30px; cursor: pointer;}
.enquieryForm h3{ float: left; width: 100%; font-family: 'Roboto Slab', serif; font-weight: 700; font-size: 6rem; margin: 0 0 30px 0}
.enquieryForm .form-group{ float: left; margin-bottom: 15px;  width: 100%;}
.enquieryForm .form-group .form-control{ border-radius: 2px; background-color: #f2b703; height: auto; border: navajowhite; padding: 15px; font-size: 1.4rem;}
.enquieryForm .form-group textarea.form-control{ height: 100px;}


.thankYouMsg{ float: left; width: 100%; max-width:360px; -webkit-transition: .25s ease-in-out;
  -moz-transition: .25s ease-in-out;
  -o-transition: .25s ease-in-out;
  transition: .25s ease-in-out; display: none;}
.thankYouMsg h3{ float: left; width: 100%; font-family: 'Roboto Slab', serif; font-weight: 700; font-size: 2.8rem; margin: 0 0 15px 0}
.actionLinks{ margin-top: 100px; float: left; width: 100%;}
.thankYouMsg p{ float: left; width: 100%; font-size: 1.4rem;     margin-bottom: 15px;}
.thankYouMsg p a{font-weight: 500; border-bottom: solid 1px #4a4a4a; padding-bottom: 3px; float: left;}
.thankYouMsg p i{ margin-top: 3px; float: left; font-size: 2rem; margin-left: 10px;}

.thankYouMsg .actionLinks{margin-top: 15px;}

.contactEmail{ margin-top: 40px; float: left; width: 100%;}
.contactEmail p{ font-size: 1.6rem;  }
.contactEmail .row{ margin-top: 30px; float: left; width: 100%;}
.contactEmail h3{ font-size: 1.6rem; font-weight: 700;}
.contactEmail a{     font-size: 1.6rem;
    color: #4a4a4a;
    border-bottom: solid 0.125rem #4a4a4a;
    padding-bottom: 2px;
    font-weight: bold;    
}

.contactEmail a:hover{ text-decoration: none; }

.place-card,
.place-card-large{ display: none !important;}
.mapSection .place-card-large{ display: none !important;}
.mapSection .place-card .place-card-large{
  display: none !important;
}

.hiringContent{
  background: #ffffff;
  padding: 60px;
  clear: both;
}

.hiringContent h2{
  float: none;
  margin-bottom: 25px;
}

.hiringContent p{ font-size: 1.6rem;  }
.hiringContent a{     font-size: 1.6rem;
  color: #4a4a4a;
  border-bottom: solid 0.125rem #4a4a4a;
  padding-bottom: 2px;
  font-weight: bold;
}

.hiringContent .btnWrap{
  padding: 20px 0px 30px 0px;
}

.hiringContent button{
  color: #ffffff;
}


/* mapSection:end */ 

/* offeringDetailSection:start */

.offeringDetailSection .row{    align-items: center;}
.offeringDetailSection .leftClm{padding-right: 50px; border-right: solid 1px #4a4a4a;}
.offeringDetailSection .rightClm{padding-left: 50px;}

.offeringDetailSection .lhsContent,
.offeringDetailSection .rhsContent{ float: left; width: 100%;}
.offeringDetailSection figure{ max-width: 209px;     margin-bottom: 30px;}
.offeringDetailSection figure img{ max-width: 100%;}
.offeringDetailSection .description{ font-size: 2.4rem; font-weight: 700; font-style: italic; margin-top: 30px; float: left;
  width: 100%;}
  .offeringDetailSection .description p{ font-size: 2.4rem;}
.offeringDetailSection p{ font-size: 1.6rem; margin-bottom: 15px; float: left; width: 100%;}
.offeringDetailSection p a{ border-bottom: solid 1px #4a4a4a;}
.offeringDetailSection p.last{ margin-bottom: 0;}
.offeringDetailSection p.title{ margin-bottom: 5px; font-weight: 700;}
.offeringDetailSection .bold{ font-weight: 700;}

.offeringDetailSection ul{float: left; width: 100%;}
.offeringDetailSection li{ font-size: 1.6rem; margin-bottom: 15px; float: left; position: relative; width: 100%; padding-left: 20px;}
.offeringDetailSection li:before{ content: ''; position: absolute; left: 0; top: 8px; width: 8px; height: 8px; background-color: #4a4a4a; border-radius: 50%; }

.uxbarlandingsection .offeringDetailSection{background-color:#ffc000; padding-top: 120px;}
.traininglandingSection .offeringDetailSection{ background-color: #fff;}

.traininglandingsection .offeringDetailSection{padding-top: 120px;}
/* offeringDetailSection:end */

/* founderPage:start */
.founder-page .innerSection{ padding-top: 140px;}
.founder-page .founderSection{ background-color: #ffc000;}
/* founderPage:start */

/* footer:start */
footer{background-color: #4a4a4a; float: left; width: 100%; padding: 30px 60px;}
.footer-2{padding: 60px;}
.footer-inner-pages{padding: 60px;}
footer h2{color: #ffffff; font-size: 2.8rem; line-height: 28px; margin-bottom: 20px;}
footer p{ float: left; color: #ffffff; font-size: 1.2rem; margin: 0;}
footer p a{ color: #ffffff;}
footer p a:hover{ color: #ffffff;}
footer .social{ float: right;}

footer .social li a{ float: left; color: #ffffff; font-size: 1.6rem;}

footer .social ul li svg {
  width: 20px;
  height: 20px;
}
footer .social ul li svg.instagram-icon {
  width: 15px;
  height: 15px;
}
footer .social ul li svg path {
  fill: #fff;
}

footer .social.rounded li{
  padding: 0 5px;
  float: left;
}
footer .social.rounded li:first-child{
  padding-left: 0;
}
footer .social.rounded li a{ background: #fff; height: 24px; width: 24px; border-radius: 50%; display: flex; align-items: center; justify-content: center; color: #4A4A4A; font-size: 1.2rem;}



footer .custom-button-3{background-color: #ffffff; color: #4a4a4a;}
.bottomFooter{
	    display: flex;
		width: 100%;
		justify-content: space-between;
		flex-direction: row-reverse;
}
.bottomFooter .copyrights-links{
  width: 50%;
  display: flex;
  justify-content: space-between;
  font-size: 1.2rem;
  color: #ffffff;
}
.bottomFooter .social{
  width: 100%;
}
footer .bottomFooter .copyrights-links .mobile-links {
  display: none;
}
footer .bottomFooter .group-wrap {
  padding-left: 100px;
  display: flex;
  width: calc(50% + 10px);
  margin-left: -5px;
  margin-right: -5px;
  margin-top: -5px;
  align-items: center;
  justify-content: flex-end;
}
footer .bottomFooter .group-wrap .group {
  width: 25%;
  padding: 5px;
}
footer .bottomFooter .group-wrap .group a {
  font-size: 1.2rem;
  color: #fff;
  line-height: 16px;
}
footer .bottomFooter .social ul {
  display: flex;
  align-items: center;
  width: 100%;
}
footer .bottomFooter .social ul li {
  padding-left: 20px;
}
footer .bottomFooter .group-wrap .social a {
  font-size: 1.6rem;
}
footer .bottomFooter .social ul li:first-child {
  padding-left: 0;
}
.topFooter{
    border-bottom: solid 1px #979797;
    padding: 0 0 30px 0;
    margin-bottom: 30px;
    float: left;
    width: 100%;
}
.topFooterLeft{float: left; width: 50%;}
.footerLinks{ 
  width: 50%;
  padding-left: 100px;
}
.footerLinks ul{
  display: flex;
  flex-wrap: wrap;
  width: calc(100% + 10px);
  margin-left: -5px;
  margin-right: -5px;
  margin-top: -5px;
}
.footerLinks li{ 
  width: calc(100% / 4);
  padding: 5px;
}
.footerLinks li a{ color: #fff; font-size: 1.2rem; line-height: 20px;}
.footerLinks li a:hover{ text-decoration: none;}

footer .custom-button-3{ padding: 12px 14px;}

/*footer-contnet:start*/
.footer-logo{
  width: 98px;
}
.footer-logo img{
  max-width: 100%;
}
.footer-logo img.black-logo {
  display: none;
}
.footer-logo img.white-logo {
  display: block;
}

.footer-contnet{
  display: flex;  
  padding-top: 30px;
}

.footer-contnet .about{ width: 40%;}
.footer-contnet .about p{
  font-size: 16px;
  line-height: 30px;
  font-weight: 400;
  margin-top: 0;
}
.footer-contnet .contact{ width: 30%; padding-left: 100px;}
.footer-contnet .contact h3{
  color: #fff;
  font-weight: 700;
  font-size: 26px;
  line-height: 24px;
  font-family: 'Roboto Slab', serif;
}

.footer-contnet .contact p{
  color: #fff;
  font-size: 16px;
  line-height: 30px;
  margin-top: 24px;
}

.footer-contnet .contact .social{
  width: 100%;
  padding-top: 16px;
}

.footer-contnet .get-in-touch{ width: 30%;  padding-left: 100px; padding-bottom: 30px; display: flex; align-items: flex-end;}
.footer-contnet .get-in-touch li{ padding-top: 30px; 
}
.footer-contnet .get-in-touch li a{ color: #fff; font-weight: 700;
  font-size: 26px;
  font-family: 'Roboto Slab', serif;
  display: flex;}
.footer-contnet .get-in-touch li span{
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background: #ffffff;
  margin-right: 11px;
  display: flex;
  align-items: center;
  justify-content: center;
  transform: rotate(180deg);
}
.footer-contnet .get-in-touch li span i{color: #4A4A4A; font-size: 16px;}
.footer-contnet .get-in-touch li.style2 a{
  color: #FFC000;
}
.footer-contnet .get-in-touch li.style2 span{
  background: #FFC000;
}

.smftr .footer-contnet {padding-top: 0;}
.smftr .footer-contnet .get-in-touch {width: 100%; padding-left: 0; padding-bottom: 0;}
.smftr .footer-contnet .get-in-touch li {padding-top: 0; padding-right: 60px; display: inline-block;}

@media only screen and (min-width: 0px) and (max-width: 767px) {
  .smftr .footer-contnet .get-in-touch li {padding-bottom: 30px;}
}
/*footer-contnet:end*/

/* footer-inner-pages:start */
.footer-inner-pages .footer-contnet .about{ width: 50%;}
.footer-inner-pages .footer-contnet .about p {
  font-size: 1.2rem;
  line-height: 20px;
}
/* footer-inner-pages:end */

.theme1 footer{ background-color: #ffc000;}
.theme1 footer h2{color: #4a4a4a;}
.theme1 footer p{color: #4a4a4a;}
.theme1 footer p a{ color: #4a4a4a;}
.theme1 footer p a:hover{ color: #4a4a4a;}
.theme1 footer .social li a{color: #4a4a4a;}
.theme1 .footerLinks li a{ color: #4a4a4a;}
.theme1 .topFooter{border-color: #4a4a4a;}
.theme1 footer .custom-button-3{background-color: #4a4a4a; color: #ffc000;}
.theme1 .footer-logo img {
  -webkit-filter: none;
  filter: none;
}
.theme1 footer .bottomFooter .group-wrap .group a{
  color: #4a4a4a;
}
.theme1 footer .social ul li svg path {
  fill: #4a4a4a;
}

.theme1 .footer-logo img.black-logo {
  display: block;
}
.theme1 .footer-logo img.white-logo {
  display: none;
}

/* footer:end */


/* innerFooter:end */


/* caseStudy style*/
.caseStudyBgGradient{
	min-height: 636px;
}
.caseStudyHeaderImage{
	position: relative;
	min-height: 636px;
	margin-bottom: 60px;
	background-repeat: no-repeat;
	background-size: cover;
/* 	background-position: 50% 50%; */
}
.cs-banner-npspace .caseStudyHeaderImage{margin-bottom:0px;}
.caseStudyHeaderImage h2{
	color: white;
	padding-top: 140px;
	max-width: 688px;
	line-height: 8rem;
	float: none;
}
.csbannertheme1 .caseStudyHeaderImage h2,
.csbannertheme1 .clientDetails{
	color: #4a4a4a;
	max-width: 675px;
}

.csaoltheme .caseStudyHeaderImage h2,
.csaoltheme .clientDetails{
	max-width: 604px;
}
.caseStudySingle .container,
.caseStudyHeaderImage .container{
	max-width: 1160px;
}
.cs_kuhoo_theme .caseStudySingle .container{
  max-width: 720px;
  padding: 0;
}
.cs_kuhoo_theme .caseStudySingle .container h3 {
    font-size: 24px;
    font-weight: 700;
    margin-bottom: 15px;
    line-height: 28px;
}
.cs_kuhoo_theme .caseStudySingle .container p, .cs_kuhoo_theme .caseStudySingle .container ul li {
    font-size: 18px;
}
@media only screen and (min-width: 0px) and (max-width: 992px) {
    .cs_kuhoo_theme .caseStudySingle .container {
        padding: 0 30px;
    }
    .cs_kuhoo_theme .caseStudySingle .container p, .cs_kuhoo_theme .caseStudySingle .container ul li {
        font-size: 16px;
    }
}
.clientDetails{
	color: #ffffff;
	font-size: 16px;
	line-height: 24px;
	padding-top: 40px;
}
.clientDetails .list{
	margin-bottom: 7px;
    line-height: 18px;
}
.caseStudySingle{
	font-size: 16px;
	line-height: 1.5;
}
.caseStudySingle p{
	margin-bottom: 15px;
}
.caseStudySingle h3{
	font-size: 24px;
	font-weight: 700;
	margin-bottom: 20px;
	padding-top: 30px;
}
.caseStudySingle .grayBg{
	background: #cadae3;
	padding: 60px 0px 30px 0px;
	font-weight: 400;
	margin: 30px 0px;
}
.caseStudySingle .container p:last-child{
	margin-bottom: 30px;
}
.caseStudySingle .grayBg p:last-child{
	margin-bottom: 0px;
}
.grayBg h3{
	padding-top: 0px;
	line-height: inherit;
}
.caseStudySingle .has-normal-font-size{
	line-height: 24px;
}
.caseStudySingle .gallery,
.caseStudySingle .blocks-gallery-grid{
	display: flex;
 	justify-content:center !important;
/* 	width: 100%; */
/* 	padding: 5px 0px 15px 0px; */
	padding:0;
	width: calc(100% + 30px);
    margin-left: -15px !important;
    margin-right: -15px !important;
}
.caseStudySingle .gallery br,
.caseStudySingle .blocks-gallery-grid br{
	display:none;
}
.caseStudySingle .blocks-gallery-grid{
	padding-bottom: 0;
	margin-bottom: 0px !important;
}
.caseStudySingle .blocks-gallery-grid,
.caseStudySingle .wp-block-gallery{
	flex-wrap: nowrap !important;
}
.caseStudySingle .blocks-gallery-item{
	flex-grow: 0 !important;
	margin: 0px !important;
}
.caseStudySingle .gallery-item,
.caseStudySingle .blocks-gallery-item{
	float: none !important;
	width: auto !important;
	padding: 15px;	
	margin:0 !important;
	text-align:center;
	list-style-type:none;
}
.cs-os-gallary-nospace .caseStudySingle .gallery-item,
.cs-os-gallary-nospace .caseStudySingle .blocks-gallery-item{
	float: none !important;
	width: auto !important;
	margin:0;
}
.caseStudySingle .gallery-item img,
.caseStudySingle .blocks-gallery-item img{
	border: 0px !important;
	max-width: 100%;
	height: auto !important;
	-webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.1);
-moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.1);
box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.1);
}

.cs_leapbridge_theme .caseStudySingle #gallery-1{
	justify-content:space-between !important;
}
.cs_leapbridge_theme .caseStudySingle #gallery-1 .gallery-item img{	
	max-height:200px;
	width:auto;	
}

.cs_leapbridge_theme .caseStudySingle #gallery-1 .gallery-item img,
.cs_leapbridge_theme .caseStudySingle #gallery-2 .gallery-item img,
.cs_leapbridge_theme .caseStudySingle #gallery-3 .gallery-item img,
.cs_leapbridge_theme .caseStudySingle #gallery-8 .gallery-item img,
.cs_leapbridge_theme .caseStudySingle #gallery-9 .gallery-item img,
.cs_leapbridge_theme .caseStudySingle #gallery-10 .gallery-item img,
.cs_tata_sons_theme .caseStudySingle #gallery-2 .gallery-item img{
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}
.cs_leapbridge_theme .caseStudySingle #gallery-3 .gallery-item img{
	cursor:pointer;
}
.cs_tata_sons_theme .caseStudySingle #gallery-2 .gallery-item img{
  width: 500px;
  max-width: 100%;
}

.caseStudySingle .gallery-item .gallery-caption{
	margin-top: 10px;
    font-size: 14px;
}
.caseStudySingle ul{
	margin-bottom: 15px;
}
.caseStudySingle ul.extraleft{
	margin-left: 25px;
}
.caseStudySingle ul li{
	list-style-type: disc;
	margin-left: 30px;
	line-height: 1.5;
	padding-bottom: 10px;
}
.caseStudySingle blockquote p{
	position: relative;
	padding-left: 30px;
}
.caseStudySingle blockquote p:before{
	content: '';
	display: block;
	position: absolute;
	left: 16px;
	top: 10px;
	width: 6px;
	height: 6px;
	border-radius: 50%;
	background: #000000;
}
.caseStudySingle blockquote p{
	margin: 0px !important;
	line-height: 1.5;
	margin-bottom: 10px !important;
}
.caseStudySingle img.alignright{
	float: right;
	margin-bottom: 40px;
	margin-top: 5px;
	margin-right: 30px;
	margin-left: 30px;
}
.caseStudySingle .wp-block-image .alignright{
 	margin-left: 3em;
	margin-bottom: 30px;
}
.caseStudySingle img.alignnone{
	max-width: 100%;
	height: auto;
}

/* Offer Logos Section */
.offersLogoSection{
	position: relative;
	clear: both;
	padding-bottom: 10px;
}
.offersLogoSection h3{
	font-weight: 700;
	font-size: 36px;
	line-height: auto;
	margin: 0px;
	padding: 60px 0px 0 0px;
	font-weight: bold;
}
.offerlogos{
	display: flex;
	overflow: hidden;
	flex-wrap: wrap;
}
.offerlogos div{
	width: calc(100%/4);
	float: left;
	margin-bottom: 40px;
}
.offerlogos img{
	max-width: 100%;
}

/* Life at Zeux */
.lifeatzeuxSection{background-color: #cadae3; padding-bottom: 30px;}
.lifeatzeuxSection.space {padding-top: 50px}
.lifeatzeuxSection h2{color: #4a4a4a;}
.lifeatzeuxSection .subHeading{color: #4a4a4a}
 .lifeatzeuxSection .title{ color: #4c4c4c; font-weight: 700; font-size: 2.4rem; line-height: 30px;}
.animationStopOnload .wow {
  visibility: hidden;
}
.lifeatzeuxSection .boxShadow {
    float: left;
    width: 100%;
    opacity: 0.99;
    border-radius: 10px;
    box-shadow: 0 2px 8px 0 rgb(0 0 0 / 50%);
    background-color: #ffffff;
	overflow: hidden;
}
/* .lifeatzeuxSection .box {
    float: left;
    padding: 15px;
    width: 100%;
} */
.lifeatzeuxSection .grid-item img{
	max-width: 100%;
}
.lifeatzeuxSection .masonry { /* Masonry container */
    -webkit-column-count: 4;
  -moz-column-count:4;
  column-count: 4;
  -webkit-column-gap: 1em;
  -moz-column-gap: 1em;
  column-gap: 1em;
   margin: 1.5em;
    padding: 0;
    -moz-column-gap: 1.5em;
    -webkit-column-gap: 1.5em;
    column-gap: 1.5em;
    font-size: .85em;
}
.lifeatzeuxSection .masonry .item {
    display: inline-block;
/*     background: #fff; */
/*     padding: 1em; */
    margin: 0 0 1.5em;
    width: 100%;
/* 	-webkit-transition:1s ease all; */
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
	border-radius: 8px;
	overflow: hidden;
}
.lifeatzeuxSection .masonry .item img{max-width:100%;}

@media only screen and (max-width: 320px) {
    .lifeatzeuxSection .masonry {
        -moz-column-count: 1;
        -webkit-column-count: 1;
        column-count: 1;
    }
}

@media only screen and (min-width: 321px) and (max-width: 768px){
    .lifeatzeuxSection .masonry {
        -moz-column-count: 2;
        -webkit-column-count: 2;
        column-count: 2;
    }
}
@media only screen and (min-width: 769px) and (max-width: 1200px){
    .lifeatzeuxSection .masonry {
        -moz-column-count: 3;
        -webkit-column-count: 3;
        column-count: 3;
    }
}
@media only screen and (min-width: 1201px) {
    .lifeatzeuxSection .masonry {
        -moz-column-count: 4;
        -webkit-column-count: 4;
        column-count: 4;
    }
}
.lifeatZEUXSection{
	background-color: #cadae3;
}
.lifeatZEUXSection .swiper-slide {
    float: left;
    width: 50%;
	margin-left: 15px;
}

.lifeatZEUXSection .box {
    float: left;
    padding: 15px;
    width: 100%;
}
.lifeatZEUXSection .boxShadow {
    float: left;
    width: 100%;
    opacity: 0.99;
    border-radius: 10px;
    box-shadow: 0 2px 8px 0 rgb(0 0 0 / 50%);
    background-color: #ffffff;
	overflow: hidden;
}
.lifeatZEUXSection .box figure {
    float: left;
    text-align: center;
    width: 100%;
}
.lifeatZEUXSection .box .content {
    float: left;
    padding: 10px 5px;
    width: 100%;
}
.lifeatZEUXSection .box figure img {
    max-width: 100%;
}
.lifeatZEUXSection .swiper-pagination-bullet {
    opacity: 0.4;
	background-color: #4a4a4a;
}
.lifeatZEUXSection .swiper-pagination-bullet-active{
	opacity: 1;
}
.sl-overlay{
	background: #000000 !important;
}
.sl-wrapper .sl-navigation button{
	color: white !important;
    font-size: 80px !important;
	outline: none;
}
.sl-wrapper .sl-close{
	color: white !important;
    font-size: 50px !important;
	outline: none;
	margin-right: 10px !important;
}
.sl-wrapper .sl-counter{
	color: #ffffff !important;
	font-size: 1.5rem !important;
}
.lifeatZEUXSection .box .content .title {
    color: #4c4c4c;
    font-weight: 700;
    font-size: 1.6rem;
    line-height: 24px;
    width: 100%;
}

.lifecontainer {
            width: 100%;
            display: flex;
            justify-content: space-between;
        }

        .leftcontent {
            width: 49%;
        }

        .rightcontent {
            width: 49%;
        }

        .lifecontainer .item {
            box-sizing: border-box;
            color: white;
            font-size: 2em;
            width: 100%;
            margin-bottom: 20px;
            border-radius: 10px;
/* 			background: #fff; */
			overflow: hidden;
			box-shadow: 0 2px 4px 0 rgb(0 0 0 / 20%)
        }

		.lifecontainer .item img{
			max-width: 100%;
			min-height: 100%;
		}

        .a {
            height: 210px;
        }

        .b {
            height: 420px;
        }

        .c {
            height: 190px;
        }

        .d {
            height: 190px;
        }

        .e {
            height: 230px;
        }

@media only screen and (max-width: 780px){
	.lifeatZEUXSection .swiper-slide {
		width: 100%;
	}
}

@media only screen and (min-width: 321px) and (max-width: 580px){
	.lifeatZEUXSection .swiper-slide {
		width: 100%;
	}
	.lifecontainer .item{
		margin-bottom: 14px;
	}
	.leftcontent,
	.rightcontent{
/* 		margin-right: 14px; */
		width: 100%;
	}
	.a{
		height: 165px;
	}
	.b{
		height: 320px;
	}
	.c, .d, .e{
		height: 157px;
	}
	.a img,
	.b img,
	.c img,
	.d img,
	.e img{
		width: 100%;
/* 		height: 100%; */
	}
	
	.lifeatZEUXSection .swiper-slide:nth-child(odd) .rightcontent {
	  display: none;
	}

	.lifeatZEUXSection .swiper-slide:nth-child(even) .leftcontent {
	  display: none;
	}
}


/* Custom Form Styles */
.fserv-container{
	padding: 0px !important;
	box-shadow: none !important;
}

.fserv-container form{
	padding: 0px !important;
}

.fserv-container .fserv-label,
.fserv-container .fserv-form-description,
.fserv-container .fserv-form-name,
.fserv-container .powered-by{
	display: none !important;
}

.fserv-container .fserv-field{
	padding: 0px !important;
}

.fserv-container input{
	border-radius: 2px !important;
    background-color: #f2b703 !important;
    border: navajowhite !important;
    padding: 24px 12px !important;
    font-size: 1.4rem !important;
}

.fserv-container input:focus{
	border: 0px !important;
}

.fserv-container button{
	border-radius: 5px !important;
    padding: 13px 36px !important;
    color: #ffc000 !important;
    font-size: 1.4rem !important;
    border-color: #4a4a4a !important;
	font-weight: normal !important;
	line-height: 0px !important;
	height: 50px !important;
}

.fserv-container .fserv-field+div:not(.fserv-field){
	border-top: none !important;
	padding: 0px !important;
	text-align: left !important;
}

/* New Life at zeux gallery css */

.masonry-grid {
  margin: 0px auto;
}
.masonry-grid .box-item{
  width: 300px;
  height: auto;
  margin-bottom: 15px;
	border-radius: 8px;
	overflow: hidden;
}
.masonry-grid .box-item img {
  width: 100%;
  height: 100%;
}

/* Contact page style */

.contactwrapper{
	background-color: #ffc000;
	display: flex;
}
.contactwrapper .formBackBtn{
	margin-left: 60px;
}
.contactwrapper .enquieryForm{
	float: none;
}
.contact-page .topFooterLeft{
	display: none;
}
.contact-page .footerLinks{
	width: 100%;
}
.contactwrapper .titleWrap{
	float:none;
	display: flex;
}
.contact-us-section{
    display: flex;
	width:100%;
	flex-wrap:wrap;
	margin-top: 45px;
}

.contact-us-section .contactEmail a{
	font-weight: normal;
}

/* page-content:start */
.privacy-policy-page .container{max-width:960px}
.page-content{width:100%}
.page-content h2{ float:none; padding-bottom:20px}
.page-content h3{ font-size: 2.4rem; margin-top: 16px; width: 100%;}
.page-content h4{ font-size: 2rem; margin-top: 16px; width: 100%;}
.page-content p{ font-size: 1.6rem; margin: 16px 0 0 0; width: 100%; overflow-wrap: break-word;}
.page-content ul{width: 100%;}
.page-content ul li{ font-size: 1.6rem; margin-top: 16px; position: relative; width: 100%; padding-left: 20px; overflow-wrap: break-word;}
.page-content ul li:before{ content: ""; position: absolute; left: 0; top: 8px; width: 6px; height: 6px; background-color: #4a4a4a; border-radius: 50%;} 
.page-content a{border-bottom: solid 1px #4a4a4a;}
/* page-content:end */

/* Thank you page:start */
.thankYouWrapper{
	padding-bottom: 0px;
}
.thankYouWrapper h2{
	font-size: 4.0rem;
	padding-top: 10px;
}
.thankYouWrapper .container{
	max-width: 1350px;
}

.thankYouWrapper .dflex{
	display: flex;
}
.dflex > img{
	margin-right: 40px;
}
.thankYouWrapper .thankinfo{
	font-size: 1.6rem;
	font-weight: 500;
}

.thankYouWrapper .postsContent{
	margin-top: 60px;
	background: #F6C142;
	padding: 60px 0px;
}

.postsContent h3{
	font-family: 'Roboto Slab', serif;
    font-weight: 700;
	font-size: 4.0rem;
	line-height: 40px;
	padding: 0px 0px 30px 15px;
}
.postsContent .swiper-container{
	float: none;
	margin-top: 0px;
	padding: 0px;
}
.postsContent .swiper-wrapper{
    justify-content: space-between;
}

.thankYouWrapper #postid-3488 .hideauthor{
	display: none;
}

/* Thank you page:end */

.main-wrap{
  padding-top: 102px;
}

/* header-2:start */
.header-2{
  display: flex;
  align-items: center;
  height: 102px;
  background: #fff;
  justify-content: space-between;
}
.header-2 .header-right{
  display: flex;
  align-items: center;
}
.header-2 .logo{
  width: 96px;
}
.header-2 .logo img{
  max-width: 100%;
  height: auto;
}
.header-2 .header-text{
  font-weight: 700;
  font-size: 20px;
  line-height: 26px;
}
.header-2 .btn-wrap{
  font-weight: 700;
  font-size: 20px;
  line-height: 26px;
  padding-left: 40px;
  -webkit-transition: .3s ease-in-out;
  -moz-transition: .3s ease-in-out;
  -o-transition: .3s ease-in-out;
  transition: .3s ease-in-out;
}
.header-2 .btn-wrap .custom-button-4{
  white-space: nowrap;
  color: #fff;
  font-weight: 600;
  font-size: 15px;
  line-height: 18px;
  padding: 14px 16px;
}
.header-2 .btn-wrap .custom-button-4:hover{
  color: #4A4A4A;
}
/* header-2:end */

/*marketing-section:start*/
.marketing-section{
  background: #FFC000;
  padding: 60px 0;
  overflow: hidden;
}
.marketing-section.bg{
    background:#ffc000 url(../images/hero-bg.jpg);
}
.marketing-wrap{
  display: flex;
  justify-content: space-between;
}
.marketing-content{
  width: 100%;
  max-width: 666px;
  padding-right: 60px;
  display: block;
}
.marketing-content.widthauto{
    max-width: 100%;
}
.marketing-content .text-bg{
  background: #4C4D4F;
  border-radius: 1px;
  color: #F6C142;
  font-weight: 700;
  font-size: 20px;
  padding: 10px 15px;  
}
.marketing-content .big-text{
  font-weight: 800;
  font-size: 60px;
  line-height: 72px;
  float: none;
  display: block;
}
.marketing-content h1{
  float: none;
}
.marketing-content p{
  font-weight: 500;
  font-size: 24px;
  line-height: 36px;
  padding-top: 16px;
  margin: 0;
}
.marketing-content .tags{
  display: flex;
  flex-wrap: wrap;
  margin-top: 60px;
  margin-left: -5px;
  margin-right: -5px;
}
.marketing-content .tags span{
  border: 2px solid #4C4D4F;
  border-radius: 30px;
  margin:7px 5px;
  padding: 7px 15px;
  white-space: nowrap;
  font-weight: 500;
  font-size: 18px;
  display: inline-flex;
  align-items: center;
}
.marketing-wrap{
  display: flex;
}
.marketing-form{
  width: 100%;
  max-width: 427px;
  background: #FFFFFF;
  box-shadow: 0px 4px 34px #E39724;
  border-radius: 13px;
  padding: 40px 30px;
}
.marketing-form.overlap{
    position: relative;
    z-index: 100;
}
.marketing-form .choose-marketing-form{
  margin-top: 30px;
}
.marketing-form .choose-marketing-form .custom-radio{
  margin-top: 16px;
}
.marketing-form .choose-marketing-form .custom-radio:first-child{
  margin-top: 0;
}
.marketing-form .form-container{
  margin-top: 30px;
 }
.marketing-form h3{ 
  font-weight: 800;
font-size: 20px;
line-height: 24px;
font-family: 'Roboto Slab', serif;
}

.marketing-form .form-selection{
  display: none;
}

.marketing-form .form-group{ float: left; margin-bottom: 30px;  width: 100%;}
.marketing-form .form-group .form-control{ border-radius: 2px; background-color: #F3F3F3; height: auto; padding: 15px; font-size: 1.6rem; border-radius: 5px; font-weight: 500; color: #7E7B71; border: none;}
.marketing-form .form-group textarea.form-control{ height: 100px;}

.marketing-form .upload-container{
  border: dashed 1px #FFC000;
  border-radius: 5px;
  width: 100%;
  height: 90px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
}

.marketing-form .upload-container label{  
  font-size: 1.6rem;
  color: #7E7B71;
}
.marketing-form .upload-container label .bold{
  font-weight: 500;
}
.marketing-form .upload-container label .highlight{
  color: #FFC000;
  text-decoration: underline;
  cursor: pointer;
}



.marketing-form .upload-container-wrap .form-control{
  display: none;
}

.marketing-page .swiper-container{ margin-top: 50px;}
.marketing-page h2{font-size: 4.8rem;}
.marketing-page .goodHandSection{background: #CFDBE4;}
.marketing-page .casestudiesSection{background: #FFFFFF;}
.marketing-page .casestudiesSection h2,
.marketing-page .casestudiesSection .subHeading{color: #4C4D4F; max-width: 100%;}
.marketing-page .ourClientSection{background: #FFC000;}
.marketing-page .winningSection{background: #FFFFFF;}
.marketing-page .googNewsSection{background: #CFDBE4;}
.marketing-page .googNewsSection h2,
.marketing-page .googNewsSection .subHeading{color: #4C4D4F;}

.marketing-page .casestudiesSection .boxShadow,
.marketing-page .googNewsSection .boxShadow{box-shadow: none; filter: drop-shadow(4px 7px 10px #CFCFCF);}
.marketing-page .casestudiesSection .swiper-pagination-bullet,
.marketing-page .googNewsSection .swiper-pagination-bullet {background-color: #4a4a4a;}

.marketing-page .googNewsSection .custom-button-1{border: solid 1px #4a4a4a; color: #4a4a4a;}
.marketing-page .googNewsSection .custom-button-1:hover{ background: #4a4a4a; color:#FFFFFF;}
.marketing-page .casestudiesSection .custom-button-1{border: solid 1px #4a4a4a; color: #4a4a4a;}
.marketing-page .casestudiesSection .custom-button-1:hover{ background: #4a4a4a; color:#FFFFFF;}

.marketing-page .casestudiesSection .viewAllWrap .arrow,
.marketing-page .googNewsSection .viewAllWrap .arrow{box-shadow: none; filter: drop-shadow(4px 7px 10px #CFCFCF);}

.marketing-page .casestudiesSection .viewAllWrap .text,
.marketing-page .googNewsSection .viewAllWrap .text{
  color: #4a4a4a;
}
.disabled a{
    pointer-events: none;
}
.marketing-headings h2{font-size: 4.8rem;}
.marketing-section .header-title{
    display: block; 
    max-width: 600px;
}

.header-title.reverse{
    flex-direction: row-reverse;
}

.banner-award{
    margin-top: 80px;
}

.banner-award:after {
  content: "";
  clear: both;
  display: table;
}

.banner-award img{
    float: left;
}

.banner-award .banner-text {
    font-size: 2.8rem;
    line-height: 32px;
    padding-top: 20px;
    padding-left: 15px;
    float: left;
}

.banner-award .red-text {
    color: #E8000E;
}

.banner-award .subtext {
    font-size: 1.8rem;
}

.choose-marketing-form.dnone, .dnone{
    display:none;
}

@media only screen and (min-width: 0px) and (max-width: 992px) {
  .banner-award{
    margin-top: 40px;
  }
  .banner-award .banner-text {
    padding-top: 0px;
  }
  .banner-award .banner-text {
    font-size: 2.4rem;
  }
}

#marketingCarousel {
  margin-top: -340px;
  overflow: visible;
  margin-bottom: 100px;
}
#marketingCarousel:after{
    content: '';
    position: absolute;
    right: -90%;
    top: -5%;
    width: 100%;
    height: 250px;
    background: #FFC000;
    z-index: 10;
}
#marketingCarousel .swiper-slide {
  width: 340px !important;
}
#marketingCarousel .box{
  height: 200px;
  width: 325px;
  overflow: hidden;
  border-radius: 10px;
  box-shadow: 0 2px 15px 0 rgba(0, 0, 0, 0.17);
  background-color: #ffffff;
}
#marketingCarousel .content .outcome-arrow {
  height: 100px;
  width: 200px;
  margin-top: 50px;
  margin-left: -50px;
  padding-top: 39px;
  padding-left: 10px;
  font-size: 1.6rem;
  font-weight: 600;
  color: #E9B203;
  background: url(../images/up-arrow.png) no-repeat center left;
  float: left;
  rotate: -90deg;
}
#marketingCarousel .content .outcome-right {
  height: 200px;
  width: 225px;
  float: right;
  position: absolute;
  left: 100px;
}
#marketingCarousel .outcome-client {
  text-align: right;
  padding: 10px;
  height: 60px;
}
#marketingCarousel .outcome-client img {
  max-height: 40px;
}
#marketingCarousel .outcome-stat {
  margin-top: 10px;
  margin-right: 20px;
}
#marketingCarousel .outcome-number {
  font-size: 3.2rem;
  font-weight: 600;
}
#marketingCarousel .outcome-text {
  font-size: 1.8rem;
}
#marketingCarousel .outcome-number .star {
  font-size: 2.0rem;
}

#marketingCarousel .swiper-slide {
  width: auto;
  margin-right: 20px;
}

#marketingCarousel.swiper-container .swiper-pagination{
    width: 60%;
}

#floatButton{
    display: none;
}

/*marketing-section:end*/

/*cs-testimonial-card:start*/
.cs-testimonial-card{
  background: #CAD9E3;
  border-radius: 10px;
  padding: 20px;
  margin-bottom: 40px;
  margin-top: 40px;
}
.caseStudySingle .container .cs-testimonial-card p{
  font-size: 1.6rem;
}
.caseStudySingle .container .cs-testimonial-card p:last-child{
  margin-bottom: 0;
}
.caseStudySingle .container .cs-testimonial-card .author{
  display: flex;
  align-items: center;
  margin-top: 16px;
}

.caseStudySingle .container .cs-testimonial-card .author p{
  margin: 0;
}

.caseStudySingle .container .cs-testimonial-card .author .quote{
  width: 40px;
  height: 40px;
  margin-right: 10px;
}

/*cs-testimonial-card:end*/

/* Bgs color */
.greybg{
    background-color: #4a4a4a;
}
.greybg h2,
.greybg .subHeading{
    color: #ffffff;
}

.lightblue{
    background-color: #cadae3;
}
.lightblue h2{
    color: #4a4a4a;
}

.iti{
  width: 100%;
}

.iti input{
  padding-left: 95px !important;
}

.iti .iti__selected-dial-code{
  font-size: 1.6rem;
  font-weight: 500;
  color: #7E7B71;
}

.marketing-form .info {
  display: block;
  font-size: 1.2rem;
  color: #FF0000;
  padding: 0px 0px 0px 5px;
}

.client-section{
  float: none;
  overflow: hidden;
  padding-bottom: 45px;
  background: #eee;
}

.client-section #marketingCarousel{
  margin: 90px 0px 50px;
}

.client-section #marketingCarousel:after{
  background: none;
}

.client-section #marketingCarousel.swiper-container .swiper-pagination{
  width: 100%;
}

.client-section .swiper-pagination-bullet{
  background: #4a4a4a;
}

/* Modal styling begins */
.modal {
  display: none;
  position: fixed;
  z-index: 10000;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(74, 74, 74, 0.80);;
  justify-content: center;
  align-items: center;
  transition: all 0.5s ease-in-out;
}
.modal-content {
  background-color: #000;
  padding: 24px 60px 24px 24px;
  border-radius: 10px;
  max-width: 80%;
  max-height: 80%;
  overflow: auto;
  position: relative;
}
.close {
  position: absolute;
  top: 24px;
  right: 24px;
  cursor: pointer;
  z-index: 2;
}
.close img {
  height: 14px;
  width: 14px;
}
.modal-sm {
  max-width: 430px;
}
.modal-lg {
  width: calc(100% - 120px);
  max-width: 1240px;
  overflow: hidden;
  padding: 0;
}
.video-container {
  position: relative;
  width: 100%;
  padding-bottom: 56.25%; /* 16:9 aspect ratio (9 / 16 * 100) */
}
.video-container iframe {
  position: absolute;
  width: 92%;
  height: 92%;
  left: 4%;
  top: 1%;
}
.freeze-background {
  overflow: hidden;
}
/* Modal styling ends */