

/* Start:/bitrix/templates/ferma/css/preloader.css?1756222813581*/
  .preloader-global {
    position: fixed;
    top: 0; left: 0;
    width: 100vw; height: 100vh;
    z-index: 10000;
    display: none;
    background: rgba(255,255,255,0.5);
    justify-content: center;
    align-items: center;
  }
  
  .preloader-spinner {
    width: 48px;
    height: 48px;
    border: 6px solid #ccc;
    border-top-color: #3489db;
    border-radius: 50%;
    animation: spin 0.8s linear infinite;
  }
  
  .preloader-spinner.small {
    width: 32px;
    height: 32px;
    border-width: 4px;
  }
  
  @keyframes spin {
    to { transform: rotate(360deg); }
  }
/* End */


/* Start:/bitrix/templates/ferma/styles.css?17641691433738*/
.tulip-block-new {
    max-width: 1200px;
    margin: 0 auto;
    display: flex;
    background: #fff;
    border-radius: 20px;
    box-shadow: 0 4px 32px rgb(209 193 255 / 8%);
    padding: 32px 0px;
    align-items: flex-start;
    gap: 60px;
}

.tulip-block-new .tulip-block__title{
	font-size: 45px;
	line-height: 134%;
	margin-bottom: 31px;
}
	
.tulip-block-new .descr{
	font-size: 21px;
	line-height: 153%;
}

.tulip-block-new .btn{
	font-size: 16px;
	line-height: 155%;
}
.tulip-block-new .tulip-block__image{
	border-radius: 0px;
	margin-bottom: 0px;
}
.tulip-block-new .section__button_center{
	margin-top:0px;
	align-items: baseline;
}
.tulip-block-new .btn {
    position: relative;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: var(--white);
    vertical-align: middle;
    background: var(--gradient);
    border-radius: 7px;   
	margin-top: 12px;
    margin-bottom: 40px;
    padding: 15px 21px;
    height: 45px;
    -webkit-box-shadow: inset 0 -1.05117px 4.20469px rgba(255, 255, 255, 0.25), inset 7.35821px 7.35821px 26.2793px rgba(255, 255, 255, 0.25);
    box-shadow: inset 0 -1.05117px 4.20469px rgba(255, 255, 255, 0.25), inset 7.35821px 7.35821px 26.2793px rgba(255, 255, 255, 0.25);
    letter-spacing: 0.64px;
    -webkit-box-shadow: 0 0 0 var(--purple);
    box-shadow: 0 0 0 var(--purple);
    -webkit-transition: -webkit-box-shadow 0.15s;
    transition: -webkit-box-shadow 0.15s;
    -o-transition: box-shadow 0.15s;
    transition: box-shadow 0.15s;
    transition: box-shadow 0.15s, -webkit-box-shadow 0.15s;
}
.tulip-block-new button{
	-webkit-box-shadow: inset 0 -1.05117px 4.20469px rgba(255, 255, 255, 0.25), inset 7.35821px 7.35821px 26.2793px rgba(255, 255, 255, 0.25);
    box-shadow: inset 0 -1.05117px 4.20469px rgba(255, 255, 255, 0.25), inset 7.35821px 7.35821px 26.2793px rgba(255, 255, 255, 0.25);
    letter-spacing: 0.64px;
    -webkit-box-shadow: 0 3px 0 var(--purple);
    box-shadow: 0 3px 0 var(--purple);
    -webkit-transition: -webkit-box-shadow 0.15s;
    transition: -webkit-box-shadow 0.15s;
    -o-transition: box-shadow 0.15s;
    transition: box-shadow 0.15s;
    transition: box-shadow 0.15s, -webkit-box-shadow 0.15s;
}
.tulip-block-new ul li{
	font-size: 21px;
	line-height: 153%;
	margin-bottom: 4px;
}
.tulip-block-new li {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
}

.tulip-block-new li::before {
    content: "";
    width: 8px;
    height: 8px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    border-radius: 4px;
    border: 2px solid #EDEDED;
    background: #EF5DA8;
    margin-right: 12px;
}

.tulip-block-new .button {
    min-width: 296px;
}

@media (max-width: 800px){
	
.tulip-block-new .tulip-block__title {
    margin-bottom: 12px;
    font-size: 25px;
}

.tulip-block-new {
    gap: 24px;
}
}


@media (max-width: 1240px){
.tulip-block-new .tulip-block__media {
    width: 100%;
}
.tulip-block-new  {
    flex-direction: column-reverse;
	margin: 0 20px;
}
}

@media (max-width: 370px){
.tulip-block-new {
    padding: 10px;
}
.tulip-block-new .descr{
	font-size:18px;
}
.tulip-block-new .btn{
	font-size:14px;
}
.tulip-block-new ul li {
    font-size: 18px;
}
}

/* End */
/* /bitrix/templates/ferma/css/preloader.css?1756222813581 */
/* /bitrix/templates/ferma/styles.css?17641691433738 */
