.projects-page .bg-white {
    background-color: #fff0;
}

.projects-page .sm\:hidden {
    display: none;
}


.projects-page svg.w-5.h-5 {
    width: 50px;
}

.projects-page a.relative.inline-flex.items-center.px-4.py-2.-ml-px.text-sm.font-medium.text-gray-700.bg-white.border.border-gray-300.leading-5.hover\:text-gray-500.focus\:z-10.focus\:outline-none.focus\:ring.ring-gray-300.focus\:border-blue-300.active\:bg-gray-100.active\:text-gray-700.transition.ease-in-out.duration-150 {
    position: relative;
    top: -18px;
    padding: 8px;
}

.projects-page span.relative.inline-flex.items-center.px-4.py-2.-ml-px.text-sm.font-medium.text-gray-500.bg-white.border.border-gray-300.cursor-default.leading-5 {
    position: relative;
    top: -18px;
    padding: 8px;
}


.hidden.sm\:flex-1.sm\:flex.sm\:items-center.sm\:justify-between {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.call_back{

    -webkit-transform: rotate(-90deg); /*Поворот блока с текстом кнопки на 30 градусов*/

    -moz-transform: rotate(-90deg);

    -ms-transform: rotate(-90deg);

    -o-transform: rotate(-90deg);

    transform: rotate(-90deg);

    position:fixed; /*фиксированная позиция кнопки при прокрутке*/

    z-index:999;

    right: 0px; /*отступ с права*/

    top: 35%; /*отступ сверху*/

    margin-right:-50px; /*отрицательный отступ справа (чем длиннее название кнопки тем больше должно быть значение данного отступа )*/

}

/*Стили для ссылки*/

.call_back a{

    color:#fff!important; /*цвет ссылки*/

    display:block;

    background:#DC3522; /*цветфонакнопки*/

    font-size:1.2em; /*размершрифта*/

    text-align:center; /*выравнивание по центру*/

    padding:10px 20px; /*внутренние отступы*/

    font-weight:bold;/*жирныйшрифт*/

    border-radius:5px; /*радиусскругленияуглов*/

    border:1px solid #fff; /*рамкавокругкнопки*/

}
.blocker{
    z-index: 9999999999999999999999 !important;
}
.call_back a{
    background-color: #ffba00;
    box-shadow: inset 5px 5px 20px 0 rgba(255, 133, 0, 0.4);

}
.modal{
    background: #18181c ;
    padding: 43px 30px;
}

input, textarea, select, .select2{
    margin-bottom: 30px;
}

.g-recaptcha {
    transform: scale(0.9) translateX(50px) translateY(-10px) !important;
}

.btn--primary {
    margin-top: 10px;
}

#callback-form.modal a.close-modal {
    border: 3px solid #ffba00;
    border-radius: 50%;
}
#callback-form.modal{
    background-image: url(../img/body-bg.png);
    text-align: center;
    background-color: #16181d;
}