/*!
Theme Name: solid commerce
Theme URI: http://underscores.me/
Author: Underscores.me
Author URI: http://underscores.me/
Description: Description
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: solid-commerce
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

solid commerce is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/

.no-results {
  flex-direction: column;
  justify-content: end;
  text-align: center;
}
input.search-submit {
  padding: 10px;
  border-radius: 10px;
}
input.search-field {
  padding: 10px;
  border-radius: 10px;
}
.custom-search-results {
  display: flex;
  flex-direction: column;
  justify-content: center;
  text-align: center;
  padding: 50px 100px;
}
.custom-search-results article {
  padding: 30px 0px;
}
.custom-search-results .post-thumbnail img {
  padding: 30px 0px;
}
.custom-default-results {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 50px 100px;
}
.custom-default-results .post-thumbnail img {
  padding: 30px 0px;
}
.custom-default-results figcaption {
  display: none;
}
.custom-archive-results {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 50px 100px;
}
.custom-archive-results article {
  display: flex;
  align-items: center;
  padding: 30px 0px;
}
.custom-archive-results .entry-content {
  display: none;
}
.custom-archive-results article img {
  max-width: 500px;
}

.wpcf7-not-valid-tip:not(:nth-child(1)):not(:nth-child(2)) {
  display: none;
}
span.wpcf7-spinner {
  margin-top: 20px;
}

span.page-numbers.current {
  background-color: var(--color-orange);
  border-color: var(--color-orange);
  color: var(--color-white);
}

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

.comp-box-icon .btn-box {
  margin-top: calc(30vw / var(--context));
}
.comp-partner-logo ul.logo-box-3 img {
  max-width: 60%;
}
.comp-partner-logo ul img {
  max-width: 70%;
  max-height: 70%;
}

/* blog-page */
.blog-banner {
  background-color: var(--color-orange);
}
.blog-banner .inner-wrapper {
  padding: calc(50vw / var(--context)) calc(50vw / var(--context));
}
.blog-banner .content {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.blog-banner .content .left-col {
  width: 40%;
}
.blog-banner .content .left-col h6 {
  color: var(--color-white);
}
.blog-banner .content .left-col h3,
.blog-banner .content .left-col h4 {
  font-weight: 700;
  color: var(--color-white);
}
.blog-banner .content .left-col h3 span,
.blog-banner .content .left-col h4 span {
  font-weight: 400;
  margin-left: calc(3vw / var(--context));
}
.blog-banner .content .left-col p {
  color: var(--color-white);
}
.blog-banner .content .right-col {
  width: 45%;
}
.blog-banner .content .right-col .sign-up-for-news-and-updates h6 {
  color: var(--color-white);
}
.blog-banner .content .right-col form p {
  margin: 0;
}
.blog-banner .content .right-col form br {
  display: none;
}
.blog-banner .content .right-col form .wpcf7 {
  display: flex;
  gap: calc(10vw / var(--context));
  flex-wrap: wrap;
}
.blog-banner .content .right-col form .wpcf7 .hs_email {
  width: 52%;
}
.blog-banner .content .right-col form .wpcf7 .hs_email input {
  width: 100%;
  padding: calc(15vw / var(--context)) calc(28.25vw / var(--context));
  border: 0;
  box-shadow: 0;
  font-size: calc(16vw / var(--context));
  height: calc(55vw / var(--context));
}
.blog-banner .content .right-col form .wpcf7 .hs_email input:focus {
  outline: unset;
  border: 0;
}
.blog-banner .content .right-col form .wpcf7 .submit {
  /* background-color: var(--color-navy-blue);
  */
}
.blog-banner .content .right-col form .wpcf7 .submit input {
  background-color: transparent;
  text-transform: uppercase;
  border: calc(2vw / var(--context)) solid var(--color-white) !important;
  border-color: var(--color-navy-blue);
  color: var(--color-white);
  padding: calc(15vw / var(--context)) calc(51.25vw / var(--context));
  font-size: calc(16vw / var(--context));
  height: calc(55vw / var(--context));
  font-weight: 500;
  display: inline-block;
  line-height: 1;
  text-align: center;
  overflow: hidden;
  position: relative;
  transition: all 0.5s ease-in-out;
  box-shadow: none;
}
.blog-banner .content .right-col form .wpcf7 .submit input:hover {
  background-color: var(--color-navy-blue);
  color: var(--color-white);
}
.blog-banner .content .right-col form .wpcf7 .submit span {
  margin: 0;
}
@media (max-width: 992px) {
  .blog-banner .inner-wrapper {
    padding: calc(50vw / var(--context)) calc(20vw / var(--context));
  }
  .blog-banner .content .right-col {
    width: 45%;
  }
  .blog-banner .content .right-col form .wpcf7 {
    gap: calc(10vw / var(--context));
  }
  .blog-banner .content .right-col form .wpcf7 .hs_email {
    width: 54%;
  }
  .blog-banner .content .right-col form .wpcf7 .hs_email input {
    padding: calc(10vw / var(--context)) calc(14.25vw / var(--context));
    height: calc(44vw / var(--context));
  }
  .blog-banner .content .right-col form .wpcf7 .submit input {
    padding: calc(10vw / var(--context)) calc(17.25vw / var(--context));
    font-size: calc(12vw / var(--context));
    height: calc(44vw / var(--context));
  }
  .blog-banner .content .right-col form .wpcf7 .submit span {
    margin: 0;
  }
}
@media (max-width: 750px) {
  .blog-banner .inner-wrapper {
    padding: calc(50vw / var(--context)) calc(0vw / var(--context));
  }
  .blog-banner .content {
    flex-direction: column;
  }
  .blog-banner .content .left-col {
    width: 100%;
  }
  .blog-banner .content .right-col {
    width: 100%;
  }
  .blog-banner .content .right-col form .wpcf7 {
    gap: calc(10vw / var(--context));
  }
  .blog-banner .content .right-col form .wpcf7 .hs_email {
    width: 59%;
  }
}
/* blog-wrapper */
.blog-wrapper-sec {
  position: relative;
}
.blog-wrapper-sec::before {
  background-color: var(--color-orange);
  content: "";
  top: 0;
  width: 100%;
  height: 30%;
  position: absolute;
  left: 0;
}
.blog-wrapper-sec .inner-wrapper {
  padding: calc(50vw / var(--context)) calc(50vw / var(--context));
  background-color: var(--color-white);
  position: relative;
  z-index: 9;
}
.blog-wrapper-sec .wrapper {
  display: flex;
  justify-content: space-between;
}
.blog-wrapper-sec .wrapper .left-col {
  width: 63%;
}
.blog-wrapper-sec .wrapper .left-col .img-box {
  width: 100%;
}
.blog-wrapper-sec .wrapper .left-col .img-box img {
  width: 100%;
  border: 1px solid #cccccc85;
  border-radius: calc(10vw / var(--context));
}
.blog-wrapper-sec .wrapper .right-col {
  width: 32%;
}
.blog-wrapper-sec .wrapper .right-col .custom-search-results {
  padding: 0;
}
.blog-wrapper-sec .wrapper .right-col form label {
  font-size: calc(14vw / var(--context));
  text-align: left;
  display: block;
  width: 100%;
}
.blog-wrapper-sec .wrapper .right-col form .wp-block-search__inside-wrapper {
  display: flex;
  position: relative;
  margin-top: calc(15vw / var(--context));
}
.blog-wrapper-sec
  .wrapper
  .right-col
  form
  .wp-block-search__inside-wrapper
  input {
  width: 100%;
  padding: calc(12vw / var(--context)) calc(50vw / var(--context))
    calc(12vw / var(--context)) calc(20vw / var(--context));
  border: 1px solid rgba(0, 0, 0, 0.5);
  box-shadow: 0;
}
.blog-wrapper-sec
  .wrapper
  .right-col
  form
  .wp-block-search__inside-wrapper
  input:focus {
  outline: unset;
}
.blog-wrapper-sec
  .wrapper
  .right-col
  form
  .wp-block-search__inside-wrapper
  .wp-block-search__button {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: calc(10vw / var(--context));
}
.blog-wrapper-sec form .wp-block-search__button img {
  width: calc(30vw / var(--context));
  height: calc(30vw / var(--context));
}
.blog-wrapper-sec .wrapper .right-col .custom-search-results .widget_search {
  margin-bottom: calc(60vw / var(--context));
}
.blog-wrapper-sec .wrapper .right-col h2.wp-block-heading {
  font-size: calc(16vw / var(--context));
  text-transform: uppercase;
  color: var(--color-orange);
  text-align: left;
  margin-top: calc(30vw / var(--context));
}
.blog-wrapper-sec .wrapper .right-col .wp-block-categories-list li {
  padding: calc(15vw / var(--context)) calc(15vw / var(--context))
    calc(15vw / var(--context));
  border-top: 1px solid var(--color-orange);
  border-bottom: 1px solid var(--color-orange);
  text-align: left;
  transition: all 0.5s ease-in-out;
}
.blog-wrapper-sec .wrapper .right-col .wp-block-categories-list li:hover {
  background-color: #ff7c01 84;
}
.blog-wrapper-sec .blog-card .date {
  margin-top: calc(20vw / var(--context));
}
.blog-wrapper-sec .blog-card .date span {
  font-size: calc(12vw / var(--context));
  display: block;
}
.blog-wrapper-sec .blog-card .heading {
  margin-top: calc(10vw / var(--context));
}
.blog-wrapper-sec .blog-card .cta-box {
  margin-top: calc(20vw / var(--context));
}
@media (max-width: 992px) {
  .blog-wrapper-sec .inner-wrapper {
    padding: calc(50vw / var(--context)) calc(20vw / var(--context));
  }
  .blog-wrapper-sec .wrapper .left-col {
    width: 57%;
  }
  .blog-wrapper-sec .wrapper .right-col {
    width: 38%;
  }
}
@media (max-width: 750px) {
  .blog-wrapper-sec .wrapper .right-col .custom-search-results .widget_search {
    margin-bottom: calc(0vw / var(--context));
  }
  .blog-wrapper-sec .inner-wrapper {
    padding: calc(50vw / var(--context)) calc(0vw / var(--context))
      calc(30vw / var(--context));
  }
  .blog-wrapper-sec .wrapper {
    flex-direction: column-reverse;
  }
  .blog-wrapper-sec .wrapper .left-col {
    width: 100%;
  }
  .blog-wrapper-sec .wrapper .right-col {
    width: 100%;
    padding: calc(0vw / var(--context)) calc(20vw / var(--context));
    margin-bottom: calc(30vw / var(--context));
  }
  .blog-wrapper-sec form .wp-block-search__button img {
    width: calc(25vw / var(--context));
    height: calc(25vw / var(--context));
  }
}
/* blog-wrapper-end */
/* all-blog-sec */
.all-blog-sec .inner-wrapper {
  padding: calc(50vw / var(--context)) calc(50vw / var(--context));
}
.all-blog-sec .card-wrapper .card {
  display: flex;
  justify-content: space-between;
  margin-bottom: calc(60vw / var(--context));
}
.all-blog-sec .card-wrapper .card .left-col {
  width: 47%;
}
.all-blog-sec .card-wrapper .card .left-col img {
  background-color: #cccccc40;
}
.all-blog-sec .card-wrapper .card .right-col {
  width: 47%;
  margin-top: calc(20vw / var(--context));
}
.all-blog-sec .card-wrapper .card .right-col .info .date span {
  font-size: calc(12vw / var(--context));
  display: block;
}
.all-blog-sec .card-wrapper .card .right-col .info .heading {
  margin-top: calc(10vw / var(--context));
}
.all-blog-sec .card-wrapper .card .right-col .info .cta-box {
  margin-top: calc(20vw / var(--context));
}
.all-blog-sec .card-wrapper .info .heading a h4 {
  transition: all 0.3s linear;
  margin-bottom: calc(10vw / var(--context));
}
.all-blog-sec .card-wrapper .info .heading a:hover h4 {
  color: var(--color-orange);
}
.blog-wrapper-sec .btn-box,
.all-blog-sec .btn-box {
  margin-top: calc(15vw / var(--context));
}
.blog-wrapper-sec .btn-box a,
.all-blog-sec .btn-box a {
  display: flex;
  align-items: baseline;
  font-size: var(--font-size-body-md);
  gap: calc(10vw / var(--context));
  color: var(--color-orange);
  margin: 0;
}
.blog-wrapper-sec .btn-box a svg,
.all-blog-sec .btn-box a svg {
  transition: all 0.5s ease-in-out;
  width: calc(6vw / var(--context));
  height: calc(12vw / var(--context));
}
.blog-wrapper-sec .btn-box a:hover svg,
.all-blog-sec .btn-box a:hover svg {
  margin-left: 5px;
}
.blog-wrapper-sec .btn-box a svg path,
.all-blog-sec .btn-box a svg path {
  fill: var(--color-orange);
}
@media (max-width: 992px) {
  .all-blog-sec .inner-wrapper {
    padding: calc(50vw / var(--context)) calc(20vw / var(--context));
  }
  .all-blog-sec .card-wrapper .card .left-col {
    width: 40%;
  }
  .all-blog-sec .card-wrapper .card .right-col {
    width: 55%;
  }
  .all-blog-sec .card-wrapper .card {
    margin-bottom: calc(30vw / var(--context));
  }
}
@media (max-width: 750px) {
  .all-blog-sec .inner-wrapper {
    padding: calc(0vw / var(--context)) calc(0vw / var(--context))
      calc(40vw / var(--context));
  }
  .all-blog-sec .card-wrapper .card {
    flex-direction: column;
  }
  .all-blog-sec .card-wrapper .card .left-col {
    width: 100%;
  }
  .all-blog-sec .card-wrapper .card .right-col {
    width: 100%;
  }
}
/* all-blog-sec-end */
/* blog-detailed */
.blog-deatiled-banner {
  background-color: #0b223924;
}
.blog-deatiled-banner .inner-wrapper {
  padding: calc(50vw / var(--context)) 0;
}
.blog-deatiled-banner .flex {
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
}
.blog-deatiled-banner .flex .left-col {
  width: 60%;
}
.blog-deatiled-banner .flex .left-col h6 {
  font-size: var(--font-size-body-xs);
}
.blog-deatiled-banner .flex .left-col .date-time {
  margin-bottom: calc(20vw / var(--context));
  display: flex;
  gap: calc(15vw / var(--context));
}
.blog-deatiled-banner .flex .left-col .date-time p {
  color: var(--color-orange);
  margin-bottom: 0;
}
.blog-deatiled-banner .flex .left-col .content h5 {
  font-style: italic;
  color: rgba(34, 77, 114, 1);
  margin-bottom: calc(12vw / var(--context));
}
.blog-deatiled-banner .flex .left-col .content p {
  font-size: var(--font-size-body-xs);
  max-width: calc(600vw / var(--context));
}
.blog-deatiled-banner .flex .left-col .content p:last-of-type {
  margin-bottom: 0;
}
.blog-deatiled-banner .flex .right-col {
  width: 35%;
}
@media (max-width: 750px) {
  .blog-deatiled-banner .inner-wrapper {
    padding: calc(50vw / var(--context)) 0;
  }
  .blog-deatiled-banner .flex {
    flex-direction: column-reverse;
  }
  .blog-deatiled-banner .flex .left-col {
    margin-top: calc(30vw / var(--context));
    width: 100%;
  }
  .blog-deatiled-banner .flex .left-col h6 {
    margin-bottom: calc(10vw / var(--context));
  }
  .blog-deatiled-banner .flex .left-col h3 {
    margin-bottom: calc(10vw / var(--context));
  }
  .blog-deatiled-banner .flex .left-col .date-time {
    margin-bottom: calc(10vw / var(--context));
  }
  .blog-deatiled-banner .flex .left-col .content p {
    max-width: 100%;
  }
  .blog-deatiled-banner .flex .right-col {
    width: 100%;
  }
}
/* blog-detailed-end*/
/* toc */
.post-template-default #page {
  overflow: unset;
}
.arrow {
  background-color: #ffeff2;
  border-radius: 50%;
  height: calc(30vw / var(--context));
  position: absolute;
  right: 0;
  width: calc(30vw / var(--context));
}
.arrow::before {
  content: "";
  display: block;
  left: 50%;
  position: relative;
  transform: translate(-50%, -50%);
  transition: all 0.3s;
  border-bottom: 2px solid #7b004c;
  top: 50%;
  width: calc(16vw / var(--context));
}
.active .arrow:after {
  content: "";
  display: block;
  left: 50%;
  position: relative;
  transform: translate(-50%, -50%);
  transition: all 0.3s;
  border-right: 2px solid #7b004c;
  height: calc(16vw / var(--context));
  top: 44%;
  width: 2px;
}
.toc.accor-row.active {
  border-bottom: 1px solid rgba(0, 0, 0, 0.5);
}
.toc-wrapper {
  position: relative;
}
.toc-wrapper .inner-wrapper {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  margin-top: calc(60vw / var(--context));
}
.toc-content-wrapper {
  width: 66%;
}
.toc-content-wrapper ul {
  list-style-type: disc;
  margin-left: 2rem;
}
.toc-content-wrapper ul li {
  margin-bottom: calc(20vw / var(--context));
}
.toc-content-wrapper ol {
  list-style-type: disc;
  margin-left: 2rem;
}
.toc-content-wrapper ol li {
  margin-bottom: calc(20vw / var(--context));
}
.toc {
  position: sticky;
  top: calc(84vw / var(--context));
  left: calc(20vw / var(--context));
  width: 30%;
  padding: calc(15vw / var(--context));
}
.toc ul {
  list-style: none;
  padding: 0;
  padding-left: calc(10vw / var(--context));
  margin-left: calc(10vw / var(--context));
  border-left: 1px solid rgba(0, 0, 0, 0.5);
}
.toc ul li {
  padding: calc(12vw / var(--context)) 0 calc(12vw / var(--context));
  border-bottom: 1px solid rgba(0, 0, 0, 0.5);
}
.toc ul li a {
  position: relative;
}
.toc ul li a.active::before {
  content: "";
  position: absolute;
  background-color: var(--color-orange);
  width: calc(7vw / var(--context));
  height: calc(7vw / var(--context));
  top: 50%;
  transform: translateY(-50%);
  border-radius: 100px;
  left: calc(-13vw / var(--context));
}
.toc-content-wrapper p {
  margin-bottom: calc(18vw / var(--context));
}
.toc-content-wrapper a {
  color: var(--color-navy-blue);
  text-decoration: underline;
  transition: all 0.3s linear;
}
.toc-content-wrapper a:hover {
  color: var(--color-orange);
}
.toc h3 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  cursor: pointer;
}
.toc-content-wrapper h2 {
  font-size: calc(40vw / var(--context));
}
.toc-content-wrapper p {
  font-size: calc(18vw / var(--context));
}
@media (max-width: 992px) {
  .toc {
    width: 35%;
    top: calc(65vw / var(--context));
  }
  .toc h3 {
    font-size: calc(18vw / var(--context));
  }
  .toc-content-wrapper p {
    font-size: calc(16vw / var(--context));
  }
}
@media (max-width: 750px) {
  .post-template-default #page {
    overflow: hidden;
  }
  .toc-content-wrapper h2 {
    font-size: calc(30vw / var(--context));
  }
  .toc-content-wrapper p {
    font-size: calc(16vw / var(--context));
  }
  .toc-content-wrapper {
    width: 100%;
  }
  .toc {
    width: 100%;
    position: static;
    margin-bottom: calc(20vw / var(--context));
    padding: 0;
  }
  .toc-wrapper .inner-wrapper {
    flex-direction: column-reverse;
  }
  .toc h3 span {
    right: calc(30vw / var(--context));
  }
  body.post-template-default,
  body.blog.hfeed {
    padding-top: calc(40vw / var(--context));
  }
  .toc-content-wrapper ul {
    list-style-type: disc;
    margin-left: 1rem;
  }
  .toc-content-wrapper ul li {
    margin-bottom: calc(15vw / var(--context));
  }
  .toc-content-wrapper ol {
    list-style-type: disc;
    margin-left: 1rem;
  }
  .toc-content-wrapper ol li {
    margin-bottom: calc(15vw / var(--context));
  }
}
/* feedback li-set 3-col ,2-col*/
.comp-partner-logo ul li a {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
}
@media (min-width: 992px) {
  .list-with-bottom-img .listing-heading ul.colm-4.colm-3 li {
    width: 33.33%;
  }
  .list-with-bottom-img .listing-heading ul.colm-4.colm-3 li:nth-of-type(4n) {
    border-right: calc(1vw / var(--context)) dashed #888;
  }
  .list-with-bottom-img .listing-heading ul.colm-4.colm-3 li:nth-of-type(3n) {
    border-right: 0;
  }
  .list-with-bottom-img .listing-heading ul.colm-4.colm-3 li:last-child {
    border: 0;
  }
  .list-with-bottom-img .listing-heading ul.colm-4.colm-2 li {
    width: 50%;
  }
  .list-with-bottom-img .listing-heading ul.colm-4.colm-2 li:nth-of-type(2n) {
    border-right: 0;
  }
  .list-with-bottom-img .listing-heading ul.colm-4.colm-2 li:last-child {
    border: 0;
  }
}
/* site spacing dec */
@media (min-width: 992px) {
  body .comp-divider-border {
    margin-bottom: calc(calc(80vw / var(--context)));
  }
  body .comp-bottom-spacer {
    margin-bottom: calc(calc(100vw / var(--context)));
  }
  body .why-us-sec .heading-box {
    margin-bottom: calc(60vw / var(--context));
  }
  body .ecom-platform-slider-sec .heading-box {
    margin-bottom: calc(60vw / var(--context));
  }
  body .list-with-bottom-img .listing-heading h2 {
    margin-bottom: calc(40vw / var(--context)) !important;
  }
  body .list-with-bottom-img .listing-heading {
    margin-bottom: calc(50vw / var(--context));
  }
  body .logo-listing-comp .heading-box {
    margin-bottom: calc(60vw / var(--context)) !important;
  }
  body .comp-reach-us {
    margin-bottom: calc(70vw / var(--context));
  }
  body .comp-content-img h2 {
    margin-bottom: calc(30vw / var(--context)) !important;
  }
  body .right-stats-card-sec .tex-box h2 {
    margin-bottom: calc(30vw / var(--context));
  }
  body .sc-benefits-slider .text-box .desc-box {
    margin: calc(30vw / var(--context));
  }
}
@media (min-width: 750px) {
  body .comp-bottom-spacer {
    margin-bottom: calc(calc(70vw / var(--context)));
  }
}
/* new-pricing-css */
.pricing-card-sec .grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: calc(20vw / var(--context));
}
.pricing-card-sec .card {
  background-color: rgba(237, 237, 237, 1);
  border-radius: calc(10vw / var(--context));
  padding: calc(56vw / var(--context)) calc(17vw / var(--context))
    calc(18vw / var(--context));
}
.pricing-card-sec .card .row-wrapper {
  margin-bottom: calc(36vw / var(--context));
}
.pricing-card-sec .card .row-wrapper .heading-with-para {
  margin-bottom: calc(47vw / var(--context));
  max-width: calc(475vw / var(--context));
}
.pricing-card-sec .card .row-wrapper .heading-with-para:last-child {
  margin-bottom: 0;
}
.pricing-card-sec .card .row-wrapper h4 {
  font-weight: 700;
  margin-bottom: calc(8vw / var(--context));
}
.pricing-card-sec .card .row-wrapper p {
  font-size: var(--font-size-body-md);
  line-height: 1.2;
}
.pricing-card-sec .card .row-wrapper p b {
  font-size: calc(28vw / var(--context));
  line-height: 1;
}
.pricing-card-sec .card .row-wrapper p:last-of-type {
  margin-bottom: 0;
}
.pricing-card-sec .card .list-with-heading {
  padding: calc(22vw / var(--context)) calc(20vw / var(--context))
    calc(30vw / var(--context));
  background-color: var(--color-white);
  border-radius: calc(10vw / var(--context));
}
.pricing-card-sec .card .list-with-heading h4 {
  font-weight: 700;
  margin-bottom: calc(16vw / var(--context));
}
.pricing-card-sec .card .list-with-heading ul li {
  padding-left: calc(38vw / var(--context));
  font-weight: 400;
  line-height: 1.75;
  position: relative;
}
.pricing-card-sec .card .list-with-heading ul li::after {
  content: "";
  position: absolute;
  top: calc(18vw / var(--context));
  left: calc(15vw / var(--context));
  width: calc(7vw / var(--context));
  height: calc(7vw / var(--context));
  border-radius: calc(100vw / var(--context));
  background-color: var(--color-black);
}
.pricing-card-sec .card .btn-wrapper {
  margin-top: calc(13vw / var(--context));
}
.pricing-card-sec .card .btn-wrapper a {
  padding: calc(30vw / var(--context));
  width: 100%;
  text-align: center;
  display: block;
  background-color: var(--color-navy-blue);
  color: var(--color-white);
  border-radius: calc(10vw / var(--context));
  font-size: var(--font-size-body-md);
  line-height: 1.5;
  font-weight: 500;
  font-family: var(--ff-sofia-pro);
  transition: all 0.5s ease-in-out;
}
.pricing-card-sec .card .btn-wrapper a:hover {
  background-color: var(--color-orange);
  color: var(--color-white);
}
.auto-reply-sec .inner-wrapper {
  background-color: var(--color-navy-blue);
  padding: calc(50vw / var(--context)) calc(20vw / var(--context))
    calc(24vw / var(--context));
  border-radius: calc(10vw / var(--context));
  margin-top: calc(24vw / var(--context));
  margin-bottom: calc(135vw / var(--context));
}
.auto-reply-sec .heading {
  padding-left: calc(27vw / var(--context));
  margin-bottom: calc(43vw / var(--context));
}
.auto-reply-sec .heading h4 {
  font-weight: 700;
  margin-bottom: calc(8vw / var(--context));
  color: var(--color-white);
}
.auto-reply-sec .heading p {
  font-size: var(--font-size-body-md);
  font-weight: 400;
  color: var(--color-white);
}
.auto-reply-sec .heading p:last-of-type {
  margin-bottom: 0;
}
.auto-reply-sec .table-wrapper {
  padding: calc(6vw / var(--context)) calc(20vw / var(--context))
    calc(50vw / var(--context));
  background-color: var(--color-white);
  border-radius: calc(10vw / var(--context));
}
.auto-reply-sec .table-wrapper .th {
  padding: calc(20vw / var(--context)) calc(0vw / var(--context))
    calc(28vw / var(--context));
}
.auto-reply-sec .table-wrapper .th li {
  font-size: var(--font-size-h4);
  font-weight: 700;
}
.auto-reply-sec .table-wrapper .tr {
  padding: calc(14vw / var(--context)) 0;
}
.auto-reply-sec .table-wrapper .tr li {
  font-size: var(--font-size-body-md);
  font-weight: 400;
}
.auto-reply-sec .table-wrapper ul {
  display: flex;
  width: 100%;
}
.auto-reply-sec .table-wrapper ul:nth-child(even) {
  background-color: rgba(247, 247, 247, 1);
}
.auto-reply-sec .table-wrapper ul li {
  width: 38.33%;
  padding-right: calc(10vw / var(--context));
}
.auto-reply-sec .table-wrapper ul li:nth-of-type(1) {
  padding-left: calc(30vw / var(--context));
}
.auto-reply-sec .table-wrapper ul li:nth-of-type(2) {
  width: 25%;
}
.auto-reply-sec .table-wrapper ul li:nth-of-type(3) {
  width: 36.67%;
}
.auto-reply-sec .btn-box-wrapper {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: calc(20vw / var(--context));
  margin-top: calc(14vw / var(--context));
}
.auto-reply-sec .btn-box-wrapper .btn-wrapper {
  width: 100%;
}
.auto-reply-sec .btn-box-wrapper .btn-wrapper a {
  text-align: center;
  width: 100%;
  display: inline-block;
  padding: calc(30vw / var(--context)) calc(20vw / var(--context));
  font-family: var(--ff-sofia-pro);
  font-weight: 500;
  font-size: var(--font-size-body-md);
  line-height: 1.5;
  text-transform: capitalize;
  color: var(--color-white);
  background-color: var(--color-orange);
  border-radius: calc(10vw / var(--context));
  transition: all 0.5s ease-in-out;
}
.auto-reply-sec .btn-box-wrapper .btn-wrapper a:hover {
  background-color: white;
  color: var(--color-orange);
}
@media (max-width: 992px) {
  .pricing-card-sec .grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: calc(20vw / var(--context));
  }
  .pricing-card-sec .card {
    padding: calc(30vw / var(--context)) calc(17vw / var(--context))
      calc(18vw / var(--context));
  }
  .pricing-card-sec .card .row-wrapper {
    margin-bottom: calc(25vw / var(--context));
  }
  .pricing-card-sec .card .row-wrapper .heading-with-para {
    margin-bottom: calc(30vw / var(--context));
    max-width: calc(475vw / var(--context));
  }
  .pricing-card-sec .card .row-wrapper .heading-with-para:last-child {
    margin-bottom: 0;
  }
  .pricing-card-sec .card .row-wrapper h4 {
    font-weight: 700;
    font-size: calc(20vw / var(--context));
  }
  .pricing-card-sec .card .row-wrapper p b {
    font-size: calc(20vw / var(--context));
  }
  .pricing-card-sec .card .row-wrapper p:last-of-type {
    margin-bottom: 0;
  }
  .pricing-card-sec .card .list-with-heading {
    padding: calc(22vw / var(--context)) calc(20vw / var(--context))
      calc(30vw / var(--context));
  }
  .pricing-card-sec .card .list-with-heading h4 {
    margin-bottom: calc(14vw / var(--context));
    font-size: calc(20vw / var(--context));
  }
  .pricing-card-sec .card .list-with-heading ul li {
    padding-left: calc(25vw / var(--context));
  }
  .pricing-card-sec .card .list-with-heading ul li::after {
    top: calc(12vw / var(--context));
    left: calc(11vw / var(--context));
    width: calc(5vw / var(--context));
    height: calc(5vw / var(--context));
  }
  .pricing-card-sec .card .btn-wrapper a {
    padding: calc(20vw / var(--context));
  }
  .auto-reply-sec .inner-wrapper {
    background-color: var(--color-navy-blue);
    padding: calc(50vw / var(--context)) calc(20vw / var(--context))
      calc(24vw / var(--context));
    border-radius: calc(10vw / var(--context));
    margin-top: calc(24vw / var(--context));
    margin-bottom: calc(70vw / var(--context));
  }
  .auto-reply-sec .heading {
    padding-left: calc(27vw / var(--context));
    margin-bottom: calc(43vw / var(--context));
  }
  .auto-reply-sec .heading h4 {
    font-weight: 700;
    margin-bottom: calc(8vw / var(--context));
    color: var(--color-white);
  }
  .auto-reply-sec .heading p {
    font-size: var(--font-size-body-md);
    font-weight: 400;
    color: var(--color-white);
  }
  .auto-reply-sec .heading p:last-of-type {
    margin-bottom: 0;
  }
  .auto-reply-sec .table-wrapper {
    padding: calc(6vw / var(--context)) calc(20vw / var(--context))
      calc(50vw / var(--context));
    background-color: var(--color-white);
    border-radius: calc(10vw / var(--context));
  }
  .auto-reply-sec .table-wrapper .th {
    padding: calc(20vw / var(--context)) calc(0vw / var(--context))
      calc(20vw / var(--context));
  }
  .auto-reply-sec .table-wrapper .th li {
    font-size: calc(18vw / var(--context));
    font-weight: 700;
  }
  .auto-reply-sec .btn-box-wrapper .btn-wrapper {
    width: 100%;
  }
  .auto-reply-sec .btn-box-wrapper .btn-wrapper a {
    padding: calc(20vw / var(--context)) calc(20vw / var(--context));
  }
}
@media (max-width: 750px) {
  .pricing-card-sec .inner-wrapper {
    margin-top: calc(40vw / var(--context));
  }
  .pricing-card-sec .grid {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    gap: calc(20vw / var(--context));
  }
  .auto-reply-sec .inner-wrapper {
    background-color: var(--color-navy-blue);
    padding: calc(50vw / var(--context)) calc(20vw / var(--context))
      calc(24vw / var(--context));
    border-radius: calc(10vw / var(--context));
    margin-top: calc(24vw / var(--context));
    margin-bottom: calc(60vw / var(--context));
  }
  .auto-reply-sec .heading {
    padding-left: calc(0vw / var(--context));
    margin-bottom: calc(43vw / var(--context));
  }
  .auto-reply-sec .heading h4 {
    font-weight: 700;
    margin-bottom: calc(8vw / var(--context));
    color: var(--color-white);
  }
  .auto-reply-sec .heading p {
    font-size: var(--font-size-body-md);
    font-weight: 400;
    color: var(--color-white);
  }
  .auto-reply-sec .heading p:last-of-type {
    margin-bottom: 0;
  }
  .auto-reply-sec .table {
    min-width: calc(500vw / var(--context));
  }
  .auto-reply-sec .table-wrapper {
    overflow: auto;
    background-color: var(--color-white);
    border-radius: calc(10vw / var(--context));
  }
  .auto-reply-sec .table-wrapper .th {
    padding: calc(20vw / var(--context)) calc(0vw / var(--context))
      calc(20vw / var(--context));
  }
  .auto-reply-sec .table-wrapper .th li {
    font-size: calc(18vw / var(--context));
    font-weight: 700;
  }
  .auto-reply-sec .btn-box-wrapper {
    grid-template-columns: repeat(1, 1fr);
  }
}
.comp-content-img .img-box.brand_logo {
  width: fit-content !important;
  padding: 0;
}
.comp-content-img .img-box.brand_logo img {
  border-radius: 0;
}
.comp-content-img .content.brand_name {
  width: auto !important;
  max-width: 80% !important;
}
.comp-content-img .content.brand_name h1 {
  margin-bottom: 0;
}
.comp-content-img .sc-row.brand-wrapper {
  align-items: center;
  gap: calc(20vw / var(--context));
  flex-wrap: nowrap;
}
@media (max-width: 750px) {
  .comp-content-img .sc-row.brand-wrapper {
    flex-wrap: wrap;
    justify-content: center;
  }
  .comp-content-img .content.brand_name {
    max-width: 100% !important;
    text-align: center;
  }
}
/* grid-card-in-center-when-is-one-overrirde */
.comp-box-icon .box-3.card-1 {
  grid-template-columns: repeat(1, 1fr) !important;
  justify-self: center;
}
.comp-box-icon .box-3.card-1 li {
  max-width: calc(384vw / var(--context));
}
.multicolumn .box h1,
.multicolumn .box h2,
.multicolumn .box h3,
.multicolumn .box h4,
.multicolumn .box h5,
.multicolumn .box h6 {
  color: var(--color-white);
}

.multicolumn .box.col-1 {
  grid-template-columns: repeat(1, 1fr);
  max-width: calc(590vw / var(--context));
  justify-self: center;
}

.multicolumn .box.col-2 {
  grid-template-columns: repeat(2, 1fr);
}

.multicolumn .box.col-3 {
  grid-template-columns: repeat(3, 1fr);
}

.multicolumn .box.col-4 {
  grid-template-columns: repeat(4, 1fr);
}

.multicolumn .box.col-5 {
  grid-template-columns: repeat(5, 1fr);
}

.multicolumn .box.col-6 {
  grid-template-columns: repeat(6, 1fr);
}
.multicolumn.comp-box-icon ul.box li {
  background-color: var(--color-navy-blue) !important;
}
.multicolumn.comp-box-icon ul.box li:nth-child(even) {
  background-color: var(--color-orange) !important;
}
@media (max-width: 992) {
  .multicolumn .box.col-6,
  .multicolumn .box.col-5,
  .multicolumn .box.col-4,
  .multicolumn .box.col-3,
  .multicolumn .box.col-2 {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 750px) {
  .comp-box-icon .box-3.card-1 li {
    max-width: 100%;
  }
  .multicolumn .box.col-6,
  .multicolumn .box.col-5,
  .multicolumn .box.col-4,
  .multicolumn .box.col-3,
  .multicolumn .box.col-2 {
    grid-template-columns: repeat(1, 1fr);
    max-width: 100%;
  }
}

.inner-wrapper {
  max-width: calc(1440vw / var(--context)) !important;
  margin-left: auto;
  margin-right: auto;
}
.sc-container {
  max-width: calc(1440vw / var(--context)) !important;
  margin-left: auto;
  margin-right: auto;
}
.site-header .header-row {
  max-width: calc(1440vw / var(--context));
  margin: 0 auto;
}
.site-footer .footer-top {
  max-width: calc(1440vw / var(--context));
  margin-left: auto;
  margin-right: auto;
}
.site-footer .footer-bottom {
  max-width: calc(1440vw / var(--context));
  margin-left: auto;
  margin-right: auto;
}
.full-img-sec {
  max-width: calc(1440vw / var(--context));
  margin-left: auto;
  margin-right: auto;
}
.comp-divider-border {
  max-width: calc(1440vw / var(--context));
  margin-left: auto;
  margin-right: auto;
}