/* Main Css */
::-moz-selection {
  background: #5eb01d;
  color: #fff;
  text-shadow: none;
}
::selection {
  background: #5eb01d;
  color: #fff;
  text-shadow: none;
}

::-webkit-scrollbar {
  width: 10px;
  background-color: #f5f5f5;
}

::-webkit-scrollbar-button:start:decrement,
::-webkit-scrollbar-button:end:increment {
  display: none;
}

::-webkit-scrollbar-track-piece {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  background-color: #dedede;
}

::-webkit-scrollbar-thumb:vertical {
  border-radius: 10px;
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  background-color: #5eb01d;
}

.servWrp ul::-webkit-scrollbar {
  width: 5px;
  background-color: #f5f5f5;
}

.servWrp ul::-webkit-scrollbar-button:start:decrement,
.servWrp ul::-webkit-scrollbar-button:end:increment {
  display: none;
}

.servWrp ul::-webkit-scrollbar-track-piece {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0);
  background-color: #fff;
}

.servWrp ul::-webkit-scrollbar-thumb:vertical {
  border-radius: 10px;
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0);
  background-color: #5eb01d;
}

body {
  overflow-x: hidden;
  font-size: 16px;
  color: #585858;
  line-height: 1;
  font-family: "Inter", sans-serif;
  scroll-behavior: smooth;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  display: block;
  font-family: "Coolvetica Rg";
}

*:hover,
*:focus,
* {
  outline: none !important;
}

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

a,
input[type="submit"] {
  transition: all 0.4s ease-in-out;
  display: inline-block;
  cursor: pointer;
}

span {
  display: inline-block;
}

p,
a {
  font-size: 18px;
  color: #212121;
  font-weight: 400;
}

strong,
.bold {
  font-weight: bold;
}

/* Custom Slick Css */
.slick-list {
  margin: 0 -15px;
}

.slick-slide {
  margin: 0 15px;
}

ul.slick-dots {
  padding: 20px 0;
  text-align: center;
  position: absolute;
  bottom: -38px;
  right: 0;
  left: 0;
}

ul.slick-dots li {
  margin: 0 12px 0 0px;
  display: inline-block;
  vertical-align: middle;
  padding: 0px;
  border: none;
  border-radius: 50%;
  width: 15px;
  height: 15px;
}

ul.slick-dots li:before {
  display: none;
}

.slick-dots li button {
  cursor: pointer;
  font-size: 0px;
  border: 2px solid #6c5ce7;
  width: 100%;
  height: 100%;
  display: inline-block;
  padding: 0px;
  border-radius: 50%;
  box-sizing: border-box;
  transition: all 0.4s ease-In-out;
}

.slick-dots li.slick-active button {
  background: #6c5ce7;
}

ul.slick-dots li.last {
  margin-right: 0px;
}

textarea,
select,
input[type],
textarea,
select,
button {
  background: transparent;
  border: none;
  border-radius: 0px;
}

::-webkit-input-placeholder {
  color: rgba(0, 0, 0, 0.5);
}

::-moz-placeholder {
  color: rgba(0, 0, 0, 0.5);
}

:-ms-input-placeholder {
  color: rgba(0, 0, 0, 0.5);
}

:-moz-placeholder {
  color: rgba(0, 0, 0, 0.5);
}

/* Padding Classes */
.pad-sec {
  padding: 0px 0;
}

.pad-zero {
  padding: 0px;
}

.pad-l-zero {
  padding-left: 0px;
}

.pad-r-zero {
  padding-right: 0px;
}

/* Heading Classes */
.mn-hd {
  margin-bottom: 20px;
}

.mn-hd h4 {
  font-weight: 400;
  font-size: 60px;
  line-height: 1.2;
  color: #2d2d2d;
}

.mn-hd h4 span {
  font-weight: 600;
  font-size: 16px;
  line-height: 1.2;
  color: #444444;
  font-family: "Inter";
  display: block;
  margin-bottom: 10px;
}

.para p {
  line-height: 30px;
  color: #797979;
}

/* Global Css */
.ovr-hiddn {
  overflow: hidden;
}

/* header CSS */
header {
  transition: all 0.4s ease-in-out;
  padding: 15px 0;
  z-index: 1;
}

.logo svg {
  width: 261px;
  height: 61px;
}

.logo img {
  display: block;
}

ul.phnchat > li {
  display: inline-block;
  margin-left: 30px;
}

ul.phnchat > li a {
  font-weight: 500;
  font-size: 16px;
  color: #333333;
  text-transform: capitalize;
}

ul.phnchat > li a i {
  vertical-align: middle;
  margin-right: 7px;
}

ul.phnchat > li.last a i {
  color: #5eb01d;
}

ul.phnchat > li a:hover {
  color: #5eb01d;
}

/* Menu Css */
/* Main Banner CSS */
.mainBanner {
  position: relative;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: 85% 100%;
  display: flex;
  align-items: center;
}

.mainBanner:after {
  content: "";
  background-image: url(../images/after.png);
  position: absolute;
  right: 16%;
  top: 0;
  width: 393px;
  height: 666px;
  z-index: -1;
}

.mainCont {
  padding-top: 48px;
}

.mainCont h4 {
  font-weight: 400;
  font-size: 48px;
  line-height: 50px;
  color: #212121;
  margin-bottom: 15px;
}

.mainCont h4 span {
  font-size: 30px;
  color: #5eb01d;
}

.mainCont p {
  line-height: 30px;
  margin-bottom: 25px;
  font-size: 16px;
  font-weight: 500;
}

.mainCont ul {
  margin-bottom: 30px;
}

.mainCont ul > li {
  line-height: 19px;
  font-weight: 500;
  font-size: 16px;
  margin-bottom: 10px;
  position: relative;
  padding-left: 20px;
  color: #212121;
}

.mainCont ul > li:before {
  content: "\f00c";
  position: absolute;
  font-family: "Font Awesome 5";
  left: 0;
  top: 0;
  font-size: 14px;
}

.btns_group {
  margin-bottom: 20px;
}

.btns_group a {
  font-weight: 600;
  font-size: 16px;
  line-height: 17px;
}

.btns_group a.getstarted {
  /* width: 180px; */ /* height: 45px; */
  display: inline-flex;
  align-items: center;
  gap: 10px;
  background: #5eb01d;
  border-radius: 6px;
  color: #ffffff;
  text-transform: uppercase;
  text-align: center;
  line-height: 41px;
  margin-right: 20px;
  border: 2px solid #5eb01d;
  position: relative;
  z-index: 0;
  padding: 4px 35px;
  margin: 15px;
}

.btns_group a.getstarted i {
  margin-left: 10px;
  vertical-align: middle;
}

.btns_group a.chat-btn {
  color: #2e2e2e;
  text-transform: capitalize;
  position: relative;
}

.btns_group a.chat-btn i {
  vertical-align: middle;
  margin-right: 10px;
  color: #5eb01d;
  font-weight: 500;
}

.rtng p {
  font-size: 14px;
  line-height: 16.94px;
  text-transform: none;
}

.rtng p span {
  vertical-align: text-bottom;
  color: #ffa700;
  font-size: 12px;
}

.rtng p span i {
  margin: 0 2px;
}

.rtng p strong {
  color: #000000;
  font-weight: 600;
}

section.trustedSec {
  padding-bottom: 80px;
}

.trstWrp {
  border-bottom: 1px solid #dddcdf;
  padding: 9px 0;
}

.trstWrp p {
  display: inline-block;
  font-weight: 600;
  font-size: 16px;
  line-height: 19px;
  color: #8a8a8a;
  margin-right: 22px;
  width: 115px;
}

.trstWrp ul {
  display: inline-block;
  vertical-align: middle;
}

.trstWrp ul li {
  display: inline-block;
  margin: 0 20px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

section.webdesignSec {
  padding-bottom: 40px;
}

.designSliderWrp {
  margin-top: 20px;
}

.porWrp {
  text-align: center;
  transition: ease 1.8s;
  padding: 0 0 15px;
}

.porWrp img {
  width: 100%;
  display: block;
  border-radius: 10px;
  margin-bottom: 20px;
}

.porWrp h5 {
  font-weight: 400;
  font-size: 20px;
  line-height: 24px;
  color: #222222;
}

ul.designSlider {
  margin-bottom: 25px;
}

ul.designSlider_two {
  margin-bottom: 35px;
}

section.whychooseSec {
  padding-top: 65px;
}

.chsServ {
  margin-bottom: 50px;
  margin-top: 30px;
  padding: 0 10%;
}

.chseWrp {
  background: #f8f8f8;
  border-radius: 8px;
  padding: 20px;
  height: 100%;
  transition: ease 0.5s;
}

.chseWrp img {
  display: block;
  margin-bottom: 25px;
}

.chseWrp h5 {
  font-weight: 500;
  font-size: 19px;
  line-height: 30px;
  color: #242424;
  margin-bottom: 18px;
}

.chseWrp p {
  font-weight: 400;
  font-size: 15px;
  line-height: 26px;
  color: #797979;
}

.chseWrp:hover {
  background: #ffffff;
  box-shadow: 0px 4px 10px 2px rgba(176, 176, 176, 0.14);
}

section.reviewCta {
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  padding: 90px 0;
  z-index: 0;
}

section.reviewCta:before {
  content: "";
  background-image: url(../images/cta-before.png);
  position: absolute;
  background-repeat: no-repeat;
  background-size: contain;
  width: 320px;
  height: 581px;
  right: 0;
  bottom: 0;
}

section.reviewCta:after {
  content: "";
  background-image: url(../images/cta-after.png);
  position: absolute;
  width: 35%;
  height: 495px;
  height: 82%;
  background-repeat: no-repeat;
  background-size: cover;
  top: 0;
  right: 7%;
  z-index: -1;
}

.ctaimg img {
  display: block;
}

.ctaimg .revBtns {
  text-align: center;
  margin-bottom: 20px;
  margin-top: 24px;
}

.revBtns a.getstarted {
  background: #5eb01d;
  border-radius: 6px; /* width: 180px; */ /* height: 45px; */
  font-weight: 600;
  font-size: 16px;
  color: #ffffff;
  text-align: center;
  text-transform: uppercase;
  line-height: 41px;
  vertical-align: middle;
  border: 2px solid #5eb01d;
  position: relative;
  z-index: 0;
  padding: 4px 35px;
}

.revBtns a.getstarted i {
  margin-left: 10px;
}

.revBtns p {
  display: inline-block;
  vertical-align: middle;
  font-weight: 500;
  font-size: 13px;
  line-height: 16px;
  color: #8f9196;
  margin-left: 20px;
  text-align: left;
  transition: ease 0.4s;
}

.revBtns p i {
  color: #1cc476;
  margin-left: 12px;
}

.revBtns p a {
  display: block;
  font-weight: 500;
  font-size: 14px;
  line-height: 17px;
  color: #fff;
  margin-top: 5px;
}

.rev-rtng {
  text-align: center;
}

.rev-rtng p {
  font-weight: 500;
  font-size: 14px;
  line-height: 17px;
  color: #fff;
}

.rev-rtng p span {
  display: block;
  color: #777e88;
  margin-bottom: 5px;
}

.rev-rtng p span i {
  color: #1dbf74;
  font-size: 16px;
  vertical-align: top;
  margin-right: 5px;
}

.revWrp {
  font-size: 0;
  padding-bottom: 100px;
  z-index: 0;
  position: relative;
}

.revWrp img {
  width: 120px;
  height: 120px;
}

.revWrp .revDetal {
  display: inline-block;
  vertical-align: top;
  position: relative;
  margin-left: 20px;
  width: calc(100% - 140px);
}

.revWrp .revDetal h5 {
  font-weight: 400;
  font-size: 20px;
  line-height: 26px;
  color: #000000;
  margin-bottom: 15px;
}

.revWrp .revDetal p {
  font-weight: 500;
  font-size: 14px;
  line-height: 23px;
  color: #484848;
  margin-bottom: 10px;
  letter-spacing: -0.4px;
}

.revWrp .revDetal h6 {
  font-weight: 400;
  font-size: 15px;
  line-height: 26px;
  color: #484848;
  margin-bottom: 27px;
}

.revWrp .revDetal h6 span {
  color: #171717;
}

.revWrp .revDetal ul {
  width: 185px;
  font-size: 0;
}

.revWrp .revDetal ul > li {
  font-weight: 400;
  font-size: 14px;
  line-height: 17px;
  color: #7f7f7f;
  display: inline-block;
  width: 50%;
  border-right: 1px solid #7f7f7f;
  border-bottom: 1px solid #7f7f7f;
  padding: 8px 8px;
}

.revWrp .revDetal ul > li span {
  font-weight: 600;
  font-size: 16px;
  line-height: 19px;
  color: #333333;
  display: block;
}

.revWrp .revDetal:after {
  content: "";
  background-image: url(../images/quote.png);
  background-repeat: no-repeat;
  position: absolute;
  width: 180px;
  height: 180px;
  right: -90px;
  top: 23px;
  z-index: -1;
}

.revWrp .revDetal ul > li.last {
  border: 0;
}

.revWrp .revDetal ul > li:nth-child(3) {
  border-bottom: 0;
}

.revWrp .revDetal ul > li:nth-child(2) {
  border-right: 0;
}

section.processSec {
  padding: 60px 0;
}

ul.procsList {
  font-size: 0;
  margin: 35px 0;
  display: flex;
}

ul.procsList > li {
  display: inline-block;
  width: 31.33%;
  border-right: 1px solid #d8d8d8;
  padding: 28px 17px 28px 0;
  margin-right: 30px;
  position: relative;
}

ul.procsList > li.last {
  margin-right: 0;
}

ul.procsList > li:after {
  content: "";
  background-image: url(../images/prcs-after.png);
  width: 15px;
  height: 18px;
  position: absolute;
  background-repeat: no-repeat;
  background-size: contain;
  right: -15px;
  top: 0;
  bottom: 0;
  margin: auto;
}

.prcsWrp h5 {
  font-weight: 700;
  font-size: 48px;
  line-height: 58px;
  color: #eeeeee;
  font-family: "Inter";
}

.prcsWrp h4 {
  font-weight: 400;
  font-size: 24px;
  line-height: 30px;
  color: #242424;
  margin: 25px 0 15px;
}

.prcsWrp p {
  font-weight: 400;
  font-size: 17px;
  line-height: 26px;
  color: #797979;
}

ul.servList {
  font-size: 0;
  margin-top: 35px;
}

ul.servList > li {
  margin-bottom: 55px;
  display: inline-block;
  width: 32.1%;
  border-right: 1px solid #d5d5d5;
  padding-right: 20px;
  margin-right: 21px;
  padding-top: 15px;
  padding-bottom: 15px;
  vertical-align: top;
}

ul.servList > li:nth-child(3n) {
  margin-right: 0;
  border: 0;
  padding-right: 10px;
}

.servWrp img {
  margin-bottom: 25px;
  height: 55px;
}

.servWrp h5 {
  font-weight: 400;
  font-size: 26px;
  line-height: 31px;
  color: #333333;
  margin-bottom: 20px;
}

.servWrp h5 span {
  display: block;
  font-weight: 500;
  font-size: 20px;
  line-height: 24px;
  color: #696969;
  margin-top: 15px;
  font-family: "Inter";
}

.servWrp p {
  font-weight: 400;
  font-size: 17px;
  line-height: 27px; /* or 167% */
  color: #797979;
  margin-bottom: 30px;
}

.servWrp ul {
  margin-bottom: 25px;
  min-height: 158px;
  height: 210px;
  overflow-y: auto;
}

.servWrp ul > li {
  font-weight: normal;
  font-size: 14px; /* identical to box height */
  color: #666666;
  margin-bottom: 10px;
  padding-left: 22px;
  position: relative;
  line-height: 1.4em;
}

.servWrp ul > li span {
  margin-right: 8px;
  position: absolute;
  top: 0;
  left: 0;
  width: 15px;
  height: 15px;
  background: #5eb01d;
  border-radius: 50%;
  color: #fff;
  font-size: 10px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.servWrp a {
  background: #5eb01d;
  border-radius: 6px; /* width: 150px; */ /* height: 45px; */
  font-weight: 600;
  font-size: 16px;
  line-height: 17px; /* identical to box height */
  color: #ffffff;
  text-transform: uppercase;
  text-align: center;
  line-height: 41px;
  border: 2px solid #5eb01d;
  position: relative;
  z-index: 0;
  padding: 4px 35px;
}

.servWrp a + a {
  background: no-repeat;
  color: #5eb01d;
  border: none;
  padding: 0;
  line-height: auto;
  font-weight: 600;
  border-radius: 0;
  margin-left: 18px;
  font-size: 16px;
}

.servWrp a.chat-btn:after {
  bottom: -25px !important;
}

.servWrp a + a:hover {
  border: none;
}

.testimoniaWrp > p {
  min-height: 160px;
}

.c-heading h1 {
  font-family: "Inter";
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
  /* identical to box height, or 143% */
  color: #ffffff;
  width: 79px;
  height: 26px;
  background: #5eb01d;
  border-radius: 5px;
  text-align: center;
  padding: 3px 0;
}

section.profsSec {
  position: relative;
}

.profsSec .mn-hd {
  text-align: center;
}

.profsSec .para p {
  text-align: center;
}

section.clientsTesimonialSec {
  position: relative;
  padding-top: 80px;
}

/* section.clientsTesimonialSec:after {content: '';position: absolute;background: #F6F4F5;width: 100%;height: 65%;top: 0;z-index: -1;left: 0;} */
.cltchrev {
  margin: 30px 0 40px;
}

.testimoniaWrp {
  background: #fff;
  padding: 25px;
  box-shadow: 0px 4px 4px rgba(178, 178, 178, 0.25);
  position: relative;
  z-index: 0;
}

.testimoniaWrp:after {
  content: "";
  background-image: url(../images/quote.png);
  width: 180px;
  height: 180px;
  position: absolute;
  right: 0;
  top: 0;
  z-index: -1;
}

.testimoniaWrp img {
  width: 90px;
  height: 90px;
  margin-right: 15px;
  display: inline-block;
  vertical-align: middle;
}

.testimoniaWrp h5 {
  display: inline-block;
  vertical-align: middle;
  width: calc(100% - 115px);
  font-weight: 500;
  font-size: 18px;
  line-height: 22px;
  font-family: "Inter", sans-serif;
}

.testimoniaWrp h5 span {
  display: block;
  margin-top: 5px;
  font-weight: 400;
  font-size: 12px;
  line-height: 15px;
  color: #989898;
}

.testimoniaWrp p {
  font-weight: normal;
  font-size: 16px;
  line-height: 23px; /* or 128% */
  letter-spacing: 0.01em;
  color: #797979;
  margin-top: 14px;
  margin-bottom: 18px;
}

.tstRtng span i {
  color: #00b578;
  margin-right: 3px;
  font-size: 13px;
}

.tstRtng p {
  font-weight: 400;
  font-size: 12px;
  line-height: 15px; /* identical to box height */
  color: #7c7c7c;
}

.monialSlider {
  margin-bottom: 35px;
}

.monialSlider li {
  margin-bottom: 15px;
}

.clt-box img {
  max-width: 60%;
  filter: grayscale(1);
  transition: all 0.4s ease-in-out;
}

.clt-box {
  transition: all 0.4s ease-in-out;
}
.clt-box:hover {
  transform: scale(1.01);
  box-shadow: 0px 15px 15px 20px rgba(176, 176, 176, 0.14);
}
.clt-box:hover img {
  filter: grayscale(0);
}

section.faqSEc {
  padding: 60px 0;
}

ul.accordion-list {
  position: relative;
  display: block;
  width: 100%;
  height: auto;
  padding: 20px;
  margin: 0;
  list-style: none;
}

ul.accordion-list li {
  position: relative;
  display: block;
  width: 100%;
  height: auto;
  cursor: pointer;
  border-bottom: 1px solid #f3f3f3;
  padding-bottom: 30px;
  padding-top: 20px;
}

ul.accordion-list li.active h3:after {
  transform: rotate(-180deg);
}

ul.accordion-list li h3 {
  cursor: pointer;
  font-weight: 400;
  font-size: 21px;
  line-height: 22px; /* identical to box height */
  color: #333333;
  padding-right: 30px;
}

ul.accordion-list li h3:after {
  content: "\f2ec";
  font-family: "Font Awesome 5";
  position: absolute;
  right: 0;
  color: #000;
  transition: all 0.3s ease-in-out;
  font-size: 15px;
  right: 0;
  font-weight: 700;
  transform: rotate(-90deg);
}

ul.accordion-list li div.answer {
  position: relative;
  display: block;
  width: 100%;
  height: auto;
  margin: 0;
  padding: 0;
  cursor: pointer;
  padding-right: 100px;
}

ul.accordion-list li div.answer p {
  position: relative;
  display: block;
  cursor: pointer;
  font-weight: 400;
  font-size: 16px;
  line-height: 31px; /* or 194% */
  color: #797979;
  margin-top: 25px;
}

section.categrSec {
  padding: 50px 0;
  background: rgba(247, 247, 247, 0.568627451);
  display: none;
}

ul.catmenu {
  margin-top: 30px;
}

ul.catmenu > li {
  margin-bottom: 15px;
}

ul.catmenu > li a {
  font-weight: 400;
  font-size: 16px;
  line-height: 19px;
  color: #3b3b3b;
}

.compLogos {
  background: #f3f3f1;
  padding: 25px 0;
}

.gettouch h5 {
  font-weight: 600;
  font-size: 16px;
  line-height: 25px; /* or 156% */
  color: #191919;
  font-family: "Inter";
}

.gettouch a {
  display: block;
  font-weight: 400;
  font-size: 16px;
  line-height: 25px;
  color: #4a4a4a;
}

footer {
  padding: 30px 0;
  border-top: 1px solid rgba(247, 247, 247, 0.568627451);
}

.copyright {
  background: #202020;
  padding: 12px 0;
}

.copyright p {
  font-weight: 400;
  font-size: 12px;
  line-height: 15px; /* identical to box height */
  color: #676767;
}

.copyright p a {
  font-weight: 400;
  font-size: 12px;
  line-height: 15px; /* identical to box height */
  color: #d7d7d7;
  border-right: 1px solid #d7d7d7;
  padding-right: 10px;
  margin-right: 8px;
}

.copyright p a:last-child {
  border: 0;
  padding: 0;
  margin: 0;
}

ul.social {
  font-size: 0;
}

ul.social > li {
  display: inline-block;
  vertical-align: middle;
  margin-left: 12px;
}

ul.social > li a {
  width: 30px;
  height: 30px;
  background: #fff;
  text-align: center;
  font-size: 16px;
  border-radius: 50%;
  line-height: 30px;
}

ul.social > li a:hover {
  background: #5eb01d;
  color: #fff;
}

/**/
ul.catmenu.catmenuCenter,
ul.catmenu.catmenuRight,
.gettouchRight {
  display: inline-block;
  text-align: left;
}

.btns_group a.getstarted:after,
.revBtns a.getstarted:after,
.servWrp a:after {
  content: "";
  position: absolute;
  width: 0;
  height: 100%;
  background: #fff;
  left: 0;
  top: 0;
  border-radius: 6px;
  transition: ease 0.5s;
  z-index: -1;
}

.btns_group a.getstarted:hover:after,
.revBtns a.getstarted:hover:after,
.servWrp a:hover:after {
  width: 100%;
  transition: ease 0.4s;
}

.btns_group a.getstarted:hover,
.revBtns a.getstarted:hover,
.servWrp a:hover {
  color: #5eb01d;
  transition: ease 0.6s;
}

.btns_group a.chat-btn:after {
  content: "";
  position: absolute;
  width: 0;
  height: 2px;
  background: #5eb01d;
  left: 0;
  bottom: -5px;
  right: 0;
  margin: auto;
  transition: ease 0.4s;
}

.btns_group a.chat-btn:hover:after {
  width: 100%;
  transition: ease 0.5s;
}

.btns_group a.chat-btn:hover,
.revBtns p:hover a,
ul.catmenu > li a:hover,
.gettouch a:hover {
  color: #5eb01d;
}

.revBtns p:hover {
  transform: scale(1.03);
  transition: ease 0.4s;
}

.design-card {
  box-shadow: none;
}

.design-card--heavy-shadow:hover {
  box-shadow: none;
}

.porWrp:hover {
  transform: scale(1.02);
  transition: ease 0.4s;
}

ul.procsList > li.last:after {
  display: none;
}

ul.procsList > li.last {
  border: none;
}

.comlogo {
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
}

.comlogo img {
  margin: 0 58px;
}

/*guarantee section*/
.guarantee-bg {
  background: #1e252e;
  border-radius: 14px;
  padding: 4rem 6rem 2rem;
}

.guarantee-bg p.para {
  font-size: 22px;
  margin: 14px 0;
  line-height: 26px;
}

section.guarantee-sec {
  padding: 4rem 0;
}

.money-back-image {
  margin-top: -172px;
  margin-bottom: 22px;
}

/*guarantee section*/
/*popup*/
.overlay {
  background-color: rgba(0, 0, 0, 0.8);
  bottom: 0;
  left: 0;
  position: fixed;
  right: 0;
  top: 0;
  z-index: 10;
  display: none;
}

.popupmain {
  position: fixed;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  right: 0;
  margin: auto;
  width: 1050px;
  height: auto;
  box-shadow: 0px 0px 30px -9px rgba(0, 0, 0, 0.431372549);
  z-index: 11;
  overflow: hidden;
  display: none;
  border-radius: 4px;
  max-width: 97%;
  max-height: 97%;
  overflow-y: auto;
}

.mmpopup {
  display: flex;
  height: auto;
  align-items: stretch;
  border-radius: 30px;
}

.mmpopup .imgbx {
  width: 50%;
  font-size: 0;
  border-radius: 1.5rem 0 0 1.5rem;
  overflow: hidden;
}

.mmpopup .centercont {
  width: 35%;
  padding-right: 20px;
}

.mmpopup .imgbx img {
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  height: 100%;
}

.mmpopup .formpop {
  /* padding-right: 30px; */
  width: 35%; /* padding-top: 20px; */
  background: #fff;
  border-radius: 0 1.5rem 1.5rem 0;
  overflow: hidden;
}

.mmpopup .fld-input {
  height: 50px;
  width: 100%;
  margin-bottom: 10px;
}

.mmpopup .fld-btn button {
  height: 50px;
  font-size: 15px;
}

.mmpopup .fld-input.textarea {
  height: 80px;
}

.mmpopup .fld-input textarea {
  width: 100%;
  height: 100%;
  padding: 0 24px;
  font-size: 16px;
  letter-spacing: 0.2px;
  padding-top: 10px;
  resize: none;
}

.mmpopup .centercont h3 {
  font-size: 26px;
  color: #141515;
  margin-bottom: 10px;
}

.mmpopup .centercont h4 {
  font-size: 20px;
  color: #566060;
  margin-bottom: 15px;
}

.mmpopup .centercont h4 span {
  color: #965ce3;
}

.mmpopup .centercont p {
  color: #727272;
  font-size: 15px;
  margin-bottom: 120px;
  line-height: 20px;
}

.mmpopup .calldvs i {
  background: url(../images/popup/callico.jpg) no-repeat;
  width: 42px;
  height: 42px;
  display: block;
  margin-bottom: 10px;
}

.mmpopup .calldvs span {
  font-size: 13px;
  color: #566060;
}

.mmpopup .calldvs a {
  font-size: 26px;
  color: #965ce3;
  font-weight: 400;
  margin-top: 5px;
  font-weight: 600;
  text-decoration: none;
}

.mmpopup .fld-btn button {
  width: 100%;
}

.closeico {
  position: absolute;
  top: 15px;
  right: 20px;
  z-index: 9999;
}

.closeico i {
  background: url(../images/e-remove.png) no-repeat;
  width: 16px;
  height: 16px;
  display: block;
}

.closeico1 {
  position: absolute;
  top: 15px;
  right: 10px;
  z-index: 9999;
}

.closeico1 i {
  background: url(../images/e-remove.png) no-repeat;
  width: 16px;
  height: 16px;
  display: block;
}

.icn-tooltip:after {
  display: none;
}

.icn-tooltip {
  display: inline-block;
  position: relative;
  transition: all 0.4s ease;
  padding: initial !important;
  background-color: transparent !important;
}

.icn-tooltip .tooltip-innr {
  position: absolute;
  width: 160px;
  right: -60px;
  top: 24px;
  background: #000000;
  padding: 3px 3px 4px;
  border-radius: 3px;
  color: #fff;
  font-size: 11px;
  text-transform: capitalize;
  opacity: 0;
  transition: all 0.4s ease;
  z-index: 2;
  box-shadow: 0 0 11px 3px rgba(0, 0, 0, 0.2588235294);
  line-height: 1.5em;
}

.icn-tooltip i {
  margin: 0 0 0 4px;
  /* font-size: 12px; */
  /* color: #000; */
}

.icn-tooltip .tooltip-innr:before {
  content: "\f0d8";
  font-family: "Font Awesome 5";
  right: 17px;
  top: -12px;
  position: absolute;
  color: #000000;
  font-size: 24px;
  display: none;
}

.icn-tooltip:hover .tooltip-innr {
  opacity: 1;
}

ul.pkgDtl {
  height: 260px;
}

.mCSB_inside > .mCSB_container {
  margin: 0;
}

.top-rated {
  z-index: 1;
}

.mmpopup .centercont p {
  margin-bottom: 10px;
  line-height: 23px;
}

.mmpopup .centercont ul {
  margin-bottom: 30px;
}

.mmpopup .centercont ul li {
  display: block;
  font-size: 13px;
  color: #566060;
  padding: 5px 0;
}

.mmpopup .centercont ul li i {
  color: #995ee8;
}

.mmpopup .centercont h4 {
  font-size: 25px;
}

.mmpopup .centercont h3 {
  font-size: 26px;
  font-weight: 700;
  margin-top: 20px;
}

.mmpopup .centercont h4 span {
  font-weight: 700;
}

.rattag {
  font-style: italic;
}

a.banner-btn {
  border-color: rgb(255, 255, 255);
}

a.banner-btn:hover {
  color: #fff;
}

.whyChooseSec {
  padding: 30px 0 50px;
}

.maintg {
  position: relative;
  overflow: hidden;
}

.maintg:before {
  content: "";
  position: absolute;
  top: 12em;
  width: 100%;
  height: 88%;
  background: #effcf9;
  -webkit-clip-path: polygon(0 10%, 100% 0, calc(100% - 0px) 100%, 0px 100%);
  clip-path: polygon(0 10%, 100% 0, calc(100% - 0px) 100%, 0px 100%);
}

/*.reviewSec:after{     background: #effcf9; height: 70%; }*/
.review-box {
  box-shadow: none;
}

ul.reviews-brand > li {
  border-color: #f7f7f7;
}

.faqSec {
  padding: 90px 0;
  background: #effcf9;
}

.our-happy-clients {
  padding: 50px 0;
}

ul.colasebar > li,
ul.colasebar > li span {
  background: transparent;
}

ul.colasebar > li.active {
  background: #fff;
}

ul.featureIcons > li .tooltip {
  display: none !important;
}

.featureSec h3 {
  background: #effcf9;
}

.mark,
mark {
  background: #fff;
}

.halloweenlogo {
  width: 130px;
  margin-top: -30px;
}

header.fixed.sticky img.halloweenlogo {
  filter: initial;
  margin-top: -15px;
}

.ratings {
  padding-left: 100px;
}

.mCSB_container {
  overflow: initial !important;
}

.mCSB_inside > .mCSB_container {
  margin: 0;
  margin-right: 25px;
}

.centercont h4 span > span {
  display: none;
}

.mmpopup .centercont h4 span del {
  display: none;
}

.mmpopup .centercont h3 span {
  display: inline-block;
  margin-right: 10px;
}

.mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden {
  margin-right: 25px;
  margin-left: 0 !important;
}

.spacialSec .ratings {
  padding-left: 0;
}

.mmpopup .formpop {
  width: 50%;
  padding: 0 2rem;
}

.mmpopup .fld-input {
  height: 50px;
  width: 100%;
  margin-bottom: 15px;
  color: #444444;
}

.fld-input {
  border-style: solid;
  border-width: 1px;
  border-color: rgb(218, 217, 217);
  border-radius: 5px;
  background-color: rgb(255, 255, 255);
  width: 354px;
  height: 66px;
  margin-bottom: 20px;
}

.fld-input input,
.fld-input select {
  width: 100%;
  height: 100%;
  padding: 0 24px;
  font-size: 16px;
  /* letter-spacing: 0.2px; */
  background-color: #fbfbfb;
  border: 1px solid #f0f0f0;
}

.mmpopup .fld-input.textarea {
  height: 80px;
}

.mmpopup .fld-btn button {
  width: 100%;
}

.mmpopup .fld-btn button {
  height: 50px;
  font-size: 15px;
  line-height: 20px;
  background: #5eb01d;
  color: #fff;
}

.fld-btn button {
  border-radius: 5px;
  width: 350px;
  height: 62px;
  font-size: 18px;
  font-weight: 700;
  letter-spacing: 0.2px;
  text-transform: uppercase;
  cursor: pointer;
  transition: 0.5s;
}

.formpop h5 {
  color: #ff0f00;
  text-align: center;
  font-family: "Causten";
  font-size: 45px;
  font-weight: 700;
  line-height: 1;
  position: relative;
  padding-bottom: 17px;
}
.formpop h5::after {
  position: absolute;
  content: "";
  width: 60%;
  height: 1px;
  left: 0;
  right: 0;
  margin: auto;
  bottom: 0;
  background: #000;
}

.formpop h4 {
  padding-top: 15px;
  padding-bottom: 24px;
  color: #333;
  text-align: center;
  font-family: "Causten";
  font-size: 39px;
  font-weight: 400;
  line-height: 1;
}
.formpop h4 span {
  color: #5eb01d;
  font-weight: 700;
}

.formpop form {
  padding: 36px;
}

.popup-all-cont {
  background: #f7f7f7;
  padding: 80px 0;
}

.formpop p {
  color: #fff;
  text-align: center;
  font-family: "Causten";
  font-size: 18px;
  font-weight: 400;
  line-height: normal;
  padding: 10px;
  /*background: #000;*/
}

.whychooseSec .para > p {
  width: 79%;
  margin: 0 auto;
}

/* Client Section */
.client-list {
  font-size: 0;
  margin: 45px -8px 120px;
  text-align: center;
}

.client-list li {
  display: inline-block;
  width: 20%;
  vertical-align: top;
  margin: 0 0 15px;
  padding: 0 8px;
}

.client-list .clt-box {
  border-radius: 10px;
  box-shadow: 0 4px 15px 0 rgba(0, 0, 0, 0.1);
  border: solid 1px #fff;
  background-color: #fff;
  width: 100%;
  height: 167px;
  display: flex;
  justify-content: center;
  align-items: center;
}

/* Website Redesign LP */
.web-redesign .mainCont h4 {
  line-height: 1.25;
}

.web-redesign .mainCont h4 span {
  font-size: 20px;
  letter-spacing: 1.5px;
  display: block;
  text-transform: uppercase;
}

.web-redesign .mainCont ul li {
  width: 49%;
  display: inline-block;
  vertical-align: top;
}

.web-redesign .mainBanner {
  /*height: 750px;*/
}

.web-redesign .mainCont ul > li:before {
  color: #18b095;
}

.web-redesign .btns_group a.getstarted {
  background: #18b095;
  border: 2px solid #18b095;
}

.web-redesign .btns_group a.chat-btn i {
  color: #18b095;
}

.web-redesign .btns_group a.chat-btn:hover,
.web-redesign .revBtns p:hover a,
.web-redesign ul.catmenu > li a:hover,
.web-redesign .gettouch a:hover {
  color: #18b095;
}

.web-redesign .btns_group a.chat-btn:after {
  background: #18b095;
}

.web-redesign ul.phnchat > li.last a i {
  color: #18b095;
}

.web-redesign .btns_group a.getstarted:hover,
.web-redesign .revBtns a.getstarted:hover,
.web-redesign .servWrp a:hover {
  color: #18b095;
}

.web-redesign .revBtns a.getstarted {
  background: #18b095;
  border: 2px solid #18b095;
}

.web-redesign .profsSec .mn-hd {
  text-align: center;
}

.web-redesign .profsSec .profsSec .para {
  text-align: center;
}

.web-redesign .servWrp a + a {
  color: #18b095;
}

.web-redesign .servWrp .pack-btns a:first-child {
  background: #18b095;
  border-radius: 6px;
  font-weight: 600;
  font-size: 16px;
  line-height: 17px;
  color: #ffffff;
  text-transform: uppercase;
  text-align: center;
  line-height: 41px;
  border: 2px solid #18b095;
  position: relative;
  z-index: 0;
  padding: 4px 35px;
}

.web-redesign .servWrp .pack-btns a:first-child i {
  margin-left: 10px;
}

.web-redesign .servWrp .pack-btns a:first-child:hover {
  color: #18b095;
}

.web-redesign .servWrp ul > li span {
  width: 15px;
  height: 15px;
  background: #18b095;
  border-radius: 50%;
  color: #fff;
  font-size: 10px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.web-redesign ul.phnchat > li a:hover {
  color: #18b095;
}

/* Image comparison */
.cd-image-container {
  position: relative;
  width: 100%;
  /* max-width: 768px; */
  margin: auto;
}

.cd-image-container img {
  display: block;
  width: 100%;
  height: 450px;
}

.cd-image-label {
  position: absolute;
  font-weight: 500;
  letter-spacing: 1px;
  top: 0;
  right: 0;
  color: #ffffff;
  padding: 1em;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  opacity: 0;
  transform: translateY(20px);
  transition: transform 0.3s 0.7s, opacity 0.3s 0.7s;
}

.cd-image-label.is-hidden {
  visibility: hidden;
}

.is-visible .cd-image-label {
  opacity: 1;
  transform: translateY(0);
}

.cd-resize-img {
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 100%;
  overflow: hidden;
  /* Force Hardware Acceleration in WebKit */
  transform: translateZ(0);
  backface-visibility: hidden;
}

.cd-resize-img img {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  height: 100%;
  width: auto;
  max-width: none;
}

.cd-resize-img .cd-image-label {
  right: auto;
  left: 0;
}

.is-visible .cd-resize-img {
  width: 50%;
  /* bounce in animation of the modified image */
  animation: cd-bounce-in 0.7s;
}
@keyframes cd-bounce-in {
  0% {
    width: 0;
  }
  60% {
    width: 55%;
  }
  100% {
    width: 50%;
  }
}
.cd-handle {
  position: absolute;
  height: 44px;
  width: 44px;
  /* center the element */
  left: 50%;
  top: 50%;
  margin-left: -22px;
  margin-top: -22px;
  border-radius: 50%;
  background: #000000 url("../images/web-redesign/handle.png") no-repeat center
    center;
  cursor: move;
  box-shadow: 0 0 0 6px rgba(0, 0, 0, 0.2), 0 0 10px rgba(0, 0, 0, 0.6),
    inset 0 1px 0 rgba(255, 255, 255, 0.3);
  opacity: 0;
  transform: translate3d(0, 0, 0) scale(0);
}

.cd-handle.draggable {
  /* change background color when element is active */
  background-color: #445b7c;
}

.is-visible .cd-handle {
  opacity: 1;
  transform: translate3d(0, 0, 0) scale(1);
  transition: transform 0.3s 0.7s, opacity 0s 0.7s;
}

.project-overview {
  margin: 40px 15% 60px;
  border-radius: 10px;
  overflow: hidden;
}

.compare-sec {
  padding: 0 0 90px;
}

.web-redesign .profsSec .para p {
  text-align: center;
}

/* Website Redesign LP End*/
/* Wordpess Redesign LP */
.wordpress .mainCont h4 {
  line-height: 1.25;
}

.wordpress .mainCont h4 span {
  font-size: 20px;
  letter-spacing: 1.5px;
  display: block;
  text-transform: uppercase;
}

.wordpress .mainCont ul li {
  width: 49%;
  display: inline-block;
  vertical-align: top;
}

.wordpress .mainBanner {
  /*height: 750px;*/
}

.wordpress .mainCont ul > li:before {
  color: #f24e62;
}

.wordpress .btns_group a.getstarted {
  background: #f24e62;
  border: 2px solid #f24e62;
}

.wordpress .btns_group a.chat-btn i {
  color: #f24e62;
}

.wordpress .btns_group a.chat-btn:hover,
.wordpress .revBtns p:hover a,
.wordpress ul.catmenu > li a:hover,
.wordpress .gettouch a:hover {
  color: #f24e62;
}

.wordpress .btns_group a.chat-btn:after {
  background: #f24e62;
}

.wordpress ul.phnchat > li.last a i {
  color: #f24e62;
}

.wordpress .btns_group a.getstarted:hover,
.wordpress .revBtns a.getstarted:hover,
.wordpress .servWrp a:hover {
  color: #f24e62;
}

.wordpress .revBtns a.getstarted {
  background: #f24e62;
  border: 2px solid #f24e62;
}

.wordpress .profsSec .mn-hd {
  text-align: center;
}

.wordpress .profsSec .profsSec .para {
  text-align: center;
}

.wordpress .servWrp a + a {
  color: #f24e62;
}

.wordpress .servWrp .pack-btns a:first-child {
  background: #f24e62;
  border-radius: 6px;
  font-weight: 600;
  font-size: 16px;
  line-height: 17px;
  color: #ffffff;
  text-transform: uppercase;
  text-align: center;
  line-height: 41px;
  border: 2px solid #f24e62;
  position: relative;
  z-index: 0;
  padding: 4px 35px;
}

.wordpress .servWrp .pack-btns a:first-child i {
  margin-left: 10px;
}

.wordpress .servWrp .pack-btns a:first-child:hover {
  color: #f24e62;
}

.wordpress .servWrp ul > li span {
  width: 15px;
  height: 15px;
  background: #f24e62;
  border-radius: 50%;
  color: #fff;
  font-size: 10px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.wordpress ul.phnchat > li a:hover {
  color: #f24e62;
}

.project-overview {
  margin: 40px 15% 60px;
  border-radius: 10px;
  overflow: hidden;
}

.wordpress .chseWrp {
  padding: 45px 15px;
  height: 380px;
  transition: ease 0.5s;
  box-shadow: 0 4px 10px 2px rgba(176, 176, 176, 0.14);
  background-color: #fff;
  text-align: center;
}

.wordpress .chseWrp img {
  margin: 0 auto 25px;
  display: block;
}

.wordpress .tstRtng span i {
  color: #f24e62;
}

.wordpress ul.procsList > li:after {
  background-image: url(../images/wordpress/prcs-after.png);
}

.wordpress .profsSec .para p {
  text-align: center;
}

/* Wordpess Redesign LP End*/
/* Ecommerce Redesign LP */
.ecommerce .mainCont h4 {
  line-height: 1.25;
}

.ecommerce .mainCont h4 span {
  font-size: 20px;
  letter-spacing: 1.5px;
  display: block;
  text-transform: uppercase;
}

.ecommerce .mainCont ul li {
  width: 49%;
  display: inline-block;
  vertical-align: top;
}

.ecommerce .mainBanner {
  /*height: 750px;*/
}

.ecommerce .mainCont ul > li:before {
  color: #e7865e;
}

.ecommerce .btns_group a.getstarted {
  background: #e7865e;
  border: 2px solid #e7865e;
}

.ecommerce .btns_group a.chat-btn i {
  color: #e7865e;
}

.ecommerce .btns_group a.chat-btn:hover,
.ecommerce .revBtns p:hover a,
.ecommerce ul.catmenu > li a:hover,
.ecommerce .gettouch a:hover {
  color: #e7865e;
}

.ecommerce .btns_group a.chat-btn:after {
  background: #e7865e;
}

.ecommerce ul.phnchat > li.last a i {
  color: #e7865e;
}

.ecommerce .btns_group a.getstarted:hover,
.ecommerce .revBtns a.getstarted:hover,
.ecommerce .servWrp a:hover {
  color: #e7865e;
}

.ecommerce .revBtns a.getstarted {
  background: #e7865e;
  border: 2px solid #e7865e;
}

.ecommerce .profsSec .mn-hd {
  text-align: center;
}

.ecommerce .profsSec .profsSec .para {
  text-align: center;
}

.ecommerce .servWrp a + a {
  color: #e7865e;
}

.ecommerce .servWrp .pack-btns a:first-child {
  background: #e7865e;
  border-radius: 6px;
  font-weight: 600;
  font-size: 16px;
  line-height: 17px;
  color: #ffffff;
  text-transform: uppercase;
  text-align: center;
  line-height: 41px;
  border: 2px solid #e7865e;
  position: relative;
  z-index: 0;
  padding: 4px 35px;
}

.ecommerce .servWrp .pack-btns a:first-child i {
  margin-left: 10px;
}

.ecommerce .servWrp .pack-btns a:first-child:hover {
  color: #e7865e;
}

.ecommerce .servWrp ul > li span {
  width: 15px;
  height: 15px;
  background: #e7865e;
  border-radius: 50%;
  color: #fff;
  font-size: 10px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.ecommerce ul.phnchat > li a:hover {
  color: #e7865e;
}

.project-overview {
  margin: 40px 15% 60px;
  border-radius: 10px;
  overflow: hidden;
}

.ecommerce .chseWrp {
  padding: 45px 15px;
  height: 380px;
  transition: ease 0.5s;
  box-shadow: 0 4px 10px 2px rgba(176, 176, 176, 0.14);
  background-color: #fff;
  text-align: center;
}

.ecommerce .chseWrp img {
  margin: 0 auto 25px;
  display: block;
}

.ecommerce .tstRtng span i {
  color: #e7865e;
}

ul.procsList > li:after {
  background-image: url(../images/ecommerce/prcs-after.png);
}

.ecommerce .profsSec .para p {
  text-align: center;
}

/* Ecommerce Redesign LP End*/
/* Blog LP */
.blog .mainCont h4 {
  line-height: 1.25;
  text-transform: capitalize;
}

.blog .mainCont h4 span {
  font-size: 20px;
  letter-spacing: 1.5px;
  display: block;
  text-transform: uppercase;
}

.blog .mainCont ul li {
  width: 49%;
  display: inline-block;
  vertical-align: top;
}

.blog .mainBanner {
  /*height: 750px;*/
}

.blog .mainCont ul > li:before {
  color: #744ec6;
}

.blog .btns_group a.getstarted {
  background: #744ec6;
  border: 2px solid #744ec6;
}

.blog .btns_group a.chat-btn i {
  color: #744ec6;
}

.blog .btns_group a.chat-btn:hover,
.blog .revBtns p:hover a,
.blog ul.catmenu > li a:hover,
.blog .gettouch a:hover {
  color: #744ec6;
}

.blog .btns_group a.chat-btn:after {
  background: #744ec6;
}

.blog ul.phnchat > li.last a i {
  color: #744ec6;
}

.blog .btns_group a.getstarted:hover,
.blog .revBtns a.getstarted:hover,
.blog .servWrp a:hover {
  color: #744ec6;
}

.blog .revBtns a.getstarted {
  background: #744ec6;
  border: 2px solid #744ec6;
}

.blog .profsSec .mn-hd {
  text-align: center;
}

.blog .profsSec .profsSec .para {
  text-align: center;
}

.blog .servWrp a + a {
  color: #744ec6;
}

.blog .servWrp .pack-btns a:first-child {
  background: #744ec6;
  border-radius: 6px;
  font-weight: 600;
  font-size: 16px;
  line-height: 17px;
  color: #ffffff;
  text-transform: uppercase;
  text-align: center;
  line-height: 41px;
  border: 2px solid #744ec6;
  position: relative;
  z-index: 0;
  padding: 4px 35px;
}

.blog .servWrp .pack-btns a:first-child i {
  margin-left: 10px;
}

.blog .servWrp .pack-btns a:first-child:hover {
  color: #744ec6;
}

.blog .servWrp ul > li span {
  width: 15px;
  height: 15px;
  background: #744ec6;
  border-radius: 50%;
  color: #fff;
  font-size: 10px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.blog ul.phnchat > li a:hover {
  color: #744ec6;
}

.project-overview {
  margin: 40px 15% 60px;
  border-radius: 10px;
  overflow: hidden;
}

.blog .tstRtng span i {
  color: #744ec6;
}

.blog ul.procsList > li:after {
  background-image: url(../images/blog/prcs-after.png);
}

.blog .profsSec .para p {
  text-align: center;
}

/* Blog LP End*/
/* Industry LP */
.industry .mainCont h4 {
  line-height: 1.25;
  text-transform: capitalize;
}

.industry .mainCont h4 span {
  font-size: 20px;
  letter-spacing: 1.5px;
  display: block;
  text-transform: uppercase;
}

.industry .mainBanner {
  /*height: 750px;*/
}

.industry .mainCont ul > li:before {
  color: #72737b;
}

.industry .btns_group a.getstarted {
  background: #f2b84c;
  border: 2px solid #f2b84c;
}

.industry .btns_group a.chat-btn i {
  color: #f2b84c;
}

.industry .btns_group a.chat-btn:hover,
.industry .revBtns p:hover a,
.industry ul.catmenu > li a:hover,
.industry .gettouch a:hover {
  color: #f2b84c;
}

.industry .btns_group a.chat-btn:after {
  background: #f2b84c;
}

.industry ul.phnchat > li.last a i {
  color: #f2b84c;
}

.industry .btns_group a.getstarted:hover,
.industry .revBtns a.getstarted:hover,
.industry .servWrp a:hover {
  color: #f2b84c;
}

.industry .revBtns a.getstarted {
  background: #f2b84c;
  border: 2px solid #f2b84c;
}

.industry .profsSec .mn-hd {
  text-align: center;
}

.industry .profsSec .profsSec .para {
  text-align: center;
}

.industry .servWrp a + a {
  color: #f2b84c;
}

.industry .servWrp .pack-btns a:first-child {
  background: #f2b84c;
  border-radius: 6px;
  font-weight: 600;
  font-size: 16px;
  line-height: 17px;
  color: #ffffff;
  text-transform: uppercase;
  text-align: center;
  line-height: 41px;
  border: 2px solid #f2b84c;
  position: relative;
  z-index: 0;
  padding: 4px 35px;
}

.industry .servWrp .pack-btns a:first-child i {
  margin-left: 10px;
}

.industry .servWrp .pack-btns a:first-child:hover {
  color: #f2b84c;
}

.industry .servWrp ul > li span {
  width: 15px;
  height: 15px;
  background: #f2b84c;
  border-radius: 50%;
  color: #fff;
  font-size: 10px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.industry ul.phnchat > li a:hover {
  color: #f2b84c;
}

.project-overview {
  margin: 40px 15% 60px;
  border-radius: 10px;
  overflow: hidden;
}

.industry .tstRtng span i {
  color: #f2b84c;
}

.industry .mn-hd h4 span {
  text-transform: uppercase;
}

ul.procsList > li:after {
  background-image: url(../images/industry/prcs-after.png);
}

.industry .profsSec .para p {
  text-align: center;
}

.portfolio-nav {
  margin: 50px 0;
  text-align: center;
}

.portfolio-nav li {
  display: inline-block;
  margin: 0 15px;
}

.portfolio-nav li a {
  font-size: 18px;
  font-weight: normal;
  text-align: center;
  color: #000;
  text-transform: capitalize;
}

.port-content a {
  margin-bottom: 50px;
  display: block;
}

/* Tabbing CSS */
[class^="box-"] {
  display: none;
}

[class^="box-"].showfirst {
  display: block;
}

.reviewCta1 {
  background-color: #021639;
}

.reviewCta1 .btns_group .chat-btn {
  color: #fff;
}

.reviewCta1 .cta-txt h4 {
  font-size: 40px;
  font-weight: normal;
  line-height: 1.25;
  color: #fff;
  font-family: "Coolvetica Rg";
  padding: 30px 0 0;
}

.reviewCta1 .cta-txt ul {
  margin: 30px 0 40px;
}

.reviewCta1 .cta-txt li {
  font-size: 20px;
  font-weight: normal;
  line-height: 2;
  letter-spacing: normal;
  text-align: left;
  color: #fff;
  padding-left: 18px;
  position: relative;
}

.reviewCta1 .cta-txt li::before {
  position: absolute;
  content: "";
  width: 10px;
  height: 10px;
  background-color: #fff;
  border-radius: 50%;
  top: 15px;
  left: 0;
}

.pckg-list {
  margin: 50px -15px 150px;
  font-size: 0;
}

.pckg-list > li {
  display: inline-block;
  width: 33.33%;
  vertical-align: top;
}

.pckg-box {
  margin: 0 15px;
  border-radius: 6px;
  border: solid 2px #db875a;
}

.pckg-box h2 {
  font-family: "Coolvetica Rg";
  font-size: 40px;
  font-weight: normal;
  color: #d17645;
}

.pckg-box h6 {
  font-size: 20px;
  font-weight: normal;
  line-height: normal;
  color: #bcbcbc;
  padding: 40px 0 10px;
  text-transform: capitalize;
  font-family: "Inter";
}

.pckg-box h4 {
  font-size: 75px;
  font-weight: bold;
  line-height: normal;
  color: #000;
  letter-spacing: normal;
  font-family: "Inter";
}

.pckg-box h5 {
  font-size: 18px;
  font-weight: normal;
  line-height: 1.67;
  color: #585858;
  font-family: "Inter";
}

.pckg-box h5 span {
  font-weight: bold;
  color: #fc6161;
}

.pckg-box .top {
  position: relative;
  z-index: 1;
  padding: 15px 30px 20px;
}

.pckg-box .top::before {
  position: absolute;
  content: "";
  width: 100%;
  height: 80px;
  top: 0;
  left: 0;
  background-color: #fff8f5;
  z-index: -1;
}

.pckg-box .top .badge {
  position: absolute;
  top: 15px;
  right: 25px;
}

.pckg-box .content {
  margin: 5px 25px 35px;
  border-top: 1px solid #f2d9cf;
}

.pckg-box ul {
  margin: 25px 0 35px;
}

.pckg-box ul li {
  font-size: 16px;
  font-weight: 500;
  line-height: 2.25;
  color: #666;
  display: flex;
  align-items: baseline;
}

.pckg-box ul li i {
  color: #db875a;
  font-weight: 400;
  margin-right: 5px;
}

.pckg-box .btns_group a.getstarted {
  padding: 4px 20px;
  margin-right: 10px;
}

.pckg-box .btns_group a.getstarted {
  background: #f29f72;
  border: 2px solid #f29f72;
  color: #000;
}

.pckg-box .btns_group a.getstarted:hover {
  color: #f29f72;
}

.pckg-box .btns_group a.chat-btn:after {
  background: #f29f72;
}

.pckg-box .btns_group a.chat-btn i {
  color: #f29f72;
}

.pckg-box .btns_group a.chat-btn:hover {
  color: #f29f72;
}

.silver-pckg {
  border: solid 2px #c1cee3;
}

.silver-pckg h2 {
  color: #c1cee3;
}

.silver-pckg .top::before {
  background-color: #f9fbff;
}

.silver-pckg ul li i {
  color: #c1cee3;
}

.silver-pckg .btns_group a.getstarted {
  background: #d4ddea;
  border: 2px solid #d4ddea;
  color: #000;
}

.silver-pckg .btns_group a.getstarted:hover {
  color: #c1cee3;
}

.silver-pckg .btns_group a.chat-btn:after {
  background: #c1cee3;
}

.silver-pckg .btns_group a.chat-btn i {
  color: #c1cee3;
}

.silver-pckg .btns_group a.chat-btn:hover {
  color: #c1cee3;
}

.silver-pckg .content {
  margin: 5px 25px 35px;
  border-top: 1px solid #dae3f0;
}

.gold-pckg {
  border: solid 2px #f2b84c;
}

.gold-pckg h2 {
  color: #f2b84c;
}

.gold-pckg .top::before {
  background-color: #fff9ee;
}

.gold-pckg ul li i {
  color: #f2b84c;
}

.gold-pckg .btns_group a.getstarted {
  background: #ffdc91;
  border: 2px solid #ffdc91;
  color: #000;
}

.gold-pckg .btns_group a.getstarted:hover {
  color: #ffdc91;
}

.gold-pckg .btns_group a.chat-btn:after {
  background: #ffdc91;
}

.gold-pckg .btns_group a.chat-btn i {
  color: #ffdc91;
}

.gold-pckg .btns_group a.chat-btn:hover {
  color: #ffdc91;
}

.gold-pckg .content {
  margin: 5px 25px 35px;
  border-top: 1px solid #ffdc91;
}

.table-sec {
  background-color: #f8f8f8;
  padding: 65px 0 75px;
  margin-bottom: 75px;
}

.table-list {
  font-size: 0;
  margin: 75px 0;
  text-align: center;
}

.table-list li {
  display: inline-block;
  width: 20%;
  vertical-align: top;
}

.table-list h6 {
  font-family: "Coolvetica Rg";
  font-size: 18px;
  font-weight: normal;
  line-height: 1.33;
  letter-spacing: normal;
  text-align: center;
  color: #2d2d2d;
  padding-top: 30px;
}

.table-list img {
  height: 90px;
}

.table-list .table-box {
  padding: 0 25px;
}

/* Industry LP End*/
.padX12 {
  padding-right: 12%;
  padding-left: 12%;
}

/* Landing LP */
.landing .mainCont h4 {
  line-height: 1.25;
  text-transform: capitalize;
}

.landing .mainCont h4 span {
  font-size: 20px;
  letter-spacing: 1.5px;
  display: block;
  text-transform: uppercase;
}

.landing .mainCont ul li {
  width: 49%;
  display: inline-block;
  vertical-align: top;
}

.landing .mainBanner {
  /*height: 750px;*/
}

.landing .mainCont ul > li:before {
  color: #2cbc63;
}

.landing .btns_group a.getstarted {
  background: #2cbc63;
  border: 2px solid #2cbc63;
}

.landing .btns_group a.chat-btn i {
  color: #2cbc63;
}

.landing .btns_group a.chat-btn:hover,
.landing .revBtns p:hover a,
.landing ul.catmenu > li a:hover,
.landing .gettouch a:hover {
  color: #2cbc63;
}

.landing .btns_group a.chat-btn:after {
  background: #2cbc63;
}

.landing ul.phnchat > li.last a i {
  color: #2cbc63;
}

.landing .btns_group a.getstarted:hover,
.landing .revBtns a.getstarted:hover,
.landing .servWrp a:hover {
  color: #2cbc63;
}

.landing .revBtns a.getstarted {
  background: #2cbc63;
  border: 2px solid #2cbc63;
}

.landing .profsSec .mn-hd {
  text-align: center;
}

.landing .profsSec .profsSec .para {
  text-align: center;
}

.landing .servWrp a + a {
  color: #2cbc63;
}

.landing .servWrp .pack-btns a:first-child {
  background: #2cbc63;
  border-radius: 6px;
  font-weight: 600;
  font-size: 16px;
  line-height: 17px;
  color: #ffffff;
  text-transform: uppercase;
  text-align: center;
  line-height: 41px;
  border: 2px solid #2cbc63;
  position: relative;
  z-index: 0;
  padding: 4px 35px;
}

.landing .servWrp .pack-btns a:first-child i {
  margin-left: 10px;
}

.landing .servWrp .pack-btns a:first-child:hover {
  color: #2cbc63;
}

.landing .servWrp ul > li span {
  width: 15px;
  height: 15px;
  background: #2cbc63;
  border-radius: 50%;
  color: #fff;
  font-size: 10px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.landing ul.phnchat > li a:hover {
  color: #2cbc63;
}

.project-overview {
  margin: 40px 15% 60px;
  border-radius: 10px;
  overflow: hidden;
}

.landing .tstRtng span i {
  color: #2cbc63;
}

.landing ul.procsList > li:after {
  background-image: url(../images/landing/prcs-after.png);
}

.landing .profsSec .para p {
  text-align: center;
}

.landing .mainBanner:after {
  background-image: url(../images/landing/after.png);
}

.landing .webdesignSec .mn-hd h4 span {
  text-transform: uppercase;
}

.landing .servWrp img {
  margin-bottom: 25px;
  width: 60px;
  height: 60px;
}

/* Landing LP End*/
ul.servList li {
  position: relative;
}

.c-heading {
  position: absolute;
  top: 0;
  right: 10px;
}

/* changes */
.profsSec {
  padding: 4rem 0;
}

.sealbestseller {
  position: absolute;
  top: 0%;
  right: 1%;
  width: 26%;
}

.sealbestseller img {
  width: 100%;
}

.marquee-text {
  overflow: clip;
  background: #000;
  padding: 10px 0;
}

.marquee-text-track {
  display: flex;
  padding-left: 4.8rem;
  gap: 1.5rem;
  width: max-content;
  animation: marquee-move-text 10s linear infinite forwards;
}

.marquee-text p {
  color: #fff;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 1;
  text-transform: uppercase;
}

@keyframes marquee-move-text {
  to {
    transform: translateX(-50%);
  }
}

@media (max-width: 1440px) {
  section.reviewCta:before {
    width: 270px;
    height: 495px;
  }
  section.reviewCta:after {
    width: 39%;
    height: 73%;
    right: 0;
  }
}
@media (max-width: 1200px) {
  .pckg-list > li {
    width: 50%;
    margin-bottom: 1rem;
  }
  ul.servList {
    display: grid;
    height: -moz-fit-content !important;
    height: fit-content !important;
    grid-template-columns: repeat(3, 1fr);
    gap: 1rem;
  }
  ul.servList > li {
    width: 100%;
  }
}
@media (max-width: 1023px) {
  section.whychooseSec {
    text-align: center;
  }
}
@media (max-width: 960px) {
  .mainBanner {
    margin-top: 4rem;
    height: auto;
  }
  .mainBanner .col-md-6 {
    width: 100%;
    max-width: 100% !important;
    flex: 0 0 100%;
  }
  .trstWrp {
    border-bottom: 1px solid #dddcdf;
    padding: 9px 0;
    margin-top: 1rem;
    text-align: center;
  }
  .chseWrp {
    padding: 1rem;
    height: 350px;
  }
  .reviewCta .row {
    flex-direction: column;
  }
  .ctaSec .row .col-md-7,
  .ctaSec .row .col-md-5 {
    max-width: 100%;
    display: flex;
    justify-content: center;
  }
  .ctaSec .row .col-md-5 {
    margin-top: 15px;
  }
  section.reviewCta:before,
  section.reviewCta:after {
    background: none;
  }
  .revWrp {
    background: white;
    padding: 1rem;
    border-radius: 10px;
  }
  ul.servList {
    font-size: 0;
    margin-top: 35px;
    display: grid;
    gap: 2.5rem;
    height: -moz-fit-content !important;
    height: fit-content !important;
    grid-template-columns: repeat(2, 1fr);
  }
  ul.servList > li {
    width: 100%;
  }
  ul.servList > li:nth-child(odd) {
    border-right: 1px solid #d5d5d5;
  }
  ul.servList > li:nth-child(even) {
    border-right: 0;
  }
}
@media (max-width: 824px) {
  ul.servList {
    gap: 1rem;
    height: -moz-fit-content !important;
    height: fit-content !important;
    grid-template-columns: repeat(1, 1fr);
  }
  ul.servList > li {
    border-right: 0 !important;
  }
  ul.procsList {
    display: block;
    text-align: center;
  }
  .client-list li {
    width: 50%;
  }
  .client-list {
    margin: 30px -8px 30px;
  }
  .mainCont ul > li:before {
    position: relative;
    margin-right: 9px;
  }
  .mainCont ul > li {
    padding-left: 0;
  }
  .servWrp ul > li {
    padding-left: 0;
  }
  .servWrp ul > li span {
    position: relative;
    margin-right: 5px;
  }
  .compLogos img {
    display: block;
    width: auto;
    margin: 30px auto;
  }
  .comlogo {
    display: block;
  }
  .mainCont {
    padding-top: 0;
  }
  header {
    position: relative;
    padding: 7px 0 15px;
    text-align: center;
    border-bottom: 1px solid #f7a68b;
  }
  ul.phnchat > li {
    margin: 0;
  }
  ul.phnchat {
    text-align: center;
    margin-top: 6px;
  }
  ul.phnchat li {
    margin: 0 9px;
  }
  ul.phnchat > li a {
    font-size: 14px;
  }
  ul.phnchat > li a i {
    margin-right: 2px;
  }
  .mainBanner {
    text-align: center;
    background-image: none !important;
    display: block;
    height: auto;
  }
  .mainCont h4 {
    font-size: 35px;
    line-height: 40px;
  }
  .mainCont p {
    font-size: 17px;
  }
  .btns_group a.getstarted {
    width: 92%;
    padding: 10px;
    height: auto;
    font-size: 19px;
    margin: 0 auto;
  }
  .btns_group a.chat-btn {
    margin: 0;
    margin-top: 12px;
  }
  .rtng p {
    font-size: 14px;
    line-height: 1.4em;
  }
  section.trustedSec {
    display: none;
  }
  section.webdesignSec {
    text-align: center;
  }
  .para {
    text-align: center;
  }
  .para br {
    display: none;
  }
  .mn-hd h4 {
    text-align: center;
    text-transform: capitalize;
    line-height: 1.2em;
  }
  .chseWrp {
    text-align: center;
    margin-top: 16px;
  }
  .chseWrp img,
  .chseWrp svg {
    margin: 0 auto;
    margin-bottom: 20px;
  }
  .revWrp {
    display: none;
  }
  section.reviewCta:after {
    display: none;
  }
  section.reviewCta:before {
    display: none;
  }
  .revBtns a.getstarted {
    width: 90%;
    padding: 6px;
    height: auto;
    font-size: 18px;
  }
  section.reviewCta {
    padding: 40px 0 60px;
  }
  .revBtns p {
    width: 100%;
    text-align: center;
    margin: 11px 0 0 0;
  }
  .revBtns p a {
    display: inline-block;
  }
  .revBtns p i {
    margin-right: 8px;
  }
  .ctaimg .revBtns {
    margin-top: 32px;
  }
  ul.procsList > li {
    width: 100%;
    margin: 0 auto;
    padding: 0;
    text-align: center;
    border: none;
    justify-content: center;
  }
  h5 {
    text-align: center;
  }
  ul.procsList > li:after {
    display: none;
  }
  ul.procsList > li + li {
    margin-top: 30px;
    padding-top: 30px;
    padding-bottom: 30px;
  }
  ul.procsList > li.last {
    margin: auto;
  }
  ul.servList > li {
    width: 90%;
    padding: 0;
    margin: 0 auto 50px;
    border: none;
    display: block;
    text-align: center;
  }
  .servWrp a {
    width: 90%;
    height: auto;
    padding: 4px;
    font-size: 18px;
  }
  ul.servList > li + li {
    border-top: 1px solid #d5d5d5;
    padding-top: 40px;
  }
  ul.servList > li:nth-child(3n) {
    width: 90%;
    padding-right: 0;
    border-top: 1px solid #d5d5d5;
    display: block;
    margin: 0 auto 50px;
  }
  ul.accordion-list li div.answer {
    padding-right: 0;
  }
  ul.accordion-list li h3:after {
    top: 25px;
  }
  ul.accordion-list li h3 {
    font-size: 20px;
    line-height: 25px;
  }
  ul.accordion-list li {
    padding-bottom: 20px;
  }
  ul.catmenu {
    text-align: center;
  }
  ul.catmenu.catmenuCenter {
    text-align: center;
  }
  ul.catmenu.catmenuRight {
    text-align: center;
    display: block;
  }
  .trslpilot {
    text-align: center;
  }
  .certi {
    text-align: center;
    margin: 20px 0;
  }
  .gettouch.gettouchRight {
    text-align: center;
    display: block;
  }
  .copyright p {
    text-align: center;
    line-height: 2.4em;
  }
  ul.social {
    text-align: center;
    margin: 18px 0 20px;
  }
  .mainBanner:after {
    opacity: 0.2;
  }
}
p {
  font-family: "Inter";
}

a {
  font-family: "Inter";
}

@media (max-width: 767px) {
  .mmpopup .formpop {
    border-radius: 1rem;
  }
  .servWrp h5 {
    justify-content: center;
  }
  ul.servList > li {
    position: relative;
  }
  .c-heading {
    top: 10px;
    right: 0;
    left: auto;
  }
  .servWrp ul > li {
    display: flex;
    align-items: center;
    text-align: left;
  }
  .chseWrp {
    padding: 1rem;
    height: -moz-fit-content;
    height: fit-content;
  }
  section.reviewCta {
    padding: 40px 0 0px;
  }
  .table-list li {
    width: 100%;
    margin-bottom: 2rem;
  }
  .pckg-list > li {
    width: 100%;
    margin-bottom: 1rem;
  }
  .pckg-list {
    margin: 50px -15px 80px;
  }
  .table-list h6 {
    padding-top: 10px;
  }
  .cd-image-container img {
    height: auto;
  }
  header .row {
    justify-content: center !important;
  }
  .mmpopup .imgbx {
    display: none;
  }
  .mmpopup .formpop {
    width: 100%;
    padding: 1rem 2rem;
  }
  .mmpopup .fld-input {
    height: 35px;
  }
  .fld-input input {
    font-size: 14px;
  }
  .capsule2 {
    right: 10px !important;
    padding: 5px 10px !important;
  }
}
.package-price span {
  font-weight: bold !important;
  display: inline !important;
}

.package-price {
  color: #696969 !important;
  font-size: 22px !important;
  line-height: 0;
}

.package-title {
  margin-bottom: 5px !important;
}

.guarantee-bg {
  background: #1e252e;
  border-radius: 14px;
  padding: 3rem 2rem 1rem;
}

/* /////////////////////////////////////////////// */
.mainBanner2 .banner-images {
  position: relative;
  width: 140%;
}

.mainBanner2 {
  background: linear-gradient(97deg, #210a5b 7.39%, #80afc2 100%);
  padding-top: 70px;
  padding-bottom: 100px;
  position: relative;
  overflow: hidden;
}

.mainBanner2 .mainCont2 h2 {
  font-size: 70px;
  font-weight: 600;
  line-height: 60px;
  line-height: normal;
  color: #fff;
  padding-bottom: 20px;
  font-family: "Causten";
}

.mainBanner2 .mainCont2 p {
  color: #fff;
  font-size: 18px;
  font-weight: 400;
  line-height: 1.6;
  padding-bottom: 20px;
}

.mainBanner2 .mainCont2 ul {
  padding-bottom: 35px;
}

.mainBanner2 .mainCont2 .rtng p {
  color: #fff;
  font-family: "Inter";
  font-size: 14px;
  font-weight: 400;
  line-height: normal;
  padding-top: 22px;
}

.mainBanner2 .mainCont2 ul > li {
  color: #fff;
  font-size: 16px;
  font-weight: 700;
  line-height: normal;
  position: relative;
  padding-bottom: 12px;
  padding-left: 20px;
}

.mainCont2 ul > li:before {
  content: "\f00c";
  position: absolute;
  font-family: "Font Awesome 5";
  left: 0;
  color: #5eb01d;
  top: 0;
  bottom: 0;
  font-size: 14px;
}

.mainCont2 {
  padding-right: 100px;
}

.banner-btn .banner-mainBtn {
  color: #fff;
  font-size: 22px;
  font-weight: 700;
  line-height: normal;
  display: inline-flex;
  align-items: center;
  gap: 50px;
  padding: 22px 25px;
  border-radius: 45px;
  background-color: #5eb01d;
  transition: all 0.4s ease-in-out;
}

.banner-btn .banner-mainBtn:hover {
  color: #5eb01d;
  background-color: #fff;
}

.banner-btn .banner-mainBtn:hover path {
  stroke: #5eb01d;
}

.banner-btn {
  display: flex;
  align-items: center;
  gap: 40px;
}

.banner-back {
  position: absolute;
  top: -137px;
  height: 158%;
  right: -90px;
  z-index: 0;
}

.banner-mainImg {
  position: relative;
  z-index: 1;
}

.banner-btn .chat-btn {
  color: #fff;
  text-transform: capitalize;
  font-size: 16px;
  font-weight: 500;
  line-height: normal;
}

.banner-btn .chat-btn .fal {
  color: #5eb01d;
  margin-right: 10px;
}

.webdesignSec-head {
  padding: 0 8% 60px;
}

.webdesignSec-head h6 {
  color: #444;
  font-family: "Inter";
  font-size: 18px;
  font-weight: 600;
  line-height: normal;
  padding-bottom: 15px;
}

.webdesignSec-head h3 {
  color: #2d2d2d;
  font-family: "Causten";
  font-size: 60px;
  font-weight: 400;
  line-height: 1;
}

.webdesignSec-head p {
  color: #585858;
  font-family: "Inter";
  font-size: 24px;
  font-weight: 400;
  line-height: 1.7;
}

.ctaSec {
  border-radius: 10px;
  background: linear-gradient(90deg, #007247 -0.01%, #9cda00 99.99%), #fc6424;
  padding: 40px 0;
  position: relative;
}

.ctaSec .cta-cont h6 {
  color: #fff;
  font-family: Poppins;
  font-size: 42px;
  font-weight: 600;
  line-height: 1; /* 104.762% */
  padding-bottom: 15px;
}

.ctaSec .cta-cont p {
  color: #fff;
  font-family: Roboto;
  font-size: 20px;
  line-height: 1.5; /* 150% */
  padding-right: 40px;
}

.ctaSec .cta-btn a {
  color: #000;
  font-family: "Inter";
  font-size: 20px;
  font-weight: 700;
  line-height: normal;
  padding: 22px 30px;
  border-radius: 45px;
  background: #fff;
  transition: all 0.4s ease-in-out;
}

.ctaSec .cta-btn a:hover {
  color: #fff;
  background: #000;
}

.ctaSec .ctaImg {
  position: absolute;
  /* top: 0; */
  bottom: -100px;
  left: -40px;
  width: 300px;
  height: 295px;
}
.ctaSec .ctaImg img {
  height: 100%;
}

.packagesSec {
  padding: 100px 160px;
  background: #e9e9e9;
}

.packageHead {
  padding-bottom: 53px;
}

.packagesSec .packageHead h6 {
  color: #5eb01d;
  text-align: center;
  font-family: Inter;
  font-size: 16px;
  font-weight: 600;
  line-height: normal;
  text-transform: uppercase;
}

.packagesSec .packageHead h5 {
  color: #2d2d2d;
  text-align: center;
  font-family: Causten;
  font-size: 42px;
  font-weight: 700;
  line-height: 1;
  padding-bottom: 20px;
}

.packagesSec .packageHead p {
  color: #585858;
  text-align: center;
  font-family: Inter;
  font-size: 20px;
  font-weight: 400;
  line-height: 1.5; /* 150% */
}

.packageCard {
  border-radius: 15px;
  border: 2px solid #000;
  background: #fff;
  transition: all 0.4s ease-in-out;
}
.packageCard::before {
  content: "ONE TIME PAYMENT";
  position: absolute;
  top: -13px;
  left: 50%;
  transform: translateX(-50%);
  font-size: 13px;
  font-weight: 600;
  background: #197551;
  color: #fff;
  padding: 6px 12px;
  clip-path: polygon(100% 0, 95% 50%, 100% 100%, 0% 100%, 5% 50%, 0% 0%);
  z-index: 1;
}

.packageCard .cardHead {
  padding: 30px;
  background: #e4e4e4;
  border-radius: 15px;
  display: flex;
  flex-direction: column;
  gap: 38px;
  padding-bottom: 75px;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom: 2px solid #000;
  transition: all 0.4s ease-in-out;
  position: relative;
}

.packageCard .cardHead .cardHead-top {
  display: flex;
  align-items: center;
  /*gap: 28px;*/
}

.packageCard .cardHead .cardHead-top h6 {
  color: #000;
  font-family: "Inter";
  font-size: 24px;
  font-weight: 700;
  line-height: normal;
}

.cardHead-bottom {
  display: flex;
  align-items: center;
  gap: 15px;
}

.cardHead-bottom .us {
  color: #333;
  font-family: "Causten";
  font-size: 50px;
  font-weight: 500;
  line-height: 44px;
}

.cardHead-bottom .price {
  display: flex;
  color: #5eb01d;
  font-family: Causten;
  font-size: 110px;
  font-style: normal;
  font-weight: 700;
  line-height: 44px; /* 36.667% */
  letter-spacing: -2.4px;
}

.cardHead-bottom .price .point {
  color: #333;
  font-family: Causten;
  font-size: 50px;
  font-weight: 500;
  line-height: 44px; /* 88% */
  letter-spacing: -1px;
  margin-bottom: -30px;
}

.cardBody {
  padding: 50px 30px 40px;
  position: relative;
}

.cardBody p {
  overflow: hidden;
  color: #000;
  /* text-overflow: ellipsis; */
  padding-bottom: 32px;
  font-family: Causten;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 1.2; /* 125% */
}

.cardBody ul {
  padding-bottom: 30px;
  max-height: 284px;
  overflow-y: auto;
  margin-bottom: 1rem;
}

.cardBody ul li {
  color: #000;
  font-family: "Causten";
  font-size: 22px;
  font-weight: 600;
  line-height: 1.6;
  padding-left: 25px;
  position: relative;
}

.cardBody ul > li .list-img {
  width: 18px;
  height: 18px;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
}

.view-info-btn {
  margin-left: 20px;
  display: inline-flex;
  align-items: center;
  color: #999;
  font-family: "Inter";
  font-size: 24px;
  font-weight: 500;
  line-height: normal;
  gap: 15px;
}

.cardBody .priceTag {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 58px;
  background: #000;
  padding: 6px 45px;
  position: absolute;
  top: -20px;
  transition: all 0.4s ease-in-out;
}

.cardBody .priceTag p {
  color: #fff;
  font-family: "Inter";
  font-size: 20px;
  font-weight: 400;
  line-height: normal;
  padding-bottom: 0;
  padding: 0;
  transition: all 0.4s ease-in-out;
  display: inline-flex;
  gap: 10px;
  /*alinig*/
}

.cardBody .priceTag .crosss {
  height: 2px;
  width: 80px;
  background-color: #ffffff;
  position: absolute;
  transform: rotate(-10deg);
  transition: all 0.4s ease-in-out;
}

.cardBody .btns_group {
  margin-bottom: 0;
}

.cardBody .btns_group .pkg-Pop {
  margin-left: 0;
}

.package-btnGroup a.getstarted {
  /* width: 180px; */ /* height: 45px; */
  background: #5eb01d;
  border-radius: 6px;
  color: #ffffff;
  text-transform: uppercase;
  text-align: center;
  line-height: 41px;
  margin-right: 20px;
  border: 2px solid #5eb01d;
  position: relative;
  z-index: 0;
  padding: 4px 35px;
  margin: 15px;
}

.package-btnGroup a.getstarted i {
  margin-left: 10px;
  vertical-align: middle;
}

.customPara {
  color: #585858;
  text-align: center;
  font-family: "Inter";
  font-size: 30px;
  font-weight: 400;
  line-height: 1.2; /* 123.333% */
}

.rowGap-4 {
  row-gap: 32px;
}

.packageCard .packageCard .cardHead .cardHead-top h6,
.packageCard .cardHead-bottom .us,
.packageCard .cardHead-bottom .price .point,
.packageCard .cardBody p,
.packageCard .cardBody ul li,
.packageCard svg path {
  transition: all 0.4s ease-in-out;
}
.packageCard:hover {
  background: #000;
}
.packageCard:hover .cardHead {
  background: #000;
}
.packageCard:hover .cardHead .cardHead-top h6,
.packageCard:hover .cardHead-bottom .us,
.packageCard:hover .cardHead-bottom .price .point,
.packageCard:hover .cardBody p,
.packageCard:hover .cardBody ul li {
  color: #fff;
}
.packageCard:hover .priceTag {
  background: #fff;
}
.packageCard:hover .priceTag p {
  color: #333;
}
.packageCard:hover .priceTag .crosss {
  background: #5eb01d;
}
.packageCard:hover .cardHead {
  border-bottom-color: #383838;
}
.packageCard:hover .cardHead svg path {
  fill: #fff;
}

.conversationSec .conversationHead h4 {
  color: #000;
  text-align: center;
  font-family: "Causten";
  font-size: 60px;
  font-weight: 700;
  line-height: 1;
  padding-bottom: 26px;
}
.conversationSec .conversationHead p {
  color: #797979;
  text-align: center;
  font-family: "Inter";
  font-size: 24px;
  line-height: 1.3;
}
.conversationSec .conversationBody {
  padding: 32px 160px;
}
.conversationSec .conversationBody .conversationCard {
  padding: 55px 40px;
  border-radius: 20px;
  border: 1px solid #bdbdbd;
  background: #fff;
  height: 100%;
  transition: all 0.4s ease-in-out;
}
.conversationSec .conversationBody .conversationCard:hover {
  transform: scale(1.01);
  box-shadow: 0px 15px 15px 20px rgba(176, 176, 176, 0.14);
}
.conversationSec .conversationBody .conversationCard .cardImg {
  padding-bottom: 30px;
}
.conversationSec .conversationBody .conversationCard .card-content h6 {
  color: #000;
  font-family: "Inter";
  font-size: 28px;
  font-weight: 700;
  line-height: normal;
  padding-bottom: 16px;
}
.conversationSec .conversationBody .conversationCard .card-content p {
  color: #666;
  font-family: "Inter";
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 1.5; /* 150% */
  padding-bottom: 18px;
}
.conversationSec .conversationBody .conversationCard .card-content ul li {
  color: #000;
  font-family: "Inter";
  font-size: 18px;
  line-height: 1.2;
  display: flex;
  align-items: flex-start;
  gap: 12px;
  padding-bottom: 12px;
}
.conversationSec .conversationBody .conversationCard .card-content ul li span {
  line-height: 0.8;
}

.processSec .btns_group a.getstarted {
  display: inline-flex;
  align-items: center;
  gap: 50px;
}

.packagesSec .btns_group a.getstarted {
  display: inline-flex;
  align-items: center;
  gap: 30px;
}

.userBelowSec {
  padding: 100px 0;
  background: #ededed;
}
.userBelowSec .userBelowSec-main h4 {
  color: #000;
  text-align: center;
  font-family: "Poppins";
  font-size: 42px;
  font-weight: 600;
  line-height: 1.2;
  padding-bottom: 40px;
}
.userBelowSec .userBelowSec-main .userBelowCard {
  padding: 13px;
  border-radius: 8px;
  border: 2px solid #000;
  background: #fff;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  transition: all 0.4s ease-in-out;
}
.userBelowSec .userBelowSec-main .userBelowCard:hover {
  transform: scale(1.01);
  box-shadow: 0px 15px 15px 20px rgba(176, 176, 176, 0.14);
}
.userBelowSec .userBelowSec-main .userBelowCard .cardHead {
  display: flex;
  justify-content: space-between;
}
.userBelowSec .userBelowSec-main .userBelowCard .cardHead .userDetail {
  display: flex;
  align-items: center;
  gap: 7px;
}
.userBelowSec
  .userBelowSec-main
  .userBelowCard
  .cardHead
  .userDetail
  .userProfile
  img {
  width: 25px;
  height: 25px;
  border-radius: 25px;
}
.userBelowSec
  .userBelowSec-main
  .userBelowCard
  .cardHead
  .userDetail
  .userName {
  display: flex;
  flex-direction: column;
}
.userBelowSec
  .userBelowSec-main
  .userBelowCard
  .cardHead
  .userDetail
  .userName
  h6 {
  color: #3c3c3b;
  font-family: "Inter";
  font-size: 12px;
  font-weight: 400;
  line-height: normal;
}
.userBelowSec
  .userBelowSec-main
  .userBelowCard
  .cardHead
  .userDetail
  .userName
  p {
  color: #9e9d9d;
  font-family: "Inter";
  font-size: 8px;
  font-weight: 400;
  line-height: normal;
}
.userBelowSec .userBelowSec-main .userBelowCard .card-Body {
  padding-top: 15px;
  padding-bottom: 20px;
}
.userBelowSec .userBelowSec-main .userBelowCard .card-Body .bodyText {
  padding-bottom: 18px;
  padding-right: 15px;
}
.userBelowSec .userBelowSec-main .userBelowCard .card-Body .bodyText p {
  color: #3c3c3b;
  font-family: "Inter";
  font-size: 16px;
  font-weight: 400;
  line-height: normal;
}
.userBelowSec .userBelowSec-main .userBelowCard .card-Body .bodyImg {
  padding-right: 20px;
}
.userBelowSec .userBelowSec-main .userBelowCard .card-Foot {
  padding-right: 12px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.bigBenefit {
  padding: 100px 0;
}
.bigBenefit .bigBenefit-hd {
  padding: 0 8% 65px;
  text-align: center;
}
.bigBenefit .bigBenefit-hd h6 {
  color: #000;
  font-family: Poppins;
  font-size: 42px;
  font-style: normal;
  font-weight: 600;
  line-height: 1.2; /* 119.048% */
  letter-spacing: -1.26px;
}
.bigBenefit .bigBenefit-main .bigBenefit-card {
  display: flex;
  flex-direction: column;
  gap: 20px;
  padding: 28px 15px;
  border-radius: 15px;
  border: 1px solid #989898;
  background: #fff;
  height: 100%;
  transition: all 0.4s ease-in-out;
}
.bigBenefit .bigBenefit-main .bigBenefit-card:hover {
  transform: scale(1.01);
  box-shadow: 0px 20px 20px 20px rgba(176, 176, 176, 0.14);
}
.bigBenefit .bigBenefit-main .bigBenefit-card .bigBenefit-icon {
  height: 60px;
}
.bigBenefit .bigBenefit-main .bigBenefit-card .bigBenefit-cont {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.bigBenefit .bigBenefit-main .bigBenefit-card .bigBenefit-cont h6 {
  color: #333;
  font-family: "Inter";
  font-size: 30px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}
.bigBenefit .bigBenefit-main .bigBenefit-card .bigBenefit-cont p {
  color: #666;
  font-family: "Inter";
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 1.5; /* 150% */
}

.trustClientSection {
  padding: 105px 0 30px;
}
.trustClientSection .trustClientSec-hd {
  padding: 0 8% 65px;
  text-align: center;
}
.trustClientSection .trustClientSec-hd h6 {
  color: #000;
  font-family: Poppins;
  font-size: 42px;
  font-style: normal;
  font-weight: 600;
  line-height: 1.2; /* 119.048% */
  letter-spacing: -1.26px;
}
.trustClientSection .trustClientSec-main .trustClientSec-card {
  height: 100%;
  padding: 40px;
  border-radius: 10.744px;
  border: 2.5px solid #000;
  background: #fff;
  display: flex;
  flex-direction: column;
  gap: 30px;
  transition: all 0.4s ease-in-out;
}
.trustClientSection .trustClientSec-main .trustClientSec-card:hover {
  transform: scale(1.01);
  box-shadow: 0px 15px 15px 20px rgba(176, 176, 176, 0.14);
}
.trustClientSection
  .trustClientSec-main
  .trustClientSec-card
  .trustClientSec-cardHead {
  display: flex;
  align-items: center;
  gap: 22px;
}
.trustClientSection
  .trustClientSec-main
  .trustClientSec-card
  .trustClientSec-cardHead
  .profileImage {
  width: 62px;
  height: 62px;
  flex: 0 0 62px;
}
.trustClientSection
  .trustClientSec-main
  .trustClientSec-card
  .trustClientSec-cardHead
  .profileImage
  img {
  max-width: 100%;
  max-height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
.trustClientSection
  .trustClientSec-main
  .trustClientSec-card
  .trustClientSec-cardHead
  .profileCont {
  max-width: calc(100% - 62px);
}
.trustClientSection
  .trustClientSec-main
  .trustClientSec-card
  .trustClientSec-cardHead
  .profileCont
  h6 {
  color: #000;
  font-family: "Causten";
  font-size: 30px;
  font-style: normal;
  font-weight: 700;
  line-height: 1.33;
  width: 100%;
  text-wrap: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding-bottom: 4px;
}
.trustClientSection
  .trustClientSec-main
  .trustClientSec-card
  .trustClientSec-cardHead
  .ratingIcon {
  color: #ffde6a;
}
.trustClientSection
  .trustClientSec-main
  .trustClientSec-card
  .trustClientSec-cardBody
  p {
  color: #000;
  font-family: "Causten";
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 1.5; /* 150% */
}
.trustClientSection
  .trustClientSec-main
  .trustClientSec-card
  .trustClientSec-cardFoot
  p {
  color: #000;
  font-family: "Causten";
  font-size: 27px;
  font-style: normal;
  font-weight: 400;
  line-height: 1.3; /* 130% */
}
.trustClientSection
  .trustClientSec-main
  .trustClientSec-card
  .trustClientSec-cardFoot
  p
  b {
  font-weight: 700;
}
.trustClientSection .trustClientSec-note {
  border-radius: 10px;
  background: #f3f3f3;
  padding: 26px 35px;
  margin-top: 70px;
  margin-bottom: 70px;
}
.trustClientSection .trustClientSec-note p {
  color: #000;
  text-align: center;
  font-family: "Causten";
  font-size: 24px;
  font-style: normal;
  font-weight: 600;
  line-height: 1.25; /* 125% */
  letter-spacing: -0.72px;
}

@media (max-width: 1660px) {
  .mainBanner2 .banner-images {
    width: 120%;
  }
  .chsServ {
    padding: 0 0%;
  }
  .padX12 {
    padding-right: 4%;
    padding-left: 4%;
  }
  .trstWrp ul li {
    margin: 0 10px;
  }
  .mainBanner2 .mainCont2 h2 {
    font-size: 42px;
  }
  .mainBanner2 .mainCont2 p {
    font-size: 16px;
  }
  .mainBanner2 .mainCont2 ul > li {
    font-size: 14px;
  }
  .mainBanner2 .mainCont2 .rtng p {
    font-size: 12px;
  }
  .webdesignSec-head h3 {
    font-size: 45px;
  }
  .webdesignSec-head p {
    font-size: 20px;
    line-height: 1.5;
  }
  .processSec .btns_group a.getstarted {
    gap: 30px;
  }
  .conversationSec .conversationBody .conversationCard {
    padding: 35px 25px;
    border-radius: 10px;
  }
  .bigBenefit .bigBenefit-main .bigBenefit-card .bigBenefit-cont h6 {
    font-size: 24px;
  }
  .bigBenefit .bigBenefit-main .bigBenefit-card .bigBenefit-cont p {
    font-size: 16px;
  }
}
@media (max-width: 1440px) {
  .mainBanner2 .banner-images {
    width: 110%;
  }
  .cardHead-bottom .price {
    font-size: 80px;
  }
  .mainBanner2 {
    padding-top: 70px;
    padding-bottom: 70px;
    overflow: hidden;
  }
  .mainCont2 {
    padding-right: 30px;
  }
  .webdesignSec-head {
    padding: 0 30px 60px;
  }
  .packagesSec {
    padding: 80px 30px;
  }
  .cardBody ul li {
    font-size: 18px;
  }
  .cardBody ul > li .list-img {
    width: 15px;
    height: 15px;
    top: 2px;
    bottom: auto;
    margin: auto;
  }
  .view-info-btn {
    margin-left: 8px;
  }
  .packagesSec .btns_group a.getstarted {
    margin-right: 0;
  }
  .conversationSec .conversationBody .conversationCard {
    padding: 25px 15px;
    border-radius: 10px;
  }
  .conversationSec
    .conversationBody
    .conversationCard
    .card-content
    ul
    li
    span
    svg {
    width: 15px;
  }
  .trstWrp ul {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-top: 10px;
  }
  section.trustedSec {
    padding-bottom: 60px;
  }
  .webdesignSec-head h3 {
    font-size: 40px;
  }
  .mn-hd h4 {
    font-size: 42px;
  }
  .customPara {
    font-size: 22px;
  }
  .chseWrp {
    padding: 15px;
    height: 100% !important;
    margin: 0 !important;
  }
  .chseWrp img {
    display: block;
    margin-bottom: 15px;
    height: 55px;
  }
  .chseWrp h5 {
    font-size: 18px;
    line-height: 1.2;
    margin-bottom: 10px;
  }
  .chseWrp p {
    font-size: 14px;
    line-height: 1.4;
  }
  .conversationSec .conversationHead h4 {
    font-size: 42px;
  }
  .conversationSec .conversationBody {
    padding: 32px 30px;
  }
  .trustClientSection .trustClientSec-main .trustClientSec-card {
    padding: 20px;
    gap: 30px;
  }
  .trustClientSection
    .trustClientSec-main
    .trustClientSec-card
    .trustClientSec-cardFoot
    p {
    font-size: 22px;
  }
  .trustClientSection
    .trustClientSec-main
    .trustClientSec-card
    .trustClientSec-cardBody
    p {
    font-size: 18px;
  }
  .trustClientSection
    .trustClientSec-main
    .trustClientSec-card
    .trustClientSec-cardHead
    .profileCont
    h6 {
    font-size: 24px;
  }
}
@media (max-width: 1200px) {
  .mainBanner2 .banner-images {
    width: 105%;
  }
  .banner-back {
    display: none;
  }
  .mainBanner2 {
    padding-top: 70px;
    padding-bottom: 70px;
  }
  .mainBanner2 .mainCont2 h2 {
    font-size: 36px;
    line-height: 1.1;
  }
  .mainCont2 {
    padding-right: 0px;
  }
  .webdesignSec-head h6 {
    font-size: 13px;
  }
  .webdesignSec-head h3 {
    font-size: 32px;
  }
  .webdesignSec-head p {
    font-size: 16px;
  }
  .webdesignSec-head {
    padding: 0 24px 40px;
  }
  section.processSec {
    padding: 50px 0;
  }
  .mn-hd h4 {
    font-size: 32px;
  }
  .customPara {
    font-size: 17px;
  }
  ul.procsList > li {
    width: 31.33%;
    padding: 20px 10px 20px 0;
    margin-right: 25px;
  }
  .prcsWrp p {
    font-size: 14px;
    line-height: 1.5;
  }
  .prcsWrp h4 {
    font-size: 20px;
    line-height: 1.2;
    margin: 20px 0 10px;
  }
  .processSec .btns_group a.getstarted {
    gap: 15px;
  }
  .packagesSec {
    padding: 50px 24px;
  }
  .packagesSec br {
    display: none !important;
  }
  .packagesSec .packageHead p {
    font-size: 16px;
  }
  .packagesSec .packageHead h5 {
    font-size: 36px;
  }
  .packageCard .cardHead {
    padding: 15px;
    border-radius: 15px;
    gap: 25px;
    padding-bottom: 45px;
  }
  .packageCard .cardHead .cardHead-top h6 {
    font-size: 18px;
  }
  .packageCard .cardHead .cardHead-top {
    gap: 15px;
  }
  .cardHead-bottom .price {
    font-size: 60px;
    line-height: 50px;
  }
  .cardHead-bottom .us {
    font-size: 25px;
    line-height: 1;
  }
  .cardHead-bottom .price .point {
    font-size: 28px;
    line-height: 1.4;
  }
  .chseWrp {
    margin: 0px !important;
  }
  .chseWrp img {
    display: block;
    margin-bottom: 15px;
    height: 55px;
    margin: auto auto 15px;
  }
  .conversationSec .conversationHead h4 {
    font-size: 32px;
    padding-bottom: 12px;
  }
  .conversationSec .conversationHead p {
    font-size: 16px;
    width: 100%;
    margin: auto;
  }
  .userBelowSec .userBelowSec-main h4 {
    font-size: 32px;
    padding-bottom: 30px;
  }
  .userBelowSec .userBelowSec-main .userBelowCard .card-Body .bodyText p {
    font-size: 13px;
  }
  .userBelowSec .userBelowSec-main .userBelowCard .card-Body {
    padding-top: 10px;
    padding-bottom: 15px;
  }
  .bigBenefit-main .row {
    row-gap: 30px;
  }
  .bigBenefit-main .row .col-md-3 {
    max-width: 50%;
    flex: 1 0 50%;
  }
  .ctaSec .cta-cont h6 {
    font-size: 32px;
  }
  .bigBenefit .bigBenefit-main .bigBenefit-card .bigBenefit-cont h6 {
    font-size: 20px;
  }
  .bigBenefit .bigBenefit-main .bigBenefit-card .bigBenefit-cont p {
    font-size: 14px;
  }
  .bigBenefit .bigBenefit-main .bigBenefit-card .bigBenefit-cont {
    gap: 7px;
  }
  .bigBenefit .bigBenefit-main .bigBenefit-card {
    gap: 10px;
    padding: 20px 15px;
    border-radius: 8px;
  }
  .bigBenefit {
    padding: 40px 0;
  }
  .ctaSec {
    padding: 30px 0;
  }
  .ctaSec .cta-cont p {
    font-size: 16px;
    line-height: 1.3;
  }
  .ctaSec .cta-btn a {
    font-size: 14px;
    padding: 15px 20px;
  }
  .ctaSec .ctaImg {
    bottom: -89px;
    left: -40px;
    width: 210px;
    height: 215px;
  }
  .trustClientSection {
    padding: 50px 0 30px;
  }
  .trustClientSection
    .trustClientSec-main
    .trustClientSec-card
    .trustClientSec-cardFoot
    p {
    font-size: 16px;
  }
  .trustClientSection
    .trustClientSec-main
    .trustClientSec-card
    .trustClientSec-cardBody
    p {
    font-size: 14px;
  }
  .trustClientSection
    .trustClientSec-main
    .trustClientSec-card
    .trustClientSec-cardHead
    .profileImage {
    width: 40px;
    height: 40px;
    flex: 0 0 40px;
  }
  .trustClientSection .trustClientSec-main .trustClientSec-card {
    padding: 15px;
    gap: 12px;
    height: 100%;
  }
  .trustClientSection
    .trustClientSec-main
    .trustClientSec-card
    .trustClientSec-cardHead
    .profileCont
    h6 {
    font-size: 17px;
  }
  .trustClientSection
    .trustClientSec-main
    .trustClientSec-card
    .trustClientSec-cardHead
    .ratingIcon {
    font-size: 10px;
  }
  .trustClientSection .trustClientSec-note p {
    font-size: 16px;
    line-height: 1.35;
    letter-spacing: 0;
  }
  .trustClientSection .trustClientSec-note {
    padding: 15px 15px;
    margin-top: 40px;
    margin-bottom: 40px;
  }
  section.faqSEc {
    padding: 40px 0;
  }
  .client-list .clt-box {
    height: 100px;
  }
  .client-list {
    margin: 25px -8px 50px;
    text-align: center;
  }
}
@media (max-width: 992px) {
  .userBelowSec-main .col-md-4 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .packagesSec .col-md-4 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .conversationSec .conversationBody .col-md-4 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .mainBanner2 .mainCont2 h2 {
    font-size: 30px;
  }
  .banner-btn .banner-mainBtn {
    font-size: 14px;
    gap: 30px;
    padding: 12px 20px;
  }
  .banner-btn .banner-mainBtn svg {
    width: 30px;
    height: 18px;
  }
  .banner-btn {
    gap: 10px;
  }
  .mainBanner2 .mainCont2 ul {
    padding-bottom: 15px;
  }
  .mainBanner2 {
    padding-top: 30px;
    padding-bottom: 30px;
  }
  .webdesignSec-head h6 {
    font-size: 12px;
    padding-top: 40px;
    text-align: left;
  }
  section.webdesignSec {
    text-align: left;
  }
  .webdesignSec-head p {
    font-size: 14px;
  }
  .webdesignSec-head h3 {
    font-size: 26px;
  }
  .design-card-list--large .design-card-list__item {
    width: 150px;
  }
  section.webdesignSec {
    padding-bottom: 10px;
  }
  section.processSec {
    padding: 30px 0;
  }
  ul.procsList > li {
    width: 33.33%;
    margin-right: 0;
  }
  .prcsWrp img {
    width: 40px;
  }
  .btns_group a.getstarted {
    width: auto;
    margin-right: 15px;
    line-height: 1.2;
    font-size: 14px;
  }
  .packagesSec .btns_group a.getstarted {
    gap: 12px;
  }
  .btns_group a {
    font-size: 12px;
  }
  .btns_group a.view-info-btn {
    gap: 5px;
  }
  .btns_group a.view-info-btn svg {
    width: 15px;
    height: 15px;
  }
  .cardBody ul li {
    font-size: 15px;
    padding-left: 13px;
  }
  .cardBody ul > li .list-img {
    width: 10px;
    height: 10px;
    top: 1px;
    bottom: auto;
    margin: auto;
  }
  .cardBody {
    padding: 30px 20px 20px;
  }
  .cardBody p {
    padding-bottom: 12px;
    font-size: 16px;
    line-height: 1.2;
  }
  .chsServ .row.rowGap-4 {
    padding-top: 30px;
  }
  .para p {
    line-height: 1.4;
    color: #797979;
    font-size: 16px;
  }
  .mn-hd {
    margin-bottom: 10px;
  }
  .conversationSec .conversationBody .conversationCard .card-content h6 {
    font-size: 20px;
    padding-bottom: 10px;
  }
  .conversationSec .conversationBody .conversationCard .card-content p {
    font-size: 14px;
    line-height: 1.5;
    padding-bottom: 15px;
  }
  .conversationSec .conversationBody .conversationCard .card-content ul li {
    font-size: 13.5px;
    gap: 6px;
    padding-bottom: 7px;
  }
  .conversationSec .conversationBody .conversationCard {
    padding: 15px 12px;
    border-radius: 10px;
  }
  .userBelowSec {
    padding: 60px 0;
    background: #ededed;
  }
  .userBelowSec .userBelowSec-main h4 {
    font-size: 28px;
    padding-bottom: 30px;
  }
  .bigBenefit .bigBenefit-hd h6 {
    font-size: 28px;
    letter-spacing: 0;
  }
  .bigBenefit .bigBenefit-hd {
    padding: 0 0% 30px;
    text-align: center;
  }
  .ctaSec .cta-cont h6 {
    font-size: 25px;
  }
  section.ctaSec .row {
    flex-direction: column;
    align-items: flex-start;
  }
  .ctaSec .ctaImg {
    bottom: -30px;
    left: auto;
    right: 0;
    width: 260px;
    height: 275px;
  }
  .cta-cont {
    padding-right: 40%;
  }
  .ctaSec .row .col-md-7,
  .ctaSec .row .col-md-5 {
    max-width: 100%;
    display: flex;
    justify-content: left;
  }
  .trustClientSection .trustClientSec-hd h6 {
    font-size: 28px;
    letter-spacing: 0;
  }
  .trustClientSection .trustClientSec-hd {
    padding: 0 0% 35px;
  }
  .mn-hd h4 {
    font-size: 28px;
  }
  ul.accordion-list li h3 {
    font-size: 16px;
    line-height: 1.1;
  }
  ul.accordion-list li h3:after {
    font-size: 9px;
  }
  ul.accordion-list li div.answer p {
    font-size: 12px;
    line-height: 1.6;
    margin-top: 15px;
  }
}
@media (max-width: 767px) {
  .porWrp {
    padding: 0 0 0px;
  }
  .design-card-list--large .design-card-list__item {
    width: 120px;
  }
  .design-card-list__item + .design-card-list__item {
    margin-right: 5px;
  }
  .container-fluid {
    width: 540px !important;
    max-width: 100% !important;
  }
  .banner-back {
    display: none;
  }
  .mainBanner2 {
    padding-top: 30px;
    padding-bottom: 10px;
  }
  .mainBanner2 .mainCont2 h2 {
    font-size: 24px;
    line-height: 1.1;
  }
  .mainBanner2 .mainCont2 p {
    font-size: 14px;
  }
  .banner-btn .banner-mainBtn {
    font-size: 16px;
    padding: 15px 20px;
    gap: 10px;
  }
  .banner-btn .banner-mainBtn svg {
    width: 30px;
  }
  .banner-back {
    position: absolute;
    top: -87px;
    height: 168%;
    right: -40px;
    z-index: 0;
    pointer-events: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
  }
  .webdesignSec-head {
    padding: 30px 15px 20px;
  }
  .webdesignSec-head h3 {
    font-size: 22px;
    padding-bottom: 8px;
  }
  .webdesignSec-head h6 {
    font-size: 12px;
    padding-bottom: 7px;
    padding-top: 0;
  }
  .cta-cont {
    padding-right: 0;
  }
  .ctaSec .row .col-md-7,
  .ctaSec .row .col-md-5 {
    justify-content: center;
  }
  .design-card-list--large .design-card-list__item {
    width: 89%;
    padding: 4px 0;
  }
  .porWrp img {
    border-radius: 5px;
    margin-bottom: 0;
  }
  .webdesignSec-head p {
    font-size: 14px;
  }
  section.webdesignSec {
    padding-bottom: 20px;
  }
  section.processSec {
    padding: 30px 0;
  }
  .mn-hd h4 span {
    font-size: 14px;
    margin-bottom: 5px;
  }
  .mn-hd h4 {
    font-size: 22px;
  }
  .mn-hd {
    margin-bottom: 10px;
  }
  .customPara {
    font-size: 14px;
  }
  ul.procsList {
    margin: 15px 0;
  }
  ul.procsList > li {
    width: 100%;
    padding: 10px 0;
    margin-right: 0;
    margin: 0;
  }
  ul.procsList > li + li {
    margin-top: 0;
    padding-top: 10px;
    padding-bottom: 10px;
  }
  .prcsWrp h5 {
    font-size: 36px;
  }
  .prcsWrp h4 {
    font-size: 18px;
    line-height: 1.2;
    margin: 12px 0 6px;
  }
  br {
    display: none;
  }
  .processSec .btns_group a.getstarted {
    gap: 15px;
    justify-content: center;
    padding: 10px;
    height: auto;
    width: auto;
    font-size: 15px;
    gap: 8px;
    min-height: 1px;
    line-height: 1.2;
    margin-right: 12px;
  }
  .packagesSec .packageHead h5 {
    font-size: 22px;
    padding-bottom: 10px;
  }
  .packagesSec .packageHead h6 {
    font-size: 14px;
  }
  .packagesSec .packageHead p {
    font-size: 14px;
  }
  .packageHead {
    padding-bottom: 20px;
  }
  .packageCard .cardHead {
    padding: 15px;
    border-radius: 2px;
    gap: 15px;
    padding-bottom: 35px;
  }
  .cardHead-bottom {
    justify-content: left;
    gap: 10px;
  }
  .packageCard {
    border-radius: 5px;
    border: 1px solid #000;
  }
  .cardBody p {
    padding-bottom: 20px;
    font-size: 14px;
  }
  .cardBody ul li {
    font-size: 14px;
    padding-left: 20px;
  }
  .cardBody ul > li .list-img {
    width: 11px;
    height: 11px;
    top: 1px;
  }
  .cardBody ul {
    padding-bottom: 15px;
  }
  .packagesSec .btns_group a.getstarted {
    gap: 10px;
    padding: 12px 15px;
    line-height: 1;
    width: auto;
    font-size: 15px;
    gap: 3px;
  }
  .btns_group a {
    font-weight: 600;
    font-size: 14px;
    line-height: 1.2;
    gap: 7px;
  }
  section.whychooseSec {
    padding-top: 30px;
  }
  .whychooseSec .para > p {
    width: 100%;
    margin: 0 auto;
    font-size: 14px;
    line-height: 1.4;
  }
  .chseWrp {
    margin: 20px 0 0 0 !important;
  }
  .conversationSec .conversationHead h4 {
    font-size: 22px;
    padding-bottom: 12px;
  }
  .conversationSec .conversationHead p {
    font-size: 14px;
  }
  .conversationSec .conversationBody {
    padding: 20px 0px;
  }
  .conversationSec .conversationBody .conversationCard {
    padding: 15px 10px;
    border-radius: 5px;
  }
  .conversationSec .conversationBody .conversationCard .card-content h6 {
    font-size: 18px;
  }
  .userBelowSec {
    padding: 30px 0;
  }
  .userBelowSec .userBelowSec-main h4 {
    font-size: 22px;
    padding-bottom: 20px;
  }
  .bigBenefit {
    padding: 30px 0;
  }
  .bigBenefit .bigBenefit-hd h6 {
    font-size: 22px;
  }
  .bigBenefit .bigBenefit-hd {
    padding: 0 0% 20px;
    text-align: center;
  }
  .bigBenefit-main .row .col-md-3 {
    max-width: 100%;
    flex: 1 0 100%;
  }
  .bigBenefit-main .row {
    row-gap: 15px;
  }
  .bigBenefit .bigBenefit-main .bigBenefit-card {
    gap: 8px;
    padding: 15px 15px;
    border-radius: 5px;
    text-align: center;
  }
  .ctaSec .ctaImg {
    display: none;
  }
  .ctaSec {
    padding: 30px 0;
    text-align: center;
  }
  .ctaSec .cta-cont p {
    font-size: 14px;
    line-height: 1.3;
    padding: 0;
  }
  .ctaSec .cta-cont h6 {
    font-size: 22px;
  }
  .trustClientSection .trustClientSec-hd {
    padding: 0 0% 30px;
    text-align: center;
  }
  .trustClientSection .trustClientSec-hd h6 {
    font-size: 22px;
  }
  .trustClientSec-main .row {
    row-gap: 14px;
  }
  .btns_group a.getstarted {
    width: auto;
    line-height: 1;
    gap: 5px;
    font-size: 14px;
    margin-right: 15px;
  }
  .trustClientSection .trustClientSec-note {
    padding: 10px;
    margin-top: 20px;
    margin-bottom: 20px;
  }
  .trustClientSection {
    padding: 30px 0 30px;
  }
  section.faqSEc {
    padding: 30px 0;
  }
  .para p {
    line-height: 1.2;
    color: #797979;
    font-size: 14px;
  }
  .client-list .clt-box {
    height: 70px;
  }
  .client-list {
    margin: 20px -8px 20px;
    text-align: center;
  }
  ul.accordion-list li h3 {
    font-size: 16px;
    line-height: 1.2;
  }
  ul.accordion-list li div.answer p {
    font-size: 14px;
    line-height: 1.4;
    margin-top: 10px;
  }
  ul.accordion-list li h3:after {
    font-size: 7px;
  }
  ul.accordion-list {
    padding: 0;
  }
  .userBelowSec-main .col-md-4 {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .packagesSec .col-md-4 {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .conversationSec .conversationBody .col-md-4 {
    flex: 0 0 100%;
    max-width: 100%;
  }
}
@media (min-width: 1660px) {
  .container,
  .container-lg,
  .container-md,
  .container-sm,
  .container-xl,
  .container-xxl {
    width: 1410px;
    max-width: 100%;
  }
}
@media ((min-width: 1920px)) {
  .container,
  .container-lg,
  .container-md,
  .container-sm,
  .container-xl,
  .container-xxl {
    width: 1600px;
    max-width: 100%;
  }
}
@media (max-width: 991px) {
  .formpop h5 {
    font-size: 28px;
  }
  .formpop h4 {
    font-size: 22px;
  }
  .formpop p {
    font-size: 12px;
  }
  .formpop p br {
    display: none;
  }
  .popup-all-cont {
    padding: 50px 0;
  }
  .formpop form {
    padding: 22px;
  }
}
@media (max-width: 767px) {
  .mmpopup .formpop {
    padding: 0 1rem !important;
  }
}
/*popup*/
.overlay {
  background-color: rgba(0, 0, 0, 0.8);
  bottom: 0;
  left: 0;
  position: fixed;
  right: 0;
  top: 0;
  z-index: 10;
  display: none;
  -webkit-backdrop-filter: blur(15.9499998093px);
  backdrop-filter: blur(15.9499998093px);
}

.popupmain1 {
  position: fixed;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  right: 0;
  margin: auto;
  width: 1050px;
  height: auto;
  z-index: 11;
  overflow: hidden;
  display: none;
  border-radius: 4px;
  max-width: 97%;
  max-height: 97%;
  overflow-y: auto;
  border-radius: 20px;
}
.popupmain1 .mmpopup {
  align-items: stretch;
}
.popupmain1 .mmpopup .imgbx {
  position: relative;
  border-radius: 20px 0 0 20px;
  overflow: hidden;
  font-size: 0;
  width: 50%;
  flex: 0 0 50%;
  margin: 0;
}
.popupmain1 .mmpopup .imgbx img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: top right;
  object-position: top right;
}
.popupmain1 .mmpopup .imgbx .cont {
  position: absolute;
  top: 30px;
  left: 30px;
  width: calc(80% - 30px);
}
.popupmain1 .mmpopup .imgbx .cont h6 {
  color: #e8cf1a;
  font-size: 50px;
  font-weight: 700;
  line-height: 1.02;
  font-family: "Causten";
}
.popupmain1 .mmpopup .imgbx .cont h5 {
  color: #fff;
  font-size: 38px;
  font-weight: 700;
  line-height: normal;
  font-family: "Causten";
}
.popupmain1 .mmpopup .imgbx .cont h5 span {
  font-weight: 400;
}
.popupmain1 .mmpopup .formpop {
  background-color: #fff;
  display: flex;
  align-items: center;
  padding: 15px 30px;
}
.popupmain1 .mmpopup .formpop .formpop-main {
  padding: 30px 30px 25px;
  background-color: #f7f7f7;
  border-radius: 29px;
}
.popupmain1 .mmpopup .formpop .formpop-main form {
  padding: 0 !important;
}
.popupmain1 .mmpopup .formpop .formpop-main .formpop-hd h6 {
  color: #000;
  text-align: center;
  font-family: "Causten";
  font-size: 37px;
  font-weight: 400;
  line-height: 1; /* 100% */
  padding: 0;
}
.popupmain1 .mmpopup .formpop .formpop-main .formpop-hd h5 {
  color: #ff0f00;
  text-align: center;
  font-family: "Causten";
  font-size: 41px;
  font-weight: 700;
  line-height: 0.9; /* 90.244% */
  padding: 0;
}
.popupmain1 .mmpopup .formpop .formpop-main .formpop-hd h5::after {
  display: none;
}
.popupmain1 .mmpopup .formpop .formpop-main .formpop-hd p {
  color: #000;
  text-align: center;
  font-family: "Causten";
  font-size: 18px;
  font-weight: 400;
  line-height: 1.11;
  padding-top: 15px;
  background-color: transparent;
}

img.shopartner-seal {
  width: 200px;
}

.distxt {
  width: 80%;
  margin: 8px auto 8px;
}

.portfolio-page-nav {
  background: #fff;
  padding: 1rem 2rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
}
.portfolio-page-nav .logo {
  max-width: 240px;
}
.portfolio-page-nav .back-btn {
  color: #000;
  font-family: var(--font-body);
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}
.portfolio-viewframe {
  width: 100vw;
  min-height: 100dvh;
}
.portfolio-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(400px, 1fr));
  gap: 2rem;
}
.port-card {
  display: flex;
  justify-content: center;
}
.port-card a,
.port-card img {
  width: 100%;
}

@media (max-width: 1200px) {
  .popupmain1 .mmpopup .imgbx .cont {
    width: calc(81% - 30px);
  }
}
@media (max-width: 991px) {
  .popupmain1 .mmpopup .imgbx .cont {
    width: calc(70% - 30px);
  }
  .popupmain1 .mmpopup .imgbx .cont h6 {
    font-size: 28px;
    text-align: left;
  }
  .popupmain1 .mmpopup .imgbx .cont h5 {
    font-size: 24px;
    text-align: left;
  }
  .popupmain1 .mmpopup .formpop {
    padding: 8px 10px;
  }
  .popupmain1 .mmpopup .formpop .formpop-main {
    padding: 15px 15px 15px;
    border-radius: 5px;
  }
  .popupmain1 .mmpopup .formpop .formpop-main .formpop-hd h6 {
    font-size: 24px;
  }
  .popupmain1 .mmpopup .formpop .formpop-main .formpop-hd h5 {
    font-size: 26px;
  }
  .popupmain1 .mmpopup .formpop .formpop-main .formpop-hd p {
    font-size: 14px;
    padding-top: 10px;
    margin-bottom: 9px;
  }
} /*# sourceMappingURL=style-2.css.map */