*, ::before, ::after {margin:0;padding:0;}
.fw800{font-weight: 800;}


/* .wc-banner-section {
  background-color: #9b5c8f;
  background-image: none;
} */
 
.heading-66{font-size: clamp(24px, 3.44vw ,66px);line-height: 1.3636;}
.wc-banner-section .inner-banner-title{margin-top: 0;}
.wc-banner-section .inner-banner-title span{color:#722d59;color:#ff977b;}
.wc-banner-left.inner-banner-left {
    width: 51.976%;
}
.inner-banner.wc-banner-section {
  padding-top: clamp(100px, 7.97vw, 153px);
}
.why-choose-section {
    padding: clamp(40px, 7.4vw, 142px) 0 clamp(40px, 7.71vw, 148px);
}
.why-choose-description {
    padding-top: 4px;
    max-width: 906px;
    margin-left: auto;
    margin-right: auto;
}
.why-choose-list-item-wrap .h3-title {
    margin: 0;
    font-size: clamp(18px,1.82vw,35px);  line-height: 1.2857;  padding: clamp(20px,2.92vw,56px) clamp(22px,3.02vw,58px) 10px;
}

.why-choose-list-item {
  width: 28.875%;
  padding: 12px;
}
.why-choose-list-item-wrap {
  border-radius: clamp(12px,1.56vw,30px);
  background-color: #edf8ff;
  border: 1px solid #cee3f0;  min-height: 100%;
}
.why-choose-list-item:first-child {
  width: 42.252%;
}
.why-choose-list {
  margin-left: -12px;
  margin-right: -12px;margin-top: clamp(20px,2.81vw,54px);
}
.why-choose-section .wrapper {
    max-width: 1546px;
}
.why-choose-list-item:nth-child(-n+2) {
    width: 33.443%;
}
.why-choose-list-item:last-child {
    width: 66.557%;
}
.why-choose-cta {
    margin-top: clamp(30px,3.65vw,70px);
}
.services-offer-left {
    width: 56.761%;
    padding-right: clamp(30px,5.83vw,112px);
    padding-top: clamp(40px,8.13vw,156px);
    padding-bottom: clamp(20px, 2.08vw, 40px);
}
.services-offer-right {
    width: 43.239%;
}
.services-offer-left .h2-title {
    margin: 0px 0 clamp(30px, 2.08vw, 40px);
}
.services-offer-cta {
    margin-top: clamp(20px,2.55vw,49px);
}
.services-offer-section p {
    line-height: 1.889;
    font-weight: 400;
}
.services-offer-section {
    background-color: #edf8ff;
}
.services-offer-item .h3-title {
    font-size: clamp(12px,1.564vw,30px);
    line-height: 1.4;  margin-bottom: clamp(12px,1.25vw,24px);  font-family: var(--plusjakartasans);
}
.services-offer-item {
    padding: 66px 239px 52px 66px;
    max-width: 870px;  border-bottom: 1px solid #ccd8e7;
}
.services-offer-item:last-child{border-bottom: none;}
.services-offer-list {
    margin-right: calc(-50vw + 117%);  border-left: 1px solid #ccd8e7;
}
.service-offer-icon {
    margin-bottom: clamp(20px,3.91vw,75px);
}
.service-offer-icon img {
    max-width: clamp(80px,7.81vw,150px);
}
.services-offer-left-wrap{position: sticky;top:40px;}
.blue-noise-bg{background-image: url('../images/noise-bg.jpg');background-repeat: no-repeat;background-size: cover;background-position: center;}
.blue-noise-bg * {
    color: #fff;
}

.development-section .wrapper {
    max-width: 1498px;
}
.development-left {
    width: 48.679%;padding: clamp(40px,7.4vw,142px) 0;
}
.development-right {
    width: 43.25%;
    padding-left: clamp(20px,5vw,96px);border-left:1px solid rgba(255,255,255,0.1);display: flex;
  align-items: center;
}
.development-wrap {
    justify-content: space-between;
}
.development-benefits-list li {
    font-size: clamp(16px,1.15vw,22px);
    line-height: 1.6;  margin-bottom: clamp(20px,2.19vw,42px);  list-style: none;padding-left: clamp(30px,3.44vw,66px);position: relative;
}
.development-benefits-list li:before{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    background-image: url('../images/checkmark-gradient.png');
    background-position: top left;
    background-size: contain;
    background-repeat: no-repeat;
    width: clamp(20px,2.08vw,40px);
    height: clamp(20px,2.08vw,40px); font-weight: 700;pointer-events: none;
}
.development-benefits-list {
  margin: clamp(10px,4.9vw,17px) 0px 0;
}
.development-left p {
    font-size: clamp(16px,1.15vw,22px);
    line-height: 2;
    font-weight: 400;
}
.development-left .common-btn {
    margin-top: 18px;
}
.development-left .common-btn {
    margin-top: clamp(12px,0.94vw,18px);
}

.process-item {
    border-radius: 50px;
    background-color: #edf8ff;  padding: 66px 66px 0;  justify-content: space-between;  margin-bottom: 60px;
}
.process-item:last-child{margin-bottom: 0;}
.process-description {
    max-width:892px;
    margin-left: auto;
    margin-right: auto;
}
.process-setion .wrapper {
    max-width: 1502px;
}
.process-left {
    width: 37.558%;
}
.process-right {
    width: 45.726%;
    border-radius: 50px 50px 0 0;
    background-color: rgba(3, 41, 109,0.102);
    padding: 47px;
}
.process-right img {
    max-width: 397px;
    height: auto;
    object-fit: contain;
    margin-left: auto;
    margin-right: auto;
    display: block;
}
.process-item-count {
    font-size: clamp(18px,1.56vw,30px);
    line-height: 1.7;
    color: #fff;
    width: clamp(40px,4.17vw,80px);
    height: clamp(40px,4.17vw,80px);
    border-radius: clamp(12px,1.56vw,30px);
    background-image: linear-gradient(139deg, #d76f51 0%, #c85249 62%, #c14545 100%);
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: 800;  margin-bottom: clamp(20px,1.82vw,35px);
}
.process-list {
    margin-top: clamp(30px,3.28vw,63px);
}
.process-setion {
    padding: clamp(40px,7.55vw,145px) 0 clamp(40px,8.33vw,160px);
}
.process-item-name {
    margin-bottom: 26px;
}
.process-item-content p {
    line-height: 1.889;
}
.why-best-boxes {
  justify-content: space-between;margin-left:-16px;margin-right: -16px;
}
.why-best-box-icon {
    width: clamp(50px,4.95vw,95px);
    height: clamp(53px,5.1vw,98px);
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: clamp(12px,1.56vw,30px);
    background-image: linear-gradient(139deg, #d76f51 0%, #c85249 62%, #c14545 100%);  margin-bottom: 23px;
}
.why-best-section .wrapper {
  max-width: 1505px;
}
.why-best-box-icon img {
  max-height: 64%;
}
.why-best-box-item-wrap .h3-title {
  font-size: clamp(18px,1.46vw,28px);
  line-height: 1.25;  margin: 0;
}
.why-best-boxes-col.why-best-boxes-col-one {
    width: 25.745%;
}
.why-best-boxes-col.why-best-boxes-col-two {
  width: calc(40.277% + 24px);
}
.why-best-boxes-col.why-best-boxes-col-three {
  width: 29.62%;
}
.why-best-box-item{padding:12px;width:100%;}
.why-best-box-item-wrap {
    border-radius: clamp(16px,2.08vw,40px);
    background-color: #edf8ff;
    border: 1px solid #cee3f0;
    padding: clamp(20px,2.5vw,48px) clamp(15px,2.5vw,32px); 
    /* margin-bottom: clamp(15px,1.56vw,30px); */
    width: 100%;  min-height: 100%;
}
/* .why-best-boxes-col .why-best-box-item:last-child{margin-bottom: 0;} */
.why-best-box-w-icon-title .why-best-box-top {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.why-best-box-w-icon-title .why-best-box-top .h3-title {
    align-self: center;
    margin: 0;flex: 1;
}
.why-best-box-content p {
  font-size: clamp(16px,1.25vw,24px);
  line-height: 1.4166;  margin-bottom: -5px;
}
.why-best-box-content {
  margin-top: clamp(15px,1.35vw,26px);
}
.why-best-box-w-icon-title .why-best-box-top .why-best-box-icon{
      flex: 0 0 auto;
      margin-right: 19px;
}
.why-best-box-item.why-best-box-only-img{min-height: 262px;}
.why-best-box-item img{display: block;}
.why-best-box-item.why-best-box-only-img img {
  max-width: clamp(30%,23.33vw,87%);
  width: 100%;
  margin: 0 auto;
  display: block;
}
.why-best-boxes-col {
    display: flex;
    flex-wrap: wrap;
}
.why-best-box-item.why-best-box-item-half {
  width: 50%;
}
.why-best-box-item.why-best-box-item-half{text-align: center;}
.why-best-box-item.why-best-box-item-half .why-best-box-icon {margin-left: auto;margin-right: auto;}
.why-best-box-item.why-best-box-only-img .why-best-box-item-wrap{display: flex;justify-content: center;align-items: center;}





/* gaurav Css */
.site {
    overflow: unset;
}

html {
    overflow-x: hidden;
}

.common-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.common-btn:after {
    position: relative;
    top: 2px;
}

.overflow-hidden {
    overflow: hidden;
}

.section-commmon {
    padding: clamp(60px, 7.4vw, 148px) 0 clamp(60px, 7.71vw, 148px);
    overflow: clip;
}

.pt-180,
.section-commmon.pt-180 {
    padding-top: clamp(120px, 9.38vw, 180px)
}

.section-commmon.pt-0 {
    padding-top: 0;
}

.section-commmon.pb-0 {
    padding-bottom: 0;
}

.blue-bg {
    background-image: url('https://staging.everspansolutions.com/wp-content/themes/everspan/images/noise-bg.jpg');
    background-repeat: repeat;
    background-size: 100% 100%;
    background-position: center;
    background-color: var(--primary-color);
    color: #ffffff;
}

.light-blue-bg {
    background: #edf8ff;
}

/* Heading Group */

.heading-group {
    margin: 0 auto;
    max-width: 1020px;
}

.heading {
    font-size: clamp(34px, 3.44vw, 66px);
    line-height: 1.25;
    margin: 0 0 clamp(25px, 1.82vw, 35px) 0;
}

.orange .heading span {
    color: #ff977b;
}

.heading span {
    color: #222065;
}

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

/* Banner Area */
.seo-banner-grid {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 88.54166666666667%;
    margin: clamp(40px, 3.65vw, 70px) auto -10px auto;
    max-width: 1700px;
    position: relative;
    bottom: -10px;
}

.seo-banner-grid .banner-grid-left {
    width: 30.529411764705884%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.seo-banner-grid>div>div:last-child {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

.seo-banner-grid .banner-grid-left>div:nth-child(-n+2) {
    width: calc(50% - 10px);
}

.audit-result p {
    font-size: clamp(35px, 2.81vw, 54px);
    line-height: 1;
    font-weight: 700;
}

.banner-grid-item.keyword-ranking {
    position: relative;
    flex-direction: unset;
    justify-content: space-between;
    align-items: flex-start;
}

.keyword-ranking h3 span {
    display: block;
    line-height: 1.2;
    font-size: 180%;
}

.keyword-ranking p {
    width: 100%;
    color: #4dfbaa;
    text-align: left;
    font-weight: 600;
    font-size: clamp(18px, 1.25vw, 24px);
    margin-top: 10px;
}

.keyword-ranking img {
    width: 100%;
    flex: 1;
    margin: auto 0 0 0;
    position: absolute;
    top: 0;
    right: clamp(25px, 2.34vw, 45px);
    bottom: clamp(15px, 1.3vw, 25px);
    max-width: clamp(100px, 11.88vw, 200px);
}

.seo-banner-grid .banner-grid-middle {
    width: 47.35294117647059%;
}

.banner-grid-item.google-search-result {
    background: #ffffff;
    border-radius: clamp(15px, 1.56vw, 30px);
    background-color: rgb(247, 248, 253);
    padding: clamp(20px, 2.6vw, 50px);
}

.search-result-app {
    border-radius: clamp(15px, 1.56vw, 30px);
    background-image: -moz-linear-gradient(-49deg, rgb(255, 255, 255) 0%, rgb(216, 111, 81) 0%, rgb(194, 70, 70) 100%);
    background-image: -webkit-linear-gradient(-49deg, rgb(255, 255, 255) 0%, rgb(216, 111, 81) 0%, rgb(194, 70, 70) 100%);
    background-image: -ms-linear-gradient(-49deg, rgb(255, 255, 255) 0%, rgb(216, 111, 81) 0%, rgb(194, 70, 70) 100%);
    padding: clamp(8px, 0.63vw, 12px);
    color: #313131;
}

.search-result-app .search-result {
    background: #ffffff;
    border-radius: clamp(10px, 1.04vw, 20px);
    padding: clamp(10px, 0.73vw, 14px) clamp(15px, 1.35vw, 26px);
}

.seo-banner-grid .banner-grid-right {
    width: 19.058823529411764%;
    display: flex;
    flex-wrap: wrap;
}

.banner-grid-item .form-input {
    width: 80%;
    margin: clamp(15px, 1.41vw, 27px) 0;
    position: relative;
}

.banner-grid-item .form-input:before,
.banner-grid-item .form-input:after {
    content: "";
    position: absolute;
    width: clamp(25px, 1.2vw, 23px);
    height: clamp(25px, 1.2vw, 23px);
    top: 0;
    bottom: 0;
    left: clamp(20px, 1.3vw, 25px);
    margin: auto;
    background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 640"><path fill="rgb(218, 218, 218)" d="M480 272C480 317.9 465.1 360.3 440 394.7L566.6 521.4C579.1 533.9 579.1 554.2 566.6 566.7C554.1 579.2 533.8 579.2 521.3 566.7L394.7 440C360.3 465.1 317.9 480 272 480C157.1 480 64 386.9 64 272C64 157.1 157.1 64 272 64C386.9 64 480 157.1 480 272zM272 416C351.5 416 416 351.5 416 272C416 192.5 351.5 128 272 128C192.5 128 128 192.5 128 272C128 351.5 192.5 416 272 416z"/></svg>') no-repeat center center;
    background-size: contain;
    pointer-events: none;
}

.banner-grid-item .form-input:after {
    background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 640"><path fill="black" d="M320 64C267 64 224 107 224 160L224 288C224 341 267 384 320 384C373 384 416 341 416 288L416 160C416 107 373 64 320 64zM176 248C176 234.7 165.3 224 152 224C138.7 224 128 234.7 128 248L128 288C128 385.9 201.3 466.7 296 478.5L296 528L248 528C234.7 528 224 538.7 224 552C224 565.3 234.7 576 248 576L392 576C405.3 576 416 565.3 416 552C416 538.7 405.3 528 392 528L344 528L344 478.5C438.7 466.7 512 385.9 512 288L512 248C512 234.7 501.3 224 488 224C474.7 224 464 234.7 464 248L464 288C464 367.5 399.5 432 320 432C240.5 432 176 367.5 176 288L176 248z"/></svg>') no-repeat center center;
    background-size: cover;
    width: clamp(12px, 0.83vw, 16px);
    height: clamp(18px, 1.09vw, 21px);
    left: unset;
    right: clamp(20px, 1.3vw, 25px);
}

.banner-grid-item input {
    border-style: solid;
    border-width: 2px;
    border-color: rgb(218, 218, 218);
    background-color: rgb(247, 248, 253);
    height: clamp(50px, 3.33vw, 64px);
    width: 100%;
    border-radius: clamp(50px, 5.21vw, 100px);
    font-family: var(--dmsans);
    font-style: normal;
    font-weight: 600;
    appearance: none;
    -webkit-appearance: none;
    padding: 0 clamp(55px, 3.13vw, 60px);
}



.banner-grid-item {
    border-style: solid;
    border-width: 1px;
    border-color: rgba(255, 255, 255, 0.40);
    border-radius: clamp(15px, 1.56vw, 30px);
    background-color: rgba(255, 255, 255, 0.20);
    box-shadow: 16.971px 16.971px 100px 0px rgba(0, 0, 0, 0.12), inset 0px 12px 40px 0px rgba(0, 0, 0, 0.07);
    margin: 10px 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: clamp(15px, 1.3vw, 25px) clamp(25px, 2.34vw, 45px);
    width: 100%;
}

.banner-grid-item h3 {
    width: 100%;
    font-size: clamp(18px, 1.25vw, 24px);
    text-align: left;
}

ul.bar-chart {
    display: flex;
    list-style-type: none;
    gap: 5px;
    width: 100%;
    padding: 0;
    margin: 0;
    text-align: center;
    align-items: flex-end;
}

ul.bar-chart span {
    width: clamp(20px, 1.3vw, 25px);
    border-radius: 5px;
    background-image: -moz-linear-gradient(-49deg, rgb(255, 255, 255) 0%, rgb(216, 111, 81) 0%, rgb(194, 70, 70) 100%);
    background-image: -webkit-linear-gradient(-49deg, rgb(255, 255, 255) 0%, rgb(216, 111, 81) 0%, rgb(194, 70, 70) 100%);
    background-image: -ms-linear-gradient(-49deg, rgb(255, 255, 255) 0%, rgb(216, 111, 81) 0%, rgb(194, 70, 70) 100%);
    display: block;
    height: 100px;
    margin: 0 auto;
}

ul.bar-chart li {
    width: 100%;
    font-size: clamp(10px, 0.68vw, 13px);
    display: flex;
    flex-direction: column;
    gap: 5px;
}

ul.bar-chart li:nth-child(1) span {
    height: 26px;
}

ul.bar-chart li:nth-child(2) span {
    height: 41px;
}

ul.bar-chart li:nth-child(3) span {
    height: 33px;
}

ul.bar-chart li:nth-child(4) span {
    height: 47px;
}

ul.bar-chart li:nth-child(5) span {
    height: 63px;
}

ul.bar-chart li:nth-child(6) span {
    height: 86px;
}


.banner-grid-item .checklist {
    text-align: left;
    width: 100%;
    margin: clamp(15px, 1.04vw, 20px) 0 0;
    gap: clamp(15px, 1.04vw, 20px);
}

.banner-grid-item .checklist li {
    padding-left: clamp(40px, 1.04vw, 50px);
    font-size: clamp(16px, 1.04vw, 20px);
    font-weight: 400;
}

.banner-grid-item .checklist li:after {
    width: clamp(20px, 1.56vw, 30px);
    height: clamp(20px, 1.56vw, 30px);
}

.icon-check {
    width: clamp(50px, 3.8vw, 73px);
    height: clamp(50px, 3.8vw, 73px);
    background-image: -moz-linear-gradient(-49deg, rgb(255, 255, 255) 0%, rgb(216, 111, 81) 0%, rgb(194, 70, 70) 100%);
    background-image: -webkit-linear-gradient(-49deg, rgb(255, 255, 255) 0%, rgb(216, 111, 81) 0%, rgb(194, 70, 70) 100%);
    background-image: -ms-linear-gradient(-49deg, rgb(255, 255, 255) 0%, rgb(216, 111, 81) 0%, rgb(194, 70, 70) 100%);
    border-radius: 100%;
    background:
        url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 640"><path fill="white" d="M530.8 134.1C545.1 144.5 548.3 164.5 537.9 178.8L281.9 530.8C276.4 538.4 267.9 543.1 258.5 543.9C249.1 544.7 240 541.2 233.4 534.6L105.4 406.6C92.9 394.1 92.9 373.8 105.4 361.3C117.9 348.8 138.2 348.8 150.7 361.3L252.2 462.8L486.2 141.1C496.6 126.8 516.6 123.6 530.9 134z"/></svg>') no-repeat center center,
        linear-gradient(-49deg, rgb(255, 255, 255) 0%, rgb(216, 111, 81) 0%, rgb(194, 70, 70) 100%);
    background-size: 55%, cover;
    margin-bottom: clamp(10px, 0.73vw, 14px);
}

.banner-grid-item.text-center h3 {
    text-align: center;
}

.search-reasult-extra {
    display: flex;
    flex-direction: column;
    gap: clamp(10px, 0.73vw, 14px);
    width: 80%;
    margin: clamp(18px, 1.35vw, 26px) auto 0;
}

.search-reasult-extra div {
    width: 100%;
    background: #e3ebf5;
    height: clamp(15px, 0.89vw, 17px);
    border-radius: clamp(50px, 5.21vw, 100px);
}

.search-reasult-extra div:nth-child(1) {
    background: #3174f1;
    width: 80%;
}

.search-reasult-extra div:nth-child(2) {
    background: #f6cd6e;
    width: 60%;
}

/* Icon List */
.icon-listing-row {
    border-radius: clamp(50px, 5.21vw, 100px);
    background-image: -moz-linear-gradient(90deg, rgb(255, 255, 255) 0%, rgb(237, 248, 255) 100%);
    background-image: -webkit-linear-gradient(90deg, rgb(255, 255, 255) 0%, rgb(237, 248, 255) 100%);
    background-image: -ms-linear-gradient(90deg, rgb(255, 255, 255) 0%, rgb(237, 248, 255) 100%);
    border: 1px solid rgb(185, 217, 236);
    margin: clamp(40px, 3.65vw, 70px) 0;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: 1fr;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
}

.icon-listing-block:nth-child(-n+3) {
    border-top: none;
}

.icon-listing-block:nth-child(3n + 3) {
    border-right: 0;
}

.icon-listing-block {
    width: 100%;
    border-right: 1px solid rgb(185, 217, 236);
    border-top: 1px solid rgb(185, 217, 236);
    text-align: center;
    padding: clamp(30px, 3.91vw, 75px) clamp(30px, 2.6vw, 50px) clamp(30px, 3.91vw, 75px) clamp(30px, 2.6vw, 50px);
}

.icon-image {
    border-radius: clamp(15px, 1.56vw, 30px);
    background-image: -moz-linear-gradient(-49deg, rgb(255, 255, 255) 0%, rgb(216, 111, 81) 0%, rgb(194, 70, 70) 100%);
    background-image: -webkit-linear-gradient(-49deg, rgb(255, 255, 255) 0%, rgb(216, 111, 81) 0%, rgb(194, 70, 70) 100%);
    background-image: -ms-linear-gradient(-49deg, rgb(255, 255, 255) 0%, rgb(216, 111, 81) 0%, rgb(194, 70, 70) 100%);
    width: clamp(60px, 4.69vw, 90px);
    height: clamp(60px, 4.69vw, 90px);
    margin: 0 auto clamp(25px, 1.72vw, 33px) auto;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: clamp(15px, 1.04vw, 20px);
}

.icon-image img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.icon-listing-block h3 {
    margin: 0 0 clamp(18px, 1.3vw, 25px) 0;
    font-size: clamp(20px, 1.667vw, 32px);
    line-height: 1.333333333333333;
}

/* Style 2 */
.icon-listing-row.style-2 {
    background: transparent;
    border: none;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: 1fr;
    gap: clamp(20px, 10.49vw, 36px);
}

.icon-listing-row.style-2 .icon-listing-block {
    text-align: left;
    border-style: solid;
    border-width: 1px;
    border-color: rgb(185, 217, 236);
    border-radius: clamp(30px, 2.6vw, 50px);
    background-image: -moz-linear-gradient(90deg, rgb(255, 255, 255, 0.15) 0%, rgb(237, 248, 255, 0.15) 100%);
    background-image: -webkit-linear-gradient(90deg, rgb(255, 255, 255, 0.15) 0%, rgb(237, 248, 255, 0.15) 100%);
    background-image: -ms-linear-gradient(90deg, rgb(255, 255, 255, 0.15) 0%, rgb(237, 248, 255, 0.15) 100%);
    padding: clamp(30px, 2.76vw, 53px) clamp(30px, 3.54vw, 68px);
}

.icon-listing-row.style-2 .icon-image {
    margin-right: 0;
    margin-left: 0;
    width: auto;
    height: auto;
    background: transparent;
    justify-content: flex-start;
    margin-bottom: clamp(18px, 1.51vw, 30px);
    padding: 0;
}

.icon-listing-row.style-2 h3 {
    margin-bottom: clamp(15px, 1.04vw, 20px);
}

.icon-listing-row.style-2 .icon-image img {
    height: clamp(45px, 3.13vw, 60px);
    width: auto;
}

/* Style 3 */

.icon-listing.style-3 .text-center {
    text-align: left;
}

.icon-listing-row.style-3 {
    flex-direction: column;
    background: transparent;
    border: none;
    margin: 0;
    grid-template-columns: repeat(1, 1fr);
    row-gap: clamp(15px, 1.56vw, 30px);
}

.icon-listing-row.style-3 .icon-listing-block {
    background-image: -moz-linear-gradient(90deg, rgb(255, 255, 255) 0%, rgb(237, 248, 255) 100%);
    background-image: -webkit-linear-gradient(90deg, rgb(255, 255, 255) 0%, rgb(237, 248, 255) 100%);
    background-image: -ms-linear-gradient(90deg, rgb(255, 255, 255) 0%, rgb(237, 248, 255) 100%);
    border: 2px solid rgb(185, 217, 236);
    border-radius: clamp(20px, 2.08vw, 40px);
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    text-align: left;
    padding: clamp(30px, 2.81vw, 54px);
}

.icon-listing-row.style-3 .icon-listing-block .icon-image {
    margin-left: 0;
    margin-right: 0;
    margin-bottom: clamp(18px, 1.35vw, 26px);
}

.icon-listing-row.style-3 .icon-listing-block h3 {
    margin: 0;
    width: calc(100% - clamp(86px, 6.98vw, 116px));
    margin: 0;
    text-align: left;
    margin-bottom: clamp(18px, 1.35vw, 26px);
}

.icon-listing.style-3 .icon-listing-main-row {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.icon-listing.style-3 .icon-listing-main-row .left-part {
    width: 49.12162162162162%;
}

.icon-listing.style-3 .icon-listing-main-row .right-part {
    width: 43.17567567567568%;
}

.icon-listing.style-3 .icon-listing-main-row .heading-group {
    position: sticky;
    top: clamp(60px, 7.4vw, 142px);
}

/* Style 4 */

.icon-listing-row.style-4 {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    background: transparent;
    border-radius: 0;
    border: none;
}

.icon-listing-row.style-4 .icon-listing-block {
    width: 27.77027027027027%;
    border: none;
    border-style: solid;
    border-width: 1px;
    border-color: rgb(185, 217, 236, 0.52);
    border-radius: clamp(20px, 2.08vw, 40px);
    background-image: -moz-linear-gradient(90deg, rgb(255, 255, 255, 0.52) 0%, rgb(237, 248, 255, 0.52) 100%);
    background-image: -webkit-linear-gradient(90deg, rgb(255, 255, 255, 0.52) 0%, rgb(237, 248, 255, 0.52) 100%);
    background-image: -ms-linear-gradient(90deg, rgb(255, 255, 255, 0.52) 0%, rgb(237, 248, 255, 0.52) 100%);
    padding: clamp(25px, 2.34vw, 45px) clamp(25px, 1.3vw, 25px);
    margin: clamp(10px, 0.52vw, 10px) 0;
    flex-direction: column-reverse;
    display: flex;
    text-align: left;
    padding: clamp(25px, 2.34vw, 45px) clamp(30px, 3.13vw, 60px);
    align-items: unset;
    justify-content: flex-end;
}



.icon-listing-row.style-4 .icon-listing-block:nth-child(5n + 1) {
    width: 41.41891891891892%;
}

.icon-listing-row.style-4 .icon-listing-block:nth-child(5n + 4) {
    width: 32.36486486486486%;
}

.icon-listing-row.style-4 .icon-listing-block:nth-child(5n + 4) .icon-image {
    margin-right: clamp(-60px, -3.125vw, -30px);
}

.icon-listing-row.style-4 .icon-listing-block:nth-child(5n + 5) {
    width: 66.21621621621621%;
}

.icon-listing-row.style-4 .icon-listing-block:nth-child(5n + 5) .icon-image {
    margin-top: clamp(-90px, -4.69vw, -25px);
    margin-bottom: clamp(-45px, -2.34vw, -25px);
    margin-left: auto;
}

.icon-listing-row.style-4 .icon-listing-block h3 {
    margin-bottom: clamp(25px, 2.6vw, 50px);
}

.icon-listing-row.style-4 .icon-image {
    width: auto;
    height: auto;
    padding: 0;
    background: transparent;
    border-radius: 0;
    margin: 0;
}

.icon-listing-row.style-4 .icon-image img {
    width: auto;
    height: auto;
    object-fit: contain;
    max-width: clamp(60%, 100%, 100%);
}

/* Style 5 */

.icon-listing-row.style-3.style-5 {
    margin: clamp(-143px, -7.448vw, 10px) 0 clamp(-148px, -7.708vw, 10px) 0;
    gap: 0;
    border-radius: 0;
    border: none;
    border-left: 1px solid #cdd8e7;
}

.icon-listing-row.style-5 .icon-listing-block {
    padding: clamp(30px, 3.802vw, 73px) 0 clamp(30px, 3.438vw, 66px) clamp(30px, 3.438vw, 66px);
    border-radius: 0;
    border: none;
    background: transparent;
    position: relative;
}

.icon-listing-row.style-5 .icon-listing-block .icon-image {
    margin: 0;
    background: transparent;
    padding: 0;
    width: auto;
    position: absolute;
    bottom: 0;
    right: -40%;
    height: auto;
    opacity: 0.04;
}

.icon-listing-row.style-5 .icon-listing-block .icon-image img {
    height: auto;
    width: auto;
    object-fit: unset;
}

.icon-listing-row.style-5 .icon-listing-block:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100vw;
    height: 1px;
    background: #cdd8e7;
}

.icon-listing-row.style-5 .icon-listing-block:last-child:after {
    display: none;
}

.icon-listing-row.style-5 .icon-listing-block h3 {
    width: 100%;
}

/* style-6 */

.icon-listing.style-6 .icon-listing-main-row {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.icon-listing.style-6 .left-part {
    padding: clamp(60px, 7.4vw, 148px) 0;
}

.icon-listing-row.style-6 {
    margin: 0;
    width: 51.58vw;
    border-radius: clamp(50px, 5.21vw, 100px) 0 0 0;
    border: none;
    grid-template-columns: repeat(2, 1fr);
    background-image: url('https://staging.everspansolutions.com/wp-content/themes/everspan/images/noise-bg.jpg');
    background-repeat: repeat;
    background-size: 100% 100%;
    background-position: center;
    color: #ffffff;
    min-height: 100%;
}

.icon-listing.style-6 .icon-listing-main-row .icon-listing-block {
    border-right: 1px solid rgba(255, 255, 255, 0.10);
    border-top: 1px solid rgba(255, 255, 255, 0.10);
    min-height: clamp(300px, 26.46vw, 508px);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.icon-listing.style-6 {
    background: #edf8ff;
    position: relative;
}

.icon-listing.style-6:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: clamp(60px, 7.4vw, 148px);
    width: 100%;
    background: #ffffff;
}

.icon-listing.style-6 .icon-listing-main-row .left-part {
    width: 40%;
}

.icon-listing.style-6 .icon-listing-main-row .text-center {
    text-align: left;
}

.icon-listing.style-6 .icon-listing-main-row .right-part {
    width: 52.63513513513514%;
    margin-top: clamp(-142px, -7.4vw, -60px);
}

.icon-listing.style-6 .icon-listing-main-row .icon-listing-block .icon-image {
    width: auto;
    height: auto;
    padding: 0;
    background: transparent;
}

.icon-listing.style-6 .icon-listing-main-row .icon-listing-block .icon-image img {
    width: auto;
    height: clamp(50px, 3.13vw, 60px);
}

.icon-listing.style-6 .icon-listing-main-row .icon-listing-block p {
    max-width: clamp(300px, 18.75vw, 360px);
    margin: 0 auto;
}

.style-2 .checkpoint-row .right-part:after {
    width: 1px;
    height: 100vw;
    border: none;
    background: #ffffff;
    top: -50%;
    opacity: 0.10;
}

.style-2 .checkpoint-row .right-part {
    width: 43.17567567567568%;
    padding-top: 0;
    padding-bottom: 0;
}


.payment-icon {
    display: none;
}


.payment-gateways-row {
    max-width: clamp(600px, 59.06vw, 1134px);
    margin: 0 auto;
    position: relative;
    padding: clamp(60px, 12.29vw, 236px) 0 clamp(60px, 12.29vw, 278px);
}

.payment-gateways-row:after {
    content: "";
    padding-top: 100%;
    border-radius: 50%;
    background-image: -moz-linear-gradient(90deg, rgb(237, 248, 255) 0%, rgb(255, 255, 255) 100%);
    background-image: -webkit-linear-gradient(90deg, rgb(237, 248, 255) 0%, rgb(255, 255, 255) 100%);
    background-image: -ms-linear-gradient(90deg, rgb(237, 248, 255) 0%, rgb(255, 255, 255) 100%);
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    z-index: -1;
}

.payment-gateways-row .heading-group {
    max-width: clamp(400px, 32.81vw, 630px);
    margin: 0 auto;
}

.payment-icon {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    height: 100%;
    display: flex;
    flex-wrap: wrap;
    padding-top: clamp(100px, 12.29vw, 236px);
}


.payment-logo {
    width: 50%;
    flex-grow: 1;
    display: flex;
    align-items: flex-start;
    position: relative;
}

.payment-icon>div:nth-child(odd) {
    text-align: flex-start;
}

.payment-icon>div:nth-child(even) {
    justify-content: flex-end;
}

.payment-icon>div:nth-child(2n + 3),
.payment-icon>div:nth-child(2n + 4) {
    align-items: flex-end;
}

.payment-icon>div:last-child {
    justify-content: center;
    align-items: flex-end;
}

.payment-icon img {
    width: clamp(90px, 9.06vw, 174px);
    height: clamp(90px, 9.06vw, 174px);
    border-radius: 100%;
    box-shadow: 16.971px 16.971px 87px 0px rgba(0, 0, 0, 0.09);
    object-fit: contain;
}


.payment-icon>div:nth-child(1) {
    left: clamp(-88px, -4.58vw, -44px);
}

.payment-icon>div:nth-child(2) {
    right: clamp(-88px, -4.58vw, -44px);
}

.payment-icon>div:nth-child(3) {
    left: clamp(-20px, -1.04vw, -20px);
}

.payment-icon>div:nth-child(4) {
    right: clamp(-20px, -1.04vw, -20px);
}

.payment-icon>div:nth-child(5) {
    bottom: clamp(-88px, -4.58vw, -44px);
}


/* SEO Grid */

.seo-grid {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: clamp(40px, 3.65vw, 70px);
}

.seo-grid .grid-left,
.seo-grid .grid-right {
    width: 25.945945945945947%;
    display: flex;
    flex-wrap: wrap;
}

.seo-grid .grid-middle {
    width: 44%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.grid-item {
    border-style: solid;
    border-width: 1px;
    border-color: rgb(185, 217, 236, 0.52);
    border-radius: clamp(20px, 2.08vw, 40px);
    background-image: -moz-linear-gradient(90deg, rgb(255, 255, 255, 0.52) 0%, rgb(237, 248, 255, 0.52) 100%);
    background-image: -webkit-linear-gradient(90deg, rgb(255, 255, 255, 0.52) 0%, rgb(237, 248, 255, 0.52) 100%);
    background-image: -ms-linear-gradient(90deg, rgb(255, 255, 255, 0.52) 0%, rgb(237, 248, 255, 0.52) 100%);
    padding: clamp(25px, 2.34vw, 45px) clamp(25px, 1.3vw, 25px);
    text-align: center;
    margin: 10px 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100%;
}

.seo-grid .grid-middle>div:nth-child(1),
.seo-grid .grid-middle>div:nth-child(2) {
    width: calc(50% - 10px);
}

.grid-item.google-logo {
    background: #012a6e;
    border: none;
}

.grid-item.google-logo img,
.wordpress-logo img,
.grid-image img {
    max-width: clamp(60%, 80%, 100%);
}



.wordpress-logo {
    border: none;
    background-image: -moz-linear-gradient(-49deg, rgb(255, 255, 255) 0%, rgb(216, 111, 81) 0%, rgb(194, 70, 70) 100%);
    background-image: -webkit-linear-gradient(-49deg, rgb(255, 255, 255) 0%, rgb(216, 111, 81) 0%, rgb(194, 70, 70) 100%);
    background-image: -ms-linear-gradient(-49deg, rgb(255, 255, 255) 0%, rgb(216, 111, 81) 0%, rgb(194, 70, 70) 100%);
}

.grid-item h3 {
    font-size: clamp(18px, 1.56vw, 30px);
    line-height: 1.266666666666667;
    margin-bottom: clamp(10px, 0.78vw, 15px);
}


/* Search Result */
.search-result-grid {
    background-image: -moz-linear-gradient(90deg, rgb(255, 255, 255) 0%, rgb(255, 237, 232) 100%);
    background-image: -webkit-linear-gradient(90deg, rgb(255, 255, 255) 0%, rgb(255, 237, 232) 100%);
    background-image: -ms-linear-gradient(90deg, rgb(255, 255, 255) 0%, rgb(255, 237, 232) 100%);
    border-color: rgb(255, 226, 218);
    padding: 20px clamp(20px, 2.08vw, 40px);
    align-items: center;
    display: flex;
    justify-content: center;

}

.search-result {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
}

.search-result img {
    width: clamp(60px, 5.31vw, 102px);
    flex: 0 0 auto;
}

.result-content {
    text-align: left;
    flex: 0 0 auto;
    width: calc(100% - clamp(74px, 6.98vw, 134px));
}

.result-content h4 {
    font-size: clamp(16px, 1.88vw, 36px);
    line-height: 1.277777777777778;
    letter-spacing: -1px;
}

.result-content p {
    font-size: clamp(14px, 1.35vw, 26px);
    color: #14744d;
    font-weight: 600;
    line-height: 1;
    margin-top: 8px;
}

/* Tools  */

.tools-row {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    row-gap: clamp(20px, 3.65vw, 70px);
    position: relative;
    min-height: 298px;
    margin-top: clamp(40px, 3.65vw, 70px);
    z-index: 1;
}
.tools-row:after, .tools-row:before {
    content: "";
    width: 100vw;
    position: absolute;
    top: 0;
    bottom: 0;
    transform: translateX(100%);
    right: 50%;
    margin: auto;
    border-width: 2px;
    border-color: rgb(255, 255, 255);
    border-style: dashed;
    border-radius: 130px;
    height: calc(100% - 120px);
    opacity: 0.20;
    z-index: -1;
} 
.tools-row:before {
    left: 50%;
    right: unset;
    transform: translateX(-100%);
}
.everspan-logo {
    border-radius: clamp(20px, 2.08vw, 40px);
    background-image: -moz-linear-gradient(-49deg, rgb(255, 255, 255) 0%, rgb(216, 111, 81) 0%, rgb(194, 70, 70) 100%);
    background-image: -webkit-linear-gradient(-49deg, rgb(255, 255, 255) 0%, rgb(216, 111, 81) 0%, rgb(194, 70, 70) 100%);
    background-image: -ms-linear-gradient(-49deg, rgb(255, 255, 255) 0%, rgb(216, 111, 81) 0%, rgb(194, 70, 70) 100%);
    width: clamp(220px, 15.52vw, 298px);
    height: clamp(220px, 15.52vw, 298px);
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    display: flex;
    align-items: center;
    justify-content: center;
}

.tools-item {
    display: flex;
    width: 50%;
}

.tools-item:nth-child(even)>div {
    flex-direction: row-reverse;
}

.tools-item:nth-child(odd)>div {
    margin-left: auto;
}

.tools-item>div {
    max-width: clamp(300px, 22.08vw, 424px);
    border-radius: clamp(20px, 1.56vw, 30px);
    background: #ffffff;
    width: 100%;
    color: #212121;
    padding: 15px;
    display: flex;
    align-items: center;
    column-gap: clamp(20px, 1.56vw, 30px);
}

.tools-item img {
    width: clamp(60px, 4.79vw, 92px);
    height: clamp(60px, 4.79vw, 92px);
    border-radius: clamp(20px, 1.56vw, 30px);
    object-fit: cover;
    flex: 0 0 auto;
}

.tools-item h5 {
    font-size: clamp(18px, 1.3vw, 25px);
    line-height: 1;
}

/* Pricing */

.pricing-plans-row {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: 1fr;
    grid-column-gap: clamp(20px, 1.56vw, 30px);
    grid-row-gap: clamp(20px, 1.56vw, 30px);
    margin-top: clamp(40px, 3.65vw, 70px);
}

.plan-item {
    border-radius: clamp(20px, 2.08vw, 40px);
    position: relative;
    background: white;
    padding: clamp(30px, 2.6vw, 50px);
    display: flex;
    flex-direction: column;
    z-index: 1;
}

.plan-item .tag {
    background-color: rgb(20, 36, 97);
    border-radius: 100px;
    position: absolute;
    top: -17px;
    color: #ffffff;
    line-height: 1;
    text-transform: uppercase;
    font-weight: 500;
    font-size: 16px;
    padding: 8px 20px;
    margin: 0 auto;
    left: 0;
    right: 0;
    max-width: 200px;
    display: flex;
    align-items: center;
    gap: 8px;
    justify-content: center;
}

.plan-item .tag:before,
.plan-item .tag:after {
    content: "";
    width: 12px;
    height: 12px;
    border-radius: 100%;
    background-image: -moz-linear-gradient(-49deg, rgb(255, 255, 255) 0%, rgb(216, 111, 81) 0%, rgb(194, 70, 70) 100%);
    background-image: -webkit-linear-gradient(-49deg, rgb(255, 255, 255) 0%, rgb(216, 111, 81) 0%, rgb(194, 70, 70) 100%);
    background-image: -ms-linear-gradient(-49deg, rgb(255, 255, 255) 0%, rgb(216, 111, 81) 0%, rgb(194, 70, 70) 100%);
    flex: 0 0 auto;
}

.plan-item:before {
    content: "";
    position: absolute;
    inset: -2px;
    border-radius: inherit;
    padding: 2px;
    background: radial-gradient(circle at 50% 50%, rgba(255, 138, 76, 0.77), rgba(255, 255, 255, 0.0) 100%);
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    pointer-events: none;
}

.plan-item.highlight:after {
    content: "";
    position: absolute;
    bottom: 10px;
    left: 0;
    right: 0;
    margin: auto;
    border-radius: clamp(20px, 2.08vw, 40px);
    background-image: -moz-linear-gradient(90deg, rgb(209, 93, 70) 0%, rgb(255, 255, 255) 100%);
    background-image: -webkit-linear-gradient(90deg, rgb(209, 93, 70) 0%, rgb(255, 255, 255) 100%);
    background-image: -ms-linear-gradient(90deg, rgb(209, 93, 70) 0%, rgb(255, 255, 255) 100%);
    height: 50%;
    width: 96%;
    z-index: -1;
    opacity: 0.10;
}

.plan-item .common-btn {
    box-shadow: none;
}

.plan-icon {
    border-radius: clamp(20px, 1.56vw, 30px);
    background-image: -moz-linear-gradient(-49deg, rgb(255, 255, 255) 0%, rgb(216, 111, 81) 0%, rgb(194, 70, 70) 100%);
    background-image: -webkit-linear-gradient(-49deg, rgb(255, 255, 255) 0%, rgb(216, 111, 81) 0%, rgb(194, 70, 70) 100%);
    background-image: -ms-linear-gradient(-49deg, rgb(255, 255, 255) 0%, rgb(216, 111, 81) 0%, rgb(194, 70, 70) 100%);
    width: clamp(60px, 4.95vw, 95px);
    height: clamp(60px, 4.95vw, 95px);
    margin: clamp(18px, 1.3vw, 25px) auto clamp(15px, 1.04vw, 20px) auto;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: clamp(15px, 1.04vw, 20px);
}

.plan-icon img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.plan-header {
    margin-bottom: clamp(20px, 2.08vw, 40px);
}

.plan-header h4 {
    font-size: clamp(22px, 1.56vw, 30px);
    line-height: normal;
    margin: 0 0 10px 0;
}

.plan-header h5 {
    font-size: clamp(40px, 3.13vw, 60px);
    line-height: 1;
    font-weight: 900;
    background-image: linear-gradient(-49deg, rgb(255, 255, 255) 0%, rgb(216, 111, 81) 0%, rgb(194, 70, 70) 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    color: transparent;
}

.plan-header h5 span {
    font-weight: 400;
    font-size: 50%;
}

.plan-body {
    max-width: clamp(280px, 16.67vw, 320px);
    margin: 0 auto clamp(35px, 2.34vw, 45px) auto;
}

.plan-footer {
    margin-top: auto;
}

/* Call to action */
.call-to-action .call-to-action-row.blue-bg {
    padding: clamp(40px, 4.69vw, 90px);
    border-radius: clamp(20px, 2.08vw, 40px);
    margin: clamp(25px, 3.385vw, 65px) 0;
}
.call-to-action .call-to-action-row.blue-bg .heading {
    margin: 0 0 clamp(18px, 1.3vw, 25px) 0;
}

.call-to-action .call-to-action-row p {
    font-size: clamp(16px, 1.15vw, 22px);
    max-width: clamp(300px, 28.13vw, 540px);
    margin: 0 auto;
}

.call-to-action .button-group {
    display: flex;
    gap: clamp(20px, 1.56vw, 30px);
    margin-top: clamp(20px, 2.08vw, 40px);
    justify-content: center;
}

.call-to-action.style-2 {
    background-image: -moz-linear-gradient(90deg, rgb(255, 255, 255) 0%, rgb(237, 248, 255) 100%);
    background-image: -webkit-linear-gradient(90deg, rgb(255, 255, 255) 0%, rgb(237, 248, 255) 100%);
    background-image: -ms-linear-gradient(90deg, rgb(255, 255, 255) 0%, rgb(237, 248, 255) 100%);
}

.call-to-action.style-2 .call-to-action-row {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    text-align: left;
}

.call-to-action.style-2 .heading-group {
    max-width: 48%;
    margin: 0;
}

.call-to-action.style-2 .call-to-action-content {
    width: 42.972972972972975%;
}

.call-to-action.style-2 .call-to-action-content p {
    max-width: 100%;
}

.secondary {
    border: 1px solid #ffffff;
    background: transparent;
    color: #ffffff;
}

.call-to-action.style-2 .button-group {
    flex-direction: column; align-items: flex-start;
}

.call-to-action.style-3 .call-to-action-row p {
    max-width: 800px;
}

/* Checkpoint */

.checkpoint-row {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
}


.checkpoint-row .left-part {
    width: 47.432432432432435%;
}

.checkpoint-row .right-part {
    width: 42.0945945945946%;
    padding: clamp(60px, 7.81vw, 150px) 0 clamp(60px, 7.81vw, 150px) clamp(45px, 4.69vw, 90px);
    position: relative;
    z-index: 1;
}

.checkpoint-row .right-part:after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100vw;
    border-style: solid;
    border-width: 2px;
    border-color: rgb(185, 217, 236);
    border-radius: clamp(20px, 2.08vw, 40px);
    background-image: -moz-linear-gradient(90deg, rgb(255, 255, 255) 0%, rgb(237, 248, 255) 100%);
    background-image: -webkit-linear-gradient(90deg, rgb(255, 255, 255) 0%, rgb(237, 248, 255) 100%);
    background-image: -ms-linear-gradient(90deg, rgb(255, 255, 255) 0%, rgb(237, 248, 255) 100%);
    z-index: -1;
}


.checkpoint-row ul,
.checklist {
    margin: 0;
    padding: 0;
    list-style-type: none;
    display: flex;
    flex-direction: column;
    gap: clamp(20px, 2.6vw, 50px);
}

.checkpoint-row ul li,
.checklist li {
    font-size: clamp(18px, 1.15vw, 22px);
    font-weight: 700;
    line-height: 1.5;
    position: relative;
    padding-left: clamp(35px, 3.13vw, 60px);
}

.checkpoint-row ul li::after,
.checklist li:after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    width: clamp(22px, 2.08vw, 40px);
    height: clamp(22px, 2.08vw, 40px);
    border-radius: 50%;

    /* SVG on top, gradient underneath */
    background:
        url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 640"><path fill="white" d="M530.8 134.1C545.1 144.5 548.3 164.5 537.9 178.8L281.9 530.8C276.4 538.4 267.9 543.1 258.5 543.9C249.1 544.7 240 541.2 233.4 534.6L105.4 406.6C92.9 394.1 92.9 373.8 105.4 361.3C117.9 348.8 138.2 348.8 150.7 361.3L252.2 462.8L486.2 141.1C496.6 126.8 516.6 123.6 530.9 134z"/></svg>') no-repeat center center,
        linear-gradient(-49deg, rgb(255, 255, 255) 0%, rgb(216, 111, 81) 0%, rgb(194, 70, 70) 100%);

    background-size: 55%, cover;
}



/* our-process-item */

.our-process-row {
    margin: clamp(40px, 3.65vw, 70px) 0 0 0;
}

.our-process-item:first-child {
    margin-top: 0;
}

.our-process-item {
    border-radius: clamp(20px, 2.604vw, 50px);
    background-color: rgb(237, 248, 255);
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: clamp(40px, 3.39vw, 65px) clamp(40px, 4.48vw, 86px);
    max-width: 95%;
    margin-left: auto;
    margin-right: auto;
    margin-top: clamp(30px, 3.02vw, 58px);
}

.our-process-item .left-part {
    width: 38.8%;
}

.our-process-item .right-part {
    width: 47%;
    background: #d5e3f0;
    border-radius: clamp(20px, 2.604vw, 50px) clamp(20px, 2.604vw, 50px) 0 0;
    padding: clamp(30px, 3.13vw, 60px);
    margin-bottom: clamp(-65px, -3.39vw, -40px);
}

.our-process-item span {
    width: clamp(60px, 4.17vw, 80px);
    height: clamp(60px, 4.17vw, 80px);
    border: none;
    background-image: -moz-linear-gradient(-49deg, rgb(255, 255, 255) 0%, rgb(216, 111, 81) 0%, rgb(194, 70, 70) 100%);
    background-image: -webkit-linear-gradient(-49deg, rgb(255, 255, 255) 0%, rgb(216, 111, 81) 0%, rgb(194, 70, 70) 100%);
    background-image: -ms-linear-gradient(-49deg, rgb(255, 255, 255) 0%, rgb(216, 111, 81) 0%, rgb(194, 70, 70) 100%);
    font-weight: 700;
    color: #ffffff;
    display: inline-block;
    border-radius: clamp(15px, 1.56vw, 30px);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: clamp(22px, 1.56vw, 30px);
    margin-bottom: clamp(22px, 1.56vw, 30px);
    margin-top: clamp(20px, 1.88vw, 36px);
}

.our-process-item h3 {
    margin: 0 0 clamp(15px, 1.15vw, 22px) 0;
    font-size: clamp(18px, 1.3vw, 25px);
    line-height: 1.333333333333333;
}

/* woo-grid */

.woo-grid {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: clamp(40px, 3.65vw, 70px);
}

.woo-grid>div {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.woo-grid .grid-left {
    width: 28%;
}

.woo-grid .grid-middle {
    width: 39.32432432432432%;
}

.woo-grid .grid-right {
    width: 30%;
}

.woo-grid .grid-middle>div:nth-last-child(-n + 2) {
    width: calc(50% - 10px);
}

.woo-grid-item {
    border-style: solid;
    border-width: 1px;
    border-color: rgb(185, 217, 236, 0.52);
    border-radius: clamp(20px, 2.08vw, 40px);
    background-image: -moz-linear-gradient(90deg, rgb(255, 255, 255, 0.52) 0%, rgb(237, 248, 255, 0.52) 100%);
    background-image: -webkit-linear-gradient(90deg, rgb(255, 255, 255, 0.52) 0%, rgb(237, 248, 255, 0.52) 100%);
    background-image: -ms-linear-gradient(90deg, rgb(255, 255, 255, 0.52) 0%, rgb(237, 248, 255, 0.52) 100%);
    padding: clamp(25px, 2.34vw, 45px) clamp(25px, 2.29vw, 44px);
    margin: 8px 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100%;
    min-height: clamp(100px, 10.21vw, 196px);
}

.woo-grid .grid-middle .woo-grid-item {
    text-align: center;
}

.woo-grid-item.icon-left {
    flex-direction: unset;
    flex-wrap: wrap;
    justify-content: space-between;
}

.woo-grid-item.icon-left h3 {
    width: calc(100% - clamp(75px, 4.69vw, 90px));
    margin: 0;
}

.woo-grid-item.icon-left .woo-grid-item-icon {
    margin: 0;
}

.woo-grid-item.icon-left p {
    margin-top: 15px;
}

.woo-grid-item-icon {
    border-radius: clamp(15px, 1.56vw, 30px);
    background-image: -moz-linear-gradient(-49deg, rgb(255, 255, 255) 0%, rgb(216, 111, 81) 0%, rgb(194, 70, 70) 100%);
    background-image: -webkit-linear-gradient(-49deg, rgb(255, 255, 255) 0%, rgb(216, 111, 81) 0%, rgb(194, 70, 70) 100%);
    background-image: -ms-linear-gradient(-49deg, rgb(255, 255, 255) 0%, rgb(216, 111, 81) 0%, rgb(194, 70, 70) 100%);
    width: clamp(60px, 3.91vw, 75px);
    height: clamp(60px, 3.91vw, 75px);
    margin: 0 auto clamp(25px, 1.72vw, 25px) auto;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: clamp(15px, 1.04vw, 20px);
}

.woo-grid-item-icon img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.woo-grid-item h3 {
    font-size: clamp(18px, 1.56vw, 30px);
    line-height: 1.266666666666667;
    margin-bottom: clamp(10px, 0.78vw, 15px);
    width: 100%;
}

.woo-grid-item p {
    width: 100%;
}

.woo-grid-item h3.heading {
    font-size: clamp(25px, 1.82vw, 35px);
    margin-bottom: clamp(18px, 1.3vw, 25px);
}

.woo-grid-item ol {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin: 0;
    padding: 0;
    width: 100%;
    list-style-type: none;
    justify-content: center;
}

.woo-grid-item ol li {
    margin: 0;
    padding: 0;
    background-image: -moz-linear-gradient(-49deg, rgb(255, 255, 255) 0%, rgb(216, 111, 81) 0%, rgb(194, 70, 70) 100%);
    background-image: -webkit-linear-gradient(-49deg, rgb(255, 255, 255) 0%, rgb(216, 111, 81) 0%, rgb(194, 70, 70) 100%);
    background-image: -ms-linear-gradient(-49deg, rgb(255, 255, 255) 0%, rgb(216, 111, 81) 0%, rgb(194, 70, 70) 100%);
    color: #ffffff;
    border-radius: 100px;
    padding: clamp(12px, 0.63vw, 12px) clamp(15px, 1.04vw, 20px);
    line-height: 1;
}

.graph img {
    margin-bottom: clamp(40px, 4.17vw, 80px);
}

.woo-logo img {
    width: 80%;
}

.woo-grid-item ul.bar-chart {
    position: relative;
    gap: clamp(10px, 1.04vw, 20px);
    padding-bottom: clamp(10px, 1.04vw, 20px);
}

.woo-grid-item ul.bar-chart:after {
    content: "";
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 5px;
    background-image: -moz-linear-gradient(-49deg, rgb(255, 255, 255) 0%, rgb(216, 111, 81) 0%, rgb(194, 70, 70) 100%);
    background-image: -webkit-linear-gradient(-49deg, rgb(255, 255, 255) 0%, rgb(216, 111, 81) 0%, rgb(194, 70, 70) 100%);
    background-image: -ms-linear-gradient(-49deg, rgb(255, 255, 255) 0%, rgb(216, 111, 81) 0%, rgb(194, 70, 70) 100%);
    border-radius: clamp(50px, 5.21vw, 100px);
}

.woo-grid-item ul.bar-chart span {
    width: 100%;
}

.woo-grid-item ul.bar-chart li:nth-child(5) span,
.woo-grid-item ul.bar-chart li:nth-child(6) span,
.woo-grid-item ul.bar-chart li:nth-child(7) span {
    background-image: -moz-linear-gradient(-49deg, rgb(255, 255, 255) 0%, #14235e 0%, #344277 100%);
    background-image: -webkit-linear-gradient(-49deg, rgb(255, 255, 255) 0%, #14235e 0%, #344277 100%);
    background-image: -ms-linear-gradient(-49deg, rgb(255, 255, 255) 0%, #14235e 0%, #344277 100%);
}

.woo-grid-item ul.bar-chart li:nth-child(1) span {
    height: clamp(22px, 1.67vw, 32px);
}

.woo-grid-item ul.bar-chart li:nth-child(2) span {
    height: clamp(40px, 2.66vw, 51px);
}

.woo-grid-item ul.bar-chart li:nth-child(3) span {
    height: clamp(50px, 3.44vw, 66px);
}

.woo-grid-item ul.bar-chart li:nth-child(4) span {
    height: clamp(60px, 4.79vw, 92px);
}

.woo-grid-item ul.bar-chart li:nth-child(5) span {
    height: clamp(70px, 6.51vw, 125px);
}

.woo-grid-item ul.bar-chart li:nth-child(6) span {
    height: clamp(80px, 7.81vw, 150px);
}

.woo-grid-item ul.bar-chart li:nth-child(7) span {
    height: clamp(100px, 9.79vw, 188px);
}

.woo-grid-round {
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: space-between;
    gap: clamp(25px, 2.6vw, 50px);
}

.woo-grid-round .search-reasult-extra {
    gap: clamp(10px, 1.04vw, 20px);
    margin-top: 0;
}

.woo-grid-round .search-reasult-extra div {
    height: clamp(9px, 0.47vw, 9px);
}

.woo-grid-round .search-reasult-extra div:nth-child(1) {
    width: 100%;
    background: #b0b0b0;
}

.woo-grid-round .search-reasult-extra div:nth-child(2) {
    width: 70%;
    background: #d86f51;
}

.woo-grid-round .search-reasult-extra div:nth-child(3) {
    width: 50%;
    background: #2b2a2a;
}

.donut {
    width: clamp(100px, 7.81vw, 150px);
    height: clamp(100px, 7.81vw, 150px);
    border-radius: 50%;
    background: conic-gradient(from -90deg, #d35b43 0deg 110deg, #0c1d56 110deg 360deg);
    position: relative;
    flex: 0 0 auto;
}

/* inner white center cutout */
.donut::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: clamp(30px, 3.13vw, 60px);
    height: clamp(30px, 3.13vw, 60px);
    border-radius: 50%;
    transform: translate(-50%, -50%);
    background: radial-gradient(circle at 40% 40%,
            #fff 0%,
            #f8f3f3 60%,
            #f1e8e8 100%);
}



/* inner-banner-wrapper */

.inner-banner-wrapper {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
}

.inner-banner-wrapper .left-part {
    width: 49.932432432432435%;
    text-align: left;
}

.inner-banner-wrapper .right-part {
    width: 60%;
    margin-right: -10%;
    padding-right: 5%;
    position: relative;
    z-index: 1;
}

.woo-image-grid {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;

}

.woo-image-grid .left-part {
    width: 37.086092715231786%;
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    align-items: flex-end;
    padding-top: clamp(20px, 2.6vw, 50px);
}

.woo-image-grid .right-part {
    width: 58.57740585774059%;
    margin: 0;
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
}

.woo-image-grid .right-part .box {
    width: 100%;
    display: flex;
    justify-content: space-between;
}

.woo-image-grid-item.woo-icon {
    /*background-image: -moz-linear-gradient(-49deg, rgb(255, 255, 255) 0%, rgb(216, 111, 81) 0%, rgb(194, 70, 70) 100%);
    background-image: -webkit-linear-gradient(-49deg, rgb(255, 255, 255) 0%, rgb(216, 111, 81) 0%, rgb(194, 70, 70) 100%);
    background-image: -ms-linear-gradient(-49deg, rgb(255, 255, 255) 0%, rgb(216, 111, 81) 0%, rgb(194, 70, 70) 100%);*/
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
}

.woo-image-grid-item.woo-icon img {
    width: 75%;
}

.woo-image-grid-item {
    border-radius: clamp(15px, 1.56vw, 30px);
    background-color: rgba(255, 255, 255, 0.20);
    box-shadow: 16.971px 16.971px 100px 0px rgba(0, 0, 0, 0.12), inset 0px 12px 40px 0px rgba(0, 0, 0, 0.07);
    border: 1px solid rgba(255, 255, 255, 0.2);
    margin: clamp(10px, 0.52vw, 10px) 0;
    padding: clamp(14px, 1.46vw, 28px) clamp(15px, 1.56vw, 30px);
}

.woo-image-grid-item.revenuce-box {
    width: 66%;
    display: flex;
    gap: 5px;
    align-items: center;
}

.woo-image-grid-item.revenuce-box span {
    display: flex;
    font-size: 150%;
    line-height: 1;
    gap: 5px
}

.woo-image-grid-item.revenuce-box span bdi {
    color: #4dfbaa;
}

.woo-image-grid-item.revenuce-box img {
    width: clamp(40px, 6.04vw, 116px);
}

.woo-image-grid-item.woo-icon {
    width: 30%;

}

.woo-image-grid-item h3 {
    width: 100%;
    font-size: clamp(18px, 1.25vw, 22px);
    text-align: left;
}
.woo-image-grid-item.placeholder {
    width: clamp(120px, 7.55vw, 145px);
    padding: clamp(15px, 1.04vw, 20px);
}
.woo-image-grid-item.placeholder .dummy-button {
    font-size: 12px;
}
.woo-image-grid-item.placeholder img {
    display: block;
}

.woo-image-grid-item.placeholder .search-reasult-extra {
    width: 100%;
    gap: 10px;
    margin: clamp(10px, 0.78vw, 15px) 0;
}

.woo-image-grid-item.placeholder .search-reasult-extra div {
    height: clamp(5px, 0.36vw, 7px);
    background: #fbfbfb;
}

.dummy-button {
    line-height: 1;
    border-radius: clamp(50px, 5.21vw, 100px);
    background-image: -moz-linear-gradient(-49deg, rgb(255, 255, 255) 0%, rgb(216, 111, 81) 0%, rgb(194, 70, 70) 100%);
    background-image: -webkit-linear-gradient(-49deg, rgb(255, 255, 255) 0%, rgb(216, 111, 81) 0%, rgb(194, 70, 70) 100%);
    background-image: -ms-linear-gradient(-49deg, rgb(255, 255, 255) 0%, rgb(216, 111, 81) 0%, rgb(194, 70, 70) 100%);
    font-size: clamp(13px, 1vw, 19px);
    width: 100%;
    padding: clamp(10px, 0.68vw, 13px) clamp(10px, 0.52vw, 10px);
    text-align: center;
}
.woo-image-grid-item.coupon-row h4 {
    font-size: clamp(26px, 1.98vw, 38px);
    line-height: 1;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: clamp(10px, 0.78vw, 15px);
}

.woo-image-grid-item.coupon-row h4 span {
    font-size: 70%;
}

.coupon {
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: clamp(18px, 1.41vw, 27px);
    line-height: 1;
    margin-top: clamp(10px, 0.78vw, 15px);
}

.coupon img {
    width: clamp(20px, 2.08vw, 40px);
}

.woo-image-grid-item.sales-conversion h3 {
    font-weight: 400;
}

.woo-image-grid-item.sales-conversion .count {
    font-size: clamp(30px, 2.24vw, 43px);
    font-weight: 700;
    line-height: 1;
    margin: clamp(10px, 0.52vw, 10px) 0 clamp(15px, 0.78vw, 15px) 0;
}

.progress-bar {
    width: 100%;
    height: clamp(10px, 0.52vw, 10px);
    border-radius: clamp(50px, 5.21vw, 100px);
    background: #ffffff;
    position: relative;
}

.progress-bar:before {
    content: "";
    position: absolute;
    inset: 0;
    width: 85%;
    background-image: -moz-linear-gradient(-49deg, rgb(255, 255, 255) 0%, rgb(216, 111, 81) 0%, rgb(194, 70, 70) 100%);
    background-image: -webkit-linear-gradient(-49deg, rgb(255, 255, 255) 0%, rgb(216, 111, 81) 0%, rgb(194, 70, 70) 100%);
    background-image: -ms-linear-gradient(-49deg, rgb(255, 255, 255) 0%, rgb(216, 111, 81) 0%, rgb(194, 70, 70) 100%);
    border-radius: clamp(50px, 5.21vw, 100px);
}

.woo-image-grid-item.checkout {
    display: flex;
    align-items: flex-end;
    gap: clamp(10px, 0.78vw, 15px);
}

.woo-image-grid-item.checkout .dummy-button {
    text-align: left;
    padding-left: clamp(15px, 1.04vw, 20px);
}

.woo-image-grid-item.checkout h3 span {
    display: block;
    font-size: clamp(120%, 120%, 180%);
    line-height: 1;
    margin-top: clamp(10px, 0.52vw, 10px);
}


.woo-image-grid-item.checkout,
.woo-image-grid-item.payment-gateway {
    width: 85%;
}

.woo-image-grid-item.payment-gateway img {
    margin-top: clamp(10px, 0.78vw, 15px);
}

/*  */

.contact-information {
    margin-top: 10.8rem;
    position: relative;
    color: #2b2b2b;
    z-index: 1;
    padding: 9.1rem 0;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}
.contact-information:after {
    content: "";
    background: #ffffff;
    position: absolute;
    top: 0;
    left: -50vw;
    right: 0;
    bottom: 0;
    width: 150vw;
    z-index: -1;
}

.contact-block {
    padding: 3.4rem 2rem 3.4rem 0;
    position: relative;
}

.contact-block:not(:last-child):before {
    content: "";
    position: absolute;
    width: 100vw;
    right: 0;
    height: 1px;
    background-color: #cccccc;
    bottom: 0;
}
.contact-block:first-child {
    padding-top: 0;
}

.contact-block:last-child {
    padding-bottom: 0;
    border: none;
}

.contact-block h5 {
    color: #313131;
    font-size: clamp(15px, 1.04vw, 1.8rem);
    font-weight: 400;
    margin: 0 0 1.4rem;
    line-height: 1.25;
}

.contact-block p a {
    font-weight: 700;
}

.contact-block p a:hover {
    color: #ff977b;
}

.contact-block p,
.contact-block p a {
    color: #2b2b2b;
    text-decoration: none;
    font-weight: bold;
    font-size: clamp(18px, 1.146vw, 22px);
}

.section-contact .inner-banner-wrapper .left-part {
    width: 47%;
    display: flex;
    flex-direction: column;
}
.section-contact .inner-banner-wrapper .right-part {
    margin: 0; padding: 0; width: 48%;
}
.section-contact .inner-banner-wrapper {
    align-items: unset;
}
.form-section {
    background: #ffffff; color: #2b2b2b; height: auto; border-radius: 5rem; background-color: rgb(255, 255, 255); box-shadow: 16.971px 16.971px 100px 0px rgba(0, 0, 0, 0.11); text-align: left; padding: 4rem 6.8rem; margin-bottom: 6rem;
}
.contact-block .social-media a {
    width: 6.8rem; height: 6.8rem; background: linear-gradient(270deg, #D86F51 0%, #C24646 100%); border-radius: 2rem; display: flex; align-items: center; justify-content: center;
}
.contact-block .social-media a img {
    max-width: 50%;
}

/* Media */
@media only screen and (max-width:1600px) {}

@media only screen and (max-width:1300px) {}

@media only screen and (max-width:1200px) {
    .seo-banner-grid .banner-grid-middle {
        width: 100%;
        order: -1;
    }

    .seo-banner-grid .banner-grid-left,
    .seo-banner-grid .banner-grid-right {
        width: 49%;
    }

  
}

@media only screen and (max-width:1023px) {
    .seo-grid br {
        display: none;
    }
}

@media only screen and (max-width:991px) {
    .icon-listing-row {
        grid-template-columns: repeat(2, 1fr);
    }

    .icon-listing-block:nth-child(-n+3) {
        border-right: 1px solid rgb(185, 217, 236);
        border-top: 1px solid rgb(185, 217, 236);
    }

    .icon-listing-block:nth-child(-n+2) {
        border-top: none;
    }

    .icon-listing-block:nth-child(2n+2) {
        border-right: none;
    }

    .icon-listing-row.style-2 {
        gap: 20px;
    }

    .seo-grid .grid-left,
    .seo-grid .grid-right,
    .seo-grid .grid-middle {
        width: 100%;
        justify-content: space-between;
    }

    .seo-grid .grid-left>div,
    .seo-grid .grid-right>div {
        width: calc(50% - 10px);
    }


    .icon-listing.style-3 .text-center {
        text-align: center;
    }

    .icon-listing.style-3 .icon-listing-main-row .left-part,
    .icon-listing.style-3 .icon-listing-main-row .right-part {
        width: 100%;
    }

    .icon-listing-row.style-3 {
        grid-template-columns: repeat(2, 1fr);
        gap: 20px;
        margin-top: 60px;
    }

    .everspan-logo {
        position: unset;
        width: 100%;
    }

    .tools-item>div {
        width: 100%;
        max-width: 95%;
    }

    .tools-row:after,
    .tools-row:before {
        display: none;
    }

    .pricing-plans-row {
        grid-template-columns: repeat(2, 1fr);
    }

    .icon-listing-row.style-3.style-5 {
        margin: 60px 0 0 0;
        border: 1px solid #cdd8e7;
        border-radius: 30px;
    }

    .icon-listing-row.style-5 .icon-listing-block {
        padding: 40px;
    }

    .icon-listing-row.style-5 .icon-listing-block:nth-child(odd) {
        border-right: 1px solid #cdd8e7;
        align-items: flex-start; align-content: flex-start;
    }
    .icon-listing-row.style-5 .icon-listing-block{
        align-items: flex-start; align-content: flex-start;
    }

    .icon-listing-row.style-5 .icon-listing-block:after {
        width: 100%;
    }

    .icon-listing-row.style-5 .icon-listing-block .icon-image {
        right: 30px;
        bottom: 30px;
        max-width: 250px;
    }

    .icon-listing-row.style-6 {
        grid-template-columns: repeat(1, 1fr);
    }

    .icon-listing.style-6 .icon-listing-main-row .icon-listing-block p {
        max-width: 100%;
    }

    .woo-grid .grid-left,
    .woo-grid .grid-middle {
        width: 49%;
    }

    .woo-grid .grid-right {
        width: 100%;
    }

    .woo-grid .grid-right .woo-grid-item {
        width: 49%;
    }
    .section-contact .inner-banner-wrapper .left-part,
    .section-contact .inner-banner-wrapper .right-part {
        width: 100%;
    }
    .contact-information {
        padding: 5rem 0;
        margin-top: 6rem;
    }
    .form-section{
        margin: 6rem 0;
        padding: 4rem 5rem;
    }
    .inner-banner-wrapper>.left-part,
    .inner-banner-wrapper>.right-part {
        width: 100%;
    }

    .inner-banner-wrapper>.right-part {
        margin: 40px 0 0 0;
    }

    .woo-image-grid .right-part {
        padding-right: 0;
    }
    .contact-information::after {
        display: none;
    }
    .contact-information * {
        color: #ffffff !important;
    }
    .contact-block {
        display: flex;
        width: 100%;
        padding-right: 0;
        align-items: center;
        gap: 0 60px;
        justify-content: space-between;
        padding: 30px 0;
    }
    .contact-block:not(:last-child)::before {
        opacity: 0.2;
    }
    .contact-block h5 {
        margin: 0;
        font-size: 18px;
    }
    .contact-block p {
        min-width: 430px;
    }
    .social-media li {
        flex: 1;
        width: 100%;
    }
    .contact-block .social-media a {
        width: 100%;
        padding: 35px;
    }
    .social-media {
        width: 100%;
    }
    .contact-block p a {
        font-size: 26px;
    }
    .contact-block p {
        font-size: 22px;
    }
}

@media only screen and (max-width:767px) {
    .checkpoint-row .left-part {
        width: 100%;
        text-align: center;
    }

    .checkpoint-row .right-part {
        margin-top: 60px;
    }

    .checkpoint-row .right-part,
    .checkpoint-row .right-part:after,
    .call-to-action.style-2 .heading-group,
    .call-to-action.style-2 .call-to-action-content {
        width: 100%;
    }

    .checkpoint-row .right-part {
        padding: 40px;
    }

    .call-to-action.style-2 .heading-group,
    .call-to-action.style-2 .call-to-action-content {
        text-align: center;
    }

    .seo-banner-grid .banner-grid-left,
    .seo-banner-grid .banner-grid-right {
        width: 100%;
    }

    .seo-banner-grid>div>div:last-child {
        border-bottom-left-radius: 15px;
        border-bottom-right-radius: 15px;
    }

    .banner-grid-right {
        justify-content: space-between;
    }

    .banner-grid-right .banner-grid-item {
        width: calc(50% - 10px);
    }

    .icon-listing-row.style-4 .icon-listing-block,
    .icon-listing-row.style-4 .icon-listing-block:nth-child(5n + 1),
    .icon-listing-row.style-4 .icon-listing-block:nth-child(5n + 4) {
        width: 49%;
        margin: 6px 0;
    }

    .icon-listing-row.style-4 .icon-listing-block:nth-child(5n + 5) {
        width: 100%;
    }

    .style-2 .checkpoint-row .right-part {
        width: 100%;
        border: 0;
        padding: 60px 0 0 0;
    }

    .style-2 .checkpoint-row .right-part:after {
        width: 100%;
        height: 1px;
        top: 0;
        left: 0;
        right: 0;
    }

    .style-2 .checkpoint-row .left-part {
        text-align: left
    }

    .our-process-item .left-part {
        text-align: center;
    }

    .our-process-item .left-part {
        width: 100%;
    }

    .our-process-item .right-part {
        width: 100%;
        max-width: 500px;
        margin-left: auto;
        margin-right: auto;
    }

    .our-process-item .left-part {
        margin-bottom: 50px;
    }

    .our-process-item span {
        margin-left: auto;
        margin-right: auto;
    }

    .our-process-item {
        width: 100%;
    }

    .icon-listing.style-6 .icon-listing-main-row .text-center {
        text-align: center;
    }

    .icon-listing.style-6 .icon-listing-main-row .left-part {
        padding: 0;
    }

    .icon-listing.style-6 .icon-listing-main-row .left-part,
    .icon-listing.style-6 .icon-listing-main-row .right-part,
    .icon-listing-row.style-6 {
        width: 100%;
        margin: 0;
        height: auto;
        min-height: auto;
    }


    .icon-listing.style-6 .icon-listing-main-row .icon-listing-block {
        min-height: 250px;
    }

    .icon-listing-row.style-6 {
        border-radius: 50px 50px 0 0;
        margin: 60px 0 0 0;
    }

    .icon-listing.style-6:before {
        display: none;
    }

    .payment-icon {
        position: unset;
        flex-wrap: unset;
        justify-content: space-between;
        gap: 20px;
        padding: 0;
        order: 1;
    }

    .payment-gateways-row {
        max-width: 100%;
        position: unset;
    }

    .payment-gateways-row:after {
        width: 100%;
        height: 100%;
        border-radius: 0;
    }

    .payment-logo {
        position: unset;
        justify-content: center !important;
    }

    .payment-gateways-row .heading-group {
        max-width: unset;
    }

    .payment-gateways-row .heading-group br {
        display: none;
    }

    .payment-gateways-row>div {
        display: flex;
        flex-direction: column;
        gap: 50px;
    }

    .payment-icon img {
        width: 100%;
        height: auto;
    }

   
}

@media only screen and (max-width:600px) {

    .icon-listing-row,
    .icon-listing-row.style-2 {
        grid-template-columns: repeat(1, 1fr);
    }

    .icon-listing-block,
    .icon-listing-block:nth-child(-n+3) {
        border-right: none;
        border-top: 1px solid rgb(185, 217, 236);
    }

    .icon-listing-block:first-child {
        border-top: 0;
    }

    .seo-grid .grid-left>div,
    .seo-grid .grid-right>div {
        width: 100%;
    }

    .icon-listing-row.style-3 {
        grid-template-columns: repeat(1, 1fr);
        gap: 20px;
    }

    .pricing-plans-row {
        grid-template-columns: repeat(1, 1fr);
        gap: 60px;
    }

    .call-to-action .button-group {
        align-items: center;
        flex-direction: column;
    }

    .banner-grid-item .form-input {
        width: 100%;
    }

    .woo-grid-item.icon-left {
        flex-direction: column;
        justify-content: center;
        text-align: center;
    }

    .woo-grid-item.icon-left .woo-grid-item-icon {
        margin-bottom: 25px;
    }

    .woo-grid .grid-middle>div:nth-last-child(-n + 2) {
        width: 100%;
    }

    .woo-grid-item.icon-left h3 {
        width: 100%;
    }

       .seo-banner-grid .banner-grid-right>*:last-child {
        border-bottom-right-radius: 0;
        border-bottom-left-radius: 0;
    }


}

@media only screen and (max-width:530px) {

    .woo-grid .grid-left,
    .woo-grid .grid-middle {
        width: 100%;
    }

    .woo-grid .grid-middle>div:nth-last-child(-n + 2) {
        width: 49%;
    }

    .woo-grid-item p {
        margin-bottom: 20px;
    }

    .grid-left .woo-grid-item {
        width: 49%;
    }

    .woo-image-grid .left-part,
    .woo-image-grid .right-part,
    .woo-image-grid-item.checkout,
    .woo-image-grid-item.payment-gateway {
        width: 100%;
    }

    .woo-image-grid .left-part {
        flex-wrap: wrap;
        flex-direction: unset;
        align-items: unset;
        justify-content: space-between;
        padding-top: 0;
    }

    .woo-image-grid-item.placeholder {
        width: 100%;
    }

    .woo-image-grid-item.coupon-row,
    .woo-image-grid-item.sales-conversion {
        width: 48%;
    }
}

@media only screen and (max-width:481px) {
    .tools-item {
        width: 100%;
    }

    .tools-item>div {
        max-width: 100%;
    }

    .tools-item:nth-child(even)>div {
        flex-direction: unset;
    }

    .checkpoint-row .right-part {
        padding: 30px;
    }

    .banner-grid-right .banner-grid-item {
        width: 100%;
    }

    .icon-listing-row.style-4 .icon-listing-block,
    .icon-listing-row.style-4 .icon-listing-block:nth-child(5n + 1),
    .icon-listing-row.style-4 .icon-listing-block:nth-child(5n + 4) {
        width: 100%;
    }

    .payment-icon {
        flex-wrap: wrap;
        justify-content: center;
    }

    .payment-icon>div {
        width: calc(33.33% - 20px);
        margin: 0;
        flex-grow: unset;
    }

    .grid-left .woo-grid-item,
    .woo-grid .grid-right .woo-grid-item,
    .woo-grid .grid-middle>div:nth-last-child(-n + 2) {
        width: 100%;
    }
}