/*  =====Reset CSS====== */

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

* {
  text-shadow: none !important;
}

article,
aside,
canvas,
figure,
figcaption,
footer,
header,
nav,
section,
audio,
video,
p,
h1,
h2,
h3,
h4,
h5,
h6,
ul,
ol,
label {
  margin: 0;
  padding: 0;
  border: 0;
}

.main {
  width: 100%;
}

a,
button,
input,
input[type="buttton"],
input[type="submit"],
select,
.btn,
textarea {
  -webkit-transition: all 300ms ease-in-out;
  -o-transition: all 300ms ease-in-out;
  transition: all 300ms ease-in-out;
  text-decoration: none;
  font-style: normal;
}

a:focus,
button:focus,
input[type="buttton"]:focus,
input[type="submit"]:focus,
select:focus,
.btn:focus,
textarea:focus,
.bootstrap-select .dropdown-toggle:focus {
  outline: none !important;
  -webkit-box-shadow: none;
  box-shadow: none !important;
}

img {
  max-width: 100%;
}

a,
label,
span {
  display: inline-block;
  vertical-align: middle;
  vertical-align: 0;
}

figure {
  -webkit-transition: all ease 0.4s;
  -o-transition: all ease 0.4s;
  transition: all ease 0.4s;
  margin: 0;
  font-size: 0;
  line-height: 100%;
}

figure img {
  max-width: 100%;
}

ul,
ol {
  list-style: none;
  padding: 0 !important;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */

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

.svg_container {
  display: none;
}

.bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(
    .input-group-btn
  ) {
  width: 100%;
}

/* ::-moz-selection {
    background-color: #1f40cb;
    color: #fff;
}

::selection {
    background-color: #1f40cb;
    color: #fff;
} */

.form-control:focus {
  box-shadow: 0 0 0 0.2rem rgb(0 157 233 / 25%);
}

a:hover {
  text-decoration: none;
}

/* =====Reset CSS====== */

body {
  font-size: 16px;
  line-height: 20px;
  margin: 0;
  padding: 0;
  font-family: "Montserrat", sans-serif !important;
  background: #e3e4d9 !important;
  display: flex;
  flex-direction: column;
  min-height: 100vh;
}

.main {
  width: 100%;
}

/* Navbar Start */
.navbar {
  display: flex;
  justify-content: space-between;
  align-items: center;
  background-color: #fff;
  color: #333;
  padding: 10px;
  width: 100%;
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2),
    0 1px 5px 0 rgba(0, 0, 0, 0.12);
  position: sticky !important;
  top: 0;
  z-index: 100;
}

.logo-img {
  width: 170px;
}

.navbar-left,
.navbar-right {
  flex-shrink: 0;
}

.navbar-center {
  width: 82%;
  font-family: sans-serif;
  font-weight: bold;
  line-height: 1.3;
}

.nav-link:hover {
  color: #2f63af !important;
  text-decoration: underline 4px solid #2f63af;
  text-underline-position: under;
  transition: 0.4s;
}

.dropdown-menu {
  display: none;
  position: absolute;
  background-color: #fff;
  border: 1px solid #ccc;
  z-index: 1000;
  font-family: "Montserrat", sans-serif;
}

.dropdown-item i {
  font-size: 20px;
  margin-top: 5px;
}

.nav-item:hover .dropdown-menu {
  display: block;
  width: 300px;
  border-bottom: 3px solid #f5d74f;
}

.dropdown-item:hover,
.dropdown-item:active {
  background-color: #c8dcfa !important;
}

.dropdown-sub-item:hover,
.dropdown-sub-item:active {
  background-color: #c8dcfa !important;
}

.dropdown-menu .dropdown-item:hover .submenu,
.dropdown-menu .submenu:hover,
.dropdown-menu .dropdown-item .submenu a:hover .submenu-dropdown-item {
  display: block;
}

.dropdown-item a {
  text-decoration: none;
  color: #333;
  font-weight: 500;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.dropdown-menu .submenu,
.dropdown-menu .submenu .submenu-dropdown-item {
  display: none;
  position: absolute;
  top: 0;
  left: 100%;
  background-color: #fff;
  border: 1px solid #ccc;
  border-radius: 6px;
}
.dropdown-menu .submenu.hire{
  display: none;
  position: absolute;
  top: 0;
  right: 100% !important;
  left: -100%;
  background-color: #fff;
  border: 1px solid #ccc;
  border-radius: 6px;
}
.dropdown-menu .dropdown-item {
  position: relative;
  font-size: 18px;
  line-height: 27px;
}

.dropdown-menu .dropdown-item .dropdown-sub-item {
  position: relative;
}

.dropdown-menu .dropdown-item:hover .submenu {
  display: block;
  width: 380px;
  border-bottom: 3px solid #f5d74f;
}
.dropdown-menu .dropdown-item:hover .submenu.hire{
  display: block;
  width: auto;
  border-bottom: 3px solid #f5d74f;
}
.submenu .dropdown-sub-item:hover .submenu-dropdown-item {
  display: block;
  width: 300px;
  border-bottom: 3px solid #f5d74f;
}

/* Navbar End */

/* Banner Section start */
.banner-wrapper {
  width: 100%;
  display: flex;
  position: relative;
  z-index: 2;
  background: #f8e84e;
}

/* .container {
  max-width: 1366px !important;
  width: 100%;
  padding-left: 20px;
  padding-right: 20px;
} */

.banner-main-wrapper,
.banner-inner-wrapper {
  width: 100%;
  display: flex;
  padding: 42px 0;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
}

.banner-inner-wrapper h1 {
  font-size: 60px;
  font-weight: 800;
  letter-spacing: 4px;
  line-height: 1.3;
  margin-bottom: 14px;
  text-transform: uppercase;
  max-width: 950px;
}

.banner-inner-wrapper .getMore {
  padding: 0 150px;
  color: #fff;
}

.banner-inner-wrapper .online {
  color: #ffd700;
}

.banner-inner-wrapper h4 {
  font-size: 23px;
  font-weight: 800;
  letter-spacing: 2.25px;
  line-height: 1.3;
  margin-bottom: 14px;
  color: #fff;
  max-width: 866px;
}

/* Banner Section end */

/* What we do section start */
.whatwedo-wrapper {
  padding-top: 20px;
  padding-bottom: 50px;
  background-color: #fff;
}

.whatwedo-wrapper .whatwedo-text {
  position: relative;
  border-bottom: 1px solid #b1b4ae;
  padding: 20px 0 18px;
  margin-bottom: 0px;
}

.whatwedo-wrapper .whatwedo-text::before {
  width: 0;
  height: 0;
  border-left: 15px solid transparent;
  border-right: 15px solid transparent;
  border-top: 15px solid #2f63af;
  position: absolute;
  content: "";
  text-align: center;
  left: -7px;
  right: 0;
  margin: 0 auto;
  bottom: 0;
  z-index: 99;
}

.whatwedo-wrapper .whatwedo-text::after {
  position: absolute;
  content: "";
  left: 50%;
  bottom: -13px;
  margin-left: -16px;
  z-index: 9;
  background-color: #fff;
  background-repeat: no-repeat;
  border: solid #b1b4ae;
  border-width: 0px 1px 1px 0;
  display: inline-block;
  padding: 3px;
  transform: rotate(45deg);
  width: 25px;
  height: 25px;
}

.whatwedo-wrapper .whatwedo-text h2,
.chooseUs .whatwedo-text h2,
.weprovide-wrapper .whatwedo-text h2,
.getResult .whatwedo-text h2,
.successStory .whatwedo-text h2 {
  margin: 20px;
  font-size: 44px;
  font-weight: 600;
  text-align: center;
}

.whatwedo-wrapper .whatwedo-column {
  margin: 0 auto;
  flex-wrap: wrap;
}

.whatwedo-wrapper .whatwedo-column .column-data {
  position: relative;
  padding-top: 50px;
  padding-left: 65px;
}

.whatwedo-wrapper .whatwedo-column .column-data.endColumn {
  border-right: 0;
}

.whatwedo-wrapper .whatwedo-column .column-data img {
  position: absolute;
  left: 10px;
  top: 57px;
  color: #2f63af;
}

.whatwedo-wrapper .whatwedo-column .column-data i {
  font-size: 40px;
  position: absolute;
  left: 12px;
  top: 57px;
}

.column-data h4 {
  color: #2f63af;
  margin: 0;
  padding: 0;
  line-height: 1.2em;
  font-size: 1.438rem;
  word-break: break-word;
}

.column-data h4 a {
  text-decoration: none;
  outline: none;
  color: #2f63af;
}
.column-data h4 span {
  outline: none;
}

.column-data h4 span::after,
.column-data h4 a::after {
  content: "\f054";
  font-family: "FontAwesome";
  position: absolute;
  width: 20px;
  height: 20px;
  font-size: 16px;
}

.column-data .wp-block-heading img {
  position: absolute;
  top: 78px;
  right: -4px;
  cursor: pointer;
}

.whatwedo-wrapper .whatwedo-column .column-data p {
  font-size: 16px;
  line-height: 28px;
  margin-top: 11px;
  color: #000;
}

/* What we do section end */

/* What we provide section start */
.weprovide-wrapper {
  padding-top: 20px;
}

.weprovide-wrapper .whatwedo-text {
  position: relative;
  border-bottom: 1px solid #b1b4ae;
  padding: 20px 0 18px;
  margin-bottom: 0px;
}

.weprovide-wrapper .whatwedo-text::before {
  width: 0;
  height: 0;
  border-left: 15px solid transparent;
  border-right: 15px solid transparent;
  border-top: 15px solid #2f63af;
  position: absolute;
  content: "";
  text-align: center;
  left: -7px;
  right: 0;
  margin: 0 auto;
  bottom: 0;
  z-index: 99;
}

.weprovide-wrapper .whatwedo-text::after {
  position: absolute;
  content: "";
  left: 50%;
  bottom: -13px;
  margin-left: -16px;
  z-index: 9;
  background-color: #e3e4d9;
  background-repeat: no-repeat;
  border: solid #b1b4ae;
  border-width: 0px 1px 1px 0;
  display: inline-block;
  padding: 3px;
  transform: rotate(45deg);
  width: 25px;
  height: 25px;
}

.weprovide-wrapper .col-md-4 {
  margin-top: 50px;
}

.service-item {
  background: white;
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
  padding: 45px;
  border-radius: 7px;
  margin-bottom: 30px;
  border: 1px solid #eeeff1;
}

.service-item .img-wrapper {
  display: flex;
  justify-content: center;
  margin-bottom: 30px;
}

.service-item .list-provide h4 {
  margin-bottom: 20px;
  font-weight: 700;
  color: #2f63af;
}

.list-provide li a {
  text-decoration: none;
}

.list-provide li span.service-name {
  font-size: 18px;
  color: #2f63af;
}

.service-item .service-button {
  padding: 0px 0px 0px 0px;
}

.service-item .service-button .service-button-inner {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}

.service-button-inner .button-text {
  font-size: 14px;
  font-weight: 500;
  text-transform: uppercase;
  line-height: 1.7em;
  letter-spacing: 4.2px;
  color: #2f63af;
}

.service-button-inner .button-icon {
  margin-left: 10px;
}

.service-button-inner .button-icon i {
  font-size: 30px;
  color: #2f63af;
}

/* What we provide section end */

/* Why chhose us section start */
.chooseUs {
  padding-bottom: 50px;
}

.chooseUs .whatwedo-text {
  position: relative;
  border-bottom: 1px solid #b1b4ae;
  padding: 20px 0 18px;
  margin-bottom: 0px;
}

.chooseUs .whatwedo-text::before {
  width: 0;
  height: 0;
  border-left: 15px solid transparent;
  border-right: 15px solid transparent;
  border-top: 15px solid #2f63af;
  position: absolute;
  content: "";
  text-align: center;
  left: -7px;
  right: 0;
  margin: 0 auto;
  bottom: 0;
  z-index: 99;
}

.chooseUs .whatwedo-text::after {
  position: absolute;
  content: "";
  left: 50%;
  bottom: -13px;
  margin-left: -16px;
  z-index: 9;
  background-color: #e3e4d9;
  background-repeat: no-repeat;
  border: solid #b1b4ae;
  border-width: 0px 1px 1px 0;
  display: inline-block;
  padding: 3px;
  transform: rotate(45deg);
  width: 25px;
  height: 25px;
}

.chooseUs .whatwedo-description {
  padding: 65px;
  text-align: left;
}

.chooseUs .whatwedo-description p {
  font-size: 18px;
  line-height: normal;
}

.chooseUs .whatwedo-description p a {
  text-decoration: none;
  color: #2f63af;
}

.chooseUs .whyChoose-list {
  padding: 0 65px;
  text-align: center;
  margin-bottom: 45px;
}

.whyChoose-list .whyChoose_img {
  padding-bottom: 15px;
}

.whyChoose-list .whyChoose_img img {
  height: 65px;
}

.chooseUs .whyChoose-list i {
  font-size: 40px;
}

.chooseUs .whyChoose-list h4 {
  font-size: 30px;
  font-weight: 700;
}

.chooseUs .whyChoose-list h4 span {
  color: #2f63af;
}

.chooseUs .whyChoose-list p {
  font-size: 18px;
  line-height: normal;
  text-align: left;
}

/* Why chhose us section end */

/* Grow your business start */
.grow-business {
  padding-top: 20px;
  padding-bottom: 50px;
  background-color: #ffd700;
}

.grow-business .grow-inner-wrapper {
  text-align: center;
}

.grow-inner-wrapper h4 {
  font-size: 30px;
  font-weight: 700;
}

.grow-inner-wrapper p {
  font-size: 18px;
  line-height: normal;
}

.primary-btn {
  background: #2f63af;
  padding: 9px 22px 11px !important;
  display: inline-block;
  border-radius: 6px;
  color: #fff !important;
  font-weight: 400;
  font-size: 22px;
  position: relative;
  line-height: 30px;
  letter-spacing: 1px;
  text-decoration: none;
  border: 1 px solid #2f63af;
}

.primary-btn .fl-button-text {
  display: flex;
  position: relative;
  top: 2px;
  align-items: center;
  justify-content: center;
}

.primary-btn .fl-button-text img {
  margin-right: 8px;
}

.custom_or {
  margin: 0px 20px;
}

.phone_custom a {
  font-size: 22px;
  color: #fff;
  padding: 8px 22px 7px !important;
  display: inline-block;
  border: 2px solid #fff;
  border-radius: 6px;
  line-height: 30px;
  text-decoration: none;
}

.phone_custom a img {
  margin-right: 8px;
}

/* Grow your business end */

/* Footer section start */
.footer {
  font-size: 1rem;
  background: #f7e84f;
  color: #000;
  padding: 40px 0 0;
  box-shadow: 1px 4px 0 rgba(0, 0, 0, 0.3);
}

.footer__row {
  display: flex;
  flex-wrap: wrap;
  margin-left: 50px;
  margin-right: 50px;
}

.footer__row .spacing {
  padding-left: 14px;
}

.footer h4 {
  color: #000;
  font-size: 22px;
  margin-bottom:20px;
}

.footer .footer-heading {
  visibility: hidden;
}

.footer ul {
  list-style: none;
  padding-left: 0;
}

footer li {
  margin-bottom: 10px;
}

.footer a {
  color: #000;
  text-decoration: none;
}
.footer span {
  color: #000;
}

.socialLinks li {
  display: inline-block;
  color: #0b4061;
}

.socialLinks a {
  color: #fff;
  display: inline-block;
  margin-right: 5px;
}

.socialLinks a .fa-stack {
  color: #fff;
  width: 3rem;
  height: 3rem;
}

.socialLinks a .fa-stack .circle-background {
  font-size: 3rem;
}

.socialLinks a .fa-circle::before {
  display: block;
  width: 3rem;
  height: 3rem;
  background-color: #fff;
  border-radius: 100%;
  margin-top: 4px;
}

.socialLinks a .fa-icon {
  font-size: 1.5rem;
  padding-top: 0.75rem;
}

.socialLinks a .fa-inverse.fa-youtube {
  color: red;
}

.socialLinks a .fa-inverse.fa-linkedin {
  color: #0077b5;
}

.socialLinks a .fa-inverse.fa-instagram {
  color: #bc2a8d;
}

.socialLinks a .fa-inverse.fa-facebook {
  color: #3b5998;
}

footer .useful-link {
  color: #000;
  text-align: center;
  border-top: 1px solid #0a0a0a;
  border-bottom: 1px solid #0a0a0a;
  padding: 30px 0;
  margin: 0 0 10px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

footer .useful-link .policy {
  margin: 0 auto;
}

footer .useful-link .policy a {
  font-size: 14px;
  line-height: 18px;
  color: #000;
}

footer .useful-link .policy a:after {
  content: "|";
  margin: 0 1px;
}

.footer__container .disclaimer {
  font-size: 13px;
  line-height: 15px;
  color: #fff;
  text-align: center;
}

.footer__container .copywrite {
  font-size: 13px;
  line-height: 18px;
  padding: 15px 0 20px;
  color: #000;
  text-align: center;
}

/* Footer section end */

/* ================================================================================================ */
/* ================================================================================================ */
/* ================================================================================================ */

/* Contact Us Page start */

/* Banner section contact us start */
.banner-wrapper .contactUs-wrapper {
  align-items: center;
  padding-top: 50px;
  padding-bottom: 50px;
  margin: auto;
  max-width: 1200px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.31);;
}

.new_form_wrap {
  border-radius: 8px;
}

.new_form_wrap .form-abovetext h4 {
  font-size: 30px;
  font-weight: 700;
  color: #2f63af;
}

.new_form_wrap .form-abovetext p.form-text {
  font-size: 12px !important;
  font-weight: 500;
  color: #000 !important;
}
.error-message {
  color: red;
  font-size: 0.9em;
}
.new_form_wrap .new_form {
  background-color: #fff;
  padding: 21px 13px 13px;
  box-shadow: 0 8px 34px rgba(0, 0, 0, 0.2);
  border-radius: 8px;
  border-radius: 40px;
  background-color: #fff;
  border: solid #2f63af 4px;
}

.new_form_wrap .new_form .__input-box {
  width: 100%;
  display: block;
  padding: 0 12px;
  margin-bottom: 20px;
  vertical-align: top;
  position: relative;
}

.new_form_wrap .new_form .__input-box input,
.new_form_wrap .new_form .__input-box select {
  display: block;
  padding: 6px 12px;
  font-size: 14px;
  width: 100%;
  outline: none;
  border-radius: 4px;
  height: 48px;
  background: transparent;
  border: 1px solid #c8c8c8;
}

.new_form_wrap .new_form .__input-box .form-control {
  border: 1px solid #c8c8c8;
}

.new_form_wrap .new_form .__input-box select.form-control.service-type {
  box-shadow: none;
  outline: none;
  appearance: none;
  background: url(/assests/images/angle-arrow-down.png) white no-repeat
    calc(100% - 10px) !important;
}

.new_form_wrap .new_form .__input-box .floating-label {
  position: absolute;
  top: 12px;
  left: 25px;
  pointer-events: none;
  transition: top 0.3s ease, font-size 0.3s ease;
  color: #8a8a8a;
  z-index: 2;
}

.new_form_wrap .new_form .__input-box input:focus {
  box-shadow: none;
  outline: none;
}

.new_form_wrap .new_form .__input-box input:focus + label,
.new_form_wrap .new_form .__input-box input:valid + label {
  font-size: 12px;
  top: -7px;
  color: #2c2c2c;
  background-color: #fff;
}

.new_form_wrap .new_form .__input-box.pagesVal input:focus ~ .floating-label,
.new_form_wrap
  .new_form
  .__input-box.pagesVal
  input:not(:placeholder-shown)
  ~ .floating-label {
  font-size: 12px;
  top: -7px;
  color: #2c2c2c;
  background-color: #fff;
}

.new_form_wrap .new_form .__input-box .p-relative {
  position: relative;
}
.iti {
  width: 100%;
}
.iti--separate-dial-code .iti__selected-flag {
  background-color: rgba(0, 0, 0, 0) !important;
}

.new_form_wrap .new_form .__input-box.phoneFieldArea select {
  position: absolute;
  width: 95px;
  left: 0px;
  top: 0px;
  font-size: 13px;
  border: 1px solid #c8c8c8;
  background-color: #f6f6fa;
  border-radius: 4px 0 0 4px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: url(/assests/images/angle-arrow-down.png) white no-repeat 98.5% !important;
  background: url(/assests/images/angle-arrow-down.png) white no-repeat
    calc(100% - 10px) !important;
  box-shadow: none;
  outline: none;
}

.new_form_wrap .new_form .__input-box.phoneFieldArea .form-control {
  padding-left: 101px;
}

.new_form_wrap .new_form .__input-box .textareaOuter {
  background-color: #fff;
  border: 1px solid #c8c8c8;
  display: block;
  padding: 6px 8px;
  font-size: 14px;
  width: 100%;
  outline: none;
  border-radius: 3px;
}

.new_form_wrap .new_form .__input-box .textareaOuter textarea {
  border: 0 !important;
  font-size: 14px;
  border: 0;
  min-height: 136px;
  width: 100%;
  resize: none;
  padding: 0;
  box-shadow: none;
  outline: none;
}

.new_form_wrap .new_form .__input-box .textareaOuter textarea:focus + label,
.new_form_wrap .new_form .__input-box .textareaOuter textarea:valid + label {
  font-size: 12px;
  top: -7px;
  color: #2c2c2c;
  background-color: #fff;
}

.new_form_wrap .new_form .__input-box .textareaOuter .floating-label {
  position: absolute;
  top: 17px;
  left: 25px;
  pointer-events: none;
  transition: top 0.3s ease, font-size 0.3s ease;
  color: #8a8a8a;
  z-index: 2;
}

.new_form_wrap .submit-btn .button_submission {
  cursor: pointer;
  font-weight: normal;
  color: rgb(255, 255, 255);
  text-transform: uppercase;
  font-size: 21px;
  letter-spacing: 1px;
  height: auto !important;
  width: 100% !important;
  max-width: 100% !important;
  background: rgb(219, 120, 3);
  padding: 12px 20px;
  border-radius: 42px;
  border-width: 2px !important;
  border-style: solid !important;
  border-color: rgb(255, 255, 255) !important;
  border-image: initial !important;
  font-weight: 600;
}

.bottom-text p {
  text-align: center;
  padding-top: 10px;
  margin-bottom: 0;
}

.contactUs-wrapper .steps {
  padding: 2px 0px 0px 0px;
}
.iti__country-list{
  z-index: 3 !important;
}

.contactUs-wrapper .steps .step-procedure {
  box-sizing: border-box;
}

.steps .step-procedure .first-step {
  overflow-wrap: break-word;
  word-break: break-word;
}

.first-step .imageheading-wrap {
  position: relative;
  padding-left: 73px;
}

.imageheading-wrap a {
  display: inline-block;
  width: 70px;
  margin-right: 17px;
  height: 45px;
  position: absolute;
  left: -12px;
  top: 0;
  z-index: 1;
}

.imageheading-wrap h2,
.step-content h2 {
  font-size: 34px;
  line-height: 41px;
  font-weight: 700;
  position: relative;
  padding-left: 0px;
  color: #2f63af;
}

.imageheading-wrap p,
.step-content p,
.location p {
  margin-left: 0 !important;
  font-size: 16px;
  line-height: 28px;
  color: #ffd700;
}

.location p a {
  margin-left: 0 !important;
  font-size: 16px;
  line-height: 28px;
  color: #ffd700;
  text-decoration: none;
}

.steps .step-procedure .step-counts {
  counter-reset: step-counter;
  position: relative;
  padding-top: 13px;
  margin-bottom: 0px;
  display: flex;
  box-sizing: border-box;
}

.step-counts .step-list {
  position: relative;
  padding-left: 70px;
  margin-bottom: 16px;
  align-items: normal !important;
  box-sizing: border-box;
  display: flex;
}

.step-counts .step-list::before {
  counter-increment: step-counter;
  content: counter(step-counter);
  color: #2f63af;
  position: absolute;
  background-color: #fff;
  width: 44px;
  height: 44px;
  border-radius: 50%;
  font-size: 28.719px;
  left: -5px;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 1;
  font-weight: 900;
  margin-top: -2px;
}

.step-counts .step-list:not(:last-of-type)::after {
  position: absolute;
  content: "";
  background-color: #fff;
  height: 100%;
  width: 3px;
  left: 17px;
  overflow: hidden;
  margin-top: 15px;
}

.step-list .step-content {
  margin-bottom: 16px;
}

.location {
  border-top: solid 1px rgba(255, 255, 255, 0.31);
}

/* Google Fonts - Poppins */
@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600&display=swap");

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  font-family: "Poppins", sans-serif;
}

body {
  background-color: #e3f2fd;
}

.select-btn {
  display: flex;
  min-height: 50px;
  align-items: center;
  justify-content: space-between;
  padding: 0 16px;
  border-radius: 4px;
  cursor: pointer;
  box-shadow: none;
  outline: none;
  appearance: none;
  border: 1px solid #c8c8c8;
}

.select-btn .btn-text {
  font-size: 14px;
  font-weight: 400;
  color: #333;
}

.selected-servic {
  border: 1px solid;
  padding: 4px;
}

.select-btn .arrow-dwn {
  display: flex;
  height: 21px;
  width: 21px;
  color: #fff;
  font-size: 14px;
  border-radius: 50%;
  align-items: center;
  justify-content: center;
  transition: 0.3s;
}

.select-btn .arrow-dwn i {
  color: #000;
}

.select-btn.open .arrow-dwn {
  transform: rotate(-180deg);
}

.list-items {
  position: relative;
  margin-top: 15px;
  border-radius: 8px;
  padding: 16px;
  background-color: #fff;
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
  display: none;
}

.select-btn.open ~ .list-items {
  display: block;
}

.list-items .item {
  display: flex;
  align-items: center;
  list-style: none;
  min-height: 50px;
  cursor: pointer;
  transition: 0.3s;
  padding: 0 15px;
  border-radius: 8px;
}

.list-items .item:hover {
  background-color: #e7edfe;
}

.item .item-text {
  font-size: 16px;
  font-weight: 400;
  color: #333;
}

.item .checkbox {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 16px;
  width: 16px;
  border-radius: 4px;
  margin-right: 12px;
  border: 1.5px solid #c0c0c0;
  transition: all 0.3s ease-in-out;
}

.item.checked .checkbox {
  background-color: #4070f4;
  border-color: #4070f4;
}

.checkbox .check-icon {
  color: #fff;
  font-size: 11px;
  transform: scale(0);
  transition: all 0.2s ease-in-out;
}

.item.checked .check-icon {
  transform: scale(1);
}

/* Banner section contact us end */

/* Get result section start */
.getResult {
  padding-top: 20px;
  padding-bottom: 50px;
}

.getResult .whatwedo-text {
  position: relative;
  border-bottom: 1px solid #b1b4ae;
  padding: 20px 0 18px;
  margin-bottom: 0px;
}

.getResult .whatwedo-text::before {
  width: 0;
  height: 0;
  border-left: 15px solid transparent;
  border-right: 15px solid transparent;
  border-top: 15px solid #2f63af;
  position: absolute;
  content: "";
  text-align: center;
  left: -7px;
  right: 0;
  margin: 0 auto;
  bottom: 0;
  z-index: 99;
}

.getResult .whatwedo-text::after {
  position: absolute;
  content: "";
  left: 50%;
  bottom: -13px;
  margin-left: -16px;
  z-index: 9;
  background-color: #e3e4d9;
  background-repeat: no-repeat;
  border: solid #b1b4ae;
  border-width: 0px 1px 1px 0;
  display: inline-block;
  padding: 3px;
  transform: rotate(45deg);
  width: 25px;
  height: 25px;
}

.getResult .getresultData,
.successStory .getresultData,
.process-inner-wrapper .getresultData,
.launches-inner-wrapper .getresultData {
  align-items: center;
  padding: 0 50px;
  padding-top: 35px;
  margin: auto;
  max-width: 1170px;
}

.getResult .getresultData .contact,
.process-inner-wrapper .getresultData .contact {
  padding: 0;
  padding-top: 45px;
}

.getResult .getresultData .img-wrap,
.successStory .getresultData .img-wrap {
  position: relative;
}

.img-wrap .text-description {
  /* position: absolute; */
  /* bottom: 5px; */
  text-align: center;
  width: 100%;
  color: #333;
}

.getResult .getresultData .contact-description {
  padding: 20px;
  border-bottom-left-radius: 7px;
  border-bottom-right-radius: 7px;
  min-height: 85px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #2f63af;
}

.contact-description a {
  text-decoration: none;
  font-size: 18px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  color: #ffd700;
  cursor: pointer;
}

/* Get result section end */

/* Success story section start */
.successStory {
  padding-top: 20px;
  padding-bottom: 50px;
}

.successStory .whatwedo-text {
  position: relative;
  border-bottom: 1px solid #b1b4ae;
  padding: 20px 0 18px;
  margin-bottom: 0px;
}

.successStory .whatwedo-text::before {
  width: 0;
  height: 0;
  border-left: 15px solid transparent;
  border-right: 15px solid transparent;
  border-top: 15px solid #2f63af;
  position: absolute;
  content: "";
  text-align: center;
  left: -7px;
  right: 0;
  margin: 0 auto;
  bottom: 0;
  z-index: 99;
}

.successStory .whatwedo-text::after {
  position: absolute;
  content: "";
  left: 50%;
  bottom: -13px;
  margin-left: -16px;
  z-index: 9;
  background-color: #e3e4d9;
  background-repeat: no-repeat;
  border: solid #b1b4ae;
  border-width: 0px 1px 1px 0;
  display: inline-block;
  padding: 3px;
  transform: rotate(45deg);
  width: 25px;
  height: 25px;
}

.successStory .getresultData {
  padding-top: 100px;
}

.img-wrap .img-icon {
  position: absolute;
  top: -96px;
}

.img-wrap .img-icon .success-img {
  width: 100px;
  height: 100px;
  border: 2px solid #2f63af;
  border-radius: 50%;
  background-color: #2f63af;
  display: flex;
  justify-content: center;
  align-items: center;
}

.successStory .getresultData .success-description {
  padding-top: 30px;
  font-style: italic;
}

/* Success story section end */
/* Contact Us Page end */

/* Digital marketing page start */
/* Banner section start */
/* .contactUs-wrapper.digital {
    padding-top: 0px;
} */

.contactUs-wrapper h1 {
  text-shadow: none;
  color: #000000;
  letter-spacing: 1px;
  margin-bottom: 0px;
  text-transform: none;
  font-size: 48px;
  font-weight: 800;
  line-height: 1.5em;
  word-wrap: break-word;
  padding-top: 63px;
}

.contactUs-wrapper .banner-content {
  margin-top: 60px;
}

.contactUs-wrapper p {
  color:#000000 !important;
  font-size: 20px !important;
  text-shadow: none;
  font-weight: 400;
  text-transform: initial;
  line-height: 27px;
}
.contactUs-wrapper p.phone_text {
  color: #2e2e2f !important;
}
.contactUs-wrapper.digital .submit-btn {
  padding-top: 20px;
  padding-bottom: 66px;
}

.contactUs-wrapper.digital .submit-btn .button_submission,
.digital-inner-wrapper .submit-btn .button_submission,
.service-inner-wrapper .submit-btn .button_submission,
.why-choose-inner-wrapper .submit-btn .button_submission {
  cursor: pointer;
  color: #000;
  width: 200px;
  font-size: 21px;
  letter-spacing: 1px;
  height: auto !important;
  max-width: 100% !important;
  background: rgb(219, 120, 3);
  padding: 12px 20px;
  border: 1px solid rgb(219, 120, 3);
  border-radius: 42px;
  border-width: 2px !important;
  border-style: solid !important;
  border-image: initial !important;
  font-weight: 600;
  margin-top: 20px;
}

/* Banner section end */
/* How Digital Marketing Services Drive Business Growth start */
.digital-wrapper {
  padding-top: 20px;
  padding-bottom: 50px;
  background: #fff;
}

.digital-inner-wrapper .whatwedo-text {
  position: relative;
  border-bottom: 1px solid #b1b4ae;
  padding: 20px 0 18px;
  margin-bottom: 0px;
}

.digital-inner-wrapper .whatwedo-text::before {
  width: 0;
  height: 0;
  border-left: 15px solid transparent;
  border-right: 15px solid transparent;
  border-top: 15px solid #2f63af;
  position: absolute;
  content: "";
  text-align: center;
  left: -7px;
  right: 0;
  margin: 0 auto;
  bottom: 0;
  z-index: 99;
}

.digital-inner-wrapper .whatwedo-text::after {
  position: absolute;
  content: "";
  left: 50%;
  bottom: -13px;
  margin-left: -16px;
  z-index: 9;
  background-color: #fff;
  background-repeat: no-repeat;
  border: solid #b1b4ae;
  border-width: 0px 1px 1px 0;
  display: inline-block;
  padding: 3px;
  transform: rotate(45deg);
  width: 25px;
  height: 25px;
}

.digital-inner-wrapper .whatwedo-text h2,
.service-inner-wrapper .whatwedo-text h2,
.why-digital-inner-wrapper .whatwedo-text h2,
.why-choose-inner-wrapper .whatwedo-text h2 {
  margin-top: 20px;
  font-size: 32px;
  font-weight: 700;
  text-align: center;
}

.digital-inner-wrapper .whatwedo-text p,
.service-inner-wrapper .whatwedo-text p,
.why-digital-inner-wrapper .whatwedo-text p,
.why-choose-inner-wrapper .whatwedo-text p {
  font-size: 20px;
  text-align: center;
}

.digital-inner-wrapper .rich-text p,
.why-digital-inner-wrapper .rich-text p,
.why-choose-inner-wrapper .rich-text p {
  margin-left: 0 !important;
  font-size: 16px;
  line-height: 28px;
}

.digital-inner-wrapper .rich-text p a {
  border-bottom: 1px solid #2f63af;
  text-decoration: none;
}

.digital-inner-wrapper .whatwe-say,
.service-inner-wrapper .whatwedo-text,
.why-digital-inner-wrapper .whatwedo-text,
.why-choose-inner-wrapper .whatwedo-text {
  font-size: 16px;
  line-height: 28px;
  text-align: center;
}

.img-wrapper {
  margin-top: -55px;
  width: 100%;
}

/* How Digital Marketing Services Drive Business Growth end */

/* about us section start */
.about-us-section {
  background: #fff;
      padding-bottom: 70px;
}

.about-us-inner-wrapper,
.digital-marketing-services-inner-wrapper,
.whychoose-us-inner-wrapper,
.our-works-inner-wrapper,
.our-client-inner-wrapper,
.free-consultation-inner-wrapper,
.ppc-inner-wrapper,
.ppc-whychoose-us-inner-wrapper,
.case-studies-inner-wrapper,
.benifits-inner-wrapper,
.our-seo-services-inner-wrapper,
.technology-inner-wrapper.social-media,
.design-process-inner-wrapper {
  box-sizing: border-box;
  padding-left: 15px;
  padding-right: 15px;
  max-width: 1200px;
  margin: 0 auto;
}

.about-us-inner-wrapper .title-text {
  text-align: center;
  color: #2f63af;
}

.title-text h2 {
  letter-spacing: 1px;
  margin-bottom: 20px;
  padding-top: 50px;
  text-transform: none;
  font-size: 36px;
  font-weight: 800;
  line-height: 1.5em;
  text-align: center;
  display: flex;
  align-items: center;
}

.title-text h2::before,
.title-text h2::after {
  content: " ";
  flex: 1 0 0%;
  height: 3px;
  background: #2f63af;
  margin: 0 1.5rem 0 0;
}

.title-text h2::after {
  margin: 0 0 0 1.5rem;
}

.title-text p.yellow {
  color: #ffd700;
}

.about-us-inner-wrapper .title-content {
  margin-top: 20px;
  text-align: left;
  margin-bottom: 30px;
}

.about-us-inner-wrapper .title-content h4 {
  font-weight: 800;
  color: #002e6c;
}

.title-content p {
  font-size: 18px;
  color: #5f5f5f;
}

.about-us-inner-wrapper .statistics {
  margin-top: 30px;
  text-align: center;
}

.statistics .statistics-content h5 {
  font-size: 34px;
  font-weight: 600;
}

.statistics .statistics-content p {
  font-size: 18px;
  font-weight: 700;
  color: #2f63af;
}

/* about us section end */

/* why choose us section start */
.whychoose-us {
  background: #fff;
}

.choose-us-card {
  border: 1px solid #ecedee;
  box-shadow: 0 1px 5px 0 rgba(72, 73, 121, 0.15);
  margin-top: 50px;
  border-radius: 30px;
  padding: 20px;
  background-color: #fff;
  transition: 0.3s ease-in-out;
}

.choose-us-card.seo {
  height: 225px;
}
.choose-us-card.agency {
  height: 260px;
}
.choose-us-card.ecommerce {
  height: 280px;
}
.choose-us-card.int {
  height: 250px;
}
.choose-us-card.fbmarkt {
  height: 220px;
}
.choose-us-card.linkdin {
  height: 150px;
}
.choose-us-card.dental {
  height: 325px;
}
.choose-us-card.google {
  height: 275px;
}
.choose-us-card.micro {
  height: 150px;
}
.choose-us-card.email {
  height: 175px;
}
.choose-us-card.content_service {
  height: 350px;
}
.choose-us-card.content_writing {
  height: 270px;
}
.choose-us-card.copywrite {
  height: 242px;
}
.choose-us-card.digital_strategy {
  height: 242px;
}
.choose-us-card.conversion {
  height: 460px;
}

.choose-us-card .choose-us-content {
  text-align: center;
  padding-top: 18px;
}

.choose-us-content .web-why-choose-inner-icon.our-marketing.choose_us {
  margin-left: 32%;
  margin-top: -34%;
  margin-bottom: 30px;
}

.web-why-choose-inner-icon.our-marketing.seo_service {
  margin-left: 38%;
  margin-top: -77px;
  margin-bottom: 20px;
}

.choose-us-card h3 {
  font-size: 20px;
  width: 100%;
  padding-left: 10px;
  margin-bottom: 15px;
  font-weight: 500;
  color: #2f63af;
}

.choose-us-card p {
  font-size: 18px;
  color: #5f5f5f;
}

/* why choose us section end */

/* our works section start */
.our-works {
  background: #fff;
}

.our-projects {
  margin-top: 50px !important;
  margin-bottom: 30px;
}

.our-projects .projects {
  padding: 20px;
  margin-top: 40px;
}

.content {
  position: relative;
  width: 90%;
  max-width: 400px;
  margin: auto;
  overflow: hidden;
  transition: transform 0.3s;
  border-radius: 10px;
  cursor: pointer;
  height: 450px;
}

.content .content-overlay {
  background: rgba(0, 0, 0, 0.7);
  position: absolute;
  height: 100%;
  width: 100%;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  opacity: 0;
  -webkit-transition: all 0.4s ease-in-out 0s;
  -moz-transition: all 0.4s ease-in-out 0s;
  transition: all 0.4s ease-in-out 0s;
}
.content:hover {
  transform: scale(1.05);
}
.content:hover .content-overlay {
  opacity: 1;
}

.content-image {
  height: 450px;
  aspect-ratio: 3/2;
}
.projects {
  padding: 20px;
  margin-top: 35px;
}

.content-details {
  position: absolute;
  text-align: center;
  padding-left: 1em;
  padding-right: 1em;
  width: 100%;
  top: 50%;
  left: 50%;
  opacity: 0;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -webkit-transition: all 0.3s ease-in-out 0s;
  -moz-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
}

.content:hover .content-details {
  top: 50%;
  left: 50%;
  opacity: 1;
}

.content-details h3 {
  color: #fff;
  font-weight: 500;
  letter-spacing: 0.15em;
  margin-bottom: 0.5em;
  text-transform: uppercase;
}

.content-details p {
  color: #fff;
  font-size: 0.8em;
}

.fadeIn-bottom {
  top: 80%;
}

.more_details_btn {
  border: none;
  background: transparent;
  color: white;
  margin-top: 50px;
  font-weight: 500;
  letter-spacing: 0.15em;
  margin-bottom: 0.5em;
}
.more_details_btn:hover {
  text-decoration: underline;
  text-decoration-color: currentColor;
  text-underline-position: 4px;
  color: #f5d74f;
}

/* our works section end */

/* our client section start */
.our-client {
  background-color: #fff;
}

.gallery-rollover {
  background: rgba(47, 99, 175);
  position: absolute;
  height: 99%;
  width: 100%;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  opacity: 0;
}

.zoom {
  overflow: hidden;
  padding: 0;
  margin: 10px;
  position: relative;
}

.zoom img {
  transition-duration: 4s;
  margin: 0 auto;
  display: block;
}

.zoom img:hover {
  transform: scale(1.4);
  -webkit-transform: scale(1.4);
  -moz-transform: scale(1.4);
  z-index: 0;
  background-color: #00c0ff;
}

.zoom img:hover .gallery-rollover {
  opacity: 1;
}

/* our client section end */

/* thankyou section start */
.thankyou-section {
  background: url(../images/thankyou.webp);
  background-repeat: no-repeat;
  padding: 80px 0 100px 0;
  text-align: left;
  position: relative;
  background-size: cover;
  background-position: center;
}

.free-consultation-inner-wrapper.thankyou {
  text-align: center;
  margin-top: 60px;
}

.thankyou-text {
  padding-top: 450px;
}

.thankyou-text .banner-content.thankyou-banner {
  margin-top: 40px;
}

.thankyou-text .banner-content p {
  font-size: 26px;
  font-weight: 600;
  color: #2f63af;
  letter-spacing: 0.6px;
  line-height: 1;
  margin-bottom: 0;
}

.thankyou-text .banner-content h2 {
  font-weight: 700;
  color: #2f63af;
  text-align: center;
  display: block;
  padding-top: 0;
  line-height: normal;
}

.free-consultation-inner-wrapper.thankyou .submit-btn .lets-chat {
  background: #2f63af;
  border: 1px solid #2f63af;
  border-radius: 20px;
  width: 250px;
  padding: 12px 11px;
  letter-spacing: 2px;
  font-size: 21px;
  cursor: pointer;
}

/* thankyou section end */

/* free consulttation section start */
.free-consultation {
  background: url(../images/consultation.webp);
  background-repeat: no-repeat;
  padding: 80px 0 100px 0;
  text-align: left;
  position: relative;
  background-size: cover;
}

.free-consultation-inner-wrapper h2 {
  letter-spacing: 1px;
  margin-bottom: 0px;
  padding-top: 50px;
  text-transform: none;
  font-size: 36px;
  line-height: 1.5em;
  display: flex;
  align-items: center;
  color: #fff;
}

.free-consultation-inner-wrapper .banner-content {
  padding-top: 20px;
}

.free-consultation-inner-wrapper p {
  color: #fff;
  font-weight: 20px;
}

.free-consultation-inner-wrapper .submit-btn .lets-chat {
  cursor: pointer;
  color: rgb(255, 255, 255);
  width: 200px;
  font-size: 21px;
  letter-spacing: 1px;
  height: auto !important;
  max-width: 100% !important;
  background: rgb(219, 120, 3);
  padding: 12px 20px;
  border: 1px solid rgb(219, 120, 3);
  border-radius: 42px;
  border-width: 2px !important;
  border-style: solid !important;
  border-image: initial !important;
  font-weight: 600;
  margin-top: 20px;
}

/* free consulttation section end */

/* pay per click page start */
/* ppc section start */
.ppc-why-choose-us {
  background: url(../images/whyChooseUs.webp);
  padding: 30px 0;
  background-color: #002e6c;
  background-size: cover;
  background-repeat: no-repeat;
  color: #fff;
}

.ppc-whychoose-us-inner-wrapper h2 {
  letter-spacing: 1px;
  margin-bottom: 0px;
  padding-top: 50px;
  text-transform: none;
  font-size: 36px;
  font-weight: 800;
  line-height: 1.5em;
  text-align: center;
}

.ppc-whychoose-us-inner-wrapper p {
  font-size: 20px;
  padding: 5px 0 5px 47px;
}

.ppc-whychoose-us-inner-wrapper div.submit-btn {
  padding: 5px 0 5px 47px !important;
}
.ppc-whychoose-us-inner-wrapper div.submit-btn.mobile_view {
  display: none;
}
.ppc-whychoose-us-inner-wrapper .row {
  padding: 0 80px;
}

.ppc-whychoose-us-inner-wrapper .row div {
  padding: 0 15px;
}

.ppc-whychoose-us-inner-wrapper .ppc-content {
  margin-top: 20px;
}

.ppc-whychoose-us-inner-wrapper .submit-btn .ppc_chooseus {
  cursor: pointer;
  color: rgb(255, 255, 255);
  width: 200px;
  font-size: 21px;
  letter-spacing: 1px;
  height: auto !important;
  max-width: 100% !important;
  background: rgb(219, 120, 3);
  padding: 12px 20px;
  border: 1px solid rgb(219, 120, 3);
  border-radius: 42px;
  border-width: 2px !important;
  border-style: solid !important;
  border-image: initial !important;
  font-weight: 600;
  margin-top: 20px;
}

.ppc-whychoose-us-inner-wrapper ul {
  padding-left: 50px !important;
  border-left: 1px solid rgba(255, 255, 255, 0.3);
  list-style: none;
  margin-top: 20px;
}

.ppc-whychoose-us-inner-wrapper ul li {
  font-size: 20px;
  position: relative;
  padding: 5px 0 5px 47px;
  margin-bottom: 12px;
}

.ppc-whychoose-us-inner-wrapper ul li::before {
  content: "\f00c";
  font-family: FontAwesome;
  color: #00c0ff;
  border: none;
  background-color: transparent;
  top: 10px;
  position: absolute;
  left: -3px;
}

/* ppc section end */
/* case studies section start */
.case-studies {
  background-color: #fff;
}

.case-studies-inner-wrapper .space-from {
  margin-top: 40px;
  padding: 20px;
  padding-bottom: 60px;
}

.case-studies-inner-wrapper .card {
  border: 1px solid #ecedee;
  box-shadow: 0 1px 5px 0 rgba(72, 73, 121, 0.15);
  border-radius: 30px !important;
  background-color: #fff;
  transition: 0.3s ease-in-out;
}

.case-studies-inner-wrapper .card img {
  height: 200px;
  aspect-ratio: 3 / 2;
  object-fit: cover;
  border-radius: 30px 30px 0px 0px;
}

/* case studies section end */
/* pay per click page end */

/* seo -agency page start */
/* Benifits section start */
.benefits {
  background: #002e6c;
  color: #fff;
}

.benifits-inner-wrapper .benifits-content {
  margin-top: 40px;
}

.benifits-inner-wrapper .benifits-content .content-list {
  margin-bottom: 25px;
}

.benifits-inner-wrapper .benifits-content .content-list ol {
  list-style: number;
}

.benifits-content h4 {
  margin-bottom: 15px;
  font-size: 28px;
  font-weight: 600;
}

.benifits-content p {
  font-size: 18px;
  letter-spacing: 0.7px;
  font-weight: 400;
  line-height: 35px;
}

/* Benifits section end */

/* quality seo service section start */
h4.wp-block-heading.seo_agency {
  display: flex;
  align-items: center;
}
span.seo_service_name {
  color: #2f63af;
  margin: 0;
  padding: 0;
  line-height: 1.2em;
  font-size: 1.5rem;
  word-break: break-word;
  padding-left: 5px;
}
span.seo_service_name::after {
  content: "\f054";
  font-family: "FontAwesome";
  position: absolute;
  width: 20px;
  height: 20px;
  font-size: 17px;
  padding-left: 5px;
  padding-top: 3px;
}

.column-date.seo_service img {
}
.column-date.seo_service {
  margin-bottom: 25px;
}
.column-data.seo_service p {
  width: 330px;
}
/* quality seo service section end */
/* seo service section start */
.title-content p.seo-servce {
  text-align: center;
}

/* seo service section end */
/* seo -agency page end */

/* internation seo service page start */

/* our international seo services section start */
.web-why-choose-inner-icon.our-marketing.international_seo_service {
  margin-left: 42%;
  margin-top: -77px;
  margin-bottom: 20px;
}
/* our international seo services section end */
/* internation seo service page end */

/* local seo agency page start */
.title-content p.local-seo {
  color: #fff;
  letter-spacing: 0.7px;
  font-weight: 400;
  line-height: 35px;
}

.content-list ul {
  margin-left: 30px;
}

.content-list ul li {
  font-size: 18px;
  letter-spacing: 0.7px;
  font-weight: 400;
  line-height: 35px;
  position: relative;
}

.content-list ul li::before {
  position: absolute;
  left: -24px;
  top: 13px;
  content: "";
  width: 7px;
  height: 7px;
  background: #00c0ff;
  border-radius: 50px;
}

.benifits-inner-wrapper .submit-btn input[type="button"] {
  cursor: pointer;
  color: rgb(255, 255, 255);
  width: 200px;
  font-size: 21px;
  letter-spacing: 1px;
  height: auto !important;
  max-width: 100% !important;
  background: rgb(219, 120, 3);
  padding: 12px 20px;
  border: 1px solid rgb(219, 120, 3);
  border-radius: 42px;
  border-width: 2px !important;
  border-style: solid !important;
  border-image: initial !important;
  font-weight: 600;
  margin-top: 20px;
}

/* local seo agency page end */

/* repuatation management page start */
/* why should invest section start */
.why-should-invest {
  background: #fff;
}

.title-content p.why-should {
  letter-spacing: 0.7px;
  font-weight: 400;
  line-height: 35px;
}

/* why should invest section end */
/* repuatation management page end */

/* social-media-marketing-agency page start */
.technology-inner-wrapper.social-media p.social-media-content {
  font-size: 18px;
  color: #5f5f5f;
  text-align: center;
}

.whychoose-us.media-service {
  margin-top: 0;
  background: #002e6c;
  color: #fff;
}

.whychoose-us.media-service p {
  color: #fff;
}

/* social-media-marketing-agency page end */

/* design copmpany page start */
.process-inner-wrapper .getresultData .rich-text p.design-content {
  font-size: 18px;
  color: #5f5f5f;
}

/* design process section start */
.design-process {
  background: #002e6c;
  color: white;
}

.process-step {
  padding: 30px;
}

.process-step .step-counts {
  counter-reset: step-counter;
  position: relative;
  padding-top: 13px;
  margin-bottom: 0px;
  display: flex;
  box-sizing: border-box;
}

.item-wrapper {
  background: rgba(255, 255, 255, 0.04);
  backdrop-filter: blur(12px);
  padding: 56px 0;
  border-radius: 32px;
  position: relative;
  margin-top: 25px;
  margin-bottom: 40px;
}

.item-wrapper::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border-radius: 32px;
  border: 1px solid transparent;
  background: linear-gradient(
      180deg,
      rgba(255, 255, 255, 0.2),
      rgba(255, 255, 255, 0.05)
    )
    border-box;
  -webkit-mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0);
  mask-composite: exclude;
}

.item-wrapper .item:not(:last-child) .d-md-flex {
  padding-bottom: 56px;
  border-bottom: 1px solid #ffd700;
  margin-bottom: 56px;
}

.item-wrapper .item .number {
  font-style: normal;
  font-weight: 400;
  font-size: 52px;
  line-height: 140%;
  text-transform: capitalize;
  margin-right: 32px;
}

/* design process section end */
/* design copmpany page end */

/* one stop digital sollution page start */
.content-list ul.one-stop-list {
  columns: 2;
  -webkit-columns: 2;
  -moz-columns: 2;
}

/* one stop digital sollution page end */

/* link building service page start */
.choose_us_heading {
  display: flex;
  align-items: center;
  gap: 15px;
  padding-bottom: 10px;
}
.choose_us_heading h3 {
  font-size: 22px;
  width: 100%;
  margin-bottom: 2px;
  font-weight: 600;
  color: #2f63af;
}
/* link building service page end */
/* SMM page start */
/* SMM services section start */
.choose-us-card .choose-us-content.SMM {
  text-align: start;
}

.choose-us-card .choose-us-content.SMM h3 {
  padding-left: 0px;
}

.choose-us-card .choose-us-content.SMM ul {
  margin-left: 30px;
}

.choose-us-card .choose-us-content.SMM ul li {
  font-size: 18px;
  letter-spacing: 0.7px;
  font-weight: 400;
  line-height: 35px;
  position: relative;
}

.choose-us-card .choose-us-content.SMM ul li::before {
  position: absolute;
  left: -24px;
  top: 13px;
  content: "";
  width: 7px;
  height: 7px;
  background: #00c0ff;
  border-radius: 50px;
}

/* SMM services section end */
/* SMM page end */

/* SEM page start */
.benefits.SEM {
  background-color: #fff;
  color: #2c2c2c;
}

/* SEM page end */

/* wordpress developemt page start */
.divider {
  position: absolute;
  background-image: url(../images/demo.svg);
  background-size: 100% 100px;
  bottom: -1px;
  height: 100px;
  z-index: 1;
  transform: scale(-1, 1);
  width: 100%;
}

.title-content ul {
  margin-left: 30px;
  text-align: start;
}

.title-content ul.key-benifits {
  display: flex;
  flex-wrap: wrap;
}

.title-content ul.key-benifits li {
  width: 50%;
}

.title-content ul li {
  font-size: 18px;
  letter-spacing: 0.7px;
  font-weight: 400;
  line-height: 35px;
  position: relative;
  color: #5f5f5f;
}

.title-content ul li::before {
  position: absolute;
  left: -24px;
  top: 13px;
  content: "";
  width: 7px;
  height: 7px;
  background: #00c0ff;
  border-radius: 50px;
}

/* wordpress developemt page end */

/* shofipy developemnt page start */
.thirdColumn.shopify.developement {
  margin-left: 39%;
}

.thirdColumn.shopify.developement ul.threeColumList {
  text-align: start;
}

.thirdColumn.shopify.developement ul.threeColumList li {
  font-size: 18px;
  letter-spacing: 0.7px;
  font-weight: 400;
  line-height: 35px;
  color: #fff;
}

/* shofipy developemnt page end */

/* digital marketing-services start */
.title-text p {
  font-size: 18px;
  color: #5f5f5f;
  text-align: center;
}

.our-service {
  margin-bottom: 40px;
}

.web-why-choose-inner-icon.our-marketing {
  display: flex;
  align-items: center;
  justify-content: center;
  float: none;
  margin-left: 37%;
}

.web-why-choose-inner-icon.our-marketing i {
  font-size: 40px;
  color: #2f63af;
}

.web-why-choose-us-inner-box:hover .web-why-choose-inner-icon.our-marketing i {
  color: #fff;
}

.web-why-choose-us-inner-box h3.our-marketing {
  float: none;
  width: 100%;
  margin-top: 25px;
  text-align: center;
  color: #2f63af;
}
.web-why-choose-us-inner-box h3.our-marketing a {
  text-decoration: none;
  color: #2f63af;
}
.web-why-choose-us-inner-box h3.our-marketing a:hover {
  text-decoration: underline;
}

.web-why-choose-us-inner-box p {
  font-size: 18px;
  color: #5f5f5f;
  text-align: center;
}

/* digital marketing-services end */

/* Our Digital Marketing Services start */
.digital-service {
  padding-top: 20px;
  padding-bottom: 50px;
}

.digital-inner-wrapper .img-wrapper,
.why-digital-inner-wrapper .img-wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
}

.service-inner-wrapper .whatwedo-column {
  margin: 0 auto;
  flex-wrap: wrap;
}

.service-inner-wrapper .whatwedo-column .column-data {
  position: relative;
  padding-top: 50px;
  padding-left: 65px;
}

.service-inner-wrapper .whatwedo-column .column-data img {
  position: absolute;
  left: 10px;
  top: 57px;
  color: #2f63af;
}

.service-inner-wrapper .whatwedo-column .column-data h4 a {
  text-decoration: underline;
}

.service-inner-wrapper .whatwedo-column .column-data p a {
  text-decoration: underline !important;
}

/* Our Digital Marketing Services end */
/* Why use digital marketing section start */
.why-digital {
  padding-top: 20px;
  padding-bottom: 50px;
  background: #fff;
}

.why-digital-inner-wrapper .list-menu {
  margin-top: 30px;
  padding-left: 50px;
}

.why-digital-inner-wrapper .list-menu ul {
  margin-left: 0;
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  list-style: circle;
}

.why-digital-inner-wrapper .list-menu ul li {
  width: 50%;
}

.why-digital-inner-wrapper .img-wrapper.money {
  padding-left: 20px;
}

/* Why use digital marketing section end */

/* Why choose section start  */
.why-choose {
  padding-top: 20px;
  padding-bottom: 50px;
}

.why-choose-inner-wrapper .rich-text {
  padding: 20px;
}

.why-choose-inner-wrapper .whatwedo-column {
  margin: 0 auto;
  flex-wrap: wrap;
}

.why-choose-inner-wrapper .whatwedo-column .column-data {
  position: relative;
  padding-top: 50px;
  padding-left: 65px;
}

.why-choose-inner-wrapper .whatwedo-column .column-data img {
  position: absolute;
  left: 10px;
  top: 57px;
  color: #2f63af;
}

/* Why choose section end */
/* Digital marketing page end */
/* ======================================================== */
/* ======================================================== */

/* SEO service page start */
/* About us section start */
.about-us {
  padding-top: 20px;
  padding-bottom: 50px;
  background: #fff;
}

.about-us .breadcumb {
  margin-bottom: 20px;
  border-bottom: 1px solid #ccc;
  position: relative;
  font-size: 14px;
  font-weight: 400;
}

.about-us .breadcumb::before {
  width: 0;
  height: 0;
  border-left: 15px solid transparent;
  border-right: 15px solid transparent;
  border-top: 15px solid #2f63af;
  position: absolute;
  content: "";
  text-align: center;
  left: 0;
  right: 0;
  margin: 0 auto;
  bottom: 0;
  z-index: 99;
  top: auto;
  display: block !important;
}

.about-us .breadcumb::after {
  position: absolute;
  content: "";
  left: 0;
  bottom: -13px;
  z-index: 9;
  background-repeat: no-repeat;
  border: solid #b1b4ae;
  border-width: 0px 1px 1px 0;
  display: inline-block;
  padding: 3px;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  width: 25px;
  height: 25px;
  background: none #fff;
  right: 0;
  margin: auto;
}

.breadcumb .wrap {
  padding: 16px 20px 25px 16px !important;
  font-size: 14px;
  font-weight: 400;
}

.breadcumb .wrap p {
  margin-bottom: 5px !important;
  margin-top: 0 !important;
  font-size: 14px;
  font-weight: 400;
  color: #2f63af;
  text-transform: uppercase;
  text-align: center;
}

.wrap p a {
  color: #2f63af;
  padding: 0 4px;
  font-size: 14px;
  font-weight: 700;
  text-decoration: none;
}

.wrap p a:hover {
  text-decoration: underline;
  color: #2f63af;
}

.wrap p span.breadcumb-last {
  font-weight: 400;
}

.about-us .landing-page .landing-page-inner-wrapper {
  margin: 20px;
}

.landing-page-inner-wrapper .row {
  margin-left: 0;
  margin-right: 0;
}

.landing-page-inner-wrapper .img-wrapper {
  margin-top: -29px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.landing-page-inner-wrapper .rich-text h3 {
  font-size: 32px;
}

.landing-page-inner-wrapper .rich-text h3 span {
  font-size: 30px;
  color: #433f34;
}

.landing-page-inner-wrapper .rich-text p {
  margin-left: 0 !important;
  font-size: 16px;
  line-height: 28px;
}

.landing-page-inner-wrapper .rich-text ul {
  list-style: circle;
}

.landing-page-inner-wrapper .rich-text ul li {
  margin-bottom: 10px;
}

/* About us section end */
/* Process section start */
.process {
  padding-bottom: 50px;
  margin-top: 30px;
}

.process-inner-wrapper .whatwedo-text {
  position: relative;
  border-bottom: 1px solid #b1b4ae;
  padding: 20px 20px 18px;
  margin-bottom: 0px;
}

.process-inner-wrapper .whatwedo-text::before {
  width: 0;
  height: 0;
  border-left: 15px solid transparent;
  border-right: 15px solid transparent;
  border-top: 15px solid #2f63af;
  position: absolute;
  content: "";
  text-align: center;
  left: -7px;
  right: 0;
  margin: 0 auto;
  bottom: 0;
  z-index: 99;
}

.process-inner-wrapper .whatwedo-text::after {
  position: absolute;
  content: "";
  left: 50%;
  bottom: -13px;
  margin-left: -16px;
  z-index: 9;
  background-color: #e3e4d9;
  background-repeat: no-repeat;
  border: solid #b1b4ae;
  border-width: 0px 1px 1px 0;
  display: inline-block;
  padding: 3px;
  transform: rotate(45deg);
  width: 25px;
  height: 25px;
}

.process-inner-wrapper .whatwedo-text h2 {
  font-size: 32px;
  font-weight: 700;
  text-align: center;
}

.process-inner-wrapper .whatwedo-text p {
  font-size: 20px;
  text-align: center;
  padding-right: 30px;
  padding-left: 30px;
}

.process-inner-wrapper .getresultData .card {
  min-height: 233px;
}

.process-inner-wrapper .getresultData .card .card-image {
  background-color: #2f63af;
}

.getresultData .card .card-body {
  text-align: center;
}

/* Process section end */
/* why choose us section start */
.choose-us {
  padding-top: 20px;
  padding-bottom: 50px;
  background: #fff;
}

.choose-us-inner-wrapper .whatwedo-text {
  position: relative;
  border-bottom: 1px solid #b1b4ae;
  padding: 20px 0 18px;
  margin-bottom: 0px;
}

.choose-us-inner-wrapper .whatwedo-text::before {
  width: 0;
  height: 0;
  border-left: 15px solid transparent;
  border-right: 15px solid transparent;
  border-top: 15px solid #2f63af;
  position: absolute;
  content: "";
  text-align: center;
  left: -7px;
  right: 0;
  margin: 0 auto;
  bottom: 0;
  z-index: 99;
}

.choose-us-inner-wrapper .whatwedo-text::after {
  position: absolute;
  content: "";
  left: 50%;
  bottom: -13px;
  margin-left: -16px;
  z-index: 9;
  background-color: #fff;
  background-repeat: no-repeat;
  border: solid #b1b4ae;
  border-width: 0px 1px 1px 0;
  display: inline-block;
  padding: 3px;
  transform: rotate(45deg);
  width: 25px;
  height: 25px;
}

.choose-us-inner-wrapper .whatwedo-text h2 {
  font-size: 32px;
  font-weight: 700;
  text-align: center;
}

.choose-us-inner-wrapper .whatwedo-text p {
  font-size: 20px;
  text-align: center;
  padding-right: 30px;
  padding-left: 30px;
}

.choose-us-inner-wrapper .whatwedo-column,
.seo-service-inner-wrapper .whatwedo-column {
  margin: 0 auto;
  flex-wrap: wrap;
}

.choose-us-inner-wrapper .column-data h4.wp-block-heading {
  text-align: center;
  margin-bottom: 10px;
}

.choose-us-inner-wrapper .column-data p {
  text-align: center;
}

/* why choose us section end */

/* SEO services section start */
.seo-services {
  padding-top: 20px;
  padding-bottom: 50px;
}

.seo-services .whatwedo-text h2 {
  font-size: 32px;
  font-weight: 700;
  text-align: center;
}

.seo-services .whatwedo-text h2 span {
  color: #2f63af;
}

.seo-services .whatwedo-text p {
  font-size: 20px;
  text-align: center;
  padding-right: 30px;
  padding-left: 30px;
}

.seo-service-inner-wrapper .whatwedo-column .column-data {
  position: relative;
  padding-top: 50px;
  padding-left: 65px;
}

.seo-service-inner-wrapper .whatwedo-column .column-data img {
  position: absolute;
  left: 10px;
  top: 57px;
  color: #2f63af;
}

/* SEO services section end */
/* help with SEO section start */
.help-section {
  padding-top: 20px;
  padding-bottom: 50px;
  background: #fff;
}

.help-section .whatwedo-text h2 {
  font-size: 32px;
  font-weight: 700;
  text-align: center;
  margin-top: 20px;
}

.help-section .whatwedo-text h2 span {
  color: #2f63af;
}

.content-container {
  margin-left: auto;
  margin-right: auto;
  max-width: 1300px !important;
  padding-left: 35px !important;
  padding-right: 35px !important;
  margin-top: 20px !important;
}

.content-container .items {
  border-top: 1px solid #eaeaea;
  border-left: 1px solid #eaeaea;
}

.content-container .item {
  padding: 35px;
  border-bottom: 1px solid #eaeaea;
  border-right: 1px solid #eaeaea;
  background-color: white;
}

/* help with SEO section end */

/* Testimonials section start */
.testimonials {
  padding-top: 50px;
  padding-bottom: 50px;
  background: #fff;
}

.testimonials .whatwedo-text h2 {
  font-size: 32px;
  font-weight: 700;
  text-align: center;
  margin-top: 20px;
}

.testimonials .whatwedo-text h2 span {
  color: #2f63af;
}

.testimonials .content-container {
  margin-top: 40px !important;
}

.testimonials .content-container .rich-text {
  text-align: center;
}

.testimonials .content-container .rich-text h3 {
  font-size: 18px;
  display: block;
  margin-bottom: 5px;
  line-height: 1.2em;
  font-weight: bold;
}

.testimonials .content-container .rich-text h4 {
  margin: 10px 0;
  color: #443f35;
  font-size: 18px;
  font-weight: 400;
}

.testimonials .content-container .rich-text p span {
  font-size: 18px;
  padding: 2px 5px;
  font-weight: normal;
  margin-bottom: 12px;
  display: inline-block;
  background-color: #f5d74f;
  color: #443f35;
  font-weight: 600;
}

.testimonials .content-container .rich-text p {
  margin-left: 0 !important;
  font-size: 16px;
  line-height: 28px;
  margin-bottom: 0;
  margin: 0 0 18px;
}

/* Testimonials section end */

/* FAQ section start */
.content-container .row {
  margin-left: 0;
  margin-right: 0;
}

.faq-section {
  padding-top: 50px;
  padding-bottom: 50px;
  background: #fff;
}

.faq-section .whatwedo-text h2 {
  font-size: 32px;
  font-weight: 700;
  text-align: center;
  margin-top: 20px;
}

.faq-list li {
  background: #fff;
  width: 100%;
  padding-left: inherit;
  margin: 0 40px 15px 0;
}

.faq-list li .faq-heading {
  font-size: 17px;
  line-height: 18px;
  font-weight: 600;
  color: #1b2b68;
  position: relative;
  cursor: pointer;
}

.faq-list li .faq-text-contents {
  font-size: 14px;
  line-height: 18px;
  color: #1b2b68;
}

.accordion {
  .accordion-item {
    border-bottom: 1px solid #e5e5e5;

    button[aria-expanded="true"] {
      border-bottom: 1px solid #03b5d2;
    }
  }

  button {
    position: relative;
    display: flex;
    align-items: center;
    width: 100%;
    color: #2f63af;
    font-size: 1.15rem;
    font-weight: 400;
    border: none;
    background: none;
    outline: none;

    &:hover,
    &:focus {
      cursor: pointer;
      /* color: #ffd700; */

      &::after {
        cursor: pointer;
        color: #2f63af;
        border: 1px solid #03b5d2;
      }
    }

    .accordion-title {
      padding: 15px;
    }

    .icon {
      display: inline-block;
      position: absolute;
      top: 18px;
      right: 10px;
      width: 22px;
      height: 22px;
      border: 1px solid;
      border-radius: 22px;

      &::before {
        display: block;
        position: absolute;
        content: "";
        top: 9px;
        left: 5px;
        width: 10px;
        height: 2px;
        background: currentColor;
      }

      &::after {
        display: block;
        position: absolute;
        content: "";
        top: 5px;
        left: 9px;
        width: 2px;
        height: 10px;
        background: currentColor;
      }
    }
  }

  button[aria-expanded="true"] {
    color: #03b5d2;

    .icon {
      &::after {
        width: 0;
      }
    }

    + .accordion-content {
      opacity: 1;
      max-height: 9em;
      transition: all 200ms linear;
      will-change: opacity, max-height;
      overflow-y: scroll;
    }
  }

  .accordion-content {
    opacity: 0;
    max-height: 0;
    overflow: hidden;
    transition: opacity 200ms linear, max-height 200ms linear;
    will-change: opacity, max-height;

    p {
      font-size: 1rem;
      font-weight: 300;
      margin: 15px;
    }
  }
}

/* FAQ section end */
/* SEO service page end */

/* ========================================================= */
/* ========================================================= */
/* ========================================================= */

/* Social Media Marketing page start */
/* How we begin section start */
.process-inner-wrapper .getresultData .card.how-begin {
  min-height: 336px;
}
/* How we begin section end */

/* SMM services section start */
.title-text h2.social_marketing {
  font-size: 35px;
  word-wrap: break-word;
}
/* SMM services section end */
/* Social media marketing section start */
.social-media {
  padding-bottom: 50px;
  background: #fff;
}

.social-media .whatwedo-text h2 {
  font-size: 32px;
  font-weight: 700;
  text-align: center;
  margin-top: 20px;
}

.social-media .whatwedo-text h2 span {
  color: #2f63af;
}

.social-media-inner-wrapper .list-menu ul {
  margin-left: 0;
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  list-style: circle;
}

.social-media-inner-wrapper .list-menu ul li {
  width: 50%;
}

/* Social media marketing section end */
/* Social platform section start */
.platform {
  padding-top: 50px;
  padding-bottom: 50px;
  background: #fff;
}

.platform .whatwedo-text h2 {
  font-size: 32px;
  font-weight: 700;
  text-align: center;
  margin-top: 20px;
}

.platform .whatwedo-text h2 span {
  color: #2f63af;
}

/* Social platform section end */
/* Social Media Marketing page end */

/* ==================================== */
/* ==================================== */

/* social media marketing agency page start */
/* social media services section start */
.choose-us-card .choose-us-content.social_media_agency {
  text-align: left;
}
.content_heading {
  display: flex;
  align-items: center;
  gap: 10px;
}
.content_heading .content_img_wrap {
  width: 85px;
  height: 75px;
  box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.2);
  border-radius: 100%;
  line-height: 75px;
  text-align: center;
  margin-top: -15px;
  background-color: #fff;
  float: left;
  transition: 0.3s ease-in-out;
}
/* social media services section end */
/* social media marketing agency page end */
/* ==================================== */
/* Search Engine Marketing page start */
/* About us section start */
.wrap h2 {
  margin-top: 20px;
  font-size: 32px;
  font-weight: 700;
  text-align: center;
  color: #2f63af;
}

.landing-page-inner-wrapper .rich-text h3.search-engine {
  text-align: right;
}

/* About us section end */
/* Search Engine Marketing page end */

/* Web Developement page start */
/* Process section start */
.process-inner-wrapper .whatwedo-text h2 span {
  color: #2f63af;
}

.process-inner-wrapper .getresultData .rich-text p {
  margin-left: 0 !important;
  font-size: 16px;
  line-height: 28px;
}

.process-inner-wrapper .getresultData .column-data h4 a::after {
  font-size: 17px;
  padding-left: 5px;
}

/* Process section end */

/* why choose us section start */
.choose-us.web-service {
  background-color: #fff;
}

.choose-us-inner-wrapper .whatwedo-text h2 span {
  color: #2f63af;
}

.choose-us-inner-wrapper .getresultData {
  align-items: center;
  padding: 0 50px;
  padding-top: 35px;
  margin: auto;
  max-width: 1170px;
}

.web-why-choose-us-inner-box {
  border: 1px solid #ecedee;
  box-shadow: 0 1px 5px 0 rgba(72, 73, 121, 0.15);
  margin-top: 50px;
  border-radius: 10px;
  padding: 20px;
  background-color: #fff;
  transition: 0.3s ease-in-out;
}

.web-why-choose-us-inner-box:hover {
  border: 1px solid #2f63af;
}

.web-why-choose-us-inner-box:hover .web-why-choose-inner-icon {
  background-color: #2f63af;
}

.web-why-choose-inner-icon {
  width: 75px;
  height: 75px;
  box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.1);
  border-radius: 100%;
  line-height: 75px;
  text-align: center;
  margin-top: -57px;
  background-color: #fff;
  float: left;
  transition: 0.3s ease-in-out;
}

.web-why-choose-inner-icon svg {
  width: 44px;
  height: 44px;
}

.web-why-choose-us-inner-box h3 {
  font-size: 20px;
  width: calc(100% - 75px);
  float: left;
  padding-left: 10px;
  margin-bottom: 15px;
  font-weight: 500;
}

.web-why-choose-us-inner-box p {
  font-size: 16px;
  line-height: 28px;
}

/* why choose us section end */
/* technology used section start */
.technology {
  padding-top: 20px;
  padding-bottom: 50px;
  background: #fff;
}

.technology-inner-wrapper .whatwedo-text h2 {
  font-size: 32px;
  font-weight: 700;
  text-align: center;
  margin-top: 20px;
}

.technology-inner-wrapper .whatwedo-text h2 span {
  color: #2f63af;
}

.wrapper {
  width: 100%;
  padding-top: 20px;
  text-align: center;
}

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

.slick-slide img {
  width: 100%;
  aspect-ratio: 5/2;
  object-fit: contain;
  mix-blend-mode: color-burn;
}
.slick-slide img.social_media_img {
  width: 100%;
}

.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -khtml-user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}

.slick-list {
  position: relative;
  display: block;
  overflow: hidden;
  margin: 0;
  padding: 0;
}

.slick-list:focus {
  outline: none;
}

.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.slick-track {
  position: relative;
  top: 0;
  left: 0;
  display: block;
}

.slick-track:before,
.slick-track:after {
  display: table;
  content: "";
}

.slick-track:after {
  clear: both;
}

.slick-loading .slick-track {
  visibility: hidden;
}

.slick-slide {
  display: none;
  float: left;
  height: 100%;
  min-height: 1px;
}

[dir="rtl"] .slick-slide {
  float: right;
}

.slick-slide img {
  display: block;
}

.slick-slide.slick-loading img {
  display: none;
}

.slick-slide.dragging img {
  pointer-events: none;
}

.slick-initialized .slick-slide {
  display: block;
}

.slick-loading .slick-slide {
  visibility: hidden;
}

.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
  display: none;
}

.client-slider {
  padding-top: 40px;
  padding-bottom: 40px;
}

.carousel {
  width: 90%;
  margin: 0px auto;
}

.slick-slide {
  margin: 20px;
}

.slick-slide img.logo_img {
  width: 100%;
  aspect-ratio: 5 / 2;
  object-fit: contain;
  mix-blend-mode: color-burn;
}

.wrapper .slick-dots li button:before {
  font-size: 20px;
  color: white;
}

/* technology used section end */
/* Web Developement page end */

/* ================================= */
/* Mobile Application page start */
/* mobile app developement section start */
.thirdColumn {
  padding-top: 34px !important;
  padding-left: 25px;
}

.thirdColumn li {
  margin-bottom: 20px !important;
  position: relative;
  list-style: none;
  max-width: 50%;
}

.thirdColumn li::before {
  height: 8px;
  width: 8px;
  border: 2px solid #2f63af;
  content: "";
  position: absolute;
  display: inline-block;
  left: -25px;
  top: 5px;
  background-color: #2f63af;
  border-radius: 50%;
}

/* mobile app developement section end */
/* Mobile Application page end */

/* ==================================================== */
/* ==================================================== */
/* Wordpress developement page start */
/* about us section start */
.landing-page-inner-wrapper .img-wrapper img.wp_img {
  width: 100%;
}

/* about us section end */
/* Wordpress developement page end */

/* =========================================================== */
/* =========================================================== */
/* Shopify developement page start */
/* About us section start */
.thirdColumn.shopify {
  padding-top: 10px !important;
}

.thirdColumn.shopify li {
  max-width: 100%;
}

.thirdColumn.shopify li::before {
  content: "\f00c";
  font-family: FontAwesome;
  color: #00c0ff;
  border: none;
  background-color: transparent;
  top: 2px;
}

/* About us section end */
/* Why choose section start */
.web-why-choose-us-inner-box h3.shopify-heading {
  float: none;
  padding-left: 0;
}

.web-why-choose-us-inner-box h3.graphic-design {
  padding-left: 0;
  text-align: center;
  width: 100%;
}

/* Why choose section end */
/* Shopify developement page end */
/* ===================================================== */
/* ===================================================== */
/* Software developement page start */
/* Why choose us sectyion start */
.advantages__wrapper {
  display: flex;
  justify-content: space-between;
  padding-top: 35px;
}

.advantages__option-wrapper {
  display: flex;
  align-items: center;
  margin-bottom: 42px;
}

.advantages__icon {
  margin-right: 16px;
}

.advantages__option {
  font-weight: 600;
  margin-bottom: 0;
}

.web-why-choose-us-inner-box h3.software {
  float: none;
  padding-left: 0;
  margin-bottom: 0;
  font-size: 20px;
  text-align: center;
  font-weight: 700;
  width: 100%;
}

/* Why choose us sectyion end */
/* Software developement page end */
/* ================================================ */
/* ================================================ */
/* Web Design page start */
/* process section start */
.process-inner-wrapper .getresultData .card.how-begin.web-design {
  min-height: 300px;
}

/* process section end */
/* website launches section start */
.launches {
  padding-top: 50px;
  padding-bottom: 50px;
  background: #fff;
}

.launches .whatwedo-text h2 {
  font-size: 32px;
  font-weight: 700;
  text-align: center;
  margin-top: 20px;
}

.launches .whatwedo-text h2 span {
  color: #2f63af;
}

.website-name {
  font-size: 25px;
  text-align: center;
  color: #2f63af;
}

/* website launches section end */
/* Web Design page end */

/* Google ads agency page start */
/*  types of google ad section start */
.types-of-google-ad {
  background: #e3f2fd;
}

.google-ad-inner-wrapper {
  padding: 50px;
}

.google-ad-img-inner-wrapper {
  padding: 20px;
}

.google-ad-inner-wrapper .google-ad-text {
  position: relative;
}

.google-ad-inner-wrapper .google-ad-text h4 {
  font-weight: 700;
  font-size: 25px;
  width: 100%;
  margin-bottom: 15px;
  color: #2f63af;
}

.google-ad-inner-wrapper .google-ad-text p {
  font-size: 18px;
  color: #5f5f5f;
}

.google-ad-text .google-step {
  position: absolute;
  left: -33px;
  top: 40px;
}

.google-ad-text .google-step p {
  transform: rotate(-90deg);
  font-size: 30px;
  font-weight: 600;
  line-height: 2em;
  color: #2f63af;
}

.google-ad-text .google-step p::before {
  content: "";
  display: block;
  border-left: 4px solid #2f63af;
  width: 4px;
  position: absolute;
  height: 40px;
  bottom: 11px;
  left: -31px;
  transform: rotate(-90deg);
}

.google-ad-img-inner-wrapper .choose-us-card {
  box-shadow: 0 10px 35px rgb(0 0 0 / 11%);
  border: none;
}

/*  types of google ad section end */
/* Google ads agency page end */

/* dental digital service section start */
.web-why-choose-inner-icon.our-marketing.dental_service {
  margin-left: 33%;
  margin-top: -77px;
  margin-bottom: 20px;
}
/* dental digital service section end */

/* About us page start */
/* banner section start */
.banner-wrapper.aboutus {
  background-image: url(/assests/images/page-title-bg.webp);
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
padding-top: 70px;
    padding-bottom: 80px;
  background-blend-mode: soft-light;
}

.about-area-content span {
  font-size: 14px;
  color: #833e0c;
  font-weight: 500;
  text-transform: uppercase;
}

.about-area-content h2 {
  margin-bottom: 18px;
  text-align: initial;
  margin: 10px 0 15px;
  position: relative;
  padding-bottom: 10px;
}

.about-area-content h2::before {
  position: absolute;
  content: "";
  height: 3px;
  width: 80px;
  background-color: #002e6c;
  bottom: -8px;
  left: 0;
  margin: auto;
}

.about-area-content h2::after {
  position: absolute;
  content: "";
  height: 3px;
  width: 32px;
  background-color: #f5d74f;
  bottom: -8px;
  margin: 0 auto;
  left: -300px;
  right: 0;
}

.about-area-content p {
  font-size: 16px;
  color: #2e2e2f;
  font-weight: 400;
  margin: 15px 0 0;
}

.about-area-content .submit-btn .button_submission {
  cursor: pointer;
  color: rgb(255, 255, 255);
  width: 200px;
  font-size: 21px;
  letter-spacing: 1px;
  height: auto !important;
  max-width: 100% !important;
  background: rgb(219, 120, 3);
  padding: 12px 20px;
  border: 1px solid rgb(219, 120, 3);
  border-radius: 42px;
  border-width: 2px !important;
  border-style: solid !important;
  border-image: initial !important;
  font-weight: 600;
  margin-top: 20px;
}

.about-area-content li {
  margin-bottom: 20px;
}

.about-area-content li h4 {
  color: #002e6c;
}

.about-area-content li p.list_data {
  color: #696e7b;
  font-weight: 400;
  line-height: 32px;
  font-size: 16px;
  display: flex;
}

.about-area-content li p.list_data::before {
  color: white;
  font-size: 20px;
  content: "\f058";
  margin-right: 10px;
  width: 20px;
  height: 20px;
  background: #0066ff;
  line-height: 20px;
  border-radius: 50%;
  text-align: center;
  font-family: "Font Awesome 5 Free";
  margin-top: 8px;
}

.core_features {
  padding-left: 20px;
  color: #696e7b;
}

.about-area-content h2.core_features_heading::after {
  left: -76%;
}

.show_more_btn {
  text-align: center;
  margin-top: 5px;
  margin-bottom: 10px;
}
.show_more_btn button {
  cursor: pointer;
  color: rgb(255, 255, 255);
  width: 200px;
  font-size: 21px;
  letter-spacing: 1px;
  height: auto !important;
  max-width: 100% !important;
  background: rgb(219, 120, 3);
  padding: 12px 20px;
  border: 1px solid rgb(219, 120, 3);
  border-radius: 42px;
  border-width: 2px !important;
  border-style: solid !important;
  border-image: initial !important;
  font-weight: 600;
  margin-top: 20px;
}
/* banner section end */
/* About us page end */

/* portfolio section start */
.portfolio_segmengt {
  background-color: #ffffff;
  padding-top: 50px;
  padding-bottom: 80px;
}

.portfolio_heading h2 {
  margin-bottom: 18px;
  text-align: center;
  margin: 20px;
  position: relative;
  padding-bottom: 10px;
  font-size: 44px;
  color: #000;
  font-weight: 600;
}

.portfolio_heading p {
  font-size: 22px;
  color: #2e2e2f;
  font-weight: 500;
  margin: 15px 0 0;
  text-align: center;
}

.portfolio_tabs {
  padding-top: 100px;
}

.tab-titles {
  display: flex;
  margin: 20px 0 80px;
  justify-content: space-between;
}

.tab-links {
  font-size: 20px;
  font-weight: 600;
  cursor: pointer;
  position: relative;
  color: #1e266d;
}

.tab-links::after {
  content: "";
  width: 0;
  height: 3px;
  background-color: #f5d74f;
  position: absolute;
  left: 0;
  bottom: -8px;
  transition: 0.5s;
}

.tab-links.active-link::after {
  width: 100%;
}

.tab-contents {
  display: none;
}

.tab-contents.active-tab {
  display: block;
}

.card {
  margin: 0 15px 30px;
  border: 1px solid #ecedee !important;
  box-shadow: 0 1px 5px 0 rgba(72, 73, 121, 0.15);
  background-color: #fff !important;
  transition: transform 0.3s;
  border-radius: 10px !important;
}
.card img {
  border-radius: 10px;
}
.card:hover {
  transform: scale(1.05);
}

.modal-dialog.content_details {
  max-width: 800px;
}

.modal-dialog.content_details .modal-header {
  border-bottom: none;
}
.modal-dialog.content_details .modal-footer {
  border-top: none;
}

/* portfolio section end */

/* refund policy page start */
.refund_policy {
  background-color: #fff;
  padding-top: 50px;
  padding-bottom: 30px;
}

.refund_policy h2 {
  margin-bottom: 18px;
  text-align: center;
  margin: 10px 0 15px;
  position: relative;
  padding-bottom: 10px;
  font-size: 45px;
  color: #1e266d;
}

.refund_policy p {
  font-size: 18px;
  color: #2e2e2f;
}

/* refund policy page end */

/* hire backend developer page start */
/* kickstart section start */
.kickstart_digital {
  padding: 40px 0;
  background: #f5f5f5;
}
.aboutuswrapper h2 {
  letter-spacing: 1px;
  margin-bottom: 20px;
  padding-top: 50px;
  text-transform: none;
  font-size: 36px;
  font-weight: 700;
  line-height: 1.5em;
  color: #2f63af;
}
.aboutuswrapper h4{
  letter-spacing: 1px;
  margin-bottom: 20px;
  padding-top: 30px;
  text-transform: none;
  font-size: 26px;
  font-weight: 700;
  line-height: 1.5em;
  color: #2f63af;
}
.aboutuswrapper p {
  font-size: 18px;
  color: #5f5f5f;
}
.aboutuswrapper ul{
  margin-left: 20px;
}
.aboutuswrapper ul li{
  font-size: 18px;
  color: #5f5f5f;
  text-indent: -13px;
}
.aboutuswrapper ul li::before{
  content: "\2022";
  color: #002e6c;
  font-weight: 700;
  display: inline-block;
  width: 9px;
  font-size: 20px;
  margin-right: 0px;
}
/* kickstart section end */
/* expertises section start */
.expertise_backend {
  background: #f8f8f8;
  padding: 40px 0;
}
.expert_segment {
  padding-right: 50px !important;
  margin-top: 50px !important;
}
.expertise_box {
  height: 100%;
  transition: all 0.3s ease-in-out;
  position: relative;
  background: rgba(255, 255, 255, 0.5);
}
.expertise_box h3 {
  font-size: 20px;
  line-height: 30px;
  font-weight: 600;
  color: #3f3f3f;
  margin: 0 0 20px;
  padding-top: 20px;
  padding: 10px;
  border-image-slice: 1;
  border-image-source: linear-gradient(to right, #2f63af, #ffd700);
  border-top: 4px solid;
}
.expertise_box p {
  font-size: 18px;
  color: #5f5f5f;
  padding: 0 10px;
}
/* expertises section end */

/* try before commit later section start */
.commit_later {
  background: #002e6c;
  color: #fff;
  padding: 70px 0;
}
.button_segment {
  display: flex;
  align-items: baseline;
  position: relative;
  flex-wrap: wrap;
  justify-content: center;
}
.btn-sec {
  display: flex;
  align-items: center;
  position: relative;
}
.btn-sec a{
  text-decoration: none;
}
.btn-sec button {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  font-size: 18px;
  background-color: transparent;
  color: #fff;
  border: 1px solid #fff;
  padding: 3px 2px 3px 30px;
  border-radius: 7px;
  font-weight: 500;
  position: relative;
  border-radius: 50px;
  transition: all 0.3s ease;
}
.btn-sec button i {
  border-radius: 50px;
  background-color: #fff;
  color: #002e6c;
  padding: 15px;
  margin-left: 10px;
}
.btn-sec button:hover {
  background-color: #ffad00;
  color: #002e6c;
}
.btn-sec button:hover i {
  color: #002e6c;
  background-color: transparent;
}
.button_segment .devide {
  padding: 0 10px;
  display: inline-block;
  position: relative;
  color: #ffffff;
  opacity: 0.3;
  font-size: 12px;
}
.button_segment .devide::before {
  content: "";
  clear: both;
  display: block;
  width: 1px;
  height: 16px;
  position: absolute;
  background: #ffffff;
  top: -20px;
  left: 19px;
  opacity: 0.3;
}
.button_segment .devide::after {
  content: "";
  clear: both;
  display: block;
  width: 1px;
  height: 16px;
  background: #ffffff;
  position: absolute;
  bottom: -20px;
  left: 19px;
  opacity: 0.3;
}
.free_call a {
  color: #ffffff;
  opacity: 0.5;
  text-decoration: underline;
  font-size: 18px;
}
.free_call a:hover {
  opacity: 1;
}
/* try before commit later section end */

/* robust tech stack section start */
.robust_tech {
  background: url(../images/robust_pic.png);
  background-repeat: no-repeat;
  height: auto;
  padding: 50px 0;
  background-size: cover;
  background-position: right top;
}
.technology-stack {
  margin-top: 20px;
  height: 90%;
}
.technology-stack ul {
  list-style: none;
  background: #fff;
  border-radius: 20px;
  padding: 0;
  height: 100%;
  -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.2);
  box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.2);
  padding-left: 0;
}
.technology-stack.js_developer ul{
  height: auto;
}
.technology-stack ul li:first-child {
  padding: 0 !important;
  border: none;
  margin: 0;
  display: initial;
}
.technology-stack ul li:last-child {
  border: none;
}
.technology-stack ul h4 {
  color: #fff;
  font-size: 22px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  background: #45187e;
  padding: 13px 15px;
  border-radius: 16px 16px 0 0;
}
.technology-stack ul li {
  position: relative;
  left: 0;
  border-bottom: 1px solid #d9d9d9;
  padding: 12px 8px 12px 42px !important;
  margin: 0 15px;
  font-size: 15px;
  display: flex;
  color: #000;
  align-items: center;
}
.technology-stack ul li img {
  position: absolute;
  left: 0;
  width: 32px !important;
  height: 32px !important;
  margin-right: 20px !important;
  object-fit: contain;
}
/* robust tech stack section end */
/* build smater section start */
.build_smarter{
  background: #002e6c;
  color: #fff;
  padding: 70px 0;
}
.dis-flex{
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.dis-flex .left-sec {
  flex-basis: 40%;
}
.head-txt h2{
    font-size: 32px;
    line-height: 44px;
    z-index: 7;
    position: relative;
}
.head-txt p{
  margin-top: 20px;
  line-height: 26px;
  z-index: 7;
  position: relative;
}
.button_segment.build{
  justify-content: flex-start;
}
.dis-flex .right-sec {
  flex-basis: 45%;
}
.dis-flex .right-sec .cir-sec {
  display: flex;
  width: 100%;
  justify-content: space-around;
  flex-direction: row;
  gap: 1rem;
  overflow: hidden;
}
.dis-flex .right-sec .cir-sec .cir-box {
  display: flex;
  width: 30%;
  justify-content: center;
}
.cir-box .text-wrap {
  width: 100%;
  padding: 20px;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  display: flex;
  position: relative;
  aspect-ratio: 1 / 1;
}
.cir-box .text-wrap .display {
  color: #fff;
  font-size: 24px;
  line-height: 1.3;
  font-weight: 600;
  text-align: center;
}
.cir-box .text-wrap .paragraph {
  font-size: 14px;
  color: rgba(255, 255, 255, 0.55);
  font-weight: 600;
  text-align: center;
  line-height: 22px;
}
.cir-box .text-wrap .wheel-sc {
  position: absolute;
  line-height: 1.5rem;
  padding: 0.625em;
  padding: 0.625em;
  overflow: visible;
  letter-spacing: 6px;
}
@keyframes counterclockwise {
  0% {
    transform: rotate(0deg);
}
100% {
    transform: rotate(-1turn);
}
}
.animate-spin-slow {
  animation: counterclockwise 22s linear infinite;
}
.cir-box .text-wrap .fill-text {
  fill: rgba(155, 155, 155, 0.29);
  font-size: 10px;
}
/* build smater section end */

/* how to hire section start */
.how_to_hire{
  padding: 70px 0;
  background-color: #fff;
}
/* how to hire section end */

/* competent backend section start */
.competent_backend{
  padding: 70px 0;
  background: #f5f5f5;
}
.industry_segment{
  padding-top: 2.5rem;
}
.box-center{
  padding: 0 .938rem;
  width: auto !important;
}
.development_process_box {
  margin-left: auto;
  margin-right: auto;
  border-radius: 1rem;
  padding: 1rem .25rem;
  text-align: center;
  width: 10.5rem;
  border: 4px solid #627175;
}
.border-customcolor-0{
  --tw-border-opacity: 1;
  border-color: rgba(98, 113, 117, var(--tw-border-opacity));
}
.border-customcolor-10 {
  --tw-border-opacity: 1;
  border-color: rgba(246, 100, 95, var(--tw-border-opacity));
}
.border-customcolor-15 {
  --tw-border-opacity: 1;
  border-color: rgba(7, 190, 197, var(--tw-border-opacity));
}
.border-customcolor-25 {
  --tw-border-opacity: 1;
  border-color: rgba(155, 155, 155, var(--tw-border-opacity));
}
.border-customcolor-20 {
  --tw-border-opacity: 1;
  border-color: rgba(143, 73, 129, var(--tw-border-opacity));
}
.border-customcolor-30 {
  --tw-border-opacity: 1;
  border-color: rgba(241, 159, 34, var(--tw-border-opacity));
}
.border-customcolor-35 {
  --tw-border-opacity: 1;
  border-color: rgba(146, 213, 0, var(--tw-border-opacity));
}
.border-customcolor-40 {
  --tw-border-opacity: 1;
  border-color: rgba(172, 148, 125, var(--tw-border-opacity));
}
.border-customcolor-50 {
  --tw-border-opacity: 1;
  border-color: rgba(69, 62, 83, var(--tw-border-opacity));
}
.h-full{
  height: 100%;
}
.box-center:nth-child(n+7) {
  margin-top: 2.5rem;
}
.development_process_box span {
  margin-bottom: -.625rem;
  display: block;
  padding-left: .75rem;
  text-align: left;
  color: #403e3f4d;
  font-size: 1.375rem;
  line-height: 2rem;
}
.development_process_box img {
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
}
.development_process_box .subtitle p {
  padding: .625rem 0;
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 600;
}
/* competent backend section end */

/* why hire section start */
.why_hire{
  padding: 50px 0;
  background: #fff;
  position: relative;
}
.hire_dedicated{
  max-height: 800px;
  overflow: hidden;
  position: relative;
}
.hire_dedicated .row .col-lg-6{
  padding-left: 0;
  padding-right: 0;
}
.why-left{
  padding: 50px;
  position: relative;
  background: #45187e;
  border-radius: 12px 0 0 12px;
  height: 100%;
}
ul.whywrapper {
  padding-left: 0;
  margin-top: 20px;
}
.whywrapper li {
  background: #fff;
  width: 100%;
  padding: 10px;
  margin-bottom: 8px;
  font-family: inter, sans-serif;
  font-size: 20px;
  font-weight: 500;
  line-height: 33px;
  color: #000;
  list-style-type: none;
  display: flex;
  align-items: start;
  gap: 5px;
  border: 1px solid #e8e8e8;
  border-radius: 12px;
}
ul.whywrapper img {
  width: 7%;
  padding: 0px 4px;
  filter: none;
}
.countermainwrapper {
  position: absolute;
  bottom: 130px;
  left: 100px;
  z-index: 0;
  width: 88%;
  margin: 0 auto;
}
.containermaininnerwrapper {
  display: flex;
  width: 100%;
  flex-wrap: wrap;
  background: #fff;
  border-radius: 12px;
  padding-top: 20px;
  box-shadow: 0 4px 27px 0 #00000014;
}
.containermaininnerwrapper .counter-inner {
  display: flex;
  align-items: start;
  padding: 0 24px;
}
.containermaininnerwrapper .counter-inner figure {
  margin: 0;
}
.containermaininnerwrapper .counter-inner .counting_txt {
  margin-left: 15px;
}
.counter-inner h4 {
  font-size: 50px;
  font-weight: 500;
  color: #45187e;
  margin-bottom: 0;
}
.counter-inner p {
  font-family: inter, sans-serif;
  font-size: 20px;
  font-weight: 500;
  line-height: 26px;
  letter-spacing: 0;
  text-align: left;
  color: #8d8d8d;
}
/* why hire section end */
/* hire backend developer page end */

/* it staff agumentation page start */
/* banner section start */
.banner-content li{
  color: #fff !important;
  font-size: 20px !important;
  text-shadow: none;
  font-weight: 400;
  text-transform: initial;
  line-height: 27px;
  margin-bottom: 10px;
}
.banner-content li::before{
  content: "\2022";
  color: #fff;
  font-weight: 700;
  display: inline-block;
  width: 11px;
  font-size: 20px;
  margin-right: 10px;
}
/* banner section end */

/* staff agumentation section start */
.staff_augmentation{
  background-color: #fff;
  padding: 70px 0 10px;
}
.title_content p{
  font-weight: 400;
  text-transform: initial;
  line-height: 27px;
  /* margin-bottom: 40px; */
  font-size: 18px;
}
.title_content h4{
  color: #002e6c;
}
.title_content p.list_para{
  margin-bottom: 10px;
}
.title_content ul{
  list-style: disc;
  padding-left: 1rem !important;
}
.title_content ul li{
  margin-bottom: 10px;
}
/* staff agumentation section end */

/* types resource section start */
.types_resource{
  background-color: #fff;
  padding: 40px 0;
}
/* types resource section end */

/* business excellence section start */
.business_excellence{
  padding: 50px 0;
  background: url(../images/automation-solution-bg.webp);
  background-position: center right;
  background-size: cover;
  background-attachment: fixed;
  background-color: #fff;
 padding: 40px 0;
}
.Solutions-boxs {
  border-radius: 48px 8px;
  border: 1px solid var(--neutral-n-700, #E2E2E2);
  background: var(--extremes-white, #FFF);
  box-shadow: 4px 4px 15px 0 rgba(0, 0, 0, .1);
  padding: 20px;
  display: flex;
  height: 100%;
  padding: 20px 24px 35px;
  flex-direction: column;
  align-items: flex-start;
  gap: 8px;
  transition: all .5s ease-out;
  position: relative;
}
.Solutions-boxs .sol-img {
  display: inline-block;
  padding: 10px;
  background: #002e6c;
  border-radius: 12px;
}
.Solutions-boxs .sol-img img {
  filter: brightness(0) invert(1);
}
.Solutions-boxs h4 {
  color: #000;
  font-size: 24px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  background-clip: text;
  -webkit-background-clip: text;
}
.Solutions-boxs p{
  font-size: 16px;
}
.Solutions-boxs:hover {
  background: #002e6c;
  border-radius: 8px 48px;
}
.Solutions-boxs:hover .sol-img {
  background: white !important;
}
.Solutions-boxs:hover h4,  .Solutions-boxs:hover p,  .Solutions-boxs:hover a {
  color: #fff;
}
.Solutions-boxs:hover .sol-img img {
  filter: brightness(0);
}
/* business excellence section end */

/* scale_up_business section start */
.scale_up_business{
  background-color: #fff;
  padding: 40px 0;
}
/* scale_up_business section end */

/* outsourching cooperation section start */
.outsourcing_cooperation{

}
/* outsourching cooperation section end */

/* our it staff augumentation section start */
.our_it_staff{
  background-color: #fff;
  padding: 40px 0;
  position: relative;
  z-index: 1;
}
.processleft {
  position: sticky;
  top: 1px;
}
.howwework-sec h3 {
  color: #19110d;
  font-size: 32px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  margin-bottom: 20px;
}
.howwework-sec p {
  font-size: 16px;
}
.processright {
  max-height: 331px;
  overflow-y: scroll;
}
 .processright ul {
  list-style-type: disc;
    position: relative;
    list-style-type: none;
    padding-left: 26px;
    margin-top: 0;
}
.processright ul::after {
  border: 1px dashed #000;
  content: "";
  position: absolute;
  top: 25px;
  width: 1px;
  left: 31px;
  z-index: 0;
  height: 88%;
}
.processright ul li {
    width: 100%;
    padding: 0 10px 30px;
    position: relative;
    background: #fff;
    margin-right: 20px;
    transition: .3s;
    display: flex;
    flex-wrap: wrap;
}
.img-homesec {
  display: inline-block;
  position: relative;
  z-index: 10;
  width: 72px;
}
.processright .img-homesec img {
  background: #002e6c;
  padding: 17px;
  border-radius: 10px;
  z-index: 1;
  position: relative;
}
.processright-sec {
  padding-left: 25px;
  width: 86%;
}
.processright-sec h4 {
  text-align: left;
  font-size: 20px;
  font-weight: 600;
  margin: 0 0 20px;
}
ul li p {
  padding: 0;
  font-size: 16px;
  text-align: left;
}
.processright::-webkit-scrollbar {
  width: 10px;
}
.processright::-webkit-scrollbar-thumb {
  background: #002e6c;
}
.processright::-webkit-scrollbar-track {
  background: #f1f1f1;
}
/* our it staff augumentation section end */

/* best suited talent section start */
.best_suited_talent{
  background: url(../images/find-the-best.webp);
  padding: 70px 0;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  color: #fff;
}
.best_suited_talent::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background: #002e6cb3;
  color: #fff;
}
/* best suited talent section end */

/* testimonial section start */
.testimonial .testimonial-content {
  padding: 35px 25px 35px 50px;
  margin-bottom: 35px;
  background: #fff;
  position: relative;
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
}
.testimonial .testimonial-content:before {
  content: "";
  position: absolute;
  bottom: -30px;
  left: 0;
  border-top: 15px solid #718076;
  border-left: 15px solid transparent;
  border-bottom: 15px solid transparent;
}
.testimonial .testimonial-content:after {
  content: "";
  position: absolute;
  bottom: -30px;
  right: 0;
  border-top: 15px solid #718076;
  border-right: 15px solid transparent;
  border-bottom: 15px solid transparent;
}
.testimonial-content .testimonial-icon {
  width: 50px;
  height: 45px;
  background: #002e6c;
  text-align: center;
  font-size: 22px;
  color: #fff;
  line-height: 42px;
  position: absolute;
  top: 37px;
  left: -19px;
}
.testimonial-content .testimonial-icon:before {
  content: "";
  border-bottom: 16px solid #002e6c;
  border-left: 18px solid transparent;
  position: absolute;
  top: -16px;
  left: 1px;
}
.testimonial .description {
  font-size: 15px;
  font-style: italic;
  color: #8a8a8a;
  line-height: 23px;
  margin: 0;
}
.testimonial .title {
  display: block;
  font-size: 18px;
  font-weight: 700;
  color: #525252;
  text-transform: capitalize;
  letter-spacing: 1px;
  margin: 0 0 5px 0;
}
.testimonial .post {
  display: block;
  font-size: 14px;
  color: #0cca4a;
}
.review_rate {
  display: flex;
  justify-content: space-between;
}
.patient__info {
  display: flex;
  align-items: center;
  gap: 10px;
}
.patient__info img {
  width: 50px;
  border-radius: 50%;
}
.slick-slide img.testimonial_pic{
  width: auto;
  object-fit: contain;
  mix-blend-mode: darken;
}
.star {
  position: relative;

  display: inline-block;
  width: 0;
  height: 0;

  margin-left: 0.9em;
  margin-right: 0.9em;
  margin-bottom: 1.2em;

  border-right: 0.3em solid transparent;
  border-bottom: 0.7em solid #fc0;
  border-left: 0.3em solid transparent;

  font-size: 12px;

  &:before,
  &:after {
    content: "";

    display: block;
    width: 0;
    height: 0;

    position: absolute;
    top: 0.6em;
    left: -1em;

    border-right: 1em solid transparent;
    border-bottom: 0.7em solid #fc0;
    border-left: 1em solid transparent;

    transform: rotate(-35deg);
  }

  &:after {
    transform: rotate(35deg);
  }
}
/* testimonial section end */
/* it staff agumentation page end */

/* hire devops developer page start */

/* hire devops consultation section start */
.devops_consultant{
  max-width: 100%;
  padding-top: 20px;
}
.devops_consultant ul{
  padding: 0 0px 0px 30px;
  list-style-type: none;
  display: flex;
  flex-wrap: wrap;
  row-gap: 10px;
  margin: 0;
  flex-direction: column;
  margin-left: 20px;
}
.devops_consultant ul li {
  position: relative;
  font-size: 18px;
  font-weight: 400;
  color: #3B3B3B;
  width: 100%;
  text-indent: -9px;
}
.devops_consultant ul li::before{
  content: "\2022";
  color: #002e6c;
  font-weight: 700;
  display: inline-block;
  margin-right: 0;
  width: 9px;
  font-size: 20px;
}
.devops_img{
  height: 100%;
  width: 100%;
  display: flex;
  align-items: center;
}
.devops_img img{
  object-fit: contain;
}
/* hire devops consultation section end */
/* devops developement service section start */
.devops_developement_service{
  background-color: #f9f9f9;
  padding: 40px 0;
}
.section_title{
  position: sticky;
  top: 10rem;
}
.section_title h2{
  letter-spacing: 1px;
  margin-bottom: 20px;
  padding-top: 50px;
  text-transform: none;
  font-size: 36px;
  font-weight: 700;
  line-height: 1.5em;
  color: #002e6c;
}
.section_title p{
  color: #696969;
  font-size: 1.125rem;
  line-height: 1.875rem;
}
.section_btn button{
  color: rgb(255, 255, 255);
  font-size: 21px;
  letter-spacing: 1px;
  height: auto !important;
  max-width: 100% !important;
  background: rgb(219, 120, 3);
  padding: 12px 20px;
  border: 1px solid rgb(219, 120, 3);
  border-radius: 5px;
  border-width: 2px !important;
  border-style: solid !important;
  border-image: initial !important;
  font-weight: 600;
  margin-top: 20px;
}
.section_btn button:hover{
  background-color: #fff;
  color: rgb(219, 120, 3);
  border: 1px solid rgb(219, 120, 3)
}
.devops_service_box{
  cursor: auto;
  padding: 1.5rem;
  transition: .3s;
  background-color: #fff !important;
  margin: 0;
}
.devops_service_box:hover{
  -webkit-box-shadow: 0 2.8125rem 3.75rem 0 rgba(34, 34, 34, .1);
  box-shadow: 0 2.8125rem 3.75rem 0 rgba(34, 34, 34, .1);
}
.devops_service_box h3{
  font-weight: 700;
}
.devops_service_box p{
  color: #696969;
  font-size: 1.125rem;
  line-height: 1.875rem;
}
/* devops developement service section end */

/* Tools and Technologies Our DevOps Specialists Use section start section start */
.tools_technology{
  background-color: #fff;
  padding: 40px 0;
}
.tools_inner_wrapper{
  padding-right: 15px;
}
.tools_inner_wrapper h2{
  letter-spacing: 1px;
  margin-bottom: 20px;
  padding-top: 50px;
  text-transform: none;
  font-size: 36px;
  font-weight: 700;
  line-height: 1.5em;
  color: #002e6c;
}
.tools_inner_wrapper ul{
list-style: none;
margin-left: 20px;
}
.tools_inner_wrapper ul li{
  color: #696969;
  font-size: 1.125rem;
  line-height: 1.875rem;
  text-indent: -9px;
}
.tools_inner_wrapper ul li::before{
  content: "\2022";
  color: #002e6c;
  font-weight: 700;
  display: inline-block;
  font-size: 20px;
  margin-right: 0;
  width: 9px;
}
.tools_technology img{
  min-height: 100%;
}
/* Tools and Technologies Our DevOps Specialists Use section start section end */

/* benifits we offer section start */
.benifits_we_offer{
  background-color: #f9f9f9 !important;
  padding-top: 5.375rem;
  padding-bottom: 5.375rem;
}
.section-title-and-desc {
  margin-bottom: 2.8125rem;
}
.section-title-and-desc .section-title-block .section-title-text {
  font-weight: 700;
  color: #222;
  line-height: 1.3;
}
.section-title-and-desc .section-title-block p{
  font-size: 1.125rem;
  line-height: 1.875rem;
}
.text-secondary {
  color: #696969 !important;
}
.style-check li {
  position: relative;
  padding-left: 1.875rem;
  margin-bottom: 1rem;
}
.style-check li:after {
  position: absolute;
  content: "";
  left: -15px;
  top: 0.4rem;
  background: url(../images/right-arrow-svgrepo-com.svg) no-repeat center;
  height: .8125rem;
  width: 1.875rem;
}
/* benifits we offer section end */

/* hire devops developer section start */
.hire_devops_developer{
  padding: 5.375rem 0;
  background: #f5f5f5;
}
.mb-sm{
  margin-bottom: .875rem;
}
.bg-blue{
  background-color: #002e6c;
}
.small-heading{
  font-weight: 700 !important;
  margin-bottom: .875rem !important;
}
.small-heading-two{
  font-size: 1.125rem;
  line-height: 1.875rem;
  color: #696969;
}
/* hire devops developer section end */
/* hire devops developer page end */

/* hire react js developer page start */
/* Hire React Developer section start */
.kickstart_digital.react_developer{
  background-color: #fff;
}
/* Hire React Developer section end */

/* Most-Preferred React JS Combinations section start */
.most_prefered{
  overflow: hidden;
  background-color: #f5f5f5;
  padding: 50px 0;
}
.cont-padding {
  margin-bottom: max(30px, 2.604vw);
}
.cont-padding h2{
  font-size: max(22px,2.778vw);
  line-height: max(33px,3.542vw);
  color: #002e6c;
}
.cont-padding p{
  font-size: 1.125rem;
  line-height: 1.875rem;
  color: #696969;
}
/* Most-Preferred React JS Combinations section end */

/* react js combination section start */
.combination_box{
  background-color: #ffffff;
  padding: max(23px, 1.458vw);
}
.combination_box .img_box{
  display: flex;
}
.slick-slide img.combination_img {
  width: 25%;
  aspect-ratio: 5 / 2;
  object-fit: contain;
  mix-blend-mode: darken;
}
/* react js combination section end */

/* technical expertise section start */
.technical_expertise{
  padding: 45px 0;
  background-color: #ffffff;
}
.technical_expertise table{
  width: 100%;
  text-indent: 0;
  border-color: inherit;
  border-collapse: collapse;
}
.technical_expertise table tr {
  margin-bottom: max(20px, 1.042vw);
  display: block;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  --tw-shadow: 0px max(16px,0.833vw) max(32px,1.667vw) #1616161a;
  --tw-shadow-colored: 0px max(16px,0.833vw) max(32px,1.667vw) #1616161a;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.technical_expertise table tr td{
  border-top-width: 0;
    --tw-border-opacity: 1;
    border-color: rgb(218 218 218 / var(--tw-border-opacity));
    padding: max(16px, .833vw) max(26px, 1.458vw);
}
.technical_expertise table tr td:nth-child(odd) {
  --tw-bg-opacity: 1;
  background-color: #0066ff;
  font-weight: 700;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
  width: max(300px, 15.625vw);
  min-width: max(300px, 15.625vw);
}
.technical_expertise tr td span {
  display: inline-block;
  padding-left: max(14px, .729vw);
  padding-right: max(14px, .729vw);
  font-size: 1.125rem;
  line-height: 1.875rem;
  color: #696969;
}
.technical_expertise tr td span:not(:last-child){
  border-right: 2px solid #e0e0e0;
}
/* technical expertise section end */
/* hire react js developer page end */

/* hire angular developer page start */

/* why hire from us section start */
.why-new-hire-dedicated{
  padding: 70px 0;
  background-color: #f0f0f0;
}
.content-wrap h2{
  color: #192020;
  font-size: 36px;
  line-height: 3.2rem;
}
.content-wrap .font-18{
  font-size: 16px;
  line-height: 1.6rem;
}
.why-new-hire-dedicated .block-wrapper {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 30px;
}
.why-new-hire-dedicated .block-wrapper .item {
  padding: 30px;
  border-radius: 24px;
  background-color: #fff;
}
.why-new-hire-dedicated .block-wrapper .item .item-icon {
  width: 56px;
  height: 56px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 100%;
  margin-bottom: 20px;
}
.font-26 {
  font-size: 26px;
  line-height: 2rem;
}
.font-18 {
  font-size: 16px;
  line-height: 1.6rem;
}
.bg-pink {
  background-color: #ffc0d9;
}
.bg-purple {
  background-color: #d0bfff
}
.bg-green {
  background-color: #b5f1cc;
}
.bg-light-orenge {
  background-color: #ffd8c0;
}
.bg-light-blue {
  background-color: #9fe9f6;
}
/* why hire from us section end */
/* hire angular developer page end */

/* hire laravel developer page start */
/* Other Object-oriented Laravel Development Services section start */
.object_oriented_laravel{
  --tw-bg-opacity: 1;
  background-color: rgb(249 249 249 / var(--tw-bg-opacity));
  padding: 50px 0;
}
.cont-padding {
  margin-bottom: max(30px, 2.604vw);
}
.bg-white {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}
.style_check ul{
  padding: max(23px, 1.458vw) !important;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
.style_check li {
  position: relative;
  margin-bottom: max(14px, 1.481vw);
  padding-left: max(30px, 1.875vw);
  font-size: 16px;
  line-height: 1.2;
  color: #3B3B3B;
  text-indent: -9px;
}

.style_check li::before{
  content: "\2022";
  color: #002e6c;
  font-weight: 700;
  display: inline-block;
  font-size: 20px;
  margin-right: 0;
  width: 9px;
}
/* Other Object-oriented Laravel Development Services section end */
/* hire laravel developer page end */

/* hire phython developer page start  */
.technology-stack ul.python_stack{
  height: auto;
}
/* hire phython developer page end */

/* hire wordpress developer page start */
/* Experience With Diverse Set Of Themes section start */
.diverse_set_theme{
  background-color: #fff;
  padding: 50px 0;
}
.theme_box{
  height: 100%;
  min-height: 14em;
  padding: 3em;
  border: solid #e7e7e7;
  box-sizing: border-box;
  border-width: 0 .375em .375em 0;
  background-color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
}
/* Experience With Diverse Set Of Themes section end */
.various_page_builder{
  background-color: #eef8fa;
  padding: 50px 0;
}
.builder_box{
  display: flex;
  flex-direction: column;
  align-items: center;
}
.builder_inner_wrapper{
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 100%;
  height: 8.625em;
  width: 8.625em;
}
.builder_inner_wrapper figure{
  margin: 0 auto 2em auto;
}
/* .builder_inner_wrapper figure img{
  max-height: 4.8125em;
  max-width: 4.875em;
} */
/* hire wordpress developer page end */

/* hire woocommerce developer page start */

/*Why Should You Choose WooCommerce Technology section start  */
.why-choose-technology__box-main {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 2rem;
  padding-top: 2rem;
}

 .why-choose-technology__box-main .why-choose-technology__box {
  background: #002e6c;
  color: #fff;
  width: auto;
  padding: 1.3rem 2rem 1.3rem 5rem;
  border-radius: .2rem;
  display: inline-block;
  font-size: 1.2rem;
  line-height: 1;
  font-weight: 500;
  position: relative;
}
 .why-choose-technology__box-main .why-choose-technology__box::before {
  content: "";
  height: 2.2rem;
  width: 2.2rem;
  background: url(../images/check-white.svg) no-repeat, #111457;
  background-position: center;
  background-size: 45% auto;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  left: 2rem;
  top: 50%;
  translate: 0 -50%;
}
/*Why Should You Choose WooCommerce Technology section end  */

/* Our Developers has Expertise with Themes & Plugins for WooCommerce Development section start */
.theme_section{
  background-color: #fff;
  padding: 45px 0;
}
.main-title h2{
  letter-spacing: 1px;
  margin-bottom: 20px;
  padding-top: 50px;
  text-transform: none;
  font-size: 36px;
  font-weight: 700;
  line-height: 1.5em;
  color: #2f63af;
}
.main-title p{
  font-size: 18px;
  color: #5f5f5f;
}
.theme-image img {
  width: 100%;
}
/* Our Developers has Expertise with Themes & Plugins for WooCommerce Development section end */

/* hire woocommerce developer page end */

/* hire sitecore developer */
.devops_list{
  margin-left: 20px;
}
.devops_list li{
  text-indent: -9px;
}
.devops_list li::before{
  content: "\2022";
  color: #002e6c;
  font-weight: 700;
  display: inline-block;
  width: 9px;
  font-size: 20px;
  margin-right: 0px;
}
/* hire sitecore developer */

/* Responsive design start */
@media (max-width:1400px) {
  .box-center:nth-child(n+6) {
    margin-top: 2.5rem;
  }
}
@media (min-width: 1200px) {
  .footer__container {
    max-width: 1140px;
    margin: 0 auto;
  }
}

@media screen and (min-width: 992px) and (max-width: 1100px) {
  .containermaininnerwrapper {
      transform: translate(0%, 110%);
  }
}
.sidebar {
  display: none;
}

/* .offcanvas{
    display: none !important;
} */

@media (max-width:1199px) {
  .img-homesec {
    width: auto;
}
.navbar-expand-lg .navbar-nav li{
  margin-right: 0 !important;
  margin-left: 0 !important;
}
}

@media (max-width: 991px) {
  /* .offcanvas{
        display: block !important;
    } */
  .offcanvas-body {
    background-color: #e3e4d9;
    padding: 0 !important;
  }

  .navbar-nav {
    list-style-type: none;
    padding: 0;
    margin: 0;
  }

  .mobile_submenus {
    padding: 20px;
    font-size: 20px;
    font-weight: 600;
    line-height: 30px;
    border-bottom-color: #02010121;
    border-bottom-style: solid;
    border-bottom-width: 1px;
  }

  .mobile_submenus .submenu_toogles {
    display: flex;
    align-items: center;
    justify-content: space-between;
  }

  .mobile_submenus a {
    text-decoration: none;
    color: #333;
  }

  .mobile_submenus i.fa-angle-down {
    font-size: 25px;
    color: #2f63af;
    cursor: pointer;
    transition: transform 0.3s ease;
  }

  .mobile_submenus i.fa-angle-down.rotate {
    transform: rotate(180deg);
  }

  .submenu {
    display: none;
  }

  .other_sub_menus {
    line-height: 45px;
    font-size: 18px;
    font-weight: 500;
    margin-left: 15px;
  }

  .has-submenu.other_sub_menus {
    font-weight: 600;
  }

  .submenu.show {
    display: block;
    border-top-color: #02010121;
    border-top-style: solid;
    border-top-width: 1px;
    margin-top: 20px;
  }

  .contact_button {
    display: flex;
    justify-content: center;
  }

  /* ===== */
  .navbar-right button {
    display: none;
  }

  .navbar-toggler {
    margin-left: auto;
  }

  .sidebar {
    display: block;
    position: fixed;
    top: 0;
    left: -250px;
    height: 100%;
    width: 250px;
    z-index: 1000;
    background-color: #e3e4d9;
    overflow-x: hidden;
    transition: 0.5s;
  }

  .sidebar.active {
    left: 0;
  }

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

  .sidebar .back-btn {
    position: absolute;
    right: 8px;
    top: 20px;
    z-index: 9999;
    min-width: 30px;
    min-height: 30px;
    color: #2f63af;
  }

  .sidebar .back-btn i {
    border: 2px solid #2f63af;
    border-radius: 5px;
    padding: 3px 6px;
  }

  .sidebar .menu-list {
    margin-top: 60px;
  }

  .mobile-menu {
    padding: 12px 12px 12px 12px;
    border-bottom-color: #02010121;
    border-bottom-style: solid;
    border-bottom-width: 1px;
  }

  .mobile-submenu {
    margin: -12px;
  }

  .mobile-subsetmenu {
    margin: -12px;
  }

  .mobile-menu-secondLevel {
    padding: 12px 12px 12px 12px;
    border-bottom-color: #02010121;
    border-bottom-style: solid;
    border-bottom-width: 1px;
  }

  .mobile-menu-firstLevel {
    padding: 12px 12px 12px 12px;
    border-bottom-color: #02010121;
    border-bottom-style: solid;
    border-bottom-width: 1px;
  }

  .mobile-menu .menu-item-inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
  }

  .mobile-menu-firstLevel .menu-item-inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
  }

  .mobile-menu-secondLevel .menu-item-inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
  }

  .mobile-menu .menu-item-inner a {
    text-decoration: none;
    color: #333;
  }

  .mobile-menu-firstLevel .menu-item-inner a {
    text-decoration: none;
    color: #333;
  }

  .mobile-menu-secondLevel .menu-item-inner a {
    text-decoration: none;
    color: #333;
  }

  .mobile-menu .menu-item-inner .dropdown-arrow {
    color: #2f63af;
    height: 30px;
    display: flex;
    align-items: center;
    cursor: pointer;
  }

  .mobile-menu-firstLevel .menu-item-inner .dropdown-arrow {
    color: #2f63af;
    height: 30px;
    display: flex;
    align-items: center;
    cursor: pointer;
  }

  .mobile-menu-secondLevel .menu-item-inner .dropdown-arrow {
    color: #2f63af;
    height: 30px;
    display: flex;
    align-items: center;
    cursor: pointer;
  }

  .ektraCol {
    margin-bottom: 50px;
  }

  .contactUs-wrapper .steps {
    padding: 10px;
  }

  .location {
    text-align: center;
  }

  .back-menu {
    display: flex;
    align-items: center;
    gap: 5px;
  }

  .digital-inner-wrapper .col-lg-6 {
    margin-bottom: 20px;
  }

  .digital-inner-wrapper .rich-text {
    text-align: center;
  }

  .why-digital-inner-wrapper .row.digital-marketing {
    margin-top: 30px !important;
  }

  .why-digital-inner-wrapper .row.digital-marketing .col-lg-6.digital-image {
    margin-top: 50px;
  }

  .why-digital-inner-wrapper .row .col-lg-6.money-text {
    margin-top: 20px;
  }

  .landing-page-inner-wrapper .col-lg-6 {
    margin-bottom: 20px;
  }

  .landing-page-inner-wrapper .rich-text h3 {
    text-align: center;
  }

  .landing-page-inner-wrapper .rich-text ul {
    padding-left: 2rem !important;
  }

  .getresultData .col-lg-3 {
    margin-bottom: 15px;
  }

  .getresultData .card .card-body {
    padding: 50px;
  }

  .item-wrapper {
    padding: 40px 16px;
  }

  .case-studies-inner-wrapper .card {
    margin-top: 20px;
  }

  .thirdColumn.shopify.developement {
    margin-left: 34%;
  }

  .tab-titles {
    flex-direction: column;
    text-align: center;
  }

  .tab-links.active-link::after {
    width: 20%;
    left: 40%;
  }

  .choose-us-content .web-why-choose-inner-icon.our-marketing.choose_us {
    margin-left: 38%;
    margin-top: -20%;
    margin-bottom: 30px;
  }
  .web-why-choose-inner-icon.our-marketing.international_seo_service {
    margin-left: 39%;
  }
  .web-why-choose-inner-icon.our-marketing.dental_service {
    margin-left: 38%;
  }
  .box-center:nth-child(n+4) {
    margin-top: 2.5rem;
  }
  .countermainwrapper {
    position: absolute;
    right: 20px;
    left: 60px;
    bottom: 61px;
}
.containermaininnerwrapper {
  padding-top: 30px;
  padding-bottom: 30px;
}
.hire_dedicated{
  max-height: inherit;
}
.hire_dedicated picture img{
  min-width: 100%;
}
.technical_expertise table tr td {
  float: left;
  width: 100%;
  border-width: max(1px, .052vw);
}
.technical_expertise table tr td:nth-child(odd){
  width: 100%;
}
.why-new-hire-dedicated .block-wrapper {
  grid-template-columns: repeat(2, 1fr);
}
}

@media (max-width: 767px) {
  .whatwedo-wrapper .whatwedo-column {
    border-bottom: 0;
  }

  .whatwedo-wrapper .whatwedo-column .column-data {
    border-right: 0;
    border-bottom: 1px solid #d9d9d9;
  }

  .ctaButtons {
    flex-direction: column;
  }

  .footer__row {
    flex-direction: column;
  }

  .footer__row .spacing {
    padding-left: 0;
  }

  .successStory .getresultData .col-md-6 {
    margin-bottom: 40px;
  }

  .web-why-choose-us-inner-box {
    text-align: center;
    padding: 15px 15px 20px;
    margin-bottom: 40px;
  }

  .web-why-choose-inner-icon {
    float: none;
    margin: -52px auto 15px;
  }

  .web-why-choose-us-inner-box h3 {
    width: 100%;
  }

  .digital-marketing-services-inner-wrapper .row.our-service {
    margin-left: 0px;
  }

  .web-why-choose-inner-icon.our-marketing {
    margin-left: auto;
  }

  .ppc-whychoose-us-inner-wrapper ul {
    border-left: none;
  }

  .whychoose-us-inner-wrapper .row {
    margin-left: 0;
  }
  .whychoose-us-inner-wrapper .our-service {
    margin-left: -3px;
  }

  .ppc-whychoose-us-inner-wrapper .row {
    padding: 0px;
  }

  .case-studies-inner-wrapper .card {
    margin: 20px auto;
  }

  .thirdColumn.shopify.developement {
    margin-left: 28%;
  }

  .title-content ul.key-benifits {
    flex-direction: column;
  }

  .title-content ul.key-benifits li {
    width: 100%;
  }

  .choose-us-content .web-why-choose-inner-icon.our-marketing.choose_us {
    margin-bottom: 30px;
    margin-left: auto;
    margin-top: -79px;
  }
  .web-why-choose-inner-icon.our-marketing.seo_service {
    margin-left: auto;
  }
  .column-date.seo_service {
    text-align: center;
  }
  .column-date.seo_service h4 {
    display: flex;
    flex-direction: column;
  }
  .column-date.seo_service img {
    margin: 10px auto;
  }
  .web-why-choose-inner-icon.our-marketing.international_seo_service {
    margin-left: auto;
  }
  .web-why-choose-inner-icon.our-marketing.dental_service {
    margin-left: auto;
  }
  .choose-us-card.seo {
    height: auto;
  }
  .choose-us-card.agency {
    height: auto;
  }
  .choose-us-card.ecommerce {
    height: auto;
  }
  .choose-us-card.int {
    height: auto;
  }
  .choose-us-card.content_service {
    height: auto;
  }
  .choose-us-card.content_writing {
    height: auto;
  }
  .choose-us-card.copywrite {
    height: auto;
  }
  .choose-us-card.conversion {
    height: auto;
  }
  .choose-us-card.dental {
    height: auto;
  }
  .choose-us-card.digital_strategy {
    height: auto;
  }
  .choose-us-card.google {
    height: auto;
  }
  .ad-row {
    display: flex;
    flex-wrap: wrap;
  }
  .ad-row .col-md-6.img_wrapper {
    width: 100%;
    order: 2;
  }

  .ad-row .google-ad-inner-wrapper {
    order: 1;
  }
  .ad-row .google-ad-img-inner-wrapper {
    order: 2;
  }
  .google-ad-img-inner-wrapper {
    padding-top: 0;
    margin-top: -50px;
    padding-right: 50px;
    padding-left: 50px;
  }
  .ppc-whychoose-us-inner-wrapper div.submit-btn.mobile_view {
    display: block;
    text-align: center;
  }
  .ppc-whychoose-us-inner-wrapper div.submit-btn.desktop_view {
    display: none;
  }
  .choose-us-card.email {
    height: auto;
  }
  .box-center:nth-child(n+3) {
    margin-top: 2.5rem;
  }
  .dis-flex .left-sec {
    flex-basis: 100%;
}
.dis-flex .right-sec{
  flex-basis: 100%;
  margin-top: 30px;
}
.button_segment.build{
  justify-content: center;
}
.why-new-hire-dedicated .block-wrapper {
  grid-template-columns: repeat(1, 1fr);
}
.img-homesec{
  width: auto;
}
ul.benefits_list{
  margin-left: 20px;
}
.aboutuswrapper ul li{
  text-indent: -9px;
}
.aboutuswrapper ul li::before{
  margin-right: 0;
  width: 9px;
}
.style_check ul{
  grid-template-columns: 1fr;
}
}

@media (max-width: 600px) {
  .banner-inner-wrapper h1 {
    font-size: 50px;
  }

  .banner-inner-wrapper .getMore {
    padding: 0;
  }

  .content-container .item {
    padding: 20px;
  }

  .advantages__wrapper {
    flex-direction: column;
  }

  .advantages__option-wrapper {
    margin-bottom: 32px;
  }
  .accordion-title {
    text-align: left;
    word-break: break-word;
    flex-basis: 450px;
  }
  .countermainwrapper{
    left: 47px;
  }
}

@media (max-width: 525px) {
  .accordion-title {
    flex-basis: 410px;
  }
}

@media (max-width: 475px) {
  .content-container .item {
    padding: 10px;
  }

  .why-digital-inner-wrapper .list-menu ul {
    flex-direction: column;
  }

  .why-digital-inner-wrapper .list-menu ul li {
    width: 100%;
  }

  .social-media-inner-wrapper .list-menu ul {
    flex-direction: column;
  }

  .social-media-inner-wrapper .list-menu ul li {
    width: 100%;
  }

  .thirdColumn.shopify.developement {
    margin-left: 16%;
  }
  .icon {
    flex-basis: 30px;
  }
  .slick-slide img.logo_img {
    aspect-ratio: 3/2;
  }
  .accordion-title {
    flex-basis: 300px;
  }
  .slick-slide img.social_media_img {
    width: 90%;
  }
  .google-ad-img-inner-wrapper {
    padding-top: 0;
    margin-top: -74px;
    padding-right: 25px;
    padding-left: 25px;
  }
  .title-text h2 {
    display: inline-flex;
    text-align: center;
  }
  .content-container{
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  .countermainwrapper {
    left: 35px;
}
.contactUs-wrapper h1{
  font-size: 44px;
}
}

@media (max-width: 400px) {
  .banner-inner-wrapper h1 {
    font-size: 40px;
  }
  .accordion-title {
    flex-basis: 280px;
  }
  .box-center:nth-child(n+2) {
    margin-top: 2.5rem;
  }
}

/* Responsive design end */



.bnr-btn{
  cursor: pointer;
 color:#fff;
    font-size: 21px;
    letter-spacing: 1px;
    height: auto !important;
    max-width: 100% !important;
    background: rgb(219, 120, 3);
    padding: 12px 20px;
    border: 1px solid rgb(219, 120, 3);
    border-radius: 42px;
    border-width: 2px !important;
    border-style: solid !important;
    border-image: initial !important;
    font-weight: 600;
    /* margin-top: 20px; */
    text-decoration: none;
    text-transform: capitalize;
}
.hr-bnr{
  padding-bottom:37px;
}
.hr-h{
  padding-top:40px !important;
}
.post-bnr{
  padding:100px 0 20px;
  background:#fff;
}
.postbnr-h{
  font-weight:800;
  font-size:36px;
  text-transform: capitalize;
  margin:0 0 20px;
}
.postbnr-showbtn{
  text-align: left;
}
.logo-slider{
  padding:40px 20px;
  background:#fff;
  display: flex;
  gap:60px;
  justify-content: space-between;
}
.slider-logo{
  max-width:170px !important;
  margin:0 20px;
}




/* slider */

.logo-slider {
  background: #fff;
  padding: 20px 0;
}

.slider-logo {
  max-height: 70px;
  margin: 0 15px;
  transition: transform 0.3s ease;
}


@keyframes scroll {
	0% { transform: translateX(0); }
	100% { transform: translateX(calc(-250px * 7))}
}

.slider {
	background:#fff;
	margin: auto;
	overflow:hidden;
	position: relative;
	width: auto;
padding:40px 0 20px;}
	
	.slide-track {
		animation: scroll 40s linear infinite;
		display: flex;
		width: calc(250px * 14);
    background:#fff;
	}
  .slider-container{
    overflow: hidden !important;
  }
.free-consult-bg{
  background:url(../images/hr-img/hr-bnr2.jpg) right top;
  background-size:cover;
  padding:20px 0 100px;
}
.free-consult-para{
  max-width: 500px;
}
.free-consult-h2{
  font-weight:800;
  text-transform: capitalize;
}
.about-us-inner-wrapper .statistic-m{
  margin-top:50px !important;
}
.about-us-p{
  text-align:left;
  text-transform: capitalize;
  line-height:1.3;
}
.about-us-rcol{
  text-align: right;
}
.text-left-para-about{
  text-align: left;
}
.about-btn{
      cursor: pointer;
    color: rgb(255, 255, 255);
    /* width: 200px; */
    font-size: 21px;
    letter-spacing: 1px;
    height: auto !important;
    max-width: 100% !important;
    background: rgb(219, 120, 3);
    padding: 12px 20px;
    border: 1px solid rgb(219, 120, 3);
    border-radius: 42px;
    border-width: 2px !important;
    border-style: solid !important;
    font-weight: 600;
}
.about-row{
  align-items: center;
}
.faq-copy{
  padding:70px 0 100px;
}
.faq-w-wrapper{
  max-width:950px;
  margin:auto;
}




/* reqsection */


.bg7 {
    background: #e5e5e5;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}
.req-section{
  padding: 75px;
}
.bg3 {
   
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    background-color: #f6e84d;
    margin: 0 31px 0 0;
    padding: 80px 40px 75px 40px;
    transition: background .3s, border .3s, border-radius .3s, box-shadow .3s;
    border-radius: 10px 10px 10px 10px;
}
.pre-faq{
  background:#f6e84d;
}
.bg-white-process{
  background:#fff;
  padding: 35px 40px 10px 40px;
}
.number-area{
font-weight: 800;
    font-size: 30px;
    display: inline-block;
    padding: 10px 20px;
    background: #edd528;
    border-radius: 5px;
    margin-bottom: 15px;
}
.pre-faq-subh{
  font-size: 22px !important;
}
.bold-note-prefaq{
  text-align: center;
    font-size: 30px;
    margin: 0 0 15px;
}
.pre-faq-notetitle{
  text-transform: capitalize;
  line-height:1.4;
}
.about-wrapper-w{
  max-width: 100% !important;
}
.footer-social li {
    display: inline;
    margin-right: 5px;
}
.footer-social li a {
    display: inline-block;
    width: 35px;
    height: 35px;
    line-height: 35px;
    border-radius: 50%;
    color: #555;
    text-align: center;
    font-size: 15px;
    transition: all .8s 
ease;
    background: rgba(255, 255, 255, 0.9);
}
.footer-social li a i {
    line-height: 35px;
    color:#fff;
}
a.twitter {
    background: #1c9cea !important;
    color: #fff !important;
}
a.facebook {
    background: #274f91 !important;
    color: #fff !important;
}
a.youtube {
    background: #f70000 !important;
    color: #fff !important;
}
a.linkedin {
    background: #0073b1 !important;
    color: #fff !important;
}
/* ----dumy sec1--- */
     .dumy-sec1{
        padding:0 0 100px;
        background:#fff;
     }
     .dumy-sec1 .heading{
         font-weight:700;
         color:#000;
         font-size: 35px;
           line-height: 1.4;
       text-transform: capitalize;
     }
     .dumy-sec1 .para{
       font-weight:400;
       color:#000;
       font-size:18px;
       margin:0 0 12px;
     }
      .dumy-sec1 .butn{
    color: rgb(255, 255, 255);
    font-size: 21px;
    letter-spacing: 1px;
    height: auto !important;
    max-width: 100% !important;
    /* max-width: 200px; */
    background: rgb(219, 120, 3);
    padding: 15px 30px;
    border: 1px solid rgb(219, 120, 3);
    border-radius: 42px;
    border-width: 2px !important;
    border-style: solid !important;
    border-image: initial !important;
    font-weight: 600;
    margin-top: 20px;
    text-align: center;
    text-decoration: none;
     }

     .dumy-sec1 .dumy-sec1-img{
        border-radius:15px;
     }
     .dumy-sec1 .sub-colbox-h{
       font-weight:700;
       color:#000;
       font-size:32px;
       margin:0 0 15px;
       text-transform: capitalize;
     }
     .dumy-sec1 .sub-colbox-p{
        margin:0;
        font-weight:400;
        color:#000;
        font-size:18px;
     }
     .dumy-sec1 .sub-colbox{
        padding: 40px 30px;
        background: #3179f62e;
        margin:25px 0 0;
        border-radius:15px;
     }
      .dumy-sec1 .dumy-sec1-row{
        align-items: center;
     }
     .dumy-sec1 .col-box1{
       padding: 45px 30px 70px;
    background: #fff;
    box-shadow: 0 0 20px #e0e0e0;
    border-radius: 10px;
     }
     /* ----dumy sec1--- */



     /* ---hr solution-- */
     .hr-solution{
        padding:70px 0 80px;
        background:#f1f7fc;
     }
      .hr-solution .hr-solution-h{
        font-weight:700;
        color:#000;
        font-size:40px;
        text-align: center;
        text-transform: capitalize;
        max-width: 500px;
    margin: 0 auto 20px;
    line-height: 1.3;
     }
      .hr-solution .colbox{
        padding:25px 20px;
        border-radius:15px;
        background:#fff;
        margin:30px 0 0;
     }
 
     .hr-solution .txt-box .blue-title{
       font-weight:600;
       color:blue;
       font-size:18px;
       margin:0 0 12px;
     }
          .hr-solution .txt-box .para-bold{
 font-weight: 600;
    color: #000;
    font-size: 22px;
       margin:0;
       line-height:1.4;
       text-transform: capitalize;
     }
      .hr-solution .hr-solution-inr-row{
        align-items: center;
     }
     /* ---hr solution-- */


     /* ----bnr---- */
     .hr-bnr2{
        background: #f7ea4d;
        padding:40px 0 0;
     }
     .hr-bnr2 .hr-bnr2-h{
        font-weight:700;
        color:#000;
        font-size:50px;
        margin:0 0 15px;
     }
     .hr-bnr2 .hr-bnr2-para{
        font-weight:400;
        color:#000;
        font-size:18px;
        margin: 20px 0 40px
     }
     .hr-bnr2 .hr-bnr2-butn{
  color: rgb(255, 255, 255);
    width: 200px;
    font-size: 21px;
    letter-spacing: 1px;
    background: rgb(219, 120, 3);
    padding: 16px 20px;
    border-color: rgb(219, 120, 3);
    border-radius: 42px;
    font-weight: 600;
    margin-top: 20px;
    height: auto !important;
    max-width: 100% !important;
    border-width: 2px !important;
    border-style: solid !important;
    border-image: initial !important;
    text-align: center;
    text-decoration: none;
     }
     .hr-bnr2 .bnr-imgbox{
        text-align: right;
        max-width: 400px;
     }
     /* .hr-bnr2 .bnr-imgbox img{
        width: 100%;
     } */
     .hr-bnr2 .hr-bnr2-row{
        align-items: center;
     }
     /* ----bnr---- */


     /* ---faq--- */
     .faq{
        padding:70px 0;
        background:#fff;
     }
     .faq .faq-h{
        font-weight:700;
        color:#000;
        font-size:40px;
     }
     .faq .imgbox{
        border-radius: 10px;
        overflow: hidden;;
     }
     .faq .faq-row{
        margin-top:45px;
     }
         .faq .butn {
    padding: 16px 45px;
    background: #d39907;
    border-radius: 40px;
    text-align: center;
    text-transform: capitalize;
    text-decoration: none;
    font-size: 18px;
    font-weight: 500;
    color: #fff;
    margin: auto;
    margin-top: 15px;
    display: inline-block;
}
     /* ---faq--- */


     
     /* ---experience--- */
     .experience-sec{
        padding:70px 0;
        background:#fff;
     }
      .experience-sec .col-radius{
        border-radius: 10px;
        overflow: hidden;;
     }
     .experience-sec .yellow-box{
        /* background: #314ff6; */
        background: linear-gradient(45deg, #314ff6, #38b6e2);
        text-align: center;
        padding: 60px 20px;
     }
     .experience-sec .experience-span{
       color: #fff;
    font-size: 50px;
    font-weight: 800;
    margin: 0 0 20px;
    line-height: 1.1;
    display: block;
     }
     .experience-sec .experience-p{
        color:#fff;
        font-weight:600;
        font-size:22px;
        margin:0;
     }
     .experience-sec .experience-img2{
        width:100%;
     }
     .experience-sec .blue-box{
        padding:40px;
        /* background: #f6f231; */
        background: linear-gradient(46deg, #f6f2314d, #f9e907);
        margin-top:20px;
     }
     .experience-sec .bluebox-h{
        font-weight:700;
        color:#000;
        font-size:35px;
        text-transform: capitalize;
        line-height: 1.3;
     }
     .experience-sec .blue-box-boldpara{
    font-size: 20px;
    color: #000;
    font-weight: 400;
     }
     .experience-sec .experience-btn{
   color: rgb(255, 255, 255);
    width: 200px;
    font-size: 21px;
    letter-spacing: 1px;
    background: rgb(219, 120, 3);
    padding: 15px 20px;
    border-color: rgb(219, 120, 3);
    border-radius: 42px;
    font-weight: 600;
    margin-top: 20px;
    height: auto !important;
    max-width: 100% !important;
    border-width: 2px !important;
    border-style: solid !important;
    border-image: initial !important;
    text-decoration: none;
    text-align: center;
     }
     .experience-sec .experience-sec-h{
       font-weight:700;
       color:#000;
       font-size: 40px;
       text-transform: capitalize;
       line-height:1.3;
     }
     .experience-sec .experience-sec-col1-inrrow{
      margin-top:20px;
     }
     .experience-sec .experience-sec-col1-ul{
      margin:15px 0 0;
     }
     .experience-sec .experience-sec-col1-ul li{
        margin:0 0 15px;
        font-weight:600;
        color:#000;
        font-size:20px;
        position: relative;
        padding-left:35px;
     }
    .experience-sec .experience-sec-col1-ul li::before{
  content: '\f00c';
  font-family: 'FontAwesome';
  position:absolute;
  left:0;
  top:0;
  font-size: 20px;
  color:#f8e84e;
    }
    .experience-sec .hiringbox{
      padding:42px 30px;
      background:#000;
      border-radius:10px;
      text-align: center;
     }
     .experience-sec .hiringbox .hiring-arrow{
        width:30px;
     }
     .experience-sec .hiringbox .hiring-arw-imgbox{
       width:60px;
       height:60px;
       border-radius:100%;
       text-align: center;
       line-height: 60px;
       background:#fff;
       margin:auto;
     }
     .experience-sec .hiringbox .hiring-number{
         font-size:50px;
         font-weight:700;
         color:#fff;
         margin:15px 0 0;
     }
     .experience-sec .hiringbox .hiring-p{
        font-weight:600;
        color:#fff;
        font-size:22px;
        text-transform: capitalize;
     }
     /* ---experience--- */


     /* ---hr management--- */
     .hr-management-sec{
        padding:70px 0 0;
        background:#fff;
     }
      .hr-management-sec .hr-management-box{
    display: flex;
    justify-content: start;
    gap: 35px;
    align-items: start;
    padding: 30px;
    background: #fffed3;
    border-radius: 15px;
    max-width: 1080px;
    margin: auto;
    /* border: 10px solid #fff;
    outline: 2px dotted #ffc107;
    box-shadow: 0 0 25px #fef7d3; */
     }
      .hr-management-sec .imgbox{
      max-width: 100px;
     }
      .hr-management-sec .hr-management-h{
        font-weight:700;
        font-size:40px;
        color:#000;
        margin:0 0 12px;
     }
      .hr-management-sec .hr-management-para{
        font-weight:400;
        color:#000;
        font-size: 18px;
        margin:0 0 20px;
     }
.hr-management-sec #more {display: none;}

.hr-management-sec .readmore-hrmanagement{
    background:transparent;
    border:0;
    padding:0;
    color:#314ff6;
    text-transform: capitalize;
    font-size: 18px;
    font-weight: 500;
    text-decoration: underline;
}
     /* ---hr management--- */


     /* ----full section--- */
     .full-sec{
        padding:0 0 70px;
     }
     .full-w-rcol{
        padding:70px 120px !important;
        background: url(../images/hr-img/full-w-colbg.jpg) center center no-repeat;
        background-size: cover;
        position: relative;
        text-align: left;
        /* background-attachment: fixed; */
     }

    .full-w-rcol::before{
        content: '';
        background:#0000004d;
        position: absolute;
        top:0;
        left:0;
        right:0;
        bottom:0;
     }
     .full-w-lcol{
      background:#f7e94c;
      text-align:left ;
      padding:70px 120px !important;
     }
   .fuul-w-colbox{
        position: relative;
     }

     .full-w-h{
        font-weight:700;
        font-size:40px;
        color:#fff;
        line-height: 1.2;
     }
     .full-w-para{
        color:#fff;
        font-size:18px;
        font-weight:500;
     }
     .full-w-span{
    font-size: 50px;
    font-weight: 800;
    color: #fff;
    display: inline-block;
    margin: 0 0 25px;
    border: 2px solid #fff;
    padding: 10px 30px;
     }
          .fullw-black-txt{
      color:#000;
     }
     .full-w-span-black{
      border:1px solid #000;
     }
     /* ----full section--- */


     /* ---hr solution-- */
     .hr-solution{
        padding:50px 0;
        background:#f1f7fc;
     }
      .hr-solution .hr-solution-h{
        font-weight:700;
        color:#000;
        font-size:40px;
        text-align: center;
        text-transform: capitalize;
        max-width: 500px;
    margin: 0 auto 20px;
    line-height: 1.3;
     }
      .hr-solution .colbox{
        padding:25px 20px;
        border-radius:15px;
        background:#fff;
        margin:30px 0 0;
     }
 
     .hr-solution .txt-box .blue-title{
       font-weight:600;
       color:blue;
       font-size:18px;
       margin:0 0 12px;
     }
          .hr-solution .txt-box .para-bold{
 font-weight: 600;
    color: #000;
    font-size: 22px;
       margin:0;
       line-height:1.4;
       text-transform: capitalize;
     }
      .hr-solution .hr-solution-inr-row{
        align-items: center;
     }
     .hr-solution .hr2-hr-solution-img{
      width:70px;
      height:70px;
      margin:0 0 30px;
     }
     .hr-solution .hr2-hr-solution-subh{
    font-weight: 600;
    color: rgb(0, 0, 0);
    font-size: 25px;
    margin:0 0 10px;
     }
     .hr-solution .hr2-hr-solution-para{
      font-weight:400;
      font-size:16px;
      margin:0;
     }
     .hr2-solution{
      padding:80px 0 100px;
     }
     /* ---hr solution-- */



     /* ---pre full-width sec---- */
     .pre-full-w-sec{
      padding:80px 0;
      background:#fff
     }
     .pre-full-w-sec .pre-full-w-h{
    font-weight: 700;
    color: #000;
    font-size: 40px;
    text-align: center;
    text-transform: capitalize;
    max-width: 600px;
    margin: 0 auto 20px;
    line-height: 1.3;
     }
     .pre-full-w-sec .pre-full-w-flxbox{
      display: flex;
      gap:20px;
      justify-content: start;
      align-items: start;
      padding:20px;
      background:#fff;
      border-radius:10px;
      box-shadow:0 0 10px #e0e0e0;
      margin:10px 0;
     }
     .pre-full-w-sec .pre-full-w-flxbox .iconbox{
          width:50px;
          min-width: 50px;
          height:50px;
          border-radius:100%;
          text-align:center;
          line-height:50px;
          color:#fff;
          background:#0000ff;
          box-shadow: 0px 5px 1px #062c81;
     }

     .pre-full-w-sec .pre-full-w-flxbox .iconbox i{
      color:#fff;
      font-size:20px;
     }
     .pre-full-w-sec .pre-full-w-flxbox .txtbox .subh{
        font-weight:600;
        color:#000;
        font-size:22px;
        margin:0 0 10px;
        text-transform:capitalize;
     }
     .pre-full-w-sec .pre-full-w-flxbox .txtbox .para{
      font-weight:400;
      margin:0;
     }
     .pre-full-w-sec .col-imgbox{
      border-radius:10px;
      margin:10px 0;
      overflow: hidden;
     }
     /* ---pre full-width sec---- */



     /* ------career---- */
     .career-joinus{
      padding:50px 0 70px;
      background:#fff;
     }
.sec-title .sub-text.style-bg {
    background-color: #1273EB17;
    display: inline-block;
    padding: 6px 25px;
    color: #000000;
    border-radius: 30px;
    text-transform: uppercase;
}
.sec-title .title {
    font-size: 36px;
    font-weight: 700;
    line-height: 46px;
    color: #101010;
    margin: 15px 0 35px;
}
.sec-title .desc {
    font-size: 18px;
    font-weight: 400;
    margin: 0;
}
.carrer-joinus-row{
  align-items: center;
}
.rs-process{
  padding:70px 0;
}
.rs-process .rs-addon-number .number-text .number-area-copy {
    display: block;
    font-size: 50px;
    font-weight: 700;
    line-height: 1.4;
    color: #000;
    background: transparent;
    margin:0;
    padding:0;
}
.rs-process .rs-addon-number .number-text .number-title .title {
    font-size: 24px;
    line-height: 34px;
    font-weight: 600;
    color: #101010;
    margin-bottom: 10px;
}
.note-yellow-box{
      padding: 40px 40px 15px 40px !important;
}

     /* ----------responsive start-------- */
     @media(max-width:1040px){
      .full-w-lcol{
        padding:50px 45px !important;
      }
      .full-w-rcol{
        padding:50px 45px !important;
      }
     }

     @media(max-width:991px){
      .hr-bnr2 .hr-bnr2-h{
        font-size:35px;
      }
      .hr-bnr2 .hr-bnr2-para{
        margin: 20px 0 10px;
      }
      .hr-bnr2{
        padding:0;
      }
      .hr-bnr2 .bnr-imgbox{
        margin-top:120px;
      }
      .hr-management-sec .hr-management-h{
        font-size:30px;
      }
      .experience-sec .experience-sec-h{
        font-size: 30px;
      }
      .hr-management-sec{
        padding: 50px 0 0;
      }
      .experience-sec{
        padding:50px 0;
      }
      .experience-sec .experience-span{
        font-size: 45px;
      }
      .experience-sec .hiringbox .hiring-number{
        font-size: 45px;
      }
      .experience-sec .bluebox-h{
        font-size:28px;
      }
      .experience-sec .experience-sec-col1-inrrow{
        margin-bottom:20px;
      }
      .hr2-solution{
        padding:50px 0 60px;
      }
      .hr-solution .hr-solution-h{
        font-size: 30px;
        margin:0 auto 0;
      }
      .pre-full-w-sec{
        padding:50px 0;
      }
      .pre-full-w-sec .pre-full-w-h{
        font-size: 30px;
      }
          .full-w-lcol {
        padding: 35px 20px !important;
    }
              .full-w-rcol {
        padding: 35px 20px !important;
    }
    .full-w-h{
      font-size: 30px;
    }
    .full-w-span{
      padding: 5px 16px;
      font-size: 30px;
    }
    .faq{
      padding:50px 0;
    }
    .faq .faq-row {
    margin-top: 0px;
}
.faq .faq-h{
  font-size: 30px;
}
.faq .faq-box{
  margin-top:25px;
}
.contactUs-wrapper h1{
  font-size:40px;
  padding-top:63 !important;
}
.contactUs-wrapper.digital .submit-btn{
  padding-bottom:0;
}
.title-text h2{
  padding-top:25px;
}
.title-text h2{
  font-size: 30px;
}
.client-slider{
  padding-top:0;
}
.dumy-sec1 .heading{
  font-size:30px;
}
.dumy-sec1 .col-box1{
  padding: 35px 30px 45px;
  margin-bottom:30px;
}
.dumy-sec1 .sub-colbox-h{
  font-size: 28px;
}
.free-consultation-inner-wrapper h2{
  font-size: 30px;
}
.dumy-sec1{
  padding:0 0 60px;
}
.free-consult-bg{
  padding:20px 0 60px;
}
.post-bnr{
  padding:60px 0 0;
}
.postbnr-h{
  font-size: 30px;
  margin-top:25px;
}
.about-us-section{
  padding-bottom:50px;
}
.about-us-inner-wrapper .statistic-m {
    margin-top: 35px !important;
}
.about-us-p{
  font-size: 28px;
}
.about-us-rcol{
  text-align: left;
}
.bg-white-process{
  padding: 40px 40px 40px 40px;
  margin-bottom:30px;
}
.req-section{
  padding:50px 0;
}
.pre-faq-notetitle{
  font-size: 25px;
}
.faq-copy{
  padding:30px 0 50px;
}
.faq-section .whatwedo-text h2{
  font-size: 30px;
}
     }

@media(max-width:767px){
      .hr-bnr2 {
        padding:50px 0 0;
    }
    .hr-bnr2 .bnr-imgbox {
        margin-top: 40px;
        max-width: 300px;
    }
    .hr-management-sec .imgbox {
    max-width: 70px;
}
.hr-management-sec .hr-management-box{
  flex-direction: column;
  gap:10px;
}
    .hr-management-sec .hr-management-h {
        font-size: 25px;
    }
    .hr-management-sec .hr-management-para{
      font-size:16px;;
    }
        .experience-sec .experience-sec-h {
        font-size: 25px;
    }
    .experience-sec .experience-sec-col1-ul li{
      font-size: 16px;
    }
        .experience-sec .experience-span {
        font-size: 30px;
    }
    .experience-sec .experience-p{
      font-size: 18px;
    }
    .experience-sec .yellow-box{
      padding:40px 20px;
    }
        .experience-sec .hiringbox .hiring-number {
        font-size: 30px;
    }
    .experience-sec .hiringbox .hiring-p{
      font-size:18px;
    }
    .experience-sec .hiringbox{
      padding: 19px 30px;
    }
    .experience-sec .hiringbox .hiring-arrow
     {
    width: 22px;
       }
       .experience-sec .hiringbox .hiring-arw-imgbox{
        width: 50px;
    height: 50px;
    line-height:50px;
       }
           .experience-sec .bluebox-h {
        font-size: 23px;
    }
    .experience-sec .blue-box{
      padding:25px;
    }
    .experience-sec .blue-box-boldpara{
      font-size:16px;
    }
    .experience-sec .experience-btn{
      font-size:16px;
      width:160px;
      padding:10px;
      margin-top:10px;
    }
    .hr-bnr2 .hr-bnr2-butn{
            font-size:16px;
      width:160px;
      padding:10px;
      margin-top:10px;
    }
        .hr2-solution {
        padding: 40px 0 50px;
    }
        .hr-solution .hr-solution-h {
        font-size: 25px;
        margin: 0 auto 0;
    }
    .hr-solution .hr2-hr-solution-img {
    width: 50px;
    height: 50px;
    margin: 0 0 12px;
}
.hr-solution .hr2-hr-solution-subh{
  font-size: 22px;
}
    .pre-full-w-sec .pre-full-w-h {
        font-size: 25px;
    }
    .pre-full-w-sec .pre-full-w-flxbox .txtbox .subh{
      font-size: 18px;
    }
        .full-w-h {
        font-size: 25px;
    }
    .full-w-para{
      font-size:16px;
    }
        .faq .faq-h {
        font-size: 25px;
    }
    .faq .butn{
      padding: 12px 32px;
      font-size: 16px;
    }
    .contactUs-wrapper h1{
      font-size: 28px;
    }
    .contactUs-wrapper p{
      font-size: 16px !important;
    }
    .bnr-btn{
      font-size: 15px;
      padding:10px;
    }
    .contactUs-wrapper.digital .submit-btn{
      padding-top:0;
    }
    .title-text h2{
      font-size: 25px;
    }
    .title-text p{
      font-size: 16px;
    }
    .dumy-sec1 .heading{
      font-size: 25px;
    }
    .dumy-sec1 .col-box1{
      padding: 25px 20px 35px;
    }
    .dumy-sec1 .para{
      font-size: 16px;
    }
    .dumy-sec1 .butn{
      font-size: 15px;
      padding:10px 20px;
    }
    .dumy-sec1 .sub-colbox{
      padding: 25px 18px;
    }
        .dumy-sec1 .sub-colbox-h {
        font-size: 22px;
    }
    .dumy-sec1 .sub-colbox-p{
      font-size:16px;
    }
    .free-consultation-inner-wrapper h2{
      font-size: 25px;
    }
    .free-consultation-inner-wrapper .submit-btn .lets-chat{
      font-size: 15px;
      width:160px;
    }
    .postbnr-h{
      font-size: 25px;
    }
    .show_more_btn button{
      padding:10px 10px;
      font-size: 15px;
      width:160px;
      margin:5px 0 0;
    }
    .about-us-inner-wrapper .statistic-m {
        margin-top: 25px !important;
    }
    .about-us-p {
        font-size: 25px;
    }
    .about-btn{
      font-size: 15px;
      padding:10px 10px;
    }
    .hr-solution .txt-box .para-bold {
      font-size: 15px;
    }
        .bg-white-process {
        padding: 30px 15px 30px 20px;
    }
        .pre-faq-notetitle {
        font-size: 18px;
    }
    .pre-faq-subh {
    font-size: 18px !important;
}
    .faq-section .whatwedo-text h2 {
        font-size: 25px;
    }
        .req-section {
        padding: 50px 0 30px;
    }
    .accordion-title{
      text-align: left;
    }
    .bold-note-prefaq{
      font-size:25px;
      text-align: left;
    }
}


@media(max-width:575px){
    .hr-bnr2 .hr-bnr2-h {
        font-size: 29px;
    }
    .hr-bnr2 .hr-bnr2-para{
      font-size:16px;
    }
    .experience-sec .hiringbox{
      margin-top:25px;
    }
    .footer .footer-heading{
      margin-bottom:0;
    }
    .footer-logo{
      text-align: left !important;
      margin-top:25px;
    }
    .hr-solution .txt-box .blue-title{
      margin-top:20px;
    }
}
     /* ----------responsive end-------- */