@import url('https://fonts.googleapis.com/css2?family=Lora:ital,wght@0,400..700;1,400..700&family=Urbanist:ital,wght@0,100..900;1,100..900&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Urbanist:ital,wght@0,100..900;1,100..900&display=swap');



@import url('variables.css');





* {

  outline: none !important;

}



a,

a:hover {

  text-decoration: none;color: var(--tertiary);

}



body {

  font-family: "Lora", serif;font-size: var(--fs-xs);line-height: 24px;

  color: var(--tertiary);overflow-x: hidden;

}

i{ font-family: "Lora", serif;}



h1,

h2,

h3,

h4,

h5,

h6 {font-family: "Urbanist", sans-serif;}



.mb-6{margin-bottom: 12px;}

.mb-7{margin-bottom: 40px;}

.row {margin: 0;}

.container {max-width: 1500px;padding-left: 50px;padding-right: 50px;}

.heading {font-size: var(--fs-xxl);line-height: var(--lh-xl);font-weight: var(--fw-extra-bold);}

.italic-cnt {font-family: "Lora", serif;font-style: italic;}

.subheading {font-size: var(--fs-xl);line-height: var(--lh-l);font-weight: var(--fw-extra-bold);}

section {overflow: hidden;}



/* Header */

header .bookdemobtn {padding: 11px 24px;line-height: 25.2px;background: var( --tertiary);color: var( --secondary);display: inline-block;}

header .nav-item .callnumb {font-size: var(--fs-xxs);line-height: var(--lh-xxs);}



/* banner */

.banner-bg {background: url(../images/banner.svg);background-size: cover;}

.banner {padding-top: 44px;padding-bottom: 83px;}

.logo-slider .logosgl {margin-right: 80px;}

.banner h1 {font-size: 88px;line-height: var(--lh-xxl);font-weight: var(--fw-extra-bold);}

.banner p {max-width: 608px;margin-bottom: 0}

.trust-imgs {margin-left: -10px;}

.getstart{padding: 15px 40px;background: var( --tertiary);color: var( --secondary);border: none;}

.getstart:hover {
  color:#fff;
}



/* website-performance  */

.website-performance {padding-top: 165px;padding-bottom: 53px;}

.website-performance .heading {position: relative;z-index: 1;}

.website-performance h4 {font-size: var(--fs-l);line-height: var(--lh-m);}

.performance-img {padding-right: 70px;}

.performance-img img {margin-top: -110px;}



/* high performing */

.high-performing .heading-main {max-width: 819px;margin-bottom: 40px;}

.high-performing .subheading {margin-top: 40px;}

.highperforming-inr{background: var(--bg-light);    padding-top: 45px; padding-left: 26px !important;}





/* quality-leads */

.quality-leads {padding-bottom: 133px;padding-top: 178px;}

.leadscnt{padding-right: 85px;}



/* professional-design */

.professional-design {padding-bottom: 115px;}



/* technicals */

.technicals {background: #F9F9F9;padding-top: 80px;padding-bottom: 80px;}

.technicals .heading {margin-bottom: 44px;}

.technicals-dtls {background: var( --secondary);padding: 12px;}

.technicals .technicals-img {padding: 35px;background: var( --primary);text-align: center;}



/* things-well  */

/* .faq {padding: 50px 0;} */

.faq  .accordion .accordion-button {background: transparent;box-shadow: none;color: var(--tertiary);font-size: var(--fs-xl);line-height: var(--lh-m);font-weight: var(--fw-bold);}

.faq .accordion .accordion-body p {font-size: var(--fs-xs);line-height: var(--lh-xs);}

.faq p {margin-bottom: 0;}

.faq .accordion .accordion-item {border-radius: 0;padding: 32px 0;border: none;border-bottom: 1px solid #333;}

.faq .accordion .accordion-button::after {content: "\f067";font-family: "FontAwesome";font-weight: var(--fw-medium);font-size: var(--fs-m);width: auto;height: auto;background: none;transform: none;}

.faq .accordion .accordion-button:not(.collapsed)::after {content: "\f068";font-family: "FontAwesome";background: none;}

.faq .accordion .accordion-body {max-width: 713px;margin-top: 12px;}

.faq-dtls {margin-top: 32px;}

.faq-dtls a {color: var(--tertiary);font-weight: var(--fw-bold);}

.faq .faq-inr .accordion-button {font-size: var(--fs-m);line-height: var(--lh-s); font-weight: 700;}

.faq .faq-inr .accordion-item { padding: 0; }

.faq .faq-inr .accordion-item .accordion-collapse .accordion-body { padding-bottom: 24px!important; margin-top: 0; }

.faq .faq-inr .accordion-item h2 button {padding: 24px 0 12px 0px;}

.faq h4 {font-weight: var(--fw-bold);}

.faq-dtls .phn {padding-right: 52px;font-size: var(--fs-xs);line-height: 25.2px;}

.faq p {font-size: var(--fs-xs);line-height: var(--lh-xs);}

.imagine-funnel .imagine-cnt {max-width: 819px;font-size: var(--fs-xs);line-height: var(--lh-xs);}

.faq {padding-bottom: 150px;}



/* Consultancy Service */

.consultancy-service {

  padding-bottom: 150px;

}

.consultancy-pnt h5 {

  font-size: 20px;

  line-height: 28px;

  font-weight: 600;

}

.consultancy-pnt {

  margin-bottom: 32px;

}



/* lets-start */

.lets-start {background: var(--primary);padding: 56px 0;}

.lets-start h2 i {font-family: "Lora", serif;line-height: 76.8px;}

.lets-start p {font-size: var(--fs-ss);line-height: var(--lh-xs);margin: 0;}

.lets-start .startgig {padding: 15px 40px;font-weight: var(--fw-bold);font-size: var(--fs-xxs);line-height: var(--lh-xxs);border: none;background: var(--tertiary);color:  var(--secondary);}

.lets-start .reclaimbtn{margin-top: 40px;}



/* integrations */

.integrations {
  background-image: url(../images/integrations.svg);
  min-height: 620px;
  text-align: center;
  background-position: center bottom;
  display: flex;
  align-items: center;
  justify-content: center;
  background-size: contain;
  background-repeat: no-repeat;
  height: 835px;
  padding-top: 135px;
}

.integrations-cnt {

  max-width: 600px;

  margin: 0 auto;

}











.funnel-secret .fnlscrt {max-width: 1031px;margin: 0 auto;text-align: center;}

.without-funnel {background: var(--bg-light);  padding: 24px 20px;}

.with-funnel {background: var( --primary);padding: 24px 20px;}

.funnel-secret {padding: 150px 0;}

.funnel-secret .fnlscrt p {font-size: var(--fs-xs);line-height: var(--lh-xs);}

.funnel-inr h3 {line-height: var(--lh-s);font-size: var(--fs-m);font-weight: var(--fw-extra-bold);margin-bottom: 28px;}

.funnel-inr ul {padding: 0;}

.funnel-inr ul li {list-style: none;font-weight: var(--fw-bold);  font-size: var(--fs-s);line-height: var(--lh-xs);margin-bottom: 16px;}

.funnel-inr ul li i {margin-right: 8px;font-size: 22px;}

.funnel-inr {max-width: 396px;}

.funnel-inr button, .funnel-inr a {background: var(--tertiary);color: var( --secondary);width: 100%;padding: 15px 40px;border: none;margin-top: 32px;}

.funnel-inr ul li img {margin-right: 12px;}





/* Slider  */

.logosgl {

  margin-right: 64px;

  }

  .slider-container {

  overflow: hidden;

  width: 100%;

  white-space: nowrap;

  }

  .logo-slider {

  display: inline-block;

  animation: slide 5s linear infinite;

  }

  .logo-slider img {

  margin-right: 80px;

  }

  

  @keyframes slide {

  0% {

  transform: translateX(0);

  }

  100% {

  transform: translateX(-100%);

  }

  }





/* Footer */

footer {background-image: url(../images/bg1.png);background: var(--tertiary);color:  var(--secondary);}

footer .footer-top .srv-slider h3 {font-size: 48px;line-height: 67.2px;font-weight: var(--fw-extra-bold);margin-bottom: 0;}

footer .footer-top .srv-slider .logosgl {margin-right: 80px;display: inline-flex !important;align-items: center;}

.ftrbg-image img {width: 290px;margin: 0 auto;position: relative;top: -35px;}

footer .footer-cnt p {font-weight: var(--fw-extra-bold);}

footer .footer-cnt .footer-abt p { font-weight: 400; }

footer ul {padding: 0;margin: 0;}

footer .footer-cnt ul li {list-style: none;margin-bottom: 6px;margin-bottom: 16px;}

footer .footer-cnt ul li:last-child {margin-bottom: 0 !important;}

footer ul li a, footer ul li a:hover {color:  var(--secondary);}

.footer-btm {display: flex;justify-content: space-between;flex-wrap: wrap;border-top: 1px solid #343434;}

.footer-btm ul li {list-style: none;display: inline-block;}

.footer-btm ul li:first-child {margin-right: 37px;}

footer {overflow: hidden;}

.footer-abt p {font-weight: var(--fw-light);}




.professional-lft {
  background: url(../images/professional-bg.svg) no-repeat center;
  /* background-size: cover; */
}
.professional-lft .img-comp-container {
  position: relative;
  height: 732px;
  text-align: center;  
  left: 25%;
  max-width: 338px;
    border-radius: 20px;
    background: #333;
    overflow: hidden;
}

.professional-lft .img-comp-img {
  position: absolute;
  width: auto;    
  height: auto;
  overflow:hidden;
}
.professional-lft .img-comp-img.img-comp-overlay {
  height:100%;
}
.professional-lft .img-comp-img img {
  display:block;
  width:338px;
}

.professional-lft .img-comp-slider {
  position: absolute;
  z-index: 9;
  cursor: ew-resize;
  width: 40px;
  height: 40px;
  opacity: 0.7;
  border-radius: 50%;
  background: url(../images/double-arrow.svg);background-repeat: no-repeat;
  top: 0px!important;
  height: 100%;
  background-size: 32px;
  background-position: center center;
}

.slide-diffrence {
  left: 15px;
  position: relative;
  top: 25px;
}



/* privacy-policy */

.privacy-policy h2 {
  font-size: 69px;
  line-height: 82.8px;
  text-align: center;
  font-weight: var(--fw-extra-bold);
}
.privacy-policy p{font-size: 16px;}
.privacy-policy-inr {
  margin-top: 80px;
  padding-bottom: 140px;
}
.privacy-policy .sidebar {
  width: 312px;
}
.privacy-policy .policy-content {
  width: calc(100% - 413px);
}
.privacy-policy {
  padding-top: 61px;
}
.privacy-policy .sidebar li {list-style: none;}
.privacy-policy .sidebar a {
  font-size: var( --fs-xs );
  line-height: 25.2px;
  font-weight: var( --fw-medium);
}

.privacy-policy .sidebar li:before {
  content: "";
  position: absolute;
  left: 0;
  width: 5px;opacity: 0;
  height: 100%;
  background: var(--primary);
}
.privacy-policy .sidebar li {
  list-style: none;
  position: relative;
  padding-left: 20px;
}
.privacy-policy .sidebar li:hover:before {
 opacity: 1;
}

.privacy-policy .sidebar li.active:before {
  opacity: 1;
 }

 .privacy-policy .policy-content  h3 {
  font-size: 24px;
  line-height: 33.6px;
  font-weight: var(--fw-extra-bold);
}

.with-qwikgig{
  font-size: 32px !important;
}
.diff-btw{
    max-width: 600px;
    margin: 0 auto;
}
.wait-time{
  padding-top: 76px;
  padding-bottom: 76px;
}
/* .techno-txt{
  font-size: 16px !important;
} */
.copy-write{
  line-height: 92px;
}
.funnel_perfor{
  margin-bottom: 17px;
}
.getstart-main{
  gap: 29px;
}
.imagine-head{
  margin-bottom: 10px;
}
.per-month{
  font-weight: 600 !important;
}