[data-bs-theme=dark] {
    --bs-body-bg: #172b23;
    --bs-app-bg-color: #111613;
    --bs-app-sidebar-base-bg-color: #172b23;
    --bs-app-header-base-bg-color: #111613;
    --bs-menu-dropdown-bg-color: #172b23;
    --bs-root-card-border-color: #37423b;
    --bs-primary-active: #ecca11;
    --bs-primary: #ecca11;
    --bs-primary-inverse: #000000;
    --bs-text-muted: #848796;
}
@media only screen and (max-width: 991.98px) {
    body#kt_body{
        overflow-x:hidden;
    }
}
h3, .font-Archivo {
    font-family: 'Archivo Black', sans-serif;
}

@font-face {
    font-family: 'Montserrat-Medium';
    font-style: normal;
    font-weight: normal;
    src: local('Montserrat-Medium'), url('../fonts/Montserrat-Medium.woff') format('woff'), url('../fonts/Montserrat-Medium.ttf') format('truetype');
}
@font-face {
    font-family: 'Montserrat-Bold';
    font-style: normal;
    font-weight: normal;
    src: local('Montserrat-Bold'), url('../fonts/Montserrat-Bold.woff') format('woff'), url('../fonts/Montserrat-Bold.ttf') format('truetype');
}
@font-face {
    font-family: 'Montserrat-Italic';
    font-style: normal;
    font-weight: normal;
    src: local('Montserrat-Italic'), url('../fonts/Montserrat-Italic.woff') format('woff'), url('../fonts/Montserrat-Italic.ttf') format('truetype');
}
.m-medium {
    font-family: 'Montserrat-Medium', sans-serif;
    font-weight:normal;
}
.m-bold {
    font-family: 'Montserrat-Bold', sans-serif;
    font-weight: normal;
}
.m-italic {
    font-family: 'Montserrat-Italic', sans-serif;
}
.color-green {
    color: #1C3D1C;
}
.main-title {
    font-family: 'Montserrat-Bold', sans-serif;
    color: #1C3D1C;
    font-size:28px;
    font-weight:normal;
}
.main-sub-title {
    font-family: 'Montserrat-Medium', sans-serif;
    color: #1C3D1C;
    font-size: 19px;
    font-weight: normal;
}
[data-bs-theme=dark] .main-title, [data-bs-theme=dark] .main-sub-title {
    color: #EDCB19;
}
.custom-nav{
    justify-content:center;
}
.custom-nav .nav-item{
    margin-bottom:25px;
}
    .custom-nav .nav-link, .custom-nav .nav-link:hover {
        text-align: center;
        border-radius: 24px;
        border: 2px solid #fff;
        line-height: 28px;
        font-size: 16px;
        color: #fff;
        font-family: 'Montserrat-Medium', sans-serif;
    }
    .custom-nav .nav-link.active {
         border: 2px solid #fff;
     }
.rounded-large{
    border-radius:2rem;
}
#kt_landing_hero_text {
    font-family: 'Archivo Black', sans-serif;
}

.t-color {
    color: #ecca11 !important;
}
.g-color {
    color: #0f3f11 !important;
}
iframe{display:none;}

.btn-green {
    background-color: #0f3e10;
    color: #ecca11;
}

.btn-green:hover,.btn-green:active, .btn-green:focus{
    background-color: #082208!important;
 }
.btn-yellow {
    background-color: #eccb16;
    color: #000;
}
    .btn-yellow:hover, .btn-yellow:active, .btn-yellow:focus {
        background-color: #eccb16 !important;
    }
.landing-dark-bg {
    background-color: #ffffff;
}

.landing-dark-color {
    color: #ffffff;
}
.bg-green {
    background-color: #1C3D1C;
    position: relative;
}
.text-green {
    color: #1C3D1C;
}
.bg-green2 {
    background-color: #3b6831;
    position: relative;
}
.bg-green.bg-img:before {
    content: ' ';
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: 0.3;
    background-image: url('../../img/bg2.png');
    background-repeat: no-repeat;
    background-position: 50% 0;
    background-size: cover;
    z-index:1;
}
.bg-green.bg-img .container {
    position:relative;
    z-index:7!important;
}

.landing-header {
    display: flex;
    align-items: center;
    height: 80px;
    position: fixed;
    width: 100%;
    background-color: #fff;
    z-index: 9;
    -webkit-box-shadow: 0 2px 3px 2px rgba(0,0,0,0.1);
    box-shadow: 0 2px 3px 2px rgba(0,0,0,0.1);
}
    .landing-header .menu .menu-link.active {
        color: #0f3e10;
        border-bottom: 1px solid #0f3e10;
    }

[data-kt-sticky-landing-header=on] .landing-header .menu-title-gray-900 .menu-item .menu-link {
    color: #000000;
}

.overlay .overlay-layer {
    background-color: transparent !important;
    opacity: 1;
}

    .overlay .overlay-layer:hover {
        background-color: rgba(0,0,0,0.3) !important;
    }

.lighting {
    background: linear-gradient(90deg,rgba(8,40,8,1),#1e6f21 50%,rgba(8,40,8,1));
    height: 0.25rem;
}

[data-kt-sticky-landing-header=on] .landing-header .menu .menu-link.active {
    color: #ebca11;
    background-color: #1e6f21;
}

.bg-dark {
    background-color: #090909 !important;
}

.position-absolute.bg-dark.bg-opacity-50 {
    background-color: rgba(var(--bs-bg-rgb-color),.5) !important;
}


.border-yellow {
    border-color: #ecca11 !important;
}
.vjs-picture-in-picture-control{
    display:none!important;
    visibility:hidden!important;
}
@media only screen and (min-width: 992px) {
    .video-js {
        min-height: 450px;
        width: 100%;
        height: 100%;
        display: flex;
    }
}
@media only screen and (max-width: 991.98px) {
    .video-js {
        min-height: 236px;
        width: 100%;
        height: 100%;
        display: flex;
    }
}
.bg-light-yellow {
    /*    background-image: url(../../img/landing_bg1.jpg);
 background-size: 100% auto;
    background-attachment: fixed;*/
    background-color: #fffceb;
}
.bg-light-yellow2 {
    background: rgb(255,255,255);
    background: linear-gradient(180deg, rgba(255,255,255,1) 50%, rgba(255,252,235,1) 50%, rgba(255,252,235,1) 100%);
}
.pricing{
    background-color:#fff;
    height:calc(100% - 20px);
    border-radius:4px;
    padding-top:10px;
}
.pricing .table:not(.table-bordered).table-row-dashed tr {
    border-bottom-width: 1px;
    border-bottom-style: dashed;
    border-bottom-color: #ccc;
}
.price{
    width:100%;
    display:block;
    position:relative;
    background-color:rgba(0,0,0,0.1);
    color:#fff!important;
}
.modal-close, .modal-close:hover{
    position: absolute;
    right: -10px;
    top: -10px;
    z-index: 99;
    background: var(--bs-primary);
    border-radius: 100%;
}
    .modal-close i {
        color: #fff !important;
    }

.price.c1 {
    background-color: #ff4d76;
}
.price.c2 {
    background-color: #7d379d;
}
.price.c3 {
    background-color: #ffc437;
}
.price.c4 {
    background-color: #266f96;
}

/* ----------------------------------------------------------------
	Flip Cards
-----------------------------------------------------------------*/

.flip-card {
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-perspective: 1000px;
    perspective: 1000px;
}

.flip-card-front,
.flip-card-back {
    background-size: cover;
    background-position: center;
    -webkit-transition: -webkit-transform 0.7s cubic-bezier(0.4, 0.2, 0.2, 1);
    transition: -webkit-transform 0.7s cubic-bezier(0.4, 0.2, 0.2, 1);
    -o-transition: transform 0.7s cubic-bezier(0.4, 0.2, 0.2, 1);
    transition: transform 0.7s cubic-bezier(0.4, 0.2, 0.2, 1);
    transition: transform 0.7s cubic-bezier(0.4, 0.2, 0.2, 1), -webkit-transform 0.7s cubic-bezier(0.4, 0.2, 0.2, 1);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    width: 100%;
    height: 225px;
    border-radius: 6px;
    color: #FFF;
    font-size: 1.5rem;
}


.flip-card-back {
    background-color: transparent;
}

.flip-card:hover .flip-card-front,
.flip-card:hover .flip-card-back {
    -webkit-transition: -webkit-transform 0.7s cubic-bezier(0.4, 0.2, 0.2, 1);
    transition: -webkit-transform 0.7s cubic-bezier(0.4, 0.2, 0.2, 1);
    -o-transition: transform 0.7s cubic-bezier(0.4, 0.2, 0.2, 1);
    transition: transform 0.7s cubic-bezier(0.4, 0.2, 0.2, 1);
    transition: transform 0.7s cubic-bezier(0.4, 0.2, 0.2, 1), -webkit-transform 0.7s cubic-bezier(0.4, 0.2, 0.2, 1);
}

.flip-card-front.no-after::after,
.flip-card-back.no-after::after {
    content: none
}

.flip-card-front::after,
.flip-card-back::after {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    content: "";
    display: block;
    opacity: 0.6;
    background-color: transparent;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    border-radius: 6px;
}

.flip-card-back {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}

.flip-card-inner {
    -webkit-transform: translateY(-50%) translateZ(60px) scale(0.94);
    transform: translateY(-50%) translateZ(60px) scale(0.94);
    top: 50%;
    position: absolute;
    left: 0;
    width: 100%;
    padding: 2rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    outline: 1px solid transparent;
    -webkit-perspective: inherit;
    perspective: inherit;
    z-index: 2;
}

.flip-card-back {
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg);
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
}

.flip-card-front,
.flip-card:hover .flip-card-back {
    -webkit-transform: rotateY(0deg);
    transform: rotateY(0deg);
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
}

.flip-card:hover .flip-card-front {
    -webkit-transform: rotateY(-180deg);
    transform: rotateY(-180deg);
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
}

.top-to-bottom .flip-card-back {
    -webkit-transform: rotateX(180deg);
    transform: rotateX(180deg);
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
}

.top-to-bottom .flip-card-front,
.top-to-bottom:hover .flip-card-back {
    -webkit-transform: rotateX(0deg);
    transform: rotateX(0deg);
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
}

.top-to-bottom:hover .flip-card-front {
    -webkit-transform: rotateX(-180deg);
    transform: rotateX(-180deg);
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
}

.flip-card-inner span {
    font-size: 18px;
    line-height: 20px;
    font-weight: 300;
}

.flip-card-inner p {
    position: relative;
    font-size: 1rem;
    margin-bottom: 0;
    color: rgba(255, 255, 255, 0.7);
}
@media only screen and (min-width: 1200px) {
    .tns.tns-default.home .tns-outer {
        margin: 0 0rem;
    }
}
.all-pack .pack {
    background-color: #1f3b1d;
    border-radius: 8px 8px 150px 150px;
    margin-top: 110px;
    padding:60px 0px 30px 0px;
    height:calc(100% - 110px);
}
.all-pack .pack-icon {
    position: absolute;
    margin: 0 auto;
    left: 0;
    right: 0;
    top: -140px;
}
.card-rounded {
    border-radius: 2rem;
}