*{
    font-family: 'Roboto', sans-serif, serif;
}
html{
    scroll-behavior: smooth;
}
input[type="number"]::-webkit-outer-spin-button, input[type="number"]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
body{
    margin: 0;
    background-color: #46c2ce;
    overflow-y: scroll;
}
.container {
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}

@media (min-width: 576px) {
    .container {
        max-width: 540px;
    }
}

@media (min-width: 768px) {
    .container {
        max-width: 720px;
    }
}

@media (min-width: 992px) {
    .container {
        max-width: 960px;
    }
}

@media (min-width: 1200px) {
    .container {
        max-width: 1140px;
    }
}

@keyframes img-pulse {
    0% {transform: scale(1);}
    25% {transform: scale(1.01);}
    50% {transform: scale(1);}
    75% {transform: scale(0.99);}
    100% {transform: scale(1);}
}


@keyframes img-hover {
    100% {transform: scale(1.05);}
}

.home-main-img{
    width: 100%;
    /*
    animation-name: img-pulse;
    animation-duration: 1.8s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
    */
    transform: scale(1);
    transition: transform 0.2s ease-in-out;
    cursor: pointer;
}

.home-main-img:hover{
    transform: scale(1.05)
    /*
    animation-name: img-hover;
    animation-duration: 0.2s;
    animation-timing-function: ease-in-out;
    animation-iteration-count: 1;
    animation-fill-mode: forwards;
    */
}

a:not(.underline){
    text-decoration: none;
}

a.underline{
    color: #0e45f2;
}

.link-ul a{
    color: #ff5b00;
    text-decoration: underline;

}

ul.link-ul {
    list-style: none;
}

  
ul.link-ul li::before {
    content: "\2022";  /* Add content: \2022 is the CSS Code/unicode for a bullet */
    color: #367f8a; /* Change the color */
    font-weight: bold; /* If you want it to be bold */
    display: inline-block; /* Needed to add space between the bullet and the text */
    width: 1em; /* Also needed for space (tweak if needed) */
    margin-left: -1em; /* Also needed for space (tweak if needed) */
}

.hover-underline:hover{
    text-decoration: underline;
}

hr {
    border-color: rgba(0, 0, 0, 0.23);
    border-style: solid none;
    border-width: 0.2px 0;
    margin: 18px 0;
}

.readonly-input>fieldset{
    border-color: rgba(0, 0, 0, 0.23) !important;
}

.editor.title-editor p:first-child{
    font-size: 30px;
    color: #367f8a;
    margin: 0;
}
.editor p{
    font-size: 1rem;
    color:#000;
    margin: 10px 0;
}

.service-title-editor p{
    font-size: 20px;
    font-weight: 500;
    color:#000;
}

.service-title-editor p:first-child{
    margin: 0;
}

.kartya-title p{
    margin: 0;
}

.services-table p{
    margin: 0;
    font-size: 14px !important;
}

.service-table-title p{
    margin: 0;
}

.signups-dialog-title p{
    margin: 0;
    display: inline;
}

.parser-remove-format p {
    margin: 0 !important;
}