@font-face {
    font-family: 'MINISansSerifBO';
    /* src: url('/assets/fonts/MINISerif-Bold.woff2') format('woff2'),
        url('/assets/fonts/MINISerif-Bold.woff') format('woff'); */
    src: url('../fonts/MINISansSerif-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'MINISansSerifRG';
    src: url('../fonts/MINISansSerif-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'MINISerifBO';
    src: url('../fonts/MINISerif-Bold.woff2') format('woff2'),
        url('../fonts/MINISerif-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'MINISerifRG';
    src: url('../fonts/MINISerif-Regular.woff2') format('woff2'),
        url('../fonts/MINISerif-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}


body {
    font-family: 'MINISansSerifRG', sans-serif;
    /* padding-top: 90px; */
    outline: none;
    
}

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

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

.custom-cookie-button {
    color: #000;
    background-color: #fff;
    border-radius: 56px;
    border: solid 2px #000;
    padding: calc(16px - 2px) calc(24px - 2px);
    height: auto;
    width: 100%;
    letter-spacing: normal;
    text-transform: none;
    font-size:18px;
}

/* removing blue outline from buttons */
button:focus, button:active {
   outline: none;
}

.logoSize{
    height:43px;
    width:auto;   
}

.accordion-outline{
    outline: none !important;
    box-shadow: none !important;
}
.accordion-button {
    color:#000 !important;
}
.accordion-button:hover {
    color:#017EA4 !important;
}
.accordion-button:focus{
    /* border-color: transparent !important; */
    box-shadow: none !important;
}

.custom-cookie-button:focus{
    /* border-color: transparent !important; */
    outline: none !important;
    box-shadow: none !important;
}

.custom-border-accordion{
    border-top: 0 !important;
    border-right: 0 !important;
    border-left: 0 !important;
    border-bottom: 2px solid rgba(0, 0, 0, .125) !important;

}

.custom-border-accordion.custom-border-accordion:hover{
    /* color: #017EA4 !important; */
    border-color:  #017EA4 !important;
}

hr {
    margin: 0;
    color: #000;
    background-color: #000 !important;  
    border: 2rem;
    opacity: revert;
    width: 5%;
    padding: 1px;
}

.btn-accept{
    color: #FFF;
    background-color:  #017EA4;
    border-color:  #017EA4;
}

.btn-custom-outline:hover{
    background-color: transparent !important;
    color: #017EA4 !important;
    border: solid 2px #017EA4 ;
}

.btn-accept:hover, .btn-accept:focus {
    background-color: #017EA4;
    border-color: transparent;
    color: #FFF !important;
}

.border-custom-card{
    border:1px solid #cccccc;
}

.left, .right {
    flex: 1; 
}

.right {
    text-align: right; 
}

.test{
    display: flex;
    justify-content: space-between;
}

.accordion-header-style{
    font-size: 18px;
    font-weight: 700;
}

/* toggle css  */
.toggle-switch {
    position: relative;
    display: inline-block;
    width: 55px;
    height: 25px;
  }
  
  .toggle-switch input { 
    opacity: 0;
    width: 0;
    height: 0;
  }
  
  .slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    /* background-color: #ccc; */
    -webkit-transition: .4s;
    transition: .4s;
    border-radius: 34px;
    border: 1px solid #000;
  }
  
  .slider:before {
    position: absolute;
    content: "";
    height: 15px;
    width: 15px;
    left: 8px;
    bottom: 5px;
    background-color: #000;
    -webkit-transition: .4s;
    transition: .4s;
    border-radius: 50%;
  }
  
  input:checked + .slider {
    background-color: #000;
  }
  
  input:focus + .slider {
    box-shadow: 0 0 1px #2196F3;
  }
  
  input:checked + .slider:before {
    -webkit-transform: translateX(26px);
    -ms-transform: translateX(26px);
    transform: translateX(26px);
  }
  input:checked + .slider {
    background-color: #000; /* Change background color when toggled on */
  }
  input:checked + .slider:before {
      background-color: #fff; /* Change slider color when toggled on */
  }
  /* On text */
  .on, .off {
    position: absolute;
    transform: translate(-50%, -50%);
    top: 50%;
    font-size: 15px;
    
  }
  
  .off {
    left: 70%;
    display: block;
    color: #000;
  }
  
  .on {
    right: 60%;
    display: none;
    color: #fff;
  }
  
  input:checked + .slider .on {
    display: block;
  }
  
  input:not(:checked) + .slider .off {
    display: none;
  }

  /* Flex container for h2 and p */
  .content-wrapper {
    display: flex;
    flex-wrap: wrap;
  }
  
  /* Flex items */
  .content-wrapper > .heading {
    flex: 1;
    width: 25%;
    margin-right: 10px;
  }
  
  .content-wrapper > .subheading {
    flex: 3;
    width: 75%;
  }

.content-wrapper > .subheading a {
width: 100%;
word-wrap: break-word;
}
@media screen and (min-width: 992px) {
    .universe {
        padding-left: 140px;
        padding-right: 140px;
    }
    .custom-heading{
        font-size:48px;
    }
    .custom-flex{
        text-align: end;
        padding-top: 21px;
    }
    .content-wrapper p{
        margin-bottom: 0.5rem !important;
        font-size: 18px;
    }
}

@media(max-width: 760px){
    .logoSize{
        height:30px !important;
    }

    .custom-flex{
        text-align: end; 
    }
 
}

@media screen and (max-width: 992px) {
    .mobile-bottom-padding{
            margin-top: 3rem;
        }
    .mobile-padding{
        margin-bottom: 15px;
    }
}

@media screen and (max-width: 767px) { 
    hr {
    width: 25% !important;
   
    }
    .accordion-body.custom-tab {
        padding: 5px 20px !important;
        margin-bottom: -2rem !important;
    }
    .mobile-sub-accordionExample{
        border-left: 2px solid rgba(0, 0, 0, .125) !important;
    }
}


@media screen and (max-width: 764px) {
    .mobile-space {
        margin-bottom: 21px;
    }
}