


.lnd-wrap {
    margin-top:60px;
    max-width: 1900px;
    margin: 0 auto;
    padding-bottom: 6rem;
}

.section {
    margin-top: 4rem;
    padding: 4rem 0;
}

.section--xs-padding {
    padding: 1rem 0;
}

.section-header {
    margin: 0 auto;
    margin-bottom: 3rem;
}



.section-header__heading {
    font-family: 'Poppins','Inter', sans-serif;
    font-weight: 700;
    font-size: 3rem;
    line-height: 1.2;
    letter-spacing: -0.03em;
    color: #272D37;
    text-align: center;
    margin-bottom: 1rem;
}

.section-header__subheading {
    margin-top: 0.75rem;
    font-weight: 400;
    font-size: 1.125rem;
    line-height: 1.44;
    letter-spacing: -0.03em;
    color: #5F6D7E;
    text-align: center;
    /* max-width: 40rem; */
    margin: 0 auto;
}
.section-header__subheading > a {
color:var(--link-color);
}





.container {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 1.5rem;
    /* overflow: hidden; */
}


a.actions__btn {
    background-color: var(--control-color);
    border-radius: 0.375rem;
    padding: 0.75rem 1.25rem;
    display: block;
    color:#fff;
    font-weight: 600;
    font-size: 0.9rem;
    transition: background-color 0.15s linear;
}

a.actions__btn--alt {
    background-color: var(--control-alt-color);
    border-radius: 0.375rem;
    padding: 0.75rem 1.5rem;
    display: block;
    color:var(--link-color);
    font-weight: 600;
    font-size: 0.9rem;
    transition: background-color 0.15s linear;
}

a.actions__btn:hover {
    background-color: #1c55c6;
}

a.actions__btn--alt:hover {
    background-color: #d8e4fd;
}


a.actions__btn--demo {
    background-color: var(--demo-color);
    border-radius: 0.375rem;
    padding: 0.75rem 1.5rem;
    display: block;
    color:#fff;
    font-weight: 600;
    font-size: 0.9rem;
}

/* Actions footer */
.actions-footer {
    margin-top: 3rem;
}

.actions-footer__btns {
    display: flex;
    gap: 1.5rem;
    letter-spacing: -0.02em;
    justify-content: center;
    margin-top: 2.5rem;
}

/* Alternate actions footer*/


.platform-actions {
    background-color: #2A6AE2;
    border-radius: 1rem;
    padding: 2rem;
    text-align: center;
    padding: 3.5rem 2rem;
    margin-bottom: 2rem;
   
}

.platform-actions__heading {
    font-family: 'Poppins','Inter', sans-serif;
    font-weight: 700;
    font-size: 3rem;
    line-height: 1.2;
    letter-spacing: -0.5px;
    color: #fff;
   
    margin-bottom: 1rem;
}

.platform-actions__subheading {
    margin-top: 0.75rem;
    font-weight: 400;
    font-size: 1.125rem;
    line-height: 1.4;
   color: #ffffffb3;
    margin: 0 auto;
    margin-bottom: 3rem;
}

.platform-actions__btns {
    display: flex;
    gap:1.4rem;
    justify-content: center;
}

.platform-actions__btn {
    display: block;
    border-radius: 0.375rem;
    padding: 0.9rem 1rem;
    text-align: center;
    font-weight: 600;
    background-color: #5F8FE9;
    color:#fff;
    min-width: 5.625rem;
    transition: background-color 0.15s linear;
}

.platform-actions__btn--white {
    background-color: #fff;
    color:#2A6AE2;
}


.platform-actions__btn:hover {
    background-color: #6c9bf3;
}


.platform-actions__btn--red {
    background-color: #F4594F;
    color:#fff;
}


.platform-actions__btn--red:hover {
    background-color: #fe7065;;
   
}




/* Bread crumbs */
.breadcrumbs {
    display: flex;
    flex-wrap: wrap;
    color: var(--text-color);
    font-size: .875rem;
    margin-bottom: 5rem;
    font-weight: 400
}

.breadcrumbs>li {
    margin-bottom: 1rem
}

.breadcrumbs a {
    color: var(--breadcrumbs-color)
}

.breadcrumbs a:hover {
    color: var(--breadcrumbs-color-hover)
}

.breadcrumbs>li>span {
    color: var(--breadcrumbs-active-color)
}

.breadcrumbs>li::after {
    content: "/";
    padding: 0 .7rem;
    opacity: .4
}

.breadcrumbs>li:last-child::after {
    content: "";
    padding: 0
}




/* Page header */
.page-header {
    padding-top: 3rem;
    background-image: url(/img/header-bg-2.svg);
    background-repeat:  no-repeat;
  
    background-position: center top;
}

.page-header__columns {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 1rem;
}

.page-header__line {
    display: flex;
    gap: 1.5rem;
    margin-bottom: 2rem;
}

.page-header__logo {
    width: 10rem;
    height: 2rem;
}

.page-header__select {
    font-size: 0.875rem;
    color: var(--link-color);
    padding-right: 1.5rem;
    font-weight:  600;
    background-image: url(/img/icons.svg#arrow_down);
    background-size: 1rem;
    background-position: right center;
    background-repeat: no-repeat;
    display: flex;
    align-items: center;
    letter-spacing: -0.02em;
    position: relative;
    cursor: pointer;
}

 .page-header__select-list {
    border-radius: 0.5rem;
    background-color: #fff;
    box-shadow: 0 5px 12px rgb(0 0 0 / 14%);
    padding: 0.9rem;
    position: absolute;
    z-index: 99;
    white-space: nowrap;
    top: 2rem;
    min-width: 6rem;
    left: -1rem;
    display: none;
  
}

.page-header__select-list > a {
    font-size: 0.875rem;
    color: var(--link-color);
    font-weight:  600;
    display: block;
    padding: 0.25rem 0;
}

.page-header__select--opened .page-header__select-list {
    display: block;
}


.page-header__title {
    font-family: 'Poppins', 'Inter', sans-serif;
    font-weight: 700;
    font-size: 3rem;
    line-height: 1.2;
    letter-spacing: -0.03em;
    color: #272D37;
    margin-bottom: 1.5rem;
   
}

.page-header__subtitle
{
    color: var(--text-color-light);
    font-size: 1.125rem;
    line-height: 1.625rem;
    font-weight: 400;
    margin-bottom: 3rem;
    letter-spacing: -0.03em;
}

.page-header__btns {display: flex;
    gap: 1.5rem;
    margin-bottom: 1.75rem;
    letter-spacing: -0.02em;
}


.page-header__release {
    display: flex;
    gap:1.5rem;
    font-weight: 400;
    color: var(--text-color);
    font-size: 0.9rem;
    letter-spacing: -0.02em;
    flex-wrap: wrap;

}

.page-header__release-box {
    display: flex;
}
.page-header__release-shield {
    height: 20px;
    width: 106px;
}


.page-header__release-version {
   
    color: var(--text-color);
    padding-right: 1.5rem;
    margin-right: 1.5rem;
    border-right: 2px solid #E2E5E8;
}

.page-header__release-version i {
    font-style: normal;
}

.page-header__release-link {
    color:var(--link-color);
    padding-right: 2rem;
    background-image: url(/img/icons.svg#arrow_right);
    background-size: 1rem;
    background-position: right center;
    background-repeat: no-repeat;
}

.page-header__release__hidden {
    display: none !important;
}

.browser {
    background-image: url(/img/browser-header.svg);
    background-repeat:  no-repeat;
    background-position: top;
    width: 35rem;
    /* min-height: 18rem; */
    box-shadow: -9px -11px 40px #6461611c;
    background-color: #fff;
    border-radius: 0.625rem;
    margin-left: 4rem;
}


.browser__header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1.5rem;
    padding-top: 3rem;
}

.browser__header-title {
    font-size: 1.25rem;
    font-weight: 700;
    font-family: 'Poppins', 'Inter', sans-serif;
    color: var(--text-color);
}

.browser__header-link {
    color: #FE5F55;
    font-size: 0.75rem;
    white-space: nowrap;
}

.browser__code {
    font-family: monospace;
    font-size: 0.875rem;
    color:#666666;
    padding: 0 1.5rem;
    margin-bottom: 1.5rem;
    min-height: 11rem;
        
}

    .browser__code code {
        text-wrap: wrap;
    }


.browser__code code > span {
    counter-increment: line;
}
.browser__code code > span:before{
    content: counter(line);
    display: inline-block;
    width: 2rem;
    color: #bfbfbf;
    -webkit-user-select: none;
}

.browser__code--nolines code > span:before {
    content: none;
}


.browser__package-box {
    padding: 1rem;
    padding-top:0;
}

.browser__package {

    background-color: #F6F6F7;
    border-radius: 0.625rem;
    height: 3.3rem;
    display: flex;
    align-items: center;
}

.browser__package > i {
    display: block;
    width: 1.5rem;
    height: 1.5rem;
   
    background-size: 1.5rem;
    background-repeat: no-repeat;
    background-position: center;
    padding: 0 1.5rem;
    margin-bottom: 0.2rem;
}

.browser__package--net > i {
    background-image: url(/img/icons.svg#package_net);
}

.browser__package--java > i {
    background-image: url(/img/icons.svg#package_java);
}

.browser__package--nodejs-java > i {
    background-image: url(/img/icons.svg#package_node);
}

.browser__package--python-net > i {
    background-image: url(/img/icons.svg#package_python);
}

.browser__package--cli-net > i {
    background-image: url(/img/icons.svg#package_cli-net);
}

.browser__package > code {
    font-family: monospace;
    font-size: 0.875rem;
    color:#272d37;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    width: 80%;
}

.browser__package > button {
    display: block;
    width: 1.5rem;
    height: 1.5rem;
    background-image: url(/img/icons.svg#copy);
    background-size: 1.5rem;
    background-repeat: no-repeat;
    margin-left: auto;
    padding: 0 1.1rem;
   

}

.browser__package > button.browser__done {
    background-image: url(/img/icons.svg#done);

}


/* Main features */

.main-features {
    border-top: 1px solid #e5ecfb;
    margin-top: 6rem;
    padding-top: 6rem;
}


.main-features__block {
    padding-top: 2rem;
    display: grid;
    grid-template-columns: min-content 34.5625rem;
    justify-content: center;
    column-gap: 8rem;
}

.main-features__visual {
    width: 29rem;
    height: 28.5rem;
}

.main-features__column {
    padding-top: 0.625rem;
    display: grid;
    row-gap: 2.5rem;
}

.main-features__column-item {
    padding-top: 0.625rem;
    padding-left: 2rem;
    padding-bottom: 0.625rem;
    display: grid;
    border-left: 4px solid #EAEAEA;
    cursor: pointer;
}

.main-features__column-item.active {
    border-color: #2865E0;
}

.main-features__column-content {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.2s ease-out;
}

.main-features__column h4 {
    font-weight: 600;
    font-size: 1.25rem;
    line-height: 1.2;
    letter-spacing: -0.03em;
    color: #272D37;
    align-self: center;
}

.main-features__column p {
    margin-top: 1rem;
    font-weight: 400;
    font-size: 1rem;
    line-height: 1.6;
    color: #5F6D7E;
    align-self: center;
}

.main-features__column p > a {
    color: var(--link-color);
}


.platforms {padding-top: 1rem;}


.platforms__logos {
    margin-top: 4rem;
    display: flex;
    justify-content: center;
    gap: 3rem;

}

.platforms__logos img {
   width: 5.5rem;
   height: 5.5rem;
}


.packages {
    
    display: flex;
    flex:1;
    justify-content: center;
    margin-top: 7rem;
}

.packages__item {
    max-width: 30rem;
    padding: 0 3rem;
    border-right: 1px solid #EAECF4;
} 

.packages__item:last-child {
    border-right:none;
}


.packages__header {
    font-weight: 600;
    font-size: 1.25rem;
    line-height: 1.2;
    letter-spacing: -0.03em;
    color: #272D37;
    
}

.packages__content {
    padding: 1.5rem 0;
    font-weight: 400;
    font-size: 1rem;
    line-height: 1.7;
    color: #5F6D7E;
    align-self: center;
    
}

.packages__content li {
    margin-bottom: 0rem;
}

a.packages__action {
    background-color: var(--control-alt-color);
    border-radius: 0.3rem;
    padding: 0.5rem 0.75rem;
    display: inline-block;
    color: var(--link-color);
    font-weight: 400;
    font-size: 0.875rem;
}


.file-types {
    background-color: #F8FBFF;
}

.file-types__box {
    margin-top: 5rem;
    display: flex;
    gap: 1.5rem;
    justify-content: center;
}

.file-types__list {
    padding: 2rem 1.5rem 1.5rem 1.5rem;
    background: #FFFFFF;
    box-shadow: 0 0.625rem 2.1875rem rgba(0, 0, 0, 0.03);
    border-radius: 0.5rem;
    flex-grow: 1;
    flex-basis: 0;
    max-width: 20rem;
    min-width: 18rem;
}

.file-types__yellow {
    border-top: 0.1588rem solid #F4BD50;
}

.file-types__blue {
    border-top: 0.1588rem solid #2A6AE2;
}

.file-types__red {
    border-top: 0.1588rem solid #FE5F55;
}

.file-types__green {
    border-top: 0.1588rem solid #6DD130;
}

/* .create-line {
    width: 200px;
    border-top: 0.1875rem solid #32a1ce;
} */

.file-types__list h3 {
    font-weight: 600;
    font-size: 1rem;
    line-height: 1.2;
    text-align: center;
    color: #191A15;
    margin-bottom: 2rem;
    margin-top: 3rem;
}

.file-types__list h3:first-child {
    margin-top: 0;
}


.file-types__list li {
    font-size: 0.875rem;
    line-height: 1.86;
    letter-spacing: -0.03em;
    color: #272D38;
    margin-bottom: 1rem;
    padding-left: 2.3rem;
    position: relative;
}

.file-types__list a {
    color: #272D38;
}
.file-types__list strong {
    font-weight: 600;
}

.file-types__list li::before {
    content: "";
    width: 1.5rem;
    height: 1.5rem;
    display: block;
  
    background-size: 1.5rem;
    background-repeat: no-repeat;
    position: absolute;
    left: 0;
    top: 1px;
}

.file-types__yellow li::before {
    background-image: url(/img/icons.svg#yellow_checked);
}

.file-types__blue li::before {
    background-image: url(/img/icons.svg#blue_checked);
}

.file-types__red li::before {
    background-image: url(/img/icons.svg#red_checked);
}

.file-types__green li::before {
    background-image: url(/img/icons.svg#green_checked);
}



.features {
  
}

.features__grid {
    margin-top: 6rem;
    display: grid;
    grid-template-columns: repeat(3, max-content);
    /* grid-template-rows: repeat(3, max-content); */
    gap: 3rem 3rem;
    justify-content: center;
}

.features__grid-list {
    max-width: 19rem;
    display: flex;
}

.features__icon {
    height: 1.6rem;
    width: 1.6rem;
    margin-right: 1.5rem;
}

.features__grid-list_link .features__grid-list_desc::after {
    content:"";
    display: block;
    width: 0.85rem;
    height: 0.85rem;
    background-image: url('/img/icons.svg?v=25.11.1#link_arrow_right');
    background-size: 0.85rem;
    background-repeat: no-repeat;
    opacity: 0.5;
    position: absolute;
    right: -1.25rem;
    bottom: 0.2rem;
}

.features__grid-list_link:hover .features__grid-list_desc::after {
    opacity: 0.9;
    /* right: -1.45rem; */
}

.features__grid-list_link:hover .features__grid-list_subtitle  {
   color:#000;
}




.features__grid-list_link:hover .features__grid-list_desc{
    opacity: 1;
   
}

.features__grid-list_subtitle {
    font-weight: 600;
    font-size: 1.1rem;
    line-height: 1.4;
    color: #272D37;
    padding-bottom: 0.75rem;
   
}

.features__grid-list_desc {
   
   
    font-weight: 400;
    font-size: 0.875rem;
       padding: 0.2rem 0;
    line-height: 1.3rem;
    color: #606267;
     display: inline;
      position:relative;
        opacity: 0.85;
}




.code-samples {
     
    background-color: #F8FBFF;
}

.code-samples__subtitle {
    margin-top: 3.625rem;
   
    font-weight: 600;
    font-size: 1.5rem;
    line-height: 1.75;
    letter-spacing: -0.01em;
    color: #272D37;
}

.code-samples__wrap {
   
    max-width: 65rem;
    margin: 0 auto;
}

.code-samples__text {
    margin-top: 1rem;
    font-weight: 400;
    font-size: 1rem;
    line-height: 1.5;
    letter-spacing: -0.1px;
    color: #5F6D7E;
}

.code-samples__text a {
    color:#2865E0;
}

.code-samples__text-link {
    text-decoration: underline;
}

.code-samples__desc {
    margin-top: 2.5rem;
    background: #FFFFFF;
    box-shadow: 0 0.0625rem 0.1875rem rgba(96, 108, 128, 0.05);
    border-radius: 0.5rem;
  
}
.code-samples__note {
    font-weight: 600;
    font-size: 0.875rem;
    line-height: 1.75;
    letter-spacing: -0.01em;
    color: #464f5a;
    padding: 0.875rem 1.5rem;
 
    border-bottom: 1px solid #edf1f7;
}

.code-samples__desc-list {
    padding-top: 1.5rem;
    padding-left: 1.5rem;
    padding-bottom: 1.5rem;
    font-family:  monospace;
    font-weight: 700;
    font-size: 1rem;
    line-height: 1.31;
    color: rgba(152, 162, 178, 0.4);
}

.code-samples__desc-item {
    list-style-position: inside;
}

.code-samples__code {
    
    padding: 2rem 1.5rem;
    overflow-x: hidden;
    font-size: 0.875rem;
}

.code-samples__code code > span {
    counter-increment: line;
}
.code-samples__code code > span:before{
    content: counter(line);
    display: inline-block;
    width: 2rem;
    min-width: 2rem;
    color: #bfbfbf;
    -webkit-user-select: none;
} 

.code-samples__tabs {
    font-weight: 600;
    font-size: 0.875rem;
    line-height: 1.75;
      
    padding: 0 1.5rem;
 
    border-bottom: 1px solid #edf1f7;
    display: flex;
    gap:1rem;
}

.code-samples__tabs > a {
    padding: 1rem 0.5rem;
    color:#272D37;
    margin-bottom: -1px;
}

.code-samples__tab--blue.active  {
    border-bottom: 2px solid #2865E0;
    color: #2865E0;
}

.code-samples__tab--green.active  {
    border-bottom: 2px solid #57AB64;
    color: #57AB64;
}

.code-samples__tab--red.active  {
    border-bottom: 2px solid #F4594F;
    color: #F4594F;
}
.code-samples__tab--yellow.active  {
    border-bottom: 2px solid #faca4e;
    color: #f3be37;
}

.code-samples__tabs__code {
    
    padding: 2rem 1.5rem;
    overflow-x: hidden;
    font-size: 0.875rem;
    display: none;
}

.code-samples__tabs__code.active {
    display: block;
}

.code-samples__tabs__code code > span {
    counter-increment: line;
  
}
.code-samples__tabs__code code > span:before{
    content: counter(line);
    display: inline-block;
    width: 2rem;
    min-width: 2rem;
    color: #bfbfbf;
    -webkit-user-select: none;
} 



.reviews {
  /* display: grid;
    justify-content: center;*/
}

.reviews__text {
    max-width: 38.1875rem;
    margin: 0 auto;
}

.reviews__subtitle {
    font-family: 'Poppins', sans-serif;
    font-weight: 700;
    font-size: 1.5rem;
    line-height: 1.42;
    color: #FFFFFF;
    text-align: center;
    margin-bottom: 1.4375rem;
}

.reviews__text-box {
    font-weight: 400;
    font-size: 1rem;
    line-height: 1.62;
    color: #FFFFFF;
    text-align: center;
    padding-bottom: 0.8125rem;
}

.reviews__desc {
    background: url('/img/ellipse.svg') 50% 100%/100% no-repeat #2A6AE2;
    border-radius: 1.25rem;
    padding: 3.375rem 5.5rem 1.875rem;
    max-width: 46.875rem;
    display: inline-block;
}



.reviews__line {
    width: 70%;
    border-bottom: 0.0625rem solid #FFFFFF;
    mix-blend-mode: normal;
    opacity: 0.2;
    margin: 0 auto;
}

.reviews__nextsubtitle {
    margin-top: 2.5rem;
    font-weight: 700;
    font-size: 1rem;
    line-height: 1.62;
    color: #FFFFFF;
    text-align: center;
}

.reviews__nexttext-box {
    font-weight: 400;
    font-size: 0.875rem;
    line-height: 1.71;
    color: #FFFFFF;
    text-align: center;
}

.footer {
    margin-top:7rem;
    height: 14rem;
    background: #000000;
}

.swiper {
    max-width: 900px;
    width: 100%;
    height: 100%;
    margin-top: 4rem;
}

.swiper-slide {
    text-align: center;
    font-size: 18px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.swiper-button-prev,
.swiper-button-next {
    width: 42px;
    height: 42px;
    border: 1px solid rgba(42, 106, 226, 0.31);
    border-radius: 50%;
}

.swiper-button-prev:after,
.swiper-button-next:after {
    content: '';
    display: inline-block;
    width: 16px;
    height: 15px;
}

.swiper-button-prev:after {
    background-image: url('/img/icons.svg#arrow_swipe_left');
}

.swiper-button-next:after {
    background-image: url('/img/icons.svg#arrow_swipe_right');
}





.tooltip {
    position:relative;
    left: 0.4rem;
    top: 0.07rem;
}
.tooltip img {
    width:0.75rem;
    height:0.75rem;
    opacity: 0.7;
}
.tooltip__title {
    display: none;
    position: absolute;
    top: -2.5rem;
    left: 50%;
    transform: translate(-50%, 0);
    background-color: #000000c4;
    border-radius: 0.375rem;
    color: #fff;
    font-size: 0.75rem;
    padding: 0.25rem 0.5rem;
    width: max-content;
}
.tooltip:hover img {
    opacity: 1;
}

.tooltip:hover .tooltip__title {
    display: block;
}

@media (min-width: 1921px) {
.lnd-wrap {max-width: 1640px;}
}


@media (max-width: 1200px) {
   
    html {font-size: 14px;}


    .main-features__block {
        display: flex;
        gap: 2rem;
    }

    .file-types__box {
      
        flex-wrap: wrap;
        gap: 2rem;
    }

    

    .section-bg {
        background: none;
    }

   

    
}

@media (max-width: 1020px) {

    .container {
        padding: 0 1rem;

    }
    .page-header {
      
        background-position: center -300px;
    }

    .page-header__title {
        font-size: 2.85rem;
    }

    .browser {
        display: none;
    }

    .section-header__heading {
        font-size: 2rem;
    }

    .section-header__subheading {
        padding: 0 2rem;
    }

    .main-features {
        border-top: 1px solid #e5ecfb;
    }

    .main-features__block {
        display: block;
       
        padding: 3rem 1rem 0;
    }

    .main-features__visual {display: none;}

    .main-features__block-column {
        row-gap: 1.5rem;
        text-align: left;
    }


    .platforms__logos {
        flex-wrap: wrap;
    }

   

   
    .code-samples__code {
        overflow-x:scroll;
        -webkit-text-size-adjust: none;

    }

    .code-samples__wrap {
        padding-top: 0;
        padding: 0 0.5rem;
    }

    .code-samples__text {
        font-size: 0.9rem;
    }

  
    .features__grid {
      
        grid-template-columns: repeat(2, max-content);
    
    }
  

   

    .item__text {
        font-size: 0.72rem;
    }



    .reviews__desc {
        max-width: 37rem;
    }

    .swiper {
        margin-top: 3.825rem;
        max-width: 45rem;
    }

    .swiper-button-prev {
        left: 0;
    }

    .swiper-button-next {
        right: 0;
    }

}


@media (max-width: 767px) {

   

    .main-features__block {
        padding: 2rem 0 0;
    }

    .page-header__release {
        flex-direction: column-reverse;
        gap:0;
    }

    .page-header__release-shield{
       margin-top:1.5rem;
    }

   
    .features__grid {
        display: flex;
        flex-wrap: wrap;
        gap: 2rem;
        justify-content: flex-start;
    }

    .features__grid-list {
        max-width: 100%;
        margin-left: 1rem;
    }

    

    .swiper {
        max-width: 33rem;
    }

    .reviews__desc {
        background-image: none;
        padding: 2rem;
        max-width: 25rem;
    }


    .packages {
        flex-direction: column;
        gap: 5rem;
    }

    .packages__item {
        border-right: none;
    }

    .platform-actions__heading {
        font-size: 2.5rem;
    }

}

@media (max-width: 575px) {
   
   

   

    .main-features__block {
        padding-top: 1.5rem;
    }

   

    .block-column__item {
        padding: 0.5rem 0 0.5rem 1rem;
    }

    .main-features__column h4 {
        font-size: 1.1rem;
    }

    .main-features__column p {
        font-size: 0.9rem;
    }

   
   

    .four__grid-list {
        max-width: 100%;
    }

   

   

    

    .swiper-button-prev,
    .swiper-button-next {
        display: none;
    }

}



















