@import url('https://fonts.googleapis.com/css2?family=Anek+Odia&display=swap');

:root {
    --color-main: #061538;  
    --color-main-hover: #041130;  
    --color-main-2: #B11E3D;  
    --color-text-shadow : #000000;
    
    --color-white : #ffffff;
  }

body{
    background: #f1f1f1;
    /* font-family: 'Raleway', sans-serif; */
    font-family: 'Anek Odia', sans-serif;
}

/* ////////////// Bootstap Custom ////////////// */
.btn{
    padding-top: 0.7rem;
    padding-bottom: 0.4rem;
    /* padding-top: 2.5%;
    padding-bottom: 1%; */
}

.btn-sm{
    padding-top: 0.5% !important;
    padding-bottom: 0.2% !important;
}

.btn-main{
    color: var(--color-white);
    background-color: var(--color-main);
}
.btn-main:hover{
    color: var(--color-white);
    background-color: var(--color-main-hover);
}

.btn-outline-main{
    color: var(--color-main);
    border-color: var(--color-main);
}
.btn-outline-main:hover{
    color: var(--color-white);
    background-color: var(--color-main);
}
/* //////////////////////////// */
/* ////////////// Global ////////////// */

.color-main{
    color: var(--color-main) !important;
}
.color-main-2{
    color: var(--color-main-2) !important;
}

.bg-color-main{
    background-color:var(--color-main) !important;
}

/* //////////////////////////// */

.main-navbar{
    background: #ffffff;
}

.main-navbar a, .main-navbar button{
    margin-left: 5px;
    margin-right: 5px;
    padding-bottom: 0px;
    padding-top: 0px;
    color: #585757;
    font-size: 18px;
    font-family: 'Anek Odia', sans-serif;
}


ul.navbar-menu-sub:after {
    clear: both;
    display: block;
    content: "";
}


.navbar-menu-sub-item{
    float: left;
    border: 0 !important;
    margin: 0px;
    padding: 0px 0px;
}

.navbar-menu-sub-image{
    font-size: 1.6rem; 
    color: white;
}

.navbar-menu-sub-card{
    background-color: rgb(24, 89, 185);
}

.btn-color{
    background-color: rgb(57, 121, 216);
    color: white;
}

.btn-navbar:focus {
    outline: none;
    box-shadow: none;
}

/* Custom */

.conten-menu{
    display: none;
}

.btn-menu:hover .conten-menu{
    display: block;
    background: #5f5f5f
}

.anim-fadeInUp{
    animation: fadeInUp;
    animation-duration: 1s;
}
.anim-fadeInDown{
    animation: fadeInDown;
    animation-duration: 1s;
}
.anim-fadeIn{
    animation: fadeIn;
    animation-duration: 1s;
}

/* [data-inviewport] { 
width:100px; height:100px; background:#0bf; margin: 150vh 0; 
} */

/* inViewport */

[data-inviewport="scale-in"] { 
transition: 2s;
transform: scale(0.1);
}
[data-inviewport="scale-in"].is-inViewport { 
transform: scale(1);
}

[data-inviewport="fade-rotate"] { 
transition: 2s;
opacity: 0;
}
[data-inviewport="fade-rotate"].is-inViewport { 
transform: rotate(180deg);
opacity: 1;
}
[data-inviewport="anim-fadeIn"].is-inViewport { 
    animation: fadeIn;
    animation-duration: 1s;
}
[data-inviewport="anim-fadeInUp"].is-inViewport { 
    animation: fadeInUp;
    animation-duration: 1s;
}
[data-inviewport="anim-fadeInDown"].is-inViewport { 
    animation: fadeInDown;
    animation-duration: 1s;
}
[data-inviewport="anim-fadeInLeft"].is-inViewport { 
    animation: fadeInLeft;
    animation-duration: 1s;
}
[data-inviewport="anim-fadeInRight"].is-inViewport { 
    animation: fadeInRight;
    animation-duration: 1s;
}

/* h1, h2, h3, h4, h5, h6 {
    
    font-weight: 700;
    color: #262626;
} */

a .card{
    color: #585757;
    background-color: rgb(255, 255, 255);
}

a .card:hover{
    color: #181818;
    /* color: #e8352a; */
    background-color: rgb(247, 247, 247);
}
a .card:active{
    background-color: rgb(231, 231, 231);
}

.tag-card{
    color: #e8352a;
}

.news-card{
    color: #585757;
}
.news-card:hover{
    color: #515dac;
}