@import url('https://fonts.googleapis.com/css?family=Oswald:400,500,600,700&display=swap&subset=cyrillic');
@import url('https://fonts.googleapis.com/css?family=Fira+Sans:400,500,600,700&display=swap&subset=cyrillic');
@import url('https://fonts.googleapis.com/css?family=Roboto:400,700&display=swap&subset=cyrillic');
@import url('https://fonts.googleapis.com/css2?family=Raleway:wght@400;500;600;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&display=swap');

body {
    color: #1f2937!important;
    background-color: #f5f5f5;
    min-width: 320px;
    font-family: 'Fira Sans', sans-serif;
    font-size: 16px;
    line-height: 1.5;
}

p {
    font-family: 'Inter', sans-serif;
    font-size: 18px;
    font-weight: 500;
}


.navikbg {
    background-color: #fff;
}
.logo {
    color: #1f2937;
    font-size: 21px;
    font-weight: 500;
    text-transform: uppercase;

}







.nav-link {
   
    color: #1f2937;
    font-size: 18px;
    font-weight: 500;
    }






.titletext {
    color: #1f2937!important;
    line-height: 5.778rem;
    font-weight: 500;
    font-family: 'Fira Sans', sans-serif;
    padding-bottom: 0px;
    font-weight: 700;
    font-size: 4.0rem;
}
@media (max-width: 768px) {
    .titletext {
        text-transform: uppercase;
        line-height: 3.9rem;
        font-family: 'Fira Sans', sans-serif;
        padding-bottom: 28px;
        font-weight: 700;
        font-size: 3.1rem;
    }
}




.infirmatext {
    font-size: 1.40rem !important;
    font-weight: 300;
    color: #1f2937!important;
}




.roundll {
    border-radius: 50rem !important;
    margin: .5rem;
    padding: 1rem .688rem;
    background-color: #f5f5f5;
    border: 1px solid #1f2937; 
    line-height: 0.0rem;
}
.roundll:hover {
    background-color: #1f2937;
    color: #f5f5f5;
    transition: background-color 0.3s, color 0.3s;
}

.badgelink  {
    color: #1f2937!important;
    font-weight: 300;
    text-decoration: none;
    font-size: 15px;
    }

    .badgelink:hover {
        color: #ffffff!important;
       
        }








    .fondev {
        padding: 5px;
        color: #fff !important;
        background: #000000;
        font-family: 'Poppins', sans-serif;
        font-size: 14px;
        text-decoration: none;
    }
    
    .ilpetrakovlink {
        text-transform: uppercase;
    }
    
    .il {
        text-transform: capitalize;
        font-style: italic;
    }







    

    .page {
        margin: 0px;
        border: 1px solid #ffffff00;
        height: 100%;
        display: flex;
        flex-direction: column;
        background: #fff;
        border-radius: 1rem !important;
        padding: 35px; /* Добавляем внутренний отступ в 1rem */

        }


    .card {
        margin: 0px;
        padding: 0;
        border: 1px solid #ffffff00;
        height: 100%;
        display: flex;
        flex-direction: column;
        background: #fff;
        border-radius: 1rem !important;
        }
      



    .uniform-height {
        height: 200px; 
        object-fit: cover;
        width: 100%; 
    }
    .itemgridinfo {
        font-size: 18px;
        margin-bottom: 15px;
        font-weight: 500;
        color: #000000;
        text-decoration: none;
        }





        .linkall {
            font-size: 18px;
            color: #1f2937cf;
            /* font-weight: 500; */
            text-decoration: none!important;
            border-bottom: 1px solid;
            border-bottom-color: rgba(97, 97, 97, 0.3);
          
        }



        


        .linkservice {
            font-size: 26px;
            color: #1f2937;
            font-weight: 500;
            text-decoration: none!important;
        }







        .introabautvtitle {
            color: #1f2937;
            /* font-size: 41px; */
            /* font-family: 'Fira Sans', sans-serif; */
            /* text-transform: uppercase; */
            /* line-height: 3.778rem; */
            /* font-weight: 500; */
            padding-bottom: 0px;
            padding-top: 43px;
            font-weight: 700;
            font-size: 47px;
            line-height: 5.778rem;
        }
        @media (max-width: 767px) {

    

            .introabautvtitle {
                line-height: 2.778rem;
                font-size: 41px;
            }
            
            }







            .fonelemet {
                background: #fff;
            }

            .good {
                
                background: linear-gradient(to right, #badfcd, #d8f3e6);
                padding: 25px;
            }




            .itebllllod22 {
                padding: 13px 13px;
                border: 1px dashed #c9c9c9;
            }
            
            .linia {
                padding-bottom: 40px;
            }
            
            .form-label {
                font-family: "Fira Sans", sans-serif;
                font-size: 15px !important;
                color: #000000;
            }