@font-face {
    font-family: 'main';
    src: url('../fonts/Poppins-Medium.ttf');
}

@font-face {
    font-family: 'mainBold';
    src: url('../fonts/Poppins-SemiBold.ttf');
}

@font-face {
    font-family: 'mainLight';
    src: url('../fonts/Poppins-Light.ttf');
}

:root {
    --main-color: rgba(49, 67, 91, 1);
    --second-color: #1b1b32;
    --main-color-rgba: rgba(49, 67, 91, 0.64);
    ;
}

body {
    margin: 0;
    padding: 0;
}

* {
    font-family: 'main', sans-serif;
}

a {
    color: var(--main-color) !important;
    text-decoration: none !important;
}

.nav-link {
    transition: 0.5s ease;

}

.nav-link:hover {
    color: var(--main-color) !important;
    transition: 0.5s ease;
}

.border-primary {
    border-color: var(--main-color) !important;
}

.color-rgb {
    color: var(--main-color) !important;
}

.color-rgba {
    color: var(--main-color-rgba) !important;
}

.bg-main {
    background: var(--main-color);
}

.font-bold-s {
    font-family: 'mainBold', sans-serif;
}

.font-light-s {
    font-family: 'mainLight', sans-serif;
}

.font-size-11 {
    font-size: 12px;
}

.font-size-10 {
    font-size: 10px;
}

.h-100-calc-header {
    height: calc(100vh - 92.86px);
}

.object-fit-cover {
    object-fit: cover;
    object-position: bottom;
}

.object-fit-cover-s {
    object-fit: cover;
}

.object-fit-contain {
    object-fit: contain;
    object-position: center;
}

.carousel-caption {
    top: 30%;
}

.font-size-60 {
    font-size: 60px;
}

.font-size-17 {
    font-size: 17px;
}

.font-size-15 {
    font-size: 15px;
}

.font-size-25 {
    font-size: 25px;
}

.fw-400 {
    font-weight: 400;
}

.bg-light {
    background-color: rgba(255, 255, 255, 0.78) !important;
}

.rounded-13 {
    border-radius: 13px;
}

.rounded-7-top {
    border-top-left-radius: 7px;
    border-top-right-radius: 7px;
}

.p-edit {
    padding: 12px 27px;
}

.background-gradient {
    background: linear-gradient(105.58deg, #31435B -62.34%, #7E6D89 139.85%);
}

.bg-muted {
    background-color: rgba(247, 247, 247, 0.95) !important;
}

.rounded-23 {
    border-radius: 23px;
}

.color-w {
    color: rgba(231, 176, 23, 1);
}

.carousel-indicators-2 [data-bs-target] {
    width: auto !important;
}

.carousel-indicators-2 {
    bottom: -40px !important;
}

.bg-success {
    background-color: rgba(92, 184, 95, 0.2) !important;
    transition: 0.5s ease;
}

.color-success {
    color: rgba(92, 184, 95, 1) !important;
    transition: 0.5s ease;
}

.bg-success:hover {
    background-color: rgba(92, 184, 95, 1) !important;
    transition: 0.5s ease;
}

.color-success:hover {
    color: white !important;
    transition: 0.5s ease;
}

.color-success-2 {
    color: rgba(92, 184, 95, 1) !important;
    transition: 0.5s ease;
}

.owl-carousel .owl-nav {
    position: absolute;
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    top: 32%;
}
.top-calc-100{
    top: calc(50% - 48px)
}

/* slow image zoom for active slide */
#carouselExampleIndicators .carousel-item img {
    transition: transform 6s ease;
    /* slow zoom */
    will-change: transform;
}

#carouselExampleIndicators .carousel-item.active img {
    transform: scale(1.06);
}

/* caption entrance */
#carouselExampleIndicators .carousel-caption {
    transform: translateY(20px);
    opacity: 0;
    transition: transform .6s ease, opacity .6s ease;
    pointer-events: none;
}

#carouselExampleIndicators .carousel-caption.active-caption {
    transform: translateY(0);
    opacity: 1;
    pointer-events: auto;
}

/* make controls more visible */
#carouselExampleIndicators .carousel-control-prev,
#carouselExampleIndicators .carousel-control-next {
    width: 48px;
    height: 48px;
    border-radius: 50%;
    background: rgba(0, 0, 0, 0.35);
    display: flex;
    align-items: center;
    justify-content: center;
}

#carouselExampleIndicators .carousel-control-prev-icon,
#carouselExampleIndicators .carousel-control-next-icon {
    background-size: 20px 20px;
    filter: invert(1);
}
.border-primary {
  border-color: var(--main-color) !important;
}

.arrow-30 {
    width: 35px;
    height: 35px;
}

.owl-next {
    margin-right: -15px;
}

.owl-prev {
    margin-left: -15px;
}

.w-h-43 {
    width: 43px;
    height: 43px;
}

.py-3-e {
    padding: 12px 20px;
}

.btn-outline-danger {
    border-color: rgba(255, 66, 29, 1) !important;
    color: rgba(255, 66, 29, 1) !important;
}

.btn-outline-danger:hover {
    background-color: rgba(255, 66, 29, 1) !important;
    color: #fff !important;
    border-color: rgba(255, 66, 29, 1) !important;
}

.bg-head-table {
    background-color: rgba(255, 183, 2, 1) !important;
}

.title {
    position: relative;
    z-index: 2;
}

.title-link::before {
    content: '';
    position: absolute;
    z-index: 1;
    top: calc(50% - 2.5px);
    left: calc(50% - 61px);
    width: 122px;
    height: 5px;
    background-color: rgba(255, 183, 2, 1);
    border-radius: 2.5px;
}

.title-link-name::before {
    content: '';
    position: absolute;
    z-index: 1;
    top: calc(50% - 2.5px);
    left: calc(50% - 100px);
    width: 200px;
    height: 5px;
    background-color: rgba(255, 183, 2, 1);
    border-radius: 2.5px;
}

.background-rgba {
    backdrop-filter: blur(4px);
    background: rgba(49, 67, 91, 0.45);
    height: 100%;
    width: 100%;
    border-radius: 13px;
    top: 0;
    left: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

.bg-opacity {
    background-color: rgba(49, 67, 91, 0.63);
}

.carousel-indicators {
    bottom: 40px;
}

.form-check-input:checked {
    background-color: rgba(255, 183, 2, 1);
    border-color: rgba(255, 183, 2, 1);
}

.form-check .form-check-input {
    float: left;
    margin-left: 0px;
}

.form-check-input {
    margin-top: 12px;
}

.form-check-input:focus {
    border-color: transparent !important;
    outline: none !important;
    box-shadow: 0 0 0 !important;
}

@media (max-width: 768px) {
    .owl-next {
        margin-right: 0px !important;
    }

    .h-sm-98{ height: 70px !important;
        border-radius: 10px !important}

    .owl-prev {
        margin-left: 3px !important;
    }

    .h-100-calc-header {
        height: 50vh;
    }

    .w-sm-80 {
        width: 80% !important;
    }

    .font-size-60 {
        font-size: 20px !important;
    }

    .edit-font {
        font-size: 14px;
    }

    .font-size-17 {
        font-size: 11px;
    }

    .carousel-caption {
        top: 20%;
    }

    .mt-sm-50 {
        margin-top: 130px;
    }
}