@import url('https://fonts.googleapis.com/css2?family=Red+Hat+Display:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Red+Hat+Display:wght@500&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Nunito+Sans:ital,wght@0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;0,1000;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900;1,1000&display=swap');

:root{
--ricinics-blue:#002753;
--ricinics-dark:#111A23;
--ricinics-green:#54b848;
--ricinics-green-dark:#118e26;
--bg-green:#ebfaf5;
--cr-green:#38c17d;
--bg-yellow:#fff6e5;
--cr-yellow:#eda43e;
--bg-red:#fce8e7;
--cr-red:#f85f4f;
--azt-purple:#673ab7;
--azt-red:#e30030;
--para-normal:0.9rem;
--para-color:#222;
--word-grey:#4d5055;
--word-blue:#4b587b;
--para-title:1.1rem bold;
--ricinics-sky:#072655;
--azt-color:#072655;
--ricinics-light:#f7f9fb;
--word-faded:#6d7784;
--ricinics-shadow:rgba(152, 152, 166, 0.2) 0px 7px 29px 0px;
--ricinics-shadow2:0 15px 20px 0 rgb(0 10 70 / 10%);
--ricinics-font-main:"Red Hat Display","Poppins",Lato;
--ricinics-font:"Nunito Sans",Arial;
--ricinics-background:#cbcbcb;
}



body{
    padding-top:58px;
}
html *{
font-family:"Nunito Sans",Arial;
font-weight:400;

}
.container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl{
   padding-right:22px !important;
   padding-left:22px !important;

}
.main-page-body{
    margin-top:2px;
    }
a{
    text-decoration:none !important;
    }

.para-n{
color:var(--para-color) !important;
font-size:1rem !important;
line-height: 1.7rem;
}
.para-m{
color:#222 !important;
font-size:1rem !important;
}

.main-page-box-small{
    max-width:1200px;
    margin:0 auto;
    padding:0px 20px;
}
.ric-title{
font-size:1.25rem;
font-weight: bold;
color:#222;
font-family: "Red Hat Display",Lato,sans-serif;
margin:20px 0px 20px 0px
}

.ric-title-prefix{
    font-size:1.6rem;
    font-weight: normal;
    color: var(--ricinics-blue);
    font-family: "Red Hat Display",Lato,sans-serif;
    margin:20px 0px 15px 0px;
    }
    .ric-title-white{
        font-size:1.6rem;
          font-weight: normal;
          color: #ffffff;
          font-family: "Red Hat Display",Lato,sans-serif;
          margin-bottom:0px;
      }
      .title-background{
        background-image:url("/assets/images/background.jpg");
        background-color: #002753;
        padding:30px 0px;
        background-size: cover;
        margin-bottom:30px;
      }
      .title-background-edu{
        background-image:url("/assets/images/education.jpg");
        background-color: #002753;
        padding:30px 0px;
        background-size: cover;
        margin-bottom:30px;
      }
      .page-category-small{
        color:#bfddff;
        margin:0px;
        font-size:0.85rem;
        font-family:"Red Hat Display";
      
      }



.ric-small{
    font-size:0.9rem;
}
.ric-black{
    color:#222;
}
    .ricinics-grid {
        display: grid;
        align-content: space-evenly;
        grid-template-columns: auto auto;
        grid-gap: 10px;
        grid-row-gap:20px;
        
      margin:10px 15px 20px 15px;
      }
      .ricinics-grid > div {
        
        border-radius:5px;
        padding:20px 0px;
        line-height:130%;
       
        
      }
         @media only screen and (max-width: 960px) {
        .ricinics-grid {
          display: flex;
          flex-direction: column-reverse;
          display: grid;
        align-content: space-evenly;
        grid-template-columns: auto;
        grid-gap: 2px;
        grid-row-gap:20px;
      margin:10px 5px 50px 5px;
      text-align: center;
          
        }} 
  .ric-mw-sm{
    max-width:500px;
  }
  
.ric-button{
    padding:10px 18px;
    border-radius:4px;
    color:#fff !important;
    background-color:#072655;
    font-size: 0.9rem;
}
.ric-button-secondary{
    padding:10px 18px;
    color:#072655 !important;
    font-size: 0.9rem;
}
.ric-button-secondary:after{
    content:"";
}
.ric-button:hover{
    color:#fff;
    background-color: #002753;
}
.ric-button:visited{
    color:#fff !important;
}
.ric-rbp{
    padding-bottom:0px !important;
}
.holderfortext{
    display:flex;
    align-items: center;
}

/*all accordions for pages*/



/*Alert Boxes*/

.alert-warning{
    font-size:0.84rem;
}
.alert-dismissible .btn-close{
    font-size:0.7rem;
}

/*Extra Page Datas*/
.extra-page-data{
font-size:0.7rem;
color:#444444;
margin:40px 0px 20px 0px;

}

/*ACCORDION BOX STYLING*/

.accordion-button:not(.collapsed){
    background-color: none !important;
    --bs-accordion-active-bg:none !important;
    font-weight:bold;
    color: #000 !important;
    transition:0.1s ease !important;
}
.accordion{
    --bs-accordion-transition:0.1s ease;
}
.accordion-button:focus{
    --bs-accordion-btn-focus-border-color:none !important;
    --bs-accordion-btn-focus-box-shadow:none !important;

}

.title-prefix{
    font-size:0.8rem;
    text-transform: uppercase;
    font-family:"Red Hat Display";
}
.t-o-c{
    margin-bottom:20px;
}
.toc-body{
    border:1px solid #efefef !important;
    padding:20px;
    border-radius:4px !important;
}
.in-this-page{
    border:1px solid #efefef;
    border-radius:3px;
    padding:7px 5px;
    width:100%;
    background-color:#fff;
    text-align:left;
    font-size:0.85rem;
    margin-bottom:5px;
    color:var(--word-grey) !important;
    
}
.toc-link{
    color:var(--word-grey);
    font-size:0.85rem;

}
.toc-ss{
    margin-left:20px !important;
}
.ricinics-direct{
    font-size:0.9rem;
    font-weight:bold;
    color: var(ricinics-sky) !important;
    font-family:"Red Hat Display";


}
.ricinics-direct:after{
    content: '\f061';
    font-family: 'Font Awesome 5 Free';
    font-weight: bold;
    margin-left: 5px;
    font-size:0.8rem;
     
}
.ricinics-direct:hover{
    color:var(--ricinics-green);
    transition:0.3s ease-in-out;
}
.ricinics-direct:hover .ricinics-direct:after{
    margin-left:10px;
}
.dr-white{
    font-size:0.9rem;
    font-weight:bold;
    color:white !important;
    font-family:"Red Hat Display";
    text-align:center;
}
.dr-white:after{
    content: '\f061';
    font-family: 'Font Awesome 5 Free';
    font-weight: bold;
    margin-left: 5px;
    font-size:0.8rem;
     
}
.ricinics-direct:visited{
    color: var(ricinics-sky) !important;
}
.dr-white:visited{
    color: #fff;;
}

/*SUCCESS BOX*/

.success1{
    text-align:center;
    width:15%px;
    padding:7px 3px 7px 3px;
    font-size:13px;
    color:white;
    border-radius:20px;
    background-image: linear-gradient(to right, #4caf50 , #24b600);
    width:200px;
    margin:0 auto;
    }
    .success2{
    
    font-size:1.6rem;
    color:#002753;
    font-family:"Red Hat Display";
      text-align:center;
      line-height:1.25em;
    }
    .success12{
        text-align: center;
        
    }
        .success3{
   
    font-size:0.9rem;
    color:black;
    font-weight:normal;
          text-align:center;
    }
        .successmain{

    font-size:90px;
    color:#4caf50;
    font-weight:bold;
          text-align:center;
    }
        #checkicon{
          animation: pulse 2s infinite;
          border-radius:100px;
          font-size:3.5rem;
          margin-bottom:15px;
        }
        @-webkit-keyframes pulse {
      0% {
        -webkit-box-shadow: 0 0 0 0 rgba(76, 175, 79, 0.9);
      }
      70% {
          -webkit-box-shadow: 0 0 0 10px rgba(76, 175, 79, 0);
      }
      100% {
          -webkit-box-shadow: 0 0 0 0 rgba(76, 175, 79, 0);
      }
    }
    @keyframes pulse {
      0% {
        -moz-box-shadow: 0 0 0 0 rgba(76, 175, 79, 0.9);
        box-shadow: 0 0 0 0 rgba(76, 175, 79, 0.4);
      }
      70% {
          -moz-box-shadow: 0 0 0 10px rgba(76, 175, 79, 0);
          box-shadow: 0 0 0 10px rgba(76, 175, 79, 0);
      }
      100% {
          -moz-box-shadow: 0 0 0 0 rgba(76, 175, 79, 0);
          box-shadow: 0 0 0 0 rgba(76, 175, 79, 0);
      }
    }
    
    .successbox{
    margin:5px 10px 5px 10px;
    text-align:center;
    
    }

    .ricinics-button{
        background-color:#002753;
        color:#fff;
        padding:8px 15px;
        border-radius:4px;
        font-size:0.9rem;
        font-weight:bold;
        margin:10px auto;
        max-width:200px;
        text-align:center;
        display:block;
        border:none;
      }
      .ricinics-button:hover{
        color:#fff;
        background-color: #003a7d;
      }

.request-button{
    font-size:0.9rem;
    font-weight:bold;
    color:white !important;
    font-family:"Red Hat Display";
    text-align:center;
    border:1px solid #fff;
    border-radius:30px;
    padding:5px 10px;
    margin:10px;
}
.request-button:after{
    content: '\f061';
    font-family: 'Font Awesome 5 Free';
    font-weight: bold;
    margin-left: 5px;
    font-size:0.8rem;
     
}
.request-button:visited{
    color: var(ricinics-sky) !important;
}
.request-button:hover{
    background-color:#ffffff1c;
}
.extended-view{
    min-height:210px;
}
.ricinics-link{
    background-color:var(--ricinics-sky);
    color:#fff;
    padding:10px 20px;
    border-radius:3px;
    font-size:0.9rem;
    font-family:"Red Hat Display";
    font-weight:600;
    transition: 0.3s ease-in;
}

.ricinics-link-text{
    color:var(--ricinics-sky);
    padding:10px 20px;
    border-radius:3px;
    font-size:0.9rem;
    font-family:"Red Hat Display";
    font-weight:600;
    transition: 0.3s ease-in;
}
.link-arrow{
    height:10px;
    width:10px;
    margin-left:3px;
    transition: 0.3s ease-in;
    margin-bottom:2px;
}
.link-arrow-text{
    height:10px;
    width:10px;
    margin-left:3px;
    transition: 0.3s ease-in;
    margin-bottom:2px;
}
.ricinics-link:hover, .ricinics-link:visited{
    color:#fff;
}
.ricinics-link-text:hover, .ricinics-lin-text:visited{
    color:var(--ricinics-sky);
}
.ricinics-link:hover .link-arrow{
    margin-left:10px;
    transition: 0.3s ease-in-out;
}
.ricinics-link-text:hover .link-arrow-text{
    margin-left:10px;
    transition: 0.3s ease-in-out;
}
.link-div{
    transition: 0.3s ease-in; 
    margin:30px;
    font-weight:600px;
}
.link-div-text{
    transition: 0.3s ease-in; 
    margin:15px; 
    font-weight:600px;
}
.no-margin{
    margin:0px !important;
}

#azt-color{
color:var(--azt-color);
}