@import url("https://fonts.googleapis.com/css?family=Lora:400,400i&display=swap");
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "Exo", sans-serif !important;
}
p {
  font-family: "Titillium Web", sans-serif;
}
.quform-input #message{
 background: #fff;
    border: 1px solid #e0e0e0;
    border-radius: 12px;
    margin-bottom: 20px !important; 
    
}
.send-map iframe{
    width:100% !important;
}
.con-alg.sub-menu{
       margin-right: 100px !important;
}
.tes-auhor img{
    display:none !important;
}
.team-slider .teams .owl-carousel .owl-item .img-circle {
background-image: url('../img/team/team-bg.png');
padding: 5px;
background-size: cover;
background-repeat: no-repeat;
padding-top: 23px;
}

.img-circle{
  position: relative;
}
.proffofsec  img{
    width:40% !important;
}
.img-circle:before{
  content: "L";
  position: absolute;
  top:0;
  width: 300px;
  height: 30px;
  color:red;
}
.certification-slider {
  width: 100%;
  overflow: hidden;
  position: relative;
  display: flex;
}

.certification-slide-track {
  display: flex;
  animation: scroll 10s linear infinite;
}

.certification-slide {
  min-width: calc(100% / 3);
  display: flex;
  justify-content: center;
  align-items: center;
}

.certification-slide img {
  max-width: 100%;
  max-height: auto;
}

@keyframes scroll {
  0% {
      transform: translateX(0);
  }
  100% {
      transform: translateX(-50%);
  }
}
.service-cont{
  .icon-box{
    width: 50px;
  }
}
.animation-import{
  p{
    text-align: left;
  }
}

.the-creatives{
  p{
    text-align: left;
  }
}
.ads-agency p{
    text-align:center;
}
/* End */

#particles-section {
  position: relative;
  width: 100%;
  height: auto; /* Adjust the height as needed */
  /* Example background color */
}

#tsparticles {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: -1;
}
.header-style1 {
  background: #fff !important;
  padding-bottom: 20px;
}
.header-style1.scrollHeader .row {
  box-shadow: none !important;
}
.menu_area-light .navbar-nav > li > a {
  color: #282b2d;
}

.menu_area-light .navbar-nav > li.has-sub > a:hover {
  color: #282b2d;
}

.footer-cont p {
  color: #a5a5a5 !important;
}

.best-patner img {
  transition: transform 0.3s ease-in-out;
}
.best-patner:hover img {
  transform: scale(1.1); /* Scale the image by 10% */
}

.ityped {
  font-size: 40px;
  color: #eeaf0a;
}
.ityped-cursor {
  font-size: 40px;
  color: #eeaf0a;
}
.footer-cont a {
  color: #a5a5a5 !important;
}
.calendly-badge-widget .calendly-badge-content{
background: #dfb33e !important;
}
.hero-banner h1 {
  color: #161616;
  font-family: cursive;
  font-size: 72px;
  text-align: center;
  max-width: 90%;
  margin: auto;
  font-weight: 900;
  font-family: "Merriweather ";
}

.yelow-text {
  font-family: "Titillium Web", sans-serif;
  font-weight: 700;
  color: #f0b723;
}

.list-service,
.conact-sec .list-service {
  display: flex;
  column-gap: 30px;
  max-width: 80%;
  margin: auto;
  justify-content: center;
}

.list-service li,
.obile-service li,
.page-title-section.conact-sec .list-service li,
.conact-sec .obile-service li {
  color: #525252;
  font-family: "Exo";
  font-size: 18px;
  list-style: disc !important;
}

.list-service li::marker,
.obile-service li::marker,
.conact-sec .list-service li::marker,
.conact-sec .obile-service li::marker {
  color: #f0b723 !important;
}

.list-service li:first-child,
.conact-sec .list-service li:first-child {
  list-style: none;
}

.hero-btn {
  margin-top: 30px;
}

/* .butn:before{
    background: ##eeaf0a;
  } */
.our-recog {
  text-align: left;
}
.accordion-style .btn-link.collapsed:after, .accordion-style .btn-link:after {
  
  line-height: 26px !important;
}
.our-recog h2 {
  font-weight: 700;
}

.main-banner {
  background-image: url(../img/banner/hero-baner.png);
  background-size: 100%;
  background-repeat: no-repeat;
}

.home-eff {
  padding-bottom: 100px;
  padding-top: 100px;
}

.google-partners {
  max-width: 22%;
  margin: auto;
  background: #fff;
  box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.04);
  padding: 10px;
  border-radius: 10px;
  margin-top: 20px;
}

.google-partners img {
  width: 48%;
}

.butn {
  border-radius: 12px !important;
}

.butn:before {
  border-radius: 12px !important;
}

.butn span {
  color: #161616;
}

.obile-service {
  display: none;
}

.main-banner {
  padding: 8% 0 !important;
}

.service-cont .card {
  border: 0px !important;
}

.service-cont .card-bdr {
  border-left: 1px solid #e0e0e0 !important;
  border-right: 1px solid #e0e0e0 !important;
}

.service-cont .card-style1:hover p,
.service-cont .card-style1:hover a {
  color: #fff !important;
}
.service-cont .card-style1:hover {
  transform: translate3d(0, -10px, 10px) !important;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}
.service-cont .card-style1 {
  transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s,
    transform var(--e-transform-transition-duration, 0.4s);
}
.service-cont {
  padding-top: 70px;
}

.service-cont .card p {
  color: #525252;
  font-size: 18px;
}

.service-cont .card a {
  color: #393939;
}

.best-design h3 {
  font-size: 24px;
  color: #525252;
}

.best-design h2 {
  font-size: 48px;
  color: #161616;
}

.team-slider #customers-teams .owl-item.active.center .item {
  -webkit-transform: scale3d(1) !important;
  transform: scale3d(1) !important;
}

.team-slider h6 {
  color: #525252 !important;
  font-size: 24px;
  font-weight: 600;
}

.team-slider h2 {
  font-size: 48px;
  font-weight: 700;
  color: #161616;
}

.team-slider {
  background-image: url(../img/banner/team-banner.png);
  background-size: cover;
  background-repeat: no-repeat;
  padding-top: 100px;
}

/* About section */

.about-sec {
  background: #161616;
  padding-top: 100px;
  padding-bottom: 80px;
}

.about-sec .about-info h6 {
  color: #e0e0e0;
  font-size: 24px;
}

.about-sec .about-info h2 {
  color: #e0e0e0;
  font-size: 40px;
  padding-right: 100px;
}

.about-sec .about-info p {
  color: #e0e0e0;
  font-size: 16px;
  padding-right: 100px;
}

.about-sec .butn:hover {
  background: #fff;
}

.media-cont a {
  color: #fbfbfb;
  font-size: 24px;
  font-weight: 700;
}

.media-cont p {
  color: #e0e0e0;
  font-size: 17px;
  padding-right: 85px;
}

.our-port h6 {
  color: #525252;
  font-size: 24px;
  font-weight: 500;
  text-align: right;
}

.our-port h2 {
  text-align: right;
  color: #161616;
  font-size: 40px;
  font-weight: 700;
  padding-bottom: 50px;
}

.portfolio-sec {
  background: #fefbef;
  padding-top: 80px;
}

.portfolio-img img {
  width: 90%;
  border-radius: 20px;
  border-radius: 20px;
  box-shadow: 7px -7px 0 0 #dfb33e;
  margin-right: 0px;
  margin: auto;
}

.portfolio-img,
.portfolio-img3 {
  text-align: right;
}

.website-info h6 {
  color: #525252;
  font-size: 24px;
  font-weight: 500;
}

.website-info h2 {
  color: #161616;
  font-size: 36px;
  font-weight: 700;
}

.website-info p {
  color: #525252;
  font-size: 18px;
  padding-right: 110px;
}

.img-rect {
  margin-top: -180px;
  margin-left: -35px;
}
.website-info .butn:before {
  background: #161616;
}
.website-info .butn span {
  color: #fff !important;
}
.portfolio-img1 img {
  width: 90%;
  border-radius: 20px;
  /* border-radius: 20px; */
  /* box-shadow: 7px -7px 0 0 #DFB33E; */
  margin-right: 0px;
  margin: auto;
  border-radius: 30px;
  box-shadow: -7px -8px 0 0 #a4c7d8;
}
.port-sec {
  padding-top: 70px;
}
.portfolio-img3 img {
  width: 90%;
  border-radius: 20px;
  border-radius: 20px;
  box-shadow: 7px -7px 0 0 #dfb33e;
  margin-right: 0px;
  margin: auto;
}
.img-rect1 {
  margin-top: -180px;
  margin-right: -35px;
  text-align: right;
}
.last-pding {
  padding-bottom: 20px;
}
.search-ic {
  margin-top: -130px;
}
.where-preci h2 {
  color: #ffffff;
  font-size: 35px;
  font-weight: 700;
}
.where-preci p {
  color: #e0e0e0;
  font-size: 16px;
  padding-right: 45px;
}
.whare-precision {
  padding-top: 70px;
  padding-bottom: 70px;
}
.whare-precision .butn.white:before {
  background: #dfb33e;
}
#customers-teams .item {
  opacity: 1 !important;
}
.team-slider .teams .shadow-effect {
  height: 370px;
}

.team-slider .img-circle {
  border-radius: 10px 10px 0px 0px !important;
}
.team-slider .teams .shadow-effect {
  padding: 0px;
  border-radius: 10px;
  width: 300px;
}
.team-slider .teams .owl-carousel .owl-item .img-circle {
  max-width: 100%;
}
.team-slider .teams .shadow-effect p {
  color: #525252;
  font-size: 14px;
  text-align: left;
  margin-bottom: 0px;
  padding-left: 20px;
  display: none;
}
.team-slider #customers-teams .item h2 {
  font-size: 28px !important;
  font-weight: 500 !important;
  color: #161616;
  text-align: left;
  padding-left: 20px;
  text-align: center;
}
.team-slider .teams .owl-carousel .owl-item .img-circle:hover {
  transform: scale(1);
}

/* FAQ */
.faq-sec {
  background-image: url(../img/banner/team-banner.png);
  background-size: cover;
  background-repeat: no-repeat;
  padding-top: 100px;
  background-position: center;
}
.faq-sec h6 {
  color: #525252 !important;
  font-size: 24px;
  font-weight: 600;
}
.faq-sec h2 {
  font-size: 48px;
  font-weight: 700;
  color: #161616;
}
.faq-sec p {
  color: #525252;
  font-size: 18px;
  max-width: 55%;
  margin: auto;
}
.faq-sec .accordion-style .card-header,
.faq-sec .accordion-style .btn-link.collapsed {
  background: transparent;
}
.faq-sec .btn-link {
  color: #161616;
  font-size: 21px;
  font-weight: 600;
}
.faq-sec .accordion-style .card-body {
  border: none;
}
.faq-sec .accordion-style .btn-link.collapsed {
  border-radius: 0px;
  border-top: 2px solid #e8e8e8 !important;
  border: none;
}
.faq-sec .btn.btn-link {
  border: none;
  border-top: 2px solid #e8e8e8  !important;
  border-radius: 0px;
}
.the-creatives .section-heading p{
    padding-bottom:20px;
}
.faq-sec .accordion-style .btn-link:after {
  border: 1px solid #161616;
  border-radius: 25px;
  color: #161616;
}
.faq-sec .accordion-style {
  width: 80%;
  margin: auto;
  padding-top: 30px;
}
.faq-sec .card-body {
  font-size: 16px;
  color: #393939;
  padding-right: 100px;
  padding-top:0px;
}

/* Form section */
.form-sec h2 {
  color: #161616;
  font-weight: 700;
  font-size: 48px;
}
.con-pgfm {
  background: #fff !important;
  border: 2px solid #eeaf0a;
  border-radius: 20px;
}
.form-sec h6 {
  color: #525252;
  font-size: 24px;
}
.form-sec p {
  font-size: 18px;
  color: #393939;
}
.home-form {
  background: #fffcf2;
  padding: 30px;
  border-radius: 12px;
}
.home-form .quform-input input {
  background: #fff;
  border: 1px solid #e0e0e0;
  border-radius: 12px;
}
.home-form .quform-input #type_the_word {
  height: 130px;
}
.home-form .quform-element {
  padding-top: 20px;
}
.cont-info .social-icon-style-12 p,
.cont-info .social-icon-style-12 a {
  margin-bottom: 5px;
  font-size: 16px;
  color: #e0e0e0;
}
.cont-info.cont-info1 {
  margin-top: 0px;
  border-radius: 0px 0px 24px 24px !important;
  padding-top: 30px;
  padding-bottom: 40px;
}
.cont-info {
  border-radius: 24px 24px 0px 0px !important;
  padding-top: 40px !important;
}

/* Testimonial */
.testimonial-area {
  padding-top: 70px;
  padding-bottom: 180px;
}
.test-cont p {
  color: #525252;
  font-size: 18px;
}
.test-cont h6 {
  color: #525252;
  font-size: 22px;
  text-align: right;
}
.test-cont h2 {
  color: #161616;
  font-size: 48px;
  font-weight: 700;
  text-align: right;
}
.testimonial-area .testimonial-wrapper {
  background-color: #fffcf2;
}
.testimonial-area .testimonial-quote:before {
  background-image: url(../img/icons/quotes.png);
  width: 150px;
  height: 100px;
  background-repeat: no-repeat;
  top: -40px;
  right: -46px;
  opacity: 1;
  font-size: 0px;
}
.tes-auhor img {
  width: 10% !important;
}
.tes-auhor h4 {
  color: #161616;
  font-size: 18px;
  font-weight: 700;
  text-align: left;
  padding-left: 0px;
  margin-top: 0px;
}
.tes-auhor p {
  color: #525252;
  font-size: 16px;
  padding-left: 70px;
  margin-top: -7px;
  text-align: left;
}
.testimonial-area .testimonial-wrapper p {
  text-align: left;
  color: #262626;
  font-size:14px !important;
}
.testimonial-area .owl-item.active {
  width: 700px !important;
}
.testimonial-area .owl-stage-outer {
  margin-left: 150px;
}
.testimonial-area .owl-stage-outer:nth-child() {
  display: none;
}
.testimonial-area .owl-stage-outer {
  height: 350px;
}
.testimonial-area .owl-theme .owl-nav {
  text-align: left;
  width: 130px;
  margin-top: -200px;
}
.testimonial-area .owl-prev {
  width: 50px;
  background: #fff;
  height: 50px;
  border-radius: 50px !important;
  box-shadow: 0 1px 10px rgba(0, 0, 0, 0.12);
}
.testimonial-area .owl-next {
  width: 50px;
  background: #fff;
  height: 50px;
  border-radius: 50px !important;
  box-shadow: 0 1px 10px rgba(0, 0, 0, 0.12);
}
.testimonial-area .owl-theme .owl-nav [class*="owl-"]:hover {
  background: #eeaf0a;
}
.scrolling-text-item {
  color: #262626;
  font-size: 28px;
  font-weight: 600;
}
.scrolling-text-container {
  background: #eeaf0a;
  padding: 15px 0px;
}
.scrolling-text .scrolling-text-item {
  display: inline;
}
.scrolling-text-item img {
  margin-right: 10px;
}
.proven-expersec {
  padding-top: 100px;
  padding-bottom: 100px;
}
.proven-exper p {
  color: #525252;
  font-size: 16px;
  /* line-height: 35px; */
  padding-right: 100px;
}
.proven-exper h2 {
  color: #161616;
  font-size: 40px;
  font-weight: 700;
}
.proven-exper h3 {
  color: #525252;
  font-size: 24px;
  line-height: 35px;
}

.heroSlider-main img {
  width: 250px;
  height: 250px;
  padding: 5px;
  border-radius: 50%;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.heroSlider-main .card {
  padding: 10px;
}

.heroSlider-main .slick-dots {
  display: none !important;
}

.prev,
.next {
  display: none !important;
}

.slick-slide {
  opacity: 0.5;
  transition: opacity 0.5s ease-in-out;
}

.slick-center {
  opacity: 1 !important;
}

.heroSlider-main h1 {
  text-align: center;
}

.heroSlider-main p {
  text-align: center;
}
.clent-logs .owl-item {
  width: 200px !important;
}
.clent-logs .owl-stage-outer {
  overflow: hidden;
}
.proven-expersec .content p {
  font-size: 14px;
  color: #161616;
  font-weight: 600;
  text-align: center;
}
.proven-expersec .content {
  text-align: center;
}
.google-pb {
  padding-bottom: 60px;
}
.our-sermen.dmlr-container {
  margin-left: 17% !important;
}
.header-style1 .row {
  background: #fff;
  /* box-shadow: 0px 1px 20px rgba(0, 0, 0, 0.04); */
  border-radius: 50px;
  padding: 10px;
}
.map-wrapper {
  border: 3px solid #eeaf0a;
  border-radius: 20px;

  padding: 0px;
  box-shadow: none;
}
.map-wrapper iframe {
  border-radius: 20px;
}
.conact-sec h1 {
  font-size: 40px;
  color: #161616;
  font-weight: 700;
  max-width: 65%;
  margin: auto;
  line-height: 50px;
}
.conact-sec {
  background-image: url(../img/banner/contact-us.png);
  background-repeat: no-repeat;
  background-size: 100%;
  background-position: bottom;
  padding-bottom: 150px;
  padding-top: 180px;
}
.conact-sec .butn {
  margin-top: 25px !important;
}
.about-seo h5 {
  color: #525252;
  font-size: 24px;
}
.about-seo h2 {
  color: #161616;
  font-size: 40px;
  font-weight: 700;
}
.seo-social-lf {
  border: 1px solid #eeeeee;
  margin-right: 50px;
  rotate: -5deg;
}
.seo-social-rt {
  border: 1px solid #eeeeee;
  margin-left: 50px;
  rotate: -5deg;
}
.how-we-work h4 a {
  color: #161616;
  font-size: 24px;
  font-weight: 700;
}
.how-we-work h2 {
  margin-top: 50px;
}
.how-we-work h2 span {
  color: #161616;
  font-weight: 700;
  font-size: 35px;
}
.how-we-work .card-style1:hover .seo-social-lf,
.how-we-work .card-style1:hover .seo-social-rt {
  border: 1px solid #eeeeee;
  margin-left: 0px;
  rotate: 0deg;
  margin-right: 0px;
}

.how-we-work .card-style1:hover .seo-social-lf h4 a,
.how-we-work .card-style1:hover .seo-social-rt h4 a,
.how-we-work .card-style1:hover .seo-social-rt p,
.how-we-work .card-style1:hover .seo-social-lf p {
  color: #fff;
}
.qualities h4 {
  color: #161616;
  font-weight: 700;
  font-size: 40px;
  text-align: left;
}
.qualities p {
  
  text-align: left;
}

.qualities-rw .fa-file:before {
  content: "\f15b";
  font-family: "fontawesome";
  font-size: 30px;
  font-style: normal;
  width: 40px;
  height: 40px;
  background: #eeaf0a;
  padding: 5px;
  border-radius: 5px;
  color: #161616;
}
.qualities-rw i {
  font-size: 30px;
  font-style: normal;
  width: 45px;
  height: 45px;
  background: #eeaf0a;
  padding: 3px;
  border-radius: 5px;
  /* text-align: end; */
  /* margin-left: 0px; */
  padding-left: 6px !important;
  text-align: center;
}
.qualities-rw .fa-tag:before {
  content: "\f02b";
  font-family: "fontawesome";
}
.qualities-rw .fa-headset:before {
  content: "\f590";
  font-family: "fontawesome";
}
.qualities-rw .content img {
  width: 45px;
  
  border-radius: 5px;
  padding: 0px;
}
.qualities-rw .content h5 {
  color: #393939;
  font-size: 24px;
  font-weight: 600;
  padding-top: 10px;
}
.qualities-logo {
  margin-top: -75px;
}
.enquire-btn {
  background: #161616;
  padding: 10px 20px;
  border-radius: 10px;
  color: #fff;
  text-transform: uppercase;
}
.wyare-yoursec h2 {
  color: #ffff;
  font-size: 40px;
  max-width: 60%;
  text-align: left;
  margin-top: 40px;
}

.our-seobox p {
  background: #262626;
  padding: 20px;
  border-radius: 10px;
}
.seo-special h2 {
  color: #161616;
  font-size: 40px;
  font-weight: 700;
}

.our-teamli li {
  position: relative; /* Ensure that ::after is positioned correctly */
  padding-left: 30px; /* Space for the image */
}

.our-teamli li::after {
  content: "";
  position: absolute;
  right: 0; /* Position the image to the right */
  top: 9%;
  transform: translateY(-50%); /* Center the image vertically */
  width: 20px; /* Width of the image */
  height: 20px; /* Height of the image */
  background-image: url("../img/icons/daimond.png"); /* Replace with your image path */
  background-size: contain; /* Ensure the image fits the given size */
  background-repeat: no-repeat; /* Prevent repeating the image */
}
.seo-special .butn span {
  color: #fff;
}


.proffofsec {
  position: relative;
  background-color: #000; /* Fallback background color */
}

.proffofsec::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-image: url("../img/content/proffofsec.png");
  background-repeat: no-repeat;
  background-size: cover;
  filter: grayscale(100%); /* Apply grayscale filter to the background image */
  z-index: 0; /* Place the background image below the content */
}

.proffofsec > * {
  position: relative; /* Ensure the actual content appears above the overlay */
  z-index: 1;
}
.proffofsec .testimonial-wrapper h4 {
  font-size: 24px;
  text-align: left;
  font-weight: 700;
  padding-top:10px;
  padding-bottom: 10px;
}
.proffofsec .testimonial-wrapper p {
  color: #444444;
  font-size: 16px;
  text-align: left;
}
.proffofsec .section-heading h2 {
  color: #ffff;
  font-size: 40px;
  text-align: left;
  max-width: 70%;
}
.contactseo {
  padding: 80px 0px;
  background-color: #161616; /* Adding the background color */
  background-image: url("../img/banner/subtract.png");
  background-repeat: no-repeat;
  background-size: cover;
}
.contactseo h2 {
  font-size: 48px;
  color: #161616;
  font-weight: 700;
  margin-bottom: 10px;
}
.contactseo h6 {
  color: #161616;
  font-weight: 600;
  font-size: 24px;
}
.contactseo p {
  font-size: 18px;
  color: #393939;
}
.contactseo .butn span {
  color: #fff;
}
.contactseo .butn.butn-yellow:before {
  background: #161616;
}
.any-brand p,
.our-seobox p {
  color: #d6d6d6;
}
.fa-whatsapp:before {
  content: "\f232";
  color: #fff;
  font-family: "fontawesome";
}
.con-pgfm.home-form {
  padding: 25px;
}
.one-stop h2 {
  font-size: 35px;
  font-weight: 700;
  color: #161616;
}
.list-style1 li:after {
  content: "\f058";
  font-family: "fontawesome";
}

.the-creatives .media-body h4 {
  font-size: 25px;
  color: #161616;
}
.bulksms .icon-box {
  width: 45px;
  background: #f0b723 !important;
}
.the-creatives .icon-box.yellow,
.the-creatives .icon-box.blue,
.the-creatives .icon-box.light-pink {
  background: #eeaf0a;
}
.why-chooseus{
  p{
    text-align: left;
  }
  h2{
    text-align: left;
  }
}
.test-cont p{
    display:none;
}
.faq-sec p{
    display: none;
}
@media screen and (max-width: 767px) {
  .hero-banner h1 {
    font-size: 26px;
    max-width: 100%;
  }
 .contifr iframe{
     width:100% !important;
 }
 .contifr .frsif{
     margin-bottom:20px !important;
 }
  .the-creatives{
    padding: 40px 20px !important;
  }
  .ads-agency, .about-seo {
    
    p{
      text-align: left;
    }
  }
  .ityped, .ityped-cursor {
    font-size: 30px !important;
    color: #eeaf0a;
  }
  .google-partners{
  margin-top:20px !important;
  }
  .slid-anim-tl{
margin-top:30px !important;
  }
  .conact-sec h1 {
    font-size: 25px;
    max-width: 100%;
    line-height: 35px;
  }
  .one-stop h2 {
    font-size: 24px;
  }
  .form-sec {
    padding: 50px 10px;
  }
  .contactseo {
    background-position: bottom;
  }
  .con-pgfm {
    margin-top: 30px !important;
  }
  .best-design h2,
  .team-slider h2,
  .faq-sec h2,
  .qualities h4 {
    font-size: 35px;
  }
  .faq-sec .accordion-style {
    width: 100%;
    margin: auto;
    padding-top: 50px;
  }
  .team-slider {
    background-position: center;
  }
  .about-sec .about-info h2 {
    color: #e0e0e0;
    font-size: 30px;
    padding-right: 0px;
  }
  .about-sec .about-info h6 {
    color: #e0e0e0;
    font-size: 18px;
  }
  .media-cont p {
    padding-right: 0px;
  }
  .our-port h2 {
    text-align: right;
    color: #161616;
    font-size: 30px;
    font-weight: 700;
    padding-bottom: 30px;
  }
  .portfolio-img,
  .portfolio-img3 {
    padding-top: 50px;
  }
  .proven-expersec .content p {
    font-size: 18px;
  }
  .proven-exper p {
    padding-right: 0px;
  }
  .website-info p {
    padding-right: 0px;
  }
  .where-preci h2 {
    font-size: 21px;
  }
  .website-info h2,
  .test-cont h2 {
    font-size: 30px;
  }
  .where-preci p {
    padding-right: 0px;
    text-align: justify;
    font-size:15px;
  }
  .testimonial-area .owl-stage-outer {
    margin-left: 0px;
  }
  .testimonial-area .owl-item.active {
    width: 12% !important;
  }
  .testimonial-area .owl-stage-outer {
    height: 440px;
  }
  
  .faq-sec p {
    font-size: 16px;
    max-width: 100%;
  }
  .faq-sec .card-body {
    font-size: 16px;
    color: #393939;
    padding-right: 0px;
  }
  .faq-sec .btn-link {
    font-size: 16px;
  }
  .form-sec h2 {
    font-size: 24px;
  }

  .testimonial-area {
    padding-bottom: 80px;
  }
  .tes-auhor p {
    font-size: 14px;
  }
  .tes-auhor img {
    width: 18% !important;
  }
  .testimonial-area .owl-theme .owl-nav {
    text-align: left;
    width: 100%;
    margin-top: -55px;
  }
  .obile-service {
    display: ruby;
  }

  .obile-service li {
    font-size: 15px;
    text-align: center;
  }

  .list-service,
  .conact-sec .list-service {
    display: none;
  }

  .google-partners {
    max-width: 70%;
    margin-top: 10px;
  }

  .main-banner {
    background-image: url(../img/banner/hero-baner.png);
    background-size: cover;
    background-repeat: no-repeat;
    /* background-position-y: inherit; */
    background-position-x: right;
  }

  .home-eff {
    padding-bottom: 0px;
  }

  .hero-banner {
    text-align: center;
  }
  .conact-sec {
    background-size: cover;
    background-position: left;
    padding-bottom: 100px;
    padding-top: 130px;
  }
  .about-seo h2,
  .how-we-work h2 span,
  .qualities h4,
  .contactseo h2 {
    font-size: 30px;
  }
  .seo-social-lf,
  .seo-social-rt {
    margin-right: 0px;
    margin-left: 0px;
  }
  .qualities p {
    max-width: 100%;
  }
  .wyare-yoursec h2 {
    font-size: 25px;
    max-width: 100%;
  }
  .seo-special h2 {
    font-size: 35px;
  }
  .proffofsec .section-heading h2 {
    font-size: 30px;
    text-align: left;
    max-width: 100%;
  }
  .form-sec p {
  font-size:16px;
  text-align: left;
  }
  .footer-cont {
    .w-75{
      width: 100% !important;
    }
    p{
      text-align: left;
    }
  }
  .animation-import{
    p{
      text-align: left;
    }
  }
  .section-heading{
    h2{
      font-size: 22px;
    }
  }
  .spectrum-ofpro{
    .card-body{
      padding:0px;
    }
  }
  .accordion-style .btn-link.collapsed:after, .accordion-style .btn-link:after{
    line-height: 20px !important;
  }
  .ads-agency{
 p{
  text-align: left;
  font-size: 14px;
 }
  }
  .proffofsec .testimonial-wrapper h4{
    font-size: 20px;
  }
  .about-seo{
     p{
      font-size: 14px;
     }
  }
  .result-driven{
    h1{
      font-size: 30px !important;
    }
  }
  .seo-special{
    li{
      font-size: 14px;
      text-align: left;
    }
  }
  .unlocking{
    p{
      text-align: left;
    }
  }
  .atall-our{
padding: 10px !important;

.card-body{
  padding: 15px 10px;
}
h4{
  font-size: 16px;
}
  }
  .fueling-your{
     h2{
      font-size: 25px;
     }
  }
 
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
  .form-sec img {
    display: none !important;
  }
  .mb-degit {
    text-align: center;
  }
  .hero-banner h1 {
    font-size: 50px;
    max-width: 100%;
  }
  .faq-sec .accordion-style {
    max-width: 100%;
    width: 100%;
  }
  .mb-imghd {
    display: none;
  }
  .qualities p,
  .wyare-yoursec h2 {
    max-width: 100%;
  }
  .testimonial-area .owl-item.active {
    width: 550px !important;
  }
  .seo-social-lf,
  .seo-social-rt {
    margin-right: 0px;
    margin-left: 0px;
  }
  .home-form {
    margin-top: 50px;
  }
  .test-cont h2 {
    font-size: 32px;
  }
  .faq-sec .card-body {
    padding-right: 30px;
  }
  .list-service {
    display: -webkit-inline-box;
    column-gap: 30px;
    max-width: fit-content;
  }
  .service-cont {
    padding-top: 0px;
  }
  .team-slider .teams .shadow-effect {
    padding: 0px;
    border-radius: 10px;
    width: 238px;
  }
  .media-cont p {
    padding-right: 0px;
  }
  .portfolio-img,
  .portfolio-img3 {
    text-align: right;
    padding-top: 50px;
  }
  .hero-banner {
    text-align: center;
  }

  .google-partners {
    max-width: 30%;
  }

  .home-eff {
    padding-bottom: 0px;
  }

  .hero-btn {
    margin-top: 15px;
  }

  .list-service1 {
    display: flex !important;
  }
  .proven-expersec .content p {
    font-size: 18px;
  }
}

@media screen and (min-width: 1024px) and (max-width: 1200px) {
  .hero-banner h1 {
    font-size: 65px;
    max-width: 100%;
  }

  .navbar-nav > li {
    margin-left: 0px;
  }

  .navbar-nav > li.has-sub {
    padding-right: 0px;
  }

  .home-eff {
    padding-bottom: 0px;
  }
}

@media screen and (max-width: 1399px) {
  .main-banner {
    padding: 8% 0px !important;
  }
}

@media screen and (min-width: 1200px) {
}