@font-face {
    font-family: 'NexaBold';
    src: url('../fonts/NexaBold.ttf.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'NewSpiritBold';
    src: url('../fonts/New-Spirit-Bold.otf') format('opentype');
    font-weight: normal;
    font-style: normal;
}
.navbar .navbar-nav .nav-item .nav-link{
    font-family: 'NexaBold', sans-serif !important;
}
.masthead.-type-10{
    background: #F6F4F0;
    padding-bottom: 100px;
    padding-top: 190px;
}
.masthead__content h1{
    font-family: 'NewSpiritBold', sans-serif;
    line-height: 80px;
}
.masthead__content p{
    font-family: 'NexaBold', sans-serif;
    line-height: 45px;
}
.get-started-btn{
    border-radius: 12px;
    padding: 25px 30px !important;
    font-family: 'NexaBold', sans-serif;
    font-size: 18px;
}
.video h2{
    font-family: 'NewSpiritBold', sans-serif;
}
.video p{
    font-family: 'NexaBold', sans-serif;
}
.faq .sectionTitle__title{
    font-family: 'NewSpiritBold', sans-serif;
}
.faq .accordion-button{
    font-family: 'NexaBold', sans-serif;
}
.faq .accordion-button{
    font-family: 'NexaBold', sans-serif;
}

.sectionTitle__title{
    font-family: 'NewSpiritBold', sans-serif;
}
.sectionTitle__text{
    font-family: 'NexaBold', sans-serif;
}
.Pimg-box{
    width: 155px;
    height: 155px;
    border-radius: 10px;
}
.Pimg-box img{
    width: 100%;
    object-fit: cover;
    border-radius: 10px;
}
header .menu__nav a{
    text-decoration: none;
    color: black;
}
footer.footer a{
    text-decoration: none;
    color: rgb(255, 255, 255);
}
.form-input textarea, .form-input input{
    padding-top: 0;
    min-height: 50px;
}
a{
    text-decoration: none;
}
.cursor{
    cursor: pointer;
}
.cursr-deflt{
    cursor: default !important;
    color: black !important;
}
.searchMenu-date__field{
    transform: unset;
}
.input-error{
    border: 1px solid red;
}
.signUp .form-input textarea, .signUp .form-input input{
    padding-top: 0;
    min-height: 40px;
}
/* Entire scrollbar */
::-webkit-scrollbar {
    width: 8px !important; /* Width of the vertical scrollbar */
    height: 8px !important; /* Height of the horizontal scrollbar */
}

/* Track */
::-webkit-scrollbar-track {
    background: #f1f1f1 !important; 
}

/* Handle */
::-webkit-scrollbar-thumb {
    background: #0C6980 !important; 
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
    background: #0b5264 !important; 
}
.define-box p{
    margin-bottom: 0;
}
.e-box{
    border: 1px solid lightgray;
    background: linear-gradient(178deg, rgb(246, 244, 240), transparent, transparent);
    color: black !important;
}
.user-img{
    border-radius: 100%;
    object-fit: cover;
}
.manage-box{
    display: flex;
    flex-direction: column;
    height: 254px;
}
.manage-box p{
    flex: 1;
}
.view{
    color: #3554d1;
    text-decoration: underline;
    cursor: pointer;
    font-size: 14px;
}
.profile .text p{
    margin-bottom: 8px;
}
.profile .text :is(p, h5){
    text-align: start;
}
.profile .social_icons a{
    padding: 0 10px;
}
.profile .social_icons i{
    font-size: 24px;
}
.profile .social_icons i.fa-facebook{
color: blue;
}
.profile .social_icons i.fa-square-instagram{
color: deeppink;
}
.profile .social_icons i.fa-twitter{
color: mediumblue;
}
.multi-date input.dp__pointer{
    padding-left: 30px !important;
}
.resp p{
    margin-bottom: 7px;
    font-size: 14px;
}
.reward-img img{
    width: 120px;
}
.button.new-green {
    border-color: #0C6980 !important;
    color: #0C6980 !important;
}
.button.new-green:hover {
    background-color: #0C6980 !important;
    color: white !important;
}
.green-btn {
    background-color: #0C6980 !important;
    color: white;
}
.min-h{
    min-height: 50px !important;
}
.dropdown-menu .dropdown-item {
    font-size: 14px !important;
    color: #434343 !important;
    font-family: 'NexaBold', sans-serif;
}

  /* HTML: <div class="ribbon">Your text content</div> */
.ribbonn {
    width: 40% !important;
    font-size: 15px;
    font-weight: bold;
    color: #fff;
  }
  .ribbonn {
    --r: .4em; /* control the ribbon shape (the radius) */
    --c: #2c625c;
  
    position: absolute;
    top: 20px;
    left: calc(2*var(--r));
    line-height: 1.8; 
    padding: 0 .5em calc(2*var(--r));
    border-radius: var(--r) 0 0 var(--r);
    background: 
      radial-gradient(100% 50% at left,var(--c) 98%,#0000 101%)
       100% 0/.5lh calc(100% - 2*var(--r)),
      radial-gradient(100% 50% at right,#0005 98%,#0000 101%) 
       0 100%/var(--r) calc(2*var(--r)),
      conic-gradient(from 90deg at var(--r) calc(100% - 2*var(--r)),#0000 25%,var(--c) 0)
       0 0/calc(101% - .5lh) 100%;
    background-repeat: no-repeat;   
  }
  .en-mainBox{
    transition: all 0.3s ease-in-out;
  }
  .en-mainBox:hover{
    transform: translateY(-10px);
    transition: all 0.3s ease-in-out;
    
  }

  @media (min-width: 1400px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
        max-width: 1320px !important;
    }
}
@media (max-width: 576px) {
    .manage-box{
        height: auto;
    }
    .masthead.-type-10 {
        padding-bottom: 34px;
        padding-top: 108px;
    }
    .masthead__content h1, .masthead__content p{
        line-height: normal;
    }
    .get-started-btn {
        padding: 19px 17px !important;
        font-size: 16px;
    }
    .button.-md {
        padding: 14px 26px;
    }
    .ribbonn {
        width: 50% !important;
    }
}