a,
body,
p {
  color: #585858
}

.cstm-modal-body,
.pad-sec,
.pad-zero,
ul.slick-dots li {
  padding: 0
}

.pad-zero,
body {
  overflow-x: hidden
}

.mn-hd h4,
a,
p {
  font-weight: 400
}

.mainBanner:after,
.mainCont ul>li:before,
header {
  top: 0;
  position: absolute
}

.btns_group a.getstarted,
.revBtns a.getstarted ,
.themeBtn.getstarted{
  line-height: 41px;
  padding: 4px 35px;
  text-align: center
}

.btns_group a.chat-btn i,
.revBtns a.getstarted,
.revBtns p,
.trstWrp ul,
ul.phnchat>li a i,
ul.slick-dots li {
  vertical-align: middle
}

.blog .profsSec .mn-hd,
.blog .profsSec .para p,
.blog .profsSec .profsSec .para,
.ctaimg .revBtns,
.ecommerce .profsSec .mn-hd,
.ecommerce .profsSec .para p,
.ecommerce .profsSec .profsSec .para,
.industry .profsSec .mn-hd,
.industry .profsSec .para p,
.industry .profsSec .profsSec .para,
.landing .profsSec .mn-hd,
.landing .profsSec .para p,
.landing .profsSec .profsSec .para,
.porWrp,
.profsSec .mn-hd,
.profsSec .para p,
.rev-rtng,
.revBtns a.getstarted,
.web-redesign .profsSec .mn-hd,
.web-redesign .profsSec .para p,
.web-redesign .profsSec .profsSec .para,
.wordpress .profsSec .mn-hd,
.wordpress .profsSec .para p,
.wordpress .profsSec .profsSec .para,
ul.slick-dots {
  text-align: center
}

.revBtns p,
.revWrp .revDetal {
  margin-left: 20px;
  display: inline-block
}

.maintg,
.ovr-hiddn {
  overflow: hidden
}

:root {
  --primary_color: #932987;
  --secondary_color: #0A0A2D
}

#myBtn {
  position: fixed;
  bottom: 70px;
  right: 5px;
  z-index: 99;
  font-size: 18px;
  border: none;
  outline: 0;
  background: transparent linear-gradient(74deg, var(--primary_color) 0, var(--secondary_color) 100%);
  color: #fff;
  cursor: pointer;
  padding: 15px;
  border-radius: 4px
}

#myBtn:hover {
  background: transparent linear-gradient(278deg, var(--primary_color) 0, var(--secondary_color) 100%)
}

::selection {
  background: var(--secondary_color);
  color: var(--primary_color);
  text-shadow: none
}

.colr {
  filter: hue-rotate(46deg)
}

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

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

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

::-webkit-scrollbar-thumb:vertical {
  border-radius: 2px;
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
  background: transparent linear-gradient(74deg, var(--primary_color) 0, var(--secondary_color)) 100%
}

body {
  font-size: 16px;
  line-height: 1;
  font-family: Inter, sans-serif;
  scroll-behavior: smooth;
  position: relative;
  background: #ededed
}

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

a,
input[type=submit],
span,
ul.slick-dots li {
  display: inline-block
}

*,
:focus,
:hover {
  outline: 0 !important
}

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

a,
input[type=submit] {
  -webkit-transition: .4s ease-in-out;
  -moz-transition: .4s ease-in-out;
  -o-transition: .4s ease-in-out;
  transition: .4s ease-in-out;
  cursor: pointer
}

a,
p {
  font-size: 18px
}

.bold,
.mmpopup .centercont h4 span,
strong {
  font-weight: 700
}

.slick-list {
  margin: 0 -15px
}

.slick-slide {
  margin: 0 15px
}

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

ul.slick-dots li {
  margin: 0 12px 0 0;
  border: none;
  border-radius: 50%;
  width: 15px;
  height: 15px
}

#EightForm,
#FifthForm,
#FourthForm,
#LastForm,
#SeventhForm,
#SixthForm,
#ThirdForm,
#secondForm,
.centercont h4 span>span,
.icn-tooltip:after,
.mmpopup .centercont h4 span del,
[class^=box-],
ul.procsList>li.last:after,
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: 0;
  border-radius: 50%;
  box-sizing: border-box
}

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

ul.procsList>li.last,
ul.slick-dots li.last {
  margin-right: 0
}

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

.mainBanner,
section.reviewCta,
section.reviewCta:before {
  background-repeat: no-repeat
}

::-webkit-input-placeholder {
  color: rgba(0, 0, 0, .5)
}

::-moz-placeholder {
  color: rgba(0, 0, 0, .5)
}

:-ms-input-placeholder {
  color: rgba(0, 0, 0, .5)
}

:-moz-placeholder {
  color: rgba(0, 0, 0, .5)
}

.pad-l-zero,
.spacialSec .ratings {
  padding-left: 0
}

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

.btns_group,
.mn-hd {
  margin-bottom: 20px
}

.mn-hd h4 {
  font-size: 38px;
  line-height: 38px;
  color: #2d2d2d
}

.mn-hd h4 span {
  font-weight: 600;
  font-size: 14px;
  line-height: 17px;
  color: #444;
  font-family: Inter;
  display: block;
  margin-bottom: 10px
}

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

header {
  transition: .4s ease-in-out;
  padding: 20px 0;
  width: 100%;
  z-index: 1
}

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

.logo img {
  display: block;
  width: 300px;
  height: 60px;
  object-fit: contain;
  transform: translateX(-80px)
}

.trstWrp p,
.trstWrp ul,
.trstWrp ul li,
ul.phnchat>li {
  display: inline-block
}

ul.phnchat>li {
  margin-left: 30px
}

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

ul.phnchat>li a i {
  margin-right: 7px
}

ul.phnchat>li a:hover,
ul.phnchat>li.last a i {
  color: #fd6925
}

.dragger {
  animation: 3s linear infinite tilt
}

@keyframes tilt {

  0%,
  100% {
    transform: translateY(0)
  }

  50% {
    transform: translateY(22px)
  }
}

.mainBanner {
  position: relative;
  background-size: contain;
  background-position: 85% 100%;
  height: 690px;
  display: flex;
  align-items: center;
  padding-top: 5%
}

.mainBanner:after {
  content: '';
  background-image: url(../images/after.webp);
  right: 16%;
  width: 393px;
  height: 666px;
  z-index: -1
}

.mainCont {
  padding-top: 48px
}

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

.mainCont p {
  line-height: 30px;
  margin-bottom: 25px
}

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

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

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

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

.btns_group a.getstarted,
.themeBtn.getstarted{
  background: #d65f32;
  border-radius: 6px;
  color: #fff;
  text-transform: uppercase;
  margin-right: 20px;
  border: 2px solid #d65f32;
  position: relative;
  z-index: 0
}

.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 {
  margin-right: 10px;
  color: var(--primary_color);
  font-weight: 500
}

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

.revWrp .revDetal ul>li span,
.trstWrp p {
  font-weight: 600;
  font-size: 16px;
  line-height: 19px
}

.revBtns a.getstarted,
.servWrp a {
  text-transform: uppercase;
  background: #d65f32
}

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

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

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

section.trustedSec {
  padding-bottom: 80px
}

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

.trstWrp p {
  color: #8a8a8a;
  margin-right: 22px;
  width: 115px
}

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

.chseWrp img,
.ctaimg img,
.porWrp img,
.rev-rtng p span,
.revBtns p a,
[class^=box-].showfirst {
  display: block
}

.trstWrp ul li img {
  transition: .2s ease-in-out
}

.trstWrp ul li img:hover {
  filter: brightness(.5) drop-shadow(0px 4px 0px #ccc)
}

section.webdesignSec {
  padding-bottom: 40px
}

.designSliderWrp {
  margin-top: 20px
}

.porWrp {
  transition: 1.8s;
  padding: 0 0 15px
}

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

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

ul.designSlider {
  margin-bottom: 25px
}

.monialSlider,
ul.designSlider_two {
  margin-bottom: 35px
}

.chsServ {
  margin-bottom: 50px;
  margin-top: 30px
}

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

.chseWrp img {
  margin-bottom: 25px;
  max-width: 18%
}

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

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

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

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

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

section.reviewCta:after,
ul.procsList>li:after {
  background-repeat: no-repeat;
  right: -15px;
  top: 0
}

section.reviewCta:after {
  content: '';
  background-image: url(../images/cta-after.webp);
  position: absolute;
  width: 42%;
  height: 500px;
  background-size: cover;
  z-index: -1
}

.revBtns a.getstarted,
.revWrp,
.servWrp a,
.testimoniaWrp {
  z-index: 0;
  position: relative
}

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

.revBtns a.getstarted {
  border-radius: 6px;
  font-weight: 600;
  font-size: 16px;
  color: #fff;
  border: 2px solid #d65f32
}

.blog .servWrp .pack-btns a:first-child i,
.ecommerce .servWrp .pack-btns a:first-child i,
.industry .servWrp .pack-btns a:first-child i,
.landing .servWrp .pack-btns a:first-child i,
.revBtns a.getstarted i,
.web-redesign .servWrp .pack-btns a:first-child i,
.wordpress .servWrp .pack-btns a:first-child i {
  margin-left: 10px
}

.revBtns p {
  font-weight: 500;
  font-size: 13px;
  line-height: 16px;
  color: #8f9196;
  text-align: left;
  transition: .4s
}

.revBtns p i {
  color: var(--primary_color);
  margin-left: 12px
}

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

.revBtns p a {
  margin-top: 5px
}

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

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

.revWrp {
  font-size: 0;
  padding-bottom: 100px
}

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

.revWrp .revDetal {
  vertical-align: top;
  position: relative;
  width: calc(100% - 140px)
}

.revWrp .revDetal:after,
.testimoniaWrp:after {
  background-image: url(../images/quote.webp);
  width: 180px;
  height: 180px;
  filter: brightness(.9);
  position: absolute;
  z-index: -1;
  content: ''
}

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

.revWrp .revDetal p {
  font-weight: 500;
  font-size: 14px;
  line-height: 23px;
  color: #484848;
  margin-bottom: 10px;
  letter-spacing: -.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
}

.revWrp .revDetal ul>li span {
  color: #333;
  display: block
}

.revWrp .revDetal:after {
  background-repeat: no-repeat;
  right: -90px;
  top: 23px
}

.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.faqSEc,
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:after {
  content: '';
  width: 15px;
  height: 18px;
  position: absolute;
  background-size: contain;
  bottom: 0;
  margin: auto
}

.prcsWrp h5 {
  font-weight: 700;
  font-size: 48px;
  line-height: 58px;
  color: var(--primary_color);
  font-family: Inter
}

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

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: #333;
  margin-bottom: 20px;
  text-align: center
}

.servWrp a,
.servWrp p {
  font-size: 16px;
  text-align: center
}

.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;
  line-height: 22px;
  color: #797979;
  margin-bottom: 30px;
  height: 90px
}

.servWrp ul {
  margin-bottom: 25px;
  height: 190px;
  overflow-y: scroll
}

.servWrp ul>li {
  font-weight: 400;
  font-size: 14px;
  color: #666;
  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: #d65f32;
  border-radius: 50%;
  color: #fff;
  font-size: 10px;
  display: flex;
  justify-content: center;
  align-items: center
}

.servWrp a {
  border-radius: 6px;
  font-weight: 600;
  color: #fff;
  line-height: 41px;
  border: 2px solid #d65f32;
  padding: 4px 35px
}

.servWrp a+a {
  background: no-repeat;
  color: #d65f32;
  border: none;
  border-bottom: 1px solid;
  padding: 0;
  line-height: 1.6em;
  font-weight: 400;
  border-radius: 0;
  margin-left: 18px;
  font-size: 14px
}

.servWrp a+a:hover,
ul.procsList>li.last {
  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;
  color: #fff;
  width: 79px;
  height: 26px;
  background: transparent linear-gradient(74deg, var(--primary_color) 0, var(--secondary_color) 100%);
  border-radius: 5px;
  text-align: center;
  padding: 3px 0
}

section.profsSec {
  position: relative
}

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,
.reviewCta1 .cta-txt ul {
  margin: 30px 0 40px
}

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

.testimoniaWrp:after {
  right: 0;
  top: 0
}

#myFormTwo input[type=submit],
.popup-content #myForm a:not(.form-bottom-content .first.last a),
.popup-content .one-step-back,
ul.social>li a:hover {
  background: transparent linear-gradient(74deg, var(--primary_color) 0, var(--secondary_color) 100%)
}

.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
}

ul.accordion-list,
ul.accordion-list li,
ul.accordion-list li div.answer {
  width: 100%;
  height: auto;
  display: block
}

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

.testimoniaWrp p {
  font-weight: 400;
  font-size: 16px;
  line-height: 23px;
  letter-spacing: .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;
  color: #7c7c7c
}

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

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

.clt-box img:hover {
  filter: grayscale(0);
  scale: 1.2
}

ul.accordion-list {
  position: relative;
  padding: 20px;
  margin: 0;
  list-style: none
}

ul.accordion-list li {
  position: relative;
  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;
  color: #333;
  padding-right: 30px
}

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

ul.accordion-list li div.answer {
  position: relative;
  margin: 0;
  padding: 0 100px 0 0;
  cursor: pointer
}

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

section.categrSec {
  padding: 50px 0;
  background: #f7f7f791;
  display: none
}

ul.catmenu {
  margin-top: 30px
}

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;
  color: #191919;
  font-family: Inter
}

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

.copyright p,
.copyright p a {
  font-size: 12px;
  line-height: 15px;
  font-weight: 400
}

footer {
  padding: 30px 0;
  border-top: 1px solid #f7f7f791
}

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

.copyright p {
  color: #676767
}

.copyright p a {
  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 {
  color: #fff
}

.gettouchRight,
ul.catmenu.catmenuCenter,
ul.catmenu.catmenuRight {
  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: .5s;
  z-index: -1
}

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

.btns_group a.getstarted:hover,
.revBtns a.getstarted:hover,
.servWrp a:hover {
  color: #d65f32;
  transition: .6s
}

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

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

.blog .btns_group a.getstarted:hover,
.blog .revBtns a.getstarted:hover,
.blog .servWrp .pack-btns a:first-child:hover,
.blog .servWrp a:hover,
.btns_group a.chat-btn:hover,
.gettouch a:hover,
.revBtns p:hover a,
ul.catmenu>li a:hover {
  color: #fb46b7
}

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

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

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

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

.comlogo img {
  margin: 0 58px
}

.form-bottom-content .first.last a {
  color: #000;
  font-size: 15px;
  margin: 150px 0 0;
  transition: .2s ease-in-out
}

.form-bottom-content .first.last a:hover {
  background: var(--primary_color);
  color: #fff;
  padding: 0 10px
}

.ecommerce .servWrp .pack-btns a:first-child,
.web-redesign .servWrp .pack-btns a:first-child,
.wordpress .servWrp .pack-btns a:first-child {
  font-weight: 600;
  text-transform: uppercase;
  text-align: center;
  line-height: 41px;
  z-index: 0;
  padding: 4px 35px
}

.popup #myForm {
  display: flex;
  flex-direction: column;
  gap: 20px
}

.popup-content #myForm a:not(.form-bottom-content .first.last a) {
  font-weight: 700;
  padding: 17px 0;
  border: 1px solid var(--primary_color)
}

#myFormTwo input[type=submit]:hover,
.popup-content #myForm a:not(.form-bottom-content .first.last a):hover,
.popup-content .one-step-back:hover {
  background: transparent linear-gradient(279deg, var(--primary_color) 0, var(--secondary_color) 100%)
}

.popup-content h2 {
  font-size: 24px;
  line-height: 40px;
  color: #333;
  font-weight: 700;
  letter-spacing: 1.5px;
  margin-top: 30px
}

.popup-content p {
  font-size: 16px;
  color: #b1b1b1;
  margin-bottom: 30px
}

#myFormTwo .website-name-inp {
  border: 1px solid var(--primary_color);
  height: 60px;
  padding: 0 10px
}

.popup-content .one-step-back {
  opacity: 1;
  padding: 19px;
  margin: 0 30px;
  width: 91%;
  font-size: 16px;
  border-radius: 4px;
  color: #fff;
  font-family: Inter;
  font-weight: 500
}

#ErrorspanMsg,
#messageError {
  color: red;
  font-style: italic;
  font-size: 13px;
  text-align: right;
  background: #ffe1e1;
  font-weight: 400
}

#myFormTwo {
  display: flex;
  flex-direction: column
}

#myFormTwo #message::placeholder {
  color: #b1b1b1;
  font-size: 14px;
  font-family: Inter;
  letter-spacing: .8px;
  font-weight: 300
}

#myFormTwo #message {
  border: 1px solid var(--primary_color);
  border-radius: 3px;
  padding: 10px;
  resize: none
}

#messageTwo,
#myForm,
.cstm-modal-content .form-header {
  padding: 10px
}

#messageTwo::placeholder {
  color: #b1b1b1;
  font-size: 14px;
  font-family: Inter;
  letter-spacing: .8px;
  font-weight: 300
}

#myFormTwo input[type=submit] {
  padding: 20px;
  color: #fff;
  font-size: 16px;
  font-weight: 600;
  font-family: Inter;
  letter-spacing: .7px
}

.popup {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, .5);
  z-index: 999
}

.popup-content {
  width: 740px;
  padding: 40px 10px 0;
  border-radius: 8px;
  box-shadow: 0 0 10px rgba(0, 0, 0, .2);
  position: relative;
  margin: auto;
  top: 150px;
  text-align: center;
  background: #ffffffd6;
  backdrop-filter: blur(5px)
}

.close,
ul.colasebar>li,
ul.colasebar>li span {
  background: 0 0
}

.close {
  position: absolute;
  top: 10px;
  right: 10px;
  font-size: 30px;
  border: none;
  cursor: pointer
}

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

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

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

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

.faqSec,
.featureSec h3,
.maintg:before {
  background: #effcf9
}

.icn-tooltip i {
  margin: 0 0 0 4px
}

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

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

ul.pkgDtl {
  height: 260px
}

.top-rated {
  z-index: 1
}

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

.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
}

.rattag {
  font-style: italic
}

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

.recapta-body .captcha-content h2,
.recapta-body .captcha-content p,
.reviewCta1 .btns_group .chat-btn,
a.banner-btn:hover {
  color: #fff
}

.whyChooseSec {
  padding: 30px 0 50px
}

.maintg {
  position: relative
}

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

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

.faqSec {
  padding: 90px 0
}

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

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

label.error,
ul.featureIcons>li .tooltip {
  display: none !important
}

.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 25px 0 0
}

.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
}

.mmpopup .formpop {
  padding-right: 30px;
  width: 66%;
  padding-top: 20px;
  padding-left: 12%
}

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

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

.fld-input input {
  width: 100%;
  height: 100%;
  padding: 0 24px;
  font-size: 16px;
  letter-spacing: .2px
}

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

.mmpopup .fld-btn button {
  width: 100%;
  height: 50px;
  font-size: 15px;
  line-height: 20px;
  background: #d65f32;
  color: #fff
}

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

.blog .mainCont h4,
.pckg-box h6,
.portfolio-nav li a {
  text-transform: capitalize
}

.formpop h4 {
  color: #000;
  font-size: 28px;
  margin-bottom: 10px
}

button,
input[type].error,
select.error,
textarea.error {
  background: #ffeaea
}

.formpop p {
  font-size: 16px;
  line-height: initial;
  margin-bottom: 10px
}

.pckg-box h2,
.reviewCta1 .cta-txt h4 {
  font-family: 'Coolvetica Rg';
  font-size: 40px;
  font-weight: 400
}

.pckg-box h4,
.pckg-box h6 {
  line-height: normal;
  font-family: Inter
}

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

.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, .1);
  border: 1px solid #fff;
  background-color: #fff;
  width: 100%;
  height: 167px;
  display: flex;
  justify-content: center;
  align-items: center
}

.web-redesign .servWrp ul>li span,
.wordpress .servWrp ul>li span {
  width: 15px;
  height: 15px;
  font-size: 10px;
  display: flex;
  justify-content: center
}

.ecommerce .mainCont h4,
.web-redesign .mainCont h4,
.wordpress .mainCont h4 {
  line-height: 1.25
}

.blog .mainCont h4 span,
.ecommerce .mainCont h4 span,
.industry .mainCont h4 span,
.landing .mainCont h4 span,
.web-redesign .mainCont h4 span,
.wordpress .mainCont h4 span {
  font-size: 20px;
  letter-spacing: 1.5px;
  display: block;
  text-transform: uppercase
}

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

.web-redesign .btns_group a.chat-btn i,
.web-redesign .btns_group a.chat-btn:hover,
.web-redesign .btns_group a.getstarted:hover,
.web-redesign .gettouch a:hover,
.web-redesign .mainCont ul>li:before,
.web-redesign .revBtns a.getstarted:hover,
.web-redesign .revBtns p:hover a,
.web-redesign .servWrp .pack-btns a:first-child:hover,
.web-redesign .servWrp a+a,
.web-redesign .servWrp a:hover,
.web-redesign ul.catmenu>li a:hover,
.web-redesign ul.phnchat>li a:hover,
.web-redesign ul.phnchat>li.last a i {
  color: #18b095
}

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

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

.web-redesign .servWrp .pack-btns a:first-child {
  background: #18b095;
  border-radius: 6px;
  font-size: 16px;
  color: #fff;
  border: 2px solid #18b095;
  position: relative
}

.web-redesign .servWrp ul>li span {
  background: #18b095;
  border-radius: 50%;
  color: #fff;
  align-items: center
}

.cd-image-container {
  position: relative;
  width: 100%;
  margin: auto
}

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

.cd-resize-img,
.cd-resize-img img {
  top: 0;
  height: 100%;
  position: absolute;
  left: 0
}

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

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

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

.cd-resize-img {
  width: 0;
  overflow: hidden;
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden
}

.cd-resize-img img {
  display: block;
  width: auto;
  max-width: none
}

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

.is-visible .cd-resize-img {
  width: 50%;
  -webkit-animation: .7s cd-bounce-in;
  -moz-animation: .7s cd-bounce-in;
  animation: .7s cd-bounce-in
}

@-webkit-keyframes cd-bounce-in {
  0% {
    width: 0
  }

  60% {
    width: 55%
  }

  100% {
    width: 50%
  }
}

@-moz-keyframes cd-bounce-in {
  0% {
    width: 0
  }

  60% {
    width: 55%
  }

  100% {
    width: 50%
  }
}

@keyframes cd-bounce-in {
  0% {
    width: 0
  }

  60% {
    width: 55%
  }

  100% {
    width: 50%
  }
}

.cd-handle {
  position: absolute;
  height: 44px;
  width: 44px;
  left: 50%;
  top: 50%;
  margin-left: -22px;
  margin-top: -22px;
  border-radius: 50%;
  background: url("../images/web-redesign/handle.html") center center no-repeat #000;
  cursor: move;
  box-shadow: 0 0 0 6px rgba(0, 0, 0, .2), 0 0 10px rgba(0, 0, 0, .6), inset 0 1px 0 rgba(255, 255, 255, .3);
  opacity: 0;
  -webkit-transform: translate3d(0, 0, 0) scale(0);
  -moz-transform: translate3d(0, 0, 0) scale(0);
  -ms-transform: translate3d(0, 0, 0) scale(0);
  -o-transform: translate3d(0, 0, 0) scale(0);
  transform: translate3d(0, 0, 0) scale(0)
}

.cd-handle.draggable {
  background-color: #445b7c
}

.is-visible .cd-handle {
  opacity: 1;
  -webkit-transform: translate3d(0, 0, 0) scale(1);
  -moz-transform: translate3d(0, 0, 0) scale(1);
  -ms-transform: translate3d(0, 0, 0) scale(1);
  -o-transform: translate3d(0, 0, 0) scale(1);
  transform: translate3d(0, 0, 0) scale(1);
  -webkit-transition: -webkit-transform .3s .7s, opacity 0s .7s;
  -moz-transition: -moz-transform .3s .7s, opacity 0s .7s;
  transition: transform .3s .7s, opacity 0s .7s
}

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

.wordpress .btns_group a.chat-btn i,
.wordpress .btns_group a.chat-btn:hover,
.wordpress .btns_group a.getstarted:hover,
.wordpress .gettouch a:hover,
.wordpress .mainCont ul>li:before,
.wordpress .revBtns a.getstarted:hover,
.wordpress .revBtns p:hover a,
.wordpress .servWrp .pack-btns a:first-child:hover,
.wordpress .servWrp a+a,
.wordpress .servWrp a:hover,
.wordpress .tstRtng span i,
.wordpress ul.catmenu>li a:hover,
.wordpress ul.phnchat>li a:hover,
.wordpress ul.phnchat>li.last a i {
  color: #f24e62
}

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

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

.wordpress .servWrp .pack-btns a:first-child {
  background: #f24e62;
  border-radius: 6px;
  font-size: 16px;
  color: #fff;
  border: 2px solid #f24e62;
  position: relative
}

.wordpress .servWrp ul>li span {
  background: #f24e62;
  border-radius: 50%;
  color: #fff;
  align-items: center
}

.blog .servWrp ul>li span,
.ecommerce .servWrp ul>li span {
  justify-content: center;
  width: 15px;
  height: 15px;
  font-size: 10px;
  display: flex
}

.ecommerce .chseWrp,
.wordpress .chseWrp {
  padding: 45px 15px;
  height: 380px;
  transition: .5s;
  box-shadow: 0 4px 10px 2px rgb(176 176 176 / 14%);
  background-color: #fff;
  text-align: center
}

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

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

.ecommerce .btns_group a.chat-btn i,
.ecommerce .btns_group a.chat-btn:hover,
.ecommerce .btns_group a.getstarted:hover,
.ecommerce .gettouch a:hover,
.ecommerce .mainCont ul>li:before,
.ecommerce .revBtns a.getstarted:hover,
.ecommerce .revBtns p:hover a,
.ecommerce .servWrp .pack-btns a:first-child:hover,
.ecommerce .servWrp a+a,
.ecommerce .servWrp a:hover,
.ecommerce .tstRtng span i,
.ecommerce ul.catmenu>li a:hover,
.ecommerce ul.phnchat>li a:hover,
.ecommerce ul.phnchat>li.last a i {
  color: #e7865e
}

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

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

.ecommerce .servWrp .pack-btns a:first-child {
  background: #e7865e;
  border-radius: 6px;
  font-size: 16px;
  color: #fff;
  border: 2px solid #e7865e;
  position: relative
}

.blog .btns_group a.chat-btn:after,
.close-aspire_modal button {
  background: var(--primary_color)
}

.ecommerce .servWrp ul>li span {
  background: #e7865e;
  border-radius: 50%;
  color: #fff;
  align-items: center
}

.blog .mainCont h4 {
  line-height: 1.25;
  letter-spacing: 1px
}

.autoForm_Aspire .submit-btn-sec a:hover,
.blog .btns_group a.chat-btn:hover,
.blog .gettouch a:hover,
.blog .mainCont ul>li:before,
.blog .revBtns p:hover a,
.blog ul.catmenu>li a:hover,
.blog ul.phnchat>li a:hover,
.blog ul.phnchat>li.last a i {
  color: var(--primary_color)
}

.blog .btns_group a.getstarted,
.blog .revBtns a.getstarted {
  background: transparent linear-gradient(74deg, var(--primary_color) 0, var(--secondary_color) 100%);
  border: 2px solid var(--primary_color)
}

.blog .servWrp .pack-btns a:first-child,
.industry .servWrp .pack-btns a:first-child {
  border-radius: 6px;
  font-size: 16px;
  text-align: center;
  font-weight: 600;
  line-height: 41px;
  z-index: 0;
  padding: 4px 35px;
  position: relative;
  text-transform: uppercase
}

.blog .servWrp .pack-btns a:first-child,
.blog .servWrp ul>li span {
  background: transparent linear-gradient(74deg, var(--primary_color) 0, var(--secondary_color) 100%);
  color: #fff
}

.blog .servWrp a+a,
.blog .tstRtng span i {
  color: #d65f32
}

.blog .servWrp .pack-btns a:first-child {
  border: 2px solid var(--primary_color);
  left: 10px;
  top: -10px
}

.blog .servWrp ul>li span {
  border-radius: 50%;
  align-items: center
}

.blog ul.procsList>li:after {
  background-image: url(../images/blog/prcs-after.webp);
  filter: hue-rotate(45deg)
}

.industry .mainCont h4,
.landing .mainCont h4 {
  line-height: 1.25;
  text-transform: capitalize
}

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

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

.gold-pckg h2,
.gold-pckg ul li i,
.industry .btns_group a.chat-btn i,
.industry .btns_group a.chat-btn:hover,
.industry .btns_group a.getstarted:hover,
.industry .gettouch a:hover,
.industry .revBtns a.getstarted:hover,
.industry .revBtns p:hover a,
.industry .servWrp .pack-btns a:first-child:hover,
.industry .servWrp a+a,
.industry .servWrp a:hover,
.industry .tstRtng span i,
.industry ul.catmenu>li a:hover,
.industry ul.phnchat>li a:hover,
.industry ul.phnchat>li.last a i {
  color: #f2b84c
}

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

.industry .servWrp .pack-btns a:first-child {
  background: #f2b84c;
  color: #fff;
  border: 2px solid #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 .mn-hd h4 span,
.landing .webdesignSec .mn-hd h4 span {
  text-transform: uppercase
}

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

.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: 400;
  text-align: center;
  color: #000
}

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

.pckg-list>li,
.table-list li {
  display: inline-block;
  vertical-align: top
}

.reviewCta1 {
  background-color: #021639
}

.reviewCta1 .cta-txt h4 {
  line-height: 1.25;
  color: #fff;
  padding: 30px 0 0
}

.reviewCta1 .cta-txt li {
  font-size: 20px;
  font-weight: 400;
  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 {
  width: 33.33%
}

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

.pckg-box h2 {
  color: #d17645
}

.pckg-box h6 {
  font-size: 20px;
  font-weight: 400;
  color: #bcbcbc;
  padding: 40px 0 10px
}

.pckg-box h4 {
  font-size: 75px;
  font-weight: 700;
  color: #000;
  letter-spacing: normal
}

.pckg-box h5,
.table-list h6 {
  font-size: 18px;
  font-weight: 400
}

.pckg-box h5 {
  line-height: 1.67;
  color: #585858;
  font-family: Inter
}

.pckg-box h5 span {
  font-weight: 700;
  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;
  background: #f29f72;
  border: 2px solid #f29f72;
  color: #000
}

.pckg-box .btns_group a.chat-btn i,
.pckg-box .btns_group a.chat-btn:hover,
.pckg-box .btns_group a.getstarted:hover {
  color: #f29f72
}

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

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

.silver-pckg .btns_group a.chat-btn i,
.silver-pckg .btns_group a.chat-btn:hover,
.silver-pckg .btns_group a.getstarted:hover,
.silver-pckg h2,
.silver-pckg ul li i {
  color: #c1cee3
}

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

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

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

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

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

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

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

.gold-pckg .btns_group a.chat-btn i,
.gold-pckg .btns_group a.chat-btn:hover,
.gold-pckg .btns_group a.getstarted:hover {
  color: #ffdc91
}

.gold-pckg .btns_group a.chat-btn:after {
  background: #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 {
  width: 20%
}

.table-list h6 {
  font-family: 'Coolvetica Rg';
  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
}

.landing .btns_group a.chat-btn i,
.landing .btns_group a.chat-btn:hover,
.landing .btns_group a.getstarted:hover,
.landing .gettouch a:hover,
.landing .mainCont ul>li:before,
.landing .revBtns a.getstarted:hover,
.landing .revBtns p:hover a,
.landing .servWrp .pack-btns a:first-child:hover,
.landing .servWrp a+a,
.landing .servWrp a:hover,
.landing .tstRtng span i,
.landing ul.catmenu>li a:hover,
.landing ul.phnchat>li a:hover,
.landing ul.phnchat>li.last a i {
  color: #2cbc63
}

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

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

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

.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
}

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

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

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

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

ul.servList li {
  position: relative;
  transition: .4s ease-in-out
}

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

ul.accordion-list li div.answer p+p {
  margin-top: 0 !important
}

.gettouch .revBtns p {
  display: none;
}

a,
body,
p {
  color: #585858
}

.cstm-modal-body,
.pad-sec,
.pad-zero,
ul.slick-dots li {
  padding: 0
}

.pad-zero,
body {
  overflow-x: hidden
}

.mn-hd h4,
a,
p {
  font-weight: 400
}

.mainBanner:after,
.mainCont ul>li:before,
header {
  top: 0;
  position: absolute
}

.btns_group a.getstarted,
.revBtns a.getstarted {
  line-height: 41px;
  padding: 4px 35px;
  text-align: center
}

.btns_group a.chat-btn i,
.revBtns a.getstarted,
.revBtns p,
.trstWrp ul,
ul.phnchat>li a i,
ul.slick-dots li {
  vertical-align: middle
}

.blog .profsSec .mn-hd,
.blog .profsSec .para p,
.blog .profsSec .profsSec .para,
.ctaimg .revBtns,
.ecommerce .profsSec .mn-hd,
.ecommerce .profsSec .para p,
.ecommerce .profsSec .profsSec .para,
.industry .profsSec .mn-hd,
.industry .profsSec .para p,
.industry .profsSec .profsSec .para,
.landing .profsSec .mn-hd,
.landing .profsSec .para p,
.landing .profsSec .profsSec .para,
.porWrp,
.profsSec .mn-hd,
.profsSec .para p,
.rev-rtng,
.revBtns a.getstarted,
.web-redesign .profsSec .mn-hd,
.web-redesign .profsSec .para p,
.web-redesign .profsSec .profsSec .para,
.wordpress .profsSec .mn-hd,
.wordpress .profsSec .para p,
.wordpress .profsSec .profsSec .para,
ul.slick-dots {
  text-align: center
}

.revBtns p,
.revWrp .revDetal {
  margin-left: 20px;
  display: inline-block
}

.maintg,
.ovr-hiddn {
  overflow: hidden
}

:root {
  --primary_color: #932987;
  --secondary_color: #0A0A2D
}

#myBtn {
  position: fixed;
  bottom: 70px;
  right: 5px;
  z-index: 99;
  font-size: 18px;
  border: none;
  outline: 0;
  background: transparent linear-gradient(74deg, var(--primary_color) 0, var(--secondary_color) 100%);
  color: #fff;
  cursor: pointer;
  padding: 15px;
  border-radius: 4px
}

#myBtn:hover {
  background: transparent linear-gradient(278deg, var(--primary_color) 0, var(--secondary_color) 100%)
}

::selection {
  background: var(--secondary_color);
  color: var(--primary_color);
  text-shadow: none
}

.colr {
  filter: hue-rotate(46deg)
}

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

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

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

::-webkit-scrollbar-thumb:vertical {
  border-radius: 2px;
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
  background: transparent linear-gradient(74deg, var(--primary_color) 0, var(--secondary_color)) 100%
}

body {
  font-size: 16px;
  line-height: 1;
  font-family: Inter, sans-serif;
  scroll-behavior: smooth;
  position: relative;
  background: #ededed
}

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

a,
input[type=submit],
span,
ul.slick-dots li {
  display: inline-block
}

*,
:focus,
:hover {
  outline: 0 !important
}

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

a,
input[type=submit] {
  -webkit-transition: .4s ease-in-out;
  -moz-transition: .4s ease-in-out;
  -o-transition: .4s ease-in-out;
  transition: .4s ease-in-out;
  cursor: pointer
}

a,
p {
  font-size: 18px
}

.bold,
.mmpopup .centercont h4 span,
strong {
  font-weight: 700
}

.slick-list {
  margin: 0 -15px
}

.slick-slide {
  margin: 0 15px
}

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

ul.slick-dots li {
  margin: 0 12px 0 0;
  border: none;
  border-radius: 50%;
  width: 15px;
  height: 15px
}

#EightForm,
#FifthForm,
#FourthForm,
#LastForm,
#SeventhForm,
#SixthForm,
#ThirdForm,
#secondForm,
.centercont h4 span>span,
.icn-tooltip:after,
.mmpopup .centercont h4 span del,
[class^=box-],
ul.procsList>li.last:after,
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: 0;
  border-radius: 50%;
  box-sizing: border-box
}

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

ul.procsList>li.last,
ul.slick-dots li.last {
  margin-right: 0
}

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

.mainBanner,
section.reviewCta,
section.reviewCta:before {
  background-repeat: no-repeat
}

::-webkit-input-placeholder {
  color: rgba(0, 0, 0, .5)
}

::-moz-placeholder {
  color: rgba(0, 0, 0, .5)
}

:-ms-input-placeholder {
  color: rgba(0, 0, 0, .5)
}

:-moz-placeholder {
  color: rgba(0, 0, 0, .5)
}

.pad-l-zero,
.spacialSec .ratings {
  padding-left: 0
}

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

.btns_group,
.mn-hd {
  margin-bottom: 20px
}

.mn-hd h4 {
  font-size: 38px;
  line-height: 38px;
  color: #2d2d2d
}

.mn-hd h4 span {
  font-weight: 600;
  font-size: 14px;
  line-height: 17px;
  color: #444;
  font-family: Inter;
  display: block;
  margin-bottom: 10px
}

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

header {
  transition: .4s ease-in-out;
  padding: 20px 0;
  width: 100%;
  z-index: 1
}

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

.logo img {
  display: block;
  width: 300px;
  height: 60px;
  object-fit: contain;
  transform: translateX(-80px)
}

.trstWrp p,
.trstWrp ul,
.trstWrp ul li,
ul.phnchat>li {
  display: inline-block
}

ul.phnchat>li {
  margin-left: 30px
}

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

ul.phnchat>li a i {
  margin-right: 7px
}

ul.phnchat>li a:hover,
ul.phnchat>li.last a i {
  color: #fd6925
}

.dragger {
  animation: 3s linear infinite tilt
}

@keyframes tilt {

  0%,
  100% {
    transform: translateY(0)
  }

  50% {
    transform: translateY(22px)
  }
}

.mainBanner {
  position: relative;
  background-size: contain;
  background-position: 85% 100%;
  height: 690px;
  display: flex;
  align-items: center;
  padding-top: 5%
}

.mainBanner:after {
  content: '';
  background-image: url(../images/after.webp);
  right: 16%;
  width: 393px;
  height: 666px;
  z-index: -1
}

.mainCont {
  padding-top: 48px
}

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

.mainCont p {
  line-height: 30px;
  margin-bottom: 25px
}

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

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

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

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

.btns_group a.getstarted {
  background: #d65f32;
  border-radius: 6px;
  color: #fff;
  text-transform: uppercase;
  margin-right: 20px;
  border: 2px solid #d65f32;
  position: relative;
  z-index: 0
}

.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 {
  margin-right: 10px;
  color: var(--primary_color);
  font-weight: 500
}

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

.revWrp .revDetal ul>li span,
.trstWrp p {
  font-weight: 600;
  font-size: 16px;
  line-height: 19px
}

.revBtns a.getstarted,
.servWrp a {
  text-transform: uppercase;
  background: #d65f32
}

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

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

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

section.trustedSec {
  padding-bottom: 80px
}

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

.trstWrp p {
  color: #8a8a8a;
  margin-right: 22px;
  width: 115px
}

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

.chseWrp img,
.ctaimg img,
.porWrp img,
.rev-rtng p span,
.revBtns p a,
[class^=box-].showfirst {
  display: block
}

.trstWrp ul li img {
  transition: .2s ease-in-out
}

.trstWrp ul li img:hover {
  filter: brightness(.5) drop-shadow(0px 4px 0px #ccc)
}

section.webdesignSec {
  padding-bottom: 40px
}

.designSliderWrp {
  margin-top: 20px
}

.porWrp {
  transition: 1.8s;
  padding: 0 0 15px
}

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

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

ul.designSlider {
  margin-bottom: 25px
}

.monialSlider,
ul.designSlider_two {
  margin-bottom: 35px
}

.chsServ {
  margin-bottom: 50px;
  margin-top: 30px
}

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

.chseWrp img {
  margin-bottom: 25px;
  max-width: 18%
}

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

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

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

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

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

section.reviewCta:after,
ul.procsList>li:after {
  background-repeat: no-repeat;
  right: -15px;
  top: 0
}

section.reviewCta:after {
  content: '';
  background-image: url(../images/cta-after.webp);
  position: absolute;
  width: 42%;
  height: 500px;
  background-size: cover;
  z-index: -1
}

.revBtns a.getstarted,
.revWrp,
.servWrp a,
.testimoniaWrp {
  z-index: 0;
  position: relative
}

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

.revBtns a.getstarted {
  border-radius: 6px;
  font-weight: 600;
  font-size: 16px;
  color: #fff;
  border: 2px solid #d65f32
}

.blog .servWrp .pack-btns a:first-child i,
.ecommerce .servWrp .pack-btns a:first-child i,
.industry .servWrp .pack-btns a:first-child i,
.landing .servWrp .pack-btns a:first-child i,
.revBtns a.getstarted i,
.web-redesign .servWrp .pack-btns a:first-child i,
.wordpress .servWrp .pack-btns a:first-child i {
  margin-left: 10px
}

.revBtns p {
  font-weight: 500;
  font-size: 13px;
  line-height: 16px;
  color: #8f9196;
  text-align: left;
  transition: .4s
}

.revBtns p i {
  color: var(--primary_color);
  margin-left: 12px
}

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

.revBtns p a {
  margin-top: 5px
}

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

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

.revWrp {
  font-size: 0;
  padding-bottom: 100px
}

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

.revWrp .revDetal {
  vertical-align: top;
  position: relative;
  width: calc(100% - 140px)
}

.revWrp .revDetal:after,
.testimoniaWrp:after {
  background-image: url(../images/quote.webp);
  width: 180px;
  height: 180px;
  filter: brightness(.9);
  position: absolute;
  z-index: -1;
  content: ''
}

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

.revWrp .revDetal p {
  font-weight: 500;
  font-size: 14px;
  line-height: 23px;
  color: #484848;
  margin-bottom: 10px;
  letter-spacing: -.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
}

.revWrp .revDetal ul>li span {
  color: #333;
  display: block
}

.revWrp .revDetal:after {
  background-repeat: no-repeat;
  right: -90px;
  top: 23px
}

.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.faqSEc,
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:after {
  content: '';
  width: 15px;
  height: 18px;
  position: absolute;
  background-size: contain;
  bottom: 0;
  margin: auto
}

.prcsWrp h5 {
  font-weight: 700;
  font-size: 48px;
  line-height: 58px;
  color: var(--primary_color);
  font-family: Inter
}

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

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: #333;
  margin-bottom: 20px;
  text-align: center
}

.servWrp a,
.servWrp p {
  font-size: 16px;
  text-align: center
}

.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;
  line-height: 22px;
  color: #797979;
  margin-bottom: 30px;
  height: 90px
}

.servWrp ul {
  margin-bottom: 25px;
  height: 190px;
  overflow-y: scroll
}

.servWrp ul>li {
  font-weight: 400;
  font-size: 14px;
  color: #666;
  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: #d65f32;
  border-radius: 50%;
  color: #fff;
  font-size: 10px;
  display: flex;
  justify-content: center;
  align-items: center
}

.servWrp a {
  border-radius: 6px;
  font-weight: 600;
  color: #fff;
  line-height: 41px;
  border: 2px solid #d65f32;
  padding: 4px 35px
}

.servWrp a+a {
  background: no-repeat;
  color: #d65f32;
  border: none;
  border-bottom: 1px solid;
  padding: 0;
  line-height: 1.6em;
  font-weight: 400;
  border-radius: 0;
  margin-left: 18px;
  font-size: 14px
}

.servWrp a+a:hover,
ul.procsList>li.last {
  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;
  color: #fff;
  width: 79px;
  height: 26px;
  background: transparent linear-gradient(74deg, var(--primary_color) 0, var(--secondary_color) 100%);
  border-radius: 5px;
  text-align: center;
  padding: 3px 0
}

section.profsSec {
  position: relative;
  padding-bottom: 40px;
}

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,
.reviewCta1 .cta-txt ul {
  margin: 30px 0 40px
}

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

.testimoniaWrp:after {
  right: 0;
  top: 0
}

#myFormTwo input[type=submit],
.popup-content #myForm a:not(.form-bottom-content .first.last a),
.popup-content .one-step-back,
ul.social>li a:hover {
  background: transparent linear-gradient(74deg, var(--primary_color) 0, var(--secondary_color) 100%)
}

.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
}

ul.accordion-list,
ul.accordion-list li,
ul.accordion-list li div.answer {
  width: 100%;
  height: auto;
  display: block
}

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

.testimoniaWrp p {
  font-weight: 400;
  font-size: 16px;
  line-height: 23px;
  letter-spacing: .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;
  color: #7c7c7c
}

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

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

.clt-box img:hover {
  filter: grayscale(0);
  scale: 1.2
}

ul.accordion-list {
  position: relative;
  padding: 20px;
  margin: 0;
  list-style: none
}

ul.accordion-list li {
  position: relative;
  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;
  color: #333;
  padding-right: 30px
}

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

ul.accordion-list li div.answer {
  position: relative;
  margin: 0;
  padding: 0 100px 0 0;
  cursor: pointer
}

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

section.categrSec {
  padding: 50px 0;
  background: #f7f7f791;
  display: none
}

ul.catmenu {
  margin-top: 30px
}

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;
  color: #191919;
  font-family: Inter
}

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

.copyright p,
.copyright p a {
  font-size: 12px;
  line-height: 15px;
  font-weight: 400
}

footer {
  padding: 30px 0;
  border-top: 1px solid #f7f7f791
}

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

.copyright p {
  color: #676767
}

.copyright p a {
  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 {
  color: #fff
}

.gettouchRight,
ul.catmenu.catmenuCenter,
ul.catmenu.catmenuRight {
  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: .5s;
  z-index: -1
}

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

.btns_group a.getstarted:hover,
.revBtns a.getstarted:hover,
.servWrp a:hover {
  color: #d65f32;
  transition: .6s
}

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

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

.blog .btns_group a.getstarted:hover,
.blog .revBtns a.getstarted:hover,
.blog .servWrp .pack-btns a:first-child:hover,
.blog .servWrp a:hover,
.btns_group a.chat-btn:hover,
.gettouch a:hover,
.revBtns p:hover a,
ul.catmenu>li a:hover {
  color: #fb46b7
}

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

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

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

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

.comlogo img {
  margin: 0 58px
}

.form-bottom-content .first.last a {
  color: #000;
  font-size: 15px;
  margin: 150px 0 0;
  transition: .2s ease-in-out
}

.form-bottom-content .first.last a:hover {
  background: var(--primary_color);
  color: #fff;
  padding: 0 10px
}

.ecommerce .servWrp .pack-btns a:first-child,
.web-redesign .servWrp .pack-btns a:first-child,
.wordpress .servWrp .pack-btns a:first-child {
  font-weight: 600;
  text-transform: uppercase;
  text-align: center;
  line-height: 41px;
  z-index: 0;
  padding: 4px 35px
}

.popup #myForm {
  display: flex;
  flex-direction: column;
  gap: 20px
}

.popup-content #myForm a:not(.form-bottom-content .first.last a) {
  font-weight: 700;
  padding: 17px 0;
  border: 1px solid var(--primary_color)
}

#myFormTwo input[type=submit]:hover,
.popup-content #myForm a:not(.form-bottom-content .first.last a):hover,
.popup-content .one-step-back:hover {
  background: transparent linear-gradient(279deg, var(--primary_color) 0, var(--secondary_color) 100%)
}

.popup-content h2 {
  font-size: 24px;
  line-height: 40px;
  color: #333;
  font-weight: 700;
  letter-spacing: 1.5px;
  margin-top: 30px
}

.popup-content p {
  font-size: 16px;
  color: #b1b1b1;
  margin-bottom: 30px
}

#myFormTwo .website-name-inp {
  border: 1px solid var(--primary_color);
  height: 60px;
  padding: 0 10px
}

.popup-content .one-step-back {
  opacity: 1;
  padding: 19px;
  margin: 0 30px;
  width: 91%;
  font-size: 16px;
  border-radius: 4px;
  color: #fff;
  font-family: Inter;
  font-weight: 500
}

#ErrorspanMsg,
#messageError {
  color: red;
  font-style: italic;
  font-size: 13px;
  text-align: right;
  background: #ffe1e1;
  font-weight: 400
}

#myFormTwo {
  display: flex;
  flex-direction: column
}

#myFormTwo #message::placeholder {
  color: #b1b1b1;
  font-size: 14px;
  font-family: Inter;
  letter-spacing: .8px;
  font-weight: 300
}

#myFormTwo #message {
  border: 1px solid var(--primary_color);
  border-radius: 3px;
  padding: 10px;
  resize: none
}

#messageTwo,
#myForm,
.cstm-modal-content .form-header {
  padding: 10px
}

#messageTwo::placeholder {
  color: #b1b1b1;
  font-size: 14px;
  font-family: Inter;
  letter-spacing: .8px;
  font-weight: 300
}

#myFormTwo input[type=submit] {
  padding: 20px;
  color: #fff;
  font-size: 16px;
  font-weight: 600;
  font-family: Inter;
  letter-spacing: .7px
}

.popup {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, .5);
  z-index: 999
}

.popup-content {
  width: 740px;
  padding: 40px 10px 0;
  border-radius: 8px;
  box-shadow: 0 0 10px rgba(0, 0, 0, .2);
  position: relative;
  margin: auto;
  top: 150px;
  text-align: center;
  background: #ffffffd6;
  backdrop-filter: blur(5px)
}

.close,
ul.colasebar>li,
ul.colasebar>li span {
  background: 0 0
}

.close {
  position: absolute;
  top: 10px;
  right: 10px;
  font-size: 30px;
  border: none;
  cursor: pointer
}

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

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

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

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

.faqSec,
.featureSec h3,
.maintg:before {
  background: #effcf9
}

.icn-tooltip i {
  margin: 0 0 0 4px
}

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

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

ul.pkgDtl {
  height: 260px
}

.top-rated {
  z-index: 1
}

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

.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
}

.rattag {
  font-style: italic
}

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

.recapta-body .captcha-content h2,
.recapta-body .captcha-content p,
.reviewCta1 .btns_group .chat-btn,
a.banner-btn:hover {
  color: #fff
}

.whyChooseSec {
  padding: 30px 0 50px
}

.maintg {
  position: relative
}

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

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

.faqSec {
  padding: 90px 0
}

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

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

label.error,
ul.featureIcons>li .tooltip {
  display: none !important
}

.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 25px 0 0
}

.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
}

.mmpopup .formpop {
  padding-right: 30px;
  width: 66%;
  padding-top: 20px;
  padding-left: 12%
}

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

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

.fld-input input {
  width: 100%;
  height: 100%;
  padding: 0 24px;
  font-size: 16px;
  letter-spacing: .2px
}

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

.mmpopup .fld-btn button {
  width: 100%;
  height: 50px;
  font-size: 15px;
  line-height: 20px;
  background: #d65f32;
  color: #fff
}

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

.blog .mainCont h4,
.pckg-box h6,
.portfolio-nav li a {
  text-transform: capitalize
}

.formpop h4 {
  color: #000;
  font-size: 28px;
  margin-bottom: 10px
}

button,
input[type].error,
select.error,
textarea.error {
  background: #ffeaea
}

.formpop p {
  font-size: 16px;
  line-height: initial;
  margin-bottom: 10px
}

.pckg-box h2,
.reviewCta1 .cta-txt h4 {
  font-family: 'Coolvetica Rg';
  font-size: 40px;
  font-weight: 400
}

.pckg-box h4,
.pckg-box h6 {
  line-height: normal;
  font-family: Inter
}

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

.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, .1);
  border: 1px solid #fff;
  background-color: #fff;
  width: 100%;
  height: 167px;
  display: flex;
  justify-content: center;
  align-items: center
}

.web-redesign .servWrp ul>li span,
.wordpress .servWrp ul>li span {
  width: 15px;
  height: 15px;
  font-size: 10px;
  display: flex;
  justify-content: center
}

.ecommerce .mainCont h4,
.web-redesign .mainCont h4,
.wordpress .mainCont h4 {
  line-height: 1.25
}

.blog .mainCont h4 span,
.ecommerce .mainCont h4 span,
.industry .mainCont h4 span,
.landing .mainCont h4 span,
.web-redesign .mainCont h4 span,
.wordpress .mainCont h4 span {
  font-size: 20px;
  letter-spacing: 1.5px;
  display: block;
  text-transform: uppercase
}

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

.web-redesign .btns_group a.chat-btn i,
.web-redesign .btns_group a.chat-btn:hover,
.web-redesign .btns_group a.getstarted:hover,
.web-redesign .gettouch a:hover,
.web-redesign .mainCont ul>li:before,
.web-redesign .revBtns a.getstarted:hover,
.web-redesign .revBtns p:hover a,
.web-redesign .servWrp .pack-btns a:first-child:hover,
.web-redesign .servWrp a+a,
.web-redesign .servWrp a:hover,
.web-redesign ul.catmenu>li a:hover,
.web-redesign ul.phnchat>li a:hover,
.web-redesign ul.phnchat>li.last a i {
  color: #18b095
}

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

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

.web-redesign .servWrp .pack-btns a:first-child {
  background: #18b095;
  border-radius: 6px;
  font-size: 16px;
  color: #fff;
  border: 2px solid #18b095;
  position: relative
}

.web-redesign .servWrp ul>li span {
  background: #18b095;
  border-radius: 50%;
  color: #fff;
  align-items: center
}

.cd-image-container {
  position: relative;
  width: 100%;
  margin: auto
}

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

.cd-resize-img,
.cd-resize-img img {
  top: 0;
  height: 100%;
  position: absolute;
  left: 0
}

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

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

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

.cd-resize-img {
  width: 0;
  overflow: hidden;
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden
}

.cd-resize-img img {
  display: block;
  width: auto;
  max-width: none
}

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

.is-visible .cd-resize-img {
  width: 50%;
  -webkit-animation: .7s cd-bounce-in;
  -moz-animation: .7s cd-bounce-in;
  animation: .7s cd-bounce-in
}

@-webkit-keyframes cd-bounce-in {
  0% {
    width: 0
  }

  60% {
    width: 55%
  }

  100% {
    width: 50%
  }
}

@-moz-keyframes cd-bounce-in {
  0% {
    width: 0
  }

  60% {
    width: 55%
  }

  100% {
    width: 50%
  }
}

@keyframes cd-bounce-in {
  0% {
    width: 0
  }

  60% {
    width: 55%
  }

  100% {
    width: 50%
  }
}

.cd-handle {
  position: absolute;
  height: 44px;
  width: 44px;
  left: 50%;
  top: 50%;
  margin-left: -22px;
  margin-top: -22px;
  border-radius: 50%;
  background: url("../images/web-redesign/handle.html") center center no-repeat #000;
  cursor: move;
  box-shadow: 0 0 0 6px rgba(0, 0, 0, .2), 0 0 10px rgba(0, 0, 0, .6), inset 0 1px 0 rgba(255, 255, 255, .3);
  opacity: 0;
  -webkit-transform: translate3d(0, 0, 0) scale(0);
  -moz-transform: translate3d(0, 0, 0) scale(0);
  -ms-transform: translate3d(0, 0, 0) scale(0);
  -o-transform: translate3d(0, 0, 0) scale(0);
  transform: translate3d(0, 0, 0) scale(0)
}

.cd-handle.draggable {
  background-color: #445b7c
}

.is-visible .cd-handle {
  opacity: 1;
  -webkit-transform: translate3d(0, 0, 0) scale(1);
  -moz-transform: translate3d(0, 0, 0) scale(1);
  -ms-transform: translate3d(0, 0, 0) scale(1);
  -o-transform: translate3d(0, 0, 0) scale(1);
  transform: translate3d(0, 0, 0) scale(1);
  -webkit-transition: -webkit-transform .3s .7s, opacity 0s .7s;
  -moz-transition: -moz-transform .3s .7s, opacity 0s .7s;
  transition: transform .3s .7s, opacity 0s .7s
}

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

.wordpress .btns_group a.chat-btn i,
.wordpress .btns_group a.chat-btn:hover,
.wordpress .btns_group a.getstarted:hover,
.wordpress .gettouch a:hover,
.wordpress .mainCont ul>li:before,
.wordpress .revBtns a.getstarted:hover,
.wordpress .revBtns p:hover a,
.wordpress .servWrp .pack-btns a:first-child:hover,
.wordpress .servWrp a+a,
.wordpress .servWrp a:hover,
.wordpress .tstRtng span i,
.wordpress ul.catmenu>li a:hover,
.wordpress ul.phnchat>li a:hover,
.wordpress ul.phnchat>li.last a i {
  color: #f24e62
}

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

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

.wordpress .servWrp .pack-btns a:first-child {
  background: #f24e62;
  border-radius: 6px;
  font-size: 16px;
  color: #fff;
  border: 2px solid #f24e62;
  position: relative
}

.wordpress .servWrp ul>li span {
  background: #f24e62;
  border-radius: 50%;
  color: #fff;
  align-items: center
}

.blog .servWrp ul>li span,
.ecommerce .servWrp ul>li span {
  justify-content: center;
  width: 15px;
  height: 15px;
  font-size: 10px;
  display: flex
}

.ecommerce .chseWrp,
.wordpress .chseWrp {
  padding: 45px 15px;
  height: 380px;
  transition: .5s;
  box-shadow: 0 4px 10px 2px rgb(176 176 176 / 14%);
  background-color: #fff;
  text-align: center
}

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

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

.ecommerce .btns_group a.chat-btn i,
.ecommerce .btns_group a.chat-btn:hover,
.ecommerce .btns_group a.getstarted:hover,
.ecommerce .gettouch a:hover,
.ecommerce .mainCont ul>li:before,
.ecommerce .revBtns a.getstarted:hover,
.ecommerce .revBtns p:hover a,
.ecommerce .servWrp .pack-btns a:first-child:hover,
.ecommerce .servWrp a+a,
.ecommerce .servWrp a:hover,
.ecommerce .tstRtng span i,
.ecommerce ul.catmenu>li a:hover,
.ecommerce ul.phnchat>li a:hover,
.ecommerce ul.phnchat>li.last a i {
  color: #e7865e
}

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

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

.ecommerce .servWrp .pack-btns a:first-child {
  background: #e7865e;
  border-radius: 6px;
  font-size: 16px;
  color: #fff;
  border: 2px solid #e7865e;
  position: relative
}

.blog .btns_group a.chat-btn:after,
.close-aspire_modal button {
  background: var(--primary_color)
}

.ecommerce .servWrp ul>li span {
  background: #e7865e;
  border-radius: 50%;
  color: #fff;
  align-items: center
}

.blog .mainCont h4 {
  line-height: 1.25;
  letter-spacing: 1px
}

.autoForm_Aspire .submit-btn-sec a:hover,
.blog .btns_group a.chat-btn:hover,
.blog .gettouch a:hover,
.blog .mainCont ul>li:before,
.blog .revBtns p:hover a,
.blog ul.catmenu>li a:hover,
.blog ul.phnchat>li a:hover,
.blog ul.phnchat>li.last a i {
  color: var(--primary_color)
}

.blog .btns_group a.getstarted,
.blog .revBtns a.getstarted {
  background: transparent linear-gradient(74deg, var(--primary_color) 0, var(--secondary_color) 100%);
  border: 2px solid var(--primary_color)
}

.blog .servWrp .pack-btns a:first-child,
.industry .servWrp .pack-btns a:first-child {
  border-radius: 6px;
  font-size: 16px;
  text-align: center;
  font-weight: 600;
  line-height: 41px;
  z-index: 0;
  padding: 4px 35px;
  position: relative;
  text-transform: uppercase
}

.blog .servWrp .pack-btns a:first-child,
.blog .servWrp ul>li span {
  background: transparent linear-gradient(74deg, var(--primary_color) 0, var(--secondary_color) 100%);
  color: #fff
}

.blog .servWrp a+a,
.blog .tstRtng span i {
  color: #d65f32
}

.blog .servWrp .pack-btns a:first-child {
  border: 2px solid var(--primary_color);
  left: 10px;
  top: -10px;
}

.blog .servWrp ul>li span {
  border-radius: 50%;
  align-items: center
}

.blog ul.procsList>li:after {
  background-image: url(../images/blog/prcs-after.webp);
  filter: hue-rotate(45deg)
}

.industry .mainCont h4,
.landing .mainCont h4 {
  line-height: 1.25;
  text-transform: capitalize
}

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

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

.gold-pckg h2,
.gold-pckg ul li i,
.industry .btns_group a.chat-btn i,
.industry .btns_group a.chat-btn:hover,
.industry .btns_group a.getstarted:hover,
.industry .gettouch a:hover,
.industry .revBtns a.getstarted:hover,
.industry .revBtns p:hover a,
.industry .servWrp .pack-btns a:first-child:hover,
.industry .servWrp a+a,
.industry .servWrp a:hover,
.industry .tstRtng span i,
.industry ul.catmenu>li a:hover,
.industry ul.phnchat>li a:hover,
.industry ul.phnchat>li.last a i {
  color: #f2b84c
}

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

.industry .servWrp .pack-btns a:first-child {
  background: #f2b84c;
  color: #fff;
  border: 2px solid #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 .mn-hd h4 span,
.landing .webdesignSec .mn-hd h4 span {
  text-transform: uppercase
}

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

.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: 400;
  text-align: center;
  color: #000
}

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

.pckg-list>li,
.table-list li {
  display: inline-block;
  vertical-align: top
}

.reviewCta1 {
  background-color: #021639
}

.reviewCta1 .cta-txt h4 {
  line-height: 1.25;
  color: #fff;
  padding: 30px 0 0
}

.reviewCta1 .cta-txt li {
  font-size: 20px;
  font-weight: 400;
  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 {
  width: 33.33%
}

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

.pckg-box h2 {
  color: #d17645
}

.pckg-box h6 {
  font-size: 20px;
  font-weight: 400;
  color: #bcbcbc;
  padding: 40px 0 10px
}

.pckg-box h4 {
  font-size: 75px;
  font-weight: 700;
  color: #000;
  letter-spacing: normal
}

.pckg-box h5,
.table-list h6 {
  font-size: 18px;
  font-weight: 400
}

.pckg-box h5 {
  line-height: 1.67;
  color: #585858;
  font-family: Inter
}

.pckg-box h5 span {
  font-weight: 700;
  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;
  background: #f29f72;
  border: 2px solid #f29f72;
  color: #000
}

.pckg-box .btns_group a.chat-btn i,
.pckg-box .btns_group a.chat-btn:hover,
.pckg-box .btns_group a.getstarted:hover {
  color: #f29f72
}

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

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

.silver-pckg .btns_group a.chat-btn i,
.silver-pckg .btns_group a.chat-btn:hover,
.silver-pckg .btns_group a.getstarted:hover,
.silver-pckg h2,
.silver-pckg ul li i {
  color: #c1cee3
}

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

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

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

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

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

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

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

.gold-pckg .btns_group a.chat-btn i,
.gold-pckg .btns_group a.chat-btn:hover,
.gold-pckg .btns_group a.getstarted:hover {
  color: #ffdc91
}

.gold-pckg .btns_group a.chat-btn:after {
  background: #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 {
  width: 20%
}

.table-list h6 {
  font-family: 'Coolvetica Rg';
  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
}

.landing .btns_group a.chat-btn i,
.landing .btns_group a.chat-btn:hover,
.landing .btns_group a.getstarted:hover,
.landing .gettouch a:hover,
.landing .mainCont ul>li:before,
.landing .revBtns a.getstarted:hover,
.landing .revBtns p:hover a,
.landing .servWrp .pack-btns a:first-child:hover,
.landing .servWrp a+a,
.landing .servWrp a:hover,
.landing .tstRtng span i,
.landing ul.catmenu>li a:hover,
.landing ul.phnchat>li a:hover,
.landing ul.phnchat>li.last a i {
  color: #2cbc63
}

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

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

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

.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
}

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

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

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

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

ul.servList li {
  position: relative;
  transition: .4s ease-in-out
}

.c-heading {
  position: absolute;
  top: 4px;
  right: 5px;
}

ul.accordion-list li div.answer p+p {
  margin-top: 0 !important
}

.gettouch .revBtns p {
  display: none;
}

.contact-formWrapper {
    display: none;
}

.contact-formWrapper.contact-formWrapper--thanks {
    padding: 4rem
}

.contact-formWrapper {
    color: #fff;
    background: transparent linear-gradient(74deg, var(--primary_color) 0, var(--secondary_color) 100%);
    border: 3px solid var(--color-primary);
    border-radius: 1.75rem;
    position: relative;
    padding: 1.5rem 1.25rem
}

.contact-formWrapper>.heading {
    font-size: 2.15rem;
    font-weight: 600;
    line-height: 1.25;
    max-width: 85%;
    margin-bottom: 1.25rem
}

.contact-formWrapper p {
    font-size: 1rem;
    font-weight: 400;
    text-align: center;
    margin: 1rem 0;
    cursor: pointer
}

.contact-form__fields {
    margin: .5rem .45rem
}
.contact-form__fields button{
        text-transform: uppercase;
        border-radius: .35rem;
        padding: .65rem 3rem;
        background: #000;
        color: #fff;
        width: 100%;
}

.contact-form__fields :is( input:not([type=file],[type=checkbox]),textarea,select,.contact-form__fields--file > label ) {
    width: 100%;
    background: #fff;
    border: none;
    outline: 0;
    border-radius: .25rem;
    padding: .75rem 1rem;
    margin: 0;
    resize: none
}

.contact-form__fields :is(input,textarea,select)::placeholder,.contact-form__fields :is(input,textarea,select,.contact-form__fields--file > label) {
    color: #000!important;
    font-size: .9rem;
    font-weight: 400
}

.contact-form__fields--file>label {
    width: 100%;
    position: relative;
    border: 2px dashed var(--color-primary)!important;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: .5rem;
    cursor: pointer;
    padding: .6rem 1rem!important
}

.contact-form__fields--check>input,.contact-form__fields--file>label>input {
    display: none
}

.contact-form__fields--file>label>i,.goUp i {
    font-size: 1.75rem
}

.contact-form__fields--check {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 1rem
}

.contact-form__fields--check label {
    position: relative;
    user-select: none;
    font-size: .9rem;
    font-weight: 400;
    cursor: pointer;
    padding-left: 1.75rem;
    margin-bottom: 0
}

.contact-form__fields--check label::before {
    content: "";
    width: 1.25rem;
    height: 1.25rem;
    position: absolute;
    top: 0;
    left: 0;
    background: 0 0;
    border: 1px solid #fff
}

.contact-form__fields--check label::after {
    content: "\ea41";
    font-family: boxicons!important;
    width: 1.25rem;
    height: 1.25rem;
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 15px;
    font-weight: 900;
    background: var(--color-primary);
    transform: scale(0);
    transition: .3s cubic-bezier(.68, -.55, .265, 1.55)
}

.contact-form__fields--check>input:checked+label::after {
    transform: scale(1)
}

.contact-form__fields button:not(.themeBtn) {
    width: 100%;
    color: #fff;
    font-size: 1.15rem;
    letter-spacing: 1px;
    font-weight: 600;
    border: none;
    background: var(--color-primary);
    padding: 1rem;
    text-align: center;
    text-transform: uppercase
}


@media (max-width:1440px) {
  section.reviewCta:before {
    width: 270px;
    height: 495px
  }

  .popup-content {
    top: 70px
  }

  section.reviewCta:after {
    width: 39%;
    height: 73%;
    right: 0
  }
}

@media (max-width:1200px) {
  section.reviewCta:after {
    width: 45.2%;
    right: 0
  }

  .pckg-list>li {
    width: 50%;
    margin-bottom: 1rem
  }

  ul.servList {
    display: grid;
    height: fit-content !important;
    grid-template-columns: repeat(3, 1fr);
    gap: 1rem
  }

  ul.servList>li {
    width: 100%
  }
}

@media (max-width:960px) {
  .mainBanner {
    margin-top: 3rem;
    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
  }

  .row .col-md-5,
  .row .col-md-7 {
    max-width: 100%;
    display: flex;
    justify-content: center;
    margin-bottom: 2rem
  }

  section.reviewCta:after,
  section.reviewCta:before {
    background: 0 0
  }

  .revWrp {
    background: #fff;
    padding: 1rem;
    border-radius: 10px
  }

  ul.servList {
    font-size: 0;
    margin-top: 35px;
    display: grid;
    gap: 2.5rem;
    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(2n) {
    border-right: 0
  }
}

@media (max-width:824px) {

  .imgbx,
  .para br,
  .revWrp,
  section.reviewCta:after,
  section.reviewCta:before,
  section.trustedSec,
  ul.procsList>li:after,
  .right-img-wrapper{
    display: none
  }
  .contact-formWrapper{
    display:block;
    margin-bottom: 30px;
  }

  .logo img,
  .revBtns p a,
  .servWrp a+a {
    display: inline-block
  }

  .mmpopup .formpop {
    width: 100%
  }

  div#popuppack {
    width: 90%
  }

  .revBtns p {
    border: 1px solid #fff;
    padding: 5px 35px !important;
    color: #fff;
    width: auto;
    display: flex;
    margin: 11px auto 0 !important;
    border-radius: 5px;
    flex-wrap: wrap;
    width: 89% !important;
    justify-content: center;
    flex-direction: column;
  }

  .gettouch .btn-ff {
    display: none
  }

  .gettouch .revBtns p {
    color: #000;
    border-color: #000;
    display: flex !important;
  }

  .gettouch .revBtns p a {
    color: #000;
  }

  .logo,
  .para,
  .trslpilot,
  h5,
  section.webdesignSec,
  ul.catmenu,
  ul.catmenu.catmenuCenter {
    text-align: center
  }

  .logo img {
    padding: 15px
  }

  .comlogo,
  .mainBanner,
  ul.procsList {
    display: block
  }

  ul.servList {
    gap: 1rem;
    height: fit-content !important;
    grid-template-columns: repeat(1, 1fr)
  }

  ul.servList>li {
    border-right: 0 !important
  }

  .client-list li {
    width: 50%
  }

  .client-list {
    margin: 30px -8px
  }

  .mainCont ul>li:before,
  .servWrp ul>li span {
    position: relative;
    margin-right: 5px
  }

  .mainCont ul>li,
  .servWrp ul>li {
    padding-left: 0
  }

  .servWrp a+a {
    width: 90%;
    border: 1px solid;
    border-radius: 5px;
    padding: 13px;
    margin: 12px 0 0
  }

  ul.procsList>li,
  ul.servList>li {
    padding: 0 10px;
    border: none;
    text-align: center
  }

  .compLogos img {
    display: block;
    width: auto;
    margin: 30px auto
  }

  .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;
    height: auto
  }

  .mainCont h4 {
    font-size: 35px;
    line-height: 40px;
    letter-spacing: 1px
  }

  .mainCont p {
    font-size: 17px;
    line-height: 24px
  }

  .btns_group a.getstarted,
  .themeBtn.getstarted{
    width: 92%;
    padding: 10px;
    height: auto;
    font-size: 19px;
    margin: 0 auto
  }

  .btns_group a.chat-btn {
    font-size: 18px;
    margin-top: 18px
  }

  .rtng p {
    font-size: 14px;
    line-height: 1.4em
  }

  .mn-hd h4 {
    text-align: center;
    text-transform: capitalize;
    line-height: 1.2em;
    font-size: 28px
  }

  .chseWrp {
    text-align: center;
    margin-top: 16px
  }

  .chseWrp img,
  .chseWrp svg {
    margin: 0 auto 20px
  }

  .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
  }

  .revBtns p i {
    margin-right: 8px
  }

  .ctaimg .revBtns {
    margin-top: 32px
  }

  ul.procsList>li {
    width: 90%;
    margin: 0 auto;
    display: block
  }

  ul.procsList>li+li {
    margin-top: 30px;
    padding-top: 30px;
    padding-bottom: 30px
  }

  ul.procsList>li.last {
    margin: auto
  }

  .prcsWrp h5 {
    margin-top: 13px
  }

  ul.servList>li {
    width: 90%;
    margin: 0 auto 50px;
    display: block
  }

  .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
  }

  .gettouch.gettouchRight,
  ul.catmenu.catmenuRight {
    text-align: center;
    display: block
  }

  .certi {
    text-align: center;
    margin: 20px 0
  }

  .copyright p {
    text-align: center;
    line-height: 2.4em
  }

  ul.social {
    text-align: center;
    margin: 18px 0 20px
  }

  .mainBanner:after {
    opacity: .2
  }
}

@media (max-width:767px) {
  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: fit-content
  }

  section.reviewCta {
    padding: 40px 0 0
  }

  .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
  }

  .popup-content {
    width: 460px;
    top: 70px
  }
}

@media (max-width:479px) {
  .recapta-body .captach-img img {
    width: 51px !important;
    height: 36px !important
  }

  .recapta-body .captach-img {
    left: 9px !important;
    top: 0 !important
  }

  .recapta-body .captcha-priv {
    display: none !important
  }

  .recapta-body:before {
    width: 50px !important
  }

  .recapta-body .captcha-content {
    margin: 0 !important
  }

  .recapta-body {
    left: -156px !important
  }

  .cstm-modal-content .form-img-wrapper img {
    display: none
  }

  .cstm-modal-content {
    width: 18rem !important
  }

  .form-right-sec {
    padding: 0 !important
  }

  #myForm .overall-fields {
    display: block !important
  }

  #myForm .overall-fields .fom-text-area-sec,
  #myForm .overall-fields .form-inp-sec {
    width: 100% !important
  }

  .cstm-btn-close {
    top: 0 !important;
    padding: 10px !important
  }

  .form-bottom-content .first.last a {
    margin: 90px 0 0
  }

  .popup-content {
    width: 310px
  }

  .popup-content #myForm a:not(.form-bottom-content .first.last a) {
    font-size: 14px
  }
}

.recapta-body {
  display: flex;
  align-items: center;
  justify-content: center;
  position: fixed;
  left: -215px;
  background: #2157f8;
  z-index: 23;
  bottom: 13px !important;
  padding: 5px 8px;
  cursor: pointer;
  transition: .4s ease-in-out
}

.recapta-body:hover {
  left: 0 !important
}

.recapta-body:before {
  content: '';
  position: absolute;
  top: 0;
  width: 79px;
  height: 100%;
  background: #fff;
  right: 0;
  box-shadow: 0 0 2px #2957ff
}

.recapta-body .captcha-content h2 {
  font-size: 13px;
  font-weight: 500;
  margin: 8px 0
}

.recapta-body .captcha-content p {
  font-size: 11px;
  margin: 6px 0;
  font-weight: 400
}

.recapta-body .captcha-content {
  margin: 2px 17px
}

.recapta-body .captach-img img {
  width: 95px;
  height: 44px;
  object-fit: contain
}

.recapta-body .captcha-priv {
  position: absolute;
  top: 44px;
  right: 18px
}

.recapta-body .captach-img {
  position: relative;
  left: 19px;
  top: -4px
}

.recapta-body .captcha-priv h6 {
  color: #000;
  font-size: 10px;
  font-weight: bolder
}

.autoForm_Aspire input {
  border: 1px solid #ccc;
  width: 100%;
  height: 45px;
  border-radius: 5px;
  padding: 10px 3px
}

.autoForm_Aspire textarea {
  border: 1px solid #ccc;
  width: 100%;
  border-radius: 5px;
  height: 100px;
  padding: 10px 3px
}

.autoForm_Aspire .submit-btn-sec button {
  width: 100%;
  background: transparent linear-gradient(73deg, var(--secondary_color) 0, var(--primary_color) 100%) 0 0 no-repeat padding-box;
  padding: 20px 0;
  border-radius: 5px;
  color: #fff;
  font-weight: 600;
  cursor: pointer;
  transition: .2s ease-in-out
}

.autoForm_Aspire .submit-btn-sec button:hover {
  letter-spacing: 1.5px;
  background: transparent linear-gradient(270deg, var(--secondary_color) 0, var(--primary_color) 100%) 0 0 no-repeat padding-box
}

.aspire-modal-title {
  font-size: 22px;
  font-weight: 100;
  font-family: arial
}

.autoForm_Aspire input::placeholder,
.autoForm_Aspire textarea::placeholder {
  font-size: 14px;
  padding: 3px 1px
}

.close-aspire_modal button {
  position: absolute;
  top: -8px;
  right: -8px;
  width: 40px;
  height: 40px;
  border-radius: 6px;
  cursor: pointer;
  color: #fff
}

.autoForm_Aspire .submit-btn-sec a {
  color: #000;
  text-align: center;
  width: 100%;
  font-size: 15px;
  margin: 10px 0
}

.cstm-modal-header,
.custm-auto-modal-header {
  border: 0;
  padding: 0
}

.cstm-modal-content {
  position: relative;
  overflow: hidden;
  padding: 30px 0;
  width: 56rem
}

.cstm-modal-content .form-img-wrapper {
  position: absolute;
  top: -46px;
  left: 0
}

.cstm-modal-content .form-img-wrapper img {
  width: 100%;
  height: 29.7rem;
  object-fit: cover;
  object-position: right
}

#myForm .overall-fields {
  display: flex;
  align-items: center;
  justify-content: space-between
}

#myForm .overall-fields .form-inp-sec input,
#myForm .overall-fields .form-inp-sec select {
  width: 100%;
  margin: 5px 0;
  height: 47px;
  border: 1px solid #ccccc9;
  color: #818181
}

#myForm .overall-fields .fom-text-area-sec textarea {
  height: 217px;
  width: 100%;
  resize: none;
  color: #818181;
  border: 1px solid #ccccc9
}

#myForm .overall-fields .form-inp-sec {
  width: 50%
}

#myForm .overall-fields .fom-text-area-sec {
  width: 45%
}

.cstm-modal-content .form-header h2,
.cstm-modal-content .form-header p {
  margin: 0;
  text-align: left
}

.form-right-sec {
  padding: 0 9px 0 30px
}

.cstm-btn-close {
  opacity: 1;
  position: absolute;
  top: 0;
  right: 0 !important;
  background-color: var(--primary_color);
  z-index: 29;
  padding: 14px 16px;
  cursor: pointer
}

.cstm-submit-btn,
ul.servList li:hover {
  background: transparent linear-gradient(73deg, var(--primary_color) 0, var(--secondary_color) 100%) 0 0 no-repeat padding-box
}

.cstm-btn-close:hover {
  background-color: var(--hover_color)
}

.cstm-submit-btn {
  text-transform: uppercase;
  font-size: 16px;
  padding: 20px 0;
  width: 100%;
  border-radius: 5px;
  color: #fff
}

.cstm-modal-content .form-header h2 {
  font-size: 32px;
  color: #000
}

.cstm-modal-content .form-header p {
  font-size: 14px;
  margin: 10px 0 0;
  color: #000
}

ul.servList li:hover {
  padding: 0 23px;
  border-radius: 17px
}

ul.servList li:hover .plan_listed li,
ul.servList li:hover .servWrp h5,
ul.servList li:hover .servWrp h5 span,
ul.servList li:hover .servWrp p {
  color: #fff !important
}

ul.servList li:hover .servWrp img {
  filter: invert(1);
  /*margin-bottom: 0;*/
  /*margin-top: 20px;*/
  /*transform: translateX(140px)*/
}

.plan-body img {
  /*transform: translate(150px, -6px)*/
}

@media (max-width:1440px) {
  section.reviewCta:before {
    width: 270px;
    height: 495px
  }

  .popup-content {
    top: 70px
  }

  section.reviewCta:after {
    width: 39%;
    height: 73%;
    right: 0
  }
}

@media (max-width:1200px) {
  section.reviewCta:after {
    width: 45.2%;
    right: 0
  }

  .pckg-list>li {
    width: 50%;
    margin-bottom: 1rem
  }

  ul.servList {
    display: grid;
    height: fit-content !important;
    grid-template-columns: repeat(3, 1fr);
    gap: 1rem
  }

  ul.servList>li {
    width: 100%
  }
}

@media (max-width:960px) {
  .mainBanner {
    margin-top: 3rem;
    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
  }

  .row .col-md-5,
  .row .col-md-7 {
    max-width: 100%;
    display: flex;
    justify-content: center;
    margin-bottom: 2rem
  }

  section.reviewCta:after,
  section.reviewCta:before {
    background: 0 0
  }

  .revWrp {
    background: #fff;
    padding: 1rem;
    border-radius: 10px
  }

  ul.servList {
    font-size: 0;
    margin-top: 35px;
    display: grid;
    gap: 2.5rem;
    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(2n) {
    border-right: 0
  }
}

@media (max-width:824px) {

  .imgbx,
  .para br,
  .revWrp,
  section.reviewCta:after,
  section.reviewCta:before,
  section.trustedSec,
  ul.procsList>li:after {
    display: none
  }

  .logo img,
  .revBtns p a,
  .servWrp a+a {
    display: inline-block
  }

  .mmpopup .formpop {
    width: 100%
  }

  div#popuppack {
    width: 90%
  }

  .revBtns p {
    border: 1px solid #fff;
    padding: 5px 35px !important;
    color: #fff;
    width: auto;
    display: flex;
    margin: 11px auto 0 !important;
    border-radius: 5px;
    flex-wrap: wrap;
    width: 89% !important;
    justify-content: center;
    flex-direction: column;
  }

  .gettouch .btn-ff {
    display: none
  }

  .gettouch .revBtns p {
    color: #000;
    border-color: #000;
    display: flex !important;
  }

  .gettouch .revBtns p a {
    color: #000;
  }

  .logo,
  .para,
  .trslpilot,
  h5,
  section.webdesignSec,
  ul.catmenu,
  ul.catmenu.catmenuCenter {
    text-align: center
  }

  .logo img {
    padding: 15px
  }

  .comlogo,
  .mainBanner,
  ul.procsList {
    display: block
  }

  ul.servList {
    gap: 1rem;
    height: fit-content !important;
    grid-template-columns: repeat(1, 1fr)
  }

  ul.servList>li {
    border-right: 0 !important
  }

  .client-list li {
    width: 50%
  }

  .client-list {
    margin: 30px -8px
  }

  .mainCont ul>li:before,
  .servWrp ul>li span {
    position: relative;
    margin-right: 5px
  }

  .mainCont ul>li,
  .servWrp ul>li {
    padding-left: 0
  }

  .servWrp a+a {
    width: 90%;
    border: 1px solid;
    border-radius: 5px;
    padding: 13px;
    margin: 12px 0 0
  }

  ul.procsList>li,
  ul.servList>li {
    padding: 0 10px;
    border: none;
    text-align: center
  }

  .compLogos img {
    display: block;
    width: auto;
    margin: 30px auto
  }

  .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;
    height: auto;
    margin-top: 2rem;
  }

  .mainCont h4 {
    font-size: 32px;
    line-height: 40px;
    letter-spacing: 1px
  }

  .mainCont p {
    font-size: 17px;
    line-height: 24px
  }

  .btns_group a.getstarted,
  .themeBtn.getstarted{
    width: 92%;
    padding: 10px;
    height: auto;
    font-size: 19px;
    margin: 0 auto
  }

  .btns_group a.chat-btn {
    font-size: 18px;
    margin-top: 18px
  }

  .rtng p {
    font-size: 14px;
    line-height: 1.4em
  }

  .mn-hd h4 {
    text-align: center;
    text-transform: capitalize;
    line-height: 1.2em;
    font-size: 28px
  }

  .chseWrp {
    text-align: center;
    margin-top: 16px
  }

  .chseWrp img,
  .chseWrp svg {
    margin: 0 auto 20px
  }

  .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
  }

  .revBtns p i {
    margin-right: 8px
  }

  .ctaimg .revBtns {
    margin-top: 32px
  }

  ul.procsList>li {
    width: 90%;
    margin: 0 auto;
    display: block
  }

  ul.procsList>li+li {
    margin-top: 30px;
    padding-top: 30px;
    padding-bottom: 30px
  }

  ul.procsList>li.last {
    margin: auto
  }

  .prcsWrp h5 {
    margin-top: 13px
  }

  ul.servList>li {
    width: 90%;
    margin: 0 auto 50px;
    display: block
  }

  .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
  }

  .gettouch.gettouchRight,
  ul.catmenu.catmenuRight {
    text-align: center;
    display: block
  }

  .certi {
    text-align: center;
    margin: 20px 0
  }

  .copyright p {
    text-align: center;
    line-height: 2.4em
  }

  ul.social {
    text-align: center;
    margin: 18px 0 20px
  }

  .mainBanner:after {
    opacity: .2
  }
}

@media (max-width:767px) {
  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: fit-content
  }

  section.reviewCta {
    padding: 40px 0 0
  }

  .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
  }

  .popup-content {
    width: 460px;
    top: 70px
  }
}

@media (max-width:479px) {
  .recapta-body .captach-img img {
    width: 51px !important;
    height: 36px !important
  }

  .recapta-body .captach-img {
    left: 9px !important;
    top: 0 !important
  }

  .recapta-body .captcha-priv {
    display: none !important
  }

  .recapta-body:before {
    width: 50px !important
  }

  .recapta-body .captcha-content {
    margin: 0 !important
  }

  .recapta-body {
    left: -156px !important
  }

  .cstm-modal-content .form-img-wrapper img {
    display: none
  }

  .cstm-modal-content {
    width: 18rem !important
  }

  .form-right-sec {
    padding: 0 !important
  }

  #myForm .overall-fields {
    display: block !important
  }

  #myForm .overall-fields .fom-text-area-sec,
  #myForm .overall-fields .form-inp-sec {
    width: 100% !important
  }

  .cstm-btn-close {
    top: 0 !important;
    padding: 10px !important
  }

  .form-bottom-content .first.last a {
    margin: 90px 0 0
  }

  .popup-content {
    width: 310px
  }

  .popup-content #myForm a:not(.form-bottom-content .first.last a) {
    font-size: 14px
  }
}

.recapta-body {
  display: flex;
  align-items: center;
  justify-content: center;
  position: fixed;
  left: -215px;
  background: #2157f8;
  z-index: 23;
  bottom: 13px !important;
  padding: 5px 8px;
  cursor: pointer;
  transition: .4s ease-in-out
}

.recapta-body:hover {
  left: 0 !important
}

.recapta-body:before {
  content: '';
  position: absolute;
  top: 0;
  width: 79px;
  height: 100%;
  background: #fff;
  right: 0;
  box-shadow: 0 0 2px #2957ff
}

.recapta-body .captcha-content h2 {
  font-size: 13px;
  font-weight: 500;
  margin: 8px 0
}

.recapta-body .captcha-content p {
  font-size: 11px;
  margin: 6px 0;
  font-weight: 400
}

.recapta-body .captcha-content {
  margin: 2px 17px
}

.recapta-body .captach-img img {
  width: 95px;
  height: 44px;
  object-fit: contain
}

.recapta-body .captcha-priv {
  position: absolute;
  top: 44px;
  right: 18px
}

.recapta-body .captach-img {
  position: relative;
  left: 19px;
  top: -4px
}

.recapta-body .captcha-priv h6 {
  color: #000;
  font-size: 10px;
  font-weight: bolder
}

.autoForm_Aspire input {
  border: 1px solid #ccc;
  width: 100%;
  height: 45px;
  border-radius: 5px;
  padding: 10px 3px
}

.autoForm_Aspire textarea {
  border: 1px solid #ccc;
  width: 100%;
  border-radius: 5px;
  height: 100px;
  padding: 10px 3px
}

.autoForm_Aspire .submit-btn-sec button {
  width: 100%;
  background: transparent linear-gradient(73deg, var(--secondary_color) 0, var(--primary_color) 100%) 0 0 no-repeat padding-box;
  padding: 20px 0;
  border-radius: 5px;
  color: #fff;
  font-weight: 600;
  cursor: pointer;
  transition: .2s ease-in-out
}

.autoForm_Aspire .submit-btn-sec button:hover {
  letter-spacing: 1.5px;
  background: transparent linear-gradient(270deg, var(--secondary_color) 0, var(--primary_color) 100%) 0 0 no-repeat padding-box
}

.aspire-modal-title {
  font-size: 22px;
  font-weight: 100;
  font-family: arial
}

.autoForm_Aspire input::placeholder,
.autoForm_Aspire textarea::placeholder {
  font-size: 14px;
  padding: 3px 1px
}

.close-aspire_modal button {
  position: absolute;
  top: -8px;
  right: -8px;
  width: 40px;
  height: 40px;
  border-radius: 6px;
  cursor: pointer;
  color: #fff
}

.autoForm_Aspire .submit-btn-sec a {
  color: #000;
  text-align: center;
  width: 100%;
  font-size: 15px;
  margin: 10px 0
}

.cstm-modal-header,
.custm-auto-modal-header {
  border: 0;
  padding: 0
}

.cstm-modal-content {
  position: relative;
  overflow: hidden;
  padding: 30px 0;
  width: 56rem
}

.cstm-modal-content .form-img-wrapper {
  position: absolute;
  top: -46px;
  left: 0
}

.cstm-modal-content .form-img-wrapper img {
  width: 100%;
  height: 29.7rem;
  object-fit: cover;
  object-position: right
}

#myForm .overall-fields {
  display: flex;
  align-items: center;
  justify-content: space-between
}

#myForm .overall-fields .form-inp-sec input,
#myForm .overall-fields .form-inp-sec select {
  width: 100%;
  margin: 5px 0;
  height: 47px;
  border: 1px solid #ccccc9;
  color: #818181
}

#myForm .overall-fields .fom-text-area-sec textarea {
  height: 217px;
  width: 100%;
  resize: none;
  color: #818181;
  border: 1px solid #ccccc9
}

#myForm .overall-fields .form-inp-sec {
  width: 50%
}

#myForm .overall-fields .fom-text-area-sec {
  width: 45%
}

.cstm-modal-content .form-header h2,
.cstm-modal-content .form-header p {
  margin: 0;
  text-align: left
}

.form-right-sec {
  padding: 0 9px 0 30px
}

.cstm-btn-close {
  opacity: 1;
  position: absolute;
  top: 0;
  right: 0 !important;
  background-color: var(--primary_color);
  z-index: 29;
  padding: 14px 16px;
  cursor: pointer
}

.cstm-submit-btn,
ul.servList li:hover {
  /* background: transparent linear-gradient(73deg, var(--primary_color) 0, var(--secondary_color) 100%) 0 0 no-repeat padding-box; */
  background: #932987;
}

.cstm-btn-close:hover {
  background-color: var(--hover_color)
}

.cstm-submit-btn {
  text-transform: uppercase;
  font-size: 16px;
  padding: 20px 0;
  width: 100%;
  border-radius: 5px;
  color: #fff
}

.cstm-modal-content .form-header h2 {
  font-size: 32px;
  color: #000
}

.cstm-modal-content .form-header p {
  font-size: 14px;
  margin: 10px 0 0;
  color: #000
}

ul.servList .item{
 padding: 0 23px;
 border-radius: 17px;
 border:2px solid #fb46b7;
}

ul.servList li:hover {
  /*padding: 0 23px;*/
  border-radius: 17px
}

ul.servList li:hover .plan_listed li,
ul.servList li:hover .servWrp h5,
ul.servList li:hover .servWrp h5 span,
ul.servList li:hover .servWrp p {
  color: #fff !important
}

ul.servList li:hover .servWrp img {
  filter: invert(1);
  /*margin-bottom: 0;*/
  /*margin-top: 20px;*/
  /*transform: translateX(140px)*/
}

ul.servList .item:hover .pack-btns a:first-child{
    background:#fff;
    color:#fb46b7;
}

.plan-body .icon{
    text-align:center;
    display:flex;
    justify-content:center;
    align-items:center;
}

ul.slick-dots{
   bottom: -60px;
}

ul.slick-dots li button{
    border: 2px solid #80257a;
}

ul.slick-dots .slick-active button{
    background: transparent linear-gradient(74deg, var(--primary_color) 0, var(--secondary_color) 100%);
}

.plan-body img {
    margin-top: 20px;
    margin-bottom: 10px;
  /*transform: translate(150px, -6px)*/
}