#myModal {
    /* background: green; */
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

@media (max-width: 790px) {
    .modal-content {
        position: absolute;
        top: 50% !important;
        margin-top: 50%;
        /* border: 1px solid blue; */
        /* opacity: 100%; */
    }

    #myModal {
        /* background-color: black; */
        /* opacity: 80%; */
    }
}

.btn-welcome {
    position: absolute;
    /* top: 50%; */
    bottom: 0%;
    left: 50%;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    /* background-color: #555; */
    /* color: white; */
    /* font-size: 16px; */
    /* padding: 12px 24px; */
    border: none;
    cursor: pointer;
    border-radius: 20px 20px 20px 20px;
    color: #37562D;
    /* width: 15% !important; */
    width: 180px !important;
}

.btn-welcome:hover {
    background: #37562D;
    color: whitesmoke;
}

/* To Debug */
.debug {
    border: 1px dotted red;
}

.nav-search {
    border-radius: 5px !important;
}

.search-input {
    text-align: center;
    border-radius: 100px !important;
}

/* Programmes CSS */
.img-filter {
    filter: brightness(60%);
}

.carousel-caption {
    text-align: left;
}

.vdo-frame {
    width: 100% !important;
    height: 320px !important;
}


/* NAV CSS */
.has-search .form-control-feedback {
    position: absolute;
    z-index: 2;
    display: block;
    width: 2.375rem;
    height: 2.375rem;
    line-height: 2.375rem;
    text-align: center;
    pointer-events: none;
    color: #aaa;
}

.nav-search::placeholder {
    color: #37562D !important;
    opacity: 100;
}

.force-opaque::placeholder {
    opacity: 1;
}


/* Blogs card content custom css */
.three-line-ellipsis {
    /* padding-left:2vw; */
    text-overflow: ellipsis;
    overflow: hidden;
    /* width: 325px;
    line-height: 25px; */
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    height: 5.5em;
}

.blog-header {
    height: 3em;
}

/* Welcome page video introdcution text. */
@media (max-width: 860px) {
    .vdo-title-custom {
        font-size: 1.3rem !important;
    }

    .vdo-title-custom h1 {
        padding: 2px;
        font-size: 0.8em !important;
    }

    .vdo-title-custom p {
        padding: 5px;
        font-size: 0.7em !important;
    }
}

@media (max-width: 380px) {
    .vdo-title-custom {
        font-size: 1.6rem !important;
    }

    .vdo-title-custom h1 {
        padding: 5px;
        font-size: 1.6em !important;
    }

    .vdo-title-custom p {
        padding: 5px;
        font-size: 0.45em !important;
    }
}


/* ABOUT CUSTOM CSS */
.custom-position {
    text-indent: 51%;
    margin-bottom: 4px !important;
    overflow: auto;
}

@media (max-width: 980px) {
    .custom-position {
        margin-top: 3px;
        text-indent: 0px;
        /* position: absolute !important; */
        /* background: orange; */
        /* width: 100px !important;
        height: 100px !important; */
        left: 5px !important;
        top: 5px !important;
        /* border: 1px solid red; */
        /* float: left; */
        /* clear: left; */
        /* overflow: auto; */
        /* grid-template-columns: none; */
        /* padding-bottom: 0px; */
        display: flex;
        margin-bottom: 4px !important;
    }

    /* .custom-position-img{
        margin-top: 50px !important;
    } */

}

@media (min-width: 980px) {
    .custom-position-img {
        /* position: absolute !important; */
        /* clear: both; */
        /* left: 5px !important; */
        top: -60px !important;
    }
}

/* BLOGS CSS */
.vdo-header-line-hight {
    line-height: 4rem !important;
}

@media(max-width: 860px) {
    .content-header-customise {
        font-size: 0.8em;
    }
}

@media(max-width: 360px) {
    .content-header-customise {
        font-size: 0.7em;
        vertical-align: middle !important;
        /* padding-top: 3px; */
    }


}

.product-header-line-hight {
    line-height: 4rem !important;
}

.service-overlay:hover {
    opacity: 1 !important;
    /* background-color: #008CBA; */
    /* filter: drop-shadow(2px 2px 5px #008CBA); */
}

.admin-hover:hover>div {
    /* opacity: 1 !important; */
    /* background-color: #008CBA; */
    /* filter: drop-shadow(2px 2px 5px #008CBA) !important; */
}

@media (min-width: 800px) {
    .title-margin{
        /* margin-top: 9rem; */
        /* border: 2px solid red; */
    }
}

/* ======== CKEDITOR CSS ======== */
.ck-editor__editable {
    min-height: 400px;
    min-width: 100%;
}