.bim-page{
    --bim-lr-padding: 7.25rem; 
    --bim-tb-padding: 1rem; 
    --bim-title-margin: 2rem;
    font-size: 1.25rem;
    line-height: 1.35;
    font-family: var(--font-family);
}
.bim-page .rst-title-image{
    aspect-ratio: 1200 / 638;
}
.bim-page .rst-title-image img{
    width: 100%;
}
.bim-page > p, .bim-page > ul{
    padding: 0 var(--bim-lr-padding, 10rem);
    margin-bottom: var(--bim-title-margin, 2rem);
}
.bim-page > hr{
    padding: 0;
    margin: 0 var(--bim-lr-padding, 10rem) var(--bim-title-margin, 2rem) var(--bim-lr-padding, 10rem);
}
.bim-title{
    
    background: #4e4e4e;
    color: #ffffff;
    text-transform: uppercase;
    font-size: 1.25rem;
    padding: var(--bim-tb-padding, 1rem) var(--bim-lr-padding, 10rem);
    margin-top: 0;
    margin-bottom: var(--bim-title-margin, 2rem);
}
.bim-links{
    --bim-links-radius: 2rem;
    --bim-links-lr-padding: 2rem;
    --bim-links-tb-padding: 1.2rem;
    --bim-links-title-size: 1.25rem; 
    --bim-links-text-size: 0.9rem;
    --bim-links-gap: 5rem;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    padding: 1rem calc(var(--bim-lr-padding, 10rem) * 3 / 2);
    gap: var(--bim-links-gap, 10rem);
}
.bim-links > div {
    border-radius: var(--bim-links-radius, 2rem);
    overflow: hidden;
    position: relative;
    text-transform: uppercase;
    padding-bottom: 7rem;
}
.bim-links > div:after{
    content: '';
    position: absolute;
    z-index: -1;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    border: 0.1rem solid #000000;
    border-radius: var(--bim-links-radius, 2rem); 
}
.bim-links > div > div:first-child{
    aspect-ratio: 721 / 645;
}
.bim-links > div > div:first-child img{
    border-radius: var(--bim-links-radius, 2rem) var(--bim-links-radius, 2rem) 0 0 ;
    width: 100%;
}
.bim-links__title{
    color: #ffffff;
    background-color: #4e4e4e;
    padding: var(--bim-links-tb-padding, 1.2rem) var(--bim-links-lr-padding, 2rem);
    font-size: var(--bim-links-title-size, 2rem);
    text-transform: uppercase;
}
.bim-links__title + div{
    font-size: var(--bim-links-text-size, 1rem);
    padding: var(--bim-links-tb-padding, 1.2rem) var(--bim-links-lr-padding, 2rem);
    font-weight: 300;
}
.bim-links__button{
    padding: var(--bim-links-tb-padding, 1.2rem) var(--bim-links-lr-padding, 2rem);
    text-align: center;
    position: absolute; bottom: 0;
    width: 100%;    
}
.bim-links__button a, .bim-links__button button{
    display: block;
    background-color: #9A0932;
    text-align: center;
    font-size: var(--bim-links-title-size, 2rem);
    text-transform: uppercase;
    text-decoration: none;
    color: #ffffff;
    padding: 1.2rem;
    border-radius: 2.5rem;
    font-family: var(--font-family);
}

.modal-bimform{
    background: #ffffff;
    padding: 4rem 2rem 2rem 2rem;
    position: relative;
      box-shadow: inset 0 0 0 1px var(--color-dark-red, #000), 0 0 0 0.5rem #fff;
  margin: 0.5rem;
}
.modal-bimform >div:not(.bimform-errors,.modal-bimform__button, .successText){
    display: grid;
    grid-template-columns: 10rem auto;
    margin-bottom: 1.25rem;
    align-items: center;
    
}
.modal-bimform > div:has(input:required) span:after{
    display: inline-block;
    content: '*';
    color: var(--color-dark-red, darkred);
    margin-left: 0.2rem;
    vertical-align: super;
}
.modal-bimform input[type="text"]{
    border: 0.05rem solid rgba(0,0,0, 0.3);
    line-height: 1.5;
    padding: 0.2rem
}
.modal-bimform input[type="text"]:focus{
    border-color: var(--color-dark-red, darkred);
}
.modal-bimform__button{
    text-align: center;
}
.modal-bimform__button button{
    width: auto;
    padding: 0.5rem 2rem;
    text-transform: uppercase;
    position: relative;
}
.modal-bimform__button button.modal-bimform__button-spinner:after{
    content: '';
    position: absolute;
    top: 50%;
    left: calc(100% + 0.3rem);
    width: 2rem;
    height: 2rem;
    border: 0.25rem  dotted var(--color-dark-red, darkred);
    border-radius: 50%;
  animation: rotate-dots 2s linear infinite;
 
}

@keyframes rotate-dots {
  0% { transform: translateY(-50%) rotate(0deg); }
  100% { transform: translateY(-50%) rotateZ(360deg); }
}
.modalw_container:has(.pageForm .modal-bimform) .modalw_close{
    right: 0.5rem;
    top: 0.5rem;
}
.modalw_container:has(.pageForm .modal-bimform) .modalw_close:hover,
.modalw_container:has(.pageForm .modal-bimform) .modalw_close:active{
    background: var(--color-dark-red, darkred);
    -webkit-mask: url("/assets/images/icons/close-square.svg") no-repeat center;
  mask: url("/assets/images/icons/close-square.svg") no-repeat center;
  -webkit-mask-size: contain;
  mask-size: contain;
}

.bimform-errors:not(:empty){
    border: 0.1rem solid  var(--color-dark-red, darkred);
    padding: 0.5rem;
    margin-bottom: 1.5rem;
}
.bimform-errors div{
    color: var(--color-dark-red, darkred);
    padding-left: 1rem;
    background-image: radial-gradient(circle, var(--color-dark-red, darkred) 3px, transparent 4px);
     background-repeat: no-repeat;
  background-position: 0 center;
  background-size: 12px 12px;
}

@media (max-width: 150mm){
    .rst-body {
	--rst-body-otstup: 0!important;
    }
    .bim-page{
    --bim-lr-padding: 1.5rem;
    --bim-title-margin: 1rem;
    font-size: 0.75rem;
    line-height: 1.35;

    }
    .bim-title{
	font-size: 1.2rem;
    }
    .bim-links{
	--bim-links-radius: 0.8125rem;
	--bim-links-lr-padding: 0.75rem;
	--bim-links-tb-padding: 0.5rem;
	--bim-links-title-size: 0.725rem;
	--bim-links-text-size: 0.5rem;
	gap: var(--bim-lr-padding);
    }
    .bim-links__button a, .bim-links__button button{
	padding: 0.5rem;
	border-radius: 0.75rem;
    }
    .bim-links > div{
	    padding-bottom: 3rem;
    }
}