/*
custom style goes here.
*/


/*--------------------------------------------------------------
#Rental ecommerce software development
--------------------------------------------------------------*/

@media screen and (max-width: 767px) {
  .rental-sd-main-page.with-extra-description .main-page-bottom-block .develop-colums {
    margin-bottom: 0;
  }

  .rental-sd .develop-colums-text.heading-with-height {
    gap: 20px;
  }

  .rental-sd .how-to-create-description.long:last-of-type {
    margin-bottom: 0;
  }

  .rental-sd .heading-with-height .wp-block-heading {
    min-height: auto;
  }

  .rental-sd .heading-with-height .wp-block-heading br {
    display: none;
  }
}

@media screen and (min-width: 1800px) {
  .rental-sd .develop-main-title h1 {
    font-size: 79px;
  }
}

@media screen and (min-width: 1600px) and (max-width: 1800px) {
  .rental-sd-main-page .main-page-bottom-block .develop-title-center {
    display: none;
  }

  .rental-sd .hide-on-mid {
    display: none;
  }

  .rental-sd .how-to-create-description.long {
    max-width: 1481px;
  }

  .rental-sd .develop-title {
    font-size: 42px;
  }
}

@media screen and (min-width: 1800px) {
  .rental-sd .develop-colums-text .wp-block-heading {
    font-size: 30px;
  }

  .rental-sd .develop-colums-rect .wp-block-heading {
    margin-bottom: 10px;
  }
}

@media screen and (min-width: 1801px) and (max-height: 1020px) {
  .rental-sd .hide-on-mid {
    display: none;
  }
}

@media screen and (min-width: 1920px) and (min-height: 920px) {
  .rental-sd .develop-main-title h1 {
    font-size: 80px;
  }
  
  .rental-sd .develop-colums-text .wp-block-heading {
    font-size: 28px;
  }
}

@media screen and (min-width: 1921px) {
  .rental-sd .develop-colums-text .wp-block-heading {
    font-size: clamp(24px, 3vh, 36px);
  }

  .rental-sd .develop-colums .wp-block-heading {
    font-size: clamp(24px, 3vh, 36px);
  }
  
  .rental-sd .develop-colums p {
    font-size: clamp(18px, 1.8vh, 22px);
  }

  .rental-sd .how-to-create-description {
    font-size: clamp(20px, 2vh, 24px);
  }
}


/*--------------------------------------------------------------
#Web Scraping
--------------------------------------------------------------*/

@media screen and (max-width: 767px) {
  .web-scraping .develop-colums-text .wp-block-heading br {
    display: none;
  }

  .web-scraping .develop-colums-text:last-of-type {
    margin-bottom: 0;
  }

  .web-scraping .develop-colums-simple-bordered {
    margin-bottom: 0;
  }

  .web-scraping .title-with-icon-centered.column:last-child {
    padding-bottom: 0 !important;
  }
}

@media screen and (min-width: 1600px) and (max-width: 1800px) {
  .web-scraping .develop-main-title p:not(.button) {
    max-width: 1540px;
  }

  .web-scraping .hide-on-mid {
    display: none;
  }

  .web-scraping .develop-main-title p {
    margin-bottom: 10px;
  }

  .web-scraping .title-with-icon-centered.column,
  .web-scraping .title-with-icon-centered.column .wp-block-group {
    padding: 0 !important;
    padding-bottom: 0 !important;
  }
}

@media screen and (min-width: 1801px) {
  .web-scraping .develop-main-title p:not(.button) {
    max-width: 1390px;
  }

  .web-scraping .title-with-icon-centered.column .wp-block-heading {
    font-size: 30px;
  }
}

@media screen and (min-width: 1801px) and (max-width: 1920px) and (max-height: 920px) {
  .web-scraping .hide-on-mid {
    display: none;
  }
}

@media screen and (min-width: 1801px) and (min-height: 820px) {
  .web-scraping .develop-colums-text .wp-block-heading {
    font-size: 24px;
  }
}

@media screen and (min-width: 1801px) and (max-width: 1920px) and (max-height: 920px) {
  .web-scraping .title-with-icon-centered.column {
    padding: 0px 50px !important;
  }
}

@media screen and (min-width: 1921px) and (min-height: 994px) {
  .web-scraping .title-with-icon-centered.column {
    padding: 12px 50px !important;
  }

  .web-scraping .develop-colums-simple-bordered .wp-block-heading {
    font-size: 30px;
  }
}

body:not(.dark-theme) .web-scraping .title-with-icon-centered svg path[fill="white"] {
  fill: white;
}

body:not(.dark-theme) .web-scraping .title-with-icon-centered svg rect[stroke="#F7F8FA"],
body:not(.dark-theme) .web-scraping .title-with-icon-centered svg path[stroke="#F7F8FA"] {
  stroke: #1D173D;
}

body:not(.dark-theme) .web-scraping .title-with-icon-centered svg path[fill="#F7F8FA"] {
  fill: #B0B0B0;
}
body:not(.dark-theme) .web-scraping .title-with-icon-centered svg rect[fill="#1A1A1B"],
body:not(.dark-theme) .web-scraping .title-with-icon-centered svg path[fill="#1A1A1B"] {
  fill: var(--white);
}

body:not(.dark-theme) .web-scraping .title-with-icon-centered svg circle[stroke="#F48A1F"],
body:not(.dark-theme) .web-scraping .title-with-icon-centered svg rect[stroke="#F48A1F"],
body:not(.dark-theme) .web-scraping .title-with-icon-centered svg path[stroke="#F48A1F"] {
  stroke: var(--yellow);
}
body:not(.dark-theme) .web-scraping .title-with-icon-centered svg path[fill="#F48A1F"] {
  fill: var(--yellow);
}

@media screen and (min-width: 1921px) {
  .web-scraping .develop-colums-text .wp-block-heading {
    font-size: clamp(24px, 4vh, 28px);
  }

  .web-scraping .develop-title-center {
    font-size: clamp(24px, 5.5vh, 36px);
  }

  .web-scraping .develop-colums-rect .wp-block-group p,
  .web-scraping .develop-colums p {
    font-size: clamp(18px, 1.8vh, 22px);
  }

  .web-scraping p.wide-heading-description {
    font-size: clamp(20px, 1.8vh, 26px);
  }

  .web-scraping .develop-main-title p:not(.button) {
    max-width: 71vw;
  }

  .web-scraping .develop-colums .wp-block-heading {
    font-size: clamp(24px, 4vh, 28px);
  }
}

/*--------------------------------------------------------------
#Custom web development
--------------------------------------------------------------*/

.custom-web-dev .develop-colum-flex,
.custom-web-dev .develop-colum-flex > div {
  height: 100%;
}

.custom-web-dev .develop-colum-flex > div {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.custom-web-dev.flex-start .develop-colum-flex > div {
  justify-content: flex-start;
}

@media screen and (max-width: 767px) {
  .custom-web-dev .develop-colums-rect:last-of-type,
  .custom-web-dev .develop-colums-simple:last-of-type,
  .custom-web-dev .develop-colums-text:last-of-type,
  .custom-web-dev .develop-columns-with-small-margin:last-of-type,
  .custom-web-dev .last-description {
    margin-bottom: 0;
  }

  .custom-web-dev .develop-colums-simple {
    gap: 40px;
  }

  .custom-web-dev .develop-colums-simple > .wp-block-column::after {
    bottom: -20px;
  }

  .custom-web-dev .develop-colums-text .wp-block-heading br {
    display: none;
  }
}

@media screen and (min-width: 1801px) and (min-height: 840px) {
  .custom-web-dev .main-page-bottom-block .wp-block-heading {
    font-size: 28px;
  }

  .custom-web-dev .develop-colums-text .wp-block-heading {
    font-size: 24px;
  }
}

@media screen and (min-width: 1600px) and (max-width: 1800px) {
  .custom-web-dev .develop-title {
    font-size: 50px;
  }

  .custom-web-dev.hide-description .how-to-create-description {
    display: none;
  }

  .custom-web-dev .develop-colums-rect.no-rectangulars .wp-block-heading {
    min-height: 50px;
  }

  .custom-web-dev .develop-colums-rect.no-rectangulars p {
    margin-bottom: 10px;
  }
}

@media screen and (min-width: 1600px) and (max-height: 1023px) {


  .custom-web-dev .develop-colums-rect .wp-block-group {
    padding: 10px 20px 10px 39px;
  }
} 

@media screen and (min-width: 1600px) and (min-height: 1024px) {
  .custom-web-dev .develop-title {
    font-size: 50px;
  }

  .custom-web-dev .develop-colums-text .wp-block-heading {
    font-size: 24px;
  }
}

@media screen and (min-width: 1921px) {
  .custom-web-dev .develop-colums p {
    font-size: 20px;
  }
  
  .custom-web-dev .develop-colums-text .wp-block-heading {
    font-size: clamp(24px, 4vh, 28px);
  }
  
  .custom-web-dev .how-to-create-description {
    font-size: 26px;
  }
}

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

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

.custom-web-dev.develop-colums-faq > .wp-block-column,
.custom-web-dev.develop-colums-faq > .wp-block-column > .wp-block-group {
  height: 100%;
}

.custom-web-dev.develop-colums-faq .wp-block-column {
  position: relative;
}

.custom-web-dev.develop-colums-faq .wp-block-column::after {
  content: "";
  display: none;
  width: 20px;
  height: 20px;
  position: absolute;
  right: 50%;
  top: 50%;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' height='14' viewBox='0 0 14 14' width='14'%3E%3Cg stroke='%23b0b0b0' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m2.25 5.00003 4.49-4.390005c.0336-.035089.07396-.063013.11865-.08209.04468-.019077.09276-.028912.14135-.028912s.09667.009835.14135.028912c.04469.019077.08505.047001.11865.08209l4.49 4.390005'/%3E%3Cpath d='m2.25 9 4.49 4.39c.0336.0351.07396.063.11865.0821.04468.0191.09276.0289.14135.0289s.09667-.0098.14135-.0289c.04469-.0191.08505-.047.11865-.0821l4.49-4.39'/%3E%3C/g%3E%3C/svg%3E") no-repeat center / contain;
  animation-name: arrow-animation;
  animation-duration: 1.5s;
  animation-timing-function: ease-out;
  -webkit-animation-fill-mode: forwards;
  animation-iteration-count: infinite
}

@media screen and (min-width: 1600px) {

  .custom-web-dev.develop-colums-faq .wp-block-column::after {
    display: block;
  }

  .custom-web-dev.develop-colums-faq .wpsm_panel-group {
    overflow: scroll !important;
  }

  .custom-web-dev.develop-colums-faq > .wp-block-column > .wp-block-group {
    width: calc(50% - 40px);
  }
}

.custom-web-dev.develop-colums-faq .wp-block-column .wpsm_panel-group {
  position: relative;
  overflow-y: scroll;
  scrollbar-width: none;
  -ms-overflow-style: none;
}

.custom-web-dev.develop-colums-faq .wp-block-column .wpsm_panel-group::-webkit-scrollbar {
  display: none;
}

@media screen and (min-width: 1921px) {
  .custom-web-dev.develop-colums-faq .wp-block-column .wpsm_panel-group {
    overflow-y: auto;
  }
}

/*--------------------------------------------------------------
#UI UX Services improvements
--------------------------------------------------------------*/

@media screen and (max-width: 767px) {
  
  .ui-ux-design .develop-colums-rect:last-of-type,
  .ui-ux-design.design-process-with-borders .develop-colums-simple-bordered:last-of-type,
  .ui-ux-design .develop-colums-with-icons.develop-colums-rect:last-of-type,
  .ui-ux-design .develop-colums-simple:last-of-type {
    margin-bottom: 0;
  }

  .ui-ux-design .develop-colums-with-icons.develop-colums-rect {
    gap: 30px;
  }

  .ui-ux-design .group-with-image > .wp-block-group__inner-container {
    display: block;
  }

  .ui-ux-design .develop-colums-simple-bordered .wp-block-column.mobile-padding-left {
    padding: 20px 0;
  }

  .ui-ux-design .develop-colums-simple-bordered .wp-block-column.first-item,
  .ui-ux-design .develop-colums-simple-bordered .wp-block-column.mobile-padding-left.first-item {
    padding-top: 0;
  }

  .ui-ux-design .develop-colums-simple-bordered .wp-block-column.last-item,
  .ui-ux-design .develop-colums-simple-bordered .wp-block-column.mobile-padding-left.last-item {
    padding-bottom: 0;
  }

  .ui-ux-design .last-description {
    margin-bottom: 40px;
  }
}

@media screen and (min-width: 1600px) and (max-height: 1024px) {
  .ui-ux-design.ux-column .develop-colums-rect.no-rectangulars .wp-block-group {
    padding: 10px 30px 10px 10px;
  }

  .ui-ux-design .how-to-create-description {
    max-width: 1250px;
  }

  .ui-ux-design .develop-colums-simple-bordered:not(.more-columns-even) .wp-block-column, 
  .ui-ux-design .develop-colums-simple-bordered:not(.more-columns-even) .wp-block-column.mobile-padding-left {
    padding: 10px 50px;
  }

  .ui-ux-design .industries.develop-colums-simple-bordered.more-columns-even .wp-block-column {
    padding: 10px 30px;
  }
}

@media screen and (min-width: 1600px) and (max-width: 1800px) {
  .ui-ux-design .hid-on-mid {
    display: none;
  }

  .ui-ux-design .develop-colums-rect .wp-block-group p,
  .ui-ux-design .develop-colums-rect .wp-block-group li {
    font-size: 15px;
  }
}

@media screen and (min-width: 1600px) {
  .ui-ux-design.process .develop-colums .wp-block-heading {
    font-size: 30px;
  }

  .ui-ux-design .develop-colums-simple-bordered.no-side-borders.white-borders p {
    font-size: 20px;
  }
}

@media screen and (min-width: 1800px) {
  .ui-ux-design .title-with-icon-centered .wp-block-heading {
    font-size: 30px;
  }
}

@media screen and (min-width: 1921px) {
  .ui-ux-design .develop-colums p,
  .ui-ux-design .wp-block-group .wp-block-list {
    font-size: 20px;
  }
  
  .ui-ux-design .develop-colums-text .wp-block-heading,
  .ui-ux-design .develop-colums .wp-block-heading {
    font-size: 28px;
  }
  
  .ui-ux-design .how-to-create-description {
    font-size: 26px;
  }

  .ui-ux-design .develop-colums-simple-bordered:not(.more-columns-even) .wp-block-column, 
  .ui-ux-design .develop-colums-simple-bordered:not(.more-columns-even) .wp-block-column.mobile-padding-left {
    padding: 10px 50px;
  }

  .ui-ux-design .industries.develop-colums-simple-bordered.more-columns-even .wp-block-column {
    padding: 10px 30px;
  }
}

.ui-ux-design .develop-colums-rect.no-rectangulars .wp-block-group {
  align-items: flex-start;
}

body:not(.dark-theme) .ui-ux-design .title-with-icon-centered svg path[fill="white"] {
  fill: white;
}

.ui-ux-design.static-page-main-column .wp-block-heading {
  padding-left: 0;
}

body:not(.dark-theme) .ui-ux-design .title-with-icon-centered svg rect[stroke="#F7F8FA"],
body:not(.dark-theme) .ui-ux-design .title-with-icon-centered svg path[stroke="#F7F8FA"] {
  stroke: #1D173D;
}

body:not(.dark-theme) .ui-ux-design .title-with-icon-centered svg path[fill="#F7F8FA"] {
  fill: #B0B0B0;
}
body:not(.dark-theme) .ui-ux-design .title-with-icon-centered svg rect[fill="#1A1A1B"],
body:not(.dark-theme) .ui-ux-design .title-with-icon-centered svg path[fill="#1A1A1B"] {
  fill: var(--white);
}

body:not(.dark-theme) .ui-ux-design .title-with-icon-centered svg circle[stroke="#F48A1F"],
body:not(.dark-theme) .ui-ux-design .title-with-icon-centered svg rect[stroke="#F48A1F"],
body:not(.dark-theme) .ui-ux-design .title-with-icon-centered svg path[stroke="#F48A1F"] {
  stroke: var(--yellow);
}
body:not(.dark-theme) .ui-ux-design .title-with-icon-centered svg path[fill="#F48A1F"] {
  fill: var(--yellow);
}

.ui-ux-design.develop-colums-faq > .wp-block-column,
.ui-ux-design.develop-colums-faq > .wp-block-column > .wp-block-group {
  height: 100%;
}

.ui-ux-design.develop-colums-faq .wp-block-column {
  position: relative;
}

.ui-ux-design.develop-colums-faq .wp-block-column::after {
  content: "";
  display: none;
  width: 20px;
  height: 20px;
  position: absolute;
  right: 50%;
  top: 50%;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' height='14' viewBox='0 0 14 14' width='14'%3E%3Cg stroke='%23b0b0b0' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m2.25 5.00003 4.49-4.390005c.0336-.035089.07396-.063013.11865-.08209.04468-.019077.09276-.028912.14135-.028912s.09667.009835.14135.028912c.04469.019077.08505.047001.11865.08209l4.49 4.390005'/%3E%3Cpath d='m2.25 9 4.49 4.39c.0336.0351.07396.063.11865.0821.04468.0191.09276.0289.14135.0289s.09667-.0098.14135-.0289c.04469-.0191.08505-.047.11865-.0821l4.49-4.39'/%3E%3C/g%3E%3C/svg%3E") no-repeat center / contain;
  animation-name: arrow-animation;
  animation-duration: 1.5s;
  animation-timing-function: ease-out;
  -webkit-animation-fill-mode: forwards;
  animation-iteration-count: infinite
}

@media screen and (min-width: 1600px) {

  .ui-ux-design.develop-colums-faq .wp-block-column::after {
    display: block;
  }

  .ui-ux-design.develop-colums-faq .wpsm_panel-group {
    overflow: scroll !important;
  }

  .ui-ux-design.develop-colums-faq > .wp-block-column > .wp-block-group {
    width: calc(50% - 40px);
  }
}


.ui-ux-design.develop-colums-faq .wp-block-column .wpsm_panel-group {
  position: relative;
  overflow-y: scroll;
  scrollbar-width: none;
  -ms-overflow-style: none;
}

.ui-ux-design.develop-colums-faq .wp-block-column .wpsm_panel-group::-webkit-scrollbar {
  display: none;
}


@media screen and (min-width: 1921px) {
  .ui-ux-design.develop-colums-faq .wp-block-column .wpsm_panel-group {
    overflow-y: auto;
  }
}

/*--------------------------------------------------------------
#Quality assurance
--------------------------------------------------------------*/

@media screen and (min-width: 1600px) {
  .qa-page-column.develop-colums .wp-block-heading {
    font-size: 28px;
  }

  .qa-page .develop-colums-rect.no-rectangulars .wp-block-heading {
    margin-bottom: 10px;
  }

  .benefit-row.develop-colums-rect .wp-block-group {
    padding: 30px 30px 30px 28px;
  }
}

@media screen and (min-width: 1600px) and (max-width: 1800px) {
  .qa-page .develop-colums .wp-block-heading.colored-text-big, 
  .qa-page .develop-colums .wp-block-heading {
    font-size: 20px;
  }

  .benefit-row.develop-colums-rect .wp-block-group {
    padding: 20px 30px 20px 20px;
  }
}

@media screen and (min-width: 1921px) {
  .qa-page .develop-colums p,
  .qa-page .wp-block-group .wp-block-list {
    font-size: 20px;
  }
  
  .qa-page .develop-colums-text .wp-block-heading,
  .qa-page .develop-colums .wp-block-heading {
    font-size: 28px;
  }
  
  .qa-page .how-to-create-description {
    font-size: 26px;
  }

  .qa-page-column.develop-colums .wp-block-heading {
    font-size: clamp(24px, 3vh, 36px);
  }
}

.qa-page.develop-colums-holder.case.qa .single-row-case > .wp-block-group__inner-container {
  height: auto;
}

.qa-page.develop-colums-holder.case.qa .single-row-case .page-list {
  flex-wrap: wrap;
}

.qa-page.develop-colums-holder.case.qa .single-row-case .page-list {
  display: flex;
  justify-content: space-between;
  margin-top: 0;
  gap: 23px;
}

.qa-page .page-list .page-list-ext-item {
  margin: 0 0 40px 0;
  width: calc(100% - 40px);
  width: 100%;
  height: calc(50% - 40px);
  position: relative;
  display: flex;
  flex-direction: column;
  flex-shrink: 0;
  margin-right: 0;
}

.qa-page .page-list .page-list-ext-image {
  display: block;
  width: 100%;
  height: 182px;
  order: 2;
  flex-shrink: 0;
  margin: 0;
}

.qa-page .page-list .page-list-ext-image > a {
  display: inline-block;
  width: 100%;
  height: 100%;
}

.qa-page .page-list .page-list-ext-title {
  order: 1;
  font-size: 20px;
  line-height: 1.2;
  margin: 0 0 12px;
  text-transform: uppercase;
  font-weight: 600;
  white-space: normal;
}

.qa-page .page-list .page-list-ext-title a {
  color: var(--yellow);
}

.qa-page .page-list-ext-item-content {
  top: 38px;
  order: 3;
  position: absolute;
  top: 30px;
  left: 0;
  padding: 15px;
  color: var(--white);
  font-size: 14px;
  white-space: normal;
  max-width: 420px;
  font-size: 18px;
}

.qa-page.case .single-row-case .page-list-ext-item img {
  height: 100%;
  width: 100%;
  object-fit: cover;
  object-position: top;
}

@media screen and (min-width: 1024px) {
  .qa-page.develop-colums-holder.case.qa .single-row-case > .wp-block-group__inner-container {
    height: 295px;
  }

  .qa-page.develop-colums-holder.case.qa .single-row-case .page-list {
    flex-wrap: nowrap;
  }

  .qa-page .page-list .page-list-ext-item {
    width: calc(50% - 40px);
    margin: 0 0 40px 0;
  }

  .qa-page .page-list .page-list-ext-image {
    height: 100%;
    max-height: calc(100% - 40px);
    max-height: 230px;
  }
}

@media screen and (min-width: 1440px) {
  .qa-page .page-list .page-list-ext-item {
    width: calc(25% - 40px);
  }
}

.qa-page .case-link {
  max-width: 240px;
  margin: 24px auto 0;
}

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

  .develop-colums-holder.case.qa .single-row-case > .wp-block-group__inner-container,
  .qa-page .develop-colums-rect.develop-columns-with-small-margin:last-of-type {
    margin-bottom: 0;
  }

  .qa-page .page-list-ext:before {
    display: none;
  }

  .qa-page .case-link {
    margin: 0 auto !important;
  }
}


/*--------------------------------------------------------------
#SEO
--------------------------------------------------------------*/

@media screen and (max-width: 767px) {
  .seo-services .how-to-create-description.long,
  .seo-services .develop-colums-text.develop-columns-lined.steps,
  .seo-services .develop-colums-simple-bordered.no-side-borders:last-of-type,
  .seo-services.develop-colums-holder.design-process-with-borders.services .develop-title,
  .seo-services .develop-columns-with-small-margin:last-of-type {
    margin-bottom: 0;
  }

  .seo-services .develop-colums-simple-bordered .wp-block-column.mobile-padding-left {
    padding: 20px 0;
  }

  .seo-services .develop-colums-simple-bordered.no-side-borders:last-of-type .mobile-padding-left:last-of-type {
    padding-bottom: 0;
  }

  .seo-services .develop-colums-rect.no-rectangulars .wp-block-heading {
    min-height: auto;
  }

  .seo-services .develop-columns-lined .second-title br,
  .seo-services .develop-colums-rect.no-rectangulars .wp-block-heading br {
    display: none;
  }

  .seo-services .develop-colums.develop-colums-rect.small-margin {
    margin-bottom: 40px;
  }
}

@media screen and (min-width: 1600px) {
  .seo-services .develop-colums-simple-bordered:not(.more-columns-even) .wp-block-column, .develop-colums-simple-bordered:not(.more-columns-even) .wp-block-column.mobile-padding-left {
    padding: 3px 18px 3px 40px;
  }
}

@media screen and (min-width: 1800px) {
  .seo-services .develop-colums-simple-bordered p {
    font-size: 20px;
    line-height: 28px;
  }
}

@media screen and (min-width: 1600px) and (max-width: 1800px) {
  .seo-services .hid-on-mid {
    display: none;
  }

  .seo-services .steps {
    margin-top: 50px;
  }

  .seo-services .develop-colums-rect .wp-block-group {
    padding: 15px 20px 15px 39px;
  }

  .seo-services.solutions .develop-colums-rect .wp-block-group {
    padding: 10px;
  }

  .seo-services .develop-columns-lined .numbers {
    font-size: 24px;
  }
}

@media screen and (min-width: 1600px) and (max-width: 1800px) {
  .seo-services .hid-on-mid {
    display: none;
  }
}

@media screen and (min-width: 1801px) and (max-height: 1024px) {

  .seo-services .steps {
    margin-top: 50px;
  }
}

@media screen and (min-width: 1801px) and (min-height: 1024px) {
  .seo-services .develop-colums-simple-bordered p {
    font-size: 20px;
  }

  .seo-services .develop-colums-simple-bordered:not(.more-columns-even) .wp-block-column, .develop-colums-simple-bordered:not(.more-columns-even) .wp-block-column.mobile-padding-left {
    padding: 3px 30px 3px 50px;
  }

  .seo-services.solutions .develop-colums-rect .wp-block-group {
    padding: 25px;
  }
}

.seo-services.services.develop-colums-holder > .wp-block-column {
  justify-content: flex-start;
}

.seo-services .develop-colums-rect.no-rectangulars .wp-block-group {
  align-items: flex-start;
}

@media screen and (min-width: 1921px) {
  .seo-services .develop-colums-simple-bordered p,
  .seo-services .develop-colums p,
  .seo-services .wp-block-group .wp-block-list {
    font-size: 20px;
    line-height: 1.5;
  }
  
  .seo-services .develop-colums-text .wp-block-heading,
  .seo-services .develop-colums .wp-block-heading {
    font-size: 28px;
  }
  
  .seo-services .how-to-create-description {
    font-size: 26px;
  }

  .seo-services .develop-colums .wp-block-heading {
    font-size: 28px;
  }
}

/*--------------------------------------------------------------
#Product support
--------------------------------------------------------------*/

@media screen and (min-width: 1600px) and (max-width: 1800px) {
  .product-support .hid-on-mid {
    display: none;
  }

  .product-support .develop-colums-text .wp-block-heading {
    font-size: 24px;
  }

  .product-support .develop-columns-with-small-margin {
    margin-bottom: 18px;
  }
}

@media screen and (min-width: 1600px) {
  .product-support .service-offering .develop-colums-text .wp-block-heading {
    font-size: 24px;
  }
}

@media screen and (min-width: 1600px) and (max-height: 1000px) {
  .product-support .main-page-bottom-block .hid-on-mid {
    display: none;
  }
}

@media screen and (min-width: 1921px) {
  .product-support .develop-colums p,
  .product-support .wp-block-group .wp-block-list {
    font-size: 20px;
  }
  
  .product-support .develop-colums-text .wp-block-heading,
  .product-support .develop-colums .wp-block-heading {
    font-size: 28px;
  }
  
  .product-support .how-to-create-description {
    font-size: 26px;
  }

  .product-support .develop-colums .wp-block-heading {
    font-size: 28px;
  }

  .product-support .develop-title-center {
    font-size: clamp(26px, 6vh, 45px);
  }
}

/*--------------------------------------------------------------
#Ruby on Rails development
--------------------------------------------------------------*/

.ror-dev .develop-colums-simple .wp-block-heading {
  padding-left: 26px;
}

.develop-colums-simple .wp-block-heading {
  padding-left: 26px;
}

@media screen and (max-width: 767px) {
  .ror-dev .rectangular-block-with-border::after {
    top: -10px;
    left: 10px;
  }

  .ror-dev .develop-colums-simple {
    gap: 40px;
  }
  
  .ror-dev .develop-colums-simple > .wp-block-column::after {
    bottom: -20px;
  }

  .ror-dev .develop-colums-rect:last-of-type,
  .ror-dev .develop-colums-simple:last-of-type {
    margin-bottom: 0;
  }

  .ror-dev .two-columns-holder,
  .ror-dev .develop-colums-with-icons.develop-colums-rect {
    gap: 20px;
    margin-bottom: 0;
  }

  .ror-dev.two-columns > .wp-block-column > .wp-block-group > .wp-block-group__inner-container > .wp-block-columns {
    margin-bottom: 0;
  }
}

@media screen and (min-width: 1600px) {
  .ror-dev .section-with-borders.two-columns-holder__item {
    margin-bottom: 0 !important;
  }

  .ror-dev .rectangular-block-with-border.two-columns-holder__item {
    max-width: 50%;
  }

  .ror-dev .section-with-borders .wp-block-group__inner-container {
    height: 100%;
  }

  .ror-dev .section-with-borders .wp-block-group__inner-container .wp-block-group {
    height: calc(100%/3);
  }

  .ror-dev .develop-colums-rect .wp-block-group {
    padding-top: 10px;
    padding-bottom: 10px;
  }
}

@media screen and (min-width: 1600px) and (max-width: 1800px) and (max-height: 900px) {
  .ror-dev .rectangular-block-with-border {
    padding: 35px 60px;
  }

  .ror-dev .section-with-borders .wp-block-group {
    padding: 24px 0;
  }
}

@media screen and (min-width: 1920px) and (max-height: 801px) {
  .ror-dev .rectangular-block-with-border {
    padding: 35px 60px;
  }

  .ror-dev .section-with-borders .wp-block-group {
    padding: 16px 0;
  }
}


@media screen and (min-width: 1801px) and (min-height: 801px) {
  .ror-dev .block-title {
    font-size: 30px;
  }

  .ror-dev .rectangular-block-with-border {
    padding: 70px 76px;
  }

  .ror-dev .section-with-borders .wp-block-group {
    padding: 30px 0;
  }

  .ror-dev.creation-approach .develop-colums.develop-colums-rect p {
    font-size: 16px;
  }

  .ror-dev.creation-approach .develop-colums p {
    font-size: 18px;
  }

  .ror-dev .bigger-title {
    font-size: 30px;
  }
}

@media screen and (min-width: 1801px) and (min-height: 900px) {
  .ror-dev .develop-colums-simple p,
  .ror-dev .develop-colums p {
    font-size: 20px;
  }

  .ror-dev .section-with-borders p {
    font-size: 20px;
  }

  .ror-dev.creation-approach .develop-colums p {
    font-size: 18px;
  }
}

@media screen and (min-width: 1921px) { 
  .ror-dev.creation-approach .develop-colums p,
  .ror-dev .develop-colums-simple p,
  .ror-dev .develop-colums p {
    font-size: 20px;
  }
}

@media screen and (min-width: 1600px) and (max-width: 1800px) {
  .ror-dev .hid-on-mid {
    display: none;
  }
}

/*--------------------------------------------------------------
#SaaS development
--------------------------------------------------------------*/

.sass-dev .list-with-rect ul li:before {
  margin-bottom: 3px;
}

body.dark-theme .list-with-rect ul li:before {
  background-color: #F48A1F;
}

.sass-dev .develop-colums-simple.column-with-lined-list.list-with-rect .wp-block-heading {
  padding-left: 0;
}

@media screen and (max-width: 767px) {
  .sass-dev .develop-colums-simple {
    gap: 40px;
  }

  .sass-dev .develop-colums-simple.column-with-lined-list.list-with-rect {
    gap: 20px;
  }

  .sass-dev .develop-colums-simple > .wp-block-column::after {
    bottom: -20px;
  }

  .sass-dev .develop-colums-simple:last-of-type {
    margin-bottom: 0;
  }

  .sass-dev .why-sass-block .develop-title.hid-on-mid.wp-block-heading {
    margin-top: 40px;
  }

  .sass-dev .case-link {
    margin: 20px 0 0 !important;
  }

  .sass-dev .rectangular-title-with-text-group {
    padding-left: 0;
  }
}

@media screen and (min-width: 1600px) and (max-width: 1800px) {
  .sass-dev .develop-colums .wp-block-heading.colored-text-big, 
  .sass-dev .develop-colums .wp-block-heading {
    font-size: 20px;
  }

  .sass-dev .hid-on-mid {
    display: none;
  }

  .sass-dev .develop-colums-rect .wp-block-group {
    padding: 10px 23px 10px 35px;
  }

  .sass-dev .how-to-create-description {
    font-size: 16px;
  }

  .sass-dev .why-sass-block {
    margin-top: 10px;
  }

  .sass-dev.saas-columns.saas-services p {
    font-size: 15px;
  }

  .sass-dev.architecture-column.saas-columns .how-to-create-description,
  .sass-dev.saas-columns.saas-services svg  {
    display: none;
  }

  .sass-dev.architecture-column.saas-columns .develop-title {
    letter-spacing: -1.5px;
  }
}

@media screen and (min-width: 1801px) and (min-height: 910px) {
  .sass-dev .develop-colums-simple p {
    font-size: 20px;
  }

  .sass-dev .why-sass-block .wp-block-heading.colored-text {
    font-size: 30px;
  }

  .sass-dev .wp-block-heading.not-colored-text {
    font-size: 24px;
  }

  .sass-dev.architecture-column .wp-block-heading.not-colored-text.bigger-title {
    font-size: 32px;
  }

  .sass-dev.architecture-column .develop-colums .wp-block-heading, .sass-dev.saas-services .develop-colums .wp-block-heading {
    font-size: 24px;
  }

  .sass-dev.saas-columns.saas-services p {
    line-height: 22px;
  }
}

@media screen and (min-width: 1600px) and (max-width: 1800px){
  .sass-dev .why-sass-block .hid-on-mid {
    display: none;
  }

  .sass-dev .why-sass-block {
    margin-top: 10px;
  }
}

@media screen and (min-width: 1801px) and (max-height: 1024px) {
  .sass-dev.architecture-column .why-now .wp-block-heading.develop-title {
    display: none;
  }
}

.sass-dev .why-sass-block .develop-title.hid-on-mid {
  margin-top: 20px;
}

.sass-dev.develop-colums-holder.saas-columns .develop-colums-simple > .wp-block-column::after {
  display: none;
}

body:not(.dark-theme) .sass-dev .not-colored-text {
  color: #1A1A1B !important;
}

@media screen and (min-width: 1921px) {
  .sass-dev.saas-columns.saas-services p {
    line-height: 1.5;
  }
}

/*--------------------------------------------------------------
# Styles for resolutions more than 1920px 
--------------------------------------------------------------*/

@media screen and (min-width: 1921px) {
  #horizontall-wrapper.home-page .blog-main-post h2.item-title-tag, 
  #horizontall-wrapper.blog-wrapper .blog-main-post h2.item-title-tag {
    font-size: 2rem !important;
    line-height: 1.1 !important;
  }

  .blog-main-post .blog-main-post-content > p {
    font-size: 1.2rem;
  }
  
  .blog-small-posts .latest-post-selection .category, 
  .blog-small-posts .latest-post-selection .lps-tags-wrap, 
  .blog-small-posts .latest-post-selection .item-date {
    font-size: 1.2rem;
  }
  
  .blog-small-posts .latest-post-selection .post p {
    font-size: 1.2rem;
    line-height: 1.2;
  }
  
  #horizontall-wrapper .blog-small-posts .latest-post-selection .item-title-tag {
    font-size: 1.4rem !important;
  }
  
  .blog-small-posts .latest-post-selection .item-date {
    margin-top: -30px !important;
  }
  
  .blog-main-post .lps-tags-wrap,
  .blog-main-post .item-date {
    font-size: 1.2rem;
  }

  .develop-main-title p:not(.button) {
    min-width: 1450px;
    font-size: 1.5rem;
  }
  
  .develop-title-center {
    font-size: 2.5rem;
  }

  .marketplace-development .develop-colums-simple p {
    font-size: 24px;
  }

  .develop-colums .wp-block-heading.colored-text-big, 
  .develop-colums .wp-block-heading {
    font-size: 28px;
  }

  .develop-main-title h1 {
    font-size: 86px;
  }

  .develop-main-button .button a, .button a {
    font-size: 24px;
  }

  .develop-colums-case-description {
    font-size: 24px;
  }

  .develop-colums p {
    font-size: 24px;
  }
  
  .develop-colums-with-icons .develop-colums-stage {
    font-size: 24px;
  }

  .mobile-app-development.develop-colums-holder.static-page-main-column > .wp-block-column {
    justify-content: center;
  }
  
  .mvp.static-page-main-column .wp-block-column.with-extra-description {
    justify-content: center;
  }

  .how-to-create-description {
    font-size: 24px;
  }

  .column-with-lined-list .wp-block-list li {
    font-size: 24px;
  }

  .title-with-icon-group-centered {
    margin-bottom: 20px !important;
  }

  .wp-block-group.why-now {
    margin-top: 60px;
  }

  .saas-columns .how-to-create-description {
    margin-top: 40px;
  }

  .title-with-icon + p {
    font-size: 24px;
  }

  .title-with-icon .wp-block-heading {
    font-size: 24px;
  }

  .c2c.develop-colums-holder.static-page-main-column {
    align-items: center !important;
  }

  .rectangular-column-with-numbers.develop-colums .wp-block-heading {
    font-size: 70px;
  } 

  .second-group {
    margin-top: 60px;
  }

  .what-set-group .develop-colums-rect {
    margin-bottom: 40px;
  }

  .retail.static-page-main-column .with-extra-description {
    justify-content: center;
  }

  .about .about-description-bottom, .about .section-title-holder p,
  .about .areas .areas-description-bottom {
    font-size: 26px;
  }

  .about .about-description .wp-block-group__inner-container {
    align-items: flex-start;
  }

  .about .about-info p {
    font-size: 24px;
  }

  .about .about-info p strong {
    font-size: 80px;
  }

  .about .areas .area-item-description {
    font-size: 24px;
  }

  .develop-colums-holder .flex-column {
    justify-content: center !important;
  }

  .expertise .develop-colums-rect .wp-block-group .wp-block-list.colored-list {
    font-size: 24px;
  }

  .expertise .develop-colums-rect .wp-block-group .wp-block-list.colored-list li::before {
    margin-top: 10px;
  }

  .develop-colums-rect .wp-block-group .wp-block-list.colored-list li {
    margin-bottom: 10px;
  }

  .our-clients-hero .our-clients-description {
    font-size: 24px;
  }

  .our-clients-info-item p.our-clients-info-item-description {
    font-size: 24px;
  }

  .our-clients-info-item .our-clients-info-item-title {
    font-size: 56px;
  }

  .wide-heading-description-text,
  .medium-heading-description-text {
    font-size: 26px;
  }

  .business-analysis .develop-columns-lined .wp-block-list.colored-list li {
    font-size: 24px;
  }

  .ui-ux-design .main-page-bottom-block .develop-colums-simple .wp-block-heading {
    padding-left: 0;
  }

  .post-nav-holder p a {
    font-size: 18px;
  }

  .dd-team .benefits-holder p, .dd-team .develop-colums-rect .rect-inner-group p {
    font-size: 24px;
  }

  .post-content-col p,
  .post-content-col ul li,
  .post-content-col ol li,
  .post-content-col span, 
  .post-content-col a {
    font-size: 20px;
  }

  .home-page-row .slider-button-prev,
  .home-page-row .slider-button-next {
    font-size: 30px;
  }

  .slider-text-content {
    bottom: -105px;
  }

  .sharetribe-intro-description .sharetribe-intro-text {
    font-size: 30px;
  }

  .sharetribe .sharetribe-intro-title {
    font-size: 42px;
  }

  .sharetribe-intro-description {
    max-width: 50%;
  }

  .dd-team.what-included > .wp-block-column {
    justify-content: flex-start;
  }

  .dd-team.what-included > .wp-block-column .benefits-holder {
    margin-top: 70px;
  }

  .develop-title-margint-top {
    margin-top: 50px;
  }

  .healthcare .develop-colums p,
  .healthcare .develop-colums.develop-columns-with-small-margin p {
    font-size: 24px;
  }

  .healthcare .develop-colums-text .numbers + .second-title {
    font-size: 28px;
  }

  .healthcare .develop-colums-text .wp-block-heading {
    font-size: 34px;
  }

  .healthcare.small-title-and-margin .develop-colums-text .wp-block-heading {
    font-size: 28px;
  }

  .develop-columns-with-small-margin {
    margin-bottom: 50px;
  }
  
  .sharetribe.sharetribe-main-page > .wp-block-column {
    justify-content: flex-start !important;
  }
}