@font-face {
  font-family: "HelveticaRegular";
  src: url("../fonts/helvetica/helvetica-regular.woff2") format("woff2"),
    url("../fonts/helvetica/helvetica-regular.woff") format("woff");
  font-weight: 300;
  font-style: normal;
  font-display: fallback;
}

@font-face {
  font-family: "HelveticaRegularItalics";
  src: url("../fonts/helvetica/helvetica-regular-italics.woff2") format("woff2"),
    url("../fonts/helvetica/helvetica-regular-italics.woff") format("woff");
  font-weight: 300;
  font-style: italic;
  font-display: fallback;
}

@font-face {
  font-family: "HelveticaMedium";
  src: url("../fonts/helvetica/helvetica-medium.woff2") format("woff2"),
    url("../fonts/helvetica/helvetica-medium.woff") format("woff");
  font-weight: 500;
  font-style: normal;
  font-display: fallback;
}

@font-face {
  font-family: "HelveticaBold";
  src: url("../fonts/helvetica/helvetica-bold.woff2") format("woff2"),
    url("../fonts/helvetica/helvetica-bold.woff") format("woff");
  font-weight: 700;
  font-style: normal;
  font-display: fallback;
}

/* font family 

font-family: "HelveticaRegular", Helvetica, Arial, sans-serif;
font-family: "HelveticaRegularItalics", Helvetica, Arial, sans-serif;
font-family: "HelveticaMedium", Helvetica, Arial, sans-serif;
font-family: "HelveticaBold", Helvetica, Arial, sans-serif;

font family */

/* global style */
html {
  font-size: 62.5%;
  scroll-behavior: smooth;
}
body {
  font-family: "HelveticaRegular", Helvetica, Arial, sans-serif;
}
.tranidiv,
a,
.header_wrapper,
.header_wrapper2,
img,
div,
span,
h1,
h2,
h3,
h4,
h5,
h6,
p,
li,
ul,
::after,
::before,
button {
  -webkit-transition: all 300ms ease-in-out;
  -moz-transition: all 300ms ease-in-out;
  -o-transition: all 300ms ease-in-out;
  transition: all 300ms ease-in-out;
}

::selection {
  background-color: black;
  color: white;
}

h1,
h2,
h3,
h4,
h5,
h6,
p,
li {
  line-height: 1.5;
}

h1,
h2,
h5 {
  font-family: "HelveticaBold", Helvetica, Arial, sans-serif;
  text-transform: uppercase;
}
h1 {
  font-size: 5rem;
}
h2 {
  font-size: 4.6rem;
  color: #131313;
}
h3 {
  font-family: "HelveticaMedium", Helvetica, Arial, sans-serif;
  font-size: 4rem;
}
h5 {
  font-size: 2rem;
  text-transform: none;
}
h6 {
  font-size: 1.8rem;
}
p,
a,
input,
select,
textarea,
button,
li,
table {
  font-size: 1.6rem;
}
a {
  text-decoration: none !important;
}
.customh4 {
  font-family: "HelveticaRegular", Helvetica, Arial, sans-serif;
  font-size: 3rem;
  margin-bottom: 20px;
  text-transform: none;
}
.customh3 {
  font-size: 3.2rem;
  text-transform: none;
}
.customh5,
.blogDetailPageBody h3 {
  font-size: 2.38rem;
}
.customh6 {
  font-size: 1.8rem;
  text-transform: none;
}
em {
  font-style: normal;
  font-family: "HelveticaRegularItalics", Helvetica, Arial, sans-serif;
}
.boldFont {
  font-family: "HelveticaBold", Helvetica, Arial, sans-serif;
}
.lightFont {
  font-family: "HelveticaMedium", Helvetica, Arial, sans-serif;
}
.capitalizedCase {
  text-transform: capitalize;
}

.backgroundImage {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
.redHighLight,
.blackHighLight,
.whiteHighLight {
  background-color: #fb1d24;
  color: white;
  padding: 2px 5px;
  line-height: 1.5;
}
.blackHighLight {
  background-color: black;
}
.whiteHighLight {
  background-color: white;
  color: black;
}
.fluidOverride {
  max-width: 1490px;
  margin: 0 auto;
}
.mt10 {
  margin-top: 10px;
}
.mt30 {
  margin-top: 30px;
}
.mtmb30 {
  margin: 30px 0px;
}
.mb20 {
  margin-bottom: 20px;
}
.mb30 {
  margin-bottom: 30px;
}
.mb60 {
  margin-bottom: 60px;
}
.primaryBtn {
  display: inline-block;
  padding: 10px 15px;
  min-width: 130px;
  text-align: center;
}
.blackBtn,
.redBtn:hover,
.blackOutlineBtn {
  color: white;
  background: black;
  border: 1px solid black;
}
.blackBtn:hover,
.redBtn {
  color: white;
  background: #fb1d24;
  border: 1px solid #fb1d24;
}
.redBtn:hover {
  border-color: white;
}
.whiteBtn {
  color: black;
  background-color: white;
  border: 1px solid white;
}
.whiteBtn:hover {
  color: white;
  background-color: black;
}
.bigBtn {
  padding: 15px 25px;
  font-size: 18px;
}
.blackOutlineBtn {
  color: black;
  background-color: transparent;
}
.blackOutlineBtn:hover,
.blackOutlineBtn:focus,
.blackOutlineBtn:active {
  background-color: black;
  color: white;
}
.commonTopBottomPadding {
  padding-top: 85px;
  padding-bottom: 85px;
}
.extrapaddingBottom {
  padding-bottom: 130px;
}
.commonLeftRightPadding {
  padding-left: 50px;
  padding-right: 50px;
}
.lineDiv {
  height: 3px;
  background-color: white;
  width: 200px;
  margin-bottom: 30px;
}
.blackFold {
  background-color: #000000;
}
.blackFold h2,
.blackFold h3,
.blackFold p,
.blackFold h5,
.blackFold table {
  color: white;
}
.mb40 {
  margin-bottom: 40px;
}
.hideOverflow {
  overflow-x: hidden;
}
.imgResponsive {
  max-width: 100%;
  display: block;
}
.fromField {
  margin-bottom: 30px;
}
.fromField input,
.fromField textarea,
.fromField select {
  width: 100%;
  padding: 15px 25px;
  outline: none !important;
}
.fromField select {
  /* height: 52px; */
  background-color: transparent;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.fromField textarea {
  resize: none;
}
.blackFold .fromField input,
.blackFold .fromField textarea,
.blackFold .fromField select {
  background-color: transparent;
  color: white;
  border: 1px solid white;
}
.blackFold .fromField input::-webkit-input-placeholder,
.blackFold .fromField textarea::-webkit-input-placeholder {
  /* Chrome/Opera/Safari/Edge */
  color: white;
}

.blackFold .fromField input::-ms-input-placeholder,
.blackFold .fromField textarea::-webkit-input-placeholder {
  /* Microsoft Edge */
  color: white;
}

.blackFold .fromField input:-ms-input-placeholder,
.blackFold .fromField textarea:-ms-input-placeholder {
  /* IE 10+ */
  color: white;
}

.blackFold .fromField input::-moz-placeholder,
.blackFold .fromField textarea::-moz-placeholder {
  /* Firefox 19+ */
  opacity: 1; /*Firefox by default has an opacity object that usually is ideal to reset so it matches webkit*/
  color: white;
}

.blackFold .fromField input:-moz-placeholder,
.blackFold .fromField textarea:-moz-placeholder {
  /* Firefox 18- */
  opacity: 1; /*Firefox by default has an opacity object that usually is ideal to reset so it matches webkit*/
  color: white;
}

.blackFold .fromField input::placeholder,
.blackFold .fromField textarea::placeholder {
  color: white;
}
.defaultLink {
  display: inline-block;
  color: black;
}
.blackLink {
  color: black;
}
.blackLink:hover {
  color: #fb1d24;
}
.blockSpan {
  display: block;
}
.truncateText {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
.inlineBlockElement {
  display: inline-block;
}
/*Validation*/
.err {
  color: #ff0000;
  font-size: 14px;
}
/*Validation*/
.mtp20 {
  margin-top: 30px;
  margin-bottom: 10px;
}
/* global style */

/* header style */
.header_wrapper {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  background-color: #000000;
  z-index: 222;
}
.header_wrapper2 {
  box-shadow: 0px 0px 10px rgb(0, 0, 0, 0.21);
}
.header_div {
  padding: 10px 40px;
  max-width: 1490px;
  margin: 0 auto;
}
.navbar_custo {
  padding: 0;
}
.navbar-brand img {
  width: 50px;
}
.header_wrapper2 .navbar-brand img {
  width: 50px;
}
/* .header_wrapper2 .navbar-nav {
  margin-top: 5px;
} */
.navbar-expand-lg .navbar-nav .nav-link {
  padding: 5px 10px;
}
.nav-item {
  margin-right: 40px;
  text-transform: uppercase;
}
.nav-item:last-child {
  margin-right: 0px;
}
.nav-item .nav-link {
  font-size: 15px;
}
.navbar-light .navbar-nav .nav-link {
  color: #fff;
}
.navbar-light .navbar-nav .active > .nav-link,
.navbar-light .navbar-nav .nav-link.active,
.navbar-light .navbar-nav .nav-link.show,
.navbar-light .navbar-nav .show > .nav-link,
.navbar-light .navbar-nav .nav-link:hover,
.navbar-light .navbar-nav .nav-link:focus,
.navbar-light .navbar-nav .nav-link:active {
  background-color: white;
  color: black;
}
.dropdown-item {
  font-size: 14px;
}
.dropdown-item:focus,
.dropdown-item:hover,
.dropdown-item.active,
.dropdown-item:active {
  color: #ffffff;
  text-decoration: none;
  background-color: #000;
}
.header_cta {
  position: relative;
  bottom: 5px;
}
.navbar-light .navbar-toggler {
  outline: none !important;
}
.hamburger-inner,
.hamburger-inner:after,
.hamburger-inner:before,
.hamburger.is-active .hamburger-inner,
.hamburger.is-active .hamburger-inner:after,
.hamburger.is-active .hamburger-inner:before {
  background-color: #fff;
}
.hamburger {
  padding-right: 0;
}
.headSpace {
  height: 78px;
}
/* header style */

/* home page style */
.homePageABTF {
  min-height: 700px;
  background-image: url(../images/home-abovefoldfallbackimage.jpg);
  display: flex;
  align-items: center;
  padding-left: 100px;
  position: relative;
}
.homePageABTF video {
  position: absolute;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: 2;
  top: 0;
  left: 0;
}
/* hide play button on safari on iphone */
.homePageABTF video::-webkit-media-controls-panel {
  display: none !important;
  -webkit-appearance: none;
}

/* Old shadow dom for play button */

.homePageABTF video::-webkit-media-controls-play-button {
  display: none !important;
  -webkit-appearance: none;
}

/* New shadow dom for play button */

/* This one works! */

.homePageABTF video::-webkit-media-controls-start-playback-button {
  display: none !important;
  -webkit-appearance: none;
}

/*end of hide play button on safari on iphone */
.homePageABTF h1 {
  color: white;
  width: 963px;
  text-shadow: 0px 0px 25px rgba(0, 0, 0, 0.25);
  position: relative;
  z-index: 22;
}
.homePageBelowFold {
  padding: 70px 55px;
}
.blackFoldHomeClients {
  background-color: black;
  color: white;
}
.blackFoldHomeClients h3,
.blackFoldHomeClients h2 {
  color: white;
}
.clientsBox {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
.clientsBox img {
  width: 150px;
  margin: 0 auto;
  display: block;
}
.clientsBox > .imgItem {
  flex: 0 50%;
  margin: 20px 0px;
}
.homeBlackFoldLeftContent {
  width: 70%;
}
.bigImpactSectionHomePage h6 {
  margin: 25px 0px;
}
.bigImpactSectionHomePage .italicsCls {
  margin: 15px 0px 35px 0px;
  display: block;
}
.redBG {
  background-color: #fb1d24;
}
.leftWhiteBg {
  padding-left: 60px;
  padding-right: 60px;
}
.fourServicesFlexBox {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 30px 30px;
}

/* safari hack to fix gap issue */
@media not all and (min-resolution: 0.001dpcm) {
  @supports (-webkit-appearance: none) {
    .flexService {
      margin: 0px 30px 30px 0px;
    }
  }
}
/* safari hack */
.fourServicesFlexBox a {
  display: block;
  color: black;
}
.flexService p {
  margin: 10px 0px;
}
.flexService {
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 300px;
  background-color: white;
  min-height: 350px;
  padding: 50px 40px;
}
.fourServicesFlexBox a:nth-child(odd) .flexService {
  position: relative;
  top: 50px;
}
.flexService p + span {
  position: relative;
  left: 0px;
}
.flexService:hover {
  background-color: black;
  color: white;
  transform: scale(1.03);
  -o-transform: scale(1.03);
  -moz-transform: scale(1.03);
  -webkit-transform: scale(1.03);
}
.flexService:hover .customh6,
.flexService:hover p {
  color: white;
}
.flexService:hover .redHighLight {
  background-color: white;
  color: black;
}
.flexService:hover p + span {
  left: 15px;
}
.weBringExpertiseSection p {
  margin-top: 40px;
  columns: 2;
  text-align: left;
  column-gap: 60px;
}
.testiSection {
  width: 100%;
  height: 400px;
  position: relative;
  overflow: hidden;
}
.testiSection p {
  color: #000000;
}
.testiSection img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  position: relative;
}
.testiSection h6 {
  color: white;
  background-color: rgb(0 0 0 / 79%);
  text-align: center;
  padding: 15px 20px;
  font-family: "HelveticaRegular", Helvetica, Arial, sans-serif;
  margin-bottom: 0;
}
.testiSection p {
  position: absolute;
  background-color: rgb(255 255 255 / 77%);
  top: 100%; /* should be 15.6 */
  left: 0;
  height: 100%;
  width: 100%;
  padding: 10px 20px;
}
.testiSection p span {
  display: block;
  margin: 20px 0px;
}
.testiSection.active p {
  top: 14.3%;
}
.testiSection.active h6 {
  color: white;
  background-color: #333333;
}
.relativeImageDiv img {
  position: relative;
  z-index: 22;
}
.relativeImageDiv::after {
  content: "";
  background: white;
  width: 50%;
  height: 134%;
  position: absolute;
  top: -17.5%;
  right: -52px;
}
/* home page style */

/* footer style */
.contactFormFooter p {
  margin: 15px 0px 30px 0px;
}
.quickLinks ul {
  display: flex;
  list-style: none;
  justify-content: flex-end;
}
.endFooter {
  padding-top: 40px;
  padding-bottom: 40px;
}
.quickLinks ul li a {
  color: white;
  display: inline-block;
  margin-left: 50px;
}
.quickLinks ul li a:hover {
  color: #fb1d24;
}
/* footer style */

/* marketing page (agency page) */
.innerPageABTF {
  padding-left: 30px;
}
.innerPageABTF h1,
.movemetClultureSection h2 {
  width: 100%;
  text-transform: capitalize;
  color: black;
}
.marketingPageBg {
  background-image: url(../images/marketing-banner2x.jpg);
}
.buttonLinkWrapper {
  display: flex;
  align-items: center;
  position: relative;
  z-index: 22;
}
.buttonLinkWrapper a:first-child {
  margin-right: 40px;
}
.buttonLinkWrapper a:last-child span {
  position: relative;
  left: 0px;
}
.buttonLinkWrapper a:last-child:hover span {
  left: 7px;
}
.dmSecondFold em {
  margin: 20px 0px 30px 0px;
  display: block;
}
.flexContainer {
  display: flex;
  align-items: center;
  justify-content: space-evenly;
  flex-wrap: wrap;
  gap: 30px 0px;
}
.flexItem {
  display: flex;
  flex-direction: column;
  height: 150px;
  width: 150px;
  justify-content: center;
  align-items: center;
  text-align: center;
  background-color: #313131;
}
.flexItem svg {
  width: 50px;
  height: auto;
  fill: white;
  margin-bottom: 10px;
}
.flexItem:hover {
  background-color: white;
  color: #fb1d24;
}
.flexItem:hover svg {
  fill: #fb1d24;
}
.flexItem:hover p {
  color: #fb1d24;
}
.serviceTile {
  padding-left: 30px;
  border-left: 1px solid black;
  padding-right: 60px;
}
.serviceTile p {
  margin: 20px 0px 20px 0px;
}
.serviceTile .blockSpan span {
  position: relative;
  left: 0px;
}
.serviceTile a:hover h3 {
  color: #fb1d24;
}
.serviceTile a:hover p,
.serviceTile a:hover span {
  color: #000;
}
.serviceTile:hover {
  border-color: #fb1d24;
}
.serviceTile:hover .blockSpan span {
  left: 15px;
}
.uniqueApproachSection {
  position: relative;
  overflow: hidden;
}
.absoluteVerticalLine {
  position: absolute;
  height: 175%;
  width: 1px;
  background-color: white;
  right: 10%;
  top: -85px;
}
.uniqueApproachSection .col-xl-4.relativeDiv {
  padding-right: 10%;
}
.movemetClultureSection h2 {
  margin-bottom: 50px;
}
.commonBgStyle {
  height: 90vh;
  background-color: #eeeeee;
}
.movemetClultureSection .customPading {
  padding: 0px 70px;
}
.socialPurposeBg1 {
  background-image: url(../images/movemebtbg1_normallap.jpg);
}
.socialPurposeBg2 {
  background-image: url(../images/movemebtbg2_normallap.jpg);
}
.socialPurposeBg3 {
  background-image: url(../images/movemebtbg3_normallap.jpg);
}
.insidePricing {
  border-radius: 25px;
  padding-left: 25px;
  padding-right: 25px;
}
.flexTabs {
  display: flex;
  align-items: center;
  justify-content: space-evenly;
  margin: 100px 0px 60px 0px;
}
.flexTab {
  width: 30%;
  text-align: center;
  border: 1px solid white;
  color: white;
  padding: 11px 10px 10px 10px;
  cursor: pointer;
  align-self: stretch;
}
.activeFlexTab {
  background-color: white;
  color: black;
}
.insideTabTitle p {
  font-family: "HelveticaMedium", Helvetica, Arial, sans-serif;
  padding-bottom: 10px;
  border-bottom: 1px solid white;
}
.insideTabTitle {
  margin-bottom: 20px;
}

/* custom checkbox */
.trigger {
  position: absolute;
  z-index: -1;
}
.checker {
  background-image: url(../images/custom-tick.png);
  background-position: left center;
  background-size: auto 100%;
  width: 20px;
  height: 20px;
  background-repeat: no-repeat;
}
.trigger:checked + .checker {
  background-position: right center;
}
.checker p {
  display: inline-block;
  width: 250px;
  position: relative;
  left: 24px;
  bottom: 2px;
}
/* custom checkbox */
.insideWrapperFlex {
  width: 80%;
  margin: 0 auto;
}
.customCheck {
  display: block;
  pointer-events: none; /* remove this property while doing the dynamic price showing feature */
  margin-bottom: 7px;
}
.trigger[type="checkbox"]:not(:checked) + .checker {
  opacity: 0.5;
}
.formGroup {
  margin-bottom: 40px;
}
.singleParaPrice p {
  margin: 30px 0px;
}
.flexPricingBox {
  display: flex;
  border: 1px solid white;
  margin-top: 30px;
}
.flexPricingTab:nth-child(1) {
  width: 30%;
  border-right: 1px solid white;
}
.flexPricingTab:nth-child(2) {
  width: 70%;
}
.flexPricingTab {
  padding: 15px 5px 15px 25px;
}
.flexPricingBox h5 {
  font-family: "HelveticaMedium", Helvetica, Arial, sans-serif;
}
.flexPricingTab input {
  border: none;
  background-color: transparent;
  font-size: 1.9rem;
  color: white;
  width: 75px;
  outline: none;
  max-width: 100px;
}
.hiddenInput {
  position: absolute;
  z-index: -1;
}
.defaultHideTab {
  display: none;
}
/* marketing page (agency page) */

/* get started page */
.getStartedPage {
  background-image: url(../images/getstarted_lapnormal.jpg);
}
.dynamicPriceColumn h5 {
  margin: 0px 0px 30px 0px;
}
#typeOfServiceSpan {
  margin-right: 20px;
}
/* get started page */

/* content marketing page (inner service page) */
.innerPageABTF p {
  margin-bottom: 30px;
  position: relative;
  z-index: 22;
}
.contentMarketingBg {
  background-image: url(../images/content_marketing_banner-defaultLap.jpg);
}
.flexLogoContainer {
  display: flex;
  align-items: center;
  justify-content: space-evenly;
  flex-wrap: wrap;
}
.flexLogoContainer img {
  width: 200px;
  filter: grayscale(1);
  -webkit-filter: grayscale(1);
}
.internalContainerPadding {
  padding: 10px 75px 10px 55px;
}
.belowClientLogoSection {
  border-bottom: 1px solid white;
  position: relative;
}
.absoluteLineServicePge {
  position: absolute;
  width: 1px;
  height: 100%;
  top: 0;
  left: 50%;
  width: 1px;
  background-color: white;
}
.btnColumn {
  margin-top: 50px;
}
.newPricingSnippetDiv {
  margin-top: 80px;
}
.howYouBeniftSection {
  border-bottom: 1px solid black;
}
.contentMarketingProcess1 {
  background-image: url(../images/content-marketing1.jpg);
}
.contentMarketingProcess2 {
  background-image: url(../images/content-marketing2.jpg);
}
.contentMarketingProcess3 {
  background-image: url(../images/content-marketing3.jpg);
}
.contentMarketingProcess4 {
  background-image: url(../images/content-marketing4.jpg);
}
/* content marketing page */

/* other services page cover */
.payPerClickBanner {
  background-image: url(../images/ppc-services-banner-default-Lap.png);
}
.payPerClickProcess1 {
  background-image: url(../images/ppc-services-1.png);
}
.payPerClickProcess2 {
  background-image: url(../images/ppc-services-2.png);
}
.payPerClickProcess3 {
  background-image: url(../images/ppc-services-3.png);
}
.seoBanner {
  background-image: url(../images/seo-services-banner-default-Lap.jpg);
}
.seoProcess1 {
  background-image: url(../images/seo-services-1.jpg);
}
.seoProcess2 {
  background-image: url(../images/seo-services-2.jpg);
}
.seoProcess3 {
  background-image: url(../images/seo-services-3.jpg);
}
.seoProcess4 {
  background-image: url(../images/seo-services-4.jpg);
}
/* other services page cover */

/* blog page */
.blogPageBanner {
  background-image: url(../images/blog-bg.jpg);
  background-position: right;
}
.blogFormABTF input {
  background-color: transparent;
  padding: 10px 15px;
  border: 1px solid black;
  margin-right: -4px;
  outline: none !important;
}
.blogFormABTF input,
.blogFormABTF button {
  position: relative;
  z-index: 22;
}
.featuredArticle h3 {
  margin: 10px 0px 20px 0px;
}
.featuredImg {
  height: 377px;
  object-fit: cover;
}
.featuredArticle p {
  -webkit-line-clamp: 4;
}
.nameDateStamp {
  color: #989898;
  font-size: 16px;
}
.nameDateStamp .nameStamp {
  padding-right: 5px;
  border-right: 1px solid #989898;
}
.nameDateStamp .dateStamp {
  padding-left: 5px;
}
.normalBlogRow {
  margin-top: 100px;
}
.filterItem {
  min-width: 100px;
  border-radius: 3px;
  margin-right: 20px;
  margin-bottom: 20px;
}
.filterFlex {
  display: flex;
  align-items: flex-start;
  flex-wrap: wrap;
}
.normalBlogContainer {
  border: 1px solid black;
  border-radius: 5px;
  margin-bottom: 30px;
  padding: 20px 20px 30px 20px;
}
.normalBlogContainer p {
  -webkit-line-clamp: 3;
  margin: 10px 0px 20px 0px;
}
.normalBlogContainer img {
  border-radius: 5px;
  width: 100%;
  height: 266px;
  object-fit: cover;
}
.normalBlogContainer .nameDateStamp {
  margin: 20px 0px 10px 0px;
}
/* blog page */

/* blog details page */
.blogDetailPageBody img {
  height: 300px;
  object-fit: cover;
  margin-bottom: 25px;
}
.blogDetailPageBody h3 {
  margin-bottom: 10px;
}
.blogDetailPageBody p,
.blogDetailPageBody ul {
  margin-bottom: 30px;
}
.blogDetailPageBody a {
  color: #fb1d24;
}
.blogDetailPageBody a:hover {
  color: #000;
}
/* blog details page */

/* misc style */
.customPading ul {
  margin: 30px 0px;
}
.noBottomBorder {
  border-bottom: none;
}
.brandingPageBanner {
  background-image: url(../images/branding-page-cover.jpg);
}
.brandinProcessBg1 {
  background-image: url(../images/branding-process-1.jpg);
}
.brandinProcessBg2 {
  background-image: url(../images/branding-process-2.jpg);
}
.brandinProcessBg3 {
  background-image: url(../images/branding-process-3.jpg);
}
.offshoreHiringBanner {
  background-image: url(../images/offshorehiringbanner.jpg);
}
.hiringProcess1 {
  background-image: url(../images/hiring-process-1.jpg);
}
.hiringProcess2 {
  background-image: url(../images/hiring-process-2.jpg);
}
.hiringProcess3 {
  background-image: url(../images/hiring-process-3.jpg);
}
.tablePricing table {
  border: 1px solid white;
  margin-bottom: 30px;
}
.tablePricing table th,
.tablePricing table td {
  padding: 20px 17px;
  border: 1px solid white;
}
.internalPackageSection:nth-child(2) {
  margin: 100px 0px;
}
.studiosPageBanner {
  background-image: url(../images/studiospagecover.jpg);
}
.studiosProcess1 {
  background-image: url(../images/studios-process-1.jpg);
}
.studiosProcess2 {
  background-image: url(../images/studios-process-2.jpg);
}
.studiosProcess3 {
  background-image: url(../images/studios-process-3.jpg);
}
.photographyStylesSection h2 {
  margin: 60px 0px;
}
.categoryRow {
  margin-bottom: 80px;
}
.categoryRow:last-child {
  margin-bottom: 30px;
}
.categoryRow h3 {
  font-size: 4rem;
}
.ourProcessSection {
  padding-top: 20px;
}
/* misc style */

/* contact page style */
.blackFormDiv {
  padding: 50px 40px;
}
.contactEntityWrapper {
  display: flex;
  flex-wrap: wrap;
}
.contactEntities {
  width: 50%;
  margin-bottom: 5px;
}
.contactEntities img {
  margin-right: 5px;
  width: 18px;
  position: relative;
  bottom: 2px;
}
.blackLineDiv {
  height: 1px;
  background-color: black;
  width: 100%;
  margin: 20px 0px 25px 0px;
}
.flex100 {
  width: 100%;
}
.contactPageBody .col-xl-4.col-lg-4 p {
  margin-bottom: 10px;
}
.socialIcons a {
  display: inline-block;
  width: 40px;
  height: 40px;
  border-radius: 100%;
  background-color: #424242;
  color: white;
  text-align: center;
  font-size: 18px;
  padding-top: 6px;
  margin-right: 7px;
}
.facebook:hover {
  background-color: #1678f2;
}
.twitter:hover {
  background-color: #00a2f5;
}
.instagram:hover {
  background-color: #ce1f50;
}
.linkedIn:hover {
  background-color: #0074b1;
}
.contactPageBanner {
  background-image: url(../images/contactpagebanner.jpg);
}
/* contact page style */

/* pwa */
.addToHome {
  position: fixed;
  background-color: white;
  width: 200px;
  bottom: 20px;
  right: 20px;
  z-index: 333;
  text-align: center;
  padding: 20px;
  box-shadow: 0px 0px 10px rgb(0 0 0 / 32%);
}
.addToHome button {
  min-width: unset;
  display: block;
  width: 75px;
  margin: 0 auto;
}
.closePop {
  position: absolute;
  top: -9px;
  background: black;
  left: -8px;
  color: white;
  width: 20px;
  cursor: pointer;
  font-size: 12px;
  height: 20px;
  text-align: center;
  border-radius: 100%;
  box-shadow: 0px 0px 10px white;
  padding-top: 1px;
}
.closePop:hover {
  box-shadow: 0px 0px 20px white;
}
/* pwa */
/* overall responsive style */
@media screen and (min-width: 1900px) {
  .homePageABTF {
    min-height: 800px;
  }
  .commonBgStyle {
    height: 700px;
    background-color: wheat;
  }
  .socialPurposeBg1 {
    background-image: url(../images/movemebtbg1_largst2x.jpg);
  }
  .socialPurposeBg2 {
    background-image: url(../images/movemebtbg2_largst2x.jpg);
  }
  .socialPurposeBg3 {
    background-image: url(../images/movemebtbg3_largst2x.jpg);
  }
  .getStartedPage {
    background-image: url(../images/getstarted_2x.jpg);
  }
  .contentMarketingBg {
    background-image: url(../images/content_marketing_banner-2x.jpg);
  }
  .payPerClickBanner {
    background-image: url(../images/ppc-services-banner-2x.png);
  }
  .seoBanner {
    background-image: url(../images/seo-services-banner-2x.jpg);
  }
  .blogPageBanner {
    background-image: url(../images/blog-bg2x.jpg);
  }
  .brandingPageBanner {
    background-image: url(../images/branding-page-cover2x.jpg);
  }
  .offshoreHiringBanner {
    background-image: url(../images/offshorehiringbanner-2x.jpg);
  }
  .studiosPageBanner {
    background-image: url(../images/studiospagecover-2x.jpg);
  }
  .contactPageBanner {
    background-image: url(../images/contactpagebanner-2x.jpg);
  }
}
@media screen and (min-width: 0px) and (max-width: 1300px) {
  .homePageBelowFold {
    padding: 50px 35px;
  }
  .homeBlackFoldLeftContent {
    width: 100%;
  }
}
@media screen and (min-width: 0px) and (max-width: 1200px) {
  .leftWhiteBg {
    text-align: center;
    padding-bottom: 50px;
  }
  .fourServicesFlexBox {
    width: 80%;
    margin: 0 auto;
  }
  .fourServicesFlexBox a:nth-child(odd) .flexService {
    position: relative;
    top: 0;
  }
  .whatMakesUsDifferentSection h2 {
    margin-bottom: 25px;
  }
  .normalBlogRow {
    margin-top: 60px;
  }
}
@media screen and (min-width: 0px) and (max-width: 1100px) {
  /* header style */
  .header_div {
    padding: 10px 25px;
  }
  .nav-item .nav-link {
    font-size: 13px;
  }
  /* header style */
  .homePageABTF h1 {
    width: 100%;
  }
  .homePageABTF {
    padding-left: 15px;
    min-height: 550px;
  }
  .homePageBelowFold {
    padding: 50px 25px;
  }
  .commonTopBottomPadding {
    padding-top: 60px;
    padding-bottom: 60px;
  }
  .absoluteVerticalLine {
    top: -65px;
  }
  .extrapaddingBottom {
    padding-bottom: 60px;
  }
  .commonLeftRightPadding {
    padding-left: 30px;
    padding-right: 30px;
  }
  .clientsBox img {
    width: 130px;
  }
  .marketingPageBg {
    background-image: url(../images/marketing-banner1x.jpg);
  }
  .socialPurposeBg1 {
    background-image: url(../images/movemebtbg1_tablandscape.jpg);
  }
  .socialPurposeBg2 {
    background-image: url(../images/movemebtbg2_tablandscape.jpg);
  }
  .socialPurposeBg3 {
    background-image: url(../images/movemebtbg3_tablandscape.jpg);
    background-position: top center;
  }
  .getStartedPage {
    background-image: url(../images/getstarted_tab.jpg);
  }
  .contentMarketingBg {
    background-image: url(../images/content_marketing_banner-tablet.jpg);
  }
  .payPerClickBanner {
    background-image: url(../images/ppc-services-banner-tablet.png);
  }
  .seoBanner {
    background-image: url(../images/seo-services-banner-tablet.jpg);
  }
  .brandingPageBanner {
    background-image: url(../images/branding-page-cover-tablet.jpg);
  }
  .flexTabs h6 {
    font-size: 1.5rem;
    position: relative;
    top: 2px;
  }
  .flexTabs {
    margin: 50px 0px 40px 0px;
  }
  .flexPricingBox {
    margin-top: 10px;
  }
  .internalContainerPadding {
    padding: 10px 30px 10px 25px;
  }
  .contentMarketingProcess1 {
    background-image: url(../images/content-marketing1-tablet.jpg);
  }
  .contentMarketingProcess2 {
    background-image: url(../images/content-marketing2-tablet.jpg);
  }
  .contentMarketingProcess3 {
    background-image: url(../images/content-marketing3-tablet.jpg);
  }
  .contentMarketingProcess4 {
    background-image: url(../images/content-marketing4-tablet.jpg);
  }
  .payPerClickProcess1 {
    background-image: url(../images/ppc-services-1-tablet.png);
  }
  .payPerClickProcess2 {
    background-image: url(../images/ppc-services-2-tablet.png);
  }
  .payPerClickProcess3 {
    background-image: url(../images/ppc-services-3-tablet.png);
  }
  .seoProcess1 {
    background-image: url(../images/seo-services-1-tablet.jpg);
  }
  .seoProcess2 {
    background-image: url(../images/seo-services-2-tablet.jpg);
  }
  .seoProcess3 {
    background-image: url(../images/seo-services-3-tablet.jpg);
  }
  .seoProcess4 {
    background-image: url(../images/seo-services-4-tablet.jpg);
  }
  .blogPageBanner {
    background-image: url(../images/blog-bg-tablet.jpg);
  }
  .offshoreHiringBanner {
    background-image: url(../images/offshorehiringbanner-tablet.jpg);
  }
  .studiosPageBanner {
    background-image: url(../images/studiospagecover-tablet.jpg);
  }
  .contactPageBanner {
    background-image: url(../images/contactpagebanner-tab.jpg);
  }
}

@media screen and (min-width: 0px) and (max-width: 991px) {
  /* header style */
  .header_wrapper {
    box-shadow: 0px 0px 10px rgb(0, 0, 0, 0.21);
  }
  .header_div {
    padding: 4px 15px;
  }
  .header_cta {
    position: relative;
    bottom: 0px;
  }
  .nav-item {
    margin-right: 40px;
    margin: 5px 0px 15px 0px;
  }
  .navbar-collapse {
    padding-top: 30px;
  }
  .headSpace {
    height: 66px;
  }
  .header_wrapper .navbar-brand img {
    width: 37px;
  }
  .nav-item .nav-link {
    font-size: 16px;
  }
  /* header style */
  h1 {
    font-size: 4rem;
  }
  h2 {
    font-size: 3.8rem;
  }
  .categoryRow h3 {
    font-size: 3.4rem;
  }
  h3 {
    font-size: 3rem;
  }
  .customh4 {
    font-size: 2.5rem;
  }
  .customh5,
  .blogDetailPageBody h3 {
    font-size: 2rem;
  }
  .customh3 {
    font-size: 2.7rem;
  }
  .homePageABTF,
  .homePageBelowFold {
    text-align: center;
  }
  .homePageBelowFold a {
    margin-left: auto;
    margin-right: auto;
  }
  .mt30 {
    margin-top: 20px;
  }
  .mb60 {
    margin-bottom: 40px;
  }
  .commonTopBottomPadding {
    padding-top: 50px;
    padding-bottom: 50px;
  }
  .extrapaddingBottom {
    padding-bottom: 50px;
  }
  .commonLeftRightPadding {
    padding-left: 20px;
    padding-right: 20px;
  }
  .blackFoldHomeClients,
  .whatMakesUsDifferentSection,
  .extendedFooter,
  .uniqueApproachSection,
  .movemetClultureSection,
  .belowClientLogoSection,
  .howYouBeniftSection h3,
  .howYouBeniftSection p {
    text-align: center;
  }
  .blackFoldHomeClients .lineDiv,
  .whatMakesUsDifferentSection .lineDiv,
  .relativeImageDiv img,
  .extendedFooter .lineDiv {
    margin-left: auto;
    margin-right: auto;
  }
  .clientsBox {
    margin-top: 30px;
  }
  .fourServicesFlexBox {
    width: 100%;
  }
  .weBringExpertiseSection p {
    margin-top: 20px;
  }
  .testiSection {
    margin-bottom: 30px;
  }
  .testiSection p {
    top: 14.3%;
  }
  .whatOurTestimonialSection
    .col-lg-4.col-md-6.col-sm-12:last-child
    .testiSection {
    margin-bottom: 0;
    border: none;
  }
  .relativeImageDiv::after {
    display: none;
  }
  .relativeImageDiv {
    margin: 40px 0px 20px 0px;
  }
  .relativeImageDiv img {
    border: 15px solid white;
  }
  .extendedFooter h3 {
    margin-bottom: 30px;
  }
  .footerLogo {
    text-align: center;
    margin-top: 20px;
  }
  .footerLogo img {
    width: 50px;
  }
  .quickLinks ul {
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    padding: 0;
    min-height: 100px;
  }
  .quickLinks li {
    width: 24%;
    text-align: center;
  }
  .quickLinks ul li a {
    margin: 0;
  }
  .buttonLinkWrapper {
    justify-content: center;
  }
  .innerPageABTF::after {
    position: absolute;
    content: "";
    background-color: rgb(255 255 255);
    opacity: 0.6;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
  .serviceTile {
    margin-bottom: 30px;
  }
  .absoluteVerticalLine {
    display: none;
  }
  .uniqueApproachSection .col-xl-4.relativeDiv {
    padding-right: 15px;
    margin-bottom: 30px !important;
  }
  .commonBgStyle {
    height: 450px;
  }
  .movemetClultureSection .customPading {
    padding: 40px 30px 50px 30px;
  }
  .socialPurposeBg1 {
    background-image: url(../images/movemebtbg1_tabpotriat.jpg);
  }
  .socialPurposeBg2 {
    background-image: url(../images/movemebtbg2_tabpotriat.jpg);
  }
  .socialPurposeBg3 {
    background-image: url(../images/movemebtbg3_tabpotriat.jpg);
  }
  .contentMarketingBg {
    background-image: url(../images/content_marketing_banner-tabletPotriat.jpg);
  }
  /* .payPerClickBanner {
  } */
  .seoBanner {
    background-image: url(../images/seo-services-banner-tablet.jpg);
  }
  .flexTabs h6 {
    font-size: 1.2rem;
  }
  .checker p {
    width: 160px;
    bottom: 1px;
    font-size: 1.4rem;
  }
  .insideTabTitle p {
    font-size: 1.4rem;
  }
  .absoluteLineServicePge {
    display: none;
  }
  .internalContainerPadding {
    padding: 0px 30px 10px 25px;
  }
  .howYouBeniftSection .col-lg-4.col-md-6.col-sm-12 {
    text-align: center;
    margin-bottom: 30px;
  }
  .nomarginBottom {
    margin-bottom: 0px !important;
  }
  .newPricingSnippetDiv {
    margin-top: 0px;
  }
  .newPricingSnippetDiv p {
    margin-top: 0px;
  }
  .featuredImg {
    margin-top: 30px;
    height: auto;
  }
  .normalBlogRow {
    margin-top: 40px;
  }
  .customPading ul {
    list-style: none;
  }
  .howYouBeniftSection h3 {
    margin-bottom: 20px;
  }
  .howYouBeniftSection p {
    margin-bottom: 40px;
  }
  .howYouBeniftSection .mt60 {
    display: none;
  }
  .howYouBeniftSection.offshoreHiring {
    padding-bottom: 0px !important;
  }
  .tablePricing table th,
  .tablePricing table td {
    text-align: center;
  }
  .categoryRow h3 {
    text-align: center;
  }
  .categoryRow img {
    margin-bottom: 30px;
  }
  .contactPageBody .col-xl-4.col-lg-4 h3 {
    margin: 40px 0px 20px 0px;
  }
}

@media screen and (min-width: 0px) and (max-width: 767px) {
  h1 {
    font-size: 3.5rem;
  }
  h2 {
    font-size: 3rem;
  }
  .categoryRow h3 {
    font-size: 2.9rem;
  }
  h3 {
    font-size: 2.7rem;
  }
  .customh4 {
    font-size: 2.3rem;
  }
  .customh5,
  .blogDetailPageBody h3 {
    font-size: 1.9rem;
  }
  .customh3 {
    font-size: 2.5rem;
  }
  .homePageABTF {
    min-height: 400px;
    padding-left: 0px;
  }
  .homePageBelowFold {
    padding: 40px 0px;
  }
  h6 {
    font-size: 1.6rem;
  }
  .commonTopBottomPadding {
    padding-top: 40px;
    padding-bottom: 40px;
  }
  .extrapaddingBottom {
    padding-bottom: 40px;
  }
  .commonLeftRightPadding {
    padding-left: 0px;
    padding-right: 0px;
  }
  .weBringExpertiseSection p {
    columns: 1;
    text-align: center;
  }
  .testiSection p {
    position: static;
  }
  .testiSection.active h6 {
    background: transparent;
  }
  .testiSection {
    height: auto;
    position: relative;
    overflow: visible;
    border-bottom: 1px solid white;
  }
  .testiSection p {
    background-color: transparent;
    color: white;
    padding-top: 0;
  }
  .testiSection img {
    width: 100px;
    height: 100px;
    object-fit: cover;
    border-radius: 100%;
    position: relative;
  }
  .whatOurTestimonialSection .mb40 {
    margin-bottom: 20px;
  }
  .marketingPageBg {
    background-image: url(../images/marketing-bannerpoint5x.jpg);
  }
  .dmServicesSection {
    text-align: center;
  }
  .serviceTile {
    padding: 15px 15px 30px 15px;
    border-collapse: collapse;
    border: 1px solid #000;
    border-left: none;
    border-right: none;
    margin: 0 0 -1px 0;
  }
  .serviceTile p {
    margin: 13px 0px;
  }
  .movemetClultureSection .customPading {
    padding: 25px 25px 50px 25px;
  }
  .commonBgStyle {
    height: 350px;
  }
  .flexLogoContainer img {
    margin: 0px 0px 20px 0px;
  }
}

@media screen and (min-width: 0px) and (max-width: 575px) {
  h1 {
    font-size: 3rem;
  }
  h2 {
    font-size: 2.6rem;
  }
  .categoryRow h3 {
    font-size: 2.5rem;
  }
  h3 {
    font-size: 2.5rem;
  }
  .customh4 {
    font-size: 2.1rem;
  }
  .customh3 {
    font-size: 2.3rem;
  }
  .fourServicesFlexBox {
    gap: 30px 0px;
  }
  .leftWhiteBg {
    padding: 15px 15px 30px;
  }
  .flexService {
    width: 100%;
    min-height: unset;
    padding: 25px 25px;
  }
  .relativeImageDiv img {
    border: 4px solid white;
  }
  .quickLinks li {
    width: 50%;
    text-align: center;
  }
  .marketingPageBg {
    background-image: url(../images/marketing-banner.jpg);
  }
  .buttonLinkWrapper a:first-child {
    margin-right: 0;
    margin-bottom: 15px;
  }
  .buttonLinkWrapper {
    flex-direction: column;
    justify-content: center;
  }
  .movemetClultureSection .customPading {
    padding: 20px 25px 40px 15px;
  }
  .commonBgStyle {
    height: 300px;
  }
  .socialPurposeBg1 {
    background-image: url(../images/movemebtbg1_smalldevice.jpg);
  }
  .socialPurposeBg2 {
    background-image: url(../images/movemebtbg2_smalldevice.jpg);
  }
  .socialPurposeBg3 {
    background-image: url(../images/movemebtbg3_smalldevice.jpg);
  }
  .insideWrapperFlex {
    width: 100%;
  }
  .checker p {
    width: 260px;
  }
  .flexPricingBox h5 {
    font-size: 1.5rem;
  }
  .flexPricingBox {
    align-items: center;
  }
  .singleParaPrice p {
    font-size: 1.4rem;
  }
  .singleParaPrice button {
    margin-bottom: 20px;
  }
  .insidePricing {
    border-radius: 0;
    padding-left: 15px;
    padding-right: 15px;
  }
  .flexTabs {
    margin: 30px 0px 30px 0px;
  }
  .flexTabs h6 {
    font-family: "HelveticaMedium", Helvetica, Arial, sans-serif;
  }
  .fromField {
    margin-bottom: 20px;
  }
  .getStartedPage {
    background-image: url(../images/getstarted_mobile.jpg);
  }
  .contentMarketingBg {
    background-image: url(../images/content_marketing_banner-mobile.jpg);
  }
  .payPerClickBanner {
    background-image: url(../images/ppc-services-banner-mobile.png);
  }
  .seoBanner {
    background-image: url(../images/seo-services-banner-mobile.jpg);
  }
  #typeOfServiceSpan {
    display: block;
    margin: 0px 0px 10px 0px;
    border-bottom: 1px solid;
  }
  .dynamicPriceColumn h5 {
    font-size: 1.8rem;
  }
  .contentMarketingProcess1 {
    background-image: url(../images/content-marketing1-mobile.jpg);
  }
  .contentMarketingProcess2 {
    background-image: url(../images/content-marketing2-mobile.jpg);
  }
  .contentMarketingProcess3 {
    background-image: url(../images/content-marketing3-mobile.jpg);
  }
  .contentMarketingProcess4 {
    background-image: url(../images/content-marketing4-mobile.jpg);
  }
  .payPerClickProcess1 {
    background-image: url(../images/ppc-services-1-mobile.png);
  }
  .payPerClickProcess2 {
    background-image: url(../images/ppc-services-2-mobile.png);
  }
  .payPerClickProcess3 {
    background-image: url(../images/ppc-services-3-mobile.png);
  }
  .seoProcess1 {
    background-image: url(../images/seo-services-1-mobile.jpg);
  }
  .seoProcess2 {
    background-image: url(../images/seo-services-2-mobile.jpg);
  }
  .seoProcess3 {
    background-image: url(../images/seo-services-3-mobile.jpg);
  }
  .seoProcess4 {
    background-image: url(../images/seo-services-4-mobile.jpg);
  }
  .blogPageBanner {
    background-image: url(../images/blog-bg-mobile.jpg);
  }
  .brandingPageBanner {
    background-image: url(../images/branding-page-cover-mobile.jpg);
  }
  .offshoreHiringBanner {
    background-image: url(../images/offshorehiringbanner-mobile.jpg);
  }
  .hiringProcess1 {
    background-image: url(../images/hiring-process-1-mobile.jpg);
  }
  .hiringProcess2 {
    background-image: url(../images/hiring-process-2-mobile.jpg);
  }
  .hiringProcess3 {
    background-image: url(../images/hiring-process-3-mobile.jpg);
  }
  .fexTabs50Width .flexTab {
    width: 50%;
  }
  .studiosPageBanner {
    background-image: url(../images/studiospagecover-mobile.jpg);
  }
  .blackFormDiv {
    padding: 35px 25px;
  }
  .contactPageBanner {
    background-image: url(../images/contactpagebanner-mobile.jpg);
  }
}

@media screen and (min-width: 0px) and (max-width: 450px) {
  h1 {
    font-size: 2.5rem;
  }
  h2 {
    font-size: 2.1rem;
  }
  .categoryRow h3 {
    font-size: 2.2rem;
  }
  h3 {
    font-size: 2.2rem;
  }
  .customh4 {
    font-size: 2rem;
  }
  .customh3 {
    font-size: 2.1rem;
  }
  .homePageABTF {
    min-height: 350px;
  }
  .clientsBox img {
    width: 95px;
  }
  .lineDiv {
    height: 2px;
  }
  .bigImpactSectionHomePage h6 {
    margin: 20px 0px;
  }
  .bigImpactSectionHomePage .italicsCls {
    margin: 15px 0px 25px 0px;
  }
  .flexService p {
    margin: 5px 0px;
  }
  .flexContainer {
    gap: 20px 0px;
  }
  .innerPageABTF p {
    font-size: 1.3rem;
  }
  .blogFormABTF input {
    display: block;
    width: 80%;
    margin: 0px auto 15px auto;
  }
  .brandinProcessBg1 {
    background-image: url(../images/branding-process-1-mobile.jpg);
  }
  .brandinProcessBg2 {
    background-image: url(../images/branding-process-2-mobile.jpg);
  }
  .brandinProcessBg3 {
    background-image: url(../images/branding-process-3-mobile.jpg);
  }
  .tablePricing table th,
  .tablePricing table td {
    padding: 10px 7px;
    font-size: 1.3rem;
    line-height: 1.5;
  }
  .studiosProcess1 {
    background-image: url(../images/studios-process-1-mobile.jpg);
  }
  .studiosProcess2 {
    background-image: url(../images/studios-process-2-mobile.jpg);
  }
  .studiosProcess3 {
    background-image: url(../images/studios-process-3-mobile.jpg);
  }
}

@media screen and (min-width: 0px) and (max-width: 350px) {
  h1 {
    font-size: 1.75rem;
  }
  h2 {
    font-size: 1.67rem;
  }
  .categoryRow h3 {
    font-size: 1.8rem;
  }
  h3 {
    font-size: 1.7rem;
  }
  .customh4 {
    font-size: 1.5rem;
  }
  .customh3 {
    font-size: 1.7rem;
  }
  .homePageABTF {
    min-height: 300px;
  }
  .checker p {
    width: 160px;
  }
  .flexPricingTab {
    padding: 15px 5px 15px 15px;
  }
}
/* overall responsive style */