@font-face {
    font-family: "Pyidaungsuu", sans-serif;
    font-display: auto;
    src: url("/fonts/Pyidaungsu-2.5_Regular.eot");
    src: url("/fonts/Pyidaungsu-2.5_Regular.woff2") format("woff2");
    ;
    /* src: url("/fonts/Myriad Pro Bold SemiExtended.ttf"); */
    /* src: url("/fonts/myriadpro-light.otf");
    src: url("/fonts/Myriad Pro Regular.ttf"); */
    /* Modern Browsers */
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "Pyidaungsu";
    font-display: auto;
    src: url("/fonts/Pyidaungsu-2.5_Regular.eot");
    src: url("/fonts/Pyidaungsu-2.5_Regular.woff2") format("woff2");
    font-weight: normal;
    font-style: normal;
}

html {
    position: relative;
    min-height: 100%;
}

body {
    font-family: "Inter";
    height: 100%;
}
.dropdown-item.active, .dropdown-item:active {
    color: #EA0000 !important;
    text-decoration: none;
    background-color: #ffffff !important;
}
.nav1 {
    background: #000000;
    border: unset !important;
    font-size: 14px;
    color: #fff;
    font-weight: bold;
}

.nav1-link {
    color: #fff;
}

.foot {
    color: #fff;
    font-family: "Pyidaungsu";
}

.address {
    background: #000000;
}

/*.social {
    background: black;
    font-size: 18px;
    min-height: 50px;
}
*/
.container {
    max-width: 1320px;
}

@media (min-width: 2000px) {
    .container {
        max-width: 1540px;
    }
}

.nav-link {
    color: #212121 !important;
    font-weight: 600 !important;
}

.active>.nav-link {
    color: #EA0000 !important;
}

.navbar-toggler {
    border: 1px solid rgb(215, 215, 215) !important;
    background-color: #fff !important;
}

.home-edu-div {
    background: #EFEFEF;
}

.bar {
    border-top: 1px solid #EA0000;
    border-bottom: 1px solid #EA0000;
}

.d {
    font-size: 18px;
    font-weight: 500;
}

.home-banner {
    margin-top: -1px;
}

.edu-des {
    text-align: justify;
}

.sub-title {
    font-size: 24px;
    font-weight: 600;
    /* text-transform: uppercase; */
    color: #212121;
}

.sub-title-news {
    font-size: 1.5rem;
    font-weight: 600;
    color: #000000;
}
.sub-title-feed {
    font-size: 1rem;
    /* font-weight: bolder; */
    color: #000000;
}
.edu-detail {
    font-size: 18px;
    color: black;
}

#carouselId .carousel-control-next{
    background-color: #000;
    top: 50px;
    bottom: 50px;
    right: 100px;
    width: 40px;
    height: 50px;
    opacity: 1;
    border-radius: 2px;
}

#carouselId .carousel-control-prev {
    background-color: #000;
    top: 50px;
    bottom: 50px;
    left: 100px;
    width: 40px;
    height: 50px;
    opacity: 1;
    border-radius: 2px;
}

#carouselId .carousel-control-next:focus, 
#carouselId .carousel-control-next:hover, 
#carouselId .carousel-control-prev:focus, 
#carouselId .carousel-control-prev:hover{
    opacity: 0.7;
}

@media(max-width: 769px){
    #carouselId .carousel-control-prev,
    #carouselId .carousel-control-next{
        display: none;
    }
}

.card {
    border: none;
}

.spam-red {
    color: #EA0000;
}

.spam-blue {
    color: #343a40;
}

.swiper-button-next,
.swiper-button-prev {
    background-color: black;
    height: 30px !important;
    width: 30px !important;
}

.swiper-button-next:after,
.swiper-button-prev:after {
    font-size: 13px !important;
    color: #fff;
    font-weight: bold;
}

.edu-title {
    font-size: 1.5rem;
    font-weight: bold;
}

.slider-edu-detail {
    font-size: 13px;
    color: black;
    word-break: break-all;
}

.edu-slider {
    max-width: 70%;
}

.show {
    display: block;
}

.hide {
    display: none;
}

.about {
    position: relative;
}

.about-des-max-heigh {
    max-height: 300px;
    max-width: 600px;
    margin: 0 auto;
}

.program-des-max-heigh {
    max-height: 300px;
    max-width: 600px;
    margin: 0 auto;
}

.about-title {
    font-size: 2rem;
    font-weight: bold;
    color: #fff;
}

.carousel-caption {
    top: 50% !important;
    transform: translateY(-50%);
    bottom: unset !important;
}

.about-banner {
    min-height: 300px;
}

.about-des-text {
    font-size: 18px;
    clear: both;
    text-align: justify;
}

.mission-title {
    font-size: 25px;
    font-weight: 500;
    color: #EA0000;
    text-shadow: 1px 0 #EA0000;
}

.mission-title i {
    font-size: 18px!important;
}

.cvalues{
    font-size: 18px;
    font-weight: bold;
}

.mission-des-text {
    font-size: 18px;
    color: #000;
    clear: both;
}

.leader-ship {
    border-top: 1px solid #E9EAEB;
    border-bottom: 1px solid #E9EAEB;
}

.leader-title {
    font-size: 20px;
}

.ncc-title {
    color: #EA0000;
    font-size: 1.5rem;
    text-shadow: 1px 0 #EA0000;
}

.remove-padding {
    padding: 0% !important;
}

.card-img-div {
    background: #DAEFFF;
    /* height: 180px; */
    border-radius: 10px 10px 0px 0px;
}

.span-text {
    font-size: 13px;
    color: black;
}

.new-feed-title-text {
    font-size: 20px;
    color: #212121;
    font-weight: 600;
}

.news-feed-body {
    border-radius: 0px 0px 10px 10px;
}

.news-feed-truncate {
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.news-feed-title-truncate {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.news-feed-read {
    background: #EDEEEF;
    color: #0E0E0E;
    font-size: 14px;
    font-weight: 500;
    padding: 8px 16px;
}

.news-feed-read:hover {
    background: #0E0E0E;
    color: #fff;
}

.related-feed {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.news-heart {
    color: #FF2E2E;
}

.btn-explore {
    background: #EA0000;
    border-radius: unset;
    border: none;
    color: #fff;
    font-size: 13px;
    font-weight: bold;
}

.span-arrow {
    font-size: 13px;
    color: #2D2D2D;
}

.page-link {
    border: 1px solid #2D2D2D !important;
}

.page-item:first-child .page-link {
    border-top-left-radius: unset !important;
    border-bottom-left-radius: unset !important;
}

.page-item:last-child .page-link {
    border-top-right-radius: unset !important;
    border-bottom-right-radius: unset !important;
}

.feed-banner {
    background: #F4F4F4;
}

.created-div {
    font-size: 12px;
    color: #979797;
}
.feed-desc {
    font-size: 13px;
    text-align: justify;
}

.related-feed-hr {
    border-top: 2px solid #FFD000;
}

.desc {
    font-size: 13px;
}

.share-bg {
    background: #FAFAFA;
}

.heart-font {
    font-size: 20px;
    color: #333333;
    padding: 5px;
}

.share-text {
    color: #000;
    font-weight: bold;
}

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

.facebook {
    color: #fff;
    border-radius: 50%;
    background: #3D5A96;
    padding: 10px 12px;
}
.twitter {
    color: #fff;
    border-radius: 50%;
    background: #2AA3EF;
    padding: 10px;
}
.instagram {
    color: #fff;
    border-radius: 50%;
    background: linear-gradient(180.19deg, #7024C4 0.17%, #C21975 41.57%, #C74C4D 70.15%, #E09B3D 99.83%);
    padding: 10px;
}

.telegram {
    color: #fff;
    border-radius: 50%;
    padding: 10px;
    background: #45AEE4;
}
.pagination {
    justify-content: center !important;
}

.ac-label{
    border-top: 3px solid #00000000!important;
}

.calendar_head{
    background-color: #EA0000;
    padding: 5px 12px;
    font-weight: bold;
    border: solid 2px #fff;
    color: #ffffff;
}

.calendar_body{
    background-color: #eaeaea;
    border: solid 2px #fff;
    padding: 5px 12px;
}

.carousel-item .container{
    max-width: 50%;
    height: 15rem;
}

.gpislogo{
    width: 30%;
}

.test-card1 {
    box-shadow: 0px 2px 8px 0px #89858533;
    border: none;
    border-radius: 15px;
}

.test-card1 h5 {
    line-height: 1.5;
}

.test-card {
    border: 1px solid #A3B8C8;
    box-shadow: 8px 8px 0px 0px #EB2024;
    border-radius: 15px;
}

.test-card:hover {
    background: linear-gradient(180deg, #A41414 0%, #D30000 100%) !important;
    box-shadow: 8px 8px 0px 0px #A3B8C8;
}

.nc:hover {
    text-decoration: none!important;
}

.nc:hover .test-card h4 {
    color: #fff;
}

@media(max-width: 768px){
    .test-card h4 {
        font-size: 16px;
    }

    .d {
        font-size: 14px;
    }

    .main-div h3, .main_title {
        font-size: 24px;
    }

    .main-div h4 {
        font-size: 20px;
    }
}

@media(min-width: 767px) and (max-width: 1023px){
    .navbar-brand {
        width: 60%!important;
    }
}

.real {
    font-family: 'Pyidaungsu';
}

.left {
    text-align: center;
}

@media(min-width: 768px){
    .left {
        border-left: 1px solid #E3ECF3;
        text-align: left;
    }
}

@media(min-width: 1024px) {
    .navbar-brand {
        width: 100%!important;
    }
}

.learn {
    color: #fff;
    font-size: 16px;
    font-weight: 500;
}

.more {
    color: #fff;
    font-size: 18px;
    vertical-align: middle;
}

.learn-more {
    border: 1px solid #EA0000;
    background: #EA0000!important;
}

.learn-more:hover {
    border: 1px solid #EA0000;
    background: #fff!important;
}

.learn-more:active,
.learn-more:focus {
    outline: none!important;
    box-shadow: none!important;
}

.learn-more:hover .learn,
.learn-more:hover .more {
    color: #EA0000;
}

.table-custom {
    width: 96%;
}

.table-custom th, .table-custom td {
    vertical-align: middle!important;
    text-align: center;
    word-wrap: break-word;
}
.table-custom th {
    background-color: #EA0000;
    color: #ffffff;
}
.table-custom td {
    background-color: #f0f0f0;
}

.home-banner #carouselExampleIndicators .carousel-indicators {
    position: relative;
}

.home-banner #carouselExampleIndicators .carousel-indicators .active {
    background-color: #EA0000!important;
    width: 20px!important;
    height: 8px!important;
    border-radius: 100px!important;
}

.home-banner #carouselExampleIndicators .carousel-indicators li {
    background-color: #C0C0C0!important;
    width: 10px!important;
    height: 8px!important;
    border-radius: 100px!important;
}

.contact {
    background: #EA0000;
    color: #fff;
    font-weight: 600;
    border-radius: 45px;
    padding: 12px 28px 12px 24px;
    border: none;
}

.contact:hover {
    opacity: 0.7;
    color: #fff;
}

@media(max-width: 768px){
    .contact {
        font-size: 14px;
    }
}

.main-div .news a {
    color: #212121;
}

.main-div .news a:hover {
    text-decoration: none;
}

.main-div .date {
    color: #EA0000;
}

#pdfViewer {
    border: 1px solid #ccc;
    margin-top: 10px;
    }

canvas {
    max-width: 100%;
    margin: 0 auto;
    display: block;
}

.controls {
    margin-bottom: 10px;
}

.controls button {
    background: #EDEEEF;
    border: none;
    padding: 5px 12px;
    border-radius: 5px;
}

.controls button i {
    vertical-align: middle;
    font-size: 18px;
    font-weight: 700;
}

.main-div .read-news {
    padding: 10px 16px;
    color: #fff!important;
    background: #EA0000;
    font-size: 14px;
    font-weight: 500;
}

.main-div .read-news:hover {
    opacity: 0.6;
}

.main-div .fb-cover {
    background: #212121;
}

.main-div .fb-cover .name {
    font-weight: 600;
    color: #fff;
}

.main-div .fb-cover .visit {
    background: #0865FE;
    color: #fff;
    font-size: 14px;
    font-weight: 500;
    border-radius: 5px;
}

.main-div .feed-img {
    border-radius: 10px 10px 0 0!important;
}

.custom-pills {
  background: #EDEEEF;
  border-radius: 100px;
  padding: 5px;
  display: inline-flex;
}

.custom-pills .nav-link {
  border-radius: 100px;
  padding: 10px 16px;
  color: #212121;
  font-weight: 600!important;
  background: transparent;
  transition: all 0.3s ease;
}

.custom-pills .nav-link.active {
  background: #EA0000;
  color: #fff!important;
}

.custom-pills .nav-link:focus {
  box-shadow: none;
}

#pills-profile .home-edu-div {
    box-shadow: 0px 2px 8px 0px #89858533;
}

.main-div .year {
    background: #F0F1F2;
    padding: 10px 16px;
    border-radius: 100px;
}

.main-div .select-year {
    background: #F0F1F2;
    border: none;
}

.main-div .about-container {
    background: #F5F5F5;
    box-shadow: 0px 2px 8px 0px #89858533;
    text-align: center;
}

.main-div .about-container p {
    color: #212121;
    font-weight: 500;
}

.main-div .about-title {
    color: #EA0000;
    text-align: center;
    font-size: 24px;
    font-weight: 600;
}

.main-div .title {
    color: #EA0000;
    font-size: 20px;
    font-weight: 600;
}

.main-div .second-title {
    font-size: 40px;
    font-weight: 800;
    background: linear-gradient(44.09deg, #212121 40.17%, #D30000 158.57%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

.main-div .leave {
    font-size: 32px;
    font-weight: 700;
}

.main-div .form-control {
    background: #EFF1F6;
    border: none;
    border-radius: 10px;
}

.main-div .form-control1 {
    height: 45px;
}

.main-div .contact-card {
    background: #ffffff;
    box-shadow: 0px 2px 8px 0px #89858533;
    border-radius: 10px;
}

.main-div .send {
    background: #212121;
    color: #fff;
    border-radius: 10px;
}

.main-div .contact-card .address1 {
    font-size: 18px;
    font-weight: 600;
    color: #666767;
}

.main-div .contact-card .line {
    border: 1px solid #E3ECF3
}

.main-div .contact-card i {
    font-size: 20px;
    vertical-align: middle;
}

.main-div .contact-card .info {
    font-size: 16px;
    color: #212121;
}

.main-div .contact-card .phone {
    color: #212121;
    font-weight: 500;
}

.main-div .contact-card .ud {
    text-decoration: underline;
}

.main-div .contact-card a:hover {
    text-decoration: none;
}

@media(max-width: 768px){
    .main-div .second-title {
        font-size: 24px;
    }

    .main-div .leave {
        font-size: 20px;
    }
}