.inf-text-semi-dark{
    color: #333333;
}
.inf-text-white{
    color: white;
}
.inf-text-black{
    color: black;
}

.inf-text-green-soft{
    color: #7FA48E;
}

.inf-text-green-soft.inf-link {
    color: #7FA48E;
}

.inf-text-white-important{
    color: white !important;
}

.inf-text-primary-one{
    color: #c2a316;
}

.inf-text-primary-two{
    color: #282c63;
}

.inf-text-primary-two-important{
    color: #282c63 !important;
}

.inf-text-primary-three{
    color: #00529c;
}

.inf-text-secondary-one{
    color: #1a1a1a;
}

.inf-text-secondary-two{
    color: #b3b3b3
}

.inf-text-secondary-three{
    color: #3c3c3b;
}

@media (max-width:768px){
    h3.inf-text {
        font-size: 1.45781rem;
    }
    h2.inf-text {
        font-size: 1.65781rem;
    }
}

.inf-ul.inf-ul-marker-primary-two li::marker {
    color: #282c63;
}

.inf-display-1 {
    font-size: 5rem;
    font-weight: 200;
    line-height: 1.5; }
  
  .inf-display-2 {
    font-size: 4rem;
    font-weight: 200;
    line-height: 1.5; }
  
  .inf-display-3 {
    font-size: 3.5rem;
    font-weight: 200;
    line-height: 1.5; }
  
  .inf-display-4 {
    font-size: 3rem;
    font-weight: 200;
    line-height: 1.5; }

@media (min-width:768px){
    .inf-text-md-white{
        color: white;
    }
    
    .inf-text-md-white-important{
        color: white !important;
    }
    
    .inf-text-md-primary-one{
        color: #c2a316;
    }
    
    .inf-text-md-primary-two{
        color: #282c63;
    }
    
    .inf-text-md-primary-three{
        color: #00529c;
    }
    
    .inf-text-md-secondary-one{
        color: #1a1a1a;
    }
    
    .inf-text-md-secondary-two{
        color: #b3b3b3
    }
    
    .inf-text-md-secondary-three{
        color: #3c3c3b;
    }

    .inf-display-md-1 {
        font-size: 5rem;
        font-weight: 200;
        line-height: 1.5; }
      
      .inf-display-md-2 {
        font-size: 4rem;
        font-weight: 200;
        line-height: 1.5; }
      
      .inf-display-md-3 {
        font-size: 3.5rem;
        font-weight: 200;
        line-height: 1.5; }
      
      .inf-display-md-4 {
        font-size: 3rem;
        font-weight: 200;
        line-height: 1.5; }
      
}

.inf-bg-wheat{
    background-color: #feffef;
}

.inf-bg-light-yellow{
    background-color: #fffedf;
}

.inf-bg-white{
    background-color: white;
}

.inf-bg-white-80{
    background-color: rgba(255,255,255,0.8);
}

.inf-bg-primary-one{
    background-color: #c2a316;
}

.inf-bg-primary-two{
    background-color: #282c63;
}

.inf-bg-primary-three{
    background-color: #00529c;
}

.inf-bg-secondary-one{
    background-color: #1a1a1a;
}

.inf-bg-secondary-two{
    background-color: #b3b3b3
}

.inf-bg-secondary-three{
    background-color: #3c3c3b;
}

.inf-border-default {
    border-color: #757575 !important;
}

.inf-border-primary-one{
    border-color: #c2a316;
}

.inf-border-small {
    border: 1px solid black;
}

.inf-border-medium {
    border: 2px solid black;
}

.inf-border-large {
    border: 3px solid black;
}

.inf-border-primary-two{
    border-color: #282c63;
}

.inf-border-primary-three{
    border-color: #00529c;
}

.inf-border-secondary-one{
    border-color: #1a1a1a;
}

.inf-border-secondary-two{
    border-color: #b3b3b3;
}

.inf-border-secondary-three{
    border-color: #3c3c3b;
}

.inf-text-stroke-white{
    text-shadow: -1px -1px 0 rgba(255,255,255,.4), 1px -1px 0 rgba(255,255,255,.4), -1px 1px 0 rgba(255,255,255,.4), 1px 1px 0 rgba(255,255,255,.4);
}

.inf-text-stroke-primary-one{
    text-shadow: -1px -1px 0 #223167, 1px -1px 0 #223167, -1px 1px 0 #223167, 1px 1px 0 #223167;
}

.inf-text-stroke-primary-two{
    text-shadow: -1px -1px 0 #1e4384, 1px -1px 0 #1e4384, -1px 1px 0 #1e4384, 1px 1px 0 #1e4384;
}

.inf-text-stroke-primary-three{
    text-shadow: -1px -1px 0 #00529c, 1px -1px 0 #00529c, -1px 1px 0 #00529c, 1px 1px 0 #00529c;
}

.inf-text-stroke-secondary-one{
    text-shadow: -1px -1px 0 #fcc60e, 1px -1px 0 #fcc60e, -1px 1px 0 #fcc60e, 1px 1px 0 #fcc60e;
}

.inf-text-stroke-secondary-two{
    text-shadow: -1px -1px 0 #ffd067, 1px -1px 0 #ffd067, -1px 1px 0 #ffd067, 1px 1px 0 #ffd067;
}

.inf-text-stroke-secondary-three{
    text-shadow: -1px -1px 0 #f04c33, 1px -1px 0 #f04c33, -1px 1px 0 #f04c33, 1px 1px 0 #f04c33;
}

.inf-btn {
    padding-left: 20px;
    padding-right: 20px;
}

.inf-btn-pale-warning{
    color: #191919 ;
    background-color: #FFFEDC ;
    background-image: none;
    border-color: #191919;
}
    .inf-btn-pale-warning:hover, .inf-btn-pale-warning:focus{
        color: #191919;
        box-shadow: 4px 4px #FFFEDC, 5px 5px black;
    }

.inf-btn-cover-video {
    width: 110px !important;
    height: 110px !important;
    background-color: rgba(206, 206, 206, 0.5) !important;
    border: none !important;
}

.inf-btn-cover-video:hover, .inf-btn-cover-video:focus, .inf-btn-cover-video:active {
    border: none !important;
    box-shadow: 0 1px 10px  rgba(206, 206, 206, 0.7) !important;
}

.inf-btn-cover-video i {
    font-size: 3em !important;
    color: rgba(77, 77, 77, 0.8) !important;
    margin-left: 18px !important;
}

.mt-n14-89-rem {
    margin-top: -14.89rem;
}

.inf-artboard-8 {
    width: 145%;
    bottom: -21%;
    left: -25.3%;
}

.inf-artboard-4r {
    top: 10%;
    right: 0;
}

.inf-artboard-4l {
    bottom: 0;
    left: 0;
}
.inf-artboard-2-4r {
    bottom: 0;
    right: 0;
}

.inf-artboard-2-4l {
    top: 0;
    left: 0;
}

.inf-artboard2-4r {
    bottom: 0;
    right: 0;
}

.inf-artboard2-4l {
    top: 10%;
    left: 0;
}

@media (min-width: 1204px) {
    .inf-artboard-8 {
        left: -23.3%
    }
}

.inf-mw-77 {
    max-width: 77%;
}

.inf-mw-70 {
    max-width: 70%;
}

.inf-mw-60 {
    max-width: 60%;
}

.inf-mw-50 {
    max-width: 50%;
}

@media (max-width:768px) {
    .inf-mw-60.inf-sm-img-full{
        max-width: 90%;
    }
}

.overlay-div{
    height:100%;
    width: 100%;
    position:absolute;
    background-color:rgb(62, 72, 126);
    opacity:.5;
    border-radius: 15px;
    z-index: 101;
}

.overlay-div{
    transition: all 0.3s ease-out;
}

.card.inf-shadow {
    transition: all 0.3s ease-out;
}

.card.inf-shadow:hover{
    transform: scale(1.2);
    z-index: 102;
}

.card.inf-shadow:hover .overlay-div{
    opacity: 0;
    display: none;
}

.inf-rounded-unset{
    border-radius: unset;
}

.inf-rounded-inherit{
    border-radius: inherit;
}

.inf-rounded-md{
    border-radius:20px;
}

.inf-rounded-xl {
    border-radius: 35px;
}

.inf-rounded-xxxl{
    border-radius: 5rem;
}

@media (min-width:768px){
    .inf-rounded-md-unset{
        border-radius: unset;
    }
    .inf-rounded-md-inherit{
        border-radius: inherit;
    }
    .inf-rounded-md-md{
        border-radius:20px;
    }
    
    .inf-rounded-md-xl {
        border-radius: 35px;
    }
    
    .inf-rounded-md-xxxl{
        border-radius: 5rem;
    }

    .inf-rounded-md-tl-md{
        border-top-left-radius: 20px;
    }
    .inf-rounded-md-tr-md{
        border-top-right-radius: 20px;
    }
    .inf-rounded-md-bl-md{
        border-bottom-left-radius: 20px;
    }
    .inf-rounded-md-br-md{
        border-bottom-left-radius: 20px;
    }
}

.inf-avatar-xxl {
    width: 100px;
    height: 100px;
}

.inf-shadow-side{
    box-shadow: 2px 3px 6px rgba(0, 0, 0, 0.4);
}

.inf-shadow{
    box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.8);
}

.inf-shadow-small {
    box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.8);
}

.inf-shadow-month{
    max-width: 96%;
    box-shadow: 13px 10px 10px rgba(0, 0, 0, 0.3);
}

.inf-month-header {
    padding-top: 13%;
    padding-bottom:11%;
    border-radius: 8px 8px 0 0;
}

.inf-month-body {
    min-height: 40px;
    padding-top: 4px;
    padding-bottom: 0;
    border: 1.5px solid #f1f2f3;
}

.inf-month-header+.inf-month-body {
    margin-top: -2px;
    border-top: 4px dotted white;
}

.inf-month-header.inf-month-name {
    padding-top: 17%;
}

.inf-month-footer {
    min-height:40px;
    padding-top: 10px;
    padding-bottom: 10px;
    border: 1.5px solid #f1f2f3;
    border-radius: 0 0 5px 5px;
}

@media (min-width: 768px) { 
    .inf-testimoni-custom.slider-arrows-circle-light .slick-prev {
        left: 23%;
    }

    .inf-testimoni-custom.slider-arrows-circle-light .slick-next {
        right: 23%;
    }

    .inf-basic-skill-custom.slider-arrows-circle-light .slick-prev {
        left: -12%;
    }

    .inf-basic-skill-custom.slider-arrows-circle-light .slick-next {
        right: -12%;
    }
 }

.slider-arrows-circle-light .slick-prev {
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.8);
}

.slider-arrows-circle-light .slick-next {
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.8);
}

 .inf-overflow-slide {
    overflow-x: auto;
    flex-wrap: nowrap;
    overflow-x: auto;
}

.inf-overflow-slide::-webkit-scrollbar{
    width:10px;
    height: 10px;
    background-color: transparent;
}

.inf-overflow-slide::-webkit-scrollbar-corner{
    background-color: transparent;
    border-color: transparent;
}

.inf-overflow-slide::-webkit-scrollbar-thumb{
    border-radius: 10px;
    background-color: rgb(221, 221, 221);
}

.inf-overflow-slide.inf-scrollbar-thumb-white::-webkit-scrollbar-thumb{
    padding-left: 1.5rem;
    border-radius: 10px;
    background-color: rgb(255,255,255, 0.6);
}

.inf-overflow-slide.inf-scrollbar-thumb-dark::-webkit-scrollbar-thumb{
    padding-left: 1.5rem;
    border-radius: 10px;
    background-color: rgb(0,0,0, 0.6);
}

.inf-overflow-slide::-webkit-scrollbar-track{
    border-radius:10px;
    background-color:transparent;
}

.inf-overflow-slide > .inf-col-overflow{
    display: inline-block;
    float: none;
}

/* .inf-col-overflow{
    padding: 1.5rem 2rem 1rem 3rem;
    border-color: black;
    height: 90%;
} */

.inf-overlay-background {
    width: 115%;
    height: 105%;
    opacity: .64;
    top: 7%;
    left: 0;
    background-color: #ff5101;
    z-index: -1;
}

.inf-card-partner-title {
    min-height: 68px;
}

.inf-card-partner-body {
    min-height: 72px;
}

.inf-card-partner {
    transition: all 0.4s ease-out;
    background-color: white;
}

.inf-card:hover .inf-card-partner {
    background-color: #223167;
    color:white;
    transform: scale(1.1);
}

.inf-countdown.countdown .col{
    border: 3px solid #223167;
    border-radius: .575rem;
}

.inf-countdown.countdown h5{
    font-size: 4rem;
    color:  #f04c33;
}

.inf-countdown.countdown small{
    border-color: #223167;
    border-top: 2px solid;
    font-size: 1rem;
    font-weight: 600;
    color: #223167;
}

.large-numbering {
    background: #223167;
    color: white;
    font-size: 32px;
    border-radius: 100%;
    width: 60px;
    height: 60px;
    text-align: center;
    font-weight: bold;
}
.btn-orange{
    background:#f45a4b;
    padding:10px 20px;
    border-radius:5px;
    color:white;
    display:inline-block;
}

@media (max-width: 768px){
    .inf-custom-position-benefit-lainnya{
        bottom:30% !important;
        right: 0% !important;
    }
}

.inf-square-wrapper-top{
    top: -7%; 
    left: 7%;
}
.inf-square-wrapper-bottom{
    bottom: 5%; 
    right: 7%;
}

@media (max-width: 768px){
    .inf-square-wrapper-top{
        top: -2%; 
        left: -24%;
    }
    .inf-square-wrapper-bottom{
        bottom: 2%; 
        right: 7%;
    }
}

.inf-square-faqs{
    width: 400px; 
    height: 280px; 
    border-radius: 60px;
}

.inf-footer {
    background-size: contain; 
    background-repeat: round;
}

@media (max-width: 768px){
    .inf-footer {
        background-size: cover; 
        background-repeat: unset;
    }
}

.inf-header-after-login-image-wrapper {
    top: 15%; 
    right: 0%;
}

@media (max-width: 768px){
    .inf-header-after-login-image-wrapper {
        top: unset;
        bottom: 0%; 
        right: 0%;
    }
}

@media (max-width:768px){
    .inf-mobile-absolute-left{
        top: -2% !important;
        left: 0% !important
    }
}

.inf-clamp-one-line {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: pre-wrap;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    display: -webkit-box;
}

.inf-clamp-two-line {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: pre-wrap;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    display: -webkit-box;
}

.inf-clamp-three-line {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: pre-wrap;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    display: -webkit-box;
}

.inf-clamp-four-line {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: pre-wrap;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    display: -webkit-box;
}

.inf-clamp-five-line {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: pre-wrap;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
    display: -webkit-box;
}

.inf-clamp-six-line {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: pre-wrap;
    -webkit-line-clamp: 6;
    -webkit-box-orient: vertical;
    display: -webkit-box;
}

.form-group.border-dark input::placeholder{
    color: #323d47;
}

.inf-shop-category-item {
    cursor: pointer;
}

.inf-shop-category h5{
    font-weight: 700;
}

.inf-shop-category-item h5{
    transition: font-size 0.2s ease-in-out;
}

.inf-shop-category .inf-shop-category-item.active h5{
    font-size: 1.33047rem;
    font-weight: 800;
}

.inf-shop-category .inf-shop-category-item:hover h5{
    font-size: 1.33047rem;
    /* font-weight: 800; */
}

.inf-text-unset {
    text-transform: unset;
}

.inf-shop-image-wrapper{
    max-height: 227px;
    height: 32vh;
}

.inf-cart-image-wrapper{
    max-height: 105px;
    height: 32vh;
}

.inf-shop-detail-image-wrapper {
    max-height: 420px;
    height: 57vh;
}

.inf-our-team-image-wrapper {
    width: 100%;
    min-height: 100%;
    height: 100%
}

.inf-col-image-wrapper{
    height:100%;
}

.inf-col-image-wrapper:after{
    content: "";
    display: block;
    padding-bottom: 100%;
}

.inf-col-image-wrapper.inf-16x9:after{
    content: "";
    display: block;
    padding-bottom: 56.25%;
}

.inf-col-image-wrapper.inf-9x2:after{
    content: "";
    display: block;
    padding-bottom: 22.22%;
}

.inf-col-image-wrapper.inf-3x4:after{
    content: "";
    display: block;;
    padding-bottom: 133.33333%;
}

.inf-image{
    position: absolute; /* Take your picture out of the flow */
    top: 0;
    bottom: 0;
    left: 0;
    right: 0; /* Make the picture taking the size of it's parent */
    width: 100%; /* This if for the object-fit */
    height: 100%; /* This if for the object-fit */
    object-fit: cover; /* Equivalent of the background-size: cover; of a background-image */
    object-position: center;
}

.inf-shop-detail-thumb-wrapper {
    height: 80px;
    max-height: 80px;
}

.inf-heart {
    font-size: 1.1rem; 
    position: absolute;
    /* top: 20%;
    right: 17%; */
}
@media (min-width: 576px) {
}
@media (min-width: 768px) {
}
@media (min-width: 992px) {
}

@media (max-width:576px){
    /* .inf-heart {
        top: 21%;
        right: 19%
    } */
}
@media (max-width:768px){
    .inf-shop-image-wrapper{
        height: 19vh;
    }
    .inf-shop-detail-image-wrapper {
        max-height: 620px;
        height: 57vh;
    }
    .inf-shop-detail-thumb-wrapper {
        height: 120px;
        max-height: 120px;
    }
    /* .inf-heart {
        top: 19%;
        right: 15%
    } */
}

.inf-shop-image{
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.inf-slider-shop-detail-thumb .slick-track {
    display: flex;
    flex-wrap: wrap;
}

.inf-slider-shop-detail-thumb .slick-track .slick-slide.slick-active{
    min-width: 110px;
    padding-bottom: .9rem;
}

/* Overide Bootstrap */

.inf-filter .dropdown-item.active {
    color: #212529;
    background-color: transparent;
}

.inf-repeat-background-color{
    height: 100%;
    background-image: repeating-linear-gradient(white 100%, #fff1fe 100%, white 100%, #fff1fe 100%);
}

.table .inf-thead-pink th {
    background-color: #fcf5f5;
    border-color: #454d55; 
}

.table .inf-thead-pale-yellow th{
    background-color: #FCFBF0;
    border-color: #454d55; 
}

.inf-table td{
    border-color: #454d55;
}

.inf-checkout-table.inf-table.table-hover tbody tr:hover {
    color: #757575;
    background-color: #fffff9;
}

.inf-shipping-table.inf-table.table-hover tbody tr:hover:not(:last-of-type) {
    color: #757575;
    background-color: #FCFBF0;
}
.inf-shipping-table.inf-table.table-hover tbody tr:hover:last-of-type {
    color: #757575;
    background-color: rgb(250, 250, 250);
}

.inf-radio .custom-radio .custom-control-label::before{
    border: 2px solid #212529;
}

.inf-radio .custom-radio .custom-control-label::after{
    background-color: #212529;
}

.inf-checkbox .custom-checkbox .custom-control-label::after{
    border: solid white;
    border-width: 0 2.3px 2.3px 0;
}

.inf-checkbox .custom-checkbox .custom-control-label::before{
    background-color: #c2a316;
    border-radius: 5px;
    border-color: white;
}

.inf-checkbox.inf-checkbox-bg-primary-two .custom-checkbox .custom-control-label::before{
    background-color: #282c63;
}

.form-control{
    font-weight: 400;
}

.form-control:focus{
    border-color: #212529;
}

.inf-navbar .nav-navbar .nav-link{
    font-size: 0.67em;
    padding-left: .525rem;
    padding-right: .525rem;
}

@media (min-width:1200px){
    .inf-navbar .nav-navbar .nav-link{
        font-size: .87em;
        padding-left: .525rem;
        padding-right: 1.025rem;
    }
}

.inf-form-navbar {
    width: 100%;
}
    @media (min-width: 992px) {
        .inf-form-navbar {
            width: 25%;
        }
    }

.social-bg-brand a.text-dark:hover {
    color: #212529 !important;
}

a.nav-link:hover{
    color: #212529;
}

.inf-pagination .page-item.active .page-link{
    background-color: #212529;
    border-color: #212529;
}

.inf-pagination .page-link {
    border-color: #212529;
    box-shadow: 2px 2px rgb(243, 255, 249), 3px 3px black;
}

.inf-hover-shadow-box, .inf-hover-shadow-box-small, .inf-hover-shadow-box-medium{
    transition: all .5s ease;
}

.inf-hover-shadow-box.active {
    box-shadow: 5px 5px rgb(243, 255, 249), 6px 6px black;
}

.inf-hover-shadow-box:hover {
    box-shadow: 5px 5px rgb(243, 255, 249), 6px 6px black;
}

.inf-hover-shadow-box-small:hover {
    box-shadow: 2px 2px rgb(243, 255, 249), 3px 3px black;
}

.inf-hover-shadow-box-medium:hover {
    box-shadow: 3px 3px rgb(243, 255, 249), 4px 4px black;
}

.inf-pagination .inf-page-link{
    transition: all .5s ease;
    opacity: .8;
}

.inf-pagination .inf-page-link.active{
    opacity: 1;
    font-weight: 800 !important;
}

.inf-pagination .inf-page-link.disable{
    opacity: 0.4;
    cursor: unset;
}

.inf-pagination .inf-page-link:hover:not(.disable){
    opacity: 1;
    transform: translate(0, -3px);
}

.inf-nav-link.nav-link.active{
    color: #212529;
}

.nav-tabs-minimal .inf-nav-link.nav-link.active{
    border-bottom-color: #212529;
}

.inf-link {
    opacity: 0.8;
}

.inf-link:hover{
    opacity: 1;
}

.inf-form.input-line .form-control{
    background-image: linear-gradient(#212529, #212529),linear-gradient(#95a4b3, #8d9aa7);
}

.inf-form.input-line.inf-input-line-green .form-control{
    background-image: linear-gradient(#468445, #468445), linear-gradient(#bfc7c4, #bfc7c4);
}

.inf-data-table .page-link{
    padding: 0 .5rem 0 .5rem;
}

.inf-data-table .page-item.active .page-link {
    background-color: #212529;
    border-color: #212529;
}

.inf-data-table th{
    background-color: #fffedf;
    font-weight: 700;
}

.inf-data-table td{
    background-color: #fff;
}

.inf-profile-sidebar .inf-link {
    color: #212529;
}

.inf-profile-sidebar .inf-link.active {
    color: #468445;
    font-weight: 600 !important;
}

.inf-profile-sidebar .inf-link:hover, .inf-profile-sidebar .inf-link:focus {
    color: #468445;
}

.inf-primary {
    display: none;
}

.inf-address.inf-primary-address .inf-primary{
    display: inline;
}
    .inf-address.inf-primary-address .inf-choose-address{
        display: none;
    }

.inf-element-center {
    margin: 0;
    width: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.inf-hover-show{
    transition: all .5s ease;
    opacity: .5;
}

.active.inf-hover-show, .inf-hover-show:hover{
    opacity: 1;
}

.inf-hover-border-dashed {
    transition: all .5s ease;
    border: 5px rgba(128, 128, 128, .0) dashed;
}

.inf-hover-border-dashed.active, .active .inf-hover-border-dashed {
    border: 5px rgba(128, 128, 128, 1) dashed;
}

.inf-hover-border-dashed:hover {
    border: 5px rgba(128, 128, 128, 1) dashed;
}

.inf-quiz .border-dark {
    border-color: #212529 !important;
}

.inf-anchor::before{
    content: ''; display: block; position: relative; width: 0; height: 1.8em; margin-top: -1.8em
}

.inf-anchor-large::before{
    content: ''; display: block; position: relative; width: 0; height: 3em; margin-top: -3em
}

.dropdown .inf-text-semi-dark a{
    color: #333;
}

nav.inf-navbar.inf-text-semi-dark li.nav-item a{
    color: rgba(51, 51, 51, 0.8);
}

nav.inf-navbar.inf-text-semi-dark li.nav-item a:hover{
    color: rgba(51, 51, 51, 1);
}
@media (min-width:992px){
    .inf-slick .slick-slide {
        min-width: 90px !important;
    }
}

.inf-slider.slider-arrows-circle-dark .slick-prev::before, .inf-slider.slider-arrows-circle-dark .slick-next::before{
    border-right-color: black;
    border-bottom-color: black;
}

.inf-slider.slider-arrows-circle-dark .slick-prev, .inf-slider.slider-arrows-circle-dark .slick-next {
    background-color: unset;
}

.inf-slider .slick-prev::before, .slick-next::before {
    width: 20px;
    height: 20px;
    border-right: 2px solid rgba(255,255,255,0.7);
    border-bottom: 2px solid rgba(255,255,255,0.7);
}

.inf-slider.slider-arrows-circle-dark .slick-prev:hover, .inf-slider.slider-arrows-circle-dark .slick-next:hover {
    opacity: 1;
    box-shadow: unset;
}

@media (max-width:767px) {
    .slider-arrows-circle-dark .slick-next {
        visibility: hidden;
    }
    .slider-arrows-circle-dark .slick-prev {
        visibility: hidden;
    }
}

@media (min-width:768px) {
    .slider-arrows-circle-dark .slick-next {
        right: -2.5rem;
    }
    .slider-arrows-circle-dark .slick-prev {
        left: -2.5rem;
    }
}


.inf-offset-45{
    margin-left: 37.5%;
}

@media (min-width: 768px) {
    .inf-offset-md-0 {
        margin-left: 0 !important;
    }
}

.inf-accordion.accordion .card a.collapsed{
    color: rgba(50, 61, 71, .7)
}

.inf-accordion.accordion .card-title a::before{
    border-left: 2px solid #cca229;
    border-top: 2px solid #cca229;
}

.inf-col-15 {
    flex: 0 0 20%;
    max-width: 20%;
    position: relative;
    width: 100%;
    padding-right: 10px;
    padding-left: 10px;
}

@media (min-width: 992px) { 
    .inf-col-lg-15 {
        flex: 0 0 20%;
        max-width: 20%;
        position: relative;
        width: 100%;
        padding-right: 10px;
        padding-left: 10px;
    }
 }

.row .inf-col-15:first-of-type{
    margin-left: -10px;
}

.inf-btn.btn-outline-primary-two {
    color: #282c63;
    background-color: transparent;
    background-image: none;
    border-color: #282c63;
}

.inf-btn.btn-outline-primary-two:hover {
    color: white;
    background-color: #282c63;
    border-color: #282c63;
    box-shadow: 0 1px 10px rgb(25 25 25 / 40%);
}

.inf-placeholder-italic::placeholder{
    font-style: italic !important;
}

.inf-divider.divider::before, .inf-divider.divider::after {
    border-top-width:2px;
}

.inf-divider.divider.inf-divider-dark::before, .inf-divider.divider.inf-divider-dark::after {
    border-top-color:#343a40;
}

.inf-placeholder-very-bold-primary-one::placeholder{
    font-weight: 600;
    color:rgba(197, 165, 23, .7);
    text-transform: uppercase;
}

.inf-rating {
    display: inline-flex;
    flex-direction: row;
    list-style: none;
    margin: 0;
    padding: 0;
    position: relative;
}

.inf-rating > label:first-of-type{
    margin-left: 0px;
}

.inf-rating .inf-star {
    background-color: #cca229; 
    width:18px; 
    height:18px;
    border-radius: 100%;
    border-color: #cca229;
    border: 1px solid #cca229;
    margin-left:5px;
}

.inf-rating .inf-half-star {
    background-image: linear-gradient(to right, #cca229 50%, white 50%);
    width:18px; 
    height:18px;
    border-radius: 100%;
    border-color: #cca229;
    border: 1px solid #cca229;
    margin-left:5px;
}

.inf-rating .inf-empty-star{
    background-color: white;
    width:18px; 
    height:18px;
    border-radius: 100%;
    border-color: #cca229;
    border: 1px solid #cca229;
    margin-left:5px;
}

.inf-rating-input .inf-star, .inf-rating-input-active .inf-star {
    background-color: white;
    width:25px; 
    height:25px;
    border-radius: 100%;
    border-color: #cca229;
    border: 1px solid #cca229;
    margin-left:5px;
}

.inf-rating-input, .inf-rating-input-active{
    display: flex;
}

.inf-star-input{
    cursor: pointer;
    padding: 0 5px 0 5px;
}

.inf-star-input .inf-star-number {
    margin: 0;
    position: absolute;
    top: -75%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.inf-rating-input *, .inf-rating-input-active *{
    cursor: pointer;
    margin-left: 0px !important;
}

.inf-rating-input:hover .inf-star-input .inf-star{
    background-color: #cca229;
}

.inf-rating-input .inf-star-input:hover ~ .inf-star-input .inf-star{
    background-color: white;
}

.inf-rating-input-active .inf-star-input .inf-star{
    background-color: #cca229;
}

.inf-rating-input-active .inf-star-input[data-checked="true"] ~ .inf-star-input .inf-star{
    background-color: white;
}

.inf-rating-input-active:hover .inf-star-input .inf-star{
    background-color: #cca229 !important;
}

.inf-rating-input-active .inf-star-input:hover ~ .inf-star-input .inf-star{
    background-color: white !important;
}

.inf-anchor-hover-custom:hover{
    color: inherit;
}