@import url('https://fonts.googleapis.com/css2?family=Alkatra:wght@400;500;600;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Edu+NSW+ACT+Foundation:wght@500&display=swap');

@font-face {
    font-family: "nitro-normal";
    src: url("/fonts/NotoSansSinhala-Regular.woff2") format('woff2');
}
@font-face {
    font-family: "nitro-semibold";
    src: url("/fonts/NotoSansSinhala-SemiBold.woff2") format('woff2');
}
@font-face {
    font-family: "nitro-bold";
    src: url("/fonts/NotoSansSinhala-Bold.woff2") format('woff2');
}

.nitro-normal {
    font-family: nitro-normal ,sans-serif;
}
.nitro-semibold {
    font-family: nitro-semibold ,sans-serif;
}
.nitro-bold {
    font-family: nitro-bold ,sans-serif;
}

.header-area.header-sticky {
    min-height: 80px;
}
.header-area {
    position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
    z-index: 100;
    height: 100px;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
}

#welcome {
    overflow: hidden;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    height: 650px;
    background-color: #00000080;
}

#welcome-2{
    overflow: hidden;
    position: relative;
    display: flex;
    align-items: center;
    /*    justify-content: center;
        background-repeat: no-repeat;
        background-size: cover;*/
    width: 100%;
    height: 650px;
    background-color: #00000080;
}

/*.puff-in-left{
    margin-left: 48px;
}*/

.welcome-area .header-text {
    position: absolute;
    top: 55%;
    transform: translateY(-60%);
    text-align: left;
    width: 92%;
    /*    background: rgba(255, 255, 255, 0.2);
        box-shadow: 0 4px 30px rgb(0 0 0 / 10%);
        backdrop-filter: blur(5px);
        -webkit-backdrop-filter: blur(5px);
        border: 1px solid rgba(255, 255, 255, 0.3);
        background: rgb(201 191 191 / 71%);
         border-radius: 16px; 
        box-shadow: 0 4px 30px rgb(0 0 0 / 10%);
        backdrop-filter: blur(5px);
        -webkit-backdrop-filter: blur(5px);
        border: 1px solid rgba(255, 255, 255, 0.3);
        padding: 20px;*/
}

.welcome-area .header-text .left-text {
    align-self: center;
}

.main-txt {
    border-left: 3px solid #009035;
}

.welcome-area .header-text h1 {
    font-weight: bold;
    font-size: 66px;
    line-height: 70px;
    letter-spacing: 0.4px;
    margin-bottom: 30px;
    color: #fffdfd;
    margin-top: 0;
    width: 66%;
    text-shadow: 0 0 20px black;
    /*text-shadow: -1px -1px 0 #ffeaea, 3px 2px 0 #ffeded, -1px 2px 0 #fee, 1px 1px 0 #d5c5c5;*/
}

.welcome-area .header-text h3{
    color: white;
    font-size: 22px;
    margin-top: -17px;
    width: 43%;

}

.nitro-bold {
    font-family: nitro-bold ,sans-serif;
}

.welcome-area .header-text p {
    font-weight: 300;
    font-size: 17px;
    color: #fff;
    line-height: 30px;
    letter-spacing: 0.25px;
    margin-bottom: 40px;
    position: relative;
}

.welcome-area .header-text h1 span {
    font-size: 50px;
    line-height: 0px;
    color: #009035;
    text-shadow: 0 0 20px black;
}

a.main-button-slider {
    font-size: 13px;
    border-radius: 20px;
    padding: 12px 20px;
    background-color: #00a650;
    text-transform: uppercase;
    color: #fff;
    letter-spacing: 0.25px;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.header-area.header-sticky {
    min-height: 80px;
}

.header-area {
    position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
    z-index: 100;
    height: 100px;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
}

.header-area .main-nav {
    /*min-height: 80px;*/
    background: transparent;
    padding: 0 !important;
}

.header-area .main-nav .logo {
    color: #fff;
    font-size: 28px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 2px;
    float: left;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}


.header-area .main-nav .nav {
    float: right;
    margin-top: 0px;
    margin-left: 20px;
    margin-right: 0px;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    position: relative;
    z-index: 999;
}

.header-area .main-nav .nav li {
    padding: 10px 7.5px;
}

.header-area.header-sticky .nav li a.active {
    color: #f55858;
}

.header-area .main-nav .nav li a {
    font-size: 14px;
}

.header-area .main-nav .nav li a {
    display: block;
    font-weight: 500;
    font-size: 13px;
    color: #fffbfb;
    text-transform: uppercase;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    line-height: 40px;
    border: transparent;
    letter-spacing: 1px;
    font-weight: bold;
}

.navigation-wapper {
    background: rgb(0 0 0);
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
}

.imgA, .imgB {
    height: 50px;
    line-height: 75px;
}

.join-btn .btn-5 {
    border: 0 solid;
    box-shadow: inset 0 0 20px rgb(255 255 255 / 0%);
    outline: 1px solid;
    outline-color: rgb(213 0 0 / 50%);
    outline-offset: 0px;
    text-shadow: none;
    transition: all 1250ms cubic-bezier(0.19, 1, 0.22, 1);
    background: #f70523;
    color: white;
    font-size: 20px;
    margin-top: -3px;
    width: 115%;
    padding: 14px;

}

.join-btn .btn-5:hover {
    border: 1px solid;
    box-shadow: inset 0 0 20px rgba(255, 255, 255, .5), 0 0 20px rgba(255, 255, 255, .2);
    outline-color: rgba(255, 255, 255, 0);
    outline-offset: 15px;
    text-shadow: 1px 1px 2px #427388;
}


/*card*/
.service-item {
    cursor: pointer;
    display: block;
    background: #ffffff;
    box-shadow: 0 2px 48px 0 rgb(0 0 0 / 10%);
    padding: 40px 30px;
    text-align: center;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    position: relative;
}

.service-item .icon {
    text-align: center;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    width: 100px;
    height: 100px;
    line-height: 100px;
    margin: auto;
    position: relative;
    margin-bottom: 30px;
    /*background: #00b4c6;*/
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    position: relative;
}

.service-item .icon img {
    max-width: 70px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.service-item .service-title {
    ont-weight: 500;
    font-size: 30px;
    color: #1e1e1e;
    letter-spacing: 0.7px;
    margin-bottom: 15px;
    position: relative;
    z-index: 2;
    /* text-transform: capitalize; */
    color: #ef0028;
    margin-top: -30px;

}

.service-item p {
    font-weight: 400;
    font-size: 15px;
    color: #777;
    letter-spacing: 0.5px;
    line-height: 25px;
    position: relative;
    z-index: 2;
}

.service-item a.main-button {
    margin-top: 30px;
    display: inline-block;
}

a.main-button {
    font-size: 13px;
    border-radius: 20px;
    padding: 12px 20px;
    background-color: #00b4c6;
    text-transform: uppercase;
    color: #fff;
    letter-spacing: 0.25px;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.course-section h4 {
    color: #566be8;
    font-size: 22px;
    font-family: 'Edu NSW ACT Foundation', cursive;
}

.course-section h4:before {
    background: #7fbaea;
    width: 49%;
    top: 75px;
    border-radius: 3px;
}

#main_nav .nav-item {
    transition: 0.3s;
}

#main_nav .nav-item:hover {
    background-color: #5c5c5c47;
    transition: 0.3s;
}

#main_nav .dropdown-menu {
    background-color: black;
    margin-top: -1px;
    border-radius: 0;
}

#main_nav .dropdown-menu li {
    padding: 0 !important;
}

#main_nav .dropdown-menu a:hover {
    background-color: #6e6e6e4a !important;
}

#main_nav .dropdown-menu .dropdown-item {
    transition: 0.3s;
}

#main_nav .dropdown-menu .dropdown-item:hover, #main_nav .dropdown-menu .dropdown-item:focus {
    background-color: #f9efef47;
    transition: 0.3s;
}

.background-header {
    /*position: fixed !important;*/
    top: -80px;
    left: 0px;
    right: 0px;
    animation: slideleft 1.5s 0s cubic-bezier(0.22, 0.61, 0.36, 1) forwards;
}

@keyframes slideleft {
    to {
        position: fixed;
        top: 0px;
    }
}

.header-area .container-fluid {
    padding: 0;
}

.header-area .header-area .main-nav {
    padding: 0 !important;
}


.header-bottom-title{
    width: 100%;
    position: absolute;
    bottom: 0px;
    background-color: #0606068c;
    padding: 19px;
}

.header-bottom-wrap{
    display: flex;
    justify-content: space-between;
}

.header-bottom-btn{
    background: red;
    color: white;
    width: 14%;
    padding: 12px;
    font-size: 20px;
    font-weight: bold;
}

.u-line-1{
    width: 87px;
    height: 6px;
    transform-origin: left center;
    margin: 0 auto 0 0;
    /* border-color: red; */
    /* border: 1px solid red; */
    background: red;
}

.about-us-title h5{
    margin-top: 8px;
    font-weight: bold;
}

.about-us-title h3 span{
    font-size: 40px;
    color: #566be8;
    font-weight: bold;
}

.about-us-title p{
    font-size: 16px;
    width: 93%;
    color: #7a6b6b;
    /* padding: 0px; */
    margin-top: 15px;
}

.left-video{
    border: 0;
    width: 100%;
    height: 362px;
    box-shadow: 0px 1px 20px 0px #888888;
}

.content-about{
    background: #7064641f;
    padding: 65px;
    margin-top: 31px;
}

.about-us-left-video {
    position: relative;
}

.u-container-layout-2 {
    position: absolute;
    width: 364px;
    height: 463px;
    background-color: #f7000f;
    right: -77px;
    top: -80px;
    z-index: -1;
    /*    /* border: 4px solid red;*/
}

.stat {

    background: #122d52;
    padding-top: 35px;
    padding-bottom: 50px;
    color: #fff;
    background-attachment: fixed;
    margin-top: 54px;

}
.stat i {
    font-size: 50px;
}

.stat-items h2 {
    font-size: 42px;
    color: darkorange;
}
.stat p {
    font-weight: 600;
    letter-spacing: 1px;
}


.counter_content p {
    font-size: 50px !important;
    font-weight: 600;
    margin-bottom: 0px;
    margin-top: 0px;
}
.counter_content i {
    font-size: 45px !important;
    margin-bottom: 15px;
}
.counter_content {
    text-align: center;
    margin-top: 35%;
    border: 2px dotted #000;
    height: 220px;
    padding-top: 25px;
    /*box-shadow: -4px 4px 10px 2px #888888;*/
}
.counter_content h3 {
    font-size: 16px !important;
    letter-spacing: 2px;
    margin-top: 10px;
}

.blog {
    background-color: #fff;
    padding-top: 40px;
}

.blog .blog-box figure {
    margin: 0px;
}

.blog .blog-box figure span {
    top: 16px;
    left: 0px;
    position: absolute;
    margin-left: 15px;
    background: #df0c21;
    padding: 7px 17px;
    color: #fff;
}

.blog .blog-box .blog-title {
    padding: 15px 0px;
}

.blog .blog-box .blog-title span {
    color: #e66275;
    display: inline-block;
}

.blog .blog-box h3 {
    font-size: 18px;
    line-height: 25px;
    font-weight: bold;
}

.Comment {
    color: #8286ee;
}

.like {
    color: #8286ee;
}

.blog .blog-box p {
    font-size: 16px;
    line-height: 24px;
    color: #585858;
    text-align: justify;
    color: #222;
    display: block;
    font-size: 14px;
    font-weight: 400;
    line-height: 21px;
    /* text-transform: capitalize; */
    /* padding-top: 10px; */
    display: -webkit-box;
    /* max-width: 400px; */
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    height: 102px;
}

.blog .blog-box .blog-title p {
    float: right;
    padding-left: 15px;
}

.media i{
    font-size: 40px;
}

.media-body .fs-1{
    color: #fff!important;
    font-size: 22px;
    line-height: 23px;
    font-weight: bold;
}

.media-text{
    font-size: 13px;
}

.media-section{
    background-color: #132f55!important;
}

.webintern-footer {
    background: #0d2034;
}

.webintern-footer-inner {
    padding-top: 80px;
    padding-bottom: 50px;
}

.webintern-footer-logo {
    display: inline-block;
}

.webintern-footer .webintern-footer-inner .simple-text p {
    color: #fff;
    margin-top: 20px;
    margin-bottom: 15px;
}
.simple-text p {
    font-size: 15px;
    color: #42435d;
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    line-height: 26px;
    margin-bottom: 0;
}

.webintern-footer .webintern-footer-inner .simple-text a {
    font-family: 'Open Sans', sans-serif;
    font-weight: 700;
    color: #f2c21a;
    font-size: 15px;
}
.footer-2 {
    padding-left: 55px;
}
.webintern_footer_title {
    margin-top: 0px;
    margin-bottom: 25px;
}
.webintern_footer_title small {
    font-family: 'Work Sans', sans-serif;
    color: #fff;
    font-weight: 700;
    font-size: 18px;
    text-transform: uppercase;
}
.webintern_footer_title:after {
    content: '';
    display: block;
    width: 30px;
    height: 2px;
    background: #f2c21a;
    margin-top: 15px;
}
.webintern-footer-list {
    padding: 0;
}
.webintern-footer-list li {
    margin-bottom: 17px;
    list-style: none;
}
.webintern-footer-list a {
    position: relative;
    font-size: 15px;
    line-height: 18px;
    color: #fff;
    padding-left: 0;
    letter-spacing: 0.20px;
    font-family: 'Open Sans', sans-serif;
}
.footer-3 {
    padding-left: 65px;
}
.webintern-footer-inner .simple-text.last {
    color: #d5d5d5;
    font-size: 17px;
    font-style: italic;
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
}
.tt-subscribe {
    position: relative;
}
.tt-subscribe input:not([type="submit"]) {
    width: 100%;
    height: 46px;
    background: #fff;
    font-size: 15px;
    color: #838486;
    padding-left: 20px;
    padding-right: 70px;
    border: 2px solid #fff;
    -moz-border-radius: 3px;
    border-radius: 3px;

}
.tt-subscribe-submit {
    background: #001b57;
}

.tt-subscribe-submit {
    position: absolute;
    top: 0;
    right: 0;
    width: 52px;
    height: 46px;
    font-size: 18px;
    line-height: 46px;
    color: #2a2a2a;
    text-align: center;
    background: #001b57;
    -moz-border-radius-topright: 3px;
    border-top-right-radius: 3px;
    -moz-border-radius-bottomright: 3px;
    border-bottom-right-radius: 3px;
}


.tt-subscribe-submit i.fa-envelope:before {
    content: "\f0e0";
    position: relative;
    z-index: 1;
    color: #fff;
}
.tt-subscribe-submit input {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #51658d;
    border: 0;
}
ul.tt-socail {
    padding: 0;
    margin-top: 30px;
}
.tt-socail li {
    display: inline-block;
    margin-right: 10px;
}
.tt-socail a {
    display: block;
    width: 36px;
    height: 36px;
    font-size: 35px;
    line-height: 34px;
    color: #fff;
    text-align: center;
}

.webintern_footer_title small {
    font-family: 'Work Sans', sans-serif;
    color: #fff;
    font-weight: 700;
    font-size: 18px;
    text-transform: uppercase;
}

.tt-copy
{
    font-size: 15px;
    line-height: 20px;
    color: #fff;
    background: #000000;
    padding: 17px 0;
    font-family: 'Open Sans', sans-serif;
}

.tt-copy-right {
    text-align: right;
}

.tt-copy a{
    color: #fff;
    text-decoration: none;
}

.webintern-footer-logo{
    margin-top: -16px;
}


.page-header {
    height: 300px;
    background: linear-gradient(to right, rgba(2, 36, 91, 1) 0%, rgba(2, 36, 91, 0) 100%), url(/home/c-1.jpeg);
    margin-top: 55px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.h-breadcrumb{
    background: transparent;
}

.breadcrumb-item{
    color: white;
}

.breadcrumb-item a{
    color: white;
}

.user-dashboard-main-wapper .breadcrumb-item a{
    color: black !important;
}

.fw-medium{
    color:red;
}

.abt-right-side h1{
    font-size: 46px;
    color: #02245B;
    font-weight: bold;
}

.btn-lg-square {
    width: 48px;
    height: 48px;
    padding: 15px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: normal;
}

.ms-3{
    margin-left: 10px;
    line-height: 14px;
}

.ms-3 h5{
    font-weight: bold;
}

.application-header{
    height: 300px;
    background: linear-gradient(to right, rgba(2, 36, 91, 1) 0%, rgba(2, 36, 91, 0) 100%), url(/home/contct-header.jpg);
    margin-top: 55px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}


.reservation-header{
    height: 350px;
    background: linear-gradient(to right, rgb(15 24 38) 0%, rgb(28 62 118 / 0%) 100%), url(/home/blog.jpg);
    margin-top: 60px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.blog-header{
    height: 300px;
    background: linear-gradient(to right, rgb(15 24 38) 0%, rgba(2, 36, 91, 0) 100%), url(/home/reservation.jpeg);
    margin-top: 60px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}
.courses-header{
    height: 300px;
    background: linear-gradient(to right, rgb(0 0 0) 0%, rgba(2, 36, 91, 0) 100%), url(/home/cours-img.jpeg);
    margin-top: 76px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

input[type=text],input[type=email], input[type=password], textarea, select {

    width: 100%;
    padding: 7px;
    margin: 5px 0 22px 0;
    display: inline-block;
    border: none;
    background: transparent;
    outline: 1px solid #9393933b;
    border-radius: 4px;
}
input[type=text]:focus, input[type=password]:focus, input[type=email]:focus, select:focus {
    background-color: #ffffff;
    outline: 1px solid #ffb1b1 !important;
}

hr {
    border: 1px solid #f1f1f1;
    margin-bottom: 25px;
}
.registerbtn {
    background-color: #d81f2a;
    color: white;
    padding: 14px 15px;
    margin: 7px 0;
    border: none;
    cursor: pointer;
    width: 50%;
}
.registerbtn:hover {
    opacity: 1;
}

.login-register-nav {
    background-color: #a50000;
}

.login-register-nav:hover {
    background-color: #bd0000 !important;
}


.form-details{
    width: 95%;
    font-size: 16px;
}

.ch-course{
    margin-top: 16px;
}

.ch-course lable{
    font-size: 16px;
}

.ch-course-sec{
    margin-top: 10px;
    background: #f1f1f1;
    width: 20%;
    padding: 12px;
    line-height: 38px;
    display: flex;
    width: 100%;
    /*gap: 47px;*/
    flex-wrap: wrap;
}

.ch-course-sec div{
    width: 100%;
}

.application-content{
    background: white;
    padding: 40px;
}

.reservation-wrapper{
    background: white;
    padding: 18px;
    margin-bottom: 15px;
}

.login-register-nav .dropdown-menu {
    left: auto;
    right: 0;
}

.login-register-nav .dropdown-menu .dropdown-item i {
    width: 20px;
}

.login-register-nav .dropdown-menu li:hover {
    background-color: #a50000;
}

.reservation-for-select {
    height: 45px !important;
    border: 0;
}

.login-wapper, .register-wapper {
    background-color: white;
    padding: 30px;
    box-shadow: 2px 1px 12px 0px #1c1c1c;
    border-radius: 10px;
}

.login-wapper{
    width: 500px;
}

.register-wapper {
    /*width: 650px;*/
    margin-top: 130px;
    margin-bottom: 50px;
}

.login-wapper-main, .register-wapper-main {
    display: flex;
    justify-content: center;
    align-items: center;

    background-image: url(/home/--home-background.jpg);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}

.login-wapper-main {
    margin-top: 55px;
}

.login-form input , .register-wapper input, .register-wapper select, .register-wapper textarea {
    height: 50px;
    border-radius: 7px;
    padding: 0px 20px;
}

.register-wapper textarea {
    padding: 10px 20px !important;
}

.register-wapper-main {
    /*margin-top: 72px;*/
}

.login-wapper-main {
    min-height: 650px;
    height: calc(100vh - 71px);
}

.register-wapper-main {
    /*height: 780px;*/
}

.login-now-text, .register-now-text {
    font-size: 13px;
    padding: 10px;
    color: gray;
}

.login-button, .register-button {
    padding: 15px;
    border-radius: 7px;
}

.puff-in-left{
    -webkit-animation:puff-in-left .7s cubic-bezier(.47,0.000,.745,.715) both;
    animation:puff-in-left .7s cubic-bezier(.47,0.000,.745,.715) both
}



.mobile-side-menu-trigger {
    /*color: white;*/
    /*background-color: #5c5757;*/
}

.mobile-nav-wrapping{
    display: none;
}

.moby-menu .navbar-nav .nav-link{
    padding: 10px 22px;
}

/*.dropdown-item:hover{
    background-color: #121212!important;
}*/

.moby .dropdown-item:active{
    background-color: #191c20!important;
}

.moby .dropdown-item:hover{
    background-color: #191c20!important;
}

.moby ul li a{
    color: white!important;
}

.moby{
    background-color: black!important;
}

.moby .dropdown-toggle::after{
    display: none;
}

.moby .navbar-nav .dropdown-menu{
    background: #242424;
}

.moby ul li ul a{
    padding: 10px 20px!important;

}

.moby .moby-close{
    background: #303030!important;
}

@-webkit-keyframes puff-in-left{
    0%{
        -webkit-transform:scale(2);
        transform:scale(2);
        -webkit-transform-origin:0 50%;
        transform-origin:0 50%;
        -webkit-filter:blur(4px);
        filter:blur(4px);
        opacity:0
    }
    100%{
        -webkit-transform:scale(1);
        transform:scale(1);
        -webkit-transform-origin:0 50%;
        transform-origin:0 50%;
        -webkit-filter:blur(0);
        filter:blur(0);
        opacity:1
    }
}
@keyframes puff-in-left{
    0%{
        -webkit-transform:scale(2);
        transform:scale(2);
        -webkit-transform-origin:0 50%;
        transform-origin:0 50%;
        -webkit-filter:blur(4px);
        filter:blur(4px);
        opacity:0
    }
    100%{
        -webkit-transform:scale(1);
        transform:scale(1);
        -webkit-transform-origin:0 50%;
        transform-origin:0 50%;
        -webkit-filter:blur(0);
        filter:blur(0);
        opacity:1
    }
}

.moby ul li a .moby-expand i, .moby ul li a .moby-expand span{
    color: white;
}

.counter-warp{
    margin-top: 12px;
    background: #4440400a;
    padding-bottom: 53px;
}

.admin-panel-btn {
    background-color: #a0010d;
}

.mt-125 {
    margin-top: 125px !important;
}

.h-500 {
    min-height: 800px;
}

/*#myBtn {
    position: fixed;
    bottom: 10px;
    float: right;
    right: 18.5%;
    left: 77.25%;
    max-width: 30px;
    width: 100%;
    font-size: 12px;
    border-color: rgba(85, 85, 85, 0.2);
    background-color: rgb(100,100,100);
    padding: .5px;
    border-radius: 4px;

}

#myBtn:hover {
    background-color: #7dbbf1;
}*/

#chnge-traslate{
    position: fixed;
    bottom: 15px;
    left: 15px;
    z-index: 999999;
    bottom:0px;
    right:0px;
    width: 200px;
}

.trans-flg a img {
    vertical-align: middle;
    display: inline;
    border: 0;
    padding: 0;
    margin: 0;
    opacity: 0.8;
    margin-right: 2px;
}

.blog-article-image {
    float: left;
    margin-right: 20px;
    margin-bottom: 20px;
    aspect-ratio: auto;
    max-width: 100%;
}

#student_form_birthDate {
    display: flex;
    gap: 10px;

}


.divide-area{
    border: 1px solid #1c1b1b12;
    margin-top: -16px;
}


/*test*/
.incourse-wrapper .right-column {
    position: relative;
    padding: 20px;
    border-radius: 5px;
    background: #81818121;
}

.incourse-wrapper .center {
    text-align: center!important;
}

.incourse-wrapper .card-title {
    padding-top: 20px;
}

.incourse-wrapper .beta {
    margin-bottom: 0px;
}

.incourse-wrapper .bold2{
    padding: 10px;
    font-size: 22px;
    color: #9f0006;
}

.incourse-wrapper .stats {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.incourse-wrapper .stats .point {
    padding: 10px;
    width: 187px;
    box-sizing: border-box;
    margin-top: 4px;
    text-align: center;
}

.incourse-wrapper .headerblue-bg {
    background-color: #5f93fd6e;
}

.incourse-wrapper .stats .point .number {
    font-size: 23px;
    line-height: 48px;
    color: #0e0e0e;
    font-weight: bold;
}

.incourse-level{
    color: #403c3c87;
    font-size: 15px;
}

.apply-btn{
    background: #9f0006;
    color: white;
    padding: 12px;
    width: 100%;
}

.apply-btn:hover{
    color: #ffffef;
    font-weight: bold;
    background: #9f0006c7;
}

.intro-title {
    align-items: center;
    line-height: 19px !important;
    display: flex;
    flex-direction: row;
    justify-content: center;
    text-align: center;
}

.intro-title::before, .intro-title::after {
    border-top: 0;
    border-bottom: 0;
    content: '';
    flex-grow: 0;
    width: 40px;
    height: 3px;
    background: #9f0006;
    top: 0;
    margin-left: 10px;
    margin-right: 10px;
}

.intro-detail{
    color: #8f8787;
    text-align: justify;
    font-size: 15px;
}
.content-section-header {
    background: #f4f4f4;
    border-radius: 1px;
    padding: 8px 14px;
    border-left: 2px solid #9a000b;
    margin-top: 30px;
}

.content-section-header-border{
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
}

#blog-in{
    padding-bottom: 44px;
}

.blog-in-imge{
    border-radius: 16px 16px 16px 16px;
    height: 325px;
}

.divider-line{
    width: 15%;
    height: 3px;
    transform-origin: left center;
    margin: 0 auto 0 0;
    /* border-color: red; */
    /* border: 1px solid red; */
    background: #d52c33;
    position: absolute;
    top: 40px;
}

.blog-in-paragraph{
    margin-top: 10px;
    line-height: 33px;
    text-align: justify;
}

.dd-de{
    font-size: 25px;
    font-weight: bold;
    margin-top: 19px;
}

.mt-7{
    margin-top: 3px!important;
}

/* all-course */

.all-course-wrapper{
    margin-top: 100px;
}

.all-course-wrapper .card {
    overflow: hidden;
    box-shadow: 0 3px 17px rgba(0, 0, 0, 0.15), 0 0 5px rgba(0, 0, 0, 0.15);
}
all-course-wrapper .card img {
    width: 100%;
    height: auto !important;
}

.all-course-wrapper .labels {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    opacity: 0.8;
}
.all-course-wrapper .labels > div {
    width: 150px;
    position: absolute;
}

.all-course-wrapper .labels > div.label-new {
    left: -40px;
    top: 20px;
    transform: rotate(-45deg);
}

.label-new, .detail-btn{
    background: #9f0006;
    color: white;
}

.detail-btn:hover{
    color: white;
}

.course-detail h4{
    font-weight: bold;
    font-size: 24px;
    margin-top: -20px;
}

.course-detail h3{
    font-size: 20px;
    color: #5f93fd;
    font-weight: bold;
}

a:hover {
    text-decoration: none;
}

.in-blog-img{
    height: 155px!important;
}

.other-blog{
    font-size: 22px;
    font-weight: bold;
}


.section-list-wapper {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    /*gap: 10px;*/
}

.section-wapper-single {
    /*flex: 1 1 auto;*/
    width: 250px;
    flex-basis: calc(100% / 5);
    float: left;
    padding: 10px;
}

.section-wapper-single a{
    color: black;
}

.section-background-single {
    aspect-ratio: 16/9;
    width: 100%;
}

.section-title-single {
    font-size: 20px;
    font-weight: bold;
    padding-top: 10px;
}

.user-dashboard-main-wapper .section-wapper-single {
    padding: 5px;
}

.article-section .section-title-single {
    text-align: justify;
}

.article-section .section-title-description {
    font-size: 12px;
    padding-top: 10px;
    text-align: justify;
}

.section-user-single {
    padding: 10px 0;
}

#student_reg_form_birthDate {
    display: flex;
    gap: 20px;
}

.register-wapper .title {
    margin-bottom: 35px;
}

.form-error ul {
    list-style: none;
    padding: 0;
    background-color: #ff3e3e;
    margin-top: -21px;
    padding: 5px 10px;
    font-size: 12px;
    color: white;
    font-weight: bold;
}

.scale-in-center{
    -webkit-animation:scale-in-center .2s cubic-bezier(.25,.46,.45,.94) both;
    animation:scale-in-center .2s cubic-bezier(.25,.46,.45,.94) both;
    text-align: center;
}

.register-success-wapper {
    margin-top: 160px;
    background-color: white;
    padding: 35px;
    margin-bottom: 150px;
}

.register-success-wapper .title {
    font-size: 25px;
    margin-top: 15px;
}

@-webkit-keyframes scale-in-center{
    0%{
        -webkit-transform:scale(0);
        transform:scale(0);
        opacity:1
    }
    100%{
        -webkit-transform:scale(1);
        transform:scale(1);
        opacity:1
    }
}

@keyframes scale-in-center{
    0%{
        -webkit-transform:scale(0);
        transform:scale(0);
        opacity:1
    }
    100%{
        -webkit-transform:scale(1);
        transform:scale(1);
        opacity:1
    }
}

.user-dashboard-main-wapper {
    margin-top: 80px;
    min-height: 750px;
}

.card-block .video-title {
    padding: 15px;
}

.video-thumbnail {
    width: 125px;
    height: 65px;
    float: left;
    margin-top: 10px;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}


.play-video .plyr--video {
    width: 100%;
    height: 450px;
    background: #000;
    overflow: hidden;
    height: calc(100vh - 230px);
    margin-bottom: -19px;
    border-radius: 10px !important;
}
.plyr--video {
    width: 100%;
    height: 450px;
}

.plyr__video-wrapper {
    position: initial !important;
}

.vimeo-iframe iframe {
    width: 100%;
    height: 450px;
    border: 0;
}
.vimeo-iframe iframe .vp-title-header {
    display: none;
}

.card {
    border-radius: 5px;
    box-shadow: 0 1px 11px 0 rgba(0, 0, 0, 0.12);
    border: none;
    margin-bottom: 30px;
}

.card .card-header {
    background-color: transparent;
    border-bottom: none;
    padding: 25px 20px;
}

.card .card-header h5 {
    font-size: 18px;
}

.card .card-header h5 {
    margin-bottom: 0;
    color: #505458;
    font-size: 14px;
    font-weight: 600;
    display: inline-block;
    margin-right: 10px;
    line-height: 1.4;
}

.card-header-text-moile {
    display: none !important;
}

.card .card-header + .card-block, .card .card-header + .card-block-big {
    padding-top: 0;
}

.accordion-block {
    padding: 0;
}

.accordion-title {
    margin-bottom: 0;
}

.accordion-msg {
    display: block;
    color: #222222;
    padding: 14px 20px;
    border-top: 1px solid #f6f7fb;
    /* font-weight: 600; */
    cursor: pointer;
    font-size: 18px;
}

.accordion-desc {
    color: #222222;
    padding: 0 20px 20px;
    display: flex;
    align-items: center;
    gap: 7px;
}

.accordion-desc a {
    color: #222222;
}

.md-tabs.tabs-left .nav-item,
.md-tabs.tabs-right .nav-item,
.tabs-left .nav-item,
.tabs-right .nav-item {
    width: 100%;
    position: relative;
}

.md-tabs {
    position: relative !important;
}
.md-tabs .nav-item + .nav-item {
    margin: 0;
}
.md-tabs .nav-link {
    border: none;
    color: #303548;
}
.md-tabs .nav-item {
    width: calc(100% / 6);
    text-align: center;
}
.md-tabs .nav-link:focus,
.md-tabs .nav-link:hover {
    border: none;
}
.md-tabs .nav-item .nav-link.active ~ .slide {
    opacity: 1;
    transition: all 0.3s ease-out;
}
.md-tabs .nav-item .nav-link ~ .slide {
    opacity: 0;
    transition: all 0.3s ease-out;
}
.md-tabs .nav-item.open .nav-link,
.md-tabs .nav-item.open .nav-link:focus,
.md-tabs .nav-item.open .nav-link:hover,
.md-tabs .nav-link.active,
.md-tabs .nav-link.active:focus,
.md-tabs .nav-link.active:hover {
    color: #4680ff;
    border: none;
    background-color: transparent;
    border-radius: 0;
}
.md-tabs .nav-item a {
    padding: 20px 0 !important;
    color: #303548;
}

.nav-tabs .slide {
    background: #4680ff;
    width: calc(100% / 4);
    height: 4px;
    position: absolute;
    -webkit-transition: left 0.3s ease-out;
    transition: left 0.3s ease-out;
    bottom: 0;
}
.nav-tabs .slide .nav-item.show .nav-link,
.nav-tabs .slide .nav-link {
    color: #4680ff;
}

.img-tabs img {
    width: 100px;
    margin: 0 auto;
}
.img-tabs a {
    opacity: 0.5;
    transition: all ease-in-out 0.3s;
}
.img-tabs a span i {
    height: 25px;
    width: 25px;
    border-radius: 100%;
    bottom: 10px;
    right: 70px;
}
.img-tabs a img {
    border: 3px solid;
}
.img-tabs a.active {
    opacity: 1;
    transition: all ease-in-out 0.3s;
}
.img-tabs .nav-item:first-child {
    border-bottom: none;
}

#pc-left-panel-menu {
    margin-bottom: 20px;
}

.selected-unit {
    color: #4680ff !important;
}

.user-dashboard-main-wapper .breadcrumb-title {
    margin-left: -40px;
}

.section-title-description {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 12px;
    /* font-family: 'nitro-nirmal'; */
    text-align: justify;
}

.header-area .navigation-wapper .container {
    position: relative;
}

.countdown-wapper {
    display: none;
    right: 15px;
    padding: 10px;
    background-color: #ededed;
    top: 100px;
    text-align: center;
    border-radius: 5px;
}

.countdown-wapper #countdown {
    font-size: 30px;
    font-weight: bold;
}

.abt-left-side img{
    border-radius: 50px 0px 0px 50px;
}

.display-2{
    color: #ffffff!important;
}



/* gallery */

.flex-column {
    max-width: 260px;
}

img {
    margin: 5px;
}

.scale {
    transform: scaleY(1.05);
    padding-top: 5px;
}


/*test*/
/*.gallery-wrapper img {
    width: 450px;
    height: 300px;
    margin: 10px;
    border: 10px solid #fefae0;
    -webkit-filter: sepia(100%);
    filter: sepia(100%);
    transition-duration: 1s;
}*/

.gallery-wrapper img:hover {
    border: 5px solid #fff;
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
    -webkit-filter: none;
    filter: none;
}


.gallery {
    width: 100%;
    border: 1px solid #EEE;
    padding: 2%;
}

.placeholder {
    width: 48%;
    margin: 1%;
    float: left;
    background-image: url('img/loader.gif');
    background-repeat: no-repeat;
    background-position: center center;
}

.placeholder img {
    border: 1px solid #EEEEEE;
    width: 100%;
    padding: 1%;
    max-height: 400px;
    /*transition: all 0.5s ease-in-out;*/
}

.placeholder img:hover {
    border-color: #444444;
}

.gallery-images {
    width: 48%;
    margin: 1%;
    float: left;
    position: relative;
    min-height: 400px;
}

.image img {
    width: 31.333%;
    min-height: 190px;
    float: left;
    margin: 1%;
    cursor: pointer;
    border: 1px solid #CCCCCC;
    padding: 1%;
    transition: all 0.3s ease-in-out;
}

.image img:hover {
    border-color: #444444;
}

.gallery-controls {
    position: absolute;
    top: 100%;
    right: 0%;
}

.gallery-controls i {
    cursor: pointer;
    color: #444;
    transition: all 0.3s ease-in-out;
}

.gallery-controls i:hover {
    color: #777;
}

.image-group {
    position: absolute;
    top: 0;
    left: 0;
    transition: all 0.3s ease-in-out;
    width: 100%;
}

.invisible {
    visibility: hidden;
    opacity: 0;
    transition: all 0.3s ease-in-out;
}

@media all and (max-width: 768px) {
    .image img {
        width: 48%;
    }
}

@media all and (max-width: 480px) {
    .image img {
        width: 98%;
    }
}

.course-section .flex-column{
    max-width: 340px;
}

.courses-img img{
    border: 4px solid #bf5656;
}


#vid-event{
    margin-top: -60px;
    width: 85%;
}

/* slider */
.slick-prev, .slick-next {
    display: none!important;
}