@import url("https://fonts.googleapis.com/css2?family=PT+Sans:ital,wght@0,400;0,700;1,400;1,700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap");

@font-face {
  font-family: "LEMONMILK";
  src: url('../fonts/LEMONMILK-Bold.otf') format("opentype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Sansation";
  src: url('../fonts/Sansation_Regular.ttf') format("truetype");
}
@font-face {
  font-family: "Rubik";
  src: url('../fonts/Rubik-VariableFont_wght.ttf') format("truetype");
}
#jqcheck {
  background: #fff9d7;
  text-align: center;
  color: #333;
  padding: 10px 0px;
  font-size: 13px;
  font-weight: bold;
  position: fixed;
  z-index: 9991;
  width: 100%;
  font-family: Arial, Helvetica, sans-serif;
}

* {
  margin: 0px;
  padding: 0px;
}

/* text selection color */

::-moz-selection {
  background: var(--primary-color);
  color: var(--theme-white);
  text-shadow: none;
}

::selection {
  background: var(--primary-color);
  color: var(--theme-white);
  text-shadow: none;
}

/* browser scroller style */

::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}

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

::-webkit-scrollbar-track-piece {
  background-color: #ecedf1;
  -webkit-border-radius: 0px;
  border-left: 1px solid #888;
}

::-webkit-scrollbar-thumb:vertical {
  -webkit-border-radius: 0px;
  background: var(--primary-color);
}

img {
  width: 100%;
}

@media screen and (-webkit-min-device-pixel-ratio: 0) {
  select {
    -webkit-appearance: none !important;
    line-height: 28px !important;
  }
}

body {
  font-family: var(--primary-font-family);
  color: var(--default-color);
  font-size: var(--base-font-size);
  position: relative;
}

/* font family */

.ff-primary {
  font-family: var(--primary-font-family);
}

.ff-secondary {
  font-family: var(--secondary-font-family);
}

/* font colors */

.fc-primary {
  color: var(--primary-color);
}

.fc-secondary {
  color: var(--secondary-color);
}

.fc-dark {
  color: var(--theme-dark);
}

.fc-lite {
  color: var(--theme-lite);
}

.fc-primary2 {
  color: #65259a !important;
}

.bg-primary2 {
  background: #65259a !important;
}

/* buttons */

.primary-btn,
.secondary-btn {
  font-size: 13px;
  font-weight: 400;
  text-transform: capitalize;
  padding: 8px 15px;
  position: relative;
  display: table;
  border-radius: 3px;
}

.primary-btn:after,
.secondary-btn:after {
  content: "\e957";
  font-family: "icomoon" !important;

  font-size: 13px;
  color: white;
  padding-left: 10px;
  display: table-cell;
  vertical-align: middle;
}

.primary-btn {
  background: var(--primary-color);
  color: white;
}

.primary-btn:hover {
  background: var(--primary-color-dark);
  color: white;
}

.secondary-btn {
  background: var(--secondary-color);
  color: white;
}

.secondary-btn:hover {
  background: var(--secondary-color-dark);
  color: white;
}

.banner-btn {
  text-transform: capitalize;
  display: inline-block;
  transform: translateY(0rem);
  -webkit-transition: 0.4s;
  -moz-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
  color: #fff !important;
  background-color: transparent;
  padding: 20px 40px;
  font-size: 18px;
  font-weight: 600;
  border-radius: 5px;
  border: 1px solid #fff !important;
}

.secpad-100 {
  padding: 100px 0;
}

.sm-btn {
  font-size: 14px;
}

.md-btn {
  font-size: 16px;
}

.lg-btn {
  font-size: 18px;
}

.xl-btn {
  font-size: 20px;
}

/* headings */

h1,
.h1,
h2,
.h2,
h3,
.h3,
h4,
.h4,
h5,
.h5,
h6,
.h6,
p {
  margin: 0;
  padding: 0;
}

h1,
.h1,
h2,
.h2 {
  font-family: var(--heading-font-family);
}

h3,
.h3,
h4,
.h4,
h5,
.h5,
h6,
.h6 {
  font-family: var(--heading-font-family);
  padding-bottom: 10px;

  color: var(--theme-dark);
}

h2,
.h2 {
  font-size: 6.7vmin;
  font-weight: 500 !important;
  text-transform: capitalize !important;
}

h3,
.h3 {
  font-size: var(--font-size-h3);
  font-weight: 500 !important;
}

h4,
.h4 {
  font-size: var(--font-size-h4);
  font-weight: 800 !important;
}

h5,
.h5 {
  font-size: var(--font-size-h5);
}

h6,
.h6 {
  font-size: var(--font-size-h6);
}

p {
  /*font-size: var(--base-font-size);*/
}

p {
  font-weight: 400;
  line-height: 1.4;
  padding: 0 0 20px;
  margin: 0px;
  font-size: 18px;
  color: #5c5856;
}

/*** theme sections padding ***/

.sec-padding-100 {
  padding: 100px 0;
}

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

.sec-padding-80 {
  padding: 80px 0;
}

.sec-padding-70 {
  padding: 70px 0;
}

.sec-padding-60 {
  padding: 60px 0;
}

.sec-padding-xlarge {
  padding: 50px 0;
}

.sec-padding-large {
  padding: 40px 0;
}

.sec-padding-medium {
  padding: 30px 0;
}

.sec-padding-small {
  padding: 25px 0;
}

.sec-padding-xsmall {
  padding: 10px 0;
}

/*** theme sections margin ***/

.sec-margin-100 {
  margin: 100px 0;
}

.sec-margin-90 {
  margin: 90px 0;
}

.sec-margin-80 {
  margin: 80px 0;
}

.sec-margin-70 {
  margin: 70px 0;
}

.sec-margin-60 {
  margin: 60px 0;
}

.sec-margin-xlarge {
  margin: 50px 0;
}

.sec-margin-large {
  margin: 40px 0;
}

.sec-margin-medium {
  margin: 30px 0;
}

.sec-margin-small {
  margin: 25px 0;
}

.sec-margin-xsmall {
  margin: 10px 0;
}

/*** no padding, no marging ***/

.p-0 {
  padding: 0;
}

.pt-0 {
  padding-top: 0px;
}

.pb-0 {
  padding-bottom: 0px;
}

.pl-0 {
  padding-left: 0px;
}

.pr-0 {
  padding-right: 0px;
}

.m-0 {
  margin: 0;
}

.mt-0 {
  margin-top: 0px;
}

.mb-0 {
  margin-bottom: 0px;
}

.ml-0 {
  margin-left: 0px;
}

.mr-0 {
  margin-right: 0px;
}

.tt-uppercase {
  text-transform: uppercase;
}

.tt-capitalize {
  text-transform: capitalize;
}

div#google_recaptcha {
  margin: 0 0 15px 0;
}

.gle-cpcha #google_recaptcha > div {
  margin: 0 auto !important;
}

p strong {
  color: black;
  text-transform: capitalize !important;
  font-family: "Rubik", sans-serif;
}

p span {
  color: black;
}

a:hover {
  text-decoration: none;
}

a:focus {
  outline: none;
  text-decoration: none;
}

img {
  border: 0px;
  outline: none;
}

/*img { max-width: 100%;  }*/

ul,
li {
  list-style-type: none;
}

.relative {
  position: relative;
}

.absolute {
  position: absolute;
}

h2,
.h2 {
  color: #171717;

  line-height: 1.2;

  font-weight: 700;

  padding: 0 0 15px 0;

  position: relative;
}

h2 span,
.h2 span {
  color: var(--primary-color);
}

a {
  text-decoration: none;
}

.list-simple {
  list-style: none;
  margin: 0 0 15px 0;
  width: 100%;
  display: inline-block;
}

.list-simple li {
  color: var(--default-color);
  padding: 0 0 10px 16px;
  line-height: 20px;
  font-size: 14px;
  font-weight: 400;
  position: relative;
}

.list-simple li:before {
  position: absolute;
  left: 0px;
  top: 0px;

  font-size: 13px;
  color: var(--secondary-color);
  content: "\e93a";
  font-family: "icomoon" !important;
}

/*** morefull block link ***/

.moreFull {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: block;
  text-indent: -9999px;
}

/*** transition ***/

.transition {
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

/*** scale with transition ***/

.scale-with-transition {
  -webkit-transition: all 200ms ease-in;
  -ms-transition: all 200ms ease-in;

  -moz-transition: all 200ms ease-in;
  transition: all 200ms ease-in;
  -webkit-transform: scale(1.05);

  -ms-transform: scale(1.05);
  -moz-transform: scale(1.05);
  transform: scale(1.05);
}

/* header

------------------------------------*/

.header-main {
  padding: 0 0 0 0;

  top: 0;

  z-index: 99;

  width: 100%;

  -ms-transition: all 0.3s ease-out;

  -moz-transition: all 0.3s ease-out;

  -webkit-transition: all 0.3s ease-out;

  -o-transition: all 0.3s ease-out;

  transition: all 0.3s ease-out;
}

.header-main.fixed {
  box-shadow: 0px 5px 20px #00000012;
  -ms-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -webkit-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  position: fixed;
  background: #fff;
}

.header-main.fixed .main-menu > ul > li > a {
  text-transform: capitalize;
  color: #223235;
}

.header-main.fixed .logo {
  width: 100%;
}

.top-bar {
  position: fixed;
  background: #f5f8fa;
  padding: 0;
  width: 100%;
  top: 0;
  left: 0;
  border-bottom: 1px solid #cbd6e2;
  z-index: 99;
}

.top-info-list {
  float: right;
  margin: 25px 0;
}

.top-info-list li {
  float: left;
  color: #171717;
  font-size: 14px;
  padding: 0 10px;
}

.top-info-list li:first-child {
  padding-left: 0px;
}

.top-info-list li:last-child {
  padding-right: 0px;
}

.top-info-list li span {
  margin-right: 8px;

  color: #171717;

  font-size: 13px;

  line-height: 20px;
}

.top-info-list li span.icon-phone2 {
  font-size: 15px;
  top: 1px;
  position: relative;
}

.top-info-list li a {
  color: #171717;
}

.top-info-list li a:hover {
  color: #223235;
}

.nav-area-full {
  padding: 17px 0 16px;
  width: 100%;
  margin-top: 72px;
}

.logo {
  margin: 0;

  float: left;

  -webkit-transition: 0.4s;

  -moz-transition: 0.4s;

  -o-transition: 0.4s;

  transition: 0.4s;
}

.logo a {
  display: block;
}

.top-area {
  display: inline-block;
  width: 100%;
}

.main-menu {
  width: 100%;
  display: inline-block;
  float: right;
  margin: 2px 0 0;
}

.main-menu > ul {
  float: right;
  margin: 0px;
}

.main-menu > ul > li {
  padding: 0px 15px;
  float: left;
  position: relative;
}

.main-menu > ul > li:last-child {
  padding-right: 0px;
}

.main-menu > ul > li:before {
  position: absolute;
  width: 1px;
  height: 12px;
  background: #71787e;
  left: 0px;
  top: 30%;
}

.main-menu > ul > li:first-child:before {
  display: none;
}

.main-menu > ul > li > a {
  padding: 20px 0;
  font-size: 16px;
  color: #171717;
  font-weight: 400;
  text-transform: capitalize;
}

.header-main .has-submenu.progmenu {
  font-size: 16px;
  color: #171717;
  font-weight: 400;
  margin: 0;
  padding: 3px 0 4px;
  font-family: var(--primary-font-family);
}

.main-menu > ul > li.active > a,
.main-menu > ul > li > a:hover,
.main-menu > ul > li > a.active,
.main-menu > ul > li > a:focus {
  color: #f38440;
}

.cstn-column {
  display: inline-block;
  width: 100%;
  font-size: 0;
}

.dropdown {
  width: 295px;

  position: absolute;

  top: 217%;

  left: 0%;

  visibility: hidden;

  opacity: 0;

  padding: 0px;

  background-color: #fff;

  border: 1px solid #cbd6e2;

  border-radius: 0.1875rem;

  box-shadow: 0 1px 24px rgba(45, 62, 80, 0.12);

  z-index: 95;
}

.main-menu > ul > li:hover .dropdown {
  visibility: visible;
  /* shows sub-menu */
  opacity: 1;
  left: 18px;
}

.main-menu > ul > li:hover .progmenu .dropdown {
  left: 0;
}

.dropdown > ul {
  padding: 10px 0;
  list-style: none;
}

.dropdown > ul > li {
  width: 100%;
}

.dropdown > ul > li:hover {
  background: #65259a;

  color: #fff;
}

.dropdown > ul > li:hover a {
  color: #fff !important;
}

.dropdown > ul > li:before {
  display: none;
}

.dropdown > ul > li > a {
  color: #070707 !important;
  font-size: 16px;
  text-decoration: none;
  padding: 8px 10px 8px 15px;
  display: block;
  padding-bottom: 8px !important;
  font-weight: 400 !important;
}

.dropdown > ul > li > a:hover {
  color: black;
  background: none;
}

.dropdown > ul > li > a:hover:before {
  display: none;
}

.double-drop {
  width: 400px !important;
}

.dropdown > ul > li > ul {
  display: none;
}

.dropdown > ul > li.level2:hover > ul {
  display: block;
}

.mheader.stickyheader {
  position: fixed;
  z-index: 9999;
  min-height: auto;
  top: 0;
  width: 100%;
  background: #fff !important;
  -webkit-transition: 0.4s;
  -moz-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
  box-shadow: 0px 10px 23px #0000000d;
}

.mheader.stickyheader .mainbarr .boxednav .navigation .linkingchannel li a {
  color: #070707;
}
.mheader.stickyheader .mainbarr .boxednav .navigation .linkingchannel li a:hover {
    color: #65259a !important;
}
.mheader.stickyheader
  .mainbarr
  .boxednav
  .navigation
  .infochannel
  li
  .numbercta {
  color: #070707;
}

.nav-area-full.stickyhead {
  position: fixed;
  z-index: 9999;
  min-height: auto;
  top: 0;
  width: 100%;
  background: #fff;
  -webkit-transition: 0.4s;
  -moz-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
  box-shadow: 0px 10px 23px #0000000d;
}

.icon-bar {
  position: fixed;

  top: 50%;

  -webkit-transform: translateY(-50%);

  -ms-transform: translateY(-50%);

  transform: translateY(-50%);

  z-index: 999;
}

/* Style the icon bar links */

.icon-bar a {
  display: block;

  text-align: center;

  padding: 16px;

  transition: all 0.3s ease;

  color: white;

  font-size: 20px;
}

/* Style the social media icons with color, if you want */

.icon-bar a:hover {
  color: #000;

  background-color: #fff;
}

.facebook {
  background: #3b5998;

  color: white;
}

.twitter {
  background: #55acee;

  color: white;
}

.google {
  background: #dd4b39;

  color: white;
}

.linkedin {
  background: #007bb5;

  color: white;
}

.youtube {
  background: #bb0000;

  color: white;
}

/* sticky social icons

------------------------------------*/

.sticky-container {
  padding: 0px;
  margin: 0px;
  position: fixed;
  right: -155px;
  top: 180px;
  width: 200px;
  display: none;
  z-index: 999;
}

.sticky li {
  border-radius: 5px;
  list-style-type: none;
  background-color: #333;
  color: #efefef;
  height: 45px;
  padding: 0px;
  margin: 0px 0px 0px 0px;
  -webkit-transition: all 0.25s ease-in-out;
  -moz-transition: all 0.25s ease-in-out;
  -o-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
  cursor: pointer;
}

.sticky li:hover {
  margin-left: -115px;
}

.sticky li img {
  float: left;
  border-radius: 5px 0 0px 5px;
  margin: 0;
  margin-right: 10px;
}

.sticky li p {
  padding: 0px;
  margin: 0px;
  text-transform: capitalize;
  line-height: 45px;
  color: white;
}

.sticky li a {
  border-radius: 5px;
  color: white;
}

/* sldier home

------------------------------------*/

.slider-wrapper {
  background: #11151b;
  width: 100%;
  position: relative;
}

.home-banner {
  width: 100%;
  position: relative;
  background-position: top center;
  background-repeat: no-repeat;
  background-size: cover;
  display: table;
  height: 680px;
}

.home-banner:before {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 8;
  content: "";
}

.home-banner-content {
  position: relative;
  max-width: 430px;
}
.theWizardHeaderContainer .home-banner-content {
  margin-left: auto;
  margin-top: 10px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  margin-right: auto;
  max-width: unset;
  position: unset;
}
.home-banner-content.main-home-content {
  position: relative;
  z-index: 9;
  max-width: 100%;
}
.theWizardHeaderContainer .home-banner-content h1 {
  padding: 20px;
  font-size: 32px;
  background: rgba(101, 37, 154, 0.144);
  border-radius: 10px;
  backdrop-filter: blur(33px);
  margin-bottom: 5px;
  letter-spacing: 5px;
  font-weight: 300;
  color: #ffffff;
  position: relative;
  font-family: 'Sansation';
  line-height: 1;
  text-transform: capitalize;
  line-height: initial;
}
.theWizardHeaderContainer .home-banner-content .subTitleDiv{
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  max-width: 94%;
  gap: 1%;
}
.theWizardHeaderContainer .home-banner-content .subTitleDiv p{
  flex-grow: 1;
}
.theWizardHeaderContainer .home-banner-content .subTitleDiv .subtitle1 {
  border-radius: 10px;
  margin-top: 10px;
  background-color: rgba(250, 199, 89, 0.388); /* Use rgba for transparency */
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px)
  color: #ffffff;
  padding: 20px 20px; /* Shortened padding syntax */
  text-align: center;
  font-family: 'Rubik', sans-serif;
  font-size: 24px;
  letter-spacing: 2px;
  word-spacing: 2px;
  font-weight: 300;
  line-height: 1.5em;
  transition: transform 0.4s ease, clip-path 0.4s ease; /* Add smooth transition */
  --scale-factor: 1.01; /* Slight zoom in */
}
.theWizardHeaderContainer .home-banner-content .subTitleDiv .subtitle2 {
  border-radius: 10px;
  margin-top: 10px;
  background-color: rgba(250, 199, 89, 0.388); /* Use rgba for transparency */
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px)
  color: #ffffff;
  padding: 20px 20px; /* Shortened padding syntax */
  text-align: center;
  font-family: 'Rubik', sans-serif;
  font-size: 24px;
  letter-spacing: 2px;
  word-spacing: 2px;
  font-weight: 300;
  line-height: 1.5em;
  transition: transform 0.4s ease, clip-path 0.4s ease; /* Add smooth transition */
  --scale-factor: 1.01; /* Slight zoom in */
}
.theWizardHeaderContainer .home-banner-content .subTitleDiv .subtitle3 {
  border-radius: 10px;
  margin-top: 10px;
  background-color: rgba(250, 199, 89, 0.388); /* Use rgba for transparency */
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px)
  color: #ffffff;
  padding: 20px 10px; /* Shortened padding syntax */
  text-align: center;
  font-family: 'Rubik', sans-serif;
  font-size: 24px;
  letter-spacing: 2px;
  word-spacing: 2px;
  font-weight: 300;
  line-height: 1.5em;
  transition: transform 0.4s ease, clip-path 0.4s ease; /* Add smooth transition */
  --scale-factor: 1.01; /* Slight zoom in */
}
.theWizardHeaderContainer .home-banner-content .subTitleDiv .subtitle4 {
  border-radius: 10px;
  margin-top: 10px;
  background-color: rgba(250, 199, 89, 0.388); /* Use rgba for transparency */
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px)
  color: #ffffff;
  padding: 20px 10px; /* Shortened padding syntax */
  text-align: center;
  font-family: 'Rubik', sans-serif;
  font-size: 24px;
  letter-spacing: 2px;
  word-spacing: 2px;
  font-weight: 300;
  line-height: 1.5em;
  transition: transform 0.4s ease, clip-path 0.4s ease; /* Add smooth transition */
  --scale-factor: 1.01; /* Slight zoom in */
}
.theWizardHeaderContainer .home-banner-content .subTitleDiv .subtitle5 {
  border-radius: 10px;
  margin-top: 10px;
  background-color: rgba(250, 199, 89, 0.388); /* Use rgba for transparency */
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px)
  color: #ffffff;
  padding: 20px 10px; /* Shortened padding syntax */
  text-align: center;
  font-family: 'Rubik';
  font-size: 24px;
  letter-spacing: 2px;
  word-spacing: 2px;
  font-weight: 300;
  line-height: 1.5em;
  transition: transform 0.4s ease, clip-path 0.4s ease; /* Add smooth transition */
  --scale-factor: 1.01; /* Slight zoom in */
  max-width: 50%;
}

.theWizardHeaderContainer .home-banner-content .subTitleDiv .subtitle1:hover {
  transform: scale(var(--scale-factor)); /* Apply slight zoom on hover */
}
.theWizardHeaderContainer .home-banner-content .subTitleDiv .subtitle2:hover {
  transform: scale(var(--scale-factor)); /* Apply slight zoom on hover */
}
.theWizardHeaderContainer .home-banner-content .subTitleDiv .subtitle3:hover {
  transform: scale(var(--scale-factor)); /* Apply slight zoom on hover */
}
.theWizardHeaderContainer .home-banner-content .subTitleDiv .subtitle4:hover {
  transform: scale(var(--scale-factor)); /* Apply slight zoom on hover */
}
.theWizardHeaderContainer .home-banner-content .subTitleDiv .subtitle5:hover {
  transform: scale(var(--scale-factor)); /* Apply slight zoom on hover */
}
.theWizardHeaderContainer .home-banner-content .subTitleDiv .subtitle1 a {
  text-decoration: none;
  cursor: pointer;
  color: white !important;
}
.theWizardHeaderContainer .home-banner-content .subTitleDiv .subtitle2 a {
  text-decoration: none;
  cursor: pointer;
  color: white !important;
}
.theWizardHeaderContainer .home-banner-content .subTitleDiv .subtitle3 a {
  text-decoration: none;
  cursor: pointer;
  color: white !important;
}
.theWizardHeaderContainer .home-banner-content .subTitleDiv .subtitle4 a {
  text-decoration: none;
  cursor: pointer;
  color: white !important;
}
.theWizardHeaderContainer .home-banner-content .subTitleDiv .subtitle5 a {
  text-decoration: none;
  cursor: pointer;
  color: white !important;
}
.home-banner-content h1 {
  font-size: 30px;
  margin-bottom: 15px;
  letter-spacing: 5px;
  font-weight: 800;
  color: #ffffff;
  position: relative;
  line-height: 1;
  text-transform: capitalize;
  line-height: initial;
}

.theWizardHeaderContainer .aboutBannerimage2{
  margin-top: 20px;
  max-width: 350px;
  height: 150px;
}
.home-banner-content h1:after {
  position: absolute;
  width: 10px;
  height: 10px;
  background: #ffffff;
  right: 0px;
  bottom: -5px;
  border-radius: 200px;
}

.home-banner-content h1 span {
  display: block;
  color: var(--primary-color);
}

.home-banner-content .subtitle {
  color: #ffffff;
  font-size: 16px;
  padding-top: 0px;
  line-height: 28px;
  font-weight: 400;
  padding-bottom: 30px;
  width: 345px;
  margin: 0 5px;
  text-align: left;
}
.home-banner .img-fluid.mobile-app-dev-main-banner-right-img {
  width: 65%;
  margin: auto;
  display: block;
}
.home-banner-content.main-home-content .subtitle {
  width: 70%;

  margin: 0 auto;
}

.seo-solutions-home-banner .subtitle {
  font-family: "Rubik", sans-serif;
  font-style: normal;
  font-size: 20px;
  text-align: left;
  color: #fff;
}
.seoHeaderDotAnimation {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 50%;
    transform: translate(0, -38%);
}
.SEOBannerContent h1 {
  font-family: "Sansation", sans-serif;
  font-weight: bold;
  font-style: normal;
  font-size: 40px;
  color: #fff;
  letter-spacing: 0.08em;
}
.seo-solutions-home-banner .home_banner_image {
  max-width: 100%;
  position: absolute;
  bottom: 50px;
  left: 50px;
}
.seoScheduleBtn{
  text-decoration: none;
  color: black;
  background-color: #FAC759;
  font-family: 'Rubik';
  padding: 10px 30px;
  border-radius: 10px;
}
.SEOBannerContent{
  background-image: url(../images/SEO_Mobile_Image.png);
  background-repeat: no-repeat;
  background-position: 100% 70%;
  height: 70%;
  display: flex;
  flex-direction: column;
  align-items: start;
  justify-content: center;
  padding-top: 125px;
}
.home-banner-content a.home-banner-link {
  margin: 0;
  font-size: 14px;
  line-height: 18px;
  font-weight: 400;
  text-transform: capitalize;
  padding: 10px 20px;
  background: var(--primary-color);
  color: white;
  position: relative;
  display: table;

  -moz-border-radius: 3px 3px 3px 3px;

  -webkit-border-radius: 3px 3px 3px 3px;

  border-radius: 3px 3px 3px 3px;
}

.home-banner-content a.home-banner-link:after {
  content: "\e93a";
  font-family: "icomoon" !important;

  font-size: 13px;
  color: white;
  padding-left: 10px;
  display: table-cell;
  vertical-align: middle;
}

.home-banner-content a.home-banner-link:hover {
  background: var(--primary-color-dark);
}

.main-banner .home-banner-content {
  text-align: center;
}

.main-banner .home-banner-content h1 {
  font-size: 100px;

  text-transform: uppercase;

  font-weight: bold;
}

.solutionssec .textwrap .solutionslist.solu_list li {
  width: 100%;
}

/* slick Dots .home slider */

.home-slider .slick-dots {
  position: absolute;
  bottom: 20px;
  right: 0px;
  left: 0px;
  display: block;
  padding: 0 15px;
  margin: 0 auto;
  border-radius: 3px;
  list-style: none;
  width: 1140px;
}

.home-slider .slick-dots li {
  position: relative;
  display: inline-block;
  margin: 0 6px 0 0;

  padding: 0;
  cursor: pointer;
}

.home-slider .slick-dots li button {
  font-size: 0;
  line-height: 0;
  display: block;

  width: 12px;
  height: 12px;
  padding: 0;
  cursor: pointer;
  color: transparent;
  outline: none;

  background: white;
  border: none;
  border-radius: 200px;
}

.home-slider .slick-dots li.slick-active button {
  background: var(--primary-color);
  border: none;
}

/* slick arrows .home slider */

.home-slider .slick-prev,
.home-slider .slick-next {
  font-size: 0;
  line-height: 0;

  position: absolute;
  top: 50%;
  z-index: 100;
  display: block;
  padding: 0;

  cursor: pointer;
  color: transparent;
  border: none;
  outline: none;
  background: transparent;

  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);

  transform: translate(0, -50%);
}

.home-slider .slick-prev {
  left: 15px;
}

.home-slider .slick-next {
  right: 15px;
}

.home-slider .slick-prev:before,
.home-slider .slick-next:before {
  font-family: "icomoon" !important;
  color: white;
  font-size: 50px;
  line-height: 1;
}

.home-slider .slick-prev:before {
  content: "\e958";
}

.home-slider .slick-next:before {
  content: "\e957";
}

.home-slider .slick-prev:hover:before,
.home-slider .slick-next:hover:before {
  color: var(--primary-color);
}

/* packages slider */
.portfolio-slider .slick-prev,
.portfolio-slider .slick-next {
  top: 50%;
}
.portfolio-slider .slick-arrow:before {
  color: #fff;
}
.portfolio-slider .slick-arrow {
  background: #65259a;
  display: block;
  z-index: 1;
}

.portfolio-slider .slick-arrow.slick-prev {
  left: 0px;
}
.portfolio-slider .slick-arrow.slick-next {
  right: 0px;
}

/* progress bar */

.slider-progress {
  width: 100%;
  height: 5px;
  background: transparent;
  position: absolute;
  left: 0px;
  bottom: 0px;
}

.slider-progress .progress {
  width: 0%;
  height: 5px;
  background: var(--primary-color);
}

.banner-form {
  background: #fff;
  padding: 30px;
  position: relative;
  z-index: 9;
  margin: 60px 0;
}

.ban-form input {
  width: 100%;
  margin: 0 0 0 0;
  border: 1px solid #e5e5e5;
  background: white;
  padding: 10px 15px;
  color: gray;
  font-size: 14px;
  border-radius: 3px;
  height: 50px;
  font-weight: 400;
  outline: none !important;
  margin: 0 0 15px 0;
}

.banner-form .intl-tel-input {
  width: 100%;
}

.ban-form input[type="submit"] {
  color: #fff;
  font-weight: 600;
  background: #f38440;
  border-radius: 3px;
  padding: 10px 15px;
  margin: 20px 0 0;
  border: transparent;
}

.home-banner-content.main-home-content .logo-rating img {
  position: relative;

  top: 30px;
  /* width: 75%; */
  width: 120px;
}

.home-main-page-banner .home-banner-content {
  padding: 0 0 60px 0;
}
.home-main-page-banner {
  height: 650px;
}

/* inner banner

------------------------------------*/

.inner-banner {
  position: relative;
}

.inner-banner:before {
  position: absolute;
  width: 100%;
  height: 100%;
  background: #00000054;
  z-index: 0;
  content: "";
}

.inner-banner-content h1 {
  font-size: var(--font-size-h1-inner-vmin);
  border-bottom: 1px solid #ffffff;
  padding-bottom: 15px;
  margin-bottom: 15px;
  font-weight: 700;
  color: #ffffff;
  position: relative;
  letter-spacing: -2px;
  text-shadow: 3px 2px 2px rgba(0, 0, 0, 0.7);
  line-height: 1.1;
  float: left;
}

.inner-banner-content h1:after {
  position: absolute;
  content: "";
  width: 10px;
  height: 10px;
  background: #ffffff;
  right: 0px;
  bottom: -5px;
  border-radius: 200px;
}

.inner-banner-content h1 span {
  color: var(--primary-color);
}

.inner-banner-content .subtitle {
  color: white;
  font-size: 16px;
}

.servicepg .inner-banner:before {
  display: none;
}

/* sldier numbers

------------------------------------*/

.slider-wrapper-number {
  width: 100%;
  margin-bottom: 20px;
  position: relative;
}

.number-banner {
  width: 100%;
  height: 438px;
  position: relative;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  display: table;
}

.number-banner-content h1 {
  font-size: var(--font-size-h1-home-vmin);
  border-bottom: 1px solid #ffffff;
  padding-bottom: 15px;
  margin-bottom: 15px;
  font-weight: 700;
  color: #ffffff;
  position: relative;
  letter-spacing: -2px;
  text-shadow: 3px 2px 2px rgba(0, 0, 0, 0.7);
  line-height: 1.1;
}

.number-banner-content h1:after {
  position: absolute;
  content: "";
  width: 10px;
  height: 10px;
  background: #ffffff;
  right: 0px;
  bottom: -5px;
  border-radius: 200px;
}

.number-banner-content h1 span {
  color: var(--primary-color);
}

.number-banner-content .subtitle {
  color: white;
  font-size: 16px;
}

.number-banner-content a.number-banner-link {
  margin: 0;
  font-size: 14px;
  line-height: 18px;
  font-weight: 400;
  text-transform: capitalize;
  padding: 10px 20px;
  background: var(--primary-color);
  color: white;
  position: relative;
  display: table;

  -moz-border-radius: 3px 3px 3px 3px;

  -webkit-border-radius: 3px 3px 3px 3px;

  border-radius: 3px 3px 3px 3px;
}

.number-banner-content a.number-banner-link:after {
  content: "\e93a";
  font-family: "icomoon" !important;

  font-size: 13px;
  color: white;
  padding-left: 10px;
  display: table-cell;
  vertical-align: middle;
}

.number-banner-content a.number-banner-link:hover {
  background: var(--primary-color-dark);
}

/* slick Dots .number slider */

.number-slider .slick-dots {
  position: absolute;
  bottom: 30px;
  right: 0px;
  left: 0px;
  display: block;
  padding: 0 15px;
  margin: 0 auto;
  border-radius: 3px;
  list-style: none;
  width: 1140px;

  text-align: left;
}

.number-slider .slick-dots li {
  position: relative;
  display: inline-block;
  margin: 0 20px 0 0;

  padding: 0;
  cursor: pointer;
}

.number-slider .slick-dots li a {
  line-height: 35px;
  display: block;

  width: 35px;
  height: 35px;
  padding: 0;
  cursor: pointer;
  color: var(--theme-white);
  outline: none;
  background-color: var(--secondary-color);
  border: none;
  border-radius: 200px;

  text-align: center;
  border: 1px solid var(--secondary-color-dark);
  transition: all 0.3s ease-in-out;
}

.number-slider .slick-dots li a:hover {
  color: var(--theme-white);
}

.number-slider .slick-dots li.slick-active a {
  background: var(--primary-color);
  color: #ffffff;

  border: 1px solid var(--primary-color);
}

/* slick arrows .number slider */

.buttons-main {
  position: absolute;
  width: 100%;
  top: 50%;
  z-index: 100;
}

.prev-btn-main {
  position: absolute;
  left: -50px;
}

.next-btn-main {
  position: absolute;
  right: -50px;
}

.prev-btn,
.next-btn {
  width: 35px;
  height: 35px;
  background-color: var(--primary-color);

  border-radius: 100%;
  position: relative;
  display: inline-block;
  cursor: pointer;
  text-align: center;
}

.prev-btn:hover,
.next-btn:hover {
  background-color: var(--primary-color-dark);
}

.prev-btn:before,
.next-btn:before {
  font-family: "icomoon" !important;
  color: white;

  font-size: 13px;
  line-height: 35px;
}

.prev-btn:before {
  content: "\e920";
}

.next-btn:before {
  content: "\e91f";
}

/* slick Dots .testimonial slider */

.testimonials-slider-main .slick-dots {
  position: absolute;
  bottom: 0px;
  right: 0px;
  left: 0px;
  padding: 0;

  margin: 0 auto;
  list-style: none;
}

.testimonials-slider-main .slick-dots li {
  position: relative;
  display: inline-block;
  margin: 0 3px 0 3px;

  padding: 0;
  cursor: pointer;
}

.testimonials-slider-main .slick-dots li button {
  line-height: 0;
  display: block;

  width: 11px;
  height: 11px;
  padding: 0;
  cursor: pointer;
  color: transparent;
  outline: none;

  background: url(../images/slick-dots.png) no-repeat 0 0;
  border: none;
}

.testimonials-slider-main .slick-dots li.slick-active button {
  border: none;

  background: url(../images/slick-dots.png) no-repeat top 0 left -11px;
}

/* slick arrows .testimonial slider */

.testimonials-slider-main .slick-prev,
.testimonials-slider-main .slick-next {
  line-height: 0;

  position: absolute;
  top: 50%;
  z-index: 100;
  display: block;
  width: 18px;
  height: 28px;
  padding: 0;

  cursor: pointer;
  color: transparent;
  border: none;
  outline: none;

  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);

  transform: translate(0, -50%);
}

.testimonials-slider-main .slick-prev {
  left: -20px;

  background: url(../images/slick-arrows.png) no-repeat top 0 left 0;
}

.testimonials-slider-main .slick-next {
  right: -20px;

  background: url(../images/slick-arrows.png) no-repeat top 0 left -18px;
}

/* tabs custom (place nav and tabs anywhere separately)

------------------------------------*/

.tabs-custom-nav li a {
  color: black;
}

.tabs-custom-nav li a.current {
  color: #0076fb;
}

.tabs-custom .tab-content-panel {
  display: none;
  overflow: hidden;
  width: 100%;
}

.tabs-custom .tab-content-panel.selected {
  display: block;
}

/* tabs generic (nav and tabs in main div)

------------------------------------*/

.tab-custom-nav li a {
  color: black;
}

.tab-custom-nav li a.current {
  color: #0076fb;
}

.tab-custom .tab-content-panel {
  display: none;
  overflow: hidden;
  width: 100%;
}

.tab-custom .tab-content-panel.selected {
  overflow: visible;
  display: inline-block;
  width: 100%;
}

/* tabs generic (nav and tabs in main div tabs with style)

------------------------------------*/

.tabs-main {
  display: inline-block;
  width: 100%;
  padding: 15px 0;
}

.tabs-main ul.tabs-nav {
  padding: 0px;
  width: 100%;
  float: left;
  margin: 0 0 -1px 0;
}

.tabs-main ul.tabs-nav li {
  list-style: none;
  float: left;
}

.tabs-main ul.tabs-nav li a {
  background: #003a7b;
  border: 1px solid #bcc5cb;
  border-bottom: 0px;
  color: white;
  padding: 7px 15px;
  display: block;
  text-decoration: none;
}

.tabs-main ul.tabs-nav li a.current {
  background: white;
  color: #003a7b;
}

.tabs-main .tab-content-panel {
  background: white;
  padding: 15px 30px 25px 30px;
  border: 1px solid #bcc5cb;
  display: none;
  overflow: hidden;
  width: 100%;
}

/* points boxes area

------------------------------------*/

.points-boxes-area {
  background: #000000;
}

.points-boxes-area .col-lg-4 {
  border-right: 1px solid #292929;
}

.points-boxes-area .col-lg-4:nth-child(3) {
  border-right: 0px;
}

.points-box {
  padding: 30px 0 30px 80px;
  position: relative;
}

.points-box img {
  position: absolute;
  left: 0px;
  top: 30px;
}

.points-box h3 {
  color: white;
  font-size: 16px;
  font-weight: 600;
  margin: 0px;
  padding: 0 0 10px 0;
  text-transform: uppercase;
}

.points-box p {
  color: white;
  font-size: 13px;
  font-weight: 400;
  margin: 0px;
  padding: 0;
}

/* accordion

------------------------------------*/

.accordion,
.accordion * {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.accordion {
  overflow: hidden;
  background: none;
  margin-top: 50px;
}

.quest-title {
  font-size: 22px;
  font-weight: 500;
  color: #171717;
  margin-bottom: 0px;
  position: relative;
  width: 100%;
  line-height: 1.4;
  display: inline-block;
  transition: all linear 0.15s;
  text-decoration: none;
  padding-right: 40px;
}

.quest-title:before {
  position: absolute;
  content: "\e955";
  width: 20px;
  height: 20px;
  right: 15px;
  top: 0px;
  font-family: "icomoon" !important;
  color: #1e1e1e;
  font-size: 20px;
}

.quest-title.active,
.quest-title:hover {
  color: #f38440;
  content: "\e91c";
}

.quest-title:after {
  width: 60px;
  height: 1px;
  left: -60px;
  bottom: -1px;
  background: #dbdbdb;
  position: absolute;
  content: "";
}

.quest-title.active:before {
  content: "\e956";
}

.quest-content {
  padding: 15px 40px 15px 0;
  display: none;
  margin-bottom: 0px;
  float: left;
  width: 100%;
}

.quest-content p {
  line-height: 1.4;
  font-size: 18px;
  font-weight: 500;
  margin: 0px;
  color: #687087;
}

/* Contact (page)

------------------------------------*/

.form-box-main {
  background: #ffffff;
  padding: 30px 15px;
}

.form-box-main h2 {
  text-align: left;
  font-size: 36px;
  width: 100%;
  font-weight: 700;
  line-height: 1.2;
}

.form-box-main form {
  width: 80%;
  margin: 0 auto;
}

.form-box-main form .col-md-6,
.form-box-main form .col-md-12 {
  padding-bottom: 30px;
}

.form-box-main form label.field-txt {
  font-weight: 500;

  font-size: 18px;

  color: #5b6b7f;

  margin: 0 0 5px;

  width: 100%;

  display: block;
}

.form-box-main form label.field-txt span {
  color: #ec1d23;
}

.form-box-main form input[type="text"],
.form-box-main form input[type="email"],
.form-box-main form input[type="number"],
.form-box-main form input[type="tel"],
.form-box-main form textarea {
  width: 100%;
  margin: 0 0 0 0;
  border: 1px solid #b2b9c1;
  background: white;
  padding: 18px 15px;
  color: #000;
  font-size: 18px;
  font-weight: 400;
  height: 55px;
  border-radius: 5px;
}

.form-box-main form select {
  width: 100%;
  margin: 0 0 0 0;
  border: 1px solid #b2b9c1;
  background: white;
  padding: 12px 15px;
  color: #5b6b7f;
  font-size: 18px;
  font-weight: 400;
  border-radius: 5px;
}

.form-box-main form select[name="ddlMonth"],
.form-box-main form select[name="ddlDay"],
.form-box-main form select[name="ddlYear"] {
  float: left;
  width: 32.5%;
  margin: 0 1% 0 0;
}

.form-box-main form select[name="ddlYear"] {
  margin: 0;
}

.form-box-main form textarea {
  width: 100%;
  margin: 0;
  padding: 8px 12px;
  height: 100px;
}

.check-list {
  float: left;
  /* margin:0 15px 0 0; */
}

.form-box-main form input[type="checkbox"]:not(old),
.form-box-main form input[type="radio"]:not(old) {
  width: 28px;
  margin: 0;
  padding: 0;
  opacity: 0;
  cursor: pointer;
}

.form-box-main form input[type="checkbox"]:not(old) + label,
input[type="radio"]:not(old) + label {
  display: inline-block;

  margin-left: -28px;

  padding-left: 28px;

  background: url("../images/checks.png") no-repeat 0 0;

  line-height: 24px;

  font-weight: 500;

  font-size: 14px;

  color: #5b6b7f;
}

.form-box-main form input[type="checkbox"]:not(old):checked + label {
  background-position: 0 -24px;
}

.form-box-main form input[type="radio"]:not(old):checked + label {
  background-position: 0 -48px;
}

.form-box-main form input[type="submit"] {
  display: inline-block;

  transform: translateY(0rem);

  -webkit-transition: 0.4s;

  -moz-transition: 0.4s;

  -o-transition: 0.4s;

  transition: 0.4s;

  color: #fff;

  background: #f38440;

  border: 1px solid #f9653b;

  padding: 20px 60px;

  font-size: 18px;

  border-radius: 5px;

  cursor: pointer;
}

.form-box-main form input[type="submit"]:after {
  content: "\e93a";

  font-family: "icomoon" !important;
  font-size: 13px;
  color: white;
  padding-left: 10px;
}

.form-box-main form input[type="submit"]:hover {
  display: inline-block;

  color: #fff;

  transform: translateY(-0.625rem);

  -webkit-transition: 0.4s;

  -moz-transition: 0.4s;

  -o-transition: 0.4s;

  transition: 0.4s;
}

.form-box-main form input::-webkit-input-placeholder {
  color: gray;
  opacity: 1 !important;
}

.form-box-main form input:-moz-placeholder {
  color: gray;
}

.form-box-main form input::-moz-placeholder {
  color: gray;
}

.form-box-main form input:-ms-input-placeholder {
  color: gray;
}

.form-box-main form textarea::-webkit-input-placeholder {
  color: gray;
  opacity: 1 !important;
}

.form-box-main form textarea:-moz-placeholder {
  color: gray;
}

.form-box-main form textarea::-moz-placeholder {
  color: gray;
}

.form-box-main form textarea:-ms-input-placeholder {
  color: gray;
}

.form-box-main form input:focus,
.form-box-main form textarea:focus,
.form-box-main form select:focus,
.form-box-main form option:focus,
.selected-flag {
  outline: none;
}

input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

input[type="number"] {
  -moz-appearance: textfield;
}

.form-box-main form .intl-tel-input {
  width: 100%;
}

.form-box-main form .intl-tel-input .country-list {
  width: 380px;
}

.form-box-main form .intl-tel-input .country-list .country {
  font-size: 13px;
}

.form-box-main form label.error,
label.error {
  /* remove the next line when you have trouble in IE6 with labels in list */

  color: red;

  font-style: italic;

  margin-bottom: 0px;

  display: none !important;
}

div.error {
  display: none;
}

input.checkbox {
  border: none;
}

input.error {
  border: 1px solid red !important;
}

form.cmxform .gray * {
  color: gray;
}

.whatsapp {
  width: 50px;

  height: 51px;

  color: #fff;

  display: block;

  text-align: center;

  border-radius: 100%;

  font-size: 34px;

  position: fixed;

  bottom: 40%;

  left: 20px;

  z-index: 9999;

  box-shadow: 6px 9px 30px 1px rgba(37, 0, 22, 0.71);

  padding: 0px;

  animation: scrollDownAnimation 0.5s ease infinite alternate;

  -webkit-animation: scrollDownAnimation 0.5s ease infinite alternate;

  background: #00e676;
}

.whatsapp:hover {
  color: #fff;
}

.whatsapp:focus {
  color: #fff;
}

@keyframes scrollDownAnimation {
  from {
    transform: translateY(0);
  }

  to {
    transform: translateY(-10px);
  }
}

@-webkit-keyframes scrollDownAnimation {
  from {
    transform: translateY(0);
  }

  to {
    transform: translateY(-10px);
  }
}

.top-header-social {
  background: #65259a;

  margin: 0;
}

.top-header-social ul.top-left {
  display: inline-block;

  width: 100%;

  margin: 0;

  padding: 10px 30px;
}

.top-header-social ul.top-left li {
  display: inline-block;

  border-right: 1px solid #ece8e84a;

  padding: 0 20px;
}

.top-header-social ul.top-left li:last-child {
  border-right: 0px;
}

.top-header-social ul.top-left li span {
  color: #fff;

  margin: 0 10px;

  font-size: 12px;
}

.top-header-social ul.top-left li a {
  color: #fff;

  font-size: 12px;
}

.top-header-social .ftr-social3 {
  margin: 0;

  text-align: right;

  display: inline-block;

  padding: 10px 30px;
}

.top-header-social .ftr-social3 li {
  margin: 0 6px;

  display: inline-block;

  float: none;
}

.top-header-social .ftr-social3 li a {
  color: #fff;
}

.top-header-social .ftr-social3 li a span {
  font-size: 16px;
}

.top-header-social .ftr-social3 li a:hover span {
  color: #fff;
}

.top-header-social .ftr-social3 li a .fa-envelope {
  margin: 0 10px;
  font-size: 14px;
}

.test-home .mainwrp {
  padding: 50px 30px !important;
  min-height: auto !important;
}

.test-home .mainwrp .starwrp {
  padding-left: 10px !important;
}

.test-home .mainwrp p {
  height: auto !important;
}

/*slick slider buttons*/

.mble-tab-pkg .slick-prev,
.mble-tab-pkg .slick-next {
  top: 28%;
  right: -10px;
}

.mble-tab-pkg .slick-prev {
  left: -10px;
  z-index: 9;
}

.mble-tab-pkg .slick-prev:before,
.mble-tab-port .slick-prev:before {
  background: #f6f6f8;
  font-size: 40px;
}

.mble-tab-pkg .slick-next:before,
.mble-tab-port .slick-next:before {
  background: #f6f6f8;
  font-size: 40px;
}

.portfolioboxes .slick-prev,
.portfolioboxes .slick-next {
  top: 50% !important;
}

.portfolioboxes .slick-prev {
  left: -50px;
}

.portfolioboxes .slick-next {
  right: -50px;
}

/*frequentlywrp-accordion-css-start*/

.frequentlywrp {
  padding: 160px 0;
}

.frequentlywrp .imgwrp {
  display: block;
  width: 361px;
  margin: 0 auto;
  position: relative;
}

.frequentlywrp .imgwrp img {
  width: 100%;
}

.frequentlywrp .imgwrp3 {
  position: absolute;
  right: 0;
  top: 410px;
}

.frequentlywrp .imgwrp2 {
  position: absolute;
  top: 300px;
  z-index: -1;
  left: 0;
}

.frequentlywrp .txtwrp {
  display: block;
  text-align: center;
}

.frequentlywrp .txtwrp h2 {
  margin-bottom: 40px;
}

.frequentlywrp .accordion .quest-section {
  border-color: #e6e6e6;
  border-style: solid;
  border-width: 2px 0 0;
}

.frequentlywrp .accordion .quest-section a {
  font-size: 18px;
  position: relative;
  font-weight: 600;
  text-transform: capitalize;
  transition: all linear 0.15s;
  text-decoration: none;
  padding: 22px 50px 22px 10px;
  display: block;
  color: #2c2c2c;
}

.frequentlywrp .accordion .quest-section a.active {
  color: #65259a;
}

.frequentlywrp .accordion .quest-section a:after {
  position: absolute;
  content: "\f067";
  width: 20px;
  height: 20px;
  right: 0;
  font-weight: 300;
  top: 12px;
  font-family: fontawesome !important;
  color: #ccc;
  font-size: 28px;
}

.frequentlywrp .accordion .quest-section a:hover {
  color: #65259a;
}

.frequentlywrp .accordion .quest-inner {
  padding: 0 10px 15px 50px;
  margin-bottom: 15px;
  padding-bottom: 0;
}

.frequentlywrp .accordion .quest-inner p {
  line-height: 1.6;
  font-weight: 500;
  margin: 0;
  font-family: var(--secondary-font-family);
  font-size: 16px;
  color: #212529;
  padding: 0;
}

.frequentlywrp .accordion .quest-inner p a {
  color: #3b3f55;
  text-decoration: underline;
}

.frequentlywrp .accordion .quest-inner p a:hover {
  text-decoration: none;
}

.frequentlywrp .accordion .quest-inner ul {
  margin: 20px 0 0 30px;
}

.frequentlywrp .accordion .quest-inner ul li {
  position: relative;
  color: #323637;
  font-weight: 500;
  line-height: 1.3;
  font-size: 16px;
  margin-bottom: 7px;
}

.frequentlywrp .accordion .quest-inner ul li:after {
  content: "";
  position: absolute;
  background-color: #65259a;
  width: 6px;
  height: 6px;
  left: -20px;
  top: 7px;
  border-radius: 50%;
}

.frequentlywrp .accordion .quest-section.lineextra {
  border-bottom: 2px solid #e6e6e6;
}

.frequentlywrp .getwrp {
  display: block;
  margin: 30px 0;
}

.frequentlywrp .getwrp a {
  font-size: 22px;
  color: #9000f8;
}

/*frequentlywrp-accordion-css-end*/

/* .faq-header {
  background-color: #65259A;
} */

.dmca {
  width: 106px;

  padding-top: 10px;
}

.mheader.stickyheader .top-header-social {
  display: none;
}

ul.trig-wrap li {
  flex-grow: 0;

  flex-shrink: 0;

  flex-basis: 21%;

  color: #fff;
}

ul.trig-wrap {
  display: flex;
}

section.tig-wrap-sec {
  background: #65259a;
}

.banner-section {
  width: 100%;

  position: relative;

  z-index: 0;

  overflow: hidden;
}

.why-we-are {
  width: 100%;
}

.why-we-are ul {
  width: 100%;

  display: table;
}

.why-we-are ul li {
  display: table-cell;

  width: 4%;

  font-size: 14px;

  color: #fff;

  padding: 22px 0 20px 30px;

  /* text-align: center; */

  border-right: 1px solid #868686;

  font-family: var(--secondary-font-family) !important;

  font-weight: 600;
}

.why-we-are ul li span img {
  width: 13%;
}

section.trig-wrap-1 {
  background: #65259a;

  height: 85px;
}

.wrapper ul img {
  width: 15%;
}

.wrapper span {
  position: absolute;

  margin-left: 22px;
}

li.icon-3 span {
  padding-top: 7px;
}

.myinnersection .textwrap h1 {
  text-align: left !important;
}

.myinnersection .textwrap.dark h1 {
  color: #333 !important;
}

ul.tabbing-links.tabs-left-wrap li {
  display: block !important;
}

.portfolio_fold {
  padding-bottom: 0px;

  border-top: 1px solid #e8e8e8;
}

.section-padding {
  padding: 80px 0px;
}

.portfolio {
  margin-top: 20px;

  position: relative;

  overflow: hidden;

  z-index: 0;
}

.clearfix:after,
.clearfix:before {
  content: " ";

  display: table;
}

.portfolio_fold .portfolio .row {
  position: relative;
}

/* .container-fluid:after,
.container-fluid:before,
.container:after,
.container:before,
.row:after,
.row:before {

    display: table;

    content: " ";

} */

.filter-wrapper {
  max-width: 236px;

  float: right;
}

.filter-wrapper {
  padding-left: 106px;
}

.cbp-l-filters-buttonCenter {
  text-align: left;
}

.cbp-l-filters-buttonCenter {
  margin-bottom: 30px;

  text-align: center;
}

.clearfix:after,
.clearfix:before {
  content: " ";

  display: table;
}

div#filter-industry {
  cursor: pointer;
}

div.filter-industry div.cbp-filter-item-active.cbp-filter-item.all-btn {
  background: rgb(184, 40, 90);

  background: -moz-linear-gradient(
    left,
    rgb(184, 40, 90) 0%,
    rgb(163, 41, 116) 50%,
    rgb(144, 41, 139) 100%
  );

  background: -webkit-linear-gradient(
    left,
    rgb(184, 40, 90) 0%,
    rgb(163, 41, 116) 50%,
    rgb(144, 41, 139) 100%
  );

  background: linear-gradient(
    to right,
    rgb(184, 40, 90) 0%,
    rgb(163, 41, 116) 50%,
    rgb(144, 41, 139) 100%
  );

  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#b8285a', endColorstr='#90298b', GradientType=1);

  background-color: #a32974;

  color: #fff;

  text-decoration: none;

  max-width: 175px;
}

div.filter-industry div.cbp-filter-item.cbp-filter-item-active {
  color: #b8285a;

  background: transparent;

  filter: none;

  background-color: transparent;

  text-decoration: underline;
}

div.filter-industry div.cbp-filter-item.all-btn {
  background: rgb(255, 255, 255);

  background: -moz-linear-gradient(
    left,
    rgb(184, 255, 255) 0%,
    rgb(255, 255, 255) 50%,
    rgb(255, 255, 255) 100%
  );

  background: -webkit-linear-gradient(
    left,
    rgb(255, 255, 255) 0%,
    rgb(255, 255, 255) 50%,
    rgb(255, 255, 255) 100%
  );

  background: linear-gradient(
    to right,
    rgb(255, 255, 255) 0%,
    rgb(255, 255, 255) 50%,
    rgb(255, 255, 255) 100%
  );

  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff', endColorstr='#fff', GradientType=1);

  background-color: #fff;

  color: #888888;

  text-decoration: none;

  height: 45px;

  font-size: 11px;

  text-transform: uppercase;

  display: inline-block;

  padding: 13px 15px;

  outline: none;

  border: none;

  min-width: 154px;

  text-align: center;

  text-transform: uppercase;

  -webkit-transition: all 0.3s ease;

  -moz-transition: all 0.3s ease;

  -ms-transition: all 0.3s ease;

  -o-transition: all 0.3s ease;

  transition: all 0.3s ease;

  border-radius: 50px;

  font-size: 12px;

  border: 1px solid #ececec;

  margin-bottom: 40px;
}

.cbp-l-filters-buttonCenter .cbp-filter-item.cbp-filter-item-active {
  color: #fff;

  cursor: default;

  background: rgb(184, 40, 90);

  background: -moz-linear-gradient(
    left,
    rgb(184, 40, 90) 0%,
    rgb(163, 41, 116) 50%,
    rgb(144, 41, 139) 100%
  );

  background: -webkit-linear-gradient(
    left,
    rgb(184, 40, 90) 0%,
    rgb(163, 41, 116) 50%,
    rgb(144, 41, 139) 100%
  );

  background: linear-gradient(
    to right,
    rgb(184, 40, 90) 0%,
    rgb(163, 41, 116) 50%,
    rgb(144, 41, 139) 100%
  );

  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#b8285a', endColorstr='#90298b', GradientType=1);

  background-color: #a32974;
}

div.filter-industry div.cbp-filter-item {
  text-align: left;

  height: auto;

  width: 100%;

  border: none;

  border-bottom: 1px solid #fff;

  border-radius: 0px;

  padding: 0px;

  margin: 0px 0px 20px 0px;

  text-transform: none;

  font-size: 12px;
}

div.filter-wrapper div.cbp-filter-item {
  float: left;

  margin-bottom: 40px;
}

.cbp-l-filters-buttonCenter .cbp-filter-item {
  background-color: #ffffff;

  border: 1px solid #ececec;

  color: #2c2c2c;

  cursor: pointer;

  margin: 0px 0px 10px 10px;

  overflow: visible;

  padding: 13px 0px;

  font-size: 12px;

  height: 45px;

  width: 155px;

  border-radius: 50px;

  text-transform: uppercase;

  position: relative;

  display: inline-block;

  -webkit-transition: all 0.3s ease-in-out;

  transition: all 0.3s ease-in-out;

  text-align: center;
}

div.filter-industry div.cbp-filter-item {
  text-align: left;

  height: auto;

  width: 100%;

  border: none;

  border-bottom: 1px solid #fff;

  border-radius: 0px;

  padding: 0px;

  margin: 0px 0px 20px 0px;

  text-transform: none;

  font-size: 12px;
}

div.filter-wrapper div.cbp-filter-item {
  float: left;

  margin-bottom: 40px;
}

.cbp-l-filters-buttonCenter .cbp-filter-item {
  background-color: #ffffff;

  border: 1px solid #ececec;

  color: #2c2c2c;

  cursor: pointer;

  margin: 0px 0px 10px 10px;

  overflow: visible;

  padding: 13px 0px;

  font-size: 12px;

  height: 45px;

  width: 155px;

  border-radius: 50px;

  text-transform: uppercase;

  position: relative;

  display: inline-block;

  -webkit-transition: all 0.3s ease-in-out;

  transition: all 0.3s ease-in-out;

  text-align: center;
}

.disable_element {
  color: #888888 !important;

  opacity: 0.4;

  pointer-events: none;
}

div.filter-industry div.cbp-filter-item {
  text-align: left;

  height: auto;

  width: 100%;

  border: none;

  border-bottom: 1px solid #fff;

  border-radius: 0px;

  padding: 0px;

  margin: 0px 0px 20px 0px;

  text-transform: none;

  font-size: 12px;
}

div.filter-wrapper div.cbp-filter-item {
  float: left;

  margin-bottom: 40px;
}

.cbp-l-filters-buttonCenter .cbp-filter-item {
  background-color: #ffffff;

  border: 1px solid #ececec;

  color: #2c2c2c;

  cursor: pointer;

  margin: 0px 0px 10px 10px;

  overflow: visible;

  padding: 13px 0px;

  font-size: 12px;

  height: 45px;

  width: 155px;

  border-radius: 50px;

  text-transform: uppercase;

  position: relative;

  display: inline-block;

  -webkit-transition: all 0.3s ease-in-out;

  transition: all 0.3s ease-in-out;

  text-align: center;
}

.disable_element {
  color: #888888 !important;

  opacity: 0.4;

  pointer-events: none;
}

.clearfix:after {
  content: " ";

  display: block;

  height: 0;

  clear: both;
}

.actions-port {
  bottom: 20px;

  max-width: 236px;

  clear: both;

  float: right;
}

section.actions-port .no {
  padding-bottom: 10px;
}

.set-min-height-portfolio {
  min-height: 750px;
}

.only-xs {
  display: none !important;
}

.cbp-l-filters-buttonCenter {
  text-align: left;
}

.cbp-l-filters-buttonCenter {
  margin-bottom: 30px;

  text-align: center;
}

.cbp-l-filters-dropdown-floated {
  float: right;

  margin: 0px 0px 10px 0px;

  width: 280px;
}

.cbp-l-filters-dropdown {
  margin-bottom: 40px;

  height: 38px;

  position: relative;

  z-index: 5;
}

.portfolio_drop-xs .cbp-l-filters-dropdownWrap {
  background: transparent;

  color: #2c2c2c;
}

.cbp-l-filters-dropdownWrap {
  width: 100%;

  position: absolute;

  right: 0;

  background: #4d4c4d;
}

.portfolio_drop-xs .cbp-l-filters-dropdownHeader {
  color: #aeaeae;
}

.cbp-l-filters-dropdownHeader {
  font-size: 20px;

  margin: 0 17px;

  color: #fff;

  cursor: default;

  position: relative;

  z-index: 1;
}

.portfolio_drop-xs .cbp-l-filters-dropdownList {
  background: rgba(255, 255, 255, 0.9);
}

.cbp-l-filters-dropdownList {
  display: none;

  list-style: none outside none;

  margin: 0;

  padding: 0;
}

.portfolio_drop-xs
  .cbp-l-filters-buttonCenter
  .cbp-filter-item.cbp-filter-item-active,
.portfolio_drop-xs .cbp-l-filters-dropdownList .cbp-filter-item {
  border-radius: 0px;

  padding: 10px 10px;
}

.cbp-l-filters-buttonCenter .cbp-filter-item.cbp-filter-item-active {
  color: #fff;

  cursor: default;

  background: rgb(184, 40, 90);

  background: -moz-linear-gradient(
    left,
    rgb(184, 40, 90) 0%,
    rgb(163, 41, 116) 50%,
    rgb(144, 41, 139) 100%
  );

  background: -webkit-linear-gradient(
    left,
    rgb(184, 40, 90) 0%,
    rgb(163, 41, 116) 50%,
    rgb(144, 41, 139) 100%
  );

  background: linear-gradient(
    to right,
    rgb(184, 40, 90) 0%,
    rgb(163, 41, 116) 50%,
    rgb(144, 41, 139) 100%
  );

  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#b8285a', endColorstr='#90298b', GradientType=1);

  background-color: #a32974;
}

.cbp-l-filters-dropdownList .cbp-filter-item-active {
  color: #fff;

  cursor: default;
}

.cbp-l-filters-dropdownList .cbp-filter-item {
  height: auto;

  background: transparent;

  color: #b3b3b3;

  width: 100%;

  text-align: left;

  margin: 0;

  padding: 0 17px;

  cursor: pointer;

  border: none;
}

.cbp-l-filters-buttonCenter .cbp-filter-item {
  background-color: #ffffff;

  border: 1px solid #ececec;

  color: #2c2c2c;

  cursor: pointer;

  margin: 0px 0px 10px 10px;

  overflow: visible;

  padding: 13px 0px;

  font-size: 12px;

  height: 45px;

  width: 155px;

  border-radius: 50px;

  text-transform: uppercase;

  position: relative;

  display: inline-block;

  -webkit-transition: all 0.3s ease-in-out;

  transition: all 0.3s ease-in-out;

  text-align: center;
}

.cbp-l-filters-dropdownList .cbp-filter-item {
  height: auto;

  background: transparent;

  color: #b3b3b3;

  width: 100%;

  text-align: left;

  margin: 0;

  padding: 0 17px;

  cursor: pointer;

  border: none;
}

.cbp-l-filters-buttonCenter .cbp-filter-item {
  background-color: #ffffff;

  border: 1px solid #ececec;

  color: #2c2c2c;

  cursor: pointer;

  margin: 0px 0px 10px 10px;

  overflow: visible;

  padding: 13px 0px;

  font-size: 12px;

  height: 45px;

  width: 155px;

  border-radius: 50px;

  text-transform: uppercase;

  position: relative;

  display: inline-block;

  -webkit-transition: all 0.3s ease-in-out;

  transition: all 0.3s ease-in-out;

  text-align: center;
}

.cbp-l-filters-buttonCenter {
  text-align: left;
}

.cbp-l-filters-buttonCenter {
  margin-bottom: 30px;

  text-align: center;
}

.cbp-l-filters-buttonCenter .cbp-filter-item.cbp-filter-item-active {
  color: #fff;

  cursor: default;

  background: rgb(184, 40, 90);

  background: -moz-linear-gradient(
    left,
    rgb(184, 40, 90) 0%,
    rgb(163, 41, 116) 50%,
    rgb(144, 41, 139) 100%
  );

  background: -webkit-linear-gradient(
    left,
    rgb(184, 40, 90) 0%,
    rgb(163, 41, 116) 50%,
    rgb(144, 41, 139) 100%
  );

  background: linear-gradient(
    to right,
    rgb(184, 40, 90) 0%,
    rgb(163, 41, 116) 50%,
    rgb(144, 41, 139) 100%
  );

  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#b8285a', endColorstr='#90298b', GradientType=1);

  background-color: #a32974;
}

.cbp-l-filters-buttonCenter .cbp-filter-item {
  background-color: #ffffff;

  border: 1px solid #ececec;

  color: #2c2c2c;

  cursor: pointer;

  margin: 0px 0px 10px 10px;

  overflow: visible;

  padding: 13px 0px;

  font-size: 12px;

  height: 45px;

  width: 155px;

  border-radius: 50px;

  text-transform: uppercase;

  position: relative;

  display: inline-block;

  -webkit-transition: all 0.3s ease-in-out;

  transition: all 0.3s ease-in-out;

  text-align: center;
}

.cbp-l-filters-buttonCenter .cbp-filter-item {
  background-color: #ffffff;

  border: 1px solid #ececec;

  color: #2c2c2c;

  cursor: pointer;

  margin: 0px 0px 10px 10px;

  overflow: visible;

  padding: 13px 0px;

  font-size: 12px;

  height: 45px;

  width: 155px;

  border-radius: 50px;

  text-transform: uppercase;

  position: relative;

  display: inline-block;

  -webkit-transition: all 0.3s ease-in-out;

  transition: all 0.3s ease-in-out;

  text-align: center;
}

.cbp {
  position: relative;

  margin: 0 auto;

  z-index: 1;

  height: 400px;
}

.cbp-wrapper-outer,
.cbp-wrapper,
.cbp-wrapper-helper {
  list-style-type: none;

  padding: 0;

  width: 100%;

  height: 100%;

  z-index: 1;
}

.cbp-wrapper-outer {
  overflow: hidden;

  position: relative;

  margin: 0 auto;
}

.cbp-ready > * {
  visibility: visible;
}

.cbp > * {
  visibility: hidden;
}

.cbp-wrapper,
.cbp-wrapper-helper {
  position: absolute;

  top: 0;

  left: 0;

  margin: 0;
}

.cbp-wrapper-outer,
.cbp-wrapper,
.cbp-wrapper-helper {
  list-style-type: none;

  padding: 0;

  width: 100%;

  height: 100%;

  z-index: 1;
}

.cbp .cbp-item {
  position: absolute;

  top: 0;

  left: 0;

  list-style-type: none;

  margin: 0;

  padding: 0;

  overflow: hidden;
}

.cbp-item {
  display: inline-block;

  margin: 0 10px 20px 0;
}

.cbp-item-wrapper {
  width: 100%;

  height: 100%;

  position: relative;

  top: 0;

  left: 0;
}

.cbp-caption-active .cbp-caption,
.cbp-caption-active .cbp-caption-defaultWrap,
.cbp-caption-active .cbp-caption-activeWrap {
  overflow: hidden;

  position: relative;

  z-index: 1;
}

.cbp a,
.cbp a:hover,
.cbp a:active {
  text-decoration: none;

  outline: 0;
}

.cbp-caption,
.cbp-caption-defaultWrap,
.cbp-caption-activeWrap {
  display: block;
}

.cbp-caption-active .cbp-caption-defaultWrap {
  top: 0;
}

.cbp-caption-active .cbp-caption,
.cbp-caption-active .cbp-caption-defaultWrap,
.cbp-caption-active .cbp-caption-activeWrap {
  overflow: hidden;

  position: relative;

  z-index: 1;
}

.cbp-caption,
.cbp-caption-defaultWrap,
.cbp-caption-activeWrap {
  display: block;
}

.cbp img {
  display: block;

  width: 100%;

  height: auto;

  border: 0;
}

.cbp-l-grid-mosaic-flat .cbp-caption-activeWrap.mbgyellow {
  background-color: #ffcb08 !important;
}

.cbp-l-grid-mosaic-flat .cbp-caption-activeWrap {
  background-color: #2c2825;
}

.cbp-caption-fadeIn .cbp-caption-activeWrap {
  opacity: 0;

  top: 0;

  background-color: rgba(0, 0, 0, 0.85);

  -webkit-transition: opacity 0.9s cubic-bezier(0.19, 1, 0.22, 1);

  transition: opacity 0.9s cubic-bezier(0.19, 1, 0.22, 1);
}

.cbp-caption-active .cbp-caption-activeWrap {
  width: 100%;

  position: absolute;

  z-index: 2;

  height: 100%;
}

.cbp-caption-active .cbp-caption,
.cbp-caption-active .cbp-caption-defaultWrap,
.cbp-caption-active .cbp-caption-activeWrap {
  overflow: hidden;

  position: relative;

  z-index: 1;
}

.cbp-caption-activeWrap {
  background-color: #282727;
}

.cbp-caption,
.cbp-caption-defaultWrap,
.cbp-caption-activeWrap {
  display: block;
}

.cbp-l-caption-alignCenter {
  display: table;

  width: 100%;

  height: 100%;
}

.cbp-l-caption-alignCenter .cbp-l-caption-body {
  display: table-cell;

  vertical-align: middle;

  text-align: center;

  padding: 10px 15px;
}

.cbp-l-grid-mosaic-flat .cbp-l-caption-title {
  font-family: "Circular Std";

  color: #fff;

  font-size: 22px;

  text-transform: none;

  letter-spacing: 2px;

  display: inline-block;
}

.cbp-l-caption-title {
  color: #fff;
}

.cbp-l-caption-title small {
  text-transform: uppercase;

  font-size: 12px;

  font-weight: 600;
}

.cbp .cbp-item {
  position: absolute;

  top: 0;

  left: 0;

  list-style-type: none;

  margin: 0;

  padding: 0;

  overflow: hidden;
}

.cbp-item {
  display: inline-block;

  margin: 0 10px 20px 0;
}

.cbp .cbp-item {
  position: absolute;

  top: 0;

  left: 0;

  list-style-type: none;

  margin: 0;

  padding: 0;

  overflow: hidden;
}

.cbp-wrapper-outer,
.cbp-wrapper,
.cbp-wrapper-helper {
  list-style-type: none;

  padding: 0;

  width: 100%;

  height: 100%;

  z-index: 1;
}

.extra li {
  width: 80% !important;

  text-transform: capitalize;
}

.count-text-sec h3 {
  color: rgb(7, 7, 7);

  font-size: 40px;

  font-weight: 500;

  padding-bottom: 15px;
}

.logo-rating ul li {
  display: inline-block;

  padding-right: 30px;
}

.logo-rating {
  display: flex;

  align-items: center;

  height: 100%;

  justify-content: center;
}

.logo-rating ul {
  display: flex;

  align-items: center;

  justify-content: center;
}

.bark-review-badge-name {
  background: none !important;

  display: none;
}

a.bark-widget {
  border: none !important;

  background: transparent !important;
}

.payment_links {
  padding: 180px 0;
}

.card-place {
  width: 100%;

  background: #f8f8f8;

  padding: 30px;

  border: 1px solid #65259a;

  box-shadow: 0px 0px 10px rgb(0 0 0 / 22%);

  border-radius: 20px;

  width: 60%;

  margin: 0 auto;

  padding: 90px 30px;

  font-size: 19px;
}

.card-place button {
  background-color: #65259a;

  border: 0;

  color: #fff;

  padding: 13px 50px;

  border-radius: 50px;

  margin: 30px auto 0;

  display: inherit;

  cursor: pointer;

  transition: 0.5s ease-in-out;

  font-size: 20px;
}

.card-place button:hover {
  background: #000;
}

/*About Us Section Begin*/

.count_box {
  position: relative;

  padding-left: 70px;
}

.count_box span img {
  width: auto;

  position: absolute;

  left: 0;
}

.count_box h3 {
  font-size: 45px;

  line-height: 35px;

  font-weight: 400;
}

.count_box h3 span {
  font-size: 13px;

  font-weight: 600;

  display: block;
}

.count_sec_box {
  padding-top: 30px;
}

.about_img_sec {
    position: relative;
    z-index: 99;
    margin: 0;
    padding: 0;
}

/* .about_img_sec:after {
  content: "";

  position: absolute;

  background: #804db2;

  width: 100%;

  height: 100%;

  right: -15px;

  top: 15px;

  z-index: -1;

  border-radius: 10px;
} */

.about_img_sec img {
    border-radius: 0px;
    background: #fac759;
    height: 100%;
    width: 100%;
    object-fit: cover;
}

.about_content_sec h4.subheading {
  color: #fff;

  background-color: #65259a;

  padding: 8px 20px;

  font-size: 16px;

  border-radius: 30px;

  display: inline-block;

  font-weight: 700;

  text-transform: uppercase;

  margin-bottom: 15px;
}

.about_content_sec h2 {
  font-size: 33px;

  font-weight: 500;

  margin-bottom: 0;

  padding-bottom: 5px;
}

.about_content_sec p {
  font-size: 16px;

  line-height: 29px;
}

.about_sec_main {
  background: #f6f6f8;

  padding: 80px 0 90px;
}

.about_sec_tab {
  padding-bottom: 90px;
}

.about_sec_tab:last-child {
  padding-bottom: 0px;
}
.about_sec_tab.second_box_about {
  display: flex;
}

.about_sec_tab.second_box_about .row {
  flex-direction: row-reverse;
}

.second_box_about .about_content_sec {
  padding-left: 0;

  padding-right: 20px;
}

.mission_content h4 {
  color: #804db2;

  font-size: 30px;

  font-weight: 500;

  padding-bottom: 10px;
}

.mission_content ul li span img {
  width: auto;

  position: absolute;

  left: 0;
}

.mission_content ul li {
  position: relative;

  padding-bottom: 15px;

  padding-left: 40px;

  font-size: 18px;
}

.mission_content ul {
  padding-top: 10px;
}

.mission_content {
  padding-bottom: 10px;
}

.team_sec {
  background-image: url(../images/team-bg.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  padding: 80px 0;
  text-align: center;
}

.team_content_sec h2 {
  color: #804db2;

  font-size: 65px;

  font-weight: 300;
}

.team_content_sec p {
  color: #1d1d1d;

  font-size: 16px;

  line-height: 29px;

  width: 80%;

  margin: auto;
}

/*About Us Section End*/

/*contact Section Begin*/

.contact_tb_sec {
  text-align: center;
}

.contact_tb_sec h2 {
  font-size: 45px;

  font-weight: 300;

  color: #070707;
}

.contact_tb_sec p {
  font-size: 16px;

  width: 60%;

  margin: 0 auto;

  color: #070707;
}

.contact_tb_sec ul li span img {
  width: 25px;
  position: absolute;
  left: 4px;
  top: 6px;
}
.contact-location-inner {
  width: 100%;
  display: flex;
  margin: 0px 0;
}
.contact-location-inner h3 {
  font-size: 16px;
  width: 25%;
}
.contact_tb_sec .contact-location-inner-first {
  margin-top: 14px !important;
}
.contact_tb_sec ul .contact-sub-text {
  font-size: 16px;
  color: #666666;
  font-weight: 400;
  margin: 0px !important;
  flex: 1;
}

.contact_tb_sec ul li {
  position: relative;
  padding-left: 45px;
  color: #070707;
  font-size: 16px;
  display: flex;
  padding-right: 100px;
  text-align: left;
  flex-direction: column;
  margin-bottom: 30px;
}
.contact_tb_sec ul li h4 {
  margin: 0 !important;
  padding: 0px;
}

.contact_tb_sec ul li a {
  display: block;

  color: #070707;
}

.contact_tb_sec ul {
  display: flex;
  flex-direction: column;
  padding-bottom: 20px;
}

.location_box img {
  width: auto;

  padding-bottom: 30px;
}

.location_box {
  text-align: center;

  background: #fff;

  height: 291px;

  display: flex;

  align-items: center;

  justify-content: center;

  flex-direction: column;
}

.location_box h3 {
  color: #282828;

  text-transform: uppercase;

  font-size: 16px;

  padding-bottom: 20px;
}

.location_box p {
  font-size: 16px;

  line-height: 23px;

  color: #282828;
}

.location_sec_main {
  margin-top: -80px;

  margin: -60px 20px;

  box-shadow: 3px 20px 20px rgb(0 0 0 / 13%);
}

/*contact Section End*/

.analyzeform {
  margin-top: 30px;
}

.analyzeform form label.error {
  display: none !important;
}

.analyzeform form input.error {
  border: 1px solid red !important;
}

.analyzeform form input[type="text"],
.analyzeform form input[type="email"],
.analyzeform form input[type="number"],
.analyzeform form input[type="tel"],
.analyzeform form textarea {
  width: 100%;
  margin: 0 0 0 0;
  border: 1px solid #e5e5e5;
  background: white;
  padding: 13px 15px;
  color: gray;
  font-size: 13px;
  height: 55px;
  font-weight: 400;
  outline: none !important;
}

.round {
  border-radius: 5px 0 0px 5px;
}

.analyzeform form .intl-tel-input {
  width: 100%;
}

.analyzeform form .intl-tel-input.separate-dial-code .selected-dial-code {
  padding-left: 14px;
}

.analyzeform form .dtf {
  float: left;
  width: 25%;
  margin-bottom: 10px;
}

.analyzeform form input[type="submit"] {
  border: none;

  -webkit-transition: 0.4s;

  -moz-transition: 0.4s;

  -o-transition: 0.4s;

  transition: 0.4s;

  color: #fff;

  font-weight: 700;

  cursor: pointer;

  font-size: 12px;

  text-transform: uppercase;

  padding: 18px 60px 19px;

  margin-left: -10px;

  text-align: left;

  letter-spacing: 1px;

  border-radius: 5px;

  font-family: var(--primary-font-family);

  background: #20cb98;
}

.analyzeform form .wrap {
  padding-left: 40px;
  text-align: center;
  width: 100%;
}

.analyzeform form .finput:focus {
  outline: none !important;
}

.pkbtn {
  margin-top: -28px;
  text-align: center;
  clear: both;
}

.btn-blue {
  color: #fff;

  background: #4a8cfc;

  padding: 14px 50px;

  font-size: 16px;

  -webkit-transition: 0.4s;

  -moz-transition: 0.4s;

  -o-transition: 0.4s;

  transition: 0.4s;

  font-weight: 700;

  display: inline-block;

  border-radius: 30px;

  border: 1px solid #fff;
}

.btn-blue:hover {
  transform: translateY(-3.925px);
  color: #fff;
}

.btn-green {
  color: #fff;

  background: #20cb98;

  padding: 14px 50px;

  font-size: 16px;

  font-weight: 700;

  -webkit-transition: 0.4s;

  -moz-transition: 0.4s;

  -o-transition: 0.4s;

  transition: 0.4s;

  display: inline-block;

  border-radius: 30px;

  border: 1px solid #fff;
}

.btn-green:hover {
  transform: translateY(-3.925px);

  color: #fff;
}

.btn-red {
  color: #fff;

  background: #f45948;

  padding: 14px 50px;

  font-size: 16px;

  -webkit-transition: 0.4s;

  -moz-transition: 0.4s;

  -o-transition: 0.4s;

  transition: 0.4s;

  font-weight: 700;

  display: inline-block;

  border-radius: 30px;

  border: 1px solid #fff;
}

.btn-red:hover {
  transform: translateY(-3.925px);
  color: #fff;
}

.bottom-form {
  padding: 100px 0;
}

.bottom-form .txtwrap {
}

.bottom-form .txtwrap h2 {
  font-size: 36px;

  font-weight: 700;

  line-height: 1.2;
}

.bottom-form .txtwrap figure {
  margin: 20px 0 30px;
}

.bottom-form .txtwrap p {
  /* text-align: left; */

  font-size: 20px;

  line-height: 1.4;

  padding-bottom: 0;
}

.bot-form form label.error {
  display: none !important;
}

.bot-form form input.error {
  border: 1px solid red !important;
}

.bot-form form select,
.bot-form form input[type="text"],
.bot-form form input[type="email"],
.bot-form form input[type="number"],
.bot-form form input[type="tel"],
.bot-form form textarea {
  width: 100%;
  margin: 0 0 0 0;
  border: 1px solid #c6c6c6;
  background: transparent;
  padding: 10px 15px;
  color: #5c5856;
  font-size: 14px;
  border-radius: 10px;
  height: 45px;
  font-weight: 400;
  outline: none !important;
}

.bot-form form .intl-tel-input {
  width: 100%;
}

.bot-form form .intl-tel-input.separate-dial-code .selected-dial-code {
  text-align: left;
}

.bot-form form .fldset {
  margin-bottom: 20px;
}

.bot-form form input[type="submit"] {
  padding: 14px 60px;

  outline: none;
}

.bot-form form textarea {
  width: 100%;
  margin: 0;
  padding: 20px 20px;
  height: 120px;
  resize: none;
}

.bot-form form .finput:focus {
  outline: none !important;
}

.flogo {
  padding: 30px 0 10px;
}

.btn-main {
  color: #fff !important;

  font-weight: 600;

  text-transform: capitalize;

  background: #f38440;

  border-radius: 3px;

  padding: 10px 15px;
}

.btn-main:hover {
  color: #fff !important;
  background: #f38440;
}

.mheader {
  -webkit-transition: 0.4s;
  -moz-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
  position: fixed;
  width: 100%;
  top: 0;
  z-index: 1000;
  height: 111px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.mheader .topbarr {
  background: #2c214a;

  padding: 12px 0;

  background-size: cover;

  background-position: center;

  background-repeat: no-repeat;

  max-height: 11.111111rem;

  transition: max-height 0.4s cubic-bezier(0.555, 0.205, 0.295, 0.975);

  overflow: hidden;

  will-change: max-height;
}

.mheader .topbarr .offerbar {
  text-align: center;
}

.mheader .topbarr .offerbar h4 {
  padding-bottom: 0;

  color: #fff;

  line-height: 1;

  font-size: 16px;
}

.mheader .topbarr .offerbar h4 span {
  font-weight: 900;

  font-size: 20px;
}

.mheader .mainbarr {
  background: transparent;

  position: relative;
  width: 100%;
  z-index: 99;
}

.mheader .mainbarr .boxednav {
  padding: 14px 30px;
}

.mheader .mainbarr .boxednav .logo {
  display: inline-block;
  vertical-align: middle;
  padding-top: 0px;
}

.mheader .mainbarr .boxednav .logo a img {
  width: 185px;
}

.mheader .mainbarr .boxednav .navigation {
  display: flex;
  font-size: 0;
  align-items: center;
  justify-content: space-between;
}

.mheader .mainbarr .boxednav .navigation .linkingchannel {
  display: flex;
  margin-bottom: 0;
  text-align: center;
  align-items: center;
  justify-content: center;
  padding: 0px;
  gap: 50px;
}

.mheader .mainbarr .boxednav .navigation .linkingchannel li {
  display: inline-block;

  padding: 0px 9px;
}

.mheader .mainbarr .boxednav .navigation .linkingchannel li a {
  font-size: 14px;
  color: #ffffff;
  font-weight: 400;
}
.mheader .mainbarr .boxednav .navigation .linkingchannel li a:hover {
  color: #ffffff !important;
}

.mheader .mainbarr .boxednav .navigation .infochannel {
  text-align: right;

  display: inline-block;

  margin-bottom: 0;
}

.mheader .mainbarr .boxednav .navigation .infochannel li {
  display: inline-block;
}

.mheader .mainbarr .boxednav .navigation .infochannel li .numbercta {
  font-size: 16px;

  color: #ffffff;

  font-weight: 700;

  position: relative;

  padding-left: 25px;

  padding-right: 10px;
}
.mheader.stickyheader .mainbarr .boxednav .navigation .infochannel li .numbercta span {
    color: #65259a;
}
.mheader .mainbarr .boxednav .navigation .infochannel li .numbercta span {
  margin-right: 10px;

  position: absolute;

  left: 0;

  top: 4px;

  color: #fff;
}

.mheader .mainbarr .boxednav .navigation .infochannel li a {
  display: flex;
  align-items: center;
  gap: 10px;
}
.mheader .mainbarr .boxednav .navigation .infochannel li:last-child a {
  padding: 10px 20px;
}
.mheader .mainbarr .boxednav .navigation .infochannel li a:hover img {
  filter: invert(27%) sepia(28%) saturate(4290%) hue-rotate(259deg)
    brightness(88%) contrast(85%);
}
.btn-primary-outline {
  background-color: #fff;

  color: #65259a;

  font-size: 16px;

  border: 1px solid #65259a;

  padding: 10px 25px;

  border-radius: 30px;

  display: inline-block;

  font-weight: 600;
}

.btn-primary-outline:hover {
  background: #65259a;

  color: #fff;
}

.btn-primary {
  background-color: #65259a;

  color: #fff;

  font-size: 16px;

  border: 1px solid #65259a;

  padding: 14px 30px;

  border-radius: 30px;

  display: inline-block;

  font-weight: 600;
}

.btn-primary:hover {
  background-color: #fff;

  color: #65259a;

  font-size: 16px;

  border: 1px solid #65259a;
}

.btn-primary:active {
  background-color: #fff;

  color: #65259a;

  font-size: 16px;

  border: 1px solid #65259a;
}

.container-custom {
  max-width: 1720px;
  margin: auto;
  padding: 0 15px;
}

.btn-wrap a {
  margin-right: 10px;
}

.btn-secondary {
  background-color: #65259a;

  color: #fff;

  font-size: 16px;

  border: 1px solid #65259a;

  padding: 14px 25px;

  border-radius: 30px;

  display: inline-block;

  font-weight: 600;

  cursor: pointer;
}

.btn-secondary:hover {
  background-color: #fff;

  color: #070707;

  font-size: 16px;

  border: 1px solid #070707;
}

.btn-secondary:active {
  background-color: #fff;

  color: #070707;

  font-size: 16px;

  border: 1px solid #070707;
}

.btn-secondary-outline {
  background-color: #fff;

  color: #070707;

  font-size: 16px;

  border: 1px solid #65259a;

  padding: 14px 30px;

  border-radius: 30px;

  display: inline-block;

  font-weight: 600;
}

.btn-secondary-outline:hover {
  background-color: #65259a;

  color: #fff;

  font-size: 16px;

  border: 1px solid #65259a;
}

.btn-secondary-outline:active {
  background-color: #070707;

  color: #fff;

  font-size: 16px;

  border: 1px solid #070707;
}

.bottomSec {
  position: relative;
  bottom: 0;
  left: 0;
  width: 100%;
  border-top: solid 1px #ffffff38;
  z-index: 9;
  padding: 15px 0 0;
  margin: -70px 0 0;
}

.bottomSec h5 {
  color: #fff;

  font-size: 14px;

  padding: 10px 0 0;

  margin: 0;
}

.bottomSec ul {
  margin: 0;

  height: 50px;
}

.bottomSec ul li img {
  max-width: 80%;
}

.mservices {
  background: #ffffff;

  padding: 80px 0 80px 0;

  font-size: 0;
}

.mservices .mainfigure {
  margin-bottom: 0;
}

.mservices .mainfigure img {
  float: right;

  width: 100%;
}

.mservices .textwrap .subheading {
  color: #fff;

  background-color: #65259a;

  padding: 8px 20px;

  font-size: 16px;

  border-radius: 30px;

  display: inline-block;

  font-weight: 700;

  text-transform: uppercase;

  margin-bottom: 15px;
}

.mservices .textwrap h2 {
  color: #070707;

  font-size: 40px;

  font-weight: 500;

  padding-bottom: 15px;
}

.mservices .textwrap p {
  color: #5c5856;

  font-size: 18px;

  padding-bottom: 40px;
}

.mservices .box {
  cursor: pointer;

  font-size: 0;

  padding: 0 40px 0 0;
}

.mservices .box figure {
  display: inline-block;

  vertical-align: top;

  width: 8%;

  margin-bottom: 0;

  padding-top: 3px;
}

.mservices .box .txt {
  padding-left: 20px;

  display: inline-block;

  vertical-align: top;

  width: 92%;
}

.mservices .box .txt h3 {
  color: #070707;

  font-size: 25px;
}

.mservices .box.fixwidth {
  width: 33.33%;

  display: inline-block;

  margin-top: 40px;
}

.mservices .box .txt p {
  font-size: 16px;
  padding: 0;
}

.solutionssec {
  padding: 80px 0;
  font-size: 0;
  background-repeat: no-repeat;
}

.solutionssec .mainfigure {
  margin-bottom: 0;
  max-height: 100%;
}
.solutionssec.seo .mainfigure {
  background-image: url(../images/SEO_Loop.gif);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
.solutionssec .mainfigure img {
  margin-top: -60px;
}

.solutionssec .textwrap.mwrapp {
  text-align: center;
  margin-bottom: 100px;
}

.solutionssec .textwrap .subheading {
  color: #fff;

  background-color: #65259a;

  padding: 8px 20px;

  font-size: 16px;

  border-radius: 30px;

  display: inline-block;

  font-weight: 700;

  text-transform: uppercase;

  margin-bottom: 15px;
}

.solutionssec .textwrap h2 {
  color: #070707;

  font-size: 40px;
  font-family: 'Sansation';

  font-weight: 600;

  padding-bottom: 15px;
}

.solutionssec .textwrap p {
  color: #000000;
  font-size: 20px;
  padding-bottom: 40px;
  font-family: 'Rubik';
  margin: auto;
}
.solutionssec.seo .textwrap p {
  text-align: center;
}
.solutionssec .textwrap .solutionslist {
  display: flex;
  margin-bottom: 0px;
  flex-wrap: wrap;
}

.solutionssec .textwrap .solutionslist li {
  font-size: 18px;
  display: flex;
  align-items: center;
  width: 50%;
  padding-left: 20px;
  padding-bottom: 0px;
  margin-bottom: 10px;
  color: #070707;
  font-weight: 600;
  position: relative;
}

.solutionssec .textwrap .solutionslist li:before {
  content: "\f105";
  font-family: "FontAwesome" !important;
  color: #65259a;
  position: absolute;
  left: -3px;
  font-size: 21px;
  top: 50%;
  transform: translateY(-50%);
}

.testimonialsss {
  padding: 80px 0;
}

.whatWeProvideIcons {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0px;
  flex-wrap: wrap;
  padding: 20px;
}
.whatWeProvideIcons img {
  width: 50px;
}
.whatWeProvideIcons li {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 20px;
  /* border: 2px solid #65259a; */
  padding: 20px 0 0 0;
  border-radius: 10px;
  overflow: hidden;
  /* flex-basis: 25%; */
  flex-grow: 1;
  width: 30%;
}
.whatWeProvideIcons h4 {
  font-size: 16px;
  /* background: #65259a; */
  color: #65259a;
  margin: 0;
  padding: 0px;
  width: 100%;
  text-align: center;
  font-weight: 700;
}

.footer-top .container-custom {
    padding: 0px 45px;
}
.footer-bottom .container-custom {
    padding: 0px 45px;
}
.footerCardBrands {
  margin-top: 30px;
  margin-left: -30px;
  width: 100%;
}
.socialList {
    display: flex;
    align-items: start;
    justify-content: start;
    gap: 15px;
    margin-top: 10px;
    flex-direction: column;
    flex-wrap: wrap;
    height: 50%;
    max-width: 35%;
}
.socialList a {
    font-size: 20px;
    color: #fff;
    border: 1px solid #fff;
    height: 45px;
    width: 45px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    transition: .3s;
}
.socialList a:hover {
    background: #fff;
    color: #000;
    transition: .3s;
}
.footer-top .row {
    justify-content: space-between;
}
.bounce-img-animation .animate {
  -webkit-animation: floating 0.5s ease 0.5s infinite;

  animation: floating 2s ease 0.5s infinite;
}

@keyframes floating {
  0% {
    -webkit-transform: translateY(0);

    transform: translateY(0);
  }

  50% {
    -webkit-transform: translateY(-10px);

    transform: translateY(-10px);
  }

  100% {
    -webkit-transform: translateY(0);

    transform: translateY(0);
  }
}

.testimonialsss .testslider .item {
  text-align: center;

  padding: 0 120px;
}

.testimonialsss .testslider .item figure {
  margin-bottom: 30px;
}

.testimonialsss .testslider .item figure img {
  border-radius: 50%;

  width: 70px;

  border: 2px solid #65259a;

  margin: 0 auto;
}

.testimonialsss .testslider .item blockquote {
  text-align: center;
  color: #070707;
  position: relative;
  font-size: 26px;
  line-height: 1.6;
  margin-bottom: 40px;
}

.testimonialsss .testslider .item blockquote:before {
  content: "";
  background: url(../images/quotes.svg);
  width: 238px;
  height: 180px;
  left: 0;
  right: 0;
  top: 0;
  margin: auto;
  position: absolute;
}

.testimonialsss .testslider .item .info {
}

.testimonialsss .testslider .item .info h3 {
  font-size: 22px;
}

.testimonialsss .testslider .item .info h3 span {
  display: block;

  font-size: 14px;

  color: #5c5856;

  margin-top: 8px;
}

.portfolioo {
  background-position: top center;

  background-color: #8c78fd;

  padding: 80px 0;

  width: 100%;

  background-size: cover;
}

.innerpage .portfolioo {
  padding: 0px 0 0;
}

.portfolioo .imgwrp img {
  width: 80%;
}

.portfolioo .textwrap.mwrapp {
  text-align: center;
  margin-bottom: 100px;
}

.portfolioo .textwrap .subheading {
  color: #ffffff;

  padding: 8px 20px;

  background-color: rgba(255, 255, 255, 0.3);

  font-size: 16px;

  border-radius: 30px;

  display: inline-block;

  font-weight: 700;

  text-transform: uppercase;

  margin-bottom: 15px;
}

.portfolioo .textwrap h2 {
  color: #ffffff;

  font-size: 40px;

  font-weight: 500;

  padding-bottom: 15px;
}

.portfolioo .textwrap p {
  color: #ffffff;

  font-size: 18px;

  padding-bottom: 40px;
}

.portfolioo .bigport {
  text-align: center;
}

.portfolioo .bigport .item .mainfigure {
  margin-bottom: 0;
}

.portfolioo .bigport .item .mainfigure img {
  width: 330px;
}

.portfolioboxes {
  background: #f6f6f8;

  padding: 80px 0;
}

.portfolioboxes .portwrappp {
  text-align: center;
}

.portfolioboxes .portwrappp .mportt {
  display: inline-block;

  width: 80%;

  font-size: 0;
}

.portfolioboxes .portwrappp .mportt li {
  width: 25%;

  display: inline-block;

  padding: 0;
}

.portfolioboxes .container-fluid {
  padding: 0;
}

.port-ul {
  position: relative;

  width: 100%;

  display: inline-block;

  margin-bottom: 60px;

  font-size: 0;
}

.port-ul li {
  width: 25%;

  display: inline-block;

  height: 500px;

  overflow: hidden;
}

.port-ul li a {
  width: 100%;

  height: 100%;

  -webkit-transition: all 0.4s;

  -o-transition: all 0.4s;

  transition: all 0.4s;

  position: relative;

  display: inline-block;
}

.port-ul li a figure {
  margin-bottom: 0;

  height: 500px;
}

.port-ul li a figure img {
  width: 100%;

  position: relative;

  top: 0;

  transition: 2s all;
}

.port-ul li a:hover img {
  top: -100%;
}

.port-ul li:hover a:before {
  background: #e4e2e2;

  position: absolute;

  content: "";

  left: 0;

  top: 0;

  width: 100%;

  -webkit-transition: all 0.4s;

  -o-transition: all 0.4s;

  transition: all 0.4s;

  display: inline-block;

  height: 100%;
}

.port-ul li:hover a:after {
  opacity: 1;

  position: absolute;

  content: "\f067";

  font-family: FontAwesome;

  left: 50%;

  top: 48%;

  width: 48px;

  margin-left: -24px;

  margin-top: -24px;

  color: #fff;

  font-size: 48px;

  line-height: 48px;

  text-align: center;

  -webkit-transition: all 0.4s;

  -o-transition: all 0.4s;

  transition: all 0.4s;

  text-shadow: 0 0 10px rgba(0, 0, 0, 0.25);
}

.portfolioboxes .portwrappp .mportt li a {
  position: relative;
  overflow: hidden;
  display: inline-block;
  width: 100%;
}

.portfolioboxes .portwrappp .mportt li a:hover:before {
  border-width: 5px;
  transition: all 0.2s ease-in-out;
}

.portfolioboxes .portwrappp .mportt li a:before {
  content: "";

  display: block;

  position: absolute;

  top: 0;

  left: 0;

  bottom: 0;

  right: 0;

  border: 0 solid #fff;

  transition: all 0.2s ease-in-out;
}

.portfolioboxes .portwrappp .mportt li a figure {
  margin-bottom: 0;
}

.portfolioboxes .portwrappp .mportt li a figure img {
  width: 100%;
}

.portfolioboxes .portwrappp .subheading {
  color: #fff;

  background-color: #65259a;

  padding: 8px 20px;

  font-size: 16px;

  border-radius: 30px;

  display: inline-block;

  font-weight: 700;

  text-transform: uppercase;

  margin-bottom: 15px;
}

.portfolioboxes .portwrappp h2 {
  color: #070707;

  font-size: 40px;

  font-weight: 500;

  padding-bottom: 15px;
}

.portfolioboxes .portwrappp p {
  color: #5c5856;

  font-size: 18px;

  padding-bottom: 40px;
}

.portfolioboxes .portwrappp .btn-wrap {
  margin-top: 20px;
}

.portfolioboxes .tab-custom .tabbing-links {
  margin-bottom: 40px;
}

.portfolioboxes .tab-custom .tabbing-links li {
  /* background-color: #fff; */

  color: #65259a;

  font-size: 17px;

  /* border: 1px solid #65259a; */

  padding: 12px 15px;

  border-radius: 30px;

  display: inline-block;

  font-weight: 600;

  margin: 0 5px;

  cursor: pointer;

  transition: all 0.2s ease-in-out;

  text-transform: capitalize;

  width: auto;
}

ul.tabbing-links.all-pkgetabs.logo-btn-sec li {
  padding: 12px 40px;
}

.tabbing-links1.all-pkgetabs.portfolio-thumb-slider {
  margin-bottom: 50px;
}

.portfolioboxes .tab-custom .tabbing-links1 li {
  /* background-color: #fff; */

  color: #65259a;

  font-size: 17px;

  /* border: 1px solid #65259a; */

  padding: 12px 10px;

  border-radius: 30px;

  display: inline-block;

  font-weight: 600;

  margin: 0 5px;

  cursor: pointer;

  transition: all 0.2s ease-in-out;

  text-transform: capitalize;
}

.tabbing-links1.portfolio-thumb-slider {
  width: 80%;

  margin: 0 auto 20px;
}

.portfolioboxes .tab-custom .tabbing-links li.current {
  transition: all 0.2s ease-in-out;

  background-color: #65259a;

  color: #fff;
}

.portfolioboxes .tab-custom .tabbing-links li:hover {
  background-color: #65259a;

  color: #fff;

  transition: all 0.2s ease-in-out;
}

.portfolioboxes .tab-custom .tabbing-links1 li.current {
  transition: all 0.2s ease-in-out;

  background-color: #65259a;

  color: #fff;
}

.portfolioboxes .tab-custom .tabbing-links1 li:hover {
  background-color: #65259a;

  color: #fff;

  transition: all 0.2s ease-in-out;
}

.portfolioboxes .tab-custom .tabs {
  display: none;
}

.portfolioboxes .tab-custom .tabs.current {
  display: inline-block;
}

.packagesmain {
  padding: 80px 0;

  text-align: center;

  background: #f6f6f8;
}

.packagesmain .subheading {
  color: #fff;

  background-color: #65259a;

  padding: 8px 20px;

  font-size: 16px;

  border-radius: 30px;

  display: inline-block;

  font-weight: 700;

  text-transform: uppercase;

  margin-bottom: 15px;
}

.packagesmain h2 {
  color: #070707;

  font-size: 40px;

  font-weight: 500;

  padding-bottom: 15px;
}

.section-padding.count h2 {
  color: #070707;

  font-size: 40px;

  font-weight: 500;

  padding-bottom: 15px;
}

.packagesmain p {
  color: #5c5856;

  font-size: 18px;
  /*padding-bottom: 0px;*/

  padding-bottom: 40px;
}

.section-padding.count p {
  color: #5c5856;

  font-size: 18px;

  padding-bottom: 40px;
}

.section-padding.count span.number {
  font-weight: 900;

  font-size: 72px;

  color: #b8285a;

  line-height: 72px;
}

.section-padding.count h6.count-title {
  font-weight: bold;

  font-size: 18px;

  line-height: 28px;

  text-transform: uppercase;

  color: #2e2e2e;

  margin: 0px;
}

.packagesmain .packk {
  display: inline-block;

  width: 100%;
}

.packagesmain .packk .packlliist {
  display: inline-block;

  width: 100%;

  /* padding-top: 25px; */
}

.packagesmain .packk .packlliist .mypack {
  padding: 70px 50px 40px 50px;

  background: #fff;

  width: 31%;

  margin: 0 13px;

  display: inline-block;

  vertical-align: top;

  box-shadow: 0 6px 20px 0 rgba(0, 0, 0, 0.06);

  margin-top: 40px;

  position: relative;
}

.packagesmain .packk .packlliist .mypack:nth-child(even):after {
  content: "Popular";

  position: absolute;

  left: 0;

  right: 0;

  top: -15px;

  background-color: #65259a;

  margin: 0 auto;

  color: #fff;

  font-size: 18px;

  border-radius: 30px;

  display: inline-block;

  padding: 4px 10px;

  width: 36%;
}

.packagesmain .packk .packlliist .mypack.popular:nth-child(odd):before {
  display: none;
}

.packagesmain .packk .packlliist .mypack.popular {
  position: relative;
}

.packagesmain .packk .packlliist .mypack.popular:before {
  content: "Popular";
  position: absolute;
  left: 0;
  right: 0;
  top: -15px;
  background-color: #fbc6cf;
  margin: 0 auto;
  color: #65259a;
  font-size: 18px;
  border-radius: 30px;
  display: inline-block;
  padding: 4px 10px;
  width: 36%;
}

.packagesmain .packk .packlliist .mypack .pkhead {
  padding-bottom: 25px;
}

.packagesmain .packk .packlliist .mypack:nth-child(even) {
  background-color: #28304a;
}

.packagesmain .packk .packlliist .mypack:nth-child(even) .pkhead h3 {
  color: #fff;
}

.packagesmain .packk .packlliist .mypack:nth-child(even) .pkhead h2 {
  color: #fff;
}

.packagesmain .packk .packlliist .mypack:nth-child(even) .bdy .listscroll li {
  color: #fff;
}

.packagesmain .packk .packlliist .mypack:nth-child(even) .pkhead p {
  color: #fff;
}

.packagesmain .packk .tab-custom {
}

.packagesmain .packk .tab-custom .tabbing-links {
  margin-bottom: 20px;
}

.packagesmain .packk .tab-custom .tabbing-links1 {
  margin-bottom: 20px;
}

.packagesmain .packk .tab-custom .tabbing-links li {
  font-size: 16px;

  display: inline-block;

  font-weight: 600;

  margin: 0 3px;

  cursor: pointer;

  transition: all 0.2s ease-in-out;
}

.packagesmain .packk .tab-custom .tabbing-links1 li {
  font-size: 16px;

  display: inline-block;

  font-weight: 600;

  margin: 0 3px;

  cursor: pointer;

  transition: all 0.2s ease-in-out;
}

.all-pkgetabs li {
  padding: 12px 20px;

  border-radius: 30px;

  color: #fff;

  font-size: 14px !important;

  background: rgb(132 60 170 / 55%);

  font-weight: 700;
}

.all-pkgetabs li.current {
  background-color: #65259a;

  color: #fff;
}

.packagesmain .packk .tab-custom .tabbing-links li.current {
  transition: all 0.2s ease-in-out;
}

.packagesmain .packk .tab-custom .tabbing-links li:hover {
  transition: all 0.2s ease-in-out;
}

.packagesmain .packk .tab-custom .tabbing-links1 li.current {
  transition: all 0.2s ease-in-out;
}

.packagesmain .packk .tab-custom .tabbing-links1 li:hover {
  transition: all 0.2s ease-in-out;
}

.packagesmain .packk .tab-custom .tabbing-links li a {
  padding: 12px 20px;

  color: #65259a;

  border-radius: 30px;
}

.packagesmain .packk .tab-custom .tabbing-links li.current a {
  background-color: #65259a;

  color: #fff;
}

.packagesmain .packk .tab-custom .tabbing-links li:hover a {
  background-color: #65259a;

  color: #fff;
}

.packagesmain .packk .tab-custom .tabbing-links.m-sliderxs li {
  padding: 12px 20px;

  color: #65259a;

  border-radius: 30px;
}

.packagesmain .packk .tab-custom .tabbing-links.m-sliderxs li.current {
  background-color: #65259a;

  color: #fff;
}

.packagesmain .packk .tab-custom .tabbing-links.m-sliderxs li:hover {
  background-color: #65259a;

  color: #fff;
}

.packagesmain .packk .tab-custom .tabs {
  display: none;
}

.packagesmain .packk .tab-custom .tabs.current {
  display: inline-block;
  margin-bottom: 0;
}

.packagesmain .packk .packlliist .mypack .pkhead h3 {
  font-size: 21px;

  font-weight: 800;

  color: #070707;

  line-height: 1;

  padding-bottom: 20px;

  text-transform: capitalize;

  padding: 0px 30px 10px;
}

.packagesmain .packk .packlliist .mypack .pkhead h2 {
  color: #070707;

  font-size: 48px;

  font-weight: 500;

  padding-bottom: 10px;

  padding-top: 30px;
}

.packagesmain .packk .packlliist .mypack .pkhead h2 span.line-through-price {
  font-size: 28px;

  position: absolute;

  left: 28px;

  color: #65259a;

  top: 0;

  text-decoration: line-through;
}

.packagesmain .packk .packlliist .mypack .pkhead h2 span.price_change {
  color: #070707;

  font-size: 48px;

  font-weight: 500;

  padding-bottom: 10px;

  padding-top: 30px;
}

.packagesmain .packk .packlliist .mypack:nth-child(even) span.price_change {
  color: #fff !important;
}

.packagesmain .packk .packlliist .mypack .pkhead p {
  color: #a6b0ba;

  font-size: 16px;

  padding-bottom: 0;

  display: none;
}

.packagesmain .packk .packlliist .mypack .bdy {
  text-align: left;
}

.packagesmain .packk .packlliist .mypack .bdy .listscroll {
  height: 300px;
}

.packagesmain .packk .packlliist .mypack .bdy .listscroll li {
  color: #5c5856;

  font-size: 16px;

  padding: 0 0px 15px 30px;

  position: relative;

  line-height: 1.2;
}

.packagesmain .packk .packlliist .mypack .bdy .listscroll li:before {
  content: "\f00c";
  font-family: "FontAwesome" !important;
  color: #65259a;
  position: absolute;
  left: 0;
  top: 0;
}

.packagesmain .packk .packlliist .mypack .ftter {
  margin-top: 40px;
}

.packagesmain .packk .packlliist .mypack .ftter a {
  padding: 14px 60px;
}

.packagesmain .packk .packlliist .mypack .ftter .viewdetails {
  color: #a6b0ba;

  text-align: center;

  display: none;

  font-size: 14px;

  font-weight: 400;

  margin-top: 10px;

  padding: 0;
}

.packagesmain .packk .packlliist .mypack .ftter .viewdetails span {
  font-size: 16px;

  margin-right: 10px;
}

.mcta {
  padding: 80px 0;

  text-align: left;

  background: #65259a;

  position: relative;

  background-position: center;
}

/* .mcta:before {

    content: '';

    position: absolute;

    background: rgb(0 0 0 / 37%);

    width: 100%;

    height: 100%;

    top: 0;

} */

.mcta .subheading {
  color: #ffffff;

  background-color: rgba(255, 255, 255, 0.3);

  padding: 8px 20px;

  font-size: 18px;

  border-radius: 30px;

  display: inline-block;

  font-weight: 700;

  text-transform: uppercase;

  margin-bottom: 15px;
}

.mcta h2 {
  color: #ffffff;

  font-size: 40px;

  font-weight: 500;

  padding-bottom: 15px;
}

.mcta p {
  color: #ffffff;

  font-size: 18px;
  text-align: justify;
  /*padding-bottom: 40px;*/
  padding-bottom: 0;
}

.mservices .mainfigure {
  background: url(../images/about-01.webp);
  width: 745px;
  height: 594px;
  background-size: cover;
  background-repeat: no-repeat;
}

.mservices .mainfigure.logoimg {
  /* background: url(../images/about-01.webp); */
  background: url(../images/ch.png);
  background-position: center;
  background-size: cover;
  width: 100%;
}

.mservices .mainfigure.webimg {
  background: url(../images/website-second.png);
}

.mservices .mainfigure.videoimg {
  background: url(../images/about-02.png);
}

.mservices .mainfigure.mobimg {
  background: url(../images/mobile-second.png);
}
#shakira .row .shakiraCol:first-child img {
  /* width: 70%; */
  display: block;
}
.mobile-app-dev-our-brands {
  background: #f6f6f8;
  padding: 15px 0;
}
.mobile-app-dev-our-brands h4 {
  color: #5c5856;
  font-weight: 500;
}
.mobile-app-dev-our-brands .mobile-app-dev-our-brands-main-row {
  display: flex;
  align-items: center;
}
.mobile-app-clients-slider .mobile-app-clients-slider-item {
  margin: 0px 20px;
}
.mobile-app-clients-slider .mobile-app-clients-slider-item img {
  max-width: 200px;
}
.mobile-app-dev-success-stories {
  padding: 80px 0;
}
.mobile-app-dev-success-stories .mobile-app-dev-success-stories-main-row {
  margin-bottom: 50px;
}
.mobile-app-dev-success-stories .mobile-app-dev-success-stories-main-row h2 {
  text-align: center;
}
.mobile-app-dev-success-stories .mobile-app-dev-success-stories-main-row p {
  text-align: center;
}

.mobile-app-dev-success-stories .card {
  border-radius: 10px;
  margin: 20px;
  border: none;
  box-shadow: 0 0 20px 0 rgb(0 0 0 / 13%);
  background: #fff;
}
.mobile-app-dev-success-stories .mobile-app-dev-success-stories-inner .card h4 {
  font-size: 20px;
  font-weight: 700;
  white-space: nowrap;
}
.mobile-app-dev-success-stories .mobile-app-dev-success-stories-inner .card p {
  text-overflow: ellipsis;
  overflow: hidden;
  display: -webkit-box !important;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  white-space: normal;
  word-break: break-word;
  height: 100px;
  margin-bottom: 20px;
}
.mobile-app-dev-success-stories
  .mobile-app-dev-success-stories-inner
  .card
  img {
  border: 1px solid #ddd;
}

.mobile-app-dev-success-stories .card img {
  padding: 20px;
  border-radius: 50%;
}
.mobile-app-dev-success-stories .card a {
  color: #fff;
  background-color: #65259a;
  padding: 8px 20px;
  font-size: 16px;
  border-radius: 30px;
  border: 1px solid #65259a;
}
.mobile-app-dev-success-stories .card a:hover {
  color: #65259a;
  border: 1px solid #65259a;
  background-color: #fff;
}
.mobile-app-dev-success-stories .card .card-body {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  padding: 35px !important;
}
.mobile-app-dev-award-sec {
  padding: 80px 0;
  background: #f6f6f8;
}
.mobile-app-dev-award-sec .mobile-app-dev-award-sec-main-row {
  margin-bottom: 50px;
}
.mobile-app-dev-award-sec .mobile-app-dev-award-sec-main-row h2 {
  text-align: center;
}

.mobile-app-dev-award-sec .mobile-app-dev-award-sec-main-row p {
  text-align: center;
}

.mobile-app-dev-award-sec .mobile-app-dev-award-sec-inner {
  /*border: 1px solid #ddd;*/
}
.mobile-app-dev-award-sec .mobile-app-dev-award-sec-inner .card {
  border: none;
  background: transparent;
}
.mobile-app-dev-award-sec .mobile-app-dev-award-sec-inner .card img {
  max-width: 150px;
  display: block;
  margin: auto;
}
.mobile-app-dev-award-sec .mobile-app-dev-award-sec-inner .card h4 {
  font-size: 20px;
  font-weight: 900;
  text-align: center;
  margin-top: 20px;
}

.mobile-app-dev-award-sec .mobile-app-dev-award-sec-inner .card p {
  font-size: 16px;
  text-align: center;
  margin: 0;
  padding: 0;
}
.mobile-app-dev-award-sec-reviews-row {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 50px;
}
.mobile-app-dev-award-sec-reviews span {
  font-size: 18px;
  margin: 15px 10px;
  font-weight: 600;
  color: #171717;
}
.mobile-app-dev-award-sec-stars {
  display: flex;
  justify-content: center;
}
.mobile-app-dev-award-sec-stars img {
  max-width: 30px;
  margin: 0px 10px;
}
.mobile-app-dev-award-sec-reviews {
  display: flex;
  justify-content: center;
}

.mobile-app-dev-services-sec {
  padding: 80px 40px;
  background: #f6f6f8;
}
.mobile-app-dev-services-main-row {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  justify-content: center;
  gap: 50px;
}
.mobile-app-dev-services-sec-left {
  flex-basis: 25%;
}
.mobile-app-dev-services-sec-left h2 {
  font-size: 30px;
}
.mobile-app-dev-services-sec-right {
  flex: 1;
}
.mobile-app-dev-services-main-row p {
  text-align: justify;
}
.mobile-app-dev-services-sec-right .mobile-app-dev-services-sec-right-inner {
  row-gap: 20px;
  flex-wrap: wrap;
  column-gap: 20px;
  display: flex;
  align-items: stretch;
}
.mobile-app-dev-services-sec-right-inner .iconwrap img {
  width: 40px;
  height: 40px;
  object-fit: contain;
  margin-right: 10px;
}
.mobile-app-dev-services-sec .card {
  background: #fff;
  margin: 0px 0;
  border: none;
  border-radius: 10px;
  box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.05);
  transition: 0.3s;
  /*height: 100%; */
  flex-grow: 1;
  width: 30%;
}
.mobile-app-dev-services-sec-left,
.mobile-app-dev-services-sec-right {
  padding: 0px 0px;
}
.mobile-app-dev-services-sec .card:hover {
  background-color: #65259a;
  transition: 0.3s;
}
.mobile-app-dev-services-sec .card:hover .iconwrap img {
  filter: brightness(100);
}
.mobile-app-dev-services-sec .card:hover h4 {
  color: #fff;
}
.mobile-app-dev-services-sec .card:hover p {
  color: #fff;
}
.mobile-app-dev-services-sec .card h4 {
  font-size: 18px;
  font-weight: 500;
  color: #171717;
}
.mobile-app-dev-services-sec .card p {
  font-size: 14px;
  font-weight: 400;
  text-align: justify;
}
.mobile-app-dev-app-success-sec {
  padding: 60px 0;
  background: #f6f6f8;
}
.mobile-app-dev-app-success-main-row {
  margin-bottom: 20px;
}
.mobile-app-dev-app-success-main-row h2 {
  text-align: center;
}
.mobile-app-dev-app-success-main-row p {
  text-align: center;
}
.mobile-app-dev-app-success-sec-inner-row {
  display: flex;
  justify-content: center;
  position: relative;
}
.mobile-app-dev-app-success-sec-inner-row
  .mobile-app-dev-app-success-sec-inner {
  width: 20%;
}
.mobile-app-dev-app-success-sec-inner-row::before {
  content: "";
  height: 2px;
  width: 80%;
  background: #ddd;
  position: absolute;
  top: 26%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.mobile-app-dev-app-success-sec-inner .card {
  border: none;
  background: transparent;
}
.mobile-app-dev-app-success-sec-inner .card h2 {
  font-size: 80px;
  font-weight: 900;
  color: #ddd;
  position: relative;
  text-align: center;
  /* border: 1px solid; */
  margin: 0;
  padding: 0;
}
.mobile-app-dev-app-success-sec-inner .card h2::after {
  content: "";
  height: 15px;
  width: 15px;
  position: absolute;
  top: 36%;
  left: 50%;
  transform: translate(-50%, 50%);
  background: #65259a;
  border-radius: 50%;
}
.mobile-app-dev-app-success-sec-inner .card h4 {
  font-size: 18px;
  text-align: center;
}
.mobile-app-dev-app-success-sec-inner .card p {
  font-size: 14px;
  text-align: center;
}
.mobile-app-dev-app-success-sec-inner .card-body {
  padding: 0px !important;
}
.mobile-app-dev-cta {
  background-image: none !important;
}
.mobile-app-dev-cta .textwrap {
  text-align: center;
}
.mobile-app-dev-cta p {
  text-align: center;
}
.uses-of-app-dev-sec {
  padding: 80px 0;
}
.uses-of-app-dev-sec-main-row {
  margin-bottom: 50px;
}
.uses-of-app-dev-sec-inner-row img {
  max-width: 100px;
  display: block;
  margin: 0px auto 30px auto;
}
.uses-of-app-dev-sec-inner-row h4 {
  font-size: 18px;
  font-weight: 500;
  text-align: center;
}
.uses-of-app-dev-sec-inner-row p {
  font-size: 16px;
  text-align: center;
}

.mobile-app-dev-about-sec {
  padding: 80px 0;
}

.mobile-app-dev-about-first-row {
  margin-bottom: 50px;
}
.mobile-app-dev-about-first-row h2 {
  text-align: center;
}
.mobile-app-dev-about-second-row {
  display: flex;
  align-items: stretch;
}
.mobile-app-dev-about-second-row p {
  text-align: justify;
}
.mobile-app-dev-about-second-row iframe {
  height: 100%;
}
.mobile-app-dev-form-sec {
  padding: 80px 0;
}
.mobile-app-dev-form-row {
  display: flex;
}
.mobile-app-dev-form-row form .form-control {
  border-top: 1px solid transparent !important;
  border-left: 1px solid transparent !important;
  border-right: 1px solid transparent !important;
  border-bottom: 1px solid #ddd !important;
  border-radius: 0px !important;
}
.mobile-app-dev-form-row form textarea {
  height: 100px;
}
.mobile-app-dev-faq-sec {
  padding: 80px 0;
  background: #f6f6f8;
}
.mobile-app-dev-header-form {
  background: #fff;
  box-shadow: 7px 1px 100px rgba(0, 0, 0, 0.1);
  padding: 30px 30px;
  border-radius: 15px;
  max-width: 450px;
  margin-left: auto;
  display: flex;
  flex-direction: column;
  position: relative;
  z-index: 9;
}
.mobile-app-dev-header-form input {
  display: block;
}
.mobile-app-dev-header-form label {
  display: flex;
  align-items: center;
}
.mobile-app-dev-header-form label input {
  margin-right: 10px;
}
.mobile-app-dev-header-form h4 {
  color: #65259a;
  font-weight: 900;
  margin-bottom: 10px;
  font-size: 24px;
}
.mobile-app-dev-header-form .form-control {
  border-top: 1px solid transparent !important;
  border-left: 1px solid transparent !important;
  border-right: 1px solid transparent !important;
  border-bottom: 1px solid #ddd !important;
  border-radius: 0px !important;
}
.mobile-app-dev-case-study-sec {
  background-image: none !important;
}
.mobile-app-dev-case-study-sec .textwrap img {
  max-width: 200px;
  margin-bottom: 10px;
}
.mobile-app-dev-case-study-sec .btn-wrap a {
  background: #fff;
  color: #65259a;
  margin-top: 30px;
}
/*mobile-app-dev-capabilities-sec start*/
.mobile-app-dev-capabilities-sec {
  padding: 60px 80px;
}
.mobile-app-dev-capabilities-sec-inner {
  max-width: 1140px;
  margin: auto;
  display: flex;
  flex-direction: column;
  gap: 45px;
}
.mobile-app-dev-capabilities-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.mobile-app-dev-capabilities-head-col:first-child {
  width: 50%;
}

.mobile-app-dev-capabilities-head-col:last-child {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: start;
  gap: 15px;
}
.mobile-app-dev-capabilities-inner {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 50px;
  margin: 40px 0;
}

.mobile-app-dev-capabilities-inner-col {
  width: 45%;
  display: flex;
  align-items: start;
  gap: 30px;
}

.mobile-app-dev-capabilities-inner-col img {
  background: #fff;
  width: 50px;
  filter: drop-shadow(2px 2px 6px #d8d8d8);
  border-radius: 50%;
  margin-top: -5px;
}

.mobile-app-dev-capabilities-inner-content p {
  font-size: 16px;
  font-weight: 400;
  color: #222;
  line-height: 2em;
}
.mobile-app-dev-capabilities-inner-content h4 {
  font-size: 22px;
  font-weight: 700;
  color: #000;
}
.mobile-app-dev-capabilities-inner-content h4,
.mobile-app-dev-capabilities-inner-content p {
  margin: 0;
  padding: 0;
}
.mobile-app-dev-capabilities-head-col h2 {
  font-size: 50px;
  font-weight: 900;
  color: #000;
}

.mobile-app-dev-capabilities-head-col p {
  font-size: 20px;
  font-weight: 400;
  color: #222;
  line-height: 1.5em;
}
.mobile-app-dev-capabilities-head-col a:hover {
  border: 1px solid #65259a;
  background: #fff;
  color: #65259a;
  transition: 0.3s;
}
.mobile-app-dev-capabilities-head-col a {
  font-size: 16px;
  background: #65259a;
  color: #fff;
  padding: 12px 40px;
  border-radius: 35px;
  border: 1px solid #65259a;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  transition: 0.3s;
}
/* .mobile-app-dev-capabilities-head-col a::after {
  content: "\2197" !important;
  position: inherit !important;
  margin-left: 0.5em !important;
  font-size: 1.3em;
} */
.mobile-app-dev-capabilities-inner-content {
  display: flex;
  flex-direction: column;
  gap: 25px;
}
/*mobile-app-dev-capabilities-sec ends*/

/*mobile-app-dev-process-sec starts*/
.mobile-app-dev-process-sec {
  padding: 80px 80px;
  display: flex;
  flex-direction: column;
  gap: 120px;
  background: #f6f6f8;
}

.mobile-app-dev-process-sec .mobile-app-dev-process-first-container h2 {
  font-size: 3.5vw;
  font-weight: 900;
  color: #000;
}
.mobile-app-dev-process-sec .mobile-app-dev-process-first-container h4 {
  font-size: 2.5vw;
  font-weight: 900;
  color: #000;
  display: flex;
  align-items: end;
  gap: 20px;
}
.mobile-app-dev-process-sec .mobile-app-dev-process-first-container h4 img {
  max-width: 25%;
}

.mobile-app-dev-process-sec
  .mobile-app-dev-process-first-container
  .mobile-app-dev-process-first-col-right
  p {
  font-size: 20px;
  font-weight: 400;
  color: #222;
  line-height: 1.5em;
}
.mobile-app-dev-process-first-row {
  display: flex;
  align-items: stretch;
  justify-content: center;
  gap: 40px;
}

.mobile-app-dev-process-first-col-left {
  width: 45%;
}

.mobile-app-dev-process-first-col-right {
  display: flex;
  flex-direction: column;
  justify-content: start;
  flex: 1;
}
.mobile-app-dev-process-second-row {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 20px;
}

.mobile-app-dev-process-second-col-left {
  text-align: right;
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 50px;
}

.mobile-app-dev-process-second-col-right {
  text-align: left;
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 50px;
}
.mobile-app-dev-process-second-col-mid {
  width: 35%;
  position: relative;
}
.mobile-app-dev-wlogo {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 2;
  display: block;
  max-width: 200px;
  transform: translate(-50%, -50%);
}
.mobile-app-dev-process-second-row h2 {
  font-size: 47px;
  line-height: 33px;
  text-transform: capitalize;
  color: #ffffff !important;
  text-shadow: 1px -1px 0px #65259a, -1px 0px 0 #65259a, -1px 0px 0 #65259a,
    -1px 1px 0 #65259a, -1px 0px 0 #65259a !important;
}

.mobile-app-dev-process-second-row h4 {
  font-size: 22px;
  font-weight: 700;
  color: #000;
  margin: 10px 0;
}
.mobile-app-dev-process-second-row p {
  color: #222;
  font-size: 17px !important;
  font-weight: 500 !important;
  line-height: 33px !important;
  padding: 0;
  margin: 0;
}

.mobile-app-dev-process-second-col-left-inner:nth-child(2) {
  margin-right: 50px;
}

.mobile-app-dev-process-second-col-right-inner:nth-child(2) {
  margin-left: 50px;
}
.mobile-app-dev-process-second-col-mid .spinningImg {
  -webkit-animation-name: spinAnimation;
  -webkit-animation-duration: 15000ms;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
}

@keyframes spinAnimation {
  0% {
    transform: rotate(0); /* Start at 0 degrees rotation */
  }
  100% {
    transform: rotate(
      359deg
    ); /* End at 359 degrees rotation (almost a full circle) */
  }
}

/*mobile-app-dev-process-sec ends*/
/* seo-solutions-sec-starts */
.seoSolutionSecondSecContainer {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 90px 30px;
}
.seoSolutionSecondSecInnerContainer {
  max-width: 1140px;
  width: 100%;
  background-color: #FAC759;
  -webkit-box-shadow: 0px 16px 8.9px 0 rgb(0 0 0 / 25%);
  -moz-box-shadow: 0px 16px 8.9px 0 rgb(0 0 0 / 25%);
  box-shadow: 0px 16px 8.9px 0 rgb(0 0 0 / 25%);
  padding: 25px 5px;
  border-radius: 50px 50px 5px 5px;
}
.seoSolutionSecondSecRow {
  display: flex;
  align-items: start;
  justify-content: center;
  gap: 30px;
}
.seoSolutionSecondSecCol {
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 10px;
  flex-grow: 1;
  flex-basis: 30%;
}
.seoSolutionSecondSecCol img {
  width: 100px;
}
.seoSolutionSecondSecCol h4 {
  font-size: 20px;
  font-weight: 900;
  line-height: 1.3em;
  margin: 0;
  padding: 0;
}
.seoSolutionSecondSecCol p {
  font-size: 16px;
  font-weight: 500;
  color: #222;
  line-height: 1.7em;
  margin: 0;
  padding: 0;
}

.seoSolutionThirdSecContainer {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 20px 30px 90px 30px;
}
.seoSolutionThirdSecInnerContainer {
  max-width: 1140px;
  width: 100%;
}
.seoSolutionThirdSecInnerContainer h2 {
  font-size: 45px;
  font-weight: 900;
  text-align: center;
  margin-bottom: 40px;
}
.seoSolutionThirdSecTabMenu {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 50px;
  margin-bottom: 30px;
  background-color: #65259A;
  padding: 60px 15px;
  -webkit-box-shadow: 0px 16px 8.9px 0 rgb(0 0 0 / 25%);
  -moz-box-shadow: 0px 16px 8.9px 0 rgb(0 0 0 / 25%);
  box-shadow: 0px 16px 8.9px 0 rgb(0 0 0 / 25%);
  border-radius: 45px 45px 10px 10px;
}
.seoSolutionThirdSecTabMenuItem {
  text-align: center;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  flex-basis: 25%;
  font-size: 30px;
  font-weight: 500;
  color: #fff;
  cursor: pointer;
  transition: 0.3s;
  border: 1px solid #ffffff;
  border-radius: 10px;
  padding: 15px 5px;
  -webkit-box-shadow: 0px 16px 8.9px 0 rgb(0 0 0 / 25%);
  -moz-box-shadow: 0px 16px 8.9px 0 rgb(0 0 0 / 25%);
  box-shadow: 0px 16px 8.9px 0 rgb(0 0 0 / 25%);
}
.seoSolutionThirdSecTabMenuItem.active {
  color:#65259a;
  position: relative;
  transition: 0.3s;
  border: 1px solid #FAC759;
  border-radius: 10px;
  padding: 15px 5px;
  background: #FAC759;
}
.seoSolutionThirdSecTabMenuItem:hover {
    background: #FAC759;
    color: #65259a;
    border: 1px solid #fac759;
}
.seoSolutionThirdSecTabContent {
  width: 100%;
  border: 4px solid #65259A;
  padding: 25px 10px;
  border-radius: 10px 10px 50px 50px;
}
.seoSolutionThirdSecTabContentItem {
  width: 90%;
  margin: auto;
  transition: 0.5s opacity ease-in-out;
  visibility: hidden;
  opacity: 0;
  height: 0;
}
.seoSolutionThirdSecTabContentItem.active {
  transition: 0.5s opacity ease-in-out;
  visibility: visible !important;
  opacity: 1 !important;
  height: unset;
}
.seoSolutionThirdSecTabContentItemInnerRow {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 30px;
}
.seoSolutionThirdSecTabContentItemInnerCol:first-child {
  width: 50%;
  padding: 20px 10px;
  border-top: 0px solid #65259A;
  border-bottom: 2px solid #65259A;
  border-right: 2px solid #65259A;
  border-left: 2px solid #65259A;
  border-radius: 0px 0px 20px 20px;
  -webkit-box-shadow: 0px 10px 8.2px 4px rgb(0 0 0 / 25%);
  -moz-box-shadow: 0px 10px 8.2px 4px rgb(0 0 0 / 25%);
  box-shadow: 0px 10px 8.2px 4px rgb(0 0 0 / 25%);
}
.seoSolutionThirdSecTabContentItemInnerCol:last-child {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 10px;
  flex-direction: column;
}

.seoSolutionThirdSecTabContentItemInnerCol:last-child p {
  font-size: 20px;
  font-weight: 500;
  color: #222;
  line-height: 1.7em;
  margin: 0;
  padding: 0;
}

.seoSolutionFourthSecContainer {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 60px 30px;
  --color-1: #65259A;
  --color-2: #fff;

}
.angularGradientInPurple {
    background: conic-gradient(from 0deg, white, #65259A, #65259A);
}
.angularGradientInYellow {
    background: conic-gradient(from 0deg, white, #FAC759, #FAC759);
}
.seoLineGifContainer {
    background-image: url(../images/SEO_Loop.gif);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
    display: flex;
    align-items: center;
    justify-content: center;
}

.seoLineGifAboveImage {
    max-width: 75%;
}
.seoSolutionFourthSecInnerContainer {
  max-width: 1140px;
  width: 100%;
}
.seoSolutionFourthSecRow {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 20px;
}

.seoSolutionFourthSecCol:first-child {
  flex: 1;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  flex-direction: column;
  gap: 15px;
  align-items: center;
  margin: 20px 0px;
}
.seoSolutionFourthSecCol:last-child {
  width: 45%;
}
.seoSolutionFourthSecCol:first-child p.bold {
  font-weight: 600;
}
.seoSolutionFourthSecCol a{
  font-size: 20px;
  font-weight: 400;
  font-family: 'Rubik';
  color: #000000;
  line-height: 1.7em;
  border: none;
  background-color: #FAC759;
  margin: 10px 0px;
  border-radius: 20px;
  padding: 10px 80px;
}
.seoSolutionFourthSecInnerContainer .seoSolutionFourthSecHead h2 {
  font-size: 45px;
  font-weight: 900;
  text-align: center;
  font-family: 'Sansation';
  color: #000000;
}
.seoSolutionFourthSecInnerContainer .seoSolutionFourthSecHead p {
  font-size: 20px;
  font-family: 'Rubik';
  font-weight: 400;
  color: #000000;
  line-height: 1.7em;
  max-width: 900px;
  margin: auto;
  padding: 0;
  letter-spacing: 1px;
  text-align: center;
}

.seoSolutionFifthSecContainer {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 90px 30px;
  background-color: #f9f9f9;
}
.seoSolutionFifthSecInnerContainer {
  max-width: 1140px;
  width: 100%;
}
.seoSolutionFifthSecRow {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  flex-direction: row-reverse;
  gap: 20px;
  margin-top: 40px;
}

.seoSolutionFifthSecCol:first-child {
  flex: 1;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  flex-direction: column;
  gap: 15px;
}
.seoSolutionFifthSecCol:last-child {
  width: 50%;
}
.seoSolutionFifthSecCol:first-child p.bold {
  font-weight: 600;
}
.seoSolutionFifthSecCol p {
  font-size: 16px;
  font-weight: 500;
  color: #000;
  line-height: 1.7em;
  margin: 0;
  padding: 0;
}
.seoSolutionFifthSecInnerContainer .seoSolutionFifthSecHead h2 {
  font-size: 45px;
  font-weight: 900;
  text-align: center;
  color: #000;
}
.seoSolutionFifthSecInnerContainer .seoSolutionFifthSecHead p {
  font-size: 16px;
  font-weight: 500;
  color: #000;
  line-height: 1.7em;
  margin: 0;
  padding: 0;
  text-align: center;
}
/*  */

.seoSolutionSixthSecContainer {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 90px 30px 140px 30px;
}
.seoSolutionSixthSecInnerContainer {
  max-width: 1140px;
  width: 100%;
}
.seoSolutionSixthSecRow {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  flex-direction: row;
  gap: 20px;
  margin-top: 40px;
}

.seoSolutionSixthSecCol:first-child {
  flex: 1;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  flex-direction: column;
  gap: 15px;
}
.seoSolutionSixthSecCol:last-child {
  width: 50%;
}
.seoSolutionSixthSecCol:first-child p.bold {
  font-weight: 600;
}
.seoSolutionSixthSecCol p {
  font-size: 16px;
  font-weight: 500;
  color: #000;
  line-height: 1.7em;
  margin: 0;
  padding: 0;
}
.seoSolutionSixthSecInnerContainer .seoSolutionSixthSecHead h2 {
  font-size: 45px;
  font-weight: 900;
  text-align: center;
  color: #000;
}
.seoSolutionSixthSecInnerContainer .seoSolutionSixthSecHead p {
  font-size: 16px;
  font-weight: 500;
  color: #000;
  line-height: 1.7em;
  margin: 0;
  padding: 0;
  text-align: center;
}

/*  */

.seoSolutionSeventhSecContainer {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0px 30px;
  background-color: #8B5AB3;
  height: 100%;
}
.seoSolutionSeventhSecInnerContainer {
  max-width: 1280px;
  height: 100%;
  width: 100%;
}
.seoSolutionSeventhSecRow {
  display: flex;
  align-items: stretch;
  justify-content: center;
  flex-direction: row-reverse;
  gap: 20px;
  height: 100%;
  padding: 20px 0px;
}

.seoSolutionSeventhSecCol:first-child {
  flex: 1;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  flex-direction: column;
  gap: 15px;
}
.seoSolutionSeventhSecCol:last-child {
  padding: 50px 0px 0px 0px;
  width: 46%;
  position: relative;
}
.seoSolutionSeventhSecCol:last-child img {
  position: absolute;
  bottom: 0;
}
.seo_chart{
  max-width: 500px;
  max-height: 500px;
  margin: auto
}
.seoSolutionSeventhSecCol:first-child p.bold {
  font-weight: 600;
}
.seoSolutionSeventhSecCol p {
  font-size: 20px;
  font-weight: 400;
  color: #000000;
  line-height: 1.7em;
  margin: 0;
  padding: 0;
  letter-spacing: 0.5px;
  font-family: 'Rubik';
  text-transform: capitalize;
}
.seoSolutionSeventhSecCol h2 {
  font-size: 45px;
  font-weight: 900;
  color: #000000;
  font-family: 'Sansation';
}

.seoSolutionEighthSecContainer {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 90px 30px;
  position: relative;
}
.seoSolutionEighthSecContainer .fixedGfx {
  position: absolute;
}

.seoSolutionEighthSecContainer .fixedGfx:first-child {
  bottom: 30%;
  width: 150px;
  right: 50%;
}
.seoSolutionEighthSecContainer .fixedGfx:nth-child(2) {
  top: 50px;
  left: 0;
  width: 70px;
}
.seoSolutionEighthSecContainer .fixedGfx:nth-child(3) {
  bottom: 13%;
  right: 0;
  width: 75px;
}
.seoSolutionEighthSecContainer .fixedGfx:nth-child(4) {
  width: 50%;
  display: block;
  top: 10%;
  right: 7%;
}
.seoSolutionEighthSecRow {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
  gap: 20px;
  width: 90%;
  margin-left: auto;
}
.seoSolutionEighthSecCol:first-child {
  width: 30%;
  flex-grow: 1;
}
.seoSolutionEighthSecCol:last-child {
  flex-grow: 1;
  width: 60%;
}
.seoSolutionEighthSecCol:first-child img {
  /*max-width: 250px;*/
  /*object-fit: contain;*/
  /*height: 75px;*/
  max-width: 200px;
  object-fit: cover;
}
.seoSolutionEighthSecCol:first-child p {
  font-size: 16px;
  font-weight: 500;
  color: #222;
  line-height: 1.7em;
  margin: 0;
  padding: 0;
}
.seoSolutionEighthSecCol a {
  background-color: #65259a;
  color: #fff;
  text-decoration: none;
  font-size: 16px;
  padding: 10px 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 12px;
  width: max-content;
  text-transform: uppercase;
  margin-top: 40px;
  letter-spacing: 0.2em;
  font-weight: 600;
}
.seoSolutionEighthSecCol .contentDivider {
  height: 1px;
  background: #e6ecf7;
  margin: 20px 0;
}
.seoSolutionEighthSecCol h4 {
  font-size: 16px;
  font-weight: 500;
  line-height: 19px;
  letter-spacing: 0.45em;
  background-color: #eef4fe;
  border-radius: 4px 4px 4px 4px;
  box-shadow: 0px 0px 14px -8px rgba(0, 0, 0, 0.2);
  display: flex;
  align-items: center;
  justify-content: center;
  width: max-content;
  margin: 0px 0px 25px -30px;
  padding: 12px 20px;
  border-radius: 12px;
}
#seoSolutionCaseStudyInfoSlider .swiper-nav {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 100px;
  height: 100px;
}
#seoSolutionCaseStudyInfoSlider .swiper-button-prev,
#seoSolutionCaseStudyInfoSlider .swiper-button-next {
  position: unset !important;
  flex-grow: 1;
  background: none;
  border: none;
  font-size: 14px;
  color: #222 !important;
  letter-spacing: 0.4em;
  text-transform: uppercase;
  margin-top: 0 !important;
  gap: 20px;
  transition: 0.3s;
}
#seoSolutionCaseStudyInfoSlider .swiper-button-prev:hover i,
#seoSolutionCaseStudyInfoSlider .swiper-button-next:hover i {
  background-color: #65259a;
  color: #fff !important;
  transition: 0.3s;
}
#seoSolutionCaseStudyInfoSlider .swiper-button-prev:focus,
#seoSolutionCaseStudyInfoSlider .swiper-button-next:focus {
  outline: none !important;
}
#seoSolutionCaseStudyInfoSlider .swiper-button-prev:after,
#seoSolutionCaseStudyInfoSlider .swiper-button-next:after {
  display: none;
}
#seoSolutionCaseStudyInfoSlider .swiper-button-next {
  justify-content: flex-end !important;
}

#seoSolutionCaseStudyInfoSlider .swiper-button-prev {
  justify-content: flex-start !important;
}
#seoSolutionCaseStudyInfoSlider .swiper-nav i {
  background-color: #e0e7ef;
  display: block;
  height: 60px;
  width: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
}
#seoSolutionCaseStudyScreensSlider .swiper-slide img {
  width: 30%;
  margin: auto;
  display: block;
}
.seoSolutionReviewsSecContainer {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 90px 30px;
  position: relative;
}
.seoSolutionReviewsSecInnerContainer {
  max-width: 1140px;
  width: 100%;
}
.seoSolutionReviewsSecRow {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
}
.seoSolutionReviewsSecRowHead {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  width: 100%;
  margin-bottom: 25px;
}
#seoSolutionReviewsSecSlider {
  width: 100%;
}
.seoSolutionReviewsSecRowHead h2 {
  font-size: 40px;
  font-weight: 900;
}
.seoSolutionReviewsSecRowHead h2 span {
  color: #65259a;
}
.seoSolutionReviewsSecRowHead .swiper-nav {
  display: flex;
  align-items: center;
  justify-content: flex-end !important;
  margin-top: 0;
  height: 100px;
  gap: 20px;
}
.seoSolutionReviewsSecRowHead .swiper-button-prev,
.seoSolutionReviewsSecRowHead .swiper-button-next {
  position: unset !important;
  background: none;
  border: none;
  font-size: 14px;
  color: #222 !important;
  letter-spacing: 0.4em;
  text-transform: uppercase;
  margin-top: 0 !important;
  gap: 20px;
  transition: 0.3s;
  height: 60px;
  width: 60px;
}
.seoSolutionReviewsSecRowHead .swiper-button-prev:hover i,
.seoSolutionReviewsSecRowHead .swiper-button-next:hover i {
  background-color: #65259a;
  color: #fff !important;
  transition: 0.3s;
}
.seoSolutionReviewsSecRowHead .swiper-button-prev:focus,
.seoSolutionReviewsSecRowHead .swiper-button-next:focus {
  outline: none !important;
}
.seoSolutionReviewsSecRowHead .swiper-button-prev:after,
.seoSolutionReviewsSecRowHead .swiper-button-next:after {
  display: none;
}
.seoSolutionReviewsSecRowHead .swiper-button-next {
  justify-content: flex-end !important;
}

.seoSolutionReviewsSecRowHead .swiper-button-prev {
  justify-content: flex-start !important;
}
.seoSolutionReviewsSecRowHead .swiper-nav i {
  background-color: #fff;
  height: 60px;
  width: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  box-shadow: 0px 0px 8px rgba(159, 164, 203, 0.19);
}
.reviewsFooter {
  font-size: 16px;
  font-weight: 500;
  text-align: center;
  margin-top: 20px;
  color: #222;
  width: 100%;
}
.reviewsFooter span {
  font-weight: 900;
}
.seoSolutionReviewsSecSliderItem {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 20px;
  box-shadow: 1px 1px 7px 0px rgba(0, 0, 0, 0.13),
    0px 0px 2px 0px rgba(0, 0, 0, 0.05);
  border-top-width: 0px !important;
  border-bottom-width: 0px !important;
  border-left-width: 0px !important;
  border-right-width: 0px !important;
  background-color: white !important;
  backdrop-filter: blur(0px);
  padding: 20px;
  margin: 10px;
  height: 220px;
  border-radius: 8px;
}
.seoSolutionReviewsSecSliderItemRow1 {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 20px;
}
.seoSolutionReviewsSecSliderItemFirstBox img {
  width: 40px;
}
.seoSolutionReviewsSecSliderItemMidBox {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.seoSolutionReviewsSecSliderItemMidBox h4 {
  font-size: 17px;
  font-weight: 900;
  margin: 0;
  padding: 0;
}
.seoSolutionReviewsSecSliderItemMidBox p {
  font-size: 14px;
  font-weight: 500;
  color: #222;
  margin: 0;
  padding: 0;
}
.seoSolutionReviewsSecSliderItemLastBox img {
  width: 20px;
}
.seoSolutionReviewsSecSliderItemRow2 {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 10px;
}
.seoSolutionReviewsSecSliderItemRow2 i {
  color: #f6bb06;
}

.seoSolutionLastSecContainer {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0px 0;
  position: relative;
}
.seoSolutionLastSecInnerContainer {
  max-width: 1140px;
}
.seoSolutionLastSecRow {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 20px;
}
.seoSolutionLastSecCol:first-child {
  width: 45%;
}
.seoSolutionLastSecCol:last-child {
  flex: 1;
  position: relative;
}
.seoSolutionLastSecColInner {
  display: flex;
  flex-wrap: wrap;
  gap: 25px;
  z-index: 1;
  position: relative;
  width: 65%;
}
.seoSolutionLastSecColInnerCol {
  width: 40%;
  flex-grow: 1;
  border-left: 10px solid #65259a;
  padding: 20px 0px 20px 10px;
}
.reviewFixedGfx {
  position: absolute;
  right: 50px;
  bottom: -50px;
  width: 200px;
  z-index: 0;
}
.seoSolutionLastSecColInnerCol h4 {
  font-size: 30px;
  font-weight: 900;
  margin: 0;
  padding: 0;
  color: #222;
}
.seoSolutionLastSecColInnerCol h5 {
  font-size: 18px;
  font-weight: 500;
  margin: 0;
  padding: 0;
  color: #65259a;
}
/* seo-solutions-sec-ends */
.footer-top h3 {
  color: #fff;

  font-size: 22px;

  line-height: 1;

  padding-bottom: 10px;
}

.footer-top .linkinglist {
  display: inline-block;
  padding: 0;
  margin-bottom: 0;
}

.footer-top .linkinglist li {
  padding: 5px 0;
}

.footer-top .linkinglist li a {
  color: #cbd6e2;
  font-size: 15px;
  display: flex;
  align-items: center;
  gap: 15px;
}

.footer-top .socialmid {
  border-bottom: 1px solid #171717;

  margin: 50px auto 0;

  padding-bottom: 30px;

  width: 100%;
}

.footer-bottom .fologo {
  width: 130px;
}

.fologo img {
  width: 190px;
  margin-bottom: 14px;
  margin-top: -11px;
}
/* footer

------------------------------------*/

.footer-main {
  background: #070707;
}

.footer-top {
  padding: 60px 0 0;
}

.footer-top h4 {
  color: white;
  font-size: 14px;
  font-weight: 700;
  text-transform: uppercase;
  margin: 10px 0;
  padding: 0px;
  position: relative;
}

.address-main ul {
  width: 100%;
  display: inline-block;
  margin: 10px 0;
}

.address-main ul li {
  display: inline-block;
  line-height: 28px;
  font-size: 14px;
  padding: 0 0 8px 18px;
  position: relative;
  color: white;
}

.address-main ul li a {
  color: white;
}

.address-main ul li a:hover {
  color: #c2c2c2;
}

.address-main ul li span {
  position: absolute;
  left: 0;
  top: 5px;
  color: var(--primary-color);
  font-size: 15px;
}

.ftr-social {
  text-align: left;
  display: table;
  margin-bottom: 0;
}

.ftr-social li {
  float: left;
  margin: 0 15px 0 0;
  position: relative;
  text-align: center;
}

.ftr-social li a {
  display: block;
  padding: 0;
  text-align: center;
}

.ftr-social li a span {
  color: #cbd6e2;
  font-size: 14px;
  margin: 0;
}

.ftr-social li a:hover span {
  color: #fff !important;
}

.ftr-social li a:hover span.icon-facebook {
  color: #3b5998;
}

.ftr-social li a:hover span.icon-twitter {
  color: #1da1f2;
}

.ftr-social li a:hover span.icon-google-plus {
  color: #dd5044;
}

.ftr-social li a:hover span.icon-linkedin {
  color: #007bb6;
}

.ftr-social li a:hover span.icon-youtube-play {
  color: #c4302b;
}

.ftr-social li a:hover span.icon-pinterest-p {
  color: #c92228;
}

.ftr-social li a:hover span.icon-instagram {
  color: #fb3958;
}

.ftr-social li a:hover span.icon-vimeo {
  color: #4ebbff;
}

.ftr-social li a:hover span.icon-medium {
  color: #347235;
}

/*Social Icon Section*/

.socail-media-banner {
  background: url(../images/socail-media-banner.jpg) no-repeat;

  background-size: cover;

  background-position: 100%;

  min-height: 565px;

  display: flex;

  align-items: center;

  justify-content: center;
}

.socail-media-content ul li img {
  width: auto;
}

.socail-media-content ul li {
  display: inline-block;

  padding-right: 25px;
}

.socail-media-content h3 {
  font-size: 40px;

  color: #fff;

  font-family: Cabin, sans-serif;

  font-weight: 200;

  padding-bottom: 0;
}

.socail-media-content h2 {
  color: #fff;

  font-weight: bold;

  font-size: 90px;

  padding-bottom: 0;
}

.socail-media-content h5 {
  color: #fff;

  font-weight: 300;

  font-size: 25px;
}

.socail-media-content ul {
  padding-top: 10px;
}

.socail-media-content {
  padding-top: 140px;
}

.socail-right-img {
  width: 540px;
}

/*Social Icon Section*/

/*==============THANKYOU-PAGE-CSS-STARTS====================*/

.main-thankyou-sec {
  padding: 100px 0;
}

.thankyou-inner {
  position: relative;
  z-index: 9;
}

.main-thankyou-sec img {
  width: 100px;
  padding: 0 0 10px 0;
  display: inline-block;
}

.main-thankyou-sec h1 {
  color: #141315;
  font-size: 56px;
  margin-bottom: 15px;
  font-weight: 600;
}

.main-thankyou-sec p.subtitle {
  color: #676767;
  line-height: 1.4;
  font-size: 22px;
  font-weight: 500;
  padding: 5px 0 30px 0;
}

.main-thankyou-sec a.btn-main {
  font-size: 20px;
  padding: 15px 30px;
}

.thankyoupg .mheader .mainbarr {
  /* background: #d6d6d6; */
  position: relative;
  z-index: 99;
}

/*==============THANKYOU-PAGE-CSS-ENDS====================*/

/*==============404-PAGE-CSS-STARTS====================*/

.error-main {
  padding: 9% 0 50px;
}

.face-errow img {
  padding: 0 0 20px;

  width: auto;
}

.error-heading h1 {
  font-size: 12rem;

  font-weight: 700;

  text-shadow: 0px 3px 0px #65259a;

  color: #000;

  margin-bottom: 0;

  line-height: 130px;
}

.error-heading p {
  font-size: 7.4rem;

  text-shadow: 0px 3px 0px #65259a;

  font-weight: 100;

  color: #444;

  margin-top: 0;

  display: inline-block;
}

.face-errow p {
  font-size: 35px;

  font-weight: 300;

  padding-top: 10px;

  margin-bottom: 20px;
}

/*==============404-PAGE-CSS-END====================*/

/*=========notfound-start======*/

#notfound {
  position: relative;
  padding: 100px 0;
  height: 600px;
  margin: 0px 0 0 0;
}

#notfound .notfound {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.notfound {
  max-width: 545px;
  width: 100%;
  text-align: center;
  line-height: 1.4;
  padding-top: 130px;
}

.notfound .notfound-404 {
  height: 190px;
}

.notfound .notfound-404 h1 {
  font-size: 146px;
  font-weight: 700;
  margin: 0px;
  color: #141315;
}

.notfound .notfound-404 h1 > span {
  display: inline-block;
  width: 120px;
  height: 120px;
  background-image: url(../images/emoji.png);
  background-size: cover;
  -webkit-transform: scale(1.4);
  -ms-transform: scale(1.4);
  transform: scale(1.4);
  z-index: -1;
}

.notfound h2 {
  font-size: 36px;
  font-weight: 700;
  margin: 0;
  text-transform: uppercase;
  color: #141315;
}

.notfound p {
  color: #676767;
  line-height: 1.4;
  font-size: 22px;
  font-weight: 500;
  padding: 5px 0px 30px 0;
}

.flex.belief-illustration-wrapper img {
  width: 100px;
}

.notfound a.btn-main {
  font-size: 20px;
  padding: 15px 30px;
}

.notfoundpage .mheader .mainbarr {
  background: #d6d6d6;
  position: relative;
  z-index: 99;
}

/*=========notfound-end======*/

/*==============floating strips css start============== */

.floatbutton.active {
  right: 0;
  z-index: 9;
  -webkit-transition: 0.4s;
  -moz-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
}

.floatbutton {
  -webkit-transition: 0.4s;
  -moz-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
  position: fixed;
  right: -370px;
  top: 18%;
  font-size: 0;
  width: 420px;
  /* transform: translateY(-50%); */
  z-index: 999;
}

.floatbutton .clickbutton {
  width: 50px;
  z-index: 999;
  height: 200px;
  cursor: pointer;
  box-shadow: -20px 7px 18px -7px rgba(87, 184, 151, 0.09);
  border-radius: 3px 0px 0px 3px;
  border-radius: 30px 0px 0px 30px;
  display: inline-block;
  padding-top: 0;
  vertical-align: top;
  margin-top: 125px;
  color: #fff;
  font-size: 16px;
  font-weight: 700;
  position: relative;
  text-transform: uppercase;
  background-color: #65259a;
  box-shadow: 0px 0px 40px #00000026;
  -webkit-box-shadow: 0px 0px 40px #00000026;
  -ms-box-shadow: 0px 0px 40px #00000026;
  -o-box-shadow: 0px 0px 40px #00000026;
}

.floatbutton .clickbutton .crossplus:before {
  content: "";
  display: none;
  position: absolute;
  width: 20px;
  height: 2px;
  right: 0;
  background: #fbb334;
  z-index: 99;
  top: 0;
  left: 0;
  bottom: 0;
  margin: auto;
}

.floatbutton .clickbutton .crossplus:after {
  content: "";
  display: none;
  position: absolute;
  width: 2px;
  height: 20px;
  right: 0;
  background: #fab334;
  z-index: 99;
  top: 0;
  left: 0;
  bottom: 0;
  margin: auto;
}

.floatbutton .clickbutton .crossplus {
  position: absolute;
  display: block;
  transform: rotate(-90deg);
  -webkit-transition: 0.4s;
  -moz-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
  left: -45px;
  white-space: pre;
  bottom: 87px;
}

.floatbutton .clickbutton .crossplus.rotate {
  transform: rotate(45deg);
  -webkit-transition: 0.4s;
  -moz-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
}

.floatbutton .clickbutton .crossplus i {
  font-size: 18px;
  color: #ffffff;
  margin: 17px 0 0 15px;
}

.banner-form {
  background: #fff;
  padding: 30px;
  position: relative;
  z-index: 99999 !important;
  border-radius: 5px;
  margin: 0;
  width: 370px;
  display: inline-block;
  box-shadow: 0px 0px 30px #0000001f;
}

.ban-form input {
  width: 100%;
  margin: 0 0 0 0;
  border: 1px solid #e5e5e5;
  background: white;
  padding: 10px 15px;
  color: gray;
  font-size: 14px;
  border-radius: 3px;
  height: 50px;
  font-weight: 400;
  outline: none !important;
  margin: 0 0 15px 0;
}

.banner-form .intl-tel-input {
  width: 100%;
}

.banner-form h3 {
  color: #141315;
  font-size: 24px;
  margin-bottom: 5px;
  font-weight: 700;
}

.banner-form h3 strong {
  font: 24px/24px "Poppins", sans-serif;
  font-weight: 600;
}

.ban-form input[type="submit"] {
  color: #fff;
  font-weight: 600;
  border-radius: 3px;
  text-align: center;
  padding: 10px 15px;
  margin: 20px 0 0;
  border: transparent;
  cursor: pointer;
  background-color: #65259a;
}

.ban-form textarea {
  width: 100%;
  border: 1px solid #e5e5e5;
  background: white;
  padding: 10px 15px;
  color: gray;
  font-size: 14px;
  border-radius: 3px;
  font-weight: 400;
  height: 120px;
  outline: none !important;
  margin: 15px 0 0px 0;
  resize: none;
}

.btns_wrap {
  position: fixed;
  right: -6px;
}

.btns_wrap a:hover {
  text-decoration: none !important;
  right: 0px;
}

.btns_wrap .call_wrap {
  width: 280px;
  background-color: #65259a;
  position: absolute;
  right: -225px;
  top: 63px;
  border-radius: 3px 0px 0px 3px;
  overflow: hidden;
  box-shadow: 0px 0px 40px #00000026 !important;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  z-index: 9999;
  border-radius: 30px 0px 0px 30px;
}

.btns_wrap .call_wrap span {
  color: #fff;
  font-size: 20px;
  vertical-align: middle;
  /* background: #000; */
  padding: 15px 20px 15px 15px;
}

.btns_wrap .chat_wrap {
  display: block;
  position: absolute;
  right: -225px;
  width: 280px;
  background-color: #65259a;
  top: 0;
  border-radius: 0px;
  overflow: hidden;
  box-shadow: 0px 0px 40px #00000026 !important;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  border-radius: 30px 0px 0px 30px;
  z-index: 9999;
}

.btns_wrap .chat_wrap span.icoo,
.btns_wrap .call_wrap span.icoo {
  color: #fff;
  font-size: 18px;
  padding: 15px 20px;
  border-right: 1px solid #ded9d9;
  vertical-align: middle;
  display: inline-block;
  border-radius: 10px 0px 0px 10px;
}

.btns_wrap .chat_wrap span {
  color: #fff;
  font-size: 20px;
  vertical-align: middle;
  /* background: #000; */
  padding: 15px 30px 15px 15px;
}

.ban-form .fldset.inpchecbx label {
  display: inline-block;
  margin: 0;
  line-height: 1.4;
  color: #676767;
  font-size: 13px;
}

.ban-form .fldset.inpchecbx input {
  display: inline-block;
  width: auto;
  height: auto;
  margin: 0;
}

.fldset.inpchecbx {
  margin: 10px 0 0 0;
}

.fldset p {
  font-size: 13px;
  color: #676767;
  padding: 0;
  margin: 10px 0 0 0;
}

.fldset p a {
  display: block;
  padding: 5px 0px 0 0;
  color: #141315;
  font-weight: 500;
  font-size: 14px;
}

.main-services-banner-sec .ban-form .fldset textarea {
  height: 60px;
}

.main-services-banner-sec .ban-form input {
  height: 40px;
}

.intl-tel-input .country-list .country {
  font-size: 14px;
}

/*===================floating strips css end =================*/

.ftr-social2 {
  display: inline-block;
  margin: 10px 0;
  width: 100%;
}

.ftr-social2 li {
  float: left;
  margin: 0 10px 0 0;
  position: relative;
  text-align: center;
}

.ftr-social2 li a {
  display: block;
  padding: 0;
  text-align: center;
}

.ftr-social2 li a span {
  background: #3b5998;
  width: 30px;
  height: 30px;
  line-height: 30px;
  border-radius: 50%;
  color: white;
  font-size: 15px;
  margin: 0;
  display: block;
}

.ftr-social2 li a:hover span {
  color: white;
}

.ftr-social2 li a span.icon-facebook {
  background: #3b5998;
}

.ftr-social2 li a span.icon-twitter {
  background: #1da1f2;
}

.ftr-social2 li a span.icon-google-plus {
  background: #dd5044;
}

.ftr-social2 li a span.icon-linkedin {
  background: #007bb6;
}

.ftr-social2 li a span.icon-youtube-play {
  background: #c4302b;
}

.ftr-social3 {
  display: inline-block;
  margin: 10px 0;
  width: 100%;
}

.ftr-social3 li {
  float: left;
  margin: 0 15px 0 0;
  position: relative;
  text-align: center;
}

.ftr-social3 li a {
  display: block;
  padding: 0;
  text-align: center;
}

.ftr-social3 li a span {
  color: white;
  font-size: 25px;
  margin: 0;
}

.ftr-social3 li a:hover span {
  color: lightgray;
}

.footer-nav {
  text-align: right;
  list-style-type: none;
  margin: 12px 0 20px;
  width: 100%;
  display: inline-block;
}

.footer-nav li {
  /* padding: 0 0 5px 15px; */
  margin-right: 20px;
  position: relative;
  display: inline-block;
}

.footer-nav li:before {
  position: absolute;
  font-family: "icomoon" !important;
  left: 0px;
  top: 3px;
  font-size: 13px;
  color: var(--primary-color);
}

.footer-nav li a {
  font-size: 12px;
  font-weight: 400;
  color: white;
}

.footer-nav li a:hover {
  color: #c2c2c2;
}

.subscribe-main {
  margin: 30px 15px 10px;
  width: 100%;
  float: right;
  text-align: right;
  display: inline-block;
}

.subscribe-main input[type="text"] {
  background: white;
  border: 0;
  border-radius: 5px 0 0 5px;
  color: #9d9d9d;
  padding: 10px;
  font-size: 14px;
  font-weight: 300;
  float: left;
  height: 30px;
  line-height: 30px;
  width: 65%;
}

.subscribe-main input[type="submit"] {
  background: #20cb98;
  border: 0px;
  color: white;
  border-radius: 0px 5px 5px 0;
  padding: 0;
  font-size: 14px;
  font-weight: bold;
  text-transform: capitalize;
  cursor: pointer;
  float: left;
  height: 30px;
  width: 35%;
}

.subscribe-main input[type="submit"]:hover {
  background: #23bb8f;
}

.subscribe-main input::-webkit-input-placeholder {
  color: #9d9d9d;
  opacity: 1 !important;
}

.subscribe-main input:-moz-placeholder {
  color: #9d9d9d;
}

.subscribe-main input::-moz-placeholder {
  color: #9d9d9d;
}

.subscribe-main input:-ms-input-placeholder {
  color: #9d9d9d;
}

.footer-bottom {
  background: #070707;
  padding: 30px 0;
  border-top: 1px solid #ffffff21;
  margin-top: 50px;
}

.footer-nav2 {
  list-style-type: none;
  margin: 10px 0 10px 0;
  float: right;
}

.footer-nav2 li {
  float: left;
  padding: 0 12px;
  position: relative;
}

.footer-nav2 li:first-child {
  padding-left: 0px;
}

.footer-nav2 li:before {
  position: absolute;
  content: "";
  width: 1px;
  height: 13px;
  background: white;
  left: 0px;
  top: 30%;
}

.footer-nav2 li:first-child:before {
  display: none;
}

.footer-nav2 li a {
  font-size: 13px;
  font-weight: 400;
  color: #cbd6e2;
}

.footer-nav2 li a:hover {
  color: #fff;
}

.copyright {
  padding: 10px 0 0px 0;
  margin: 0px;
  font-size: 12px;
  color: #cbd6e2;
}

.copyright span {
  color: #cbd6e2;
}

.disclaimer-area {
  background: black;
  padding: 10px 0;
}

.disclaimer {
  font-size: 11px;
  font-weight: 400;
  color: white;
  line-height: 18px;
  margin: 0;
  padding: 10px 0;
}

.disclaimer strong {
  color: var(--primary-color);
  font-weight: 500;
}

.queryform {
  background-color: #ffffff;
  padding: 80px 0;
}

.queryform.innerfrom {
  text-align: center;
}

.queryform.innerfrom .bot-form {
  margin: 0 auto;
  width: 75%;
}

.queryform.innerfrom {
  background-color: transparent;
  padding: 80px 0;
}

.queryform.innerfrom .textwrap .subheading {
  color: #fff;
  background-color: #65259a;
}

.queryform.innerfrom .textwrap h2 {
  color: #070707;
}

.queryform.innerfrom .textwrap p {
  color: #070707;
}

.queryform.innerfrom .bot-form input::placeholder {
  color: #070707;
  opacity: 1;
  /* Firefox */
}

.queryform.innerfrom .bot-form form select,
.bot-form form input[type="text"],
.bot-form form input[type="email"],
.bot-form form input[type="number"],
.bot-form form input[type="tel"],
.bot-form form textarea {
  color: #070707;
}

.queryform.innerfrom .bot-form form select {
  color: #070707;
}

.queryform.innerfrom .bot-form form textarea {
  color: #070707;
}

.queryform.innerfrom .bot-form form textarea::placeholder {
  color: #070707;
  opacity: 1;
  /* Firefox */
}

.queryform.innerfrom .bot-form form input[type="submit"] {
}

.bot-form form textarea .queryform .textwrap {
}

.queryform .textwrap.mwrapp {
  text-align: center;
  margin-bottom: 100px;
}

.queryform .textwrap .subheading {
  color: #070707;

  padding: 8px 20px;

  background-color: rgba(255, 255, 255, 0.3);

  font-size: 16px;

  border-radius: 30px;

  display: inline-block;

  font-weight: 700;

  text-transform: uppercase;

  margin-bottom: 15px;

  color: #fff;

  background-color: #65259a;
}

.queryform .textwrap h2 {
  color: #070707;

  font-size: 40px;

  font-weight: 500;

  padding-bottom: 15px;
}

.queryform .textwrap p {
  color: #5c5856;

  font-size: 18px;

  padding-bottom: 40px;
}

.queryform .intl-tel-input.separate-dial-code .selected-flag {
  border-radius: 30px 0 0 30px;
}

.queryform input::-webkit-input-placeholder {
  color: #070707;
  opacity: 1 !important;
}

.queryform input:-moz-placeholder {
  color: #070707;
}

.queryform input::-moz-placeholder {
  color: #070707;
}

.queryform input:-ms-input-placeholder {
  color: #070707;
}

.queryform form textarea::-webkit-input-placeholder {
  color: #070707;
  opacity: 1 !important;
}

.queryform form textarea:-moz-placeholder {
  color: #070707;
}

.queryform form textarea::-moz-placeholder {
  color: #070707;
}

.queryform form textarea:-ms-input-placeholder {
  color: #070707;
}

.mlogos li {
  width: 32%;
  display: inline-block;
}

.mlogos li img {
}

.mheader .mainbarr .boxednav .navigation .linkingchannel li.ddlistmenu {
  position: relative;

  padding-right: 24px;
}

.mheader .mainbarr .boxednav .navigation .linkingchannel li.ddlistmenu a {
  padding-bottom: 32px;
}

.mheader .mainbarr .boxednav .navigation .linkingchannel li.ddlistmenu a span {
  line-height: 1;

  position: absolute;

  top: 5px;

  right: 8px;
}

.mheader
  .mainbarr
  .boxednav
  .navigation
  .linkingchannel
  li.ddlistmenu:hover
  .dropdown {
  visibility: visible;

  opacity: 1;
}

.mheader .mainbarr .boxednav .navigation .linkingchannel li:hover {
}

/*.mheader .mainbarr .boxednav .navigation .linkingchannel li:hover a {*/
/*  color: #65259a;*/
/*}*/
.mheader .mainbarr .boxednav .navigation .infochannel li:last-child a:hover {
    border: none;
}
.mheader .mainbarr .boxednav .navigation .linkingchannel li.active a {
  color: #65259a;
}

.myinnersection {
  width: 100%;

  height: 600px;

  background-size: cover;

  background-position: top center;
}

.myinnersection .textwrap {
  padding-top: 24%;

  text-align: center;
}

.myinnersection .textwrap h1 {
  color: #fff;

  font-size: 58px;

  margin-bottom: 20px;
}

.myinnersection .textwrap p {
  color: #fff;

  font-size: 24px;

  line-height: 1.4;

  padding-bottom: 0;
}

.abtinfo {
  padding: 80px 0;

  background-color: #f6f6f8;
}

.abtinfo .textwrap {
}

.abtinfo .textwrap.mwrapp {
  text-align: center;
  margin-bottom: 100px;
}

.abtinfo .textwrap .subheading {
  color: #fff;

  background-color: #65259a;

  padding: 8px 20px;

  font-size: 16px;

  border-radius: 30px;

  display: inline-block;

  font-weight: 700;

  text-transform: uppercase;

  margin-bottom: 15px;
}

.abtinfo .textwrap h2 {
  color: #070707;

  font-size: 40px;

  font-weight: 500;

  padding-bottom: 30px;
}

.abtinfo .textwrap p {
  color: #5c5856;

  font-size: 18px;

  padding-bottom: 40px;
}

.abtinfo .textwrap figure {
  margin-bottom: 0px;
}

.abtinfo .textwrap figure img {
  width: 100%;
}

.clientssec {
  padding: 80px 0;

  background-color: #fff;
}
.clientssec h2 {
    font-family: 'Sansation';
    font-size: 50px;
    color: black;
    font-weight: bold;
    margin: 0px 0px 50px 0px;
}
.clientssec .textwrap.mwrapp {
  text-align: center;
  margin-bottom: 100px;
}

.clientssec .textwrap .subheading {
  color: #65259a;

  background-color: #fbc6cf;

  padding: 8px 20px;

  font-size: 16px;

  border-radius: 30px;

  display: inline-block;

  font-weight: 700;

  text-transform: uppercase;

  margin-bottom: 15px;
}

.clientssec .textwrap h2 {
  color: #000000;
  font-size: 50px;
  font-family: 'Sansation';
  font-weight: bold;
  padding: 0px 0px 50px 0px;
  margin-left: -65px;
}

.clientssec .textwrap p {
  color: #5c5856;

  font-size: 18px;

  padding-bottom: 40px;
}
.clientssec .clientssliderBox {
  background: transparent;
  padding: 0.5rem 1rem;
  background-image: linear-gradient(90deg, white, white),
    linear-gradient(90deg, rgba(101,37,154,1) 2%, rgba(122,28,172,1) 37%, rgba(173,73,225,1) 67%, rgba(101,37,154,1));
  background-clip: padding-box, border-box;
  background-origin: border-box;
  border: 3px solid transparent;
  border-radius: 40px 40px  0px 0px;
  -webkit-box-shadow: 0px 8px 21px -11px rgba(0,0,0,0.75);
  -moz-box-shadow: 0px 8px 21px -11px rgba(0,0,0,0.75);
  box-shadow: 0px 8px 21px -11px rgba(0,0,0,0.75);
  /* margin-bottom: 0;
  border-width: 2px;
  background-origin: border-box;
  border-radius: 1.75rem;
  border-style: solid;
  border-image: linear-gradient(90deg, rgba(101,37,154,1) 2%, rgba(122,28,172,1) 37%, rgba(173,73,225,1) 67%, rgba(101,37,154,1) 100%) 1; */

}
.clientssec .clientsslider {
  margin-bottom: 0;
}

.clientssec .clientsslider li {
  display: inline-block;
}

.clientssec .clientsslider li img {
  max-width: 160px;
  margin: auto;
}

.methodologysec {
  padding: 80px 0;
}

.methodologysec .textwrap {
}

.methodologysec .textwrap.mwrapp {
  text-align: center;
  margin-bottom: 100px;
}

.methodologysec .textwrap .subheading {
  color: #fff;

  background-color: #65259a;

  padding: 8px 20px;

  font-size: 16px;

  border-radius: 30px;

  display: inline-block;

  font-weight: 700;

  text-transform: uppercase;

  margin-bottom: 15px;
}

.methodologysec .textwrap h2 {
  color: #070707;

  font-size: 40px;

  font-weight: 500;

  padding-bottom: 30px;
}

.methodologysec .textwrap p {
  color: #5c5856;

  font-size: 18px;

  padding-bottom: 40px;
}

.methodologysec .mbox {
  margin-bottom: 30px;
}

.methodologysec .mbox .iconss {
  padding-top: 2px;

  margin-bottom: 0;

  display: inline-block;

  width: 15%;

  vertical-align: top;
}

.methodologysec .mbox .iconss img {
}

.methodologysec .mbox .text {
  width: 100%;

  vertical-align: top;

  display: inline-block;
}

.methodologysec .mbox .text h3 {
  font-size: 24px;

  color: #070707;

  line-height: 1.2;
}

.methodologysec .mbox .text p {
  padding-bottom: 10px;
}

.methodologysec .mbox .text a {
  color: #65259a;

  font-weight: 500;

  text-decoration: underline;

  transition: color 0.2s ease-in-out;

  position: relative;

  font-size: 18px;
}

.methodologysec .myfigure {
  background: url(../images/methodology-1.jpg);

  width: 100%;

  height: 100%;

  background-size: cover;

  background-position: top center;
}

.contactinfo {
  padding: 150px 0 80px;

  background-color: #f7f7f8;
}

.contactinfo .textwrap.mwrapp {
  text-align: center;
  margin-bottom: 100px;
}

.contactinfo .textwrap .subheading {
  color: #65259a;

  background-color: #fbc6cf;

  padding: 8px 20px;

  font-size: 16px;

  border-radius: 30px;

  display: inline-block;

  font-weight: 700;

  text-transform: uppercase;

  margin-bottom: 15px;
}

.contactinfo .textwrap h2 {
  color: #070707;

  font-size: 40px;

  font-weight: 700;

  padding-bottom: 30px;
}

.contactinfo .textwrap p {
  color: #5c5856;

  font-size: 16px;

  padding-bottom: 0;
}

.contactinfo .textwrap h3 {
  color: #070707;

  font-size: 24px;

  font-weight: 500;
  margin-top: 30px;
}

.contactinfo .formwrap {
  padding: 65px;

  background: #fff;
}

.contactinfo .formwrap form {
}

.contactinfo .formwrap form .fldset {
  background: #f7f7f8;

  margin-bottom: 20px;
}

.contactinfo .formwrap form .fldset input[type="text"],
.contactinfo .formwrap form .fldset input[type="email"],
.contactinfo .formwrap form .fldset input[type="number"],
.contactinfo .formwrap form .fldset textarea,
.contactinfo .formwrap form .fldset select {
  position: relative;

  z-index: 0;

  border: 0;

  width: 100%;

  background: transparent;

  color: #5c5856;

  padding: 10px 20px;

  height: 70px;

  font-size: 18px;

  outline: none;

  border-bottom: 1px solid #c9d0db;
}

.contactinfo .formwrap form .fldset input[type="number"] {
  padding-left: 24%;
}

.contactinfo .formwrap form .fldset textarea {
  height: 130px;
}

.contactinfo .formwrap form .fldset input[type="submit"] {
  padding: 14px 70px;
}

.contactinfo .formwrap form .intl-tel-input {
  width: 100%;
}

.contactinfo .formwrap form .fldset input[type="text"]:focus,
.contactinfo .formwrap form .fldset input[type="email"]:focus,
.contactinfo .formwrap form .fldset input[type="number"]:focus,
.contactinfo .formwrap form .fldset textarea:focus,
.contactinfo .formwrap form .fldset select:focus {
  border-bottom-color: #65259a;
}

.ddparrow {
  position: relative;
}

.ddparrow span {
  position: absolute;
  right: 25px;
  top: 0;
  bottom: 0;
  margin: auto;
  font-size: 20px;
  z-index: 0;
  left: auto;
  color: #9ea5af;
  display: flex;
  flex-direction: row;
  align-items: center;
}

.contactinfo .formwrap form .fldset.btnn {
  background: transparent;
}

.packagesmain .packk .packlliist .mypack .bdy .listscroll li.heading {
  font-weight: 700;

  color: #65259a;
}

.packagesmain .packk .packlliist .mypack .bdy .listscroll li.heading:before {
  display: none;
}

.works-wrap {
  padding: 140px 0 60px;

  position: relative;

  background-color: #ffffff;

  z-index: 2;

  border-bottom: 1px solid #eaeaea;
}

.subscribe-fold {
  padding: 0px 0 0;
}

.subscribe-fold .myheading {
  position: relative;

  padding-bottom: 40px;

  font-size: 44px;

  color: #160c28;

  line-height: 1.1em;

  margin-bottom: 30px;

  padding: 0px;
}

.subscribe-fold .mytext {
  text-align: left;

  margin: 0 0 70px;

  padding: 0px;

  font-size: 18px;
}

.subscribe-fold .myheading:after {
  position: absolute;

  background: -moz-linear-gradient(left, rgb(129, 40, 185) 0%, #0c6ed6 100%);
  /* FF3.6-15 */

  background: linear-gradient(to right, rgb(129, 40, 185) 0%, #0c6ed6 100%);
  /* Chrome10-25,Safari5.1-6 */

  width: 76px;

  height: 2px;

  left: 0;

  bottom: 0;
}

.bronze {
  border: 1px solid transparent;
}

.subs-pac {
  box-shadow: 0 3px 30px #0000001f;

  display: block;

  width: 100%;

  text-align: center;

  height: 505px;

  margin: 0 0 60px;

  -ms-transition: all 0.3s ease-out;

  -moz-transition: all 0.3s ease-out;

  -webkit-transition: all 0.3s ease-out;

  -o-transition: all 0.3s ease-out;

  transition: all 0.3s ease-out;

  border-radius: 10px;

  padding: 75px 0 0;
}

.subscribe-fold h3 {
  font-size: 24px;

  margin: 0;

  font-weight: 400;

  position: relative;

  text-transform: capitalize;

  font-weight: 800;

  width: 100%;

  text-align: center;
}

.subs-pac h6 {
  color: #65259a;

  font-size: 40px;

  font-weight: 700;

  display: inline-block;

  line-height: 0.9;

  margin: 30px 0 0;

  position: relative;

  padding: 0 20px;
}

.subs-pac h6 span.old {
  position: absolute;

  right: 0;

  left: 0;

  top: -30px;

  text-decoration: line-through;

  font-weight: bold;

  margin: 0;

  font-size: 16px;
}

.subs-pac span.price_change.old {
  text-decoration: none;

  font-size: 35px;
}

.subs-pac h6 b {
  position: relative;

  font-size: 20px;

  display: inline-block;

  top: -28px;

  color: #555;
}

.subs-pac h6 span {
  font-size: 16px;

  color: #687087;

  display: inline-block;

  margin: 30px 0 0;

  padding: 0;

  position: relative;

  line-height: 1.3;
}

.subs-pac h6 span b.monthss {
  position: absolute;

  right: -61px;

  font-size: 20px;

  top: -37px;

  color: #555;
}

.subs-pac.bronze:hover {
  /* FF3.6-15 */

  /* Chrome10-25,Safari5.1-6 */

  background: #65259a;
}

.subs-pac span {
  display: block;

  margin: 30px 0 20px;

  font-weight: 400;
}

.subs-pac a.ordrrrr {
  text-align: center;

  margin: 30px auto 0;

  /* FF3.6-15 */

  /* Chrome10-25,Safari5.1-6 */

  border: none;

  padding: 14px 60px;

  color: #ffffff;

  box-shadow: none;

  border-radius: 10px;

  font-weight: 600;

  cursor: pointer;

  display: inline-block;

  font-size: 16px;

  background: #65259a;

  font-family: var(--heading-font-family);
}

.subs-pac:hover a.ordrrrr {
  background: #ffffff;

  color: #65259a;
}

.subs-pac .actions {
  border-top: 1px solid #eeeeee;

  padding: 0px 0;

  margin: 40px 0 0;

  position: relative;
}

.subs-pac:hover div.actions {
  border-top: 1px solid #fff;
}

.subs-pac .actions a.chatbtn {
  font-size: 14px;

  font-weight: 600;

  padding: 15px 0px;

  display: inline-block;

  color: #000000;

  margin: 0px;
}

.subs-pac .actions a.numberbtn {
  font-size: 14px;

  font-weight: 600;

  padding: 15px 0px;

  color: #000000;

  display: inline-block;

  margin: 0px;
}

.subs-pac.bronze:hover h3,
.subs-pac.bronze:hover h6,
.subs-pac.bronze:hover span,
.subs-pac.silver:hover h3,
.subs-pac.silver:hover h6,
.subs-pac.silver:hover span,
.subs-pac.gold:hover h3,
.subs-pac.gold:hover h6,
.subs-pac.gold:hover span {
  color: #fff;
}

.subs-pac:hover h6 b {
  color: #fff;
}

.subs-pac.bronze:hover a.chatbtn {
  color: #fff !important;
}

.subs-pac.bronze:hover a.numberbtn {
  color: #fff !important;
}

.subscribe-fold .table-packages.bronze {
  border: none;
}

.subscribe-fold .table-packages {
  -ms-transition: all 0.3s ease-out;

  -moz-transition: all 0.3s ease-out;

  -webkit-transition: all 0.3s ease-out;

  -o-transition: all 0.3s ease-out;

  transition: all 0.3s ease-out;

  width: 100%;
}

sub-list {
  padding-left: 40px;
}

.subscribe-fold .table-packages .head {
  width: 100%;
}

.subscribe-fold .table-packages .head h5 {
  text-align: left;

  font-size: 28px;

  font-weight: 700;

  margin: 0;

  padding: 0;

  display: inline-block;

  color: #160c28;
}

.subscribe-fold .table-packages .body .subscription-list {
  height: 430px;

  margin-top: 20px;

  padding: 0;
}

.mCustomScrollBox {
  position: relative;

  overflow: hidden;

  height: 100%;

  max-width: 100%;

  outline: none;

  padding: 0 10px;

  direction: ltr;
}

.mCSB_container {
  overflow: hidden;

  width: auto;

  height: auto;
}

.subscribe-fold .table-packages .body ul li {
  position: relative;

  text-align: left;

  padding: 14px 0 14px 0;

  border-bottom: 1px solid #eaeaea;

  width: 93%;
}

.subscribe-fold .table-packages .body ul li {
  font-size: 16px;

  font-weight: 400;

  margin: 0;

  display: inline-block;

  font-family: var(--primary-font-family);
}

.subscribe-fold .table-packages .body ul li span.tick {
  font-size: 18px;

  color: #01e252;

  position: relative;

  display: block;

  margin: 0;

  padding: 0;

  text-align: center;

  width: 30px;

  height: 32px;

  line-height: 1.6;

  float: right;

  top: 7px;

  position: absolute;

  right: -10px;
}

.subscribe-fold .table-packages .body ul li:before {
  font-family: "icomoon" !important;

  content: "\e91a";

  position: absolute;

  top: 2px;

  float: revert;

  right: 0;

  top: 16px;

  color: #01e252;
}

.mCSB_scrollTools {
  opacity: 0.75;

  filter: "alpha(opacity=75)";

  -ms-filter: "alpha(opacity=75)";
}

.mCSB_scrollTools {
  position: absolute;

  width: 16px;

  height: auto;

  left: auto;

  top: 0;

  right: 0;

  bottom: 0;
}

.mCSB_scrollTools {
  -webkit-transition: opacity 0.2s ease-in-out,
    background-color 0.2s ease-in-out;

  -moz-transition: opacity 0.2s ease-in-out, background-color 0.2s ease-in-out;

  -o-transition: opacity 0.2s ease-in-out, background-color 0.2s ease-in-out;

  transition: opacity 0.2s ease-in-out, background-color 0.2s ease-in-out;
}

.subscribe-fold {
  padding: 0px 0 0;
}

.subscribe-fold .table-packages .body ul li.heading {
  color: #65259a;

  font-weight: 700;
}

.subscribe-fold .table-packages .body .subscription-list {
  height: 430px;

  margin-top: 20px;

  padding: 0;
}

.personal {
  padding: 140px 0 60px;
}

.personal .newsle {
  margin-bottom: 20px;
}

.personal .newsle h3 {
  font-size: 24px;
  text-align: left;
  color: #2e2e2e;
  padding: 0;
  margin: 0 0 10px;
  font-weight: 900;
}

.personal .newsle p {
  color: #737373;
  text-align: left;
  padding: 0;
  font-size: 16px;
  margin: 0 0 5px;
  line-height: 22px;
  font-weight: 200;
}

.personal .newsle p a {
  color: #65259a;
  text-decoration: none;
}

.personal .newsle p a:hover {
  text-decoration: underline;
}

.personal .newsle ul {
  margin-bottom: 11px;
  display: block;
}

.personal .newsle ul li {
  font-size: 14px;
  list-style-type: none;
  margin-top: 15px;
  color: #4f4f4f;
  display: block;
  font-weight: 400;
  margin-left: 25px;
  position: relative;
}

.personal .newsle ul li:before {
  content: "";
  width: 5px;
  height: 5px;
  top: 6px;
  bottom: 0px;
  left: -21px;
  border-radius: 50%;
  right: 0;
  position: absolute;
  background-color: #4f4f4f;
  margin: 0;
}

.personal .newsle ul li a {
  color: #65259a;
}

.personal .newsle ul li a:hover {
  text-decoration: underline;
}

.personal .newsle strong {
  font-size: 16px;
  margin: 0 0 5px;
  text-align: left;
  font-weight: 700;
  color: #65259a;
  line-height: 22px;
}

.mbileapp {
  padding: 80px 0;
}

.mbileapp .textwrp {
  padding: 0 0 0 0;
}

.mbileapp .textwrp .subheading {
  color: #65259a;
  background-color: #fbc6cf;
  padding: 8px 20px;
  font-size: 16px;
  border-radius: 30px;
  display: inline-block;
  font-weight: 700;
  text-transform: uppercase;
  margin-bottom: 15px;
}

.mbileapp .textwrp h2 {
  color: #070707;
  font-size: 40px;
  font-weight: 500;
  padding-bottom: 15px;
}

.mbileapp .textwrp p {
  color: #5c5856;
  font-size: 18px;
  padding-bottom: 40px;
}

.mbileapp .img-wrp {
  text-align: center;
  position: relative;
}

.mbileapp .img-wrp:after {
  content: "";
  background: url(../images/case-studies/mobile-bg.png);
  display: block;
  position: absolute;
  top: 50px;
  right: 0;
  left: 0;
  margin: 0 auto;
  z-index: -1;
  width: 500px;
  height: 500px;
  background-size: cover;
  background-repeat: no-repeat;
}

.mbileapp .img-wrp img {
  margin: 0 auto;
  display: block;
}

.wbstecas {
  padding: 80px 0;
}

.wbstecas .textwrp {
  padding: 0 0 0 0;
}

.wbstecas .textwrp .subheading {
  color: #65259a;
  background-color: #fbc6cf;
  padding: 8px 20px;
  font-size: 16px;
  border-radius: 30px;
  display: inline-block;
  font-weight: 700;
  text-transform: uppercase;
  margin-bottom: 15px;
}

.wbstecas .textwrp h2 {
  color: #070707;
  font-size: 40px;
  font-weight: 500;
  padding-bottom: 15px;
}

.wbstecas .textwrp p {
  color: #5c5856;
  font-size: 18px;
  padding-bottom: 40px;
}

.wbstecas .img-wrp {
  text-align: center;
  position: relative;
  padding: 36px 0;
}

.wbstecas .img-wrp:after {
  content: "";
  background: url(../images/case-studies/web-bg.png);
  display: block;
  position: absolute;
  top: -40px;
  right: 0;
  left: 0;
  margin: 0 auto;
  z-index: -1;
  width: 100%;
  height: 510px;
  background-size: contain;
  background-repeat: no-repeat;
}

.wbstecas .img-wrp img {
  margin: 0 auto;
  display: block;
}

.wbstecas .img-wrp .lptop {
  overflow: hidden;
  height: 402px;
  position: relative;
}

.wbstecas .img-wrp .lptop img {
  transition: 11s;
  width: 85%;
  position: absolute;
  left: 0;
  top: 30px;
  right: 0;
  margin: 0 auto;
}

.wbstecas .img-wrp .lptop:hover img {
  transform: translateY(-1180px);
  transition: 11s;
}

.wbstecas .img-wrp .lngimgs {
  background: url(../images/case-studies/empty-laptopnew.png);
  background-size: contain;
  background-repeat: no-repeat;
  height: 410px;
  z-index: 2;
  position: relative;
}

/**/

.valuablewrp {
  background: #f6f6f8;
  /*padding: 60px 0px 90px;*/
  padding: 80px 0px 80px;
  position: relative;
}
section.valuablewrp .container.pb-4 {
  padding-bottom: 0 !important;
}
.valuablewrp .txtwrp {
  display: block;
  text-align: center;
}

.valuablewrp .maindiv {
  display: block;
  margin-top: 15px;
}

.test-home {
  display: contents !important;
}

.inner-testimonal-banner h1 {
  color: #000;
}

.inner-testimonal-banner p.subtitle {
  color: #000;
}

.queryform.order-form.innerfrom {
  padding-top: 162px;
}

.valuablewrp .maindiv .mainwrp {
  background: #fff;
  padding: 44px 28px;
  margin-bottom: 26px;
  text-align: left;
  min-height: 255px;
  border-radius: 10px;
  box-shadow: 4px 2px 18px 0 #cccccc40;
  position: relative;
  margin: 20px 0;
}

.valuablewrp .maindiv .mainwrp:before {
  position: absolute;
  content: "\e93d";
  font-family: "icomoon" !important;
  bottom: 5px;
  left: 12px;
  color: #fff;
  font-size: 90px;
  line-height: 0;
}

.valuablewrp .maindiv .mainwrp .starwrp {
  display: block;
}

.valuablewrp .maindiv .mainwrp .starwrp i {
  color: #ffdd65;
  font-size: 16px;
}

.valuablewrp .maindiv .mainwrp p {
  font-size: 16px;
  color: #3a3a3a;
  line-height: 1.4;
  padding-right: 4px;
  margin-top: 15px;
  font-weight: 200;
  /* font-family: 'Circular Std Book'; */
  padding-bottom: 0;
  text-align: left;
  height: 156px;
}

.valuablewrp .maindiv .icli {
  padding: 0px 0 0 10px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}

.valuablewrp .maindiv .icli .round {
  display: inline-block;
  width: 60px;
  background: #65259a;
  margin-right: 20px;
  height: 60px;
  border-radius: 50%;
  vertical-align: top;
}

.valuablewrp .maindiv .icli .round h5 {
  color: #fff;
  font-size: 22px;
  padding-top: 13px;
  text-align: center;
  width: 100%;
  display: inline-block;
  line-height: 1.6;
  padding-bottom: 0;
}

.valuablewrp .maindiv .icli .clname {
  display: inline-block;
  padding-top: 10px;
  margin-left: 0;

  vertical-align: middle;
}

.testipage .valuablewrp .maindiv .icli .clname {
  margin-left: 80px;
}

.testipage .valuablewrp .maindiv .mainwrp {
  min-height: 265px !important;

  margin-bottom: 30px;
}

.maindiv.test-home.inner-testimonals .clname {
  margin-left: 80px;
}

.maindiv.test-home.inner-testimonals .mainwrp {
  min-height: 265px !important;

  margin-bottom: 30px;
}

.valuablewrp .maindiv .icli img {
  width: 150px;
  margin: 0;
}

.valuablewrp .maindiv .icli .clname h6 {
  font-size: 15px;
  margin: 0 0 5px;
  color: #65259a;
  padding: 0;
  font-family: inherit;
  font-weight: 500;
  line-height: 1.1;
}

.valuablewrp .maindiv .icli .clname p {
  font-size: 14px;
  color: #3a3a3a;
  line-height: 1.5;
  margin: 0;
  padding: 0;
  font-weight: 500;
  /* font-family: 'Circular Std Book'; */
}

.valuablewrp .txtwrp .subheading {
  color: #fff;

  background-color: #65259a;

  padding: 8px 20px;

  font-size: 16px;

  border-radius: 30px;

  display: inline-block;

  font-weight: 700;

  text-transform: uppercase;

  margin-bottom: 15px;
}

.valuablewrp .txtwrp h2 {
  color: #070707;

  font-size: 40px;

  font-weight: 500;

  padding-bottom: 15px;
}

.valuablewrp .txtwrp p {
  color: #5c5856;

  font-size: 16px;

  padding-bottom: 0;
}

.innserservice-commonfolds {
  padding: 30px 0px;
  background: #f6f6f8;
}

.innserservice-commonfolds .factorlink {
  background: #000;
  border: 1px solid #000;
  color: #fff;
  padding: 13px 31px;
  text-align: center;
  text-transform: uppercase;
  -webkit-transition: color 200ms ease-in-out,
    background-color 200ms ease-in-out, border-color 200ms ease-in-out;
  -moz-transition: color 200ms ease-in-out, background-color 200ms ease-in-out,
    border-color 200ms ease-in-out;
  -o-transition: color 200ms ease-in-out, background-color 200ms ease-in-out,
    border-color 200ms ease-in-out;
  transition: color 200ms ease-in-out, background-color 200ms ease-in-out,
    border-color 200ms ease-in-out;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  display: inline-block;
  margin-top: 36px;
  font-weight: 600;
}

.innserservice-commonfolds .factorlink:hover {
  background: #fff;
  color: #000;
  border-radius: 2px;
}

.innserservice-commonfolds.customsoftware {
  background: #fff url(../images/3services.jpg) no-repeat;
  background-position: top right -80px;
  background-size: 40%;
  padding: 60px 0;
}

.innserservice-commonfolds.experience {
  background: #fff url(../images/experience.jpg) no-repeat;
  background-position: top left -80px !important;
  background-size: 40% !important;
  margin: 70px 0 40px;
}

.innserservice-commonfolds .subheading {
  color: #fff;

  background-color: #65259a;

  padding: 8px 20px;

  font-size: 16px;

  border-radius: 30px;

  display: inline-block;

  font-weight: 700;

  text-transform: uppercase;

  margin-bottom: 15px;
}

.innserservice-commonfolds h2 {
  color: #070707;

  font-size: 30px;

  font-weight: 500;

  padding-bottom: 15px;
}

.innserservice-commonfolds p {
  color: #5c5856;

  font-size: 18px;

  padding-bottom: 0px;
  text-justify: justify;
}

.innserservice-commonfolds.cwebdesign {
  background: #ffffff;

  padding: 80px 0;
}

.innserservice-commonfolds.clogo {
  background: #ffffff url(../images/logo-banner-sec.jpeg) no-repeat;

  background-position: top right -20px;

  background-size: 40%;

  padding: 60px 0;
}

.innserservice-commonfolds.bg-thre-d {
  background: #ffffff url(../images/3d-logo.png) no-repeat;

  background-position: top right 0px;

  background-size: 40%;

  padding: 60px 0;
}

.innserservice-commonfolds.comb-logo {
  background: #ffffff url(../images/Combination-logo.png) no-repeat;

  background-position: top right 0px;

  background-size: 40%;

  padding: 60px 0;
}

.innserservice-commonfolds.emblem-bg {
  background: #ffffff url(../images/Emblem-logo.png) no-repeat;

  background-position: top right 0px;

  background-size: 40%;

  padding: 60px 0;
}

.innserservice-commonfolds.mascot-bg {
  background: #ffffff url(../images/Mascot-logo.png) no-repeat;

  background-position: top right 0px;

  background-size: 40%;

  padding: 60px 0;
}

.innserservice-commonfolds.monog-bg {
  background: #ffffff url(../images/monogram-logo.png) no-repeat;

  background-position: top right 0px;

  background-size: 40%;

  padding: 60px 0;
}

.innserservice-commonfolds.pict-bg {
  background: #ffffff url(../images/pictorial-logo.png) no-repeat;

  background-position: top right 0px;

  background-size: 40%;

  padding: 60px 0;
}

.innserservice-commonfolds.wordpress {
  background: #fff url(../images/wordpress-section.png) no-repeat;

  background-position: top right -20px;

  background-size: 40%;

  padding: 60px 0;
}

.innserservice-commonfolds ul li {
  padding-bottom: 10px;

  font-size: 17px;

  list-style-type: disclosure-closed;
}

.innserservice-commonfolds ul {
  padding-left: 20px;

  padding-bottom: 20px;
}

.innserservice-commonfolds.cwriting {
  background: #fff;
  padding: 80px 0;
}

.innserservice-commonfolds.ecommerce {
  background: #fff url(../images/ecommerce.png) no-repeat;

  background-position: center right -20px;

  background-size: 42%;

  padding: 60px 0;
}

.innserservice-commonfolds.social-medias {
  background: #fff url(../images/social-media-marketing.png) no-repeat;

  background-position: top right -20px;

  background-size: 40%;

  padding: 60px 0;
}

.innserservice-commonfolds.domain-reg {
  background: #fff url(../images/domain-registration.jpg) no-repeat;

  background-position: top right -20px;

  background-size: 40%;

  padding: 60px 0;
}

.innserservice-commonfolds.managmnt {
  background: #fff url(../images/website-management.png) no-repeat;

  background-position: top right -20px;

  background-size: 40%;

  padding: 60px 0;
}

.innserservice-commonfolds.webapp {
  background: #ffffff url(../images/web-application-development.jpg) no-repeat;

  background-position: top right -20px;

  background-size: 40%;

  padding: 60px 0;
}

.innserservice-commonfolds.backend {
  background: #ffffff url(../images/backend-development.png) no-repeat;

  background-position: top right -20px;

  background-size: 40%;

  padding: 60px 0;
}

.innserservice-commonfolds.mobapp {
  background: #fff;
  padding: 60px 0 0 0;
}

.innserservice-commonfolds.webmain {
  background: #fff url(../images/web-maintanance.jpg) no-repeat;

  background-position: top right -20px;

  background-size: 40%;

  padding: 60px 0;
}

.innserservice-commonfolds.domain {
  background: #fff url(../images/domain-hosting.png) no-repeat;

  background-position: top right -20px;

  background-size: 40%;

  padding: 60px 0;
}

.innserservice-commonfolds.branding {
  background: #fff url(../images/branding.png) no-repeat;

  background-position: top right -20px;

  background-size: 40%;

  padding: 60px 0;
}

.innserservice-commonfolds.video {
  background: #fff url(../images/video-animation.png) no-repeat;

  background-position: top right -20px;

  background-size: 40%;

  padding: 60px 0;
}

.innserservice-commonfolds.seo {
  background: #fff;
  padding: 60px 0;
}

input.error {
  border: 1px solid red !important;
}

/*boxesinfo css start*/

.boxesinfo {
  background: #ffffff;
  padding: 0px 0 45px;
}

.boxesinfo .wrp .listboxes {
  text-align: center;
  margin-bottom: 0;
  width: 100%;
  font-size: 0;
  display: inline-block;
}

.boxesinfo .wrp .listboxes li {
  padding: 0 15px;
}

.boxesinfo .wrp .listboxes li figure {
  margin-bottom: 0;
}

.boxesinfo .wrp .listboxes li figure img {
  height: 60px;
  width: auto;
  margin: 0 auto;
  display: table;
}

.wrp {
  width: 100%;
}

.boxesinfo .wrp .listboxes li .textwrap h4 {
  font-size: 14px;
  font-family: var(--secondary-font-family);
  text-align: center;
  margin-top: 20px;
  line-height: 1.4;
  padding-bottom: 0;
  letter-spacing: 0.5px;
  color: #070707;
}

.mheader .wlogo {
  display: none;
}

.mheader.stickyheader .wlogo {
  display: inline-block;
}

.mheader .blogo {
  display: inline-block;
}

.mheader.stickyheader .blogo {
  display: none;
}

.innerpgee .mheader .blogo {
  display: none;
}

.innerpgee .mheader .wlogo {
  display: inline-block;
}

.innerpgee .mheader {
  position: fixed;
  z-index: 9999;
  min-height: auto;
  top: 0;
  width: 100%;
  background: #fff;
  -webkit-transition: 0.4s;
  -moz-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
  box-shadow: 0px 10px 23px #0000000d;
}

.innerpgee .mheader .mainbarr .boxednav .navigation .linkingchannel li a {
  color: #070707;
}

.innerpgee .mheader .mainbarr .boxednav .navigation .infochannel li .numbercta {
  color: #070707;
}

.slick-prev:before {
  content: "\f104";

  font-family: FontAwesome;

  font-size: 50px;

  color: #65259a;
}

.slick-next:before {
  content: "\f105";

  font-family: FontAwesome;

  font-size: 50px;

  color: #65259a;
}

.testmslider1 .slick-prev,
.testmslider1 .slick-next {
  top: 40%;
}

.nav-area-full {
  display: none;
}

.comboopack {
  background: #f6f6f8;

  padding-bottom: 80px;
}

.comboopack .combopackwrap {
  background: #fff;

  width: 100%;

  /*display: flex;*/

  /*flex-direction:column;*/

  box-shadow: 0 6px 20px 0 rgba(0, 0, 0, 0.06);

  height: 100%;

  /*overflow: hidden;*/
}

.comboopack .combopackwrap .headdd {
  padding: 20px 50px;

  background: #65259a;

  text-align: left;

  position: relative;
}

.comboopack .combopackwrap .headdd figure {
  position: absolute;

  margin-bottom: 0;

  right: -20px;

  top: -30px;
}

.comboopack .combopackwrap .headdd figure img {
  width: 185px;
}

.comboopack .combopackwrap .headdd h3 {
  text-align: left;

  padding-bottom: 0;

  color: #fff;

  font-size: 34px;

  text-transform: capitalize;
}

.comboopack .combopackwrap .headdd h3 span {
  display: block;

  font-size: 24px;

  margin-top: 10px;
}

.comboopack .combopackwrap .bodyyy {
  font-size: 0;

  /*padding: 30px 50px;*/
  padding: 50px 50px;
}
.combopackwrap .bodyyy .coll ul {
  margin-bottom: 0;
}
.comboopack .combopackwrap .bodyyy .coll {
  width: 33.33%;

  display: inline-block;

  vertical-align: top;

  padding: 0 15px;
}

.comboopack .combopackwrap .bodyyy .coll ul {
  display: flex;
  flex-direction: column;
  justify-content: start;
  gap: 10px;
}
.combopackwrap .bodyyy .coll ul:first-child li.heading {
  margin-top: 0px;
}
.combopackwrap .bodyyy .coll ul li.heading {
  margin-top: 30px;
}
.comboopack .combopackwrap .bodyyy .coll ul li {
  color: #5c5856;

  font-size: 15px;

  padding: 0 0px 0px 30px;

  position: relative;

  line-height: 1.4;
}

.comboopack .combopackwrap .bodyyy .coll ul li:before {
  content: "\f00c";

  font-family: "FontAwesome" !important;

  color: #65259a;

  position: absolute;

  left: 0;

  top: 0;
}

.comboopack .combopackwrap .bodyyy .coll ul li.heading {
  font-weight: 700;

  color: #65259a;

  padding-left: 0;
}

.comboopack .combopackwrap .bodyyy .coll ul li.heading:before {
  display: none;
}

.comboopack .combopackwrap .footterr {
  background-blend-mode: hue;
  padding: 30px 50px;
  font-size: 0;
  background: #28304a;
  border-top: 1px solid #f3f3f3;
  display: flex;
  justify-content: space-around;
  align-items: baseline;
  max-width: 1490px;
  margin: 16px auto -53px auto;
}

.comboopack .combopackwrap .footterr .left {
  display: inline-block;
  width: 42%;
  vertical-align: bottom;
  font-size: 0;
}
.testimonial_comment {
  overflow-y: unset !important;
  transition: all ease 1s;
  background-color: transparent;
}

.comboopack .combopackwrap .footterr .left .btnwrap {
  display: inline-block;

  /*width: 70%;*/

  padding-left: 20px;

  vertical-align: middle;
}

.comboopack .combopackwrap .footterr .left .btnwrap .numbercta {
  color: #fff;

  font-size: 16px;

  font-weight: 600;

  margin-right: 15px;

  padding: 14px 20px;

  border: 1px solid #fff;

  border-radius: 30px;
}

.comboopack .combopackwrap .footterr .left .btnwrap .numbercta span {
  margin-right: 10px;
}

.comboopack .combopackwrap .footterr .left .btnwrap .chatcta {
  color: #fff;

  font-size: 16px;

  font-weight: 600;

  margin-right: 21px;

  padding: 15px 30px;

  border: 1px solid #fff;

  border-radius: 30px;
}

.comboopack .combopackwrap .footterr .left .btnwrap .chatcta span {
  margin-right: 10px;
}

.comboopack .combopackwrap .footterr .left .txtt {
  display: inline-block;

  vertical-align: middle;
}

.comboopack .combopackwrap .footterr .left .txtt h4 {
  color: #ffffff;

  font-size: 19px;

  /* margin-top: 10px; */

  padding-bottom: 0;
}

.comboopack .combopackwrap .footterr .right {
  display: inline-block;
  width: 38%;
  vertical-align: bottom;
  position: relative;
}

.comboopack .combopackwrap .footterr .right .price {
  display: inline-block;

  width: 40%;

  vertical-align: middle;

  padding-left: 10px;
}

.comboopack .combopackwrap .footterr .right .price h2 {
  font-size: 27px;

  color: #65259a;

  padding-bottom: 0;
}

.comboopack .combopackwrap .footterr .right .price h2 span {
  position: relative;

  font-size: 20px;

  padding-bottom: 0;

  color: #b3b1b1;

  margin-left: 10px;

  text-decoration: line-through;
}

.comboopack .combopackwrap .footterr .right figure {
  margin-bottom: 0;

  display: inline-block;

  width: 30%;
}

.comboopack .combopackwrap .footterr .right figure img {
  width: 135px;
  position: absolute;
  top: -45px;
  left: 0;
}

.comboopack .combopackwrap .footterr .right .price h2 span:before {
  width: 60px;
  height: 2px;
  display: block;
  background: #9e9c9c;
  position: absolute;
  left: 0;
  top: 44%;
}

.comboopack .combopackwrap .footterr .right .price h6 {
  color: #fff;

  font-size: 21px;

  padding-bottom: 0;
}

.comboopack .combopackwrap .footterr .right .orderbtn {
  display: inline-block;

  vertical-align: middle;

  width: 30%;

  /*text-align: right;*/
}

.comboopack .combopackwrap .footterr .right .orderbtn a {
}

.footer-top .socialmid {
  font-size: 0;
}

.footer-top .socialmid .left {
  display: inline-block;

  width: 50%;
}

.footer-top .socialmid .right {
  width: 50%;

  text-align: right;

  display: inline-block;
}

.footer-top .socialmid .right img {
  width: 70%;
}

/*================EXIT-POPUP-START===================*/

.mycustompop input[type="submit"] {
  outline: none;

  position: relative;

  bottom: 0;

  border: 0;

  display: block;

  right: 0;

  background: #65259a;

  width: 100%;

  height: 50px;

  border-radius: 30px;

  cursor: pointer;

  font-size: 16px;

  color: #fff;

  margin-bottom: 0;
}

.ys-layer {
  display: none;
  opacity: 0.7;
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1000;
}

.ys-container {
  display: none;
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 9999;
}

.ys-container.visible,
.ys-layer.visible {
  display: block;
}

.ys-box {
  background-color: #f5f5f5;
  width: 0;
  height: 0;
  margin: 0 auto;
  position: relative;
  top: 50%;
  transform: translateY(-50%);
  /* border-radius:10px 10px 20px 20px; */
  transition: height 0.2s ease-in-out;
}

.ys-popup-close {
  position: absolute;
  color: #000;
  text-align: center;
  font-size: 17px;
  text-decoration: none;
  display: block;
  right: 20px;
  top: 20px;
  font-weight: 700;
}

.ys-container.finished .ys-popup-close {
  width: 40px;
  height: 40px;
  text-indent: 0;
}

.ys-popup-content {
  /* display:none; */
  padding: 20px 40px;
  background: #f5f5f5;
  border-radius: 0px 0px 10px 10px;
}

.ys-container.finished .ys-popup-content {
  display: block;
}

.ys-popup-close:hover {
  text-decoration: none;
  color: #f00;
}

.ys-box {
  /* border-top:5px solid #fa130d;; */
  height: 574px;
  width: 572px !important;
  padding: 0;
  background-size: cover;
}

.ys-box .mainbann {
  border-radius: 20px 20px 0 0;
  width: 100%;
}

.popupform p {
  color: #42526e;
  font-size: 18px;
  padding: 0 0 8px;
  text-align: center;
}

.popupform form p {
  color: #42526e;
  font-size: 13px;
  font-weight: 500;
}

.popupform form p span {
  color: #0c71f4;
}

p.small {
  font-size: 14px;
  color: #000;
  text-align: center;
  display: block;
}

.popupform form {
  font-size: 0;
}

.popupform form .fldst {
  margin: 0px;
  display: block;
  width: 100%;
}

.popupform form .fldst .intl-tel-input {
  width: 100%;
  margin-bottom: 15px;
}

.popupform form .fldst.btnattach button {
  outline: none;
  position: relative;
  bottom: 0;
  border: 0;
  display: block;
  right: 0;
  background: #fa130d;
  width: 100%;
  height: 50px;
  border-radius: 5px;
  cursor: pointer;
  font-size: 16px;
  color: #fff;
}

.popupform form p a {
  color: #fa130d;
  font-weight: 600;
}

.popupform form .lst-p {
  text-align: center;
  padding: 15px 0px 0;
}

.popupform form input {
  width: 100%;
  margin: 0 0 0 0;
  border: 1px solid #cbcbcb;
  background: white;
  padding: 10px 15px;
  color: gray;
  font-size: 14px;
  border-radius: 30px;
  height: 50px;
  font-weight: 400;
  outline: none !important;
  margin: 0 0 15px 0;
  color: #535353;
}

.popupform figure {
  display: none;
  text-align: center;
  margin: 0px 0 0px 0;
}

.popupform figure img {
  width: 30%;
}

.intl-tel-input .country-list .country,
.intl-tel-input .country-list .country-name {
  font-size: 14px;
}

.popupform .btn::after {
  border-radius: 10px !important;
}

/*================EXIT-POPUP-END===================*/

.mobile-app-clients-slider .slick-prev,
.mobile-app-clients-slider .slick-next {
  top: 50% !important;
}
.mobile-app-clients-slider .slick-prev:before,
.mobile-app-clients-slider .slick-next:before {
  font-size: 30px !important;
}
.mobile-app-case-study-slider .slick-prev,
.mobile-app-case-study-slider .slick-next {
  top: 50% !important;
}

.mycustompop .ys-box {
  width: 800px !important;

  height: auto;

  border-radius: 10px;

  overflow: hidden;
}

.mycustompop .ys-box .ys-popup-content {
  font-size: 0;

  padding: 0;
}

.mycustompop .ys-box .ys-popup-content .left {
  background: url(../images/exit-pop-up.png);

  height: 550px;

  padding: 30px;

  width: 40%;

  vertical-align: top;

  display: inline-block;
}

.mycustompop .ys-box .ys-popup-content .left h3 {
  color: #ffffff;

  padding-bottom: 0;
}

.mycustompop .ys-box .ys-popup-content .right {
  padding: 45px 60px;

  width: 60%;

  display: inline-block;

  vertical-align: top;
}

.mycustompop .intl-tel-input.separate-dial-code .selected-flag {
  border-radius: 30px 0 0 30px;
}

.mycustompop .intl-tel-input {
  width: 100%;
}

.mycustompop textarea {
  width: 100%;

  margin: 0 0 0 0;

  border: 1px solid #cbcbcb;

  background: white;

  padding: 10px 15px;

  color: gray;

  font-size: 14px;

  border-radius: 20px;

  height: 108px;

  font-weight: 400;

  outline: none !important;

  margin: 15px 0 15px 0;

  color: #535353;
}

.innerpgee .innerfrom {
  padding-top: 130px;
}

.slct-field {
  position: relative;
}

.slct-field:after {
  content: "\f107";

  position: absolute;

  right: 33px;

  top: 17px;

  font-family: fontawesome;

  color: #999;

  font-size: 16px;
}

.mainvideo {
  width: 100%;

  height: 100%;

  position: absolute;

  top: 0;

  left: 0;

  z-index: -100;

  background-size: cover;

  transform: scale(1.8);
}

.home-banner .video-overlay {
  position: absolute;

  z-index: -1;

  top: 0;

  left: 0;

  background: url(../images/video-overlay.png) rgba(0, 0, 0, 0.65);

  width: 100%;

  height: 100%;

  background: #000000c7;
}

.home-banner {
  position: relative;

  z-index: 1;

  overflow: hidden;
}
.mobile-app-home-banner {
  align-items: end;
  padding-bottom: 80px;
}
.vidcta {
  background: #e77f59;

  background-image: url(../images/rabbit.gif);

  background-size: 50%;

  background-repeat: no-repeat;

  background-position: top right;
}

.packagesmain .packk .tab-custom .tabbing-links li a {
  color: #070707;
}

.packagesmain .packk .tab-custom .tabbing-links li.current a {
  color: #fff;
}

.packagesmain .packk .tab-custom .tabbing-links li:hover a {
  color: #fff;
}

.comboopack .combopackwrap .footterr .right .orderbtn .viewdetails {
  color: #a6b0ba;
  text-align: right;
  display: inline-block;
  font-size: 14px;
  font-weight: 400;
  margin-top: 10px;
  padding: 0 0px 0 12px;
}

.comboopack .combopackwrap .footterr .right .orderbtn .viewdetails span {
  font-size: 16px;

  margin-right: 10px;
}

.howsec {
  padding: 60px 0;
}

.howsec .textwrap {
  text-align: center;
}

.howsec .textwrap h2 {
  color: #070707;

  font-size: 40px;

  font-weight: 500;

  padding-bottom: 15px;
}

.howsec .textwrap p {
  color: #070707;
}

.howsec .wrap {
  padding: 60px 0;
}

.howsec .wrap h3 {
  color: #070707;

  font-size: 38px;

  font-weight: 500;

  padding-bottom: 15px;
}

.howsec .wrap p {
  color: #070707;
}

.howsec .fig {
}

.howsec .fig img {
  width: 65%;

  margin: 0 auto;

  display: table;
}

.custompackages .topwrap {
  padding: 20px;

  border: 1px solid #e4e4e4;

  border-radius: 8px;
}

.custompackages {
  font-size: 0;

  padding: 60px 0 20px;

  /* background: #f6f6f6; */
}

.custompackages .textwrap {
  vertical-align: middle;

  display: inline-block;

  width: 60%;

  padding-right: 20px;
}

.custompackages .textwrap h2 {
  font-size: 44px;

  font-weight: 700;

  color: #160c28;

  line-height: 1;

  padding-bottom: 15px;
}

.custompackages .textwrap p {
  font-size: 18px;
}

.custompackages .btnwrap {
  vertical-align: middle;
  display: inline-block;
  width: 40%;
  text-align: right;
}

.custompackages .btnwrap a {
}

.securedmca {
  display: inline-block;
  width: 100%;
  margin-top: 20px;
}

.emblemRow .home-banner-content h1,
.emblemRow .home-banner-content p {
  color: #000;
}

.opacityFilter {
  filter: brightness(85%);
}

.babaImgTranslate {
  max-width: 62%;
  transform: translateY(-10%);
  box-shadow: 0px 0 45px 0px rgb(247 195 13 / 50%);
}

.frequentlywrp2 .accordion .quest-section a h1 {
  font-size: 32px;
}

.frequentlywrp2 .accordion .quest-section {
  border-width: 0px !important;
}

.frequentlywrp2 .accordion {
  margin-top: 0px !important;
  border-color: #e6e6e6;
  border-style: solid;
  border-width: 0 0 2px 0;
}

.frequentlywrp2 .accordion .quest-section a:after {
  content: "\f078" !important;
  width: auto !important;
  height: auto !important;
  top: 18px !important;
  color: inherit !important;
}

.portfolioboxes2 .portwrappp .mportt li {
  display: inline-block !important;
}

.slick-dots li button:before {
  background: #fffffe !important;
  width: 13px !important;
  border: 1px solid #f7c30d !important;
  height: 13px !important;
}

.slick-dots {
  bottom: 0px !important;
  text-align: left;
}
/* custom */

.box_shadow {
  -webkit-box-shadow: 3px 3px 22px -5px rgba(132, 60, 170, 1);
  -moz-box-shadow: 3px 3px 22px -5px rgba(132, 60, 170, 1);
  box-shadow: 3px 3px 22px -5px rgba(132, 60, 170, 1);
  border-radius: 10px;
  transition: 0.3s;
}
.box_shadow:hover {
  border-radius: 20px;
  transition: 0.3s;
  transform: translateY(-6px);
  box-shadow: none;
  cursor: pointer;
}
.text_purple {
  color: #65259a !important;
}
.client_card {
  border-radius: 50%;
  padding: 0px;
  max-height: 180px;
  max-width: 180px;
  transition: 0.3s;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #fff;
  overflow: hidden;
  border: 5px solid #eeca3a;
}
.clients_heading {
  background-color: #65259a;
  color: #fff;
  padding: 10px 18px !important;
  width: fit-content;
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-top: 20px;
  border-radius: 50px;
  font-size: 16px;
}

.client_card img {
  width: 100%;
  padding: 30px;
}

/*slider-testimonial-css-start*/
.testmslider1 {
  /*overflow: hidden;*/
}

/*slider-testimoonial-css-end*/

/********** Responsive **********/

@media screen and (max-width: 1600px) {
  .portfolioboxes .container-fluid .row {
    margin: 0;
  }

  .portfolioboxes .container-fluid .row .col-lg-12 {
    padding: 0;
  }
}

@media (max-width: 1400px) {

  .theWizardHeaderContainer .aboutBannerimage2{
    max-width: 300px;
    max-height: 100px;
  }
  #about-home-banner-content{
    position: relative;
    max-width: 430px;
    left: 25%;
    top: 10%;
  }
  .home-banner-content h1 {
    font-size: 30px;

    line-height: initial;
  }

  .home-banner-content .subtitle {
    font-size: 19px;
  }

  .home-banner-content .subtitle {
    font-size: 20px;
  }

  .mservices .textwrap h2 {
    font-size: 25px;
  }

  .mservices .textwrap p {
    font-size: 16px;
  }

  .mservices .box .txt h3 {
    font-size: 20px;
  }

  .mservices .mainfigure {
    width: 100%;
  }

  .boxesinfo .wrp .listboxes li .textwrap h4 {
    font-size: 13px;
  }

  .portwrappp p {
    width: 90%;

    margin: 0 auto;

    font-size: 16px;
  }

  .portfolioboxes .tab-custom .tabbing-links li {
    font-size: 15px;
  }

  .mcta h2 {
    font-size: 25px;
  }

  .mcta p {
    font-size: 16px;
  }

  .solutionssec .mainfigure img {
    width: 100% !important;

    margin-right: 0 !important;
  }

  .valuablewrp .txtwrp h2 {
    font-size: 30px;
  }

  .valuablewrp .maindiv .mainwrp p {
    font-size: 15px;

    line-height: 25px;
  }

  .socail-media-content h2 {
    font-size: 70px;
  }

  .socail-media-content h3 {
    font-size: 30px;
  }

  .socail-media-content h5 {
    font-size: 20px;
  }

  .innserservice-commonfolds h2 {
    font-size: 30px;
  }

  .packagesmain h2 {
    font-size: 30px;
  }

  .packagesmain .packk .packlliist .mypack {
    padding: 70px 30px;
  }

  .packagesmain .packk .packlliist .mypack .bdy .listscroll li {
    font-size: 15px;
  }

  .comboopack .combopackwrap .headdd h3 {
    font-size: 30px;
  }

  .solutionssec .textwrap h2 {
    font-size: 30px;
  }

  .queryform .textwrap h2 {
    font-size: 30px;
  }

  .packagesmain h2 {
    font-size: 30px;
  }

  .packagesmain .packk .packlliist .mypack .pkhead h2 {
    font-size: 40px;
  }

  .solutionssec .textwrap h2 {
    font-size: 30px;
  }

  .subscribe-fold h3 {
    font-size: 20px;
  }

  .subscribe-fold .table-packages .body ul li {
    font-size: 15px;
  }

  .comboopack .combopackwrap .headdd figure {
    right: 40px;

    top: -65px;
  }

  .comboopack .combopackwrap .headdd figure img {
    width: 155px;
  }

  .socail-right-img {
    width: 100%;
  }

  .socail-media-banner {
    min-height: 440px;
  }
}

@media (max-width: 1500px) {

  .theWizardHeaderContainer .home-banner-content {
    margin-left: auto;
    margin-top: 0px;
    margin-right: 0px;
    max-width: unset !important;
    top: unset !important;
    left: unset !important;
  }
  .theWizardHeaderInnerCol:first-child {
    padding: 20px 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    max-width: 45%;
    background: transparent;
    border: 1px solid #FAC759;
    border-radius: 10px 10px 10px 50px;
    width: 100%;
  }
  .theWizardHeaderContainer .home-banner-content h1 {
      padding: 16px;
      font-size: 24px !important;
      background: rgba(101, 37, 154, 0.144);
      border-radius: 10px;
      backdrop-filter: blur(33px);
      margin-bottom: 15px;
      letter-spacing: 5px;
      font-weight: 300;
      color: #ffffff;
      position: relative;
      font-family: 'Sansation';
      line-height: 1;
      text-transform: capitalize;
      line-height: initial;
  }
  .theWizardHeaderContainer .home-banner-content .subTitleDiv{
      display: flex;
      justify-content: center;
      align-items: center;
      flex-wrap: wrap;
      max-width: 100%;
  }
  .theWizardHeaderContainer .home-banner-content .subTitleDiv .subtitle {
      border-radius: 10px;
      margin-top: 10px;
      background-color: rgba(250, 199, 89, 0.388);
      backdrop-filter: blur(10px);
      color: #ffffff;
      padding-top: 20px;
      padding-bottom: 20px;
      padding-right: 10px;
      padding-left: 10px;
      text-align: center;
      font-family: 'Rubik';
      font-size: 15px !important;
      max-width: 46% !important;
  }
}

@media only screen and (max-width: 1366px) {
  /*blog-start*/

  .short_details {
    height: 100px !important;
  }

  /*blog-end*/

  .orderbtn .btn-primary {
    padding: 14px 19px;
  }
  .mheader .mainbarr .boxednav .navigation .linkingchannel {
    gap: 30px;
  }
}
@media(max-width: 1240px){
    .mheader .mainbarr .boxednav {
        padding: 14px 0px;
    }
    .mheader .mainbarr .boxednav .logo a img {
        width: 130px;
    }
    .footer-top .container-custom {
        padding: 0px 20px;
    }
    .footer-bottom .container-custom {
        padding: 0px 20px;
    }
}
@media (max-width: 1200px) {

  .theWizardHeaderContainer .aboutBannerimage{
    position: relative;
  }
  .theWizardHeaderContainer .aboutBannerimage2{
    max-width: 300px;
    max-height: 100px;
  }

  /* .aboutBannerimage2{
    margin-top: 20px;
    max-width: 260px;
    height: 110px;
  } */

  /* #about-home-banner-content p{
    font-size: 12px;
    max-width: 300px;
    line-height: 20px
  } */

  .socail-right-img {
    width: 100%;
  }

  .socail-right-img img {
    width: 100%;
  }

  .socail-media-banner {
    min-height: 355px;
  }

  .socail-media-content h2 {
    font-size: 45px;

    padding-bottom: 15px;

    padding-top: 5px;
  }

  .socail-media-content ul li {
    padding-right: 10px;
  }

  .socail-media-content ul li img {
    width: 80%;
  }
  .home-banner {
      height: 650px;
  }
  .home-banner-content.main-home-content img {
    width: 50%;
  }

  .home-banner-content.main-home-content .logo-rating ul li img {
    /* width: auto; */

    display: inline-block;

    top: 0;
  }

  .mobile-app-home-banner {
    align-items: center;
    padding-bottom: 0px;
    padding-top: 80px;
  }
  .home-main-page-banner {
    height: 540px;
  }

  .comboopack .combopackwrap .footterr .left .btnwrap .numbercta {
    font-size: 14px;

    margin-right: 10px;

    padding: 14px 15px;
  }

  .comboopack .combopackwrap .footterr .left .txtt h4 {
    font-size: 20px;
  }

  .packagesmain .packk .packlliist .mypack {
    width: 29%;
  }

  .packagesmain .packk .packlliist .mypack {
    padding: 70px 20px;
  }

  .packagesmain .packk .packlliist .mypack .pkhead h3 {
    font-size: 19px;
  }

  .packagesmain .packk .packlliist .mypack .pkhead h2 span.price_change {
    font-size: 33px;
  }

  .packagesmain .packk .packlliist .mypack .bdy .listscroll li {
    font-size: 14px;
  }

  .comboopack .combopackwrap .headdd figure img {
    width: 170px;
  }

  .comboopack .combopackwrap .headdd figure {
    right: 60px;

    top: -36px;
  }

  .comboopack .combopackwrap .headdd h3 {
    font-size: 25px;
  }

  .comboopack .combopackwrap .headdd h3 span {
    display: block;

    font-size: 20px;
  }

  .solutionssec .textwrap h2 {
    font-size: 25px;
  }

  .solutionssec .textwrap p {
    font-size: 16px;

    line-height: 30px;
  }

  .packagesmain .packk .tab-custom .tabbing-links li a {
    padding: 12px 10px;

    font-size: 15px;
  }

  .home-banner-content .subtitle {
    font-size: 18px;
  }

  .mheader .mainbarr .boxednav .navigation .linkingchannel li a {
    font-size: 14px;
  }

  .mheader .mainbarr .boxednav .navigation .infochannel li .numbercta {
    font-size: 14px;
  }

  .btn-primary {
    font-size: 14px;
  }

  .comboopack .combopackwrap .footterr .right .price h2 {
    font-size: 20px;
  }

  .comboopack .combopackwrap .footterr .right .price h2 span {
    font-size: 17px;
  }

  .comboopack .combopackwrap .footterr .right .price h6 {
    font-size: 18px;
  }

  .home-banner-content h1 {
    font-size: 20px;

    margin-bottom: 0;
  }

  .innserservice-commonfolds h2 {
    font-size: 22px;
  }

  .innserservice-commonfolds p {
    font-size: 16px;

    line-height: 30px;
  }

  .custompackages .textwrap h2 {
    font-size: 30px;
  }

  .btn-secondary-outline {
    font-size: 14px;
  }

  .subscribe-fold .myheading {
    font-size: 24px;

    margin-bottom: 10px;
  }

  .home-slider .slick-dots {
    width: auto;
    text-align: center;
  }
  .mobile-app-dev-services-sec .card {
    width: 45%;
  }
  .mobile-app-dev-services-sec-left {
    flex-basis: 30%;
  }
}

@media (max-width: 1100px) {
  .btn-primary {
    font-size: 13px;

    padding: 14px 20px;
  }

  .mheader .mainbarr .boxednav .navigation .linkingchannel li {
    padding: 0px 5px;
  }

  .mheader .mainbarr .boxednav .navigation .linkingchannel li a {
    font-size: 13px;
  }

  .container-custom {
    max-width: 100%;
  }
  .footer-top .container-custom {
    padding: 0px 25px;
  }
  .mainbarr .container-custom {
    max-width: 100%;
  }

  .socail-media-content {
    padding-top: 70px;
  }

  .comboopack .combopackwrap .footterr {
    padding: 30px 20px;
  }

  .comboopack .combopackwrap .footterr .left .btnwrap .numbercta {
    font-size: 13px;

    margin-right: 5px;

    padding: 14px 8px;
  }

  .comboopack .combopackwrap .footterr .left .btnwrap .chatcta {
    font-size: 13px;
  }

  .comboopack .combopackwrap .footterr .right figure img {
    width: 130px;

    top: -46px;
  }

  .mCustomScrollBox {
    padding: 0;
  }

  .valuablewrp .maindiv .mainwrp p {
    font-size: 14px;

    line-height: 25px;

    padding-right: 15px;
  }

  .portfolioboxes .portwrappp p {
    font-size: 17px;
  }

  .packagesmain .packk .packlliist .mypack .pkhead h3 {
    padding: 0px 10px 10px;
  }
}
@media only screen and (max-width: 1080px)  {
  .mheader .mainbarr .boxednav .navigation .linkingchannel {
    gap: 16px;
  }
}
@media only screen and (max-width: 1024px) {
  .theWizardHeaderContainer{
    margin-top: 70.33px;
    overflow: unset !important;
  }
  /*mobile-app-responsive-start*/
  .mheader {
    height: unset ;
  }
  .mobile-app-dev-services-sec {
    padding: 80px 30px !important;
  }
  .mobile-app-dev-services-sec-left {
    text-align: center;
  }
  .mobile-app-dev-services-main-row p {
    text-align: center;
  }
  .mobile-app-dev-header-form {
    margin-top: 80px;
  }
  .mobile-app-dev-success-stories .card a {
    padding: 8px 15px !important;
    font-size: 15px !important;
  }
  .mobile-app-dev-services-sec .mobile-app-dev-services-main-row {
    display: flex;
    align-items: center;
    flex-direction: column;
  }
  .mobile-app-dev-services-main-row .col-lg-4.mobile-app-dev-services-sec-left {
    max-width: 100%;
  }
  .mobile-app-dev-services-main-row
    .col-lg-8.mobile-app-dev-services-sec-right {
    max-width: 100%;
  }
  /*mobile-app-responsive-end*/

  /*blog-start*/

  .blog_bodyyy h4 {
    font-size: 20px;
  }
  .blog-one__img img {
    width: 100%;
    height: 150px !important;
  }
  /*blog-end*/

  /*package-start*/
  .portfolioboxes {
    padding: 60px 0 40px 0 !important;
  }
  .btnwrap .btn-secondary-outline {
    padding: 14px 16px;
  }
  .packagesmain {
    padding: 60px 0 60px 0 !important;
  }
  .why-we-are ul li {
    border-right: none !important;
  }
  .comboopack .combopackwrap .footterr .left .txtt h4 {
    max-width: 160px;
  }
  .comboopack .combopackwrap .footterr .right {
    width: 50% !important;
  }
  .wrapper span {
    max-width: 110px;
  }
  /*package-end*/

  .home-banner {
    background-position: center left;
  }

  .testimonials-slider-main .slick-prev {
    left: 0px;
  }

  .testimonials-slider-main .slick-next {
    right: 0px;
  }

  .comboopack .combopackwrap .headdd figure {
    right: 18px !important;
  }

  .mservices .mainfigure.logoimg {
    width: 630px;

    background-position: -50px -10px;
  }

  .mheader .mainbarr .boxednav {
    padding-right: 0px;
    padding-left: 0px;
  }

  .mheader .mainbarr .boxednav .navigation .linkingchannel li {
    padding: 0px 8px;
  }

  .mheader .mainbarr .boxednav .navigation .linkingchannel li a {
    font-size: 13px;
    font-weight: 600;
  }

  .mheader .mainbarr .boxednav .navigation {
    padding-left: 30px;
  }

  .mservices .mainfigure.logoimg {
    width: 100%;

    background-position: 100%;

    background-size: 100% !important;

    height: 100% !important;
  }

  .mservices .box .txt h3 {
    font-size: 17px;
  }

  .mservices .textwrap h2 {
    font-size: 20px;
  }

  .solutionssec .textwrap .solutionslist li {
    font-size: 14px;
  }

  .valuablewrp .txtwrp h2 {
    font-size: 25px;

    padding-bottom: 0;
  }

  .mobile-nav-btn {
    display: block;
    z-index: 99999;
    top: 15px;
  }

  .mobile-nav img {
    width: 130px;
  }

  .mobile-nav-btn span:before,
  .mobile-nav-btn span:after,
  .mobile-nav-btn span {
    background-color: #65259a;
  }

  .mheader .mainbarr {
    display: none;
  }
  .mobile-nav-btn {
    top: 20px !important;
    right: 35px;
  }
  .nav-area-full {
    margin-top: 0;
    display: block;
  }
  .logo {
    width: 100%;
  }
  .logo-area {
    width: 20%;
  }
  .nav-area-full.stickyhead .container {
    max-width: 100%;
  }
}

/*991px*/
@media screen and (max-width: 991px) {
  .seoSolutionSecondSecCol h4 {
    font-size: 20px;
  }
  .seoSolutionSecondSecCol img {
    width: 100px;
  }

  .seoSolutionThirdSecInnerContainer h2 {
    font-size: 36px;
  }
  .seoSolutionThirdSecTabContentItemInnerCol {
    width: 80% !important;
    flex: unset !important;
  }
  .seoSolutionThirdSecTabMenuItem {
    font-size: 24px;
    flex-basis: 25%;
  }

  .seoSolutionFourthSecInnerContainer .seoSolutionFourthSecHead h2 {
    font-size: 36px;
  }

  .seoSolutionSecondSecRow {
    flex-wrap: wrap;
  }
  .seoSolutionSecondSecCol {
    flex-basis: 40%;
  }

  .seoSolutionFifthSecInnerContainer .seoSolutionFifthSecHead h2 {
    font-size: 36px;
  }

  .seoSolutionSixthSecInnerContainer .seoSolutionSixthSecHead h2 {
    font-size: 36px;
  }
  .seoSolutionSeventhSecContainer {
    height: 600px;
  }
  .seoSolutionSeventhSecCol h2 {
    font-size: 36px;
  }
  .seoSolutionEighthSecCol a {
    font-size: 14px;
  }
  #seoSolutionCaseStudyInfoSlider .swiper-button-prev span,
  #seoSolutionCaseStudyInfoSlider .swiper-button-next span {
    display: none;
  }
  #seoSolutionCaseStudyInfoSlider .swiper-nav {
    margin-top: 0px;
  }
  .seoSolutionReviewsSecRowHead h2 {
    font-size: 36px;
  }
  .seoSolutionReviewsSecSliderItemRow1 {
    width: 100%;
  }
  .seoSolutionReviewsSecSliderItemLastBox {
    margin-left: auto;
    display: block;
  }
  .seoSolutionLastSecColInnerCol h4 {
    font-size: 24px;
  }
  .seoSolutionLastSecColInnerCol h5 {
    font-size: 16px;
  }
  .seoSolutionLastSecCol:first-child {
    width: 35%;
  }
  .comboopack.bloglistsec .combopackwrap {
    width: 100%;
    display: block;
    max-width: 400px;
    margin: 0 auto;
  }
  .mobile-app-dev-success-stories-inner .card-body .row {
    flex-direction: column-reverse;
  }
  .mobile-app-dev-success-stories
    .mobile-app-dev-success-stories-inner
    .card
    img {
    max-width: 220px;
    margin: 0px auto 30px auto;
    display: block;
  }
  .mobile-app-dev-success-stories-inner .card-body .col-md-6 {
    max-width: 100%;
  }
  .mobile-app-home-banner .home-banner {
    height: 1130px;
  }
  .mobile-app-dev-header-form {
    max-width: 470px;
    margin-left: unset;
  }
  .mobile-app-home-banner .home-banner-content {
    /*margin-top: 70px;*/
  }
  .mobile-app-dev-services-sec .card {
    width: 45%;
  }
  .mobile-app-dev-process-sec .mobile-app-dev-process-first-container h2 {
    font-size: 5.5vw;
  }

  .mobile-app-dev-process-sec .mobile-app-dev-process-first-container h4 {
    font-size: 4.5vw;
  }

  .mobile-app-dev-process-first-row {
    align-items: center;
    flex-direction: column;
  }

  .mobile-app-dev-process-first-col-left {
    width: 100%;
    margin-left: 50px;
  }
  .mobile-app-dev-process-second-row {
    gap: 0px;
  }
  .mobile-app-dev-process-second-row p {
    font-size: 16px !important;
  }
}

@media only screen and (min-width: 300px) and (max-width: 767px) {
  /*mobil-app-new*/
  .mobile-app-dev-services-sec .card {
    margin: 0 auto;
  }
  .mobile-app-dev-services-sec .card .iconwrap {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 20px;
  }
  .mobile-app-dev-services-sec .card p {
    text-align: center;
  }
  .mobile-app-dev-header-form {
    margin: 25px auto 0px auto !important;
    max-width: 80% !important;
  }
  /*mobile-app-new*/

  .container-custom {
    padding: 0 30px;
  }

  .portfolioboxes .portwrappp .mportt li {
    width: 50%;

    padding: 0;
  }

  .mble-tab-port .slick-prev,
  .mble-tab-port .slick-next {
    display: block !important;

    top: 20px;
  }

  .portfolioboxes .tab-custom .tabbing-links li {
    font-size: 13px;

    padding: 12px 11px;
  }

  .packagesmain .packk .tab-custom .tabbing-links li {
    margin: 10px 9px;
  }

  .mble-tab-pkg .slick-prev:before,
  .mble-tab-port .slick-prev:before {
    background: transparent;

    font-size: 30px;
  }

  .mble-tab-pkg .slick-next:before,
  .mble-tab-port .slick-next:before {
    background: transparent;

    font-size: 30px;
  }

  .mble-tab-pkg .slick-prev,
  .mble-tab-pkg .slick-next {
    display: block !important;

    top: 30px;

    right: -18px;
  }

  .packagesmain .packk .tab-custom .tabbing-links li {
    font-size: 15px;
  }

  .all-pkgetabs li {
    padding: 12px 0px;
  }

  .mble-tab-pkg .slick-prev {
    left: -19px;
  }

  .extra li {
    width: 150px !important;
  }

  .custompackages .btnwrap {
    width: 100%;

    text-align: center;
  }

  .custompackages .textwrap {
    width: 100%;
  }

  .custompackages .textwrap h2 {
    font-size: 25px;
  }

  .packagesmain .packk .tab-custom .tabbing-links li {
    font-size: 13px;
  }

  .slick-next:before {
    font-size: 25px;
  }

  .slick-prev:before {
    font-size: 25px;
  }

  .slick-next {
    right: -16px;
  }

  .slick-prev,
  .slick-next {
    top: 35.5%;
  }

  .slick-prev {
    left: -15px;
  }

  .packagesmain .packk .tab-custom .tabbing-links li a {
    padding: 10px 10px;
  }

  .all-pkgetabs .slick-prev,
  .all-pkgetabs .slick-next {
    top: 35%;
  }

  .solutionssec .textwrap .solutionslist li {
    width: 100%;
  }

  .portfolioboxes .container-fluid {
    padding: 15px;
  }

  .tabbing-links1.portfolio-thumb-slider {
    width: 100%;

    margin: 0 auto;

    margin-bottom: 20px;
  }

  .portfolioboxes .tab-custom .tabbing-links1 li {
    font-size: 14px;

    padding: 12px 6px;
  }

  ul.tabbing-links.all-pkgetabs.logo-btn-sec li {
    padding: 12px 10px;

    width: auto;

    margin-bottom: 10px;
  }
}
@media only screen and (min-width: 768px) {
  h2,
  .h2 {
    font-size: var(--font-size-h2);
  }

  .bold-h1 {
    font-size: 52px !important;
    font-weight: bold !important;
  }

  .portfolioboxes2 .portwrappp .mportt li {
    width: 30% !important;
  }

  .portfolioboxes2 .portwrappp .mportt li a {
    width: 95% !important;
    height: 95% !important;
  }

  .website-info .slick-dots {
    bottom: 0px !important;
    text-align: left !important;
  }
}

@media (max-width: 768px) {
    .mobile-app-home-banner:before {
        display: none;
    }
  .seoSolutionSixthSecContainer {
    padding: 90px 30px 60px 30px;
  }
  .seoSolutionSecondSecCol {
    flex-basis: 80%;
    flex-grow: unset;
  }
  .seoSolutionSecondSecCol h4 {
    font-size: 18px;
  }
  .seoSolutionThirdSecTabMenu {
    flex-direction: column;
    /* text-align: center; */
  }
  .seoSolutionThirdSecTabMenuItem {
    font-size: 18px;
    flex-basis:  80%;
    width: 80%;
  }

  .seoSolutionThirdSecTabContentItemInnerRow {
    flex-wrap: wrap;
    flex-direction: column;
  }
  .seoSolutionThirdSecInnerContainer h2 {
    font-size: 18px;
  }
  .seoSolutionThirdSecTabContentItemInnerCol:last-child p {
    text-align: center;
  }
  .seoSolutionThirdSecTabContentItemInnerCol {
    width: 100% !important;
    flex: unset !important;
  }
  .seoSolutionFourthSecRow {
    flex-wrap: wrap;
    flex-direction: column-reverse;
  }
  .seoSolutionFourthSecCol {
    width: 100% !important;
    flex: unset !important;
  }
  /* .seoSolutionFourthSecCol p {
    text-align: center;
    font-size: 36px;
    font-weight: bold;
    color: #000000;
  } */

  .seoSolutionFourthSecInnerContainer .seoSolutionFourthSecHead h2 {
    font-size: 18px;
  }
  .seoSolutionFifthSecInnerContainer .seoSolutionFifthSecHead h2 {
    font-size: 18px;
  }
  .seoSolutionFifthSecRow {
    flex-wrap: wrap;
    flex-direction: column-reverse;
  }
  .seoSolutionFifthSecCol p {
    text-align: center;
  }
  .seoSolutionSixthSecRow {
    flex-wrap: wrap;
    flex-direction: column-reverse;
  }
  .seoSolutionFifthSecCol {
    width: 100% !important;
    flex: unset !important;
  }
  .seoSolutionSixthSecInnerContainer .seoSolutionSixthSecHead h2 {
    font-size: 18px;
  }
  .seoSolutionSixthSecCol {
    width: 100% !important;
    flex: unset !important;
  }
  .seoSolutionSixthSecCol p {
    text-align: center;
  }
  .seoSolutionSeventhSecRow {
    flex-direction: column-reverse;
  }
  .seoSolutionSeventhSecCol h2 {
    font-size: 18px;
    text-align: center;
    margin: auto;
  }
  .seoSolutionSeventhSecContainer {
    height: unset !important;
    padding: 0px 0px;
  }
  .seoSolutionSeventhSecInnerContainer {
    max-width: 100%;
  }
  .seoSolutionSeventhSecCol p {
    text-align: center;
  }
  .seoSolutionSeventhSecCol:first-child {
    padding: 40px;
  }

  .seoSolutionSeventhSecCol:last-child {
    width: 100%;
  }
  .seoSolutionSeventhSecCol:last-child img {
    max-width: 400px;
    text-align: center;
    margin: auto;
    display: block;
  }

  .seoSolutionEighthSecRow {
    flex-wrap: wrap;
    flex-direction: column;
    margin: auto;
  }
  .seoSolutionEighthSecCol {
    width: 100% !important;
    flex: unset !important;
  }

  .seoSolutionReviewsSecRowHead h2 {
    font-size: 18px;
    width: 100%;
    text-align: center;
  }
  .seoSolutionEighthSecCol h4 {
    margin: auto;
  }
  .seoSolutionReviewsSecRowHead {
    flex-wrap: wrap;
    flex-direction: column-reverse;
  }
  .seoSolutionEighthSecCol:first-child img {
    margin: auto;
    display: block;
  }
  .seoSolutionEighthSecCol:first-child p {
    text-align: center;
  }
  .seoSolutionEighthSecCol a {
    margin: 20px auto 0 auto;
  }
  .seoSolutionReviewsSecContainer {
    padding: 0px 30px;
  }
  .seoSolutionReviewsSecRowHead .swiper-nav {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center !important;
  }

  .seoSolutionReviewsSecSliderItemRow2 {
    margin: auto;
  }
  .seoSolutionLastSecRow {
    flex-wrap: wrap;
    flex-direction: column;
  }
  .seoSolutionLastSecCol {
    width: 100% !important;
    flex: unset !important;
  }
  .seoSolutionLastSecContainer {
    padding: 0px 30px;
  }
  .seoSolutionLastSecColInner {
    width: 100%;
  }
  .seoSolutionLastSecColInnerCol {
    width: 55% !important;
    border-left: unset;
    border-top: 10px solid #65259a;
    padding: 20px 0px 20px 0px;
    text-align: center;
    margin: auto;
  }
  .reviewFixedGfx {
    display: none;
  }
  #shakira .row {
    flex-direction: column;
    gap: 20px;
  }
  #shakira .row .shakiraCol {
    width: 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
  .mservices .textwrap {
    text-align: center;
  }
  .mservices .box {
    padding: 0px 0px 40px 0px !important;
  }
  .mservices .box a {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    text-align: center;
    gap: 15px;
  }
  .mservices .box .txt {
    padding-left: 0;
  }
  .mservices .textwrap .subheading {
    display: flex;
    align-items: center;
    justify-content: center;
    width: fit-content;
    margin: 0px auto 20px auto;
  }
  .wizard-blogcat {
    padding: 50px 0 0 0;
  }
  .category-list.bloglist {
    padding: 20px 0 40px 0px !important;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 20px;
  }
  .category-list.bloglist li {
    margin-right: 0;
    display: block;
    width: 100%;
  }
  .bloglist li a {
    display: block;
    padding: 10px 20px !important;
    text-align: center;
    border-radius: 30px !important;
  }
  .footer-bottom {
    margin-top: 5px;
  }
  .solutionssec .textwrap .solutionslist {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    margin-top: 30px;
  }
  .solutionssec .textwrap .solutionslist li {
    font-size: 14px;
    width: 30%;
    display: block;
    text-align: left;
  }
  .uses-of-app-dev-sec p {
    text-align: center;
  }
  .uses-of-app-dev-sec h2 {
    text-align: center;
    font-size: 24px;
  }
  .mcta.mobile-app-dev-case-study-sec .textwrap {
    text-align: center;
  }

  .mcta.mobile-app-dev-case-study-sec .row {
    flex-direction: column-reverse;
  }

  .mcta.mobile-app-dev-case-study-sec .btn-wrap a {
    margin: 20px auto !important;
  }

  .mobile-app-dev-about-sec h2 {
    font-size: 24px;
    text-align: center;
  }

  .mobile-app-dev-about-first-row h2 {
    text-align: center;
    font-size: 24px;
  }
  .mobile-app-dev-form-sec p {
    text-align: center;
  }
  .mobile-app-dev-form-sec h2 {
    text-align: center;
    font-size: 24px;
  }

  .mobile-app-dev-app-success-main-row h2 {
    text-align: center;
    font-size: 24px;
  }
  .mobile-app-dev-success-stories .mobile-app-dev-success-stories-main-row h2 {
    text-align: center;
    font-size: 24px;
  }
  .mobile-app-dev-award-sec .mobile-app-dev-award-sec-main-row h2 {
    text-align: center;
    font-size: 24px;
  }
  .mcta p,
  .mcta h2 {
    text-align: center;
  }
  .solutionssec .textwrap {
    text-align: center;
  }
  .solutionssec .textwrap p {
    text-align: center;
  }
  .mobile-app-dev-services-sec .card {
    width: 100%;
  }

  .home-banner-content.main-home-content .logo-rating ul li img {
    /* width: 70%; */

    display: inline-block;

    top: 0;
  }

  .home-banner-content.main-home-content img {
    width: 60%;

    padding-bottom: 20px;
  }

  .home-banner-content.main-home-content .subtitle {
    width: 90%;

    margin: 0 auto;

    padding-bottom: 10px;
  }

  .nav-area-full .container {
    max-width: 100%;

    padding: 0;
  }

  .logo-rating ul li {
    padding-right: 0;
  }

  .logo-rating {
    margin-bottom: 0;
  }

  .mservices .mainfigure.logoimg {
    width: 100%;

    background-position: 100%;

    background-size: 100% !important;

    height: 430px !important;

    background-repeat: no-repeat;

    margin: 0 auto;
  }

  .portfolioboxes .portwrappp h2,
  .mcta h2,
  .solutionssec .textwrap h2,
  .valuablewrp .txtwrp h2,
  .queryform .textwrap h2,
  .packagesmain h2,
  .mservices .textwrap h2 {
    font-size: 18px;
  }

  .portfolioboxes .portwrappp p,
  .mcta p,
  .solutionssec .textwrap p,
  .queryform .textwrap p,
  .packagesmain p,
  .mservices .textwrap p {
    font-size: 15px;
  }

  .mservices .box .txt p {
    font-size: 15px;
  }

  .mservices .box.fixwidth {
    width: 33.33%;

    margin: 0;
  }

  .mservices .box .txt h3 {
    font-size: 15px;
  }

  .mservices .box .txt p {
    font-size: 14px;
  }

  .portfolioboxes .tab-custom .tabbing-links li {
    font-size: 13px;

    padding: 12px 10px;
  }

  .portfolioboxes .portwrappp .subheading {
    font-size: 14px;
  }

  .portwrappp p {
    width: 90%;
  }

  .solutionssec {
    background-position: 65px 290px;
  }

  .solutionssec .textwrap .solutionslist li {
    font-size: 12px;

    padding-left: 20px;
  }

  .solutionssec .mainfigure img {
    margin-top: 10px;
  }

  .socail-media-content ul li {
    padding-right: 0;
  }

  .mservices .mainfigure {
    width: 100%;

    background-size: 100% !important;

    background-repeat: no-repeat !important;

    background-position: 100% !important;
  }

  .footer-top .linkinglist li a {
    font-size: 13px;
  }

  .comboopack .combopackwrap .footterr .left .txtt h4 {
    font-size: 15px;
  }

  .comboopack .btn-primary,
  .comboopack .btn-secondary-outline,
  .comboopack .btn-secondary {
    padding: 10px 43px;
  }

  .comboopack .combopackwrap .footterr .right .orderbtn .viewdetails {
    text-align: center;
  }

  .home-banner {
    background-position: 100%;
  }

  .home-banner:before {
    background: #0000006b;
  }

  .comboopack .combopackwrap .bodyyy {
    padding: 20px 5px;
  }

  .comboopack .combopackwrap .bodyyy .coll ul li {
    padding: 0 0px 10px 15px;
  }

  .comboopack .combopackwrap .headdd {
    padding: 20px 20px;
  }

  .home-banner-content .subtitle {
    font-size: 17px;

    /*width: 80%;*/

    margin: 0;

    line-height: 30px;
  }

  .innserservice-commonfolds h2 {
    font-size: 19px;
    text-align: center;
    line-height: 25px;
  }

  .innserservice-commonfolds p {
    font-size: 15px;
    text-align: center;
    line-height: 25px;
  }

  .home-banner-content {
    padding-top: 60px;
    margin: auto;
  }
  .seo-solutions-home-banner .home-banner-content {
    left: 0px;
  }

  .btn-wrap {
    display: flex;
    flex-direction: column;
    text-align: center;
  }
  .btn-wrap a {
    margin: 10px 0 !important;
  }
  .btnwrap {
    display: flex;
    flex-direction: column;
    text-align: center;
  }
  .btnwrap a {
    margin: 10px 0 !important;
  }
  .custompackages .textwrap h2 {
    font-size: 25px;
  }

  .solutionssec .textwrap p {
    padding-bottom: 10px;
  }

  .section-padding.count span.number {
    font-size: 35px;
  }

  .section-padding.count h6.count-title {
    font-size: 13px;
  }

  .count-text-sec h3 {
    color: rgb(7, 7, 7);

    font-size: 25px;
  }

  .section-padding.count p {
    font-size: 15px;
  }

  .abtinfo .textwrap h2 {
    font-size: 25px;
  }

  .abtinfo .textwrap p {
    font-size: 15px;
  }

  .clientssec .textwrap h2 {
    text-align: center;
    font-size: 25px;
  }

  .methodologysec .textwrap h2 {
    font-size: 25px;

    padding-bottom: 10px;
  }

  .methodologysec .textwrap p {
    font-size: 15px;
  }

  .wrapper span {
    position: absolute;

    margin-left: 5px;
  }

  .why-we-are ul li {
    font-size: 12px;

    color: #fff;

    padding: 22px 0 34px 10px;
  }

  .howsec .wrap h3 {
    font-size: 20px;
  }

  .howsec .wrap p {
    font-size: 14px;

    line-height: 25px;
  }

  .frequentlywrp {
    padding: 140px 0;
  }

  .personal .newsle h3 {
    font-size: 20px;
  }

  .personal .newsle p {
    font-size: 15px;
  }

  .innserservice-commonfolds .subheading {
    font-size: 12px;
  }

  .mobile-nav.active {
    z-index: 10000;
  }

  .home-banner-content .subtitle {
    text-align: center;
  }

  .home-banner-content h1 {
    font-size: 22px;
    font-weight: 800;
    text-align: center;
  }

  /*mobile-new-start*/
  .mobile-app-dev-services-sec-left h2 {
    font-size: 28px;
  }
  .mobile-app-dev-services-sec .card h4 {
    font-size: 16px;
  }
  .mcta {
    background-image: none;
  }
  .mcta .row {
    row-gap: 30px;
    justify-content: center !important;
  }
  .whatWeProvideIcons li {
    width: 100%;
  }
  .footerCardBrands {
    margin-top: 30px;
    margin-left: unset;
    width: 100%;
    margin-bottom: 15px;
  }
  .footer-top .linkinglist {
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  .dmca {
    margin: auto;
  }
  .footer-top h3 {
    text-align: center;
  }
  .footer-top .fologo img {
    margin: 0 auto 10px auto;
    display: block;
  }
  /*mobile-new-end*/
  /*packages-start*/
  .portfolioboxes {
    padding: 20px 0 40px 0 !important;
  }
  .solutionssec .textwrap.mwrapp {
    margin-bottom: 40px;
  }
  .comboopack .combopackwrap .footterr .left .txtt h4 {
    max-width: 100%;
  }

  /*packages-end*/

  .count_sec_box {
    width: 60%;
    margin: auto;
  }
  .main-home-content {
    padding-top: 50px !important;
  }
  .home-main-page-banner .home-banner-content {
    padding: 0 0 0 0;
  }

  .clientssec .clientsslider li img {
    max-width: 60%;
  }
  .inner-testimonal-banner h1,
  .inner-testimonal-banner p {
    color: #fff !important;
  }
  .mheader .mainbarr {
    display: none;
  }

  .logo {
    width: 100%;
    margin-left: 15px;
  }

  .nav-area-full {
    margin-top: 0;
    display: block;
  }

  .mservices .mainfigure {
    width: 100%;
  }
  .mobile-app-home-banner {
    height: 660px !important;
    display: flex !important;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    padding-top: 80px;
  }

    .mobile-app-home-banner .img-fluid.mobile-app-dev-main-banner-right-img {
        width: 50%;
    }
  .mobile-app-dev-header-form {
    margin: 25px auto 0px auto !important;
    max-width: 60% !important;
  }
  .mobile-app-dev-success-stories-inner .card-body .row {
    flex-direction: column-reverse;
  }
  .mobile-app-dev-success-stories
    .mobile-app-dev-success-stories-inner
    .card
    img {
    max-width: 220px;
    margin: 0px auto 30px auto;
    display: block;
  }
  .mobile-app-dev-services-sec .card {
    height: unset !important;
  }
  .mobile-app-dev-app-success-sec-inner-row {
    flex-direction: column;
  }
  .mobile-app-dev-app-success-sec-inner-row
    .mobile-app-dev-app-success-sec-inner {
    width: 100%;
    display: block;
    border: 1px solid #ddd;
    margin: 20px 0;
  }
  .mobile-app-dev-app-success-sec-inner-row::before {
    display: none;
  }
  .mobile-app-dev-app-success-sec-inner .card h2::after {
    display: none;
  }
  .mobile-app-clients-slider .mobile-app-clients-slider-item img {
    display: block;
    margin: auto;
  }

  .mobile-app-dev-our-brands h4 {
    text-align: center;
    margin-top: 10px;
    margin-bottom: 20px;
    padding: 0;
  }
  .mobile-app-home-banner .home-banner-content {
    padding-top: 20px !important;
  }
  .mobile-app-home-banner .row {
    flex-direction: column-reverse;
  }
  .portfolioboxes .portwrappp h2,
  .mcta h2,
  .solutionssec .textwrap h2,
  .valuablewrp .txtwrp h2,
  .queryform .textwrap h2,
  .packagesmain h2,
  .mservices .textwrap h2 {
    font-size: 30px;
  }

  .portfolioboxes .portwrappp p,
  .mcta p,
  .solutionssec .textwrap p,
  .queryform .textwrap p,
  .packagesmain p,
  .mservices .textwrap p {
    font-size: 16px;
  }

  .mservices .textwrap {
    padding: 40px 0 0 0;
  }

  .packagesmain .packk .packlliist .mypack {
    width: 45%;
  }

  .mservices .box.fixwidth {
    width: 100%;
  }

  .solutionssec .mainfigure img {
    float: none;
    width: 100%;
    margin-right: 0px;
  }

  .methodologysec .myfigure {
    width: 100%;
    background-size: 100%;
  }

  .bottomSec {
    bottom: 54px;
    background: #000;
    padding: 20px 0 40px;
  }

  .comboopack .combopackwrap .headdd figure img {
    width: 125px !important;
  }

  .comboopack .combopackwrap .headdd figure {
    right: 0 !important;
  }

  .comboopack .combopackwrap .footterr .left .btnwrap {
    width: 100% !important;
    padding-left: 0 !important;
  }

  .comboopack .combopackwrap .footterr .left .btnwrap .numbercta {
    display: block;
    width: 100%;
    text-align: center;
    margin: 20px 0;
  }

  .comboopack .combopackwrap .footterr .left .btnwrap .chatcta {
    display: block;
    width: 100%;
    text-align: center;
  }

  .comboopack .combopackwrap .footterr .left .txtt {
    width: 100% !important;
  }

  .comboopack .combopackwrap .footterr .right .price {
    width: 100% !important;
    margin: 20px 0;
    padding-left: 0 !important;
    text-align: center;
  }

  .comboopack .combopackwrap .footterr .right figure img {
    top: 0 !important;
    display: none !important;
  }

  .comboopack .combopackwrap .footterr .right .orderbtn {
    width: 100% !important;
    text-align: center !important;
    margin-bottom: 5px;
  }

  .comboopack .combopackwrap .footterr .right {
    vertical-align: top !important;
  }

  .whatsapp {
    bottom: 10px;

    left: 10px;
  }

  .btn-primary,
  .btn-secondary-outline,
  .btn-secondary {
    font-size: 13px !important;

    padding: 10px 23px;

    margin-right: 0;
  }

  .frequentlywrp {
    padding: 60px 0;
    margin-top: 60px;
  }

  .bot-form form select,
  .bot-form form input[type="text"],
  .bot-form form input[type="email"],
  .bot-form form input[type="number"],
  .bot-form form input[type="tel"],
  .bot-form form textarea {
    height: 45px;
  }

  .bot-form form textarea {
    height: 120px !important;
  }

  .packagesmain .packk .tab-custom .tabbing-links li a {
    padding: 10px 20px;
  }

  .packagesmain .packk .tab-custom .tabbing-links li {
    margin: 10px 3px;
  }

  .comboopack .combopackwrap .bodyyy .coll ul li {
    font-size: 13px;
  }

  section.mapaddress {
    display: none;
  }

  .contactinfo .textwrap p {
    padding-bottom: 30px;
  }

  .mobile-app-case-study-slider .slick-prev {
    left: -15px !important;
  }
  .mobile-app-case-study-slider .slick-next {
    right: -15px !important;
  }
  .mobile-app-dev-success-stories-inner .card-body .row {
    text-align: center;
  }
  .mobile-app-dev-success-stories
    .mobile-app-dev-success-stories-inner
    .card
    h4 {
    text-align: center;
  }
  .mobile-app-dev-success-stories
    .mobile-app-dev-success-stories-inner
    .card
    p {
    text-align: center;
  }
  /*mobile-app-dev-capabilities responsive code starts*/
  .mobile-app-dev-capabilities-head {
    flex-direction: column;
    text-align: center;
  }
  .mobile-app-dev-capabilities-head-col:first-child {
    width: 100%;
  }
  .mobile-app-dev-capabilities-head-col:last-child {
    align-items: center;
  }
  .mobile-app-dev-capabilities-head-col p {
    font-size: 16px;
  }
  .mobile-app-dev-capabilities-head-col a {
    font-size: 14px;
  }
  .mobile-app-dev-capabilities-head-col h2 {
    font-size: 30px;
  }
  .mobile-app-dev-capabilities-head-col h2 br {
    display: none;
  }

  .mobile-app-dev-capabilities-inner {
    flex-direction: column;
  }

  .mobile-app-dev-capabilities-inner-col {
    width: 100%;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
  }
  /*mobile-app-dev-capabilities responsive code ends*/

  /*mobile-app-dev-process responsive code starts*/
  .mobile-app-dev-process-sec
    .mobile-app-dev-process-first-container
    .mobile-app-dev-process-first-col-right
    p {
    text-align: center;
    font-size: 18px;
  }

  .mobile-app-dev-process-second-row {
    flex-direction: column;
  }
  .mobile-app-dev-process-second-col-left {
    text-align: center;
  }

  .mobile-app-dev-process-second-col-right {
    text-align: center;
  }
  .mobile-app-dev-process-second-col-right-inner:nth-child(2) {
    margin-left: 0px;
  }
  .mobile-app-dev-process-second-col-left-inner:nth-child(2) {
    margin-right: 0px;
  }
  .mobile-app-dev-process-second-col-mid {
    width: 75%;
    margin-bottom: 60px;
    margin-top: 30px;
  }
  .mobile-app-dev-process-sec {
    gap: 70px;
  }

  /*mobile-app-dev-process responsive code ends*/

  .testimonial-swiper .swiper-slide {
        transform: scale(0.7);
    }
    .home-banner {
        height: 570px;
    }
    .testimonial-swiper .swiper-slide img {
        max-width: 300px;
        max-height: 300px;
    }

    .testimonial-content h3 {
        font-size: 1.2rem;
    }

    .testimonial-content p {
        font-size: 0.9rem;
    }
}

@media only screen and (max-width: 767px) {
  /*package-start*/
  .wrapper span {
    max-width: 70px;
  }
  .home-banner {
    height: 450px;
}
  /*package-end*/

  .inner-banner {
    height: 300px;
  }

  /*** theme sections padding ***/

  .sec-padding-100 {
    padding: 50px 0;
  }

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

  .sec-padding-80 {
    padding: 40px 0;
  }

  .sec-padding-70 {
    padding: 35px 0;
  }

  .sec-padding-60 {
    padding: 30px 0;
  }

  .sec-padding-xlarge {
    padding: 25px 0;
  }

  .sec-padding-large {
    padding: 20px 0;
  }

  .sec-padding-medium {
    padding: 15px 0;
  }

  .sec-padding-small {
    padding: 15px 0;
  }

  .sec-padding-xsmall {
    padding: 10px 0;
  }

  /*** theme sections margin ***/

  .sec-margin-100 {
    margin: 50px 0;
  }

  .sec-margin-90 {
    margin: 45px 0;
  }

  .sec-margin-80 {
    margin: 40px 0;
  }

  .sec-margin-70 {
    margin: 35px 0;
  }

  .sec-margin-60 {
    margin: 30px 0;
  }

  .sec-margin-xlarge {
    margin: 25px 0;
  }

  .sec-margin-large {
    margin: 20px 0;
  }

  .sec-margin-medium {
    margin: 15px 0;
  }

  .sec-margin-small {
    margin: 15px 0;
  }

  .sec-margin-xsmall {
    margin: 10px 0;
  }

  .sliderxs {
    padding-bottom: 30px;
  }

  .copyright {
    margin-top: 10px;
    text-align: left;
  }

  .footer-nav2 {
    /* margin: 10px auto 10px auto; */
    /* display:table; */
    float: none;
    margin-top: 0;
  }

  .disclaimer {
    text-align: center;
  }
}
@media screen and (max-width: 736px) {
  .comboopack .combopackwrap .footterr .right .orderbtn .viewdetails {
    text-align: center;
  }

  .footer-top .socialmid .right {
    width: 100% !important;
  }

  .footer-top .socialmid .right img {
    width: 100% !important;
  }

  .floatbutton {
    display: none;
  }

  .portfolioboxes,
  .mcta,
  .packagesmain,
  .solutionssec,
  .queryform,
  .footer-top,
  .mservices,
  .methodologysec,
  .abtinfo,
  .queryform.innerfrom {
    padding: 40px 0;
  }

  .clientssec {
    padding: 40px 0 70px 0;
  }

  .portfolioboxes .portwrappp h2,
  .mcta h2,
  .solutionssec .textwrap h2,
  .valuablewrp .txtwrp h2,
  .queryform .textwrap h2,
  .packagesmain h2,
  .mservices .textwrap h2,
  .abtinfo .textwrap h2,
  .clientssec .textwrap h2,
  .methodologysec .textwrap h2,
  .innserservice-commonfolds h2 {
    font-size: 24px;
  }

  .portfolioboxes .portwrappp p,
  .mcta p,
  .solutionssec .textwrap p,
  .queryform .textwrap p,
  .packagesmain p,
  .mservices .textwrap p,
  .abtinfo .textwrap p,
  .methodologysec .textwrap p,
  .innserservice-commonfolds p,
  .subscribe-fold .mytext {
    font-size: 16px;
  }

  .portfolioboxes .tab-custom .tabbing-links li {
    font-size: 14px;
  }

  .portfolioboxes .portwrappp .mportt li {
    width: 100%;
  }

  .portfolioboxes .tab-custom .tabbing-links {
    margin-bottom: 20px;
  }

  .mcta .subheading {
    font-size: 16px;
  }

  .packagesmain .packk .packlliist .mypack {
    width: 93%;
    display: block;
    margin: 40px 15px 0 15px;
  }

  .solutionssec .textwrap.mwrapp {
    margin-bottom: 30px;
  }

  .solutionssec .mainfigure img {
    float: none;
    width: 100% !important;
    margin-right: 0px;
    margin-top: 0px;
  }

  .btn-primary,
  .btn-secondary-outline,
  .btn-secondary {
    font-size: 14px;
  }

  .valuablewrp {
    padding: 40px 0px 70px;
  }

  .boxesinfo {
    padding: 0px 0 40px;
  }

  .mservices .mainfigure {
    width: 100%;
    display: none;
    height: 500px;
    background-size: cover !important;
    background-position: center !important;
  }

  .home-banner-content h1 {
    font-size: 30px;
  }

  .home-banner-content .subtitle {
    font-size: 17px;
    padding-bottom: 20px;
    width: 100%;
  }

  .home-banner {
    height: 500px;

    background-size: cover;

    background-position: center;
  }
  .home-main-page-banner {
    height: 585px;
  }
  .logo-rating ul {
    gap: 10px;
    flex-wrap: wrap;
    margin-top: 20px;
  }
  .logo-rating ul li {
    flex-basis: 25%;
    flex-grow: 1;
  }
  .nav-area-full {
    margin-top: 0;
  }

  /*.logo {*/
  /*    width: 30%;*/
  /*}*/

  .bottomSec ul.top-slider li img {
    max-width: 50%;
    display: inline-block;
    margin: 0 auto;
  }

  .bottomSec ul.top-slider li {
    text-align: center;
    padding-top: 15px;
  }

  .myinnersection .textwrap h1 {
    font-size: 40px;
  }

  .myinnersection {
    height: 350px;
  }

  .queryform.innerfrom .bot-form {
    margin: 0 auto;
    width: 100%;
  }

  .contactinfo {
    padding: 100px 0 40px;
  }

  .contactinfo .formwrap {
    padding: 40px 30px;
  }

  .contactinfo .textwrap h2 {
    font-size: 30px;
  }

  .subscribe-fold .myheading {
    font-size: 30px;
  }

  .works-wrap {
    padding: 100px 0 0px;
  }

  .subscribe-fold .mytext {
    margin-bottom: 40px;
  }

  .myinnersection .textwrap p {
    font-size: 20px;
  }

  .myinnersection .textwrap {
    padding-top: 30%;
  }

  .mservices .textwrap {
    padding: 0px 0 0 0;
  }

  .packagesmain p {
    padding-bottom: 0px;
  }

  .innserservice-commonfolds.clogo,
  .innserservice-commonfolds.cwebdesign,
  .innserservice-commonfolds.wordpress,
  .innserservice-commonfolds.ecommerce,
  .innserservice-commonfolds.webapp,
  .innserservice-commonfolds.backend,
  .innserservice-commonfolds.mobapp,
  .innserservice-commonfolds.branding,
  .innserservice-commonfolds.video,
  .innserservice-commonfolds.seo,
  .innserservice-commonfolds.cwriting {
    padding: 40px 0;
    background-image: none;
  }
}

@media (max-width: 575px) {
  .mainvideo {
    transform: scale(3);
  }
  .case-study-wraped .home-banner:before {
    background: #000000c4 !important;
  }

  .mobile-app-dev-header-form {
    margin: 25px auto 0px auto !important;
    max-width: 80% !important;
  }
  /*contact-start*/

  .contact-location-inner {
    display: flex;
    flex-direction: column !important;
  }
  .contact_tb_sec ul li {
    padding-right: 0px;
  }
  .contact-location-inner h3 {
    width: 100%;
  }

  .contact_tb_sec ul .contact-sub-text {
    width: 100%;
  }
  /*contact-end*/

  /*testimonial-start*/
  .portfolioboxes .para h1 {
    font-size: 26px;
  }
  .wrapper span {
    max-width: 100px;
  }

  .comboopack .combopackwrap .footterr .right .orderbtn {
    margin-bottom: 5px;
  }

  .why-we-are ul {
    display: grid;
    grid-template-columns: auto auto auto;
    border-right: none;
  }
  .why-we-are ul li {
    border-right: none;
  }
  .wrapper ul img {
    width: 44%;
  }

  section.trig-wrap-1 {
    height: auto;
  }
  /*testimonial-end*/

  .home-banner-content.main-home-content .subtitle {
    font-size: 15px;

    line-height: 25px;
  }

  .home-banner-content {
    /*padding-top: 30px;*/
    padding-top: 70px;
  }

  .home-banner {
    /*height: 420px;*/
    height: 530px;
    display: flex !important;
    align-items: center;
    justify-content: center;
    margin-top: 55px;
  }
  .mobile-app-home-banner {
    height: 550px !important;
    margin-top: 0px;
  }
  .mservices .box.fixwidth {
    width: 100%;
  }

  .slick-prev {
    left: 5px;
  }

  .slick-next {
    right: 5px;
  }

  .portfolioboxes .tab-custom .tabbing-links li {
    margin: 0 0px;
  }

  .mservices .box .txt h3 br {
    display: none;
  }

  .mobile-nav-btn {
    top: 8px !important;

    right: 20px;
  }
  .logo-area {
    width: 35%;
  }

  .nav-area-full {
    padding: 10px 0 10px;
  }

  .container-custom {
    max-width: 100%;
  }

  .mcta .subheading {
    font-size: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: fit-content;
    margin: 0 auto 10px auto;
  }

  .portfolioboxes .portwrappp p,
  .mcta p,
  .solutionssec .textwrap p,
  .queryform .textwrap p,
  .packagesmain p,
  .mservices .textwrap p {
    font-size: 14px;
  }

  .solutionssec .textwrap p {
    padding-right: 0;
  }

  .solutionssec .textwrap .solutionslist li {
    width: 50%;
  }

  .footer-main .d-none {
    display: block !important;
  }

  .footer-main h3.xsmtpx-30 {
    display: none;
  }

  .footer-top h3 {
    padding-top: 20px;
  }

  .footer-top .socialmid .right {
    text-align: center;
  }

  .footer-top .socialmid .right img {
    width: 90% !important;
  }

  .home-banner-content h1 {
    font-size: 18px;
  }

  .home-banner-content .subtitle {
    font-size: 14px;

    width: 100%;

    margin: 0;

    line-height: 25px;
  }

  .home-banner:before {
    background: #0000006b;
  }

  .home-banner .video-overlay {
    background: #0000009c;
  }

  .innserservice-commonfolds p {
    font-size: 14px;

    line-height: 25px;
  }

  .packagesmain .subheading {
    font-size: 13px;
  }

  .packagesmain .packk .packlliist .mypack .pkhead h2 {
    font-size: 30px;
  }

  .packagesmain .packk .packlliist .mypack .pkhead h2 span.line-through-price {
    font-size: 22px;
  }

  .comboopack .combopackwrap .headdd h3 {
    font-size: 20px;
  }

  .comboopack .combopackwrap .headdd h3 span {
    display: block;

    font-size: 17px;
  }

  .socail-media-content {
    padding-top: 40px;
    text-align: center;
  }

  .socail-right-img img {
    width: 65%;

    margin: 0 auto;
  }

  .socail-right-img {
    text-align: center;
  }

  .socail-media-content ul li {
    padding-right: 0;

    width: 11%;
  }

  .comboopack .combopackwrap .footterr .left .txtt h4 {
    font-size: 15px;

    text-align: center;
  }

  .comboopack .combopackwrap .footterr .left .btnwrap .numbercta {
    display: inline-block;

    width: 100%;

    margin: 20px 21px;
  }

  .comboopack .combopackwrap .footterr .left .btnwrap .chatcta {
    display: inline-block;

    width: 40%;
  }

  .socail-media-content h3 {
    font-size: 20px;
  }

  .socail-media-content h2 {
    font-size: 35px;
  }

  .comboopack .combopackwrap .bodyyy .coll ul li {
    padding: 0 0px 10px 20px;
  }

  .comboopack .combopackwrap .bodyyy .coll ul li {
    font-size: 14px;

    line-height: 24px;
  }

  .comboopack .combopackwrap .footterr .right .price {
    margin: 0px 0 20px;
  }

  .why-we-are ul li {
    font-size: 12px;

    color: #fff;

    padding: 15px 0 15px 10px;

    width: 33%;
  }

  .howsec .wrap {
    padding: 0;
    text-align: center;
  }

  .howsec .fig {
    display: none;
  }

  .frequentlywrp .accordion .quest-section a {
    font-size: 15px;
  }

  .frequentlywrp .accordion .quest-inner {
    padding: 0 10px 15px 20px;
  }

  .frequentlywrp .accordion .quest-inner p {
    font-size: 14px;
  }

  .frequentlywrp .accordion .quest-inner ul li {
    font-size: 13px;
  }

  .innserservice-commonfolds .subheading {
    font-size: 14px;
    margin: 0px auto 10px auto;
    display: flex;
    align-items: center;
    justify-content: center;
    width: fit-content;
  }

  .card-place {
    width: 93%;
    padding: 50px 30px;
  }

  .payment_links {
    padding: 110px 0 70px;
  }
  .testimonial-swiper .swiper-slide {
        transform: scale(0.6);
    }

    .testimonial-swiper .swiper-slide img {
        max-width: 100px;
        max-height: 100px;
    }

    .testimonial-content h3 {
        font-size: 1rem;
    }

    .testimonial-content p {
        font-size: 0.8rem;
    }
    .testimonial-swiper {
        overflow: hidden;
        max-width: 400px;
    }
}

@media screen and (max-width: 480px) {
  .case-study-detail-container h3 {
    margin-top: 20px;
  }
  .client_card_container {
    width: 75%;
  }
  .logo-rating ul li {
    flex-basis: 35%;
  }
  .home-main-page-banner {
    height: 620px;
  }
  .mobile-app-dev-process-sec {
    padding: 80px 30px;
  }
  .mobile-app-dev-capabilities-sec {
    padding: 60px 30px;
  }
  .mservices .box.fixwidth {
    width: 100%;
    display: block;
    margin-top: 0px;
  }

  .footer-nav2 {
    float: none;
    text-align: center;
  }

  .footer-nav2 li {
    float: none;
    display: inline-block;
  }

  .copyright {
    text-align: center;
  }

  .footer-bottom .fologo {
    width: 100%;
    max-width: 150px;
    margin: 0 auto;
  }

  .comboopack .combopackwrap .headdd figure {
    display: none;
  }

  .comboopack .combopackwrap .bodyyy .coll {
    width: 100% !important;
  }

  .comboopack .combopackwrap .bodyyy {
    padding: 30px 10px !important;
  }

  .comboopack .combopackwrap .footterr {
    padding: 30px 10px !important;
  }

  .comboopack .combopackwrap .footterr .right figure {
    display: none !important;
  }

  .comboopack .combopackwrap .footterr .left .txtt {
    width: 100% !important;
  }

  .comboopack .combopackwrap .footterr .left {
    width: 100% !important;
  }
  .comboopack .combopackwrap .footterr .left {
    display: flex;
    flex-direction: column;
  }
  .comboopack .combopackwrap .footterr .left .txtt {
    width: 100% !important;
    margin-bottom: 5px;
  }
  .comboopack .combopackwrap .footterr {
    display: flex;
    flex-direction: column;
  }
  .comboopack .combopackwrap .footterr .left .btnwrap .numbercta {
    width: 100%;
  }
  .comboopack .combopackwrap .footterr .right .orderbtn a {
    width: 100%;
    margin: 10px 0;
  }

  .comboopack .combopackwrap .footterr .left .btnwrap {
    width: 100% !important;
    padding-left: 0 !important;
  }

  .comboopack .combopackwrap .footterr .left .btnwrap .numbercta {
    display: block;
    width: 100%;

    text-align: center;
    margin: 20px 0;
  }

  .comboopack .combopackwrap .footterr .left .btnwrap .chatcta {
    display: block;
    width: 100%;

    text-align: center;
  }

  .comboopack .combopackwrap .footterr .right {
    width: 100% !important;
  }

  .comboopack .combopackwrap .footterr .right .price {
    width: 100% !important;
    margin: 20px 0;
    padding-left: 0 !important;
    text-align: center;
  }

  .comboopack .combopackwrap .footterr .right .orderbtn {
    width: 100% !important;
    text-align: center !important;
  }

  .bottomSec {
    bottom: 0;
    background: #000;
    padding: 20px 0 40px;
  }

  .why-we-are ul li {
    display: inline-block;

    width: 50%;

    font-size: 14px;

    color: #fff;

    padding: 10px 20px;

    /* text-align: center; */

    border-right: 0px solid #868686;
  }

  section.trig-wrap-1 {
    background: #65259a;

    height: auto;
  }

  .home-banner-content {
    position: relative;

    z-index: 9;

    background: transparent;

    padding: 20px;
  }
}

@media screen and (max-width: 425px) {
  .mobile-app-dev-header-form {
    margin: 25px auto 0px auto !important;
    max-width: 100% !important;
  }
}

@media screen and (max-width: 385px) {
  /*capctcha-start*/
  .mobile-app-dev-header-form {
    padding: 20px;
  }
  .mobile-app-dev-header-form {
    margin: 25px auto 0px auto !important;
    max-width: 100% !important;
  }
  /*captcha-end*/

  .why-we-are ul {
    display: grid;
    grid-template-columns: auto auto;
    border-right: none;
  }
  .comboopack .combopackwrap .footterr .right .orderbtn {
    margin-bottom: 0px;
  }
}

@media screen and (max-width: 375px) {
  /*mobile*/

  .mcta.mobile-app-dev-case-study-sec .textwrap {
    text-align: center;
  }
  .mcta.mobile-app-dev-case-study-sec img {
    margin-top: 50px;
  }
  .mobile-app-dev-about-second-row p {
    text-align: center;
  }
  .mobile-app-dev-about-second-row a {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
  }

  .mobile-app-dev-about-second-row figure {
    margin-top: 50px;
  }
  .frequentlywrp {
    padding: 0px !important;
  }
  .frequentlywrp .accordion .quest-inner p {
    text-align: left !important;
  }
  .frequentlywrp .accordion .quest-section a {
    text-align: left;
  }

  .uses-of-app-dev-sec-main-row {
    text-align: center;
  }
  .uses-of-app-dev-sec-main-row p {
    text-align: justify;
  }
  .mobile-app-dev-services-sec-left {
    text-align: center;
  }
  .mobile-app-dev-services-sec-right .iconwrap img {
    margin: 0px 0px 20px 0px !important;
  }
  .mobile-app-dev-services-sec-right .iconwrap {
    display: flex;
    flex-direction: column;
  }
  .mobile-app-dev-services-sec-right .card p {
    text-align: center;
  }

  .mcta .textwrap {
    text-align: center;
  }
  .mobile-app-dev-success-stories-inner {
    text-align: center;
  }
  .innserservice-commonfolds.mobapp {
    text-align: center;
  }
  .mobile-app-home-banner .home-banner-content {
    text-align: center;
  }
  /*mobile*/

  .packagesmain .packk .packlliist .mypack {
    padding: 40px 30px;
  }

  .mcta .subheading {
    font-size: 14px;
  }
}

@media screen and (max-width: 360px) {
  .why-we-are ul {
    display: grid;
    grid-template-columns: auto auto;
    border-right: none;
  }

  .mcta .subheading {
    font-size: 13px;
  }

  .packagesmain .packk .packlliist .mypack {
    padding: 70px 20px;
  }

  .packagesmain .packk .packlliist .mypack .bdy .listscroll li {
    font-size: 14px;
    padding: 0 0px 15px 20px;
  }

  .solutionssec .textwrap .solutionslist li {
    font-size: 13px;
  }

  .valuablewrp .txtwrp .subheading {
    font-size: 14px;
  }

  .portfolioboxes .portwrappp h2,
  .mcta h2,
  .solutionssec .textwrap h2,
  .valuablewrp .txtwrp h2,
  .queryform .textwrap h2,
  .packagesmain h2,
  .mservices .textwrap h2 {
    font-size: 22px;
  }

  .portfolioboxes .portwrappp p,
  .mservices .box .txt p,
  .mcta p,
  .solutionssec .textwrap p,
  .queryform .textwrap p,
  .packagesmain p,
  .mservices .textwrap p {
    font-size: 14px;
  }

  .mservices .box .txt h3 {
    font-size: 20px;
  }

  .solutionssec .textwrap .subheading,
  .mservices .textwrap .subheading,
  .portfolioboxes .portwrappp .subheading,
  .packagesmain .subheading {
    font-size: 14px;
  }

  .btn-secondary-outline,
  .btn-primary {
    padding: 10px 20px;
  }
}

@media screen and (max-width: 320px) {
  .mcta .subheading {
    font-size: 12px;
    font-weight: 600;
    padding: 8px 18px;
  }

  .mobile-app-dev-header-form {
    margin: 0px auto 10px auto !important;
    max-width: 100% !important;
  }

  .mobile-app-dev-header-form h4 {
    font-size: 21px;
  }
}

Container for Swiper
.swiper-container {
  position: relative;
  width: 90vw;
  height: auto;
  max-width: 100%;
  margin: auto;
}

/* Swiper slide */
.swiper-slide {
  height: 100%;
  display: flex;
  background: transparent;
  align-items: center;
  justify-content: center;
  transition: all 200ms linear;
  transform: scale(0.8);
  opacity: 65%;
}

.swiper-slide.swiper-slide-active {
  transform: scale(1);
  z-index: 1;
  opacity: 100%;
}

/* Image styling within slides */

.testimonial-swiper .swiper-slide img {
  width: 200px;
  height: 200px;
  object-fit: contain;
}
/* Content styling within slide */
.testimonial-swiper .swiper-slide__content {
  height: auto;
}

.testimonial-swiper {
  max-width: 97%;
  margin: auto;
}

/* Testimonial content styling */
.testimonial__area{
  margin: 80px 0px;
  padding: 0px 30px;
}
.testimonial-container {
  text-align: center;
  max-width: 1120px;
  margin: auto;
  border: 1px solid #65259A;
  border-radius: 20px;
  -webkit-box-shadow: 0px 4px 4px 1px rgb(0 0 0 / 25%);
  -moz-box-shadow: 0px 4px 4px 1px rgb(0 0 0 / 25%);
  box-shadow: 0px 4px 4px 1px rgb(0 0 0 / 25%);
}

.testimonial-content h3 {
  font-size: 32px;
  font-family: 'Sansation';
  padding: 20px 0px 0px 0px;
  color: #000000;
}

.testimonial-content p {
  font-size: 1rem;
  color: #666;
  line-height: 1.5;
}
.testimonial-content .stars{
  padding: 0px;
  margin: 0px;
}
.testimonial-content .stars i{
  font-size: 33px;
  color: #ffcc00;
  padding: 5px 0px 10px 0px;
}
.testimonial-swiper .swiper-wrapper {
  align-items: center;
  padding: 80px 0;
  /* justify-content: center; */
}
.testimonialDescContent {
    padding: 8px;
    border-top: 1px solid black;
    border-bottom: 1px solid black;
}
.testimonial-container h6{
  font-size: 20px;
  font-family: 'Sansation';
  color: #000000;
  font-weight: bold;
  text-align: left;
  padding: 0px;
}
.testimonial-container #testimonial-review{
  text-align: left;
  font-size: 20px;
  font-family: 'Rubik';
  color: #000000;
  padding: 0px;
}

/* Media Queries for Responsive Design */