:root{
    --primary-color: #52B788;
    /*--secondary-color: #06416A;*/
    --secondary-color: #06416a;
    --gray-color: #8492A7;
    --white-color: #FFFFFF;
}

@font-face {
    font-family: "LamaRounded";
    src: url("./font/Lama-Rounded/Fonts/Web/Standard/LamaRounded-Regular.woff") format("woff");
    font-style: normal;
}

html{
    scroll-behavior: smooth;
}

html , body{
    width: 100%;
    height: max-content;
    margin: 0;
    padding: 0;
    /*background-color: #f8f9fa;*/
    background-color: var(--white-color);
    color: var(--secondary-color);
    font-family: "LamaRounded" , sans-serif !important;
}

body{
    height: 100vh;
    align-content: center;
}

.selection-div{
    width: 100%;
    /*height: 70vh;*/
    /*align-content: center;*/
}

.ltr{
    direction: ltr;
}

.competition-banner{
    width: 100%;
    border-radius: 0px 0px 10px 10px;
    min-height: 2cm;
    object-fit: cover;
}

/* Scrollbar */
::-webkit-scrollbar {
    width: 6px;
    height: 6px;
}

::-webkit-scrollbar-track {
    background: var(--white-color); 
    border-radius: 10px;
}

::-webkit-scrollbar-thumb {
    background: var(--secondary-color);
    border-radius: 10px;
}

.text-primary{
    color: var(--primary-color) !important;
}

.text-secondary{
    color: var(--secondary-color) !important;
}

.text-white{
    color: var(--white-color) !important;
}

.text-gray{
    color: var(--gray-color) !important;
}

.btn-primary{
    background-color: var(--primary-color) !important;
    border: unset !important;
}

.btn-outline-secondary{
    color: var(--secondary-color);
    border: 1px solid  var(--secondary-color) !important;
}

.btn-outline-secondary:hover{
    color: var(--white-color);
    background-color: var(--secondary-color) !important;
    border: 1px solid  var(--secondary-color) !important;
}

.btn-secondary{
    background-color: var(--secondary-color) !important;
    border: unset !important;
}

.lenabtaker-logo{
    width: 150px;
    height: auto;
}

.entrogate-logo{
    width: 80px;
    height: auto;
}

.register-div{
    width: 100%;
    height: 100%;
    padding: 20px;
    border-radius: 15px;
    background-color: var(--secondary-color);
    color: var(--white-color);
    border: 1px solid var(--secondary-color);
    /*cursor: pointer;*/
    transition: all ease-in-out 0.3s;
    /* -webkit-box-shadow: 0px 5px 5px 0px rgba(82,183,136,1);
    -moz-box-shadow: 0px 5px 5px 0px rgba(82,183,136,1);
    box-shadow: 0px 5px 5px 0px rgba(82,183,136,1); */
}

.register-div:hover{
    -webkit-box-shadow: 0px 10px 5px 0px rgba(82,183,136,1);
    -moz-box-shadow: 0px 10px 5px 0px rgba(82,183,136,1);
    box-shadow: 0px 10px 5px 0px rgba(82,183,136,1);
    
    /*background-color: var(--primary-color);
    border: 1px solid var(--primary-color);
    color: var(--white-color);*/
    /*-webkit-box-shadow: 0px 5px 5px 0px rgba(6,65,106,1);
    -moz-box-shadow: 0px 5px 5px 0px rgba(6,65,106,1);
    box-shadow: 0px 5px 5px 0px rgba(6,65,106,1);*/
}

.school-register{
    /*background-image: url(../images/school.svg?v=2.0);*/
    background-image: url(../images/schools-new.webp);
    background-size: 25%;
    background-repeat: no-repeat;
    background-position: left bottom;
}

.student-register{
    /*background-image: url(../images/student.svg?v=2.0);*/
    background-image: url(../images/student-new.webp);
    background-size: 25%;
    background-repeat: no-repeat;
    background-position: left bottom;
}

p{
    /*line-height: 0.8cm;*/
    font-size: 13pt;
    font-weight: bold;
    text-align: justify;
}

textarea{
    height: 120px;
}

::placeholder{
    text-align: right;
}

input , textarea , select{
    box-shadow: unset !important;
}
.select2-container--bootstrap-5.select2-container--focus .select2-selection, .select2-container--bootstrap-5.select2-container--open .select2-selection {
    border-color: #86b7fe;
    box-shadow: unset !important;
}

.cursor-pointer{
    cursor: pointer;
}