@media only screen and (max-width: 767px) {
        h3{
            font-size: 20px;
            line-height: normal;
        }
        p{
            font-size: 13px;
        }
    }

 @media (max-width: 576px) {
     h3{
            font-size: 18px;
            line-height: normal;
        }

    p{
            font-size: 12px;
        }
    }

.new_nav_bar_26_header{

    position:absolute;
    top:0;
    left:0;
    width:100%;
    z-index:999;

}

.new_nav_bar_26_navbar{

    padding-top:35px;
    background:transparent;

}

.new_nav_bar_26_brand{

    display:flex;
    align-items:center;
    gap:14px;
    text-decoration:none;

}

.new_nav_bar_26_brand img{
    width:58px;
}

.new_nav_bar_26_brand h5{

    margin:0;
    color:#08245d;
    font-size:26px;
    font-weight:700;
    line-height:1;

}

.new_nav_bar_26_brand span{
    font-size:11px;
    color:#6b7280;
}

.new_nav_bar_26_desktop{

    margin-left:auto;

}

.new_nav_bar_26_utility{

    display:flex;
    justify-content:flex-end;
    align-items:center;
    gap:10px;
    margin-bottom:25px;

}

.new_nav_bar_26_utility a{

    text-decoration:none;
    color:#7c7c7c;
    font-size:12px;
    text-transform:uppercase;

}

.new_nav_bar_26_utility span{

    color:#bdbdbd;

}

.new_nav_bar_26_menu{

    display:flex;
    gap:15px;

}

.new_nav_bar_26_menu .nav-link{

    color:#08245d;
    font-size:17px;
    font-weight:600;
    text-transform:uppercase;
    padding:0 18px;

}

.new_nav_bar_26_menu .nav-link:hover{
    color:#1aa1ec;
}

.dropdown-menu{

    border:none;
    border-radius:0;
    box-shadow:none;
    padding:15px 0;
    min-width:220px;

}

.dropdown-item{
    padding:6px 25px;
    font-size:12px;
    font-weight: 500;

}

.dropdown-item:hover{
    background:#1aa1ec;
    color: #fff;

}

.offcanvas{

    width:320px;
    background:#fff;

}

.offcanvas-header{

    border-bottom:1px solid #ececec;
    padding:20px;

}

.offcanvas-body{

    padding:20px;

}

.offcanvas-body a{

    display:block;
    padding:12px 0;
    color:#08245d;
    text-decoration:none;

}

@media (max-width:1199.98px){

    .new_nav_bar_26_header{
        position:relative;
        background:#fff;
    }

    .new_nav_bar_26_navbar{
        padding:12px 0;
        background:#fff;
        backdrop-filter:none;
        min-height:auto;
    }

    .new_nav_bar_26_desktop{
        display:none;
    }

    .new_nav_bar_26_brand{
        max-width:calc(100% - 70px);
    }

    .new_nav_bar_26_brand img{
        width:50px;
        flex-shrink:0;
    }

    .new_nav_bar_26_brand h5{
        font-size:15px;
        line-height:1.2;
        margin-bottom:2px;
    }



    .new_nav_bar_26_toggler{
        border:none;
        background:none;
        padding:0;
        font-size:28px;
        color:#08245d;
    }

    .new_nav_bar_26_toggler:focus{
        box-shadow:none;
    }

}

#new_nav_bar_26_mobile{
    width:320px;
}

.new_nav_bar_26_mobile_logo{
    display:flex;
    align-items:center;
    gap:10px;
}

.new_nav_bar_26_mobile_logo img{
    width:45px;
}

.new_nav_bar_26_mobile_utilities{
    padding-bottom:20px;
    margin-bottom:20px;
    border-bottom:1px solid #eee;
}

.new_nav_bar_26_mobile_utilities a{
    display:block;
    color:#666;
    text-decoration:none;
    padding:8px 0;
    font-size:13px;
    font-weight: 600;
}

.new_nav_bar_26_mobile_menu{
    list-style:none;
    padding:0;
    margin:0;
}

.new_nav_bar_26_mobile_menu li{
    border-bottom:1px solid #f1f1f1;
}
.navbar-toggler.new_nav_bar_26_toggler i{
    color:#fff
}
.new_nav_bar_26_mobile_menu > li > a{
    display:block;
    padding:15px 0;
    color:#08245d;
    text-decoration:none;
    font-weight:600;
}

.new_nav_bar_26_mobile_menu .collapse a{
    display:block;
    padding:10px 0 10px 20px;
    color:#666;
    text-decoration:none;
}
:root{
    --new_nav_bar_26_primary:#08245d;
    --new_nav_bar_26_text:#777;
    --new_nav_bar_26_border:#ececec;
}

/* HEADER */

.new_nav_bar_26_header{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    z-index:999;
}

.new_nav_bar_26_navbar{
    padding-top:30px;
    transition:.4s ease;
}

/* SCROLL */

.new_nav_bar_26_scrolled{
    position:fixed;
    top:0;
    left:0;
    width:100%;
    background:#181a2a;
    backdrop-filter:blur(10px);
    box-shadow:0 5px 25px rgba(0,0,0,.05);
    padding-top:10px;
}

/* LOGO */

.new_nav_bar_26_brand{
    display:flex;
    align-items:center;
    gap:8px;
    text-decoration:none;
}

.new_nav_bar_26_brand h5{
    margin:0;
    color:#ffffff;
    font-size:24px;
    font-weight:700;
    text-transform: uppercase;
    margin-bottom: -6px;
}

.new_nav_bar_26_brand span{
    font-size:13px;
    color:#ffffff;
        font-weight:700;
        text-transform: uppercase;
}

/* RIGHT */

.new_nav_bar_26_desktop{
    margin-left:auto;
}

/* UTILITY */

.new_nav_bar_26_utility{
    display:flex;
    justify-content:flex-end;
    gap:10px;
    margin-bottom:10px;
}

.new_nav_bar_26_utility a{
    text-decoration:none;
    color:#ffffff;
    font-size:12px;
    font-weight:600;
    text-transform:uppercase;
}

.new_nav_bar_26_utility span{
    color:#ccc;
}

/* MENU */

.new_nav_bar_26_menu{
    display:flex;
    flex-direction:row;
    gap:10px;
}

.new_nav_bar_26_menu .nav-link{
    color:#ffffff;
    font-size:13px;
    font-weight:600;
    text-transform:uppercase;
    padding:10px 18px;
}

/* HOVER DROPDOWN */

@media(min-width:1200px){

.new_nav_bar_26_menu .dropdown{
    position:relative;
}

.new_nav_bar_26_menu .dropdown-menu{
    display:block;
    opacity:0;
    visibility:hidden;
    transform:translateY(15px);
    transition:.35s;
}

.new_nav_bar_26_menu .dropdown:hover .dropdown-menu{
    opacity:1;
    visibility:visible;
    transform:translateY(0);
}

}

/* DROPDOWN */

.dropdown-menu{
    border:none;
    min-width:180px;
    box-shadow:0 10px 30px rgba(0,0,0,.08);
    padding:15px 0;
}


/* MOBILE */

.new_nav_bar_26_toggler{
    display:none;
    border:none;
    background:none;
    font-size:30px;
    color:#08245d;
}

#new_nav_bar_26_mobile{
    width:320px;
}

@media(max-width:1199.98px){

.new_nav_bar_26_header{
    position:relative;
}

.new_nav_bar_26_navbar{
        background: #181a2a;
    padding:12px 0;
}

.new_nav_bar_26_desktop{
    display:none;
}

.new_nav_bar_26_toggler{
    display:block;
}

.new_nav_bar_26_brand img{
    width:50px;
}

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


}
@media only screen and (max-width: 767px) {
            .i {
                max-width: 370px;
                max-height: 100%;
                overflow: hidden;
            }
        }

        @media (max-width: 576px) {

            #home {
                height: 550px;
            }
        }

        .search-course-left{
            z-index: 1;
        }

         /*------------------------------------------
	= latest news
	-------------------------------------------*/

.blog-card-4 {
  background-color: #ffffff;
  box-shadow: 0 4px 56.5px rgba(0, 0, 0, 0.06);
  z-index: 1;
  -webkit-transition: all 0.3s linear 0s;
  -o-transition: all 0.3s linear 0s;
  transition: all 0.3s linear 0s;
}
.blog-card-4:hover {
  background-color: #fff;
  box-shadow: 0 35px 41.5px -16px rgba(0, 69, 64, 0.08);
}
.blog-card-4:hover .content .content-bottom .read-more-btn::before {
  left: -10%;
  transform: translateX(0%) translateY(-50%);
}
.blog-card-4 .thumb {
  position: relative;
}

.blog-card-4 .thumb > img {
  width: 100%;
display: block;
  overflow: hidden;
}
.blog-card-4 .thumb .category {
  position: absolute;
  top: 20px;
  left: 20px;
}
.blog-card-4 .thumb .category {
  display: inline-block;
  padding: 2px 18px;
  background:#1aa1ec;
  color: #fff;
}
.blog-card-4 .thumb .category a:hover {
  color: #fff;
  background: #08245d;
}
.blog-card-4 .content {
  padding: 24px 32px 26px 30px;
}
.blog-card-4 .content .blog-info {
  display: flex;
  align-items: center;
  gap: 15px;
  margin-bottom: 12px;
}
.blog-card-4 .content .blog-info p,
 .blog-card-4 .content .blog-info i{
  margin-bottom: 0;
  color: #1aa1ec;
  font-weight: 600;
}
.blog-card-4 .content .blog-info .publisher-info,
.blog-card-4 .content .blog-info .date,
.blog-card-4 .content .blog-info .comment,
.blog-card-4 .content .blog-info .view {
  display: flex;
  align-items: center;
  gap: 10px;
}
.blog-card-4 .content .blog-info .publisher-info img,
.blog-card-4 .content .blog-info .date img,
.blog-card-4 .content .blog-info .comment img,
.blog-card-4 .content .blog-info .view img {
  width: 30px;
  height: 30px;
  border-radius: 100%;
}
.blog-card-4 .content .title h3 {
  margin-bottom: 12px;
}

.blog-card-4 .content .read-more-btn {
  color: var(--primary-color);
  background-color: transparent;
  border: 2px solid rgba(0, 69, 64, 0.1);
}
.blog-card-4 .content .read-more-btn:hover {
  color: var(--white-color);
}

.detail-thumb-wrap {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 25px;
  margin-bottom: 24px;
}
.detail-thumb-wrap img {
  border-radius: 10px;
}

.blog-tags {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 30px 20px;
}
.blog-tags .tag-wrap {
  display: flex;
  align-items: center;
  gap: 20px;
}
.blog-tags .tag-wrap p {
  font-family: var(--Lato-sans-font);
  font-style: normal;
  font-weight: 500;
  font-size: 18px;
  line-height: 30px;
  color: var(--primary-color);
  margin-bottom: 0;
}
.blog-tags .tag-wrap .tags {
  display: flex;
  align-items: center;
  gap: 8px;
}
.details-layout-wrap{
    margin-bottom: 24px;
}
.event-content-wrapper{
    position:relative;
}

.event-content-text{
    display:-webkit-box;
    -webkit-line-clamp:6;
    -webkit-box-orient:vertical;
    overflow:hidden;
    transition: .6s cubic-bezier(.4,0,.2,1);
}

.event-content-text.expanded{
    display:block;
}
.event-fade{
    position:absolute;
    left:0;
    right:0;
    bottom:0;
    height:80px;
    background:linear-gradient(
        rgba(255,255,255,0),
        rgba(255,255,255,1)
    );
    pointer-events:none;
    transition:.4s;
}

.event-content-text.expanded + .event-fade{
    opacity:0;
}

/* Button */

.event-read-btn{
    margin-top:15px;
    padding:6px 16px;
    border:none;
    border-radius:24px;
    background: #1aa1ec;
    color:#ffffff;
    font-size:14px;
    font-weight:400;
    cursor:pointer;
    transition:.3s;
    -webkit-border-radius:24px;
    -moz-border-radius:24px;
    -ms-border-radius:24px;
    -o-border-radius:24px;
}

.event-read-btn:hover{
    background:#0d71a7;
    color: #fff;
}