:root {
    --clr: #0d6efd;
    --clr_light: #ffffff;
}

hr {
    border: none;
    border-top: 3px double #0d6efd;
    color: #0d6efd;
    text-align: center;
    height: 5px;
    width: 80%;
}

.brd_rd_cool {
    border-radius: 45px 10px;
}


.rnd {
     border-radius: 10px; 
}

.brd_color_white {
    border: 1px solid rgb(241 241 241 / 15%);!important;
}

.bg_hero {
    position: relative;
    background: url("../img/bg8.png") top right;
    background-size: cover;
    padding: 50px 0 150px;
}

.bg_hero2 {
    position: relative;
    background: url("../img/bg_alt.png") top right;
    background-size: cover;
    padding: 50px 0 150px;
}

.ops {
        background-color: rgba(13, 110, 253, 0.4);
}

.font {
    font-family: 'Ubuntu', sans-serif;
}


body {
    font-family: 'Ubuntu', sans-serif;
}



.icon {
     font-size: 1.9em;
     color: var(--clr);
}

.icon-light {
     font-size: 2.9em;
     color: var(--clr_light);
}

.f20 {
    font-size: 20px;   
}

.f25 {
    font-size: 25px;  
}

.f35 {
    font-size: 35px;    
}


.new {
    margin-top:25px;
}


.shadow {
  box-shadow: 0 1px 1px rgba(0,0,0,0.11), 
              0 2px 2px rgba(0,0,0,0.11), 
              0 4px 4px rgba(0,0,0,0.11), 
              0 8px 8px rgba(0,0,0,0.11), 
              0 16px 16px rgba(0,0,0,0.11), 
              0 32px 32px rgba(0,0,0,0.11);
    padding: 5px;
   }

.text-shadow{
    text-shadow: 5px 5px 2px rgba(0,0,0,0.11) ;
}


@font-face {
    font-family:"YakumoPreschoolHand";
    src: url("../font/YakumoPreschoolHand.ttf");
    font-style: normal; 
    font-weight: normal; 
}