.mb-0 {
  margin-bottom: 0 !important;
}
.mb-10 {
  margin-bottom: 10px !important;
}
.mb-15 {
  margin-bottom: 15px !important;
}

.mb-20 {
  margin-bottom: 20px !important;
}

.mb-25 {
  margin-bottom: 25px !important;
}

.pt-35 {
    padding-top: 35px;
}
.fw-400,
.fw-400 :is(h1,h2,h3,h4,h5,h6){
  font-weight: 400 !important;
}
.fw-500 {
  font-weight: 500;
}
.fw-600 {
  font-weight: 600;
}
.fw-700 {
  font-weight: 700;
}

.all-icon img {
  max-height: 55px;
  width: auto;
}
.background-layer {
  position: relative;
  isolation: isolate;
}

.background-layer:before {
  content: '';
  position: absolute;
  z-index: 0;
  display: block !important;
  width: 100%;
  height: 100%;
  inset: 0;
}

.background-layer.white:before {
  background-color: #fff;
}

.background-layer.white.gradient:before {
  background: rgb(255, 255, 255);
  background: linear-gradient(180deg, rgba(255, 255, 255, 1) 40%, rgba(255, 255, 255, 0.7) 100%);
}

.background-layer.black:before {
  background: rgba(0, 0, 0, 0.2);
}

.background-layer.black-70:before {
  background: rgba(0, 0, 0, 0.7);
}

.background-layer.yellow:before {
  background: rgba(225, 195, 12, 1);
  mix-blend-mode: multiply;
}

.checkmark-box ul {
  display: flex;
  flex-direction: column;
  padding-left: 0;
}

.checkmark-box.center ul {
  align-items: center;
}

.checkmark-box ul li {
  position: relative;
  list-style-type: none;
  padding-left: 25px;
  display: inline-block;
}
.checkmark-box ul li:before {
  content: '\f00c';
  position: absolute;
  left: 0;
  font-family: var(--fontAwesome);
  font-weight: 900;
  font-size: 12px;
  color: #fff;
  height: 18px;
  width: 18px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--green);
  border-radius: 50%;
}

.checkmark-box.yellow ul li:before {
  background-color: transparent;
  color: var(--yellow);
}

.checkmark-box.no-bg ul li:before {
    background-color: transparent;
    color: #ffd300;
} 



.font-18 {
  --fontSize18: 18px;
  font-size: var(--fontSize18);
}

.rounded-image figure {
  border-radius: 15px;
  overflow: hidden;
}

.rounded-image figure img {
  object-fit: cover !important;
}

.parallax {
    background-attachment: fixed;
}

/*disable parallax effects on safari*/
@supports (-webkit-touch-callout: none) {
    .parallax {
          background-attachment: scroll;
    }
}

@supports (-webkit-touch-callout: touch) {
     .parallax {
          background-attachment: scroll;
    }
}

:root {
  --gap-100: 100px;
  --gap-65: 65px;
  --gap-35: 35px;
  --yellow-color: #ffbf00;
  --min-height-md: 30vh;
  --min-height-lg: 45vh;
}

@media only screen and (max-width: 768px) {
  :root {
    --gap-100: 70px;
    --gap-65: 35px;
  }
}

.row-gap-t-100 {
    padding-top: var(--gap-100) !important;
}

.row-gap-t-65 {
    padding-top: var(--gap-65) !important;
}

.row-gap-b-100 {
    padding-bottom: var(--gap-100);
}

.row-gap-b-65 {
    padding-bottom: var(--gap-65);
}
.readmore.green .vc_general.vc_btn3 {
  --border-color: var(--green);
  --bg-color: var(--green);
  --font-color: var(--white);
}

.readmore.social-btn .vc_general.vc_btn3 {
  --border-color: var(--bodytext);
  min-width: 200px;
  /*    width: 100%;*/
  font-weight: 500;
}

.readmore.social-btn .vc_general.vc_btn3:before {
  content: '';
  position: absolute;
  inset: 0;
  width: 0;
  height: 100%;
  background-color: var(--black);
  transition: 300ms linear;
  display: block !important;
  z-index: -2;
  opacity: 0;
}

.readmore.social-btn:hover .vc_general.vc_btn3:before {
  opacity: 1;
  width: 100%;
}

.readmore.social-btn:hover .vc_general.vc_btn3 {
  color: var(--yellow) !important;
}

.social-btn .vc_general.vc_btn3 i.vc_btn3-icon {
  left: 35px !important;
}

.social-btn#blog i.vc_btn3-icon:before,
.social-btn#facebook i.vc_btn3-icon:before {
  content: '';
  width: 18px;
  height: 18px;
  display: block;
  background-size: contain;
  background-repeat: no-repeat;
  display: block !important;
}

.social-btn#blog i.vc_btn3-icon:before {
  background-image: url(./images/blog-icon.png);
}
.social-btn#facebook i.vc_btn3-icon:before {
  background-image: url(./images/facebook-icon.png);
}

.readmore.social-btn:hover i.vc_btn3-icon:before {
  filter: brightness(0) saturate(100%) invert(77%) sepia(76%) saturate(1049%) hue-rotate(1deg) brightness(104%) contrast(102%);
}
.grid > .wpb_column > .vc_column-inner > .wpb_wrapper {
  display: grid;
  gap: 35px 25px;
}

.grid.col-2 > .wpb_column > .vc_column-inner > .wpb_wrapper {
  grid-template-columns: repeat(2, min-content);
}

.support-row .social-btn {
  margin-bottom: 0 !important;
}

.support-row.full-column-row>.wpb_column>.vc_column-inner {
    padding-top: 50px !important;
    padding-bottom: calc(50px - 35px);
}

.seo-list-sec .full-column-row > .vc_column-inner {
  padding: calc(var(--gap) - 35px) calc(var(--row-spacing) + 15px);
}

.seo-list-sec .row-list .image-col .img1 * {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.seo-list-sec .row-list .image-col .img1 img {
    /*min-height: 400px;*/
}

.seo-list-sec .row-list.first .image-col .singup-img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
    width: calc(100% - var(--gap-100));
}

.seo-list-sec .row-list .search-container {
    position: absolute;
    inset: 0;
}

.seo-list-sec .row-list .search-container > .wpb_column {
    height: 100%;
    
}
.seo-list-sec .row-list .search-container .wpb_single_image {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: calc(80% - var(--gap-100));
    text-align: center;
}

.seo-list-sec .row-list > div:not(.full-column-row) > div > div,
.seo-list-sec .row-list > div:not(.full-column-row) > div > div .img1,
.seo-list-sec .row-list > div:not(.full-column-row) > div > div .img1 * {
    height: 100%;
}


.seo-list-sec .row-list .bottom-img {
  position: absolute;
  bottom: -15px;
  width: 50%;
  left: 10%;
}

.seo-list-sec .row-list .center-img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: calc(100% - var(--gap-100));
  text-align: center;
}

.image-col-center {
    position: relative;
}

.seo-list-sec .row-list.seo-framework-row .framework-img,
.image-col-center .wpb_single_image {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
    width: calc(100% - var(--gap-100));
}


.seo-list-sec .row-list.seo-framework-row .framework-img:nth-child(3) {
    z-index: 9;
}

/*.seo-list-sec .row-list.seo-framework-row .img2 {*/
/*  position: absolute;*/
/*  top: 30%;*/
/*  left: 10%;*/
/*  width: 33%;*/
/*  z-index: 0;*/
/*}*/

/*.seo-list-sec .row-list.seo-framework-row .img3 {*/
/*  position: absolute;*/
/*  top: 50%;*/
/*  left: 33%;*/
/*  width: 33%;*/
/*  z-index: 1;*/
/*}*/

/*.seo-list-sec .row-list.seo-framework-row .img4 {*/
/*  position: absolute;*/
/*  top: 20%;*/
/*  left: 50%;*/
/*  width: 35%;*/
/*  z-index: 0;*/
/*}*/

.seo-traffic-row .image-container {
  position: relative;
}

.seo-traffic-row .traffic-img {
  margin-bottom: 0;
  text-align: center !important;
}

.seo-traffic-row .traffic-img:nth-child(1) {
  position: absolute;
  top: 50%;
  transform: translateY(-60%);
  left: 15%;
  width: 70%;
}

.seo-traffic-row .traffic-img:nth-child(2) {
  position: absolute;
  top: 50%;
  transform: translateY(-30%);
  right: 0;
  width: 28%;
  z-index: 1;
}

.seo-traffic-row .traffic-img:nth-child(2) img {
  max-height: 380px;
  object-fit: contain;
}

.seo-traffic-row .traffic-img:nth-child(3) {
  position: absolute;
  top: 50%;
  transform: translate(60%, 90%);
  right: 50%;
  z-index: 1;
}

.seo-traffic-row .traffic-img:nth-child(4) {
  position: absolute;
  top: 50%;
  transform: translate(140%, 120%);
  right: 50%;
  z-index: 0;
}

.seo-traffic-row .traffic-img:nth-child(3),
.seo-traffic-row .traffic-img:nth-child(4) {
  width: 20%;
}

.counter-col .messive-wrapper-counter {
  background: var(--yellow);
  padding: 25px 15px;
  overflow: hidden;
  border-radius: 1rem;
  margin-bottom: 15px;
}
.counter-col .mega_count_content span.main-counter {
  font-size: 30px !important;
  font-weight: 700 !important;
}

.counter-col .mega_count_content span.main-counter:after {
  content: '%';
}
.counter-col .mega_count_content h3 {
  color: var(--bodytext) !important;
  font-size: 16px !important;
  padding-top: 5px;
}

.yellow-seo {
  position: relative;
  padding-bottom: var(--gap-65);
  width: 80% !important;
  border-top-right-radius: 2rem;
  border-bottom-right-radius: 2rem;
}

.big-scroll-title {
  position: absolute;
  top: 60%;
  transform: translateY(-50%);
  right: 20%;
  text-shadow: rgba(0, 0, 0, 0.09) 0 5px 4px;
  font-size: 20vh;
  z-index: -1;
}

.seo-stage-sec > .list-stage-row .wpb_single_image img {
  max-height: 430px;
  width: auto;
}

.seo-stage-sec {
    padding-top: var(--gap-100) !important;
}


/*google ads page*/
.google-ads-row .ads-img {
  position: absolute;
  margin-bottom: 0;
  height: 100%;
  left: 50%;
  width: 100%;
  transform: translate(-50%, -50px);
}

.google-ads-row .ads-img img {
  aspect-ratio: 250/300;
  object-fit: contain;
  padding: 0 12%;
}

.google-ads-row {
    min-height: 580px;
    padding-bottom: var(--gap-100);
}

.google-icon-sec > .vc_row {
  display: flex;
  justify-content: center;
  margin: 0 -35px;
}

.google-icon-sec > .vc_row > .wpb_column {
  padding: 0 35px;
}

.result-image-row {
  --row-height: 400px;
  position: relative;
  min-height: calc(var(--row-height) + (var(--gap-65) * 2));
  display: flex;
}

.result-image-row .desktop-view-col {
  overflow: hidden;
  position: absolute;
  width: 55%;
  top: 42%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 1;
}

.result-image-row .mobile-view-col {
  position: absolute;
  right: 15%;
  top: 50%;
  transform: translate(-12%, -50%);
  z-index: 9;
}

.result-image-row .desktop-view-col .wpb_single_image:nth-child(1),
.result-image-row .mobile-view-col .wpb_single_image:nth-child(1) {
  position: relative;
}

.result-image-row .desktop-view-col .wpb_single_image:nth-child(2),
.result-image-row .mobile-view-col .wpb_single_image:nth-child(2) {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: calc(100% - 30px);
  overflow: hidden;
}

.result-image-row .desktop-view-col .wpb_single_image:nth-child(1) img {
  height: var(--row-height);
}

.result-image-row .desktop-view-col .wpb_single_image:nth-child(2) img {
  max-height: var(--row-height);
  object-fit: cover;
  object-position: 100% 0;
  padding: 15px;
  border-radius: 2.5rem;
  
}

.result-image-row .mobile-view-col .wpb_single_image img {
  max-height: 350px;
  object-fit: contain;
}

.result-image-row .left-img {
  position: absolute;
  z-index: 0;
  top: 58%;
  left: 15%;
  transform: translate(-40%, -50%);
}

.result-image-row .left-img img,
.result-image-row .right-img img {
  max-height: 160px;
  object-fit: contain;
}

.result-image-row .right-img {
  position: absolute;
  top: 58%;
  right: 10%;
  transform: translate(20%, -50%);
}

.google-service-sec {
  padding-top: var(--gap-100) !important;
  padding-bottom: var(--gap-100);
}



.google-service-sec .tracking-image img {
    max-height: 400px;
    width: auto;
}

.google-service-sec .image-col-center .analytics-image {
    width: 100%;
}

.google-service-sec .analytics-image img,
.google-service-sec .writeup-image img,
.google-service-sec .account-image img{
    max-height: 55vh;
    width: auto;
}


/*brand*/
.video-shooting-sec {
    padding-bottom: 35px;
}
    
.video-shooting-sec .video figure,
.video-shooting-sec .video {
  position: relative;
}

.video-shooting-sec,
.video-shooting-sec > .vc_row {
  overflow: visible !important;
}

.video-shooting-sec > .vc_row > .wpb_column > div {
  display: flex;
  align-items: center;
  justify-content: center;
}

.video-shooting-sec .video img,
.video-shooting-sec .video video {
  max-height: 500px;
  object-fit: cover;
  object-position: center;
  width: auto;
  aspect-ratio: 2/4;
  border-radius: 1rem;
}

.video-shooting-sec .video figure:after,
.video-shooting-sec .video:after {
  content: '';
  position: absolute;
  width: 110%;
  height: 110%;
  top: 53%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-image: url(./images/phone.png);
  background-repeat: no-repeat;
  background-size: contain;
  display: block !important;
}

.video-shooting-sec .camera {
  position: absolute;
  bottom: -35px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 9;
}

.video-shooting-sec .camera img {
  width: 73%;
}

.support-row .support-html-link {
  text-align: left;
}

.outline-box {
  border: 1px solid #231f20;
  font-size: 14px;
  border-radius: 1rem;
  width: fit-content;
  padding: 5px 20px;
}

.portfolio-full-row {
  background: #f6f2e9 url('./images/portfolio.png') repeat 0 0;
  -webkit-animation: slide 30s linear infinite alternate;
}

@keyframes slide {
  from {
    background-position: 0 0;
  }
  to {
    background-position: -512px 0;
  }
}

.design-service-sec .design-service-row {
  margin-bottom: 35px;
}

.design-service-sec .design-service-row > div {
  position: relative;
  /*min-height: 523px;*/
  overflow: hidden;
}

.design-service-row .image-col {
  position: relative;
  min-height: 330px;
  /*position: absolute;*/
  /*width: 100%;*/
  /*left: 0;*/
  /*right: 0;*/
}

.design-service-row .image-col .wpb_single_image {
  position: absolute;
  width: 100%;
}

/*.design-service-row #brochure .image-col .wpb_single_image img {*/
/*    height: 380px;*/
/*    width: auto;*/
/*}*/

.design-service-row #brochure .phone-cover {
  z-index: 9;
}

/*.design-service-row #brochure .slide1 {*/
/*  z-index: 3;*/
/*}*/

/*.design-service-row #brochure .slide2 {*/
/*  z-index: 1;*/
/*}*/

/*.design-service-row #brochure .slide3 {*/
/*  z-index: 2;*/
/*  right: -175px;*/
/*}*/

/*.design-service-row #brochure .slide4 {*/
/*    right: -80px;*/
/*}*/

/*.design-service-row  #brochure .wpb_single_image img {*/
/*    aspect-ratio: 683/230;*/
/*    object-fit: cover;*/
/*}*/

/*.design-service-row #brochure .image-col {*/
/*    margin-top: 50px;*/
/*}*/

.brochure-col > div > div > div {
    display: flex;
    align-items: center;
    column-gap: 30px;
    width: max-content;
}

.design-service-row #brochure .wpb_single_image {
    margin-bottom: 0;
}


.design-service-row > .wpb_column > div > .wpb_wrapper .all-title {
  padding-left: calc((var(--row-spacing) + 15px) - 50px);
  padding-right: calc((var(--row-spacing) + 15px) - 50px);
}

.design-service-row #corporate-identity .wpb_single_image {
  text-align: center !important;
  left: 50%;
  transform: translateX(-50%);
  width: 75%;
}

.design-service-row #corporate-identity .wpb_single_image img {
  /*max-height: 450px;*/
  /*max-height: 335px;*/
  object-fit: contain;
}

/*.design-service-row #packaging .wpb_single_image {*/
/*  bottom: -150px;*/
/*}*/

/*.design-service-row #packaging .wpb_single_image img {*/
  /*max-height: 600px;*/
/*  max-height: 550px;*/
/*  object-fit: contain;*/
/*}*/

/*.design-service-row #packaging .wpb_single_image:nth-child(3) {*/
/*  z-index: 1;*/
/*}*/

/*.design-service-row #packaging .wpb_single_image:last-child {*/
/*  z-index: 0;*/
/*}*/

.design-service-row #packaging {
    min-height: calc((100vw - 35px) / 2 / 39 * 14 + (var(--gap) * 2) + 36px + 25px);
}

.banner-slider {
    display: flex;
}

.laptop-image {
    position: absolute;
    z-index: 0;
}

/*.design-service-row #banner .banner-slider {*/
/*    position: absolute;*/
/*    margin-left: 0;*/
/*    margin-right: 0;*/
/*    top: 0;*/
/*    left: 50%;*/
/*    transform: translateX(-54%);*/
/*    overflow: hidden;*/
/*    aspect-ratio: 25 / 14;*/
/*    height: calc(min((100vw - var(--row-spacing) * 2 - 30px) / 1240 * 831, 70vh) * 0.624);*/
/*}*/

/*.design-service-row #banner .slick-slide img {*/
/*    object-fit: cover;*/
/*}*/

.brand-cta {
  position: relative;
  background-color: var(--yellow);
  /*overflow: visible !important;*/
}

.brand-cta > div {
  z-index: 9;
}

.brand-cta:after {
  content: 'contact';
  position: absolute;
  text-transform: uppercase;
  font-size: 22vw;
  opacity: 0;
  color: #070808;
  text-shadow: rgb(208 208 208 / 20%) -4px -4px 18px;
  top: 50%;
  transform: translateY(-50%);
  left: -15px;
  display: block !important;
  z-index: 1;
  transition: 0.5s;
}

.brand-cta:before {
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  background: #070808;
  bottom: 0;
  left: 0;
  transition: 1.15s;
  transform: scale(1);
  clip-path: circle(0% at 50% 77%);
  z-index: 1;
  display: block !important;
}

.brand-cta.is-active:before {
  clip-path: circle(100% at 50% 77%);
}

.brand-cta.is-active:after {
  opacity: 1;
}

.brand-cta .all-title {
  /*color: #fff !important;*/
  transition: 0.15s;
  z-index: 9;
  position: relative;
}

.brand-cta.is-active .all-title:nth-child(1) {
  color: #fff !important;
}

.brand-cta.is-active .all-title.text-underline {
  color: var(--yellow-color) !important;
}

/*.text-underline {*/
/*  text-decoration: underline;*/
/*  text-underline-offset: 5px;*/
/*  text-decoration-thickness: from-font;*/
/*}*/

.text-underline {
    position: relative; 
    width: fit-content;
    margin: auto;
}

.text-underline:before {
    content: '';
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: 0;
    width: 100%;
    height: 1px;
    background: var(--yellow-color);
    display: block !important;
    z-index: 0;
    transition: all 500ms ease;
}

.text-underline:hover:before {
    width: 0;
}

.brand-cta .all-title {
  font-size: clamp(30px, 4vw, 45px);
}


/*photography service*/
.photography-sec {
    padding-top: var(--gap-100) !important;
    position: relative;
    padding-bottom: calc(var(--gap-65) * 2 + 250px + 80px);
}

.photography-slider > .wpb_column:nth-child(2) > div {
    padding-top: 15%;
    padding-right: calc(var(--row-spacing));
}

.photography-slider .wpb_single_image * {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.photography-slider.slide1 .wpb_column:nth-child(1) {
    padding-right: 100px;
}

.photography-slider.slide1 .wpb_single_image img,
.photography-slider.slide2 .wpb_single_image img {
    /*aspect-ratio: 815 / 850;*/
    aspect-ratio: 16 / 10;
}

.photography-slider.slide2 {
    position: absolute;
    /*left: calc(50% - var(--row-spacing));*/
    right: -15px;
    width: 45%;
    top: calc(338px + 15%);
}

.photography-slider.slide3 {
    position: absolute;
    width: 250px;
    bottom: calc(var(--gap-65) + 70px);
    /*left: calc(var(--row-spacing) + 70px);*/
    left: calc(var(--row-spacing));
    display: block !important;
}

.photography-slider.slide4 {
    position: absolute;
    /* top: 0; */
    width: 250px;
    bottom: var(--gap-65);
    /*left: calc(var(--row-spacing) + 250px + 90px);*/
    left: calc(var(--row-spacing) + 250px + 15px);
    display: block !important;
    transform: rotate(8deg);
}

.photography-slider.slide3 .wpb_single_image img,
.photography-slider.slide4 .wpb_single_image img {
    max-height: 250px;
    min-height: 250px;
    object-fit: cover;
}

.photography-slider.slide3 .wpb_single_image,
.photography-slider.slide4 .wpb_single_image{
    position: relative;
    padding-top: 15px;
}

.photography-slider.slide3 .wpb_single_image:before,
.photography-slider.slide4 .wpb_single_image:before {
    content: '';
    position: absolute;
    background: url('./images/sticker.png') no-repeat;
    background-size: contain;
    width: 80px;
    height: 30px;
    top: 0px;
    left: 50%;
    transform: translateX(-50%);
    display: block !important;
    z-index: 1;
}

.image-position-top img {
    object-position: 100% 8%;
}

/*.photography-sec .slick-slider{*/
/*    transform: rotate(180deg);*/
/*}*/

/*.photography-sec .slick-slide {*/
/*    transform: rotate(-180deg);*/
/*}*/


.design-service-row > .wpb_column > div {
    padding: calc(var(--gap-100) - 50px) 0 var(--gap-65);
    background-position: top left !important;
}

.video-shooting-row {
    min-height: 100vh;
    padding-top: calc(var(--gap) - 35px);
    padding-bottom: calc(70px + 130px);
}

@media only screen and (min-width: 2199px) {
    .seo-traffic-row .traffic-img:nth-child(3),
    .seo-traffic-row .traffic-img:nth-child(4) {
        top: 45%;
        right: 45%;
    }
    
    .seo-traffic-row .traffic-img:nth-child(2) {
        width: 35%;
    }
    .result-image-row .mobile-view-col {
        transform: translate(-100%, -50%);
    }
    .result-image-row .right-img {
        transform: translate(-50%, -50%);
    }
    .result-image-row .left-img {
        transform: translate(0, -50%);
    }
}


@media only screen and (min-width: 991px) {
    .seo-traffic-row {
        /*padding-bottom: calc(var(--gap-100) * 2);*/
        padding-bottom: var(--gap);
        overflow: visible !important;
    }
    .yellow-seo {
        margin-top: -120px;
    }
    
    .design-service-sec .design-service-row {
        display: flex;
        gap: 35px;
        justify-content: space-between;
    }
    .design-service-sec .design-service-row > div {
        width: calc(100% / 2 - (35px / 2));
    }
    .seo-list-sec .row-list.first > div {
        max-height: 500px;
    }
    .seo-list-sec .row-list.seo-framework-row .framework-img,
    .seo-list-sec .row-list .center-img {
        width: 75%;
    }
}

@media only screen and (min-width: 768px) {
    .seo-intro-row .wpb_text_column {
        width: 85%;
        margin-left: auto;
        margin-right: auto;
    }
    .seo-stage-sec > .list-stage-row:not(:first-child),
    .google-service-sec > .google-service-row:not(:first-child) {
        padding-top: var(--gap-100);
    }
    .ads-result-sec .counter-col {
        max-width: 600px;
        margin: 0 auto 20px;
    }
    .col-gap-20 > .wpb_column:nth-child(1) {
        padding-right: 20px;
    }
    .col-gap-20 > .wpb_column:nth-child(2) {
        padding-left: 20px;
    }
    .flex {
        display: flex;
    }
    .flex.align-right {
        justify-content: flex-end;
    }
    .creative-why-us-row {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
    .creative-why-us-row > div {
        width: 85%;
        margin-left: auto !important;
        margin-right: auto !important;
    }
    .width-85 {
        width: 85% !important;
    }
    .google-icon-sec > .vc_row:not(:last-child) {
        padding-bottom: var(--gap-65);
    }
    .support-row .wpcf7-form .form #name {
        grid-column: 1/2;
    }
    .support-row .wpcf7-form .form #email {
        grid-column: 1/3;
    }
    .support-row .wpcf7-form .form #industry {
        grid-column: 2/3;
      
    }
    .google-service-sec .image-col-center {
        min-height: var(--min-height-lg);
    }
    
    /*.video-shooting-row {*/
    /*    min-height: calc(535px + (var(--gap-100) * 2));*/
    /*} */
    .brochure-col > div > div > div {
        margin-top: 35px;
    }

}

@media only screen and (max-width: 991px) {
    .col-lg-12 > .wpb_column {
        width: 100%;
    }
    
    .seo-list-sec .row-list .image-col .img1 img {
        min-height: 400px;
    }
    .seo-list-sec .row-list .bottom-img {
        width: 63%;
    }
    .seo-list-sec .row-list.seo-framework-row .img2,
    .seo-list-sec .row-list.seo-framework-row .img3{
        width: 38%;
    }
    .seo-list-sec .row-list.seo-framework-row .img4 {
        width: 40%;
    }
    .seo-traffic-row {
        flex-direction: column;
    }
    .seo-traffic-row > div {
        width: 100%;
    }
    .seo-traffic-row > div:first-child {
        min-height: 600px;
    }
    .seo-traffic-row .traffic-img:nth-child(1) {
        left: 6%;
    }
    .seo-traffic-row .traffic-img:nth-child(2) {
        right: 25px;
    }
    .seo-traffic-row {
        padding-top: var(--gap-65);
        padding-bottom: var(--gap-65);
    }
    .google-ads-row .all-title br {
        display: none;
    }
    .google-ads-row > .wpb_column:last-child {
        min-height: var(--min-height-lg);
    }
    .google-ads-row .ads-img {
        transform: translate(-50%, -50px);;

    }
    .design-service-sec .design-service-row > div {
        width: 100%;
    }
     .design-service-row > .wpb_column > div > .wpb_wrapper .all-title {
      padding-left: 15px;
      padding-right: 15px;
    }
}

@media only screen and (max-width: 767px) {
    .seo-intro-row .checkmark-box ul li {
        text-align: center;
    }
    .seo-list-sec .row-list.first .image-col .singup-img,
    .seo-list-sec .row-list .search-container .wpb_single_image,
    .seo-list-sec .row-list.seo-framework-row .framework-img, 
    .image-col-center .wpb_single_image,
    .seo-list-sec .row-list .center-img {
        width: calc(100% - (15px * 2));
    }
    .seo-list-sec .row-list .vc_col-has-fill > div {
        padding-top: 50px !important;
    }
    .col-md-reverse {
        display: flex;
        flex-direction: column-reverse;
    }
    .seo-traffic-row > div:first-child {
        min-height: 450px;
        margin-bottom: 15px;
    }
    .counter-col {
        margin-bottom: 20px;
    }
    .yellow-seo {
        width: 95% !important;
    }
    .image-col-center {
        min-height: 420px;
    }
    .seo-stage-sec {
        padding-bottom: 35px;
    }
    .list-stage-row, .google-service-row {
        row-gap: 35px;
    }
 
    /*.google-ads-row > .wpb_column:last-child {*/
    /*    min-height: var(--min-height-md);*/
    /*}*/
    .ads-result-sec .checkmark-box ul li {
        text-align: center;
    }
    .result-image-row .desktop-view-col {
         --row-height: 400px;
        overflow: hidden;
        position: absolute;
        width: calc(100% - 18vw);
        top: 42%; 
        left: calc(50% + 15px); 
        transform: translate(-50%, -50%); 
        z-index: 1; 
    }
    .result-image-row .right-img {
        right: 15px;
        transform: translate(7%, -50%);
        max-width: 160px;
    }
    .result-image-row .left-img {
        left: 15px;
        transform: translate(3%, -50%);
        max-width: 160px;
    }
    .result-image-row .mobile-view-col .wpb_single_image img {
        max-height: var(--min-height-md);
    }
    .result-image-row .desktop-view-col .wpb_single_image:nth-child(1) img {
        height: 300px;
    }
    .result-image-row .desktop-view-col .wpb_single_image:nth-child(2) img {
       max-height: 300px;
    }
    .result-image-row .left-img img, .result-image-row .right-img img {
        max-height: 100px;
    }
    .result-image-row .mobile-view-col {
        transform: translate(35%, -35%);
    }
   .google-service-sec .wpb_single_image img {
        max-height: 100%;
    }
    .google-service-sec .google-service-row:nth-child(1) .image-col-center {
        min-height: calc((100vw - 30px) / 207 * 169);
    }
    .google-service-sec .google-service-row:nth-child(3) .image-col-center {
        min-height: calc((100vw - 30px) / 128 * 107);
    }
    .google-service-sec .google-service-row:nth-child(4) .image-col-center {
        min-height: calc((100vw - 30px) / 384 * 275);
    }
    .video-shooting-sec {
        padding-top: calc(var(--gap-100) - 35px) !important;
    }
    .video-shooting-sec .video-shooting-row {
        /*padding-bottom: calc(var(--gap) + 80px);*/
        padding-bottom: 0;
    }
    .video-shooting-row > div:first-child{
        margin-bottom: 35px;
    }
    .video-shooting-sec .camera img {
        max-height: 250px;
        width: 90%;
    }
    .portfolio-full-row {
        min-height: 430px !important;
        background-size: cover;
    }
    .design-service-row > div > div {
        padding: var(--gap-100) 0 !important;
    }
  
    .design-service-row .image-col {
        min-height: 400px;
    }
    .video-shooting-sec .video img {
        max-height: 400px;
    }
    
}

/*photography service*/
@media only screen and (max-width: 991px) {
    .photography-sec .all-title {
        font-size: 35px;
    }
    .photography-slider.slide1 .wpb_column:nth-child(1) {
        padding-right: 35px;
    }
}
@media only screen and (max-width: 768px) {
    .photography-sec .photography-slider.slide1 {
        display: flex;
        flex-direction: column-reverse;
    }
    .photography-slider > .wpb_column:nth-child(2) > div {
        padding-top: 0;
        padding-left: 15px;
        padding-right: 15px;
    }
    .photography-slider.slide1 > .wpb_column:first-child {
        padding-right: 35px;
        width: 60%;
    }
    .photography-slider.slide2 {
        top: auto;
        bottom: calc(var(--gap-100) * 2 + 17% + 20px);
        /*left: calc(40% - var(--row-spacing));*/
       
        width: 50%;
    }
    .photography-slider.slide3 {
        left: 15px;
        width: 40%;
    }
    .photography-slider.slide4 {
        width: 40%;
        left: calc(var(--row-spacing) + 45% + 15px);
    }
    .photography-sec {
        padding-bottom: calc(var(--gap-100) + 45% + 100px);
    }
    .photography-slider.slide1 .wpb_single_image img, .photography-slider.slide2 .wpb_single_image img {
        aspect-ratio: 815 / 850;
    }
    .photography-slider.slide3 .wpb_single_image img, .photography-slider.slide4 .wpb_single_image img {
        min-height: 170px;
        max-height: 170px;
    }
    
    
}
@media only screen and (max-width: 480px) {
    .seo-list-sec .row-list .bottom-img {
        width: calc(85% - (15px * 2));
        left: 50%;
        transform: translateX(-50%);
    }
    .seo-traffic-row > div:first-child {
        min-height: 30vh;
    }
    .image-col-center {
        min-height: 35vh;
    }
    .seo-traffic-row .traffic-img:nth-child(3),
    .seo-traffic-row .traffic-img:nth-child(4) {
        right: 55%;
    }
    .design-service-row .image-col {
        min-height: var(--min-height-md);
    }
    .design-service-row #corporate-identity .wpb_single_image {
        width: 90%;
    }
  
}

/*home creative slider*/
.home-creative-slider-col .slick-list,
.home-creative-slider-col > div {
    border-radius: 15px;
    overflow: hidden;
}

.home-creative-slider-col .slick-slider .vc_row.wpb_row.vc_inner {
    margin-left: 0;
    margin-right: 0;
    border-radius: 15px;
    overflow: hidden;
}

.home-creative-slider-col .slick-slider ul.slick-dots {
    position: absolute;
    bottom: 35px;
    left: 35px;
    gap: 10px;
}

.home-creative-slider-col .slick-slider .slick-dots button {
    width: 25px;
    height: 25px;
}

.home-creative-slider-col .color-list {
    position: absolute;
    bottom: -54.5px;
    left: 50%;
    transform: translateX(-50%);
    display: block;
    margin-bottom: 0;
    z-index :1;
}

.home-creative-slider-col .color-list:not([style*="width"]) {
    display: none;
}

.home-creative-slider-col .color-list ul {
    /*display: flex;*/
    padding-left: 0;
    list-style-type: none;
    gap: 10px;
    
}

.home-creative-slider-col .color-list ul li {
    width: 35px;
    height: 35px;
    border-radius: 50%;
    transition: background-color 0.5s ease-in-out;
}

.google-partner-row {
    display: flex;
}

.google-partner-row > .wpb_column {
    width: fit-content;
}

.google-partner-row .wpb_single_image img {
    max-height: 85px;
    width: auto;
    object-fit: content;
}

.google-partner-row .wpb_text_column {
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 0;
}

.post-title-row .ct-breadcrumbs span.last-item > span {
    color: var(--yellow);
    font-weight: 600;
}

.seo-intro-row .all-icon img {
    max-height: 60px;
    max-width: 60px;
}
@media only screen and (max-width: 767px) {
    .home-creative-slider-col {
        padding-left: 15px;
        padding-right: 15px;
        /*margin-bottom: 76.5px;*/
    }
    .result-image-row .desktop-view-col .wpb_single_image:nth-child(2) img {
        border-radius: 1.5rem;
    }
    .ptop-100 {
        padding-top: 70px;
    }
    .pbtm-100 {
        padding-bottom: 70px;
    }
    .pbtm-65 {
        padding-bottom: 35px;
    }
    .brand-cta {
        padding-bottom: 35px;
    }
    .mobile-text-left,
    .mobile-text-left p,
    .mobile-text-left :is(h1, h2 ,h3 ,h4 ,h5 ,h6) {
        text-align: left !important;
    }
    .mobile-text-justify,
    .mobile-text-justify p {
        text-align: justify !important;
    } 
    .all-icon img {
        max-height: 45px;
        max-width: 50px;
    }
    .google-service-sec {
        padding-bottom: 35px;
    }
    .design-service-sec {
        padding-top: 0 !important;
    }
    .design-service-row #packaging {
        min-height: 400px;
    }
    .design-service-row #packaging > div {
        background-size: cover !important;
    }
    .mobile-inline br {
        display: none;
    }
    .mobile-pt-0 {
        padding-top: 0;
    }
    .mobile-mb-35 {
        margin-bottom: 35px;
    }
    .google-ads-row > .wpb_column:last-child {
        min-height: calc(100vw / 250 * 300);
    }
    .design-service-row > #banner.wpb_column > div {
        padding-bottom: calc(var(--gap) + 20px) !important;
    }
    .google-service-sec > .google-service-row:not(:last-child) {
        margin-bottom: 25px;
    }
}

@media only screen and (max-width: 1600px) and (min-width: 1299px) {
    /*.seo-list-sec .row-list > div {*/
    /*    max-height: 550px;*/
    /*}*/
}


/* start jv */

.load-more-button .vc_pageable-load-more-btn .vc_btn3-container .vc_btn3{
    background:#FFBF00;
    border-radius: unset; 
    font-size:15px;
    padding:8px 32px;
}

.load-more-button .vc_pageable-load-more-btn .vc_btn3:hover{
    background:#fff;
    border: 1px solid #FFBF00;
    color:#FFBF00;
}

.landing-projects .vc_grid.vc_row .vc_pageable-slide-wrapper .vc_grid-item .vc_gitem-zone a{
    position:relative;

}

.landing-projects .vc_grid.vc_row .vc_pageable-slide-wrapper .vc_grid-item .vc_gitem-zone a:before{
    transition: 400ms ease-in;
}

.landing-projects .vc_grid.vc_row .vc_grid-item .vc_gitem-zone.vc_gitem-zone-a a:after{
    content:'\f062';
    position:absolute;
    height:60px;
    width:60px;
    margin:auto;
    display:flex !important;
    font-family:'Font Awesome 6 Free';
    font-size:20px;
    font-weight:900;
    top:0;
    left:0;
    transform: translateY(-50%) scale(0) rotate(0); 
    justify-content:center;
    align-items:center;
    border:1px solid black;
    border-radius:50%;
    color:#fff;
    z-index:9;
    transition: 600ms ease-in-out;
    background: #000000;
}

.landing-projects .vc_grid.vc_row .vc_grid-item:hover .vc_gitem-zone.vc_gitem-zone-a a:after{
    top:50%;
    left:50%;
    transform: translate(-50%, -50%) scale(1.1) rotate(45deg);
    background:transparent;
    border:1px solid #fff;
}

.landing-projects .vc_grid.vc_row .vc_grid-item .vc_gitem-zone.vc_gitem-zone-a a:before{
    content:'';
    position:absolute;
    background-color:black;
    width:100%;
    height:100%;
    opacity:0;
    transition: 1000ms ease-in;
}


.landing-projects .vc_grid.vc_row .vc_grid-item:hover .vc_gitem-zone.vc_gitem-zone-a a:before{
    content:'';
    position:absolute;
    width:100%;
    height:100%;
    opacity:0.6;
}


@media only screen and (max-width: 767.98px) {
    .landing-projects .vc_grid.vc_row .vc_grid-item .vc_gitem-zone.vc_gitem-zone-a a:after,
    .landing-projects .vc_grid.vc_row .vc_grid-item .vc_gitem-zone.vc_gitem-zone-a a:before {
        display: none !important;
        opacity: 0 !important;
    }
} 

/*end jv*/