:root{
    --diak-primary : #f63009;
    --diak-secondary: #f5bb19;
    --diak-third: #f6a008;
    --diak-fourth: #fbf1e0;
}

html {
    scroll-behavior: smooth !important;
}
input:valid{
    box-shadow: none;
}
select:valid{
    box-shadow: none;
}
.bg-diak-primary{
    background-color: var(--diak-primary)!important;
    color: #ffff;
}
.bg-diak-secondary{
    background-color: var(--diak-secondary)!important;
}
.bg-diak-third{
    background-color: var(--diak-third)!important;
}
.border-1{border-width: 1px}
.border-2{border-width: 2px}
.border-3{border-width: 3px}
.border-4{border-width: 4px}
.border-5{border-width: 5px}
.border-diak-fourth{
    border-color : var(--diak-fourth)!important;
}
.border-radius{
    border-radius: 20% !important;
}
.color-white{
    color: #ffff;
}
.color-black{
    color: #000000;
}
.color-diak-primary{
    color: var(--diak-primary)!important;
}
.color-diak-secondary{
    color: var(--diak-secondary) !important;
}
.color-diak-third{
    color: var(--diak-third) !important;
}
.gap-1{gap: 5px}.gap-2{gap: 10px}.gap-3{gap: 15px}.gap-4{gap: 20px}.gap-4{gap: 25px}
.height-300{
    height: 120px!important;
}
.invalid{
    box-shadow: 0 0 5px red;
    -webkit-appearance: none!important;
    -webkit-box-shadow: 0 0 5px red;
}
.loader {
    border: 10px solid #f3f3f3;
    border-radius: 50% ;
    border-top: 10px solid var(--info);
    width: 50px ;
    height: 50px ;
    display: none;
    -webkit-animation: spin 2s linear infinite; /* Safari */
    animation: spin 2s infinite linear;
}
.w-15{
    width: 15%!important;
}
.width-30{
    width: 30px;
    height: auto;
}
.shadow-third{
    box-shadow: 0 0 5px var(--diak-primary);
}
.text-bold{font-weight: bold;}
.text-bolder{font-weight: bolder}
.text-black{
    color: #000000 !important;
}
@media (max-width: 792px) {
    .rs-spacing{
        margin-top: 20px;
    }
    .rs-text-center {
        text-align: center!important;
    }
    .rs-none{
        display: none!important;
    }
}
/*Safari */
@-webkit-keyframes spin {
    0% { -webkit-transform: rotate(0deg); }
    100% { -webkit-transform: rotate(360deg); }
}
@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}