.header-14 .header-top {
    position: absolute;
    width: 100%;
    z-index: 99;
}

.header-top .container::after,
.header-top .container-fluid::after {
    height: 0px;
}

.header-search .form-control {
    width: calc(100% - 70px);
}

font @font-face {
    font-family: DMSans;
    src: url(../../../css/fonts/DMSans-Medium.ttf);
}







/* Pattern CSS Start */


/* body {
    background: radial-gradient(circle, transparent 25%, #ffffff  26%),linear-gradient(45deg, transparent 46%, #4f46e4 47%, #4f46e4 52%, transparent 53%), linear-gradient(135deg, transparent 46%, #4f46e4 47%, #4f46e4 52%, transparent 53%);
    background-size: 3em 3em;
    background-color: #ffffff;
    opacity: 1
} */



/* Pattern CSS End */


.row.no-gutters {
    margin-right: 0;
    margin-left: 0;

    &>[class^="col-"],
    &>[class*=" col-"] {
        padding-right: 0;
        padding-left: 0;
    }
}

.no-gutters_cz {
    padding-left: 0rem;
    padding-right: 0rem;
}


.account-item-list {
    width: 100%;
    height: 100px !important;
    padding-bottom: 10px;
}

.account-item {
    display: block;
    font-size: 18px;
}

.social-icons-color .social-icon,
.social-icons-simple .social-icon {
    font-size: 24px;
}

.logo {
    display: block;
    margin-top: 0rem;
    margin-bottom: 0rem;
}

.cta .btn {
    min-width: 170px;
    text-transform: uppercase;
    color: #fff;
    background-color: rgba(255, 255, 255, 0.2);
    border-radius: .3rem !important;
}

.filter-colors a {
    width: 4.4rem;
    height: 3.4rem;
    border-radius: 25%;
}

.parent-item span.menu-icon {
    position: absolute !important;
    top: 5px;
    left: 0;
    right: 0;
    margin: auto;
    display: inline-block;
    width: 15px;
    text-align: center;
}

.header-14 .header-bottom .menu>li>a {
    /* padding-top: 2.6rem; */
    /* font-size: 15px !important; */
}


.menu.sf-arrows .sf-with-ul::after {
    right: 8px !important;
    top: 54%;
}


/*.menu.sf-arrows .sf-with-ul::after {
    right: -13px !important;
    top: 54%;
}*/

.menu-txt {
    display: block;
    text-align: center;
}

.quality-factor {
    padding: 50px 0;
}

.icon-top {
    max-width: 120px;
    margin: 0 auto;
}



/* Image Gallery */
.gallery {
    /*padding: 30px 0 0px 0;*/
    background-color: #ecf4fa;
    /*background: url('../../../../../public/img/gallery_bg.png') no-repeat center center fixed;*/
    /*background-size: cover;*/
    padding-bottom: 30px;
}

.gallery-thumbnail {
    box-shadow: 8px 8px 8px rgb(0 0 0 / 20%);
    border: 0px !important;
    padding: 0px !important;
}

.btn:focus,
.btn:active,
button:focus,
button:active {
    outline: none !important;
    box-shadow: none !important;
}

#image-gallery .modal-footer {
    display: block;
}

.thumb {
    margin-top: 15px;
    margin-bottom: 15px;
}

.gallery a.thumbnail {
    padding: 0;
    border: none;
    margin: 0;
}

.gallery a.thumbnail img {
    padding: 2px;
}

.full-img {
    width: 100%;
}

#image-gallery div.modal-footer {
    border: none;
    position: absolute;
    top: calc(50% - 30px);
    width: 100%;
    padding: 0;
    ;
}

.float-left {
    float: left;
}

#image-gallery-title {
    position: absolute;
    width: calc(100% - 0px);
    box-sizing: border-box;
    padding: 15px;
    background: rgba(0, 0, 0, 0.5);
    bottom: 0px;
    color: #ffffff;
    font-weight: 300;
    font-size: 14px;
}

#image-gallery div.modal-content {
    padding: 0;
    position: relative;
    border: none;
}

#image-gallery div.modal-body {
    padding: 0;
}

#image-gallery div.modal-header {
    border-bottom: none;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 999;
    background: rgba(0, 0, 0, 0.3);
    padding: 8px;
}

/* Image Gallery ends here */
.header-14 .header-bottom {
    /* background-color: #2361a0 !important; */
}

.menu li:hover>a,
.menu li.show>a,
.menu li.active>a {
    color: #f3a01e;

}

.header-14 .header-bottom .menu>li:not(:hover):not(.active):not(.show)>a {
    color: #000;
}

.card-icon {
    text-align: center;
}

.card-icon img {
    width: 170px !important;
    display: inline-block !important;
}

.card-heading h3 {
    font-size: 24px;
    font-weight: 300;
    color: #36c1f5;
    font-family: dmSans;
}

.bg-none {
    background: none;
    background-color: none;
}

.card-icon {
    padding-top: 30px;
    /*min-height: 110px;*/
}

.card-featured-img img {
    width: 100%;
}

.at-a-glance {
    /*padding: 30px 0 0 0;*/
    background: #c7e0f9 url('../../../../public/img/specialty_bg.jpg') no-repeat center center fixed;
    background-size: cover;
    padding-bottom: 35px;
}

.at-a-glance-three {
    /*padding: 30px 0 0 0;*/
    background: #c7e0f9 url('../../../../public/img/white.png') no-repeat center center fixed;
    background-size: cover;
    padding-bottom: 35px;
}


.article-text,
.article-text p {
    /*font-family: dmSans;*/
    font-size: 14px;
    margin: 0;
    padding: 0px 20px;
    line-height: 24px;
    text-align: justify !important;
}

.officer_img {
    width: 100%;
    margin-bottom: 40px;
}

.read-more {
    position: relative;
    text-transform: capitalize;
}

.major-categories {
    /*padding: 30px 0 0 0;*/
    background: #c7e0f9 url('../../../../public/img/major_cat_bd.jpg') no-repeat center center fixed;
    background-size: cover;
}

.businesssegments {
    /*padding: 30px 0 0 0;*/
    background: #c7e0f9 url('../../../../public/img/business_segments_bg.jpg') no-repeat center center fixed;
    background-size: cover;

}

.affiliations {
    /*padding: 30px 0 0 0;*/
    /*background: #0000FF url('../../../img/bg_b.png') no-repeat center center fixed;*/
    /*background-color: #00294f;*/
    /*background-size: cover;*/
    padding-bottom: 35px;
    background-color: #2361a0;
}

.aff-text-content {
    text-align: center;
    color: #000000;
    min-height: 65px !important;
    vertical-align: top !important;
    padding: 10px !important;
    background-color: #f2f2f2 !important;
}

.owl-item:hover .aff-text-content {
    color: #FFFFFF;
    background-color: #2361a0 !important;
}

.owl-simple.owl-nav-inside .owl-nav .owl-prev,
.owl-simple.owl-nav-inside .owl-nav .owl-next {
    padding: 3px !important;
    background-color: #f3f3f3 !important;
    border: 1px solid #7777773b !important;
    color: #777 !important;
}

.owl-simple.owl-nav-inside .owl-nav .owl-prev {
    left: 0 !important;
}

.owl-simple.owl-nav-inside .owl-nav .owl-next {
    right: 0 !important;
}

.owl-simple.owl-nav-inside .owl-nav .owl-prev:hover,
.owl-simple.owl-nav-inside .owl-nav .owl-next:hover {
    background-color: #2361a0 !important;
    border: 1px solid #2361a06b !important;
    color: #fff !important;
}

.affiliationTitle {
    font-size: 13px;
    color: #ffffff;
}

.p-title a {
    /*font-family: dmSans;*/
    font-size: 20px;
    color: #094ca2;
}

h3.p-title {
    margin-top: 15px;
}

.post-date {
    font-size: 12px;
    padding-bottom: 7px;
    /* margin-left: 15px; */
}

.news-detail-headline {
    margin-left: 8px;
}

.news-detail-date {
    margin-left: 8px;
}

.news-and-events {
    /*padding: 30px 0 0 0;*/
    background: #f8faff;
    background-size: cover;
    padding-bottom: 50px;

}

.who-we-are {
    padding: 0px 0 0px 0;
    background: url('../../../../public/img/Who_We_Are_BG.png') no-repeat center center fixed;
    background-size: cover;
}

.statistics {
    padding: 30px 0 0px 0;
    background: url('../../../../public/img/statistics_bg.jpg') no-repeat center center fixed;
    background-size: cover;
}

.dot-border-1 {
    border: 15px solid #ffffff;
}

.dot {
    height: 180px;
    width: 180px;
    line-height: 17px;
    display: inline-block;
    font-size: 25px;

}

.rounded {
    border-radius: 50% !important;
}

.margin-buttom-20 {
    margin-bottom: 20px;
}

.bg-1 {
    background: #9A12B3 !important;
}

.bg-2 {
    background: #3598dc !important;
}

.bg-4 {
    background: #4B77BE !important;
}

.bg-3 {
    background: #e7505a !important;
}

.bg-1,
.bg-2,
.bg-3,
.bg-4 {
    box-shadow: inset 13px -16px 0px 0px rgb(0 0 0 / 20%);
}

.stat_item {
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 20px;
    margin-top: 20px;
}

.statistics .number {
    font-size: 50px;
    line-height: 55px;
}


.textStatistic {
    margin-top: 24px;
    color: white;
}

.ourspeciality-heading,
.affiliations-heading {
    color: #ffffff !important;
    font-weight: 300;
    margin: 30px 0px;
}

.major-heading,
.gallery-heading,
.newsEvents-heading {
    color: #00294f !important;
    font-weight: 300;
    margin: 30px 0px;
}

.major-block {
    background: #ecf4fa;
    min-height: 400px;
    border-radius: 2%;
    margin-bottom: 40px;
}

.major-herder {
    border-radius: 5px 5px 0px 0px;
    color: #ffffff;
    padding-top: 16px !important;
    min-height: 56px !important;
    text-transform: uppercase;
    font-size: 20px;
    letter-spacing: 1px;
}

.major-bg-header-0 {
    background: #18b1c3;
}

.major-bg-header-1 {
    background: #DC143C;
}

.major-bg-header-2 {
    background: #FF7F50;
}

.major-content {
    padding: 10px;
}

.major-content ol li {
    font-size: 20px !important;
    color: #020202;
    background-image: url(../../../../public/img/ok.png);
    background-repeat: no-repeat;
    line-height: 21px;
    padding-left: 35px;
    margin: 15px;
}

.dysin-map {
    margin-bottom: -8px;
}

.affiliations-heading {
    color: #ffffff;
}

.footer-bottom {
    background: #00294f;
}

.article-title {
    color: #00294f;
    font-size: 40px;
    font-weight: 300;
    margin: 30px 0px;
}

.owl-carousel.owl-drag .owl-item {
    opacity: 0.9;
    border: 0px solid #00000025;
}

.owl-carousel .owl-item {
    min-height: 220px !important;
}

.owl-carousel .owl-item .item,
.owl-carousel .owl-item .item .aff-item {
    min-height: inherit !important;
    background: #fff;
}

.owl-carousel .owl-item .item .aff-item .aff-featured-img {
    min-height: 170px !important;
}








.news-and-events .featured-image {
    box-shadow: 4px -1px 10px 0 rgb(32 20 67 / 40%);
}

.img-responsive,
.img-thumbnail {
    width: 100%;
}

.footer {
    width: 100%;
    background: #2C3E50;
    height: 140px;
    vertical-align: middle;
    padding-top: 45px;
    padding-bottom: 45px;

}

/*.copyright{
    background: #333;
}*/

.bullet-marker {
    margin-left: 20px;
    list-style-image: url('../../../../public/img/bookmark.png');
}


.bullet-marker-tours {
    list-style-image: url('../../../../public/img/bookmark.png');

}


.owl-carousel.owl-drag .owl-item {
    opacity: 0.9;
    border: 0px solid #00000025;

}

.owl-carousel .owl-item {
    min-height: 220px !important;
}

.owl-carousel .owl-item .item,
.owl-carousel .owl-item .item .aff-item {
    min-height: inherit !important;
    background: #e4e6ff;

}

.owl-carousel .owl-nav.disabled,
.owl-carousel .owl-dots.disabled {
    display: block;
}


.owl-carousel .owl-item .item .aff-item .aff-featured-img {
    min-height: 170px !important;
}



/* .post-detail ul li::marker {
    margin-right: 20px;
} */

.post-detail ul li::before {
    /* content: "\2022"; */
    /* Add content: \2022 is the CSS Code/unicode for a bullet */
    color: #00294f;
    /* Change the color */
    font-weight: bold;
    /* If you want it to be bold */
    display: inline-block;
    /* Needed to add space between the bullet and the text */
    width: 1em;
    /* Also needed for space (tweak if needed) */
    margin-left: -1em;
    /* Also needed for space (tweak if needed) */



}

.post-detail h2,
.page-title-container h2 {
    margin-top: 35px !important;
    margin-bottom: 25px;
    font-weight: 300;
    font-size: 40px;
    color: #0b0c7c;
}


.post-detail div.featured-image {
    padding: 0px 4px 0px 8px;
}

.btn-info {
    color: #fff;
    background-color: #0b0c7c;
    border-color: #0b0c7c;
}

.btn-info:hover {
    color: #fff;
    background-color: #0b0c7c !important;
    border-color: #0b0c7c !important;
}

.margin-top-10 {
    margin-top: 10px;
}

.margin-top-20 {
    margin-top: 20px;
}

.navbar-toggle {
    display: none;
}

/* Conatct start */

.header-title {
    text-align: center;
    color: #00bfff;
}

#tip {
    display: none;
}

.fadeIn {
    animation-duration: 3s;
}



.form-control:focus {
    border: 1px solid #00bfff;
}

.textarea-contact {
    resize: none;
}

.btn-send {
    border-radius: 0px;
    border: 1px solid #00bfff;
    background: #00bfff;
    color: #fff;
}

.btn-send:hover {
    border: 1px solid #00bfff;
    background: #fff;
    color: #00bfff;
    transition: background 0.5s;
}

.second-portion {
    margin-top: 50px;
}


.box>.icon {
    text-align: center;
    position: relative;
}

.box>.icon>.image {
    position: relative;
    z-index: 2;
    margin: auto;
    width: 88px;
    height: 88px;
    border: 8px solid white;
    line-height: 88px;
    border-radius: 50% !important;
    background: #00bfff;
    vertical-align: middle;
}

.box>.icon:hover>.image {
    background: #333;
}

.box>.icon>.image>i {
    font-size: 36px !important;
    color: #fff !important;
    margin-top: 10px;
}

.box>.icon:hover>.image>i {
    color: white !important;
}

.box>.icon>.info {
    margin-top: -24px;
    background: rgba(0, 0, 0, 0.04);
    border: 1px solid #e0e0e0;
    padding: 40px 0 10px 0;
    min-height: 190px;
}

.box>.icon:hover>.info {
    background: rgba(0, 0, 0, 0.04);
    border-color: #e0e0e0;
    color: white;
}

.box>.icon>.info>h3.title {
    font-family: dmSans !important;
    font-size: 16px;
    color: #222;
    font-weight: 700;
    text-transform: uppercase;
}

.box>.icon>.info>p {
    font-family: dmSans !important;
    font-size: 13px;
    color: #666;
    line-height: 1.5em;
    margin: 20px;
}

.box>.icon:hover>.info>h3.title,
.box>.icon:hover>.info>p,
.box>.icon:hover>.info>.more>a {
    color: #222;
}

.box>.icon>.info>.more a {
    font-family: dmSans !important;
    font-size: 12px;
    color: #222;
    line-height: 12px;
    text-transform: uppercase;
    text-decoration: none;
}

.box>.icon:hover>.info>.more>a {
    color: #fff;
    padding: 6px 8px;
    background-color: #63B76C;
}

.box .space {
    height: 30px;
}

.image-icon {
    font-size: 36px;
}

@media only screen and (max-width: 769px) {
    .contact-form {
        margin-top: 25px;
    }

    .btn-send {
        width: 100%;
        padding: 10px;
    }

    .second-portion {
        margin-top: 25px;
    }
    .registration{
        background-position:none !important;
    }

}

/* Conatct end */

/*# sourceMappingURL=style.css.map */



@media (max-width: 889px) {
    /* .header-14 .header-bottom .menu>li>a {
        padding-top: 1px;
        margin-top: 10px;
    } */

    .menu.sf-arrows .sf-with-ul::after {
        top: 27%;
    }

    /*----------------Mobile/Tab Nav Bar: Start------------------*/
    .navbar-toggle {
        display: block;
    }

    .navbar-inverse .navbar-toggle .icon-bar {
        background-color: #00156A;
    }

    .navbar-toggle .icon-bar+.icon-bar {
        margin-top: 4px;
    }

    .navbar-toggle .icon-bar {
        display: block;
        width: 22px;
        height: 2px;
        border-radius: 1px;
    }

    .navbar-toggle {
        position: relative;
        float: right;
        /* margin-right: 15px; */
        /* padding: 9px 10px; */
        margin-top: 17px;
        margin-bottom: 8px;
        background-color: transparent;
        border: 1px solid transparent;
        border-radius: 4px;
    }

    .navbar-inverse .navbar-toggle {
        border-color: #ffffff;

    }

    .apps-icon-1 {
        height: 145px !important;
    }

    .apps-icon-2 {
        height: 145px !important;
    }

    .apps-icon-3 {
        height: 145px !important;
    }

    .others-contact-topper-icon {
        width: 46% !important;
    }

    .plane-container {
        margin-top: 17% !important;
    }

    .others-contact-container-inner {
        height: 250px !important;
    }

    .others-title {
        font-size: 12px !important;
    }

    .others-phone {
        font-size: 12px !important;
    }

    .others-mail {
        font-size: 12px !important;
    }

    .modal-backdrop.show {
        z-index: -1;
    }



    /*----------------- Mobile/Tab Nav Bar: End -----------------*/

}

.welcome-dcare-hedding {
    font-weight: 300;
    margin: 15px 0px;
}

.product-block {
    background: #ffffff;
    margin-bottom: 40px;
    max-height: 403px;
    box-shadow: 0px 0px 3px 3px #eee;
}

.product-herder {
    border-radius: 5px 5px 0px 0px;
    color: #ffffff;
    padding-top: 16px !important;
    min-height: 56px !important;
    text-transform: uppercase;
    font-size: 20px;
    letter-spacing: 1px;
}

.product-name {
    color: #000000;
    font-size: 15px;
    font-weight: 400;
}

.product-content {
    color: #000000;
}

.product-price-dcare {
    color: red;
    font-size: 17px;
}

.product-image img {
    image-rendering: auto;
    image-rendering: crisp-edges;
    image-rendering: pixelated;
}

.product-block:hover {
    box-shadow: 0px 0px 3px 3px #727261;
}

.product-categories {

    background: #c7e0f9 url('../../../../public/img/major_cat_bd.jpg') no-repeat center center fixed;
    background-size: cover;
}

.piclist li {
    display: inline-block;
    width: 50px;
    height: 50px;
    border: 1px solid #727272;

}

.piclist li img {
    width: 100%;
    height: auto;
}

.product-details-info {
    padding: 30px;
    font-size: 20px;
    color: #094ca2;
    font-weight: 400;
}

.product-details-description {
    padding: 0px 0px 0px 15px;
}

.product-details-description p {
    font-size: 14px !important;
    font-weight: 400;
    color: #020202;
    background-image: url(../../../../public/img/details_icon.png);
    background-repeat: no-repeat;
    line-height: 11px;
    padding-left: 22px;
    margin: 15px;
}


.regular-price {
    padding: 0px 0px 30px 30px;
    color: #6da308;
}

.regular-price p {
    color: #6da308;
    font-size: 15px;
    font-weight: 400;
}


.js-image-zoom__zoomed-image {
    width: 600px !important;
    height: 435px !important;
    box-shadow: 0px 0px 3px 3px #727261;
    margin-left: 0px;
    z-index: 1 !important;

}

#img-container {
    cursor: zoom-in;
    margin: 1px 0px 5px 0px;
    border-bottom: 1px solid #727272;
}

img.add-main-image {
    height: 316px !important;
}

.related-hedding {
    margin-bottom: 20px;
    font-size: 15px;
    color: #094ca2;
    font-weight: 400;
}

.product-details-name {
    color: #000000;
    font-size: 12px;
    font-weight: 400;
}

.product-details-content {
    color: #000000;
    font-size: 10px;
}

.product-details-price-dcare {
    color: red;
    font-size: 12px;
}

.product-details-block {
    background: #ffffff;
    margin-bottom: 37px;
    max-height: 260px;
    box-shadow: 0px 0px 3px 3px #eee;
}

/* new */
.purchese-regular-price {
    color: #6da308;
}

.purchese-regular-price p {
    color: #6da308;
    font-size: 12px;
    font-weight: 400;
}

.purchese-request {
    padding: 0px 0px 0px 30px;
}

.joblist-a a {
    color: gray;
}

.joblist-a a:hover {
    color: gray;
}

.toast {
    font-size: 14px !important;

}
.toast-message{
    text-align:start !important;
}

.bold {
    font-weight: bold;
}

.description-block {
    padding-left: 23px !important;
}


.joblist ul,
li {
    list-style: revert !important;
    list-style-position: inside !important;
}

.description-block ul,
ol {
    list-style: revert !important;
    /*list-style-position: inside !important;*/
}

.job-details ul,
ol {
    list-style: revert !important;
    list-style-position: inside !important;
}

.job-details ul,
li {
    list-style: revert !important;
    list-style-position: inside !important;
}

.job-details ul,
dl {
    list-style: revert !important;
    list-style-position: inside !important;
}

.description-block ul,
li {
    list-style: revert !important;
    /*list-style-position: inside !important;*/
}

.description-block li,
p {
    padding-bottom: 0 !important;
}

.apply .btn {
    /*background-color: #2b882f;*/
    /*color: #fff;*/
    /*border: 1px solid #2b882f;*/
    padding: 8px 30px;
    box-shadow: none;
    /*margin-top: 30px;*/
    font-size: 16px;
}

.paper-shadow {
    box-shadow: 3px 1px 5px 2px #00000035;
    padding: 20px;
}

.hr-p-margin-0 hr,
p {
    margin: 8px !important;
}

.apply-h5 {
    font-size: 18px !important;
}

/*for step progress bar*/


/*:root {
  --primary-color: rgb(11, 78, 179);
}*/

/**,
*::before,
*::after {
  box-sizing: border-box;
}*/

/*body {
  font-family: Montserrat, "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
  margin: 0;
  display: grid;
  place-items: center;
  min-height: 100vh;
}*/
/* Global Stylings */

/*label {
  display: block;
  margin-bottom: 0.5rem;
}*/

input {
    display: block;
    width: 100%;
    padding: 12px;
    border: 1px solid #ccc;
    border-radius: 0.25rem;
}

.width-50 {
    width: 50%;
}

.ml-auto {
    margin-left: auto;
}

.text-center {
    text-align: center;
}

/* Progressbar */
.progressbar {
    position: relative;
    display: flex;
    justify-content: space-between;
    counter-reset: step;
    margin: 32px 0 64px;
}

.progressbar::before,
.progress {
    content: "";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    height: 4px;
    width: 100%;
    background-color: #dcdcdc;
    z-index: -1;
}

.progress {
    background-color: green;
    width: 0%;
    transition: 0.3s;
}

.progress-step {
    width: 3.1875rem;
    height: 3.1875rem;
    background-color: #dcdcdc;
    border-radius: 50% !important;
    display: flex;
    justify-content: center;
    align-items: center;
}

.progress-step::before {
    counter-increment: step;
    content: counter(step);
    /*color:green;*/

}

.progress-step::after {
    content: attr(data-title);
    position: absolute;
    top: calc(100% + 0.5rem);
    /*font-size: 0.85rem;*/
    color: #666;
}

.progress-step-active {
    background-color: green;
    color: #f3f3f3;
}

/* Form */
/*.form {
  width: clamp(320px, 30%, 430px);
  margin: 0 auto;
  border: 1px solid #ccc;
  border-radius: 0.35rem;
  padding: 1.5rem;
}*/

.form-step {
    /*display: none;*/
    transform-origin: top;
    animation: animate 0.5s;
}

#timer {
    /*display: none;*/
    /*margin-top: 30px;*/
    /*margin-left: 45px;*/
    padding: 0;
}

.time {
    font-size: 15px;
}

.time-text {
    font-size: 15px;
}

/*.form-step-active {
  display: block;
}*/

.ml-21 {
    margin: 20px 0;
}

@keyframes animate {
    from {
        transform: scale(1, 0);
        opacity: 0;
    }

    to {
        transform: scale(1, 1);
        opacity: 1;
    }
}

.clone-modal-header {
    background-color: #4B77BE;
    color: #ffffff;
}

.modal-css .font-weight-bold {
    font-weight: bold;
}

.modal-css .ml-26 {
    margin-left: 26px;
}

.modal-css ul li {
    list-style-position: outside;
    margin-left: 1em;
}

#modal-content ul,
#modal-content ol,
#modal-content dl {
    padding: 0 !important;
}

#modal-content p {
    margin: 0 !important;
}

.pagination li {
    list-style: none !important;
}

.pagination>li>a,
.pagination>li>span {
    float: left;
    padding: 6px 12px;
    border: 1px solid #ddd;
    margin-left: -1px;
}

.page-item.active .page-link {
    color: #fff;
    background-color: #337ab7;
    border-color: #337ab7;
}

.input-group {
    display: table;
    border-collapse: collapse;
    width: 100%;
}

.input-group>div {
    display: table-cell;
    vertical-align: middle;
    /* needed for Safari */
}

.joblist .input-group-btn .btn {
    display: block !important;
    font-size: 14px !important;
}

.joblist .green-seagreen {
    width: 45px !important;
}

.joblist .btn i:last-child {
    margin-left: 0px !important;
}

.joblist .page-item+.page-item {
    margin-left: 0 !important;
}

.card-icon i {
    font-size: 55px !important;
}

.think-digitized-bg {
    background: url(../../../../public/img/think_digitized.jpg) no-repeat center center fixed;
}

.pt-11 {
    padding-top: 110px !important;
}

.pb-11 {
    padding-bottom: 110px !important;
}

.btn.btn-border:hover {
    background-color: #fff;
    color: #27394A;
}

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

element.style {}

.btn.btn-border:hover {
    background-color: #fff;
    color: #27394A;
}

.btn.btn-border {
    background-color: transparent;
    border-color: #fff;
    color: #fff;
}

.btn.space {
    margin-left: 3px;
    margin-right: 3px;
}

.pb-12 {
    padding-bottom: 120px !important;
}

.pt-9 {
    padding-top: 90px !important;
}

.section-bg-2 {
    background: url(../../../../public/img/bg_counter.jpg) center center fixed;
}

.section {
    position: relative;
    transition: cubic-bezier(.645, .045, .355, 1) .7s;
    overflow: hidden;
    width: 100%;
    z-index: 1;
}

.pt-7 {
    padding-top: 70px !important;
}

.pb-7 {
    /* padding-bottom: 70px !important; */
    padding-top: 1px;
    margin-bottom: 15px;
}

img.featured-client-image {
    height: 150px !important;
    width: auto !important;
    padding: 10px !important;
    margin: 0 auto !important;
}

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

.counter-icon {
    padding-bottom: 2px;
    font-size: 56px;
}

.at-a-glance-products {
    /*padding: 30px 0 0 0;*/
    background: #fff;
    background-size: cover;
    padding-bottom: 35px;
}

.width-150 {
    width: 150px;
}

.design-class {
    opacity: 0.9;
    border: #00000025;
}

.border-1 {
    border: 1px solid #ccc;
}

.service-card {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 1pxsolidrgba(0, 0, 0, .125);
    border-radius: 0.25rem;
    height: 300px;
}

.lemon-text {
    color: #00FF00;
}

.vertical {
    border-left: 1px solid gray;
    height: 450px;
}

.company-updates {
    background-color: #f2f2f2;
}

.company-update-row {
    margin-left: 25px;
    margin-right: -190px;
}

/* think digitized  */
.prlx-1 {
    /* background: url(../../../img/parallax.jpg) 100% 30% no-repeat fixed; */
    /* background-color: #00FF00; */
    /* background-image: linear-gradient(to right, red,orange,yellow,green,blue,indigo,violet); */
    background-color: #aaaaaa;
    color: #fff;
}

.prlx {
    background-image: url(../../../../public/img/statistics_bg.jpg);
    background-size: cover;
    /* background: #535b6a; */
    padding: 55px 0;
}

/* think digitized  */



/* counter  */
.marg125 {
    margin-top: 125px;
}

.prl-1 {
    background: url(../../../img/counterimage.png) 100% 100% no-repeat fixed;
    color: #fff;
    min-height: 300px;
    height: 100%;
}

.prlx {
    /* min-height: 200px;
    max-height: 100%; */
}

.promo-block {
    display: table;
    margin: auto;
    margin-top: 0px;
    margin-bottom: 25px;
}

.promo-text {
    text-align: center;
    font-size: 30px;
    font-weight: 400;
    -webkit-backface-visibility: hidden;
    font-family: dmSans;
    line-height: 1;
    padding-bottom: 5px;
}

.promo-paragraph {
    padding: 0;
    text-align: center;
    margin-top: 2px;
}

.marg30 {
    margin-top: 5px;
    padding-bottom: 0px;
}


.aio-icon.none {
    display: inline-block;
    height: 1em;
    width: 1em;
    text-align: center;
    line-height: 1em;
    /* color: #fff; */
    font-size: 75px;
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    /* background-color: #5AC8FB; */
    display: inline-block;
    /* width: 100%; */
    text-align: center;
}

.aio-icon.none:hover {
    color: #5AC8FB;
    /* background: #fff; */
}

.stats-top .aio-icon-top,
.stats-top .stats-desc {
    width: 100%;
    display: block;
    text-align: center;
}

.stats-top .stats-number {
    padding: 10px 0 5px 0;
    display: inline-block;
    font-weight: 600;
    line-height: 1.3em;
    font-size: 25px;
    color: #fbd962
}

.stats-block .stats-text {
    font-size: 22px;
    width: 100%;
    /* font-family: dmSans; */
    color: #fbd962;
    font-weight: bold;
}

/* end counter  */


/* a.btn.btn-primary.our-profile:hover {
   background-color: #00294f;
   border: 1px solid #00294f;
} */
.our-profile {
    height: 50px;
    font-size: 20px;
    width: 200px;
    font-weight: 400;
}

.our-profile-contact {
    height: 50px;
    font-size: 20px;
    width: 225px;
    font-weight: 400;
}

.our-profile-contact:hover {
    background-color: #094ca2;
    border: 1px solid #094ca2;
}

.our-profile:hover {
    background-color: #094ca2;
    border: 1px solid #094ca2;
}

/* customer review */
img.attachment-feedback-thumbnil.size-feedback-thumbnil.wp-post-image {
    border-radius: 50% !important;
}

/* customer review */

/* our services bd  */
.our-services-bg {
    background: #309da3;
}

/* our services bd  */

/* new services  */
.our-new-services {
    background-color: lightcyan
}

.card {
    cursor: pointer
}

.hd {
    font-size: 25px;
    font-weight: 550
}

.card.hover,
.card:hover {
    box-shadow: 0 20px 40px rgba(0, 0, 0, .2)
}

.service-img {
    margin-bottom: 35px;
    -webkit-filter: drop-shadow(5px 5px 5px #222);
    filter: drop-shadow(5px 5px 5px #222)
}

/* .card-title {
    font-weight: 600;
    text-align: center;
    font-size: 16px !important;
    color: #000;
    margin-top: 12px;
    padding-top: 7px;
} */

.card-title {
    font-weight: 600;
    text-align: center;
    font-size: 14px !important;
    color: #0b0c7c;
    margin-top: 12px;
    padding-top: 7px;
    margin-bottom: 15px;
}


.card-text {
    color: #000;
    font-size: 15px;
    margin: 12px 6px 35px 6px !important;
    text-align: justify !important;
    float: left;
}


button.focus,
button:focus {
    outline: 0;
    box-shadow: none !important
}

.ft {
    margin-top: 25px
}

.chk {
    margin-bottom: 5px
}

.rck {
    margin-top: 20px;
    padding-bottom: 15px
}

/* new services  */

/* for our specialty */
.our-specialty-card {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 1px solid rgba(0, 0, 0, .125);
    /* border-radius: 0.25rem; */
    height: 400px;
}

.our-specialty {
    border-radius: 10% !important;
}

.specialty-card-icon img {
    width: 150px !important;
    display: inline-block !important;
    margin: 20px;
}

.card-body-specialty {
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    padding: 2px;
}

.specialty-article-text p {
    /*font-family: dmSans;*/
    font-size: 14px;
    margin: 0;
    padding: 0px 20px;
    line-height: 24px;
    text-align: justify !important;
}



.no-gutters-imp {
    padding-right: 0px !important;
    padding-left: 0px !important
}

.no-gutters-height {
    padding-right: 0px !important;
    padding-left: 0px !important;
    padding-top: 0px !important;
    padding-bottom: 0px !important
}

.no-pad-rem {
    padding: 0.00rem !important;
}

.card-rnd {
    border-radius: 7px !important
}

.img-rnd {
    border-top-left-radius: 7px !important;
    border-top-right-radius: 7px !important;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

.header-14 .header-bottom .top-header .menu>li:last-child:hover>a::before,
.header-14 .header-bottom .menu>li:last-child:focus>a::before,
.header-14 .header-bottom .menu>li:last-child.active>a::before {

    transform: scale(0, 0);

}


/* for our specialty */
.specialty-card img {
    max-width: 100%;
    max-height: 100%;
    border-top-left-radius: 7px !important;
    border-top-right-radius: 7px !important;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

.specialty-card {
    background-color: #fff;
    background-image: url(../../../../public/img/specialty_background.png);
    background-size: cover;
    margin: 0 0.5em;
    box-shadow: 2px 6px 8px 0 rgba(22, 22, 26, 0.18);
    border: none;
    border-radius: 7px !important;
    text-align: -webkit-center;
    margin-bottom: 60px;
    position: relative;
}

/* .specialty-read-more-img{
    background: url(../../../../public/img/specialty_read_more_icon.png);
    background-size: cover;
    height: 50px !important;
    width: 50px !important;
} */

@media (min-width: 768px) {
    .specialty-card img {
        height: 11em;
        width: 25rem;
    }
}

.owl-prev,
.owl-next {
    width: 15px;
    height: 100px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    display: block !important;
    border: 0px solid rgb(0, 0, 0);
}

.owl-prev {
    left: -20px;
}

.owl-next {
    right: -20px;
}

.owl-prev i,
.owl-next i {
    transform: scale(2, 5);
    color: #ccc;
}


.banner {
    height: 17vh;
    background-position: 0% 0%;
    background-size: 100% 100%;
}

.projects-card-width {
    width: 25rem;
    height: 30rem;
}

.carousel-indicators {
    border-radius: 50%;
    width: 10px;
    height: 10px;
}


/* emon start */


.owl-nav {
    float: right;
}

.homepage-product-image {
    height: 10vw;
    object-fit: contain;
    margin-bottom: 10px;
}

.product-name {
    margin-bottom: 0 !important;
}

.view-details-button {
    margin-bottom: 15px;
}

.nomargin-shadow:hover {
    z-index: 1;
}

.auto-hyphens {
    hyphens: auto;
}


.no-wrap {
    white-space: nowrap;
}

.project-details-table th,
.project-details-table td {
    padding: 10px;
    border-bottom: none;
}

.project-details-table th {
    white-space: nowrap;
    vertical-align: text-top;
}



/* footer css */

.footer-custom {
    font: normal 300 14px "Poppins", sans-serif;
    height: 173px;
    padding-bottom: 20px;
}

.footer-custom i[class="fa fa-envelope"],
.footer-custom i[class="fa fa-phone"] {
    width: 20px;
}

.footer-last {
    padding: 15px;
    background-color: #243547;
}

.footer-first {
    width: 100%;
    background: #2c3e50;
    vertical-align: middle;
    padding-bottom: 45px;
}

.footer-last img {
    display: inline-block;
    position: relative;
    height: 5rem;
    top: -8px;
}

.social-sites .row {
    margin-left: 10rem;
}

/* 9-1-23 */

.powered-by-div {
    /* right: 120px; */
    text-align: right;
}

.logo-top img {
    margin: 10px 0px 5px 0px;
    height: auto;
    text-align: left !important;
    width: 100% !important;
}

.main-header-top {
    /* position: absolute; */
    /* right: 0; */
    /* margin-top: 25px; */
    /* display: none; */
    /* margin-bottom: 0px !important; */
    /* padding-left: 0px !important; */
}

/* .main-header-top .navbar {
    padding-right: 0px !important;
} */

/* .top-header {
    display: inline-flex !important;
    margin-left: 20px;
    position: absolute;
    right: 0;
} */

.top-header .menu {
    display: -webkit-inline-box !important;
}

.top-header a {
    font-size: 12px !important;
    /* padding-bottom: 0px !important; */
}

/* shakil 15-1-23 */
.cuerpo {
    width: 85%;
    background: white;
    border-radius: 20px;
    margin: auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 0 15px 30px 15px;
}

.faqs-container {
    overflow: hidden;
}

.faq-singular:hover,
.faq-singular.active {
    background: #f2f2f2;
    background-image: linear-gradient(90deg, #335548 0%, #335548 8px, transparent 8px, transparent 100%);
}

.faq-singular {
    position: relative;
    border-bottom: 1px solid #ccc;
    padding: 0 30px 0 20px;
}

.faq-singular .faq-question {
    position: relative;
    cursor: pointer;
    margin: 0;
    padding: 15px 0px 15px 0px;
    font-weight: 700;
    font-size: 16px;
    font-family: dmSans;
}

.faq-singular.active .faq-question:before {
    transform: translateY(-50%) rotate(45deg) scale(1.3);
}

.faq-singular .faq-question:before {
    position: absolute;
    content: "+";
    color: #808080;
    right: -20px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 28px;
    font-weight: 700;
    transition: all .5s;
}

.faq-answer {
    display: none;
    padding-bottom: 10px;
}

.faq-answer p {
    font-size: 14px;
}

.fac-img {
    right: 10px;
}

.faq-div {
    /* margin-top: 10px; */
}

.feedback-icon {
    width: 20px;
}

.feedback-div .fa {
    font-size: 15px !important;
}

.privacy-div i,
.faq-div i {
    font-size: 14px !important;
}

.title-color {
    margin-top: 20px;
    font-size: 30px;
    font-weight: 500;
    text-align: center;
}

a.link-to-item.faq {
    text-align: left;
    color: #fff;
    font-weight: bold;
    font-size: 14px;
    font-weight: 500;
}

/* .social-network ul li a {
    background: #17190b;
    display: inline-block;
    width: 39px;
    height: 39px;
    text-align: center;
    padding: 10px 0px;
    border: 2px solid #fff;
    border-radius: 4px !important;
} */
.social-network ul li a {
    /* background: #17190b; */
    display: inline-block;
    width: 36px;
    height: 33px;
    text-align: center;
    padding: 7px;
    border: 2px solid #fff;
    border-radius: 4px !important;
    margin-right: 7px;
}

.search-result-order {
    width: 28px !important;
    height: 28px !important;
    background-color: #666666;
    color: #fff;
    /* float: left; */
    font-size: 20px;
    font-family: Arial, Helvetica, sans-serif;
    border-radius: 4px !important;
    text-align: center;
    margin-top: 9px !important;
}

.search-result-order:hover {
    background-color: #414040;
}


.footer-custom h4 {
    color: #ffffff;
    font-size: 18px;
    letter-spacing: 0.4px;
}

.faq-div .fa {
    font-size: 22px;
}

.social-network .fa {
    font-size: 22px;
    width: auto;
}

.get-the-app ul li a {
    display: inline-block;
    margin-bottom: 15px;
}

.get-it-on {
    color: #ffffff;
    font-size: 16px;
    text-align: left;
}

.app {
    color: #ffffff;
    font-size: 20px;
    text-align: left;
    margin-top: -14px;
}

.app-icon {
    font-size: 40px;
    margin-right: 30px;
    margin-left: 10px;
    top: -10px;
}

a.link-term.policy-footer {
    color: #ffffff;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
}

.footer-contact {
    color: #ffffff;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    margin-left: -15px;
    ;
}

.footer-contact-div ul {
    padding-left: 0px !important;
}

.footer-menu-privacy {
    padding-left: 50px;
}

.padding-right-10 {
    padding-right: 10px;
}

.stats-top {
    margin-bottom: 20px;
    margin-top: 20px;
}

sup {
    font-size: 25px;
}

.header-absolute {
    position: absolute;
    z-index: 20;
    opacity: 1;
    background: none !important;
}

.slide img {
    /* width: 100% !important;
    height: 107vh !important; */
}

/* .service-div {
    background-color: #0b0c7c;
    border-radius: 2px solid red;
} */
a.btn.service-menu {
    font-size: 20px;
    color: #ffffff;
    background: #0b0e6c;
    border: 5px solid #ffffff;
    border-color: #ffffff;
    border-radius: 7px !important;
    height: 110px;
    width: 100%;
    box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px !important;

    /* border-bottom: 4px solid#ffffff;
    border-image: url(../../../../public/img/services_selection_arrow.png) 25 0; */

}

.service-menu i {
    font-size: 60px;
}

#serviceHome {
    bottom: -93px;
    position: absolute;
    z-index: 20;
    opacity: 1;
    overflow: visible;
    background: none;
}

#about {
    background-color: #ffffff;
}

#about .section-title {
    font-size: 32px;
    font-weight: bold !important;
    color: #00156A;
    font-family: dmSansBold !important;
    margin-top: -20px;
}

.padding-top-60 {
    padding-top: 60px;
}

.padding-top-140 {
    padding-top: 140px;
}

#about p {
    color: #2c3e50;
    text-align: justify !important;
    font-family: dmSans;
    font-size: 16px;
}

#about {
    background-color: #ffffff;
}

#graduateCorner {
    background-color: #ffffff;
    padding-bottom: 30px;
}

#graduateCorner .section-title {
    font-size: 32px;
    font-weight: bold !important;
    color: #00156A;
    font-family: dmSansBold !important;
    margin-top: 40px;
}

#graduateCorner p {
    color: #2c3e50;
    text-align: justify !important;
    font-family: dmSans;
    font-size: 16px;
}

#graduateCorner .img-thumbnail {
    padding: 0;
    border: 0px solid #dee2e6;
    border-radius: 1px !important;
    box-shadow: 0px 1px 6px 4px rgb(54 54 129 / 18%);
    width: 267px;
    height: 165px;
}

#graduateCorner #gallery {
    margin-top: 25px;
}

.header-all {
    background-color: #ffffff !important;
}

.post-detail {
    margin-bottom: 25px;
}

#specialty {
    background-image: url(../../../../public/img/specialty_bg.jpg);
    background-size: cover;
}

#home-gallery {
    background-image: url(../../../../public/img/dscsc_tour_bg.png);
    background-size: cover;
    padding-bottom: 50px;
}

#home-gallery .section-title {
    color: #00156A;
    margin-top: 50px;
    margin-bottom: 50px;
    font-size: 32px;
    font-weight: bold !important;
}

#home-gallery .img-thumbnail {
    padding: 0;
    border: 0px solid #dee2e6;
    border-radius: 5px !important;
    box-shadow: 0px 2px 12px 8px rgba(37, 37, 57, 0.18);
    max-width: 100%;
    height: 165px;
}

.welcome-read-more {
    color: #0b0e6c;
    font-weight: 600;
}

#newsEvents {
    background-image: url(../../../../public/img/news_events_bg_style.png) !important;
    padding-bottom: 40px;
    background-size: cover;
}

#newsEvents .section-title {
    color: #00156A;
    margin-top: 60px;
    margin-bottom: 60px;
    font-size: 32px;
    font-weight: bold !important;
}

#newsEvents .post-caption {
    text-align: left;
    margin-bottom: 10px;
}

#newsEvents .post-caption a {
    font-weight: 600;
    font-size: 18px !important;
    color: #0b0c7c !important;
}

#newsEvents .list-group-item-text {
    color: #000;
    font-size: 15px;
}

.owl-news-events-item .news-card {
    width: 100%;
    height: 480px;
    background-color: #fff;
    box-shadow: 0px 1px 6px 4px rgb(54 54 129 / 18%);
    border: none;
    border-radius: 7px !important;
}

.news-card img.list-group-image {
    height: 152px;
    width: 100%;
    padding-bottom: 5px;
    border-top-left-radius: 7px !important;
    border-top-right-radius: 7px !important;
}

.news-card .post-date {
    font-size: 14px;
    padding-bottom: 0px;
}

#newsEvents .inner-details {
    padding: 12px 18px 25px 18px;
}


.owl-news-events-item {
    width: 100%;
    padding-left: 0px;
    padding-right: 0px;
}


.service-bg {
    background-image: url(../../../../public/img/services_bg.jpg) !important;
    background-size: cover !important;
    z-index: 20;
    opacity: 1;
    overflow: visible;
    background: none;
}

.transport-bg {
    background-image: url(../../../../public/img/services_bg.jpg) !important;
    background-size: cover !important;
    z-index: 20;
    opacity: 1;
    overflow: visible;
    background: none;
}

.passenger-bg {
    background-image: url(../../../../public/img/services_bg.jpg) !important;
    background-size: cover !important;
    z-index: 20;
    opacity: 1;
    overflow: visible;
    background: none;
}

.flight-info-bg {
    background-image: url(../../../../public/img/services_bg.jpg) !important;
    background-size: cover !important;
    z-index: 20;
    opacity: 1;
    overflow: visible;
    background: none;
}

.selection-arrow {
    text-align: -webkit-center;
}

.selection-arrow img {
    margin-top: -4px;
}

.center-menu-details {
    margin-top: 50px;
}

.center-menu-details h1 {
    font-size: 30px;
    font-weight: 600;
    color: #ffffff;
}

.center-menu-details a.service-list {
    font-size: 20px;
    font-weight: 500;
    color: #ffffff;
}


/* .service-right{
    background-image: url(../../../../public/img/service_duty_bg.png) !important;
    background-size: cover !important;
} */
/* .slider-menu {
    bottom: 280px;
    right: 85px;
    position: absolute;
    z-index: 20;
    padding-left: 40px;
    height: 85px;
    width: 510px;
    background-image: url(../../../../public/img/flight_arrival_departure_bg.png);
    background-size: cover !important;
} */
.slider-menu {
    bottom: 280px;
    right: 100px;
    position: absolute;
    z-index: 20;
    opacity: 0.7;
    padding-left: 40px;
    background: #0b0e6c;
    border: 2px solid #dee2e6;
    border-radius: 6px !important;
    height: 50px;
    width: 470px;
    /* background-image: url(../../../../public/img/flight_arrival_departure_bg.png); */
    background-size: cover !important;
}

.slider-menu .left-slider-menu {
    width: 10%;
    margin-top: 10px;
}

.slider-menu .right-slider-menu {
    width: 40%;
    margin-top: 12px;
}

.right-slider-menu a {
    color: #ffffff;
    font-size: 14px;
}

.right-slider-menu a:hover {
    color: #f3a01e;
    font-size: 14px;
}


a.btn.service-list {
    font-size: 22px;
    font-weight: 600;
    color: #0b0c7c;
    border: none !important;
    border-color: #fff;
    height: 175px;
    margin-left: 125px;
}

.service-list i {
    font-size: 60px;
    color: red;
}

.service-right {
    margin-bottom: 25px;
}

.service-left {
    margin-bottom: 15px;
}

span.title-menu {
    /* width: 100%; */
    margin-left: 120px;
}

/* span.icon-menu {
    width: 30%;
    line-height: 0;
} */
.service-menu span.title-menu {
    width: 60%;
    margin-left: 0px;
    text-align: left;
}

.service-menu span.icon-menu {
    width: 33%;
    height: 55px;
    line-height: 0;
}

.service-menu span.drop-menu {
    width: 7%;
}

.drop-menu .fa {
    color: #fff;
    font-size: 20px;
}

.center-menu-details a:hover {
    color: #e0863c;
}

.margin-top-60 {
    margin-top: 60px;
}

i.icon.label-before.fa.fa-mobile {
    margin-top: -5px;
}


.header-14 .header-bottom .top-header .menu>li:not(.last-menu)>a {
    padding-bottom: 0;
    border-right: 1px solid #d8d7d7;
    padding-right: 12px;
}

.header-14 .header-bottom .top-header .menu>li:last-child>a {
    border: none !important;
}

li.menu-item.menu-item-type-custom.menu-item-object-custom.active-ch a {
    color: #f3a01e !important;
}

.header-14 .header-bottom .menu>li:not(.last-menu)>a {
    color: #5c5a5e;
}

.menu li:hover>a,
.menu li.show>a,
.menu li.active>a {
    color: #f3a01e !important;
}

.menu ul li a {
    color: #f3a01e !important;
}

.content-img img {
    height: 430px;
    width: 100%;
    margin-bottom: 20px;
    margin-top: 10px;
}

.btn-primary {
    color: #fff !important;
    background-color: #0b0c7c !important;
    border-color: #0b0c7c !important;
}

.post-detail p {
    color: #020202;
}

.notice {
    display: flex;
    margin-bottom: 12px;
}

.date {
    /* border: 1px solid gray; */
    display: inline-block;
    float: left !important;
}
.datepicker2{
    font-family:Helvetica, "sans-serif" !important;
}
.personal-form-control{
    border-radius: 5px !important;
    border-color: #93a1bb !important;
    padding: 10px !important;
}

.date span.month {
    background-color: #0b0c7c !important;
    color: #fff;
    display: block;
    text-align: center;
    font-weight: bold;
}

.date span.date-view {
    color: #0b0c7c;
    display: block;
    text-align: center;
    font-weight: bold;
}

.notice .left-notice {
    height: fit-content;
    width: 6%;
}

.notice .right-notice {
    width: 94%;
    margin-left: 15px;
    font-size: 14px;
    color: #000;
    font-weight: 500;
}

.attachment-link {
    margin-top: 10px;
}

.collon-mob {
    display: none;
}

.chairman-info {
    width: 80%;
}

.chairman-img {
    width: 20%;
}

.chairman-img img {
    height: 220px;
    width: 100%;
    margin-bottom: 20px;
    margin-top: 20px;
    margin-left: 22px;
}

.chairman-info-all {
    margin-left: 50px;
    margin-top: 15px;
}

p.chairman-name {
    font-size: 18px;
    font-weight: bold;
}

.airlines-box {
    border: 2px solid #ffffff;
    border-radius: 6px !important;
    padding-top: 20px;
    padding-bottom: 20px;
    padding-left: 25px;
    display: grid;
}

.airlines-box h1 {
    font-size: 24px !important;
}

.airlines-box a.service-list {
    font-size: 14px !important;
}

.album-caption {
    margin-top: 20px;
}

.service-div ul#center-menu-ul li.active::before {
    content: '';
    background-image: url(../../../../public/img/services_selection_arrow.png);
    background-size: cover !important;
    display: inline-block;
    width: 72px;
    height: 39px;
    position: absolute;
    left: 111px;
    top: 105px;
}

.service-div ul#center-menu-ul li.test::after {
    content: '';
    background-image: url(../../../../public/img/icon_services_arrow_up.png);
    /* background-size: cover !important; */
    display: inline-block;
    width: 18px;
    height: 9px;
    position: absolute;
    right: 34px;
    top: 50px;
}


.menu ul li a {
    color: #ffffff !important;
    text-align: initial;
}


/* .menu li .sub-menu li:visited {
    color: red !important;
    text-align: initial;
} */

/* .menu.sf-arrows ul .sf-with-ul:active {
    padding-right: 4rem;
    color: red !important;
} */

/* .menu li .sub-menu li a::after {
    color: red !important;
    text-align: initial;
} */

.menu ul li a:hover {
    color: #f3a01e !important;
}


/* .menu ul li.active>a {
    color: red !important;
} */

.menu ul li a:active {
    color: #f3a01e !important;
}



.news-home {
    width: 680px;
    padding-bottom: 5px;
    /* opacity: 0.7; */
    padding-left: 40px;
    background: #0b0e6c;
}

.news-div {
    display: flex;
    margin-top: 2px;
}

.news-slide {
    margin-left: 10px;
    color: #ffffff;
}

.news-slide a {
    color: #ffffff;
    font-size: 14px !important;
    font-weight: 500;
}

.news-head {
    margin-top: 1px;
}

.airlines-table tr th {
    color: #000000;
}

a.more-btn {
    color: #e0863c;
    font-weight: 600;
}

.icongroup .icon {
    box-shadow: 0 0 5px rgb(0 0 0 / 50%);
    position: initial;
    display: inline-grid;
    width: 170px;
    height: 50px;
    box-sizing: border-box;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    border: 1px solid #ffffff;
    border-radius: 6px !important;
    color: #337ab7;
    align-content: center;
}

.flight-no {
    color: #599dd1;
}

/* video */
.gallery-content img {
    height: 155px !important;
    width: 100% !important;
    cursor: pointer !important;
}

.column img {
    cursor: pointer;
    object-fit: cover;
    width: 100%;
}

.img-responsive,
.img-thumbnail {
    width: 100%;
}

.play-icon {
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    top: 50%;
    max-width: 38px;
    max-height: 38px;
    min-width: 38px;
    min-height: 38px;
    z-index: 9;
    display: block;
}

.column:after {
    position: absolute;
    top: 0;
    left: 0;
    margin-left: 15px;
    width: calc(100% - 30px);
    height: 100%;
    opacity: 0;
    background-color: rgba(69, 68, 68, 0.9);
    content: '';
    transition: 0.4s;
}

.webkit-scrollbar::-webkit-scrollbar,
.webkit-scrollbar+#floating-scrollbar::-webkit-scrollbar {
    height: 8px !important;
    width: 8px !important;
    background-color: #00000020 !important;
    -webkit-border-radius: 10px;
}

::-webkit-scrollbar-thumb {
    background-color: #4b4d8b;
    -webkit-border-radius: 10px;
}

.max-height-400 {
    max-height: 400px !important;
}
.max-height-500 {
    max-height: 500px !important;
}

.airlines-table .table td {
    padding: 15px 15px;
}

.privacy-div {
    margin-top: 10px;
}

.specialty-card img {
    height: 100px;
    width: 65px;
    padding-top: 20px;
    padding-bottom: 10px;
}

.specialty-img {
    height: 200px;
}

.graduate-corner p {
    color: #000;
}

.front-main-title {
    color: #00156A;
    font-weight: 600;
    margin-top: 30px;
    margin-left: 15px !important;
}

.front-main-description {
    color: #000;
    margin-left: 15px !important;
    margin-right: 15px !important;
}

.front-individual-title {
    color: #00156A;
    padding-bottom: 13px;
    font-weight: 700;
    background: url('../../../../public/img/head-bottom-bg.png') no-repeat left bottom;
}

.the-graduation-title {
    margin-left: 1%;
}

.front-list-title {
    color: #00156A;
    padding-bottom: 13px;
    margin-left: 15px !important;
    font-weight: 700;
}


.tourWiseDetails {
    color: #000;
    padding-right: 20px;
}


.margin-top-10 {
    margin-top: 10px !important;
}


.margin-top-20 {
    margin-top: 20px !important;
}

.margin-top-30 {
    margin-top: 30px !important;
}

.margin-top-40 {
    margin-top: 40px !important;
}

.margin-top-60 {
    margin-top: 60px !important;
}

.ins-container {
    margin-top: 30px;
}

.ins-container p {
    margin-left: 0px !important;
}


.inner-page-image {
    width: 90%;
    margin: 0 auto;
    margin-bottom: 7%;
    box-shadow: 0px 2px 12px 8px rgba(37, 37, 57, 0.18) !important;

}

.image-caption {
    text-align: center !important;
    color: #00156A !important;
}

.image-caption p {
    color: #00156A !important;
    font-size: 15px !important;
    font-weight: 600;
    width: 100%;
    text-align: center !important;
    /* margin-top: 20px !important; */
}

.image-caption p i {
    text-align: center !important;
}

.ladies-club-image {
    min-height: 250px;
}

.other-act-image {
    min-height: 250px;
}

.sports-image {
    margin: 0 auto;
    width: 30%;
    height: auto;
}




/* .multiple-image {
    float: left;
    margin-bottom: 20px;

} */

.multiple-image img {
    width: 100%;
    box-shadow: 0px 2px 12px 8px rgba(37, 37, 57, 0.18);
    /* height: 250px; */
}

/* .featured-image{
    box-shadow: 0px 2px 12px 8px rgba(37, 37, 57, 0.18);
} */

.activities-description {
    color: #000 !important;
    padding-left: 3px;
    padding-right: 19px;
    /* margin-left: 15px !important; */

}

.multiple-image-section h3 {
    margin-left: 15px;
}

.multiple-image-section {
    margin-left: -7px !important;
}


.tier {
    margin-bottom: 20px;
}

.content-box {
    margin-bottom: 20px;
}

.graduate-corner-image-parent {

    display: inline-block;
    cursor: pointer;
    overflow: hidden;
    position: relative;
    height: 165px;
    margin-bottom: 15px;
}

.graduate-corner-image {
    /* transition: transform 3s; */
    background-size: cover;
    background-repeat: no-repeat;
    -webkit-transition: all .9s;
    -moz-transition: all .9s;
    -o-transition: all .9s;
    transition: all .9s;

}

.news-and-events-section-mobile {
    display: none !important;
}

.news-and-events-section-tablet {
    display: none !important;

}



.graduate-corner-image-parent:hover .graduate-corner-image,
.graduate-corner-image-parent:focus .graduate-corner-image {
    -ms-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -webkit-transform: scale(1.2);
    -o-transform: scale(1.2);
    transform: scale(1.2);
}

.graduate-corner-image-parent:hover .graduate-corner-image:before,
.graduate-corner-image-parent:focus .graduate-corner-image:before {
    display: block;
}

.graduate-corner-image-parent:hover a,
.graduate-corner-image-parent:focus a {
    display: block;
}

/* .graduate-corner-image:before {
    content: "";
    display: none;
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-color: rgba(4, 20, 35, 0.75);
} */




/* Emon Starting */

/* start (used in publication section) */
.container-honour-board-and-dscsc-adddress>* {
    text-align: center;
    color: #00156A;
}

.pb-30 {
    padding-bottom: 30px;
}

.horizontal-strip {
    position: relative;
    border-top: 3px solid #eee;
}

.horizontal-strip::before {
    position: absolute;
    left: 20%;
    top: -2px;
    display: inline-block;
    content: '';
    width: 20%;
    height: 2px;
    background-color: #00156A;
}

.horizontal-strip::after {
    position: absolute;
    right: 20%;
    top: -2px;
    display: inline-block;
    content: '';
    width: 20%;
    height: 2px;
    background-color: #00156A;
}

#honour-board-table td {
    padding-top: 10px;
    padding-bottom: 10px;
}

#honour-board-table * {
    text-align: center;
    vertical-align: middle;
}

#honour-board-table th:nth-child(odd) {
    width: 8% !important;
}

#honour-board-table img {
    display: inline-block;
}

#honour-board-table thead {
    background-color: #00156A;
}

#honour-board-table thead th {
    color: #dcdcdc;
    padding-right: 5px;
}


.outer-accordion {
    width: 100%;
    background: white;
    border-radius: 20px;
    margin: auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    /* padding: 0 15px 30px 15px;
    margin-left: 5px !important; */
}

.accordion-container {
    overflow: hidden;
}

.accordion-singular {
    position: relative;
    /* border-bottom: 1px solid #ccc; */
    padding: 0 10px 0 10px;
}

#honour-board-table_wrapper {
    padding-top: 10px;
}

.accordion-title {
    padding: 10px 0 0 0;
    border: 1px solid #eee;
}

.accordion-singular .accordion-title {
    position: relative;
    cursor: pointer;
    margin: 0;
    font-weight: 700;
    font-size: 24px;
    font-family: dmSans;
}

.accordion-singular.active .accordion-title:before {
    transform: translateY(-50%) rotate(45deg) scale(1.3);
}

.accordion-body {
    display: none;
    padding-bottom: 20px;
    border-right: 1px solid #eee;
    border-bottom: 1px solid #eee;
    border-left: 1px solid #eee;
}

.fac-img {
    right: 10px;
}

.accordion-div {
    margin-top: 10px;
}

/* end (used in publication section) */




/* honour board start */

.honour-board-flip-card-img {
    width: 85%;
    height: 220px;
    margin: 0 auto;
}

.from-date,
.to-date,
.to {
    padding: 0 5px;
}

.tourch-bearer .honour-board-flip-card {
    transition: all 1s ease;
}

.honour-board-flip-card-back {
    /* background: #ffffff url(../../../../../public/uploads/website/torchbearer.png) no-repeat; */
    background-image: url(../../../../public/img/torchbearer.png);
    background-size: cover;
    padding: 10px;
}

.main-body {
    margin-top: 15px;
}

.honour-board-flip-card {
    background-color: transparent;
    perspective: 1000px;
    box-shadow:
        inset 0 -3em 3em rgba(0, 0, 0, 0.1),
        0 0 0 2px rgb(255, 255, 255),
        0.3em 0.3em 1em rgba(0, 0, 0, 0.3);
    margin-bottom: 15px !important;
}

.honour-board-flip-card-inner {
    position: relative;
    width: 100%;
    min-height: 365px;
    text-align: center;
    transition: transform 0.6s;
    transform-style: preserve-3d;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);

}

.honour-board-flip-card:hover .honour-board-flip-card-inner {
    transform: rotateY(180deg);
}

.honour-board-flip-card-front,
.honour-board-flip-card-back {
    position: absolute;
    width: 100%;
    height: 100%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

.honour-board-flip-card-front {

    color: black;
}

.honour-board-flip-card-back {
    position: absolute;
    transform: rotateY(180deg);


}

.honour-board-flip-card-back .title {
    margin: 0 0 5px 0;
    font-size: 16px;
    position: relative;
}

.honour-board-flip-card-back .title::after {
    width: 150px;
    position: absolute;
    bottom: -6px;
    height: 1px;
    background: #d6d3ce;
    content: '';
    margin: auto;
    left: 0;
    right: 0;
}

.m-h-30px {
    min-height: 45px;
}

.honour-board-flip-card-back p {
    margin: 10px 0 30px 0;
    font-size: 14px;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.honour-board-flip-card-front-header {
    height: 100px;
    background: #c7def2;
    overflow: hidden;
}

.honour-board-flip-card-front-photo {
    padding: 10px;
    margin-top: -65px;
}

.text-secondary {
    margin: 10px 0 0 0;
    font-size: 12px;
}


.container-honour-board-and-dscsc-adddress>* {
    text-align: center;
    color: #00156A;
}

.pb-30 {
    padding-bottom: 30px;
}

.horizontal-strip {
    position: relative;
    border-top: 3px solid #eee;
}

.horizontal-strip::before {
    position: absolute;
    left: 20%;
    top: -2px;
    display: inline-block;
    content: '';
    width: 20%;
    height: 2px;
    background-color: #00156A;
}

.horizontal-strip::after {
    position: absolute;
    right: 20%;
    top: -2px;
    display: inline-block;
    content: '';
    width: 20%;
    height: 2px;
    background-color: #00156A;
}

/* honour board end */


/* start gallery */
.accordion-title .fa-chevron-up {
    float: right;
    transition: all 0.5s;
}

.gallery-accordion-singular.active .fa-chevron-up {
    transform: translateY(25%) rotate(180deg);
}

.gallery-heading::before {
    content: '';
    display: block;
    position: absolute;
    top: 30px;
    width: 80px;
    border: 1px solid #00156A;
}

.gallery-heading::after {
    content: '';
    display: block;
    position: relative;
    background-color: #00156A;
    height: 5px;
    width: 30px;
    bottom: -2px;
    left: 25px;
}

.gallery-outer-accordion,
.gallery-outer-accordion .accordion-container {
    padding: 0;
    overflow: visible;
}

.gallery-accordion-singular {
    padding: 0;
}

.gallery-accordion-singular>.accordion-body {
    border: none;
    padding-bottom: 0;
}

.gallery-accordion-singular>.accordion-title {
    border: none;
}

.gallery-accordion-singular>.accordion-title>* {
    color: #dcdcdc;
    padding: 10px;
    border: none;
    background-color: #00156A;
}

.gallery-title {
    color: #dcdcdc;
    top: -20px;
    position: relative;
    padding: 5px;
    border-radius: 3px;
    background-color: #00156A;
    width: fit-content;
    margin: auto;
}

.mt-50 {
    margin-top: 50px;
}

/* start horizontal-ribbon on gallery */
.gallery-title-horizontal-strip {
    position: relative;
    border-top: 3px solid #00156A;
    margin-top: 35px;
}

.gallery-title::before {
    content: '';
    position: absolute;
    background-color: white;
    border-top: 18px solid white;
    border-right: 24px solid #00156A;
    right: 59px;
    top: 0px;
    border-bottom: 18px solid white;
    z-index: -1;
}

.gallery-title::after {
    content: '';
    position: absolute;
    background-color: white;
    border-top: 18px solid white;
    border-left: 24px solid #00156A;
    left: 59px;
    top: 0px;
    border-bottom: 18px solid white;
    z-index: -1;
}

/* end horizontal-ribbon on gallery */


.grid-container>a {
    overflow: hidden;
}

.opacity-01 {
    opacity: 0.1;
}

.grid-container>a:hover {
    box-shadow: 0px 0px 7px 0px grey;
    color: #00156A !important;
    overflow: visible;
}

.grid-container>a:hover .left-icon {
    left: -70px;
    top: 35%;
    transform: rotate(-45deg);
    pointer-events: none;
}

.grid-container>a:hover .right-icon {
    right: -70px;
    top: 35%;
    transform: rotate(30deg);
    pointer-events: none;
}

.left-icon,
.right-icon {
    transition: all 0.5s;
}

.grid-container>a {
    transition: all 0.5s;
}

.grid-item>.left-icon,
.grid-item>.right-icon {
    opacity: 0.1;
}

.grid-item>.left-icon {
    transform: rotate(45deg);
    position: absolute;
    top: 35px;
    left: -15px;
}

.grid-item>.right-icon {
    transform: rotate(327deg);
    position: absolute;
    top: 32px;
    right: -23px;
}


.grid-container {
    display: grid;
    grid-template-columns: auto;
    gap: 20px;
    margin-bottom: 15px;
}

.grid-item {
    position: relative;
    font-weight: bold;
    padding: 15px;
    border-radius: 3px;
    border: 1px solid #cee2f3;
    text-align: center;
    background-color: aliceblue;
}

@media only screen and (min-width: 268px) {
    .grid-container {
        grid-template-columns: auto auto;
    }
}

@media only screen and (min-width: 368px) {
    .grid-container {
        grid-template-columns: auto auto auto;
    }
}

@media only screen and (min-width: 568px) {
    .grid-container {
        grid-template-columns: auto auto auto auto;
    }
}

@media only screen and (min-width: 768px) {
    .grid-container {
        grid-template-columns: auto auto auto auto auto auto;
    }
}

@media only screen and (min-width: 900px) {
    .grid-container {
        grid-template-columns: auto auto auto auto auto auto auto;
    }
}

@media only screen and (min-width: 1136px) {
    .grid-container {
        grid-template-columns: auto auto auto auto auto auto auto auto auto;
    }
}


/* end gallery */



.primary-header-container,
.secondary-header-container {
    justify-content: flex-end;
}


@media only screen and (max-width: 2200px) {

    .search-site-submit-icon {
        margin-top: -5% !important;
    }

}

@media only screen and (max-width: 1600px) {
    .search-site-submit-icon {
        margin-top: -5% !important;
    }

}

@media only screen and (max-width: 1400px) {
    .search-site-submit-icon {
        margin-top: -6.8% !important;
    }

}




@media (min-width: 890px) {

    .navbar-expand-lg .navbar-collapse {
        display: -ms-flexbox !important;
        display: flex !important;
        -ms-flex-preferred-size: auto;
        flex-basis: auto
    }

    .navbar-expand-lg {
        -ms-flex-flow: row nowrap;
        flex-flow: row nowrap;
        -ms-flex-pack: start;
        justify-content: flex-start;
    }

    .navbar-expand-lg .navbar-nav {
        -ms-flex-direction: row;
        flex-direction: row;
    }

    .inner-page-search-site-submit-icon {
        margin-top: -21%;
    }


    /* .only-one-div {
        width: 100% !important;
        margin-left: 0 !important;

    } */

}


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

@media (max-width: 890px) {

    .inner-page-search-site-submit-icon {
        margin-top: -22% !important;
    }
}

@media (max-width: 570px) {
    .mobile-secondary-nav {
        background-color: #185418bd !important;

    }

    /* a .sf-with-ul{
        color: white !important;
        font-weight: bold !important;
    } */
    .mobile-secondary-nav {
        display: flex;
        justify-content: space-around;
    }

    .secondary-header-container {
        display: none;
    }

    /* .primary-header-container{
        margin: auto auto;
    } */
    .header-bottom.sticky-header .col {
        margin: auto;
    }

    .menu>li>a {
        color: #b8a9a9;
        font-weight: bold  !important;
        /* font-size: 1rem; */
        font-size: 16px;
        letter-spacing: 0.02rem;
        padding: 1rem 1rem;
        font-family: dmSans !important;
        /* text-transform: uppercase; */
    }


    .only-one-div {
        width: 100% !important;
        margin-left: 0 !important;

    }

    .organogram-img {
        background-size: contain;
    }

}


/* Emon Closing */


.largerDiv {
    width: 50%;
    height: auto;
    margin: 0 auto;
}

.toursImage Img {
    width: 100%;
}

.toursImage p {
    color: #000;
    text-align: center;
}

.download-btn {
    width: 10px;
}

.pubTypeDescription {
    text-align: center;
    color: #000;
    margin-bottom: 20px !important;
}

/* .top-header .menu li {
    height: 10px;
} */

/* .top-header {
    margin-top: 7px;
} */

.top-header .parent-item a {
    padding-top: 0px !important;
    color: #000000 !important;
}

.parent-item a {
    color: #000000 !important;
}


.header-top-menu {
    padding-top: 0px !important;
}


/* ICON HEADING */
.icon-heading {
    position: relative;
}

.icon-heading::before {
    content: '';
    display: block;
    position: absolute;
    top: 28px;
    width: 80px;
    border: 1px solid #00156A;
}

.icon-heading::after {
    content: '';
    display: block;
    position: relative;
    background-color: #00156A;
    height: 5px;
    width: 30px;
    bottom: -12px;
    left: 25px;
}

.graduate-corner-container p {
    color: #2c3e50;
    font-size: 16px;
}

.footer-contact-spacing {
    width: 64%;
}


/* .reveal {
    position: relative;
    opacity: 0;
  } */


.reveal {
    position: relative;
    opacity: 0;
}

.reveal.active {
    opacity: 1;
}

.active.fade-bottom {
    animation: fade-bottom 1s ease-in;
}

.active.fade-left {
    animation: fade-left 1s ease-in;
}

.active.fade-right {
    animation: fade-right 1s ease-in;
}

@keyframes fade-bottom {
    0% {
        transform: translateY(50px);
        opacity: 0;
    }

    100% {
        transform: translateY(0);
        opacity: 1;
    }
}

@keyframes fade-left {
    0% {
        transform: translateX(-100px);
        opacity: 0;
    }

    100% {
        transform: translateX(0);
        opacity: 1;
    }
}

@keyframes fade-right {
    0% {
        transform: translateX(100px);
        opacity: 0;
    }

    100% {
        transform: translateX(0);
        opacity: 1;
    }
}


/***** START: Faculty-Staff and Alumni ***/


.tier2-container {
    width: 50% !important;
    /* margin: 0 auto; */
    height: auto;
    /* margin-left: 50%; */
}

.ci-left {
    margin-left: 50%;
}

.ci-right {
    margin-right: 50%;
}



.commandant-container {
    width: 25%;
    margin: 0 auto;
    height: auto;
}

.flip-card-img {
    width: 85%;
    height: 220px;
    margin: 0 auto;
}

.from-date,
.to-date,
.to {
    padding: 0 5px;
}

.tourch-bearer .flip-card {
    transition: all 1s ease;
}

.flip-card-back {
    background-image: url(../../../../public/img/torchbearer.png);
    background-size: cover;
    padding: 10px;
}

.main-body {
    margin-top: 15px;
}

.flip-card {
    background-color: transparent;
    perspective: 1000px;
    box-shadow:
        inset 0 -3em 3em rgba(0, 0, 0, 0.1),
        0 0 0 2px rgb(255, 255, 255),
        0.3em 0.3em 1em rgba(0, 0, 0, 0.3);
    margin-bottom: 15px !important;
}

.flip-card-inner {
    position: relative;
    width: 100%;
    min-height: 365px;
    text-align: center;
    transition: transform 0.6s;
    transform-style: preserve-3d;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);

}

.flip-card:hover .flip-card-inner {
    transform: rotateY(180deg);
}

.flip-card-front,
.flip-card-back {
    position: absolute;
    width: 100%;
    height: 100%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

.flip-card-front {

    color: black;
}

.flip-card-back {
    position: absolute;
    transform: rotateY(180deg);


}

.flip-card-back .title {
    margin: 0 0 5px 0;
    font-size: 16px;
    position: relative;
}

.flip-card-back .title::after {
    width: 150px;
    position: absolute;
    bottom: -6px;
    height: 1px;
    background: #d6d3ce;
    content: '';
    margin: auto;
    left: 0;
    right: 0;
}

.flip-card-back p {
    margin: 10px 0 30px 0;
    font-size: 14px;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.flip-card-front-header {
    height: 100px;
    background: #c7def2;
    overflow: hidden;
}

.flip-card-front-photo {
    /*padding: 10px;*/
    padding: 1px;
    margin-top: -65px;
}



.faculty-duration label {
    font-size: 12px !important;
}

.faculty-duration {
    text-align: center;
}

.library-list-title {
    border-left: 3px solid #00156A;
    margin-right: 10px;
}

.list-title-font {
    color: #00156A;
    font-weight: 700;
}

.library-list-title-type {
    list-style-type: square;
    margin-left: 30px;
}

/* .card-title {
    min-height: 30px;
} */

/***** End: Faculty-Staff and Alumni ***/


.staff-description {
    font-size: 11px !important;
}

.font-weight-bold {
    color: #00156A;
}

.sports-image-container {
    width: 100%;
    /* height: 350px; */
    margin-top: -15px !important;
    margin-bottom: 25px;

}

.title-without-icon {
    color: #00156A;
    font-weight: 700;
}



.pfile {
    position: relative;
    display: block;
    overflow: hidden;
    margin-bottom: 30px;
}

.pbl-title {
    overflow: hidden;
    margin: 0;
    font-size: 16px;
    box-sizing: border-box;
    position: absolute;
    bottom: -30px;
    height: 0px;
    padding: 15px;
    background: rgba(0, 0, 0, 0.5);
    width: 100%;
    color: #ffffff;
    transition: all 1s ease;

}

.pfile:hover .pbl-title {
    height: auto;
    bottom: 0px;
}


@-webkit-keyframes welcome-read-more {
    50% {
        -webkit-transform: scale(0.8);
        transform: scale(0.8);
    }

    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

@keyframes push-on-hover {
    50% {
        -webkit-transform: scale(0.8);
        transform: scale(0.8);
    }

    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

.welcome-read-more {
    /* display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0); */
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    position: relative;
    /* bottom: 57px;
    left: 40px; */
}

.welcome-read-more:hover,
.welcome-read-more:focus,
.welcome-read-more:active {
    -webkit-animation-name: push-on-hover;
    animation-name: push-on-hover;
    -webkit-animation-duration: 0.3s;
    animation-duration: 0.3s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
}




.fadeInRight {
    animation: fadeInRight 1s ease-in-out;
}

@keyframes fadeInRight {
    from {
        opacity: 0;
        transform: translateX(300px);
    }

    to {
        opacity: 1;
    }
}

.fadeInLeft {
    animation: fadeInLeft 1s ease-in-out;
}

@keyframes fadeInLeft {
    from {
        opacity: 0;
        transform: translateX(-300px);
    }

    to {
        opacity: 1;
    }
}


.multiple-image {
    float: left;
    margin-bottom: 35px;
}

.multiple-image img {
    width: 88%;
    margin: 0 auto;
    max-height: 193px;
}

.multiple-image-img {
    margin-top: 6% !important;
}

.lifestyle {
    width: 90% !important;
    margin-left: 5% !important;
    margin-top: 5% !important;
}

.computer-lab {
    width: 90% !important;
    margin-left: 5% !important;
    margin-top: 5% !important;
}

.list-image-hover-zoom {
    /* position: absolute; */
    border-radius: 5px;
    border: 5px solid rgba(255, 255, 255, .05);

    /* Modify this according to your need */
    overflow: hidden;
    /* Removing this will break the effects */
}

.list-image-hover-zoom--blur img {
    transition: transform 1s, filter 2s ease-in-out;
    filter: blur(0.1px);
    transform: scale(1.2);
    /* height: 140px; */
    margin-top: 2%;

}

/* The Transformation */
.list-image-hover-zoom--blur:hover img {
    filter: blur(0);
    transform: scale(1.1);
}



.multiple-image-hover-zoom {
    /* height: 150px !important; */
    /* position: absolute; */
    border-radius: 5px;
    border: 5px solid rgba(255, 255, 255, .05);

    /* Modify this according to your need */
    overflow: hidden;
    /* Removing this will break the effects */
}

.multiple-image-hover-zoom--blur img {
    transition: transform 1s, filter 2s ease-in-out;
    filter: blur(0.1px);
    transform: scale(1.2);
    padding: 7%;
    /* height: 250px; */
    width: 100%;

}

/* The Transformation */
.multiple-image-hover-zoom--blur:hover img {
    filter: blur(0);
    transform: scale(1.1);
}





/*==================*/
/* POP
/*==================*/

@-webkit-keyframes pop-on-hover {
    50% {
        -webkit-transform: scale(1.2);
        transform: scale(1.2);
    }
}

@keyframes pop-on-hover {
    50% {
        -webkit-transform: scale(1.2);
        transform: scale(1.2);
    }
}

.pop-on-hover {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}

.pop-on-hover:hover,
.pop-on-hover:focus,
.pop-on-hover:active {
    -webkit-animation-name: pop-on-hover;
    animation-name: pop-on-hover;
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-iteration-count: 2;
    animation-iteration-count: 2;
}

.tours-image {
    border: 0px solid #dee2e6;
    box-shadow: 0px 2px 12px 8px rgba(37, 37, 57, 0.18);
}

.inner-page-header {
    margin-left: -15px !important;
    margin-right: -15px !important;
}



.essentials-image {
    min-height: 250px;
}



.library-image {
    min-height: 270px;
}



/* Contact Us By Shakil */

/* contact-us */
.contact-left {
    border: 1px solid #9c9dbd;
    border-radius: 5px !important;
    background: #efefef !important;
    padding: 10px;
}

.contact-header {
    font-size: 24px;
    font-weight: 500;
    color: #00156A !important;
    font-weight: 700 !important;
    padding-top: 30px;
    /* padding-left: 20px; */
}

.main-contact,
.other-contact {
    margin-left: 20px;
    margin-bottom: 20px;
}

.other-con-list {
    border: 2px solid #9c9dbd;
    border-radius: 4px !important;
    padding: 10px;
    margin-right: 20px;
    margin-bottom: 15px;
}

.others-title {
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 0.1px !important;
    font-family: dmSans;
}

.others-phone,
.others-mail {
    font-size: 14px;
    font-weight: 700;
}




/* ***** */


/* Get In Touch */


.how-to-get-here h3 {
    text-align: center !important;
}

.contactDiv {
    border-radius: 25px !important;
    padding-top: 40px;
    background-image: url(../../../../public/img/contact_info_contact_bg_layer.png);
    background-size: cover;
    background-repeat: no-repeat;
    min-height: 500px;

}

.how-to-get-here-des {
    margin-left: -13px !important;
}

.how-to-get-here-heading {
    margin-left: -15px !important;
    color: #00156A;
    padding-bottom: 13px;
    font-size: 27px;
    font-weight: 700 !important;
    background: url('../../../../public/img/head-bottom-bg.png') no-repeat left bottom;
}


/* FAQ Start */

.search-box {
    position: relative;
    /* width: 400px; */
    margin-right: 15px;
}

.flight-search {
    background-color: #dddddd !important;
    border: 1px solid #dddddd !important;
    border-radius: 25px !important;
    /* font-size: 18px; */
}

.search-box .btn {
    position: absolute;
    top: 0px;
    right: 0;
    border-right: 1px;
    border-radius: 0px 20px 20px 0px !important;
    padding-left: 5px;
}

.reset-button #reset {
    border-color: #787985 !important;
    color: #FFF !important;
    background-color: #787985 !important;
    border-radius: 20px !important;
}


/* FAQ End */

.contact-ful {
    margin-top: 20px;
}



/* Mobile Menu Start  */


/*  menu  */
.mobile-menu-logo img {
    display: none;
}

#header {
    background: #2e3891 url(../../../../public/img/inner_header_bg.png);
}

.mob-menu-page,
.mobilemenu {
    display: none !important;
}

.mm-list>li.active>a {
    color: #179ed6;
}

.mm-list>li.active-ch a {
    color: #f3a01e !important;
}


.owl-prev span {
    font-size: 50px !important;
}

.owl-next span {
    font-size: 50px !important;
}


.specialty-box {
    transition: transform 750ms;
    will-change: transform;
}

.specialty-box:hover,
.specialty-box:focus {
    transform: translateY(10px);

}

.content-description {
    /* margin-left: -8px !important; */
}



.content-description h4 {
    margin-left: 8px !important;
}

.post-content {
    /* margin-left: 15px; */
}

.post-content h3 {
    color: #0b0c7c;
}

.publication-image {
    width: 200px;
    height: 300px;
}

.content-description p {
    text-align: justify !important;
    padding-left: -15px !important;
    /* padding-right: 350px !important; */
}

.specialty-details {
    padding-left: 8px !important;
    color: #000 !important;
}

.specialty-details p {
    color: #000 !important;
    font: inherit;
}

.contact-phone {
    line-break: auto;
}

.welcome-heading {
    margin-top: 30px;
}


.details-text.specialty-details ul.bullet {
    list-style-type: disclosure-closed;

}

.details-text.specialty-details ul.bullet li::marker {
    color: #f3a01e !important;

}

.specialty-container {
    min-height: 340px;
    padding-bottom: 20px;
}


.specialty-details ul.core-objectives-list {
    list-style-type: disclosure-closed;
}

.specialty-details ul.core-objectives-list li::marker {
    color: #f3a01e !important;
}

.our-history-image-one p {
    font-style: italic;
    position: absolute;
    bottom: 47% !important;
    color: rgb(0, 0, 255) !important;
    text-align: center !important;
    width: 25%;
}

.our-history-image-two p {
    font-style: italic;
    position: absolute;
    bottom: 17% !important;
    text-align: center !important;
    width: 24%;
    color: rgb(0, 0, 255) !important;
}




















@media screen and (max-width: 950px) {

    .commandant-container {
        width: 28%;
    }

    #newsEvents .news-card {

        margin-bottom: 15px;

    }

    .navbar-toggle {
        position: absolute;
        right: 20px;
        /* top: -5px; */
    }

    .faculty-duration label {
        font-size: 6px !important;
    }

    .the-graduation-title {
        margin-left: 2%;
    }

    .featured-photo-subarna-jayanti {
        width: 50% !important;

    }

    .news-and-events-section-tablet {
        display: block !important;

    }

    .news-and-events-section-desktop {
        display: none;
    }

    .owl-prev {
        left: 0px;

    }

    .owl-next {
        right: 0px;
    }

    .participant-search-box {
        width: 57% !important;
        margin: 0 auto !important;
    }


    .hist-image-content {
        width: 100% !important;
    }

    .history-image-1 {

        height: 400px !important;
    }

    .history-image-2 {
        height: 400px !important;
    }

    .history-image-1 p {
        bottom: 34% !important;
        width: 88% !important;
        font-size: 25px;
    }

    .history-image-2 p {
        bottom: 8% !important;
        width: 88% !important;
        font-size: 25px;
    }

    .insignia-logo-title {
        bottom: 19% !important;
        right: 4% !important;
    }

    .insignia-logo {
        width: 100% !important;
        margin: 0 auto;
        background-size: contain;
        /* margin-top: 25% !important; */

    }

    .social-network ul li a {
        margin-right: 0px;
    }

    .essential-single-image {
        width: 60% !important;
    }

    .specialty-container {
        height: 250px !important;
    }

    .our-history-image-one p {
        bottom: 47% !important;
        color: rgb(0, 0, 255) !important;
        width: 25%;
    }

    .our-history-image-two p {
        bottom: 17% !important;
        width: 24%;
        color: rgb(0, 0, 255) !important;
    }

    .search-modal-content {
        position: absolute;
        top: 10%;
    }

    .search-site-submit-icon {
        margin-top: -11.5% !important;
    }

}


@media screen and (max-width: 787px) {

    .commandant-container {
        width: 35%;
    }

    .featured-photo-subarna-jayanti {
        width: 100% !important;
    }

    .multiple-image-section {
        /* margin-left: -15px !important; */
    }

    .navbar-toggle {
        margin-top: 15px !important;
    }

    .the-graduation-title {
        margin-left: 2%;
    }

    .participant-search-box {
        width: 57% !important;
        margin: 0 auto !important;
    }

    .only-one-div {
        width: 100% !important;
        margin-left: 0 !important;

    }

    .specialty-container {
        height: 250px !important;
    }

    .stat-modal-image {
        width: 100% !important;

    }

    .our-history-image-one p {
        bottom: 47% !important;
        color: rgb(0, 0, 255) !important;
        width: 25%;
    }

    .our-history-image-two p {
        bottom: 17% !important;
        width: 24%;
        color: rgb(0, 0, 255) !important;
    }

    .search-modal-content {
        position: absolute;
        top: 15%;
    }

    .search-site-submit-icon {
        margin-top: -11% !important;
    }

}








@media screen and (max-width: 767px) {
    .footer-menu-privacy {
        padding-left: 15px;
        margin-bottom: 15px;
    }

    .footer-contact-div,
    .social-network,
    .get-the-app {
        margin-bottom: 15px;
    }

    .footer-contact-div {
        width: 78%;
    }

    .collon {
        display: none;
    }

    #about .section-title {
        margin-top: 0;
    }

    .slider-menu {
        top: 150px;
        padding-left: 10px;
        padding-right: 10px;
        height: 95px;
        width: 363px;
        right: 24px;
        padding-top: 20px;
        z-index: 10;
    }

    .slider-menu .left-slider-menu {
        padding-right: 8px;
    }

    .powered-by-div {
        text-align: left;
        margin-top: 10px;
    }

    .the-graduation-title {
        margin-left: 2%;
    }

    .content-img img {
        height: 220px;
    }

    .collon-mob {
        display: inline;
    }

    .news-home {
        display: none;
    }

    .icongroup .icon {
        width: 84px;
        height: 80px;
    }


    .our-history-image-one p {
        bottom: 47% !important;
        color: rgb(0, 0, 255) !important;
        width: 25%;
    }

    .our-history-image-two p {
        bottom: 17% !important;
        width: 24%;
        color: rgb(0, 0, 255) !important;
    }

    #graduateCorner .img-thumbnail {
        width: 100%;
    }

    #newsEvents .news-card {
        width: auto;
        margin-bottom: 30px;
    }

    .page-wrapper {
        min-height: 42%;
    }

    .specialty-container {
        height: 250px !important;
    }

    .header-14 .header-bottom .menu>li>a::before {
        content: '';
        display: block;
        position: absolute;
        left: 2px;
        right: 5px;
        width: unset;
        bottom: -5px;
        height: 0.3rem;
        background-color: #e29b31;
        transform-origin: right center;
        transform: scale(0, 1);
        transition: transform .3s ease;
    }

    .commandant-container {
        width: 50%;

    }

    .multiple-image-section {
        margin-left: -15px !important;
    }

    .featured-photo-subarna-jayanti {
        width: 100% !important;

    }


    .image-cover img {
        height: 230px !important;
        width: auto;
    }

    .postDetails img {
        width: 100%;
        height: 270px;
    }

    .content-description #primary {
        width: 100% !important;
    }

    .content-description #secondary {
        margin: 0 auto !important;
        float: none !important;
    }

    .stat-modal-image {
        width: 100% !important;

    }

    .intro-slider-container {
        height: 139px !important;
    }
    #commandantMsgDiv {
        height: 335px !important;
    }
}




@media screen and (max-width: 575px) {

    .commandant-container {
        width: 80%;
        /* height: 500px; */
    }

    .tier2-container {
        width: 80% !important;
    }

    .tier1-parent-container {
        /* height: 500px; */
    }

    .flip-card-front {
        /* height: 500px; */
    }

    .staff-container {
        width: 80% !important;
        margin: 0 auto;
    }

    .multiple-image-section {
        /* margin-left: -15px !important; */
    }

    .how-to-get-here-des {
        margin-left: 13px !important;
    }

    .how-to-get-here-heading {
        margin-left: 13px !important;
    }

    .faqDiv {
        width: 90%;
        margin: 0 auto;
    }

    .flip-card-img-stu {
        width: 65% !important;
    }

    .alumni-flip-card-img-stu {
        width: 65% !important;
    }

    .the-graduation-title {
        margin-left: 4%;
    }

    .featured-photo-subarna-jayanti {
        width: 100% !important;

    }

    .list-image-hover-zoom--blur img {
        transition: transform 1s, filter 2s ease-in-out;
        filter: blur(0.1px);
        transform: scale(1.1);
        /* height: 140px; */
        margin-top: 2%;
    }

    /* The Transformation */
    .list-image-hover-zoom--blur:hover img {
        filter: blur(0);
        transform: scale(1.2);
    }

    .faculty-modal-content {
        height: 850px !important;
    }

    .participant-search-box {
        width: 65% !important;
        margin: 0 auto !important;
    }

    .biography-photo {
        width: 50% !important;
        margin: 0 auto !important;
        height: 300px !important;
    }

    .biography-details {
        width: 96% !important;
        margin: 0 auto;
        height: 250px;
        text-align: justify;
    }

    .stat-modal-image {
        width: 100% !important;

    }

    .search-result-menu-tittle {

        font-size: 15px !important;

    }

    .search-top-info-left-highlight {
        font-size: 17px !important;
    }


    a.mobilemenu {
        position: relative;
        display: block !important;
        top: 42px;
        left: 15px;
        text-indent: -999999px;
        width: 30px;
        height: 26px;
        margin-top: -23px;
        background: url('../../../../public/img/mobile-nav.png') no-repeat center center;
        z-index: 9999999999;
        margin-top: -23px;
    }

    .mobile-menu-logo img {
        margin-left: 72px;
        max-width: 20%;
        display: block;
    }

    .mob-menu-page {
        display: block !important;
    }

    .multiple-image-section {
        margin-left: 0px !important;
    }

    .image-cover img {
        height: 230px !important;
        width: auto;
    }

    .postDetails img {
        width: 100%;
        height: 270px;
    }


    .specialty-container {
        height: 250px;
    }

    .post-detail-heading {
        font-size: 20px !important;
    }

    .graduate-corner-gallery {
        margin-left: 8px;
    }

    #gallery ul li {
        width: 100%;
    }

    .content-description #primary {
        width: 100% !important;
    }

    .content-description #secondary {
        margin: 0 auto !important;
        float: none !important;
    }

    .menu li a {
        color: #c2c2c9 !important;
    }

    .navbar-toggle {
        margin-top: 0px !important;
    }

    .subarna-jayanti-img {
        width: 100%;
    }

    .cuerpo {
        width: 100%;

    }

    .front-main-title {
        margin-left: 20px !important;
    }

    .front-main-description {
        margin-left: 20px !important;
        margin-right: 20px !important;
    }

    .ci-left {
        margin-left: 10%;
    }

    .ci-right {
        margin-left: 10%;
    }


    .news-and-events-section-mobile {
        display: block !important;
    }

    .news-and-events-section-tablet {
        display: none !important;

    }


    .news-and-events-section-desktop {
        display: none;
    }

    .owl-prev {
        left: 0px;
    }

    .owl-next {
        right: 0px;
    }

    .hist-image-content {
        width: 100% !important;
    }

    .history-image-1 p {
        bottom: 22% !important;
        width: 88% !important;
        font-size: 15px;
    }

    .history-image-2 p {
        bottom: 9% !important;
        width: 88% !important;
        font-size: 15px;
    }


    .history-image-1 {
        height: 230px !important;
    }

    .history-image-2 {
        height: 230px !important;
    }


    .insignia-logo {
        height: 200px !important;
        width: 58% !important;
        margin: 0 auto;

    }


    .social-network ul li a {
        margin-right: 5px;
    }

    .essential-single-image {
        width: 95% !important;
    }

    .logo-top img {
        margin: 5px 0px 5px 0px;
        height: 70px !important;
        text-align: left !important;
        width: 97% !important;
    }

    .our-history-image-one p {
        bottom: 24% !important;
        color: rgb(0, 0, 255) !important;
        width: 82%;
    }

    .our-history-image-two p {
        bottom: 9% !important;
        width: 85%;
        color: rgb(0, 0, 255) !important;
    }

    #home-gallery {
        background-size: cover;
    }

    #newsEvents {
        background-size: cover;
    }

    .apps-icon-1 {
        background-size: contain !important;
        height: 228px !important;

    }

    .apps-icon-2 {
        background-size: contain !important;
        height: 228px !important;
    }

    .apps-icon-3 {
        background-size: contain !important;
        height: 228px !important;
    }

    .apps-container {
        margin-bottom: 10%;
    }

    .others-contact-container-inner {
        margin-bottom: 16% !important;
        margin-left: 4% !important;
    }

    .others-contact-topper-icon {
        width: 30% !important;
    }

    .plane-container {
        margin-top: 63% !important;
    }

    .important-links-img {
        margin-left: -5% !important;
    }

    .search-site-submit-icon {
        margin-top: -14% !important;
    }

    .visit-page {
        font-size: 12px;
    }

    .search-result-order {
        width: 16px !important;
        height: 16px !important;
        font-size: 12px;
    }

    .visit-page-icon {
        width: 22px;
        height: 22px;

    }

    .visit-page-icon .fa {
        color: rgba(191, 116, 16);
        margin-left: 70%;
        font-size: 12px;
    }

    .site-search-title-right {
        float: none !important;
    }

    .site-search-title-left {
        width: 50%;
    }

    .search-top-info-right {
        height: 14px !important;
        width: 110px !important;
        font-size: 9px !important;
    }

    .inner-page-search-site-submit-icon {
        margin-top: -15% !important;
    }

    .login-content .login-from {
        margin-left: 5%;
    }

    .login-content .login-from .form-action {
        margin-bottom: 25px;
    }


}




.moi {
    margin-left: 5px !important;
}

.organogram-img {
    background-size: contain !important;
}



.faculty-appointment {
    font-weight: 700;
}

.category-service-details {
    color: #00156A !important;
}

.category-service-details:hover {
    color: #6371aa !important;
}

.categorized-service-name {
    color: #00156A;
    text-align: center;
    margin-top: 20px;
}


.categorized-service-name {
    color: #00156A;
    text-align: center;
}

.category-service-details-arrow {
    color: #00156A !important;
}

.category-service-details-arrow:hover {
    color: #6371aa !important;
}


.faculty-alumni-info-item:hover .flip-card-img-all-services {
    filter: grayscale(0%);
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
}


.faculty-alumni-info-item {
    overflow: hidden;
    display: flow-root;
    padding: 20px;
    margin-bottom: 30px;
    border-radius: 10px !important;
    box-shadow: inset 0 1px 3px #fff, inset 0 -15px #455fc6, 0 0 3px #6f76c8;
    -o-box-shadow: inset 0 1px 3px #fff, inset 0 -15px #455fc6, 0 0 3px #6f76c8;
    -webkit-box-shadow: inset 0 1px 3px #fff, inset 0 -15px #455fc6, 0 0 3px #6f76c8;
    -moz-box-shadow: inset 0 1px 3px #fff, inset 0 -15px #455fc6, 0 0 3px #6f76c8;
    transition: all 1s ease;
    height: 400px;
}



.faculty-alumni-info-item:hover .flip-card-img-all-services {
    filter: grayscale(0%);
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
}



.flip-card-img-all-services {
    width: 78%;
    height: 250px;
    border-radius: 50% !important;
    margin: 0 auto;
    box-shadow: 0px 0px 8px 0px #333333;
    filter: grayscale(50%);
    transition: all 1s ease;
    padding: 5px;
}


.flip-card-img-stu {
    width: 75%;
    border-radius: 128% !important;
    height: 205px;
    margin: 0 auto;
    box-shadow: 0px 0px 8px 0px #333333;
    filter: grayscale(50%);
    transition: all 1s ease;
}

.graduate-corner-details {
    margin-left: 15px;
    margin-bottom: 15px;
}


.the-graduation-image-container {
    height: 200px;
    width: 100%;
}

.the-graduation-list {
    margin-left: 15px;
    list-style-type: square;
}

.featured-photo-subarna-jayanti {
    width: 50%;
    margin: 0 auto;
    height: 330px;
}

.subarna-jayanti-img {
    margin-bottom: 25px;
}


.faculty-info-item {
    overflow: hidden;
    display: flow-root;
    padding: 20px;
    margin-bottom: 30px;
    border-radius: 10px !important;
    box-shadow: rgba(0, 0, 0, 0.25) 0px 54px 55px, rgba(0, 0, 0, 0.12) 0px -12px 30px, rgba(0, 0, 0, 0.12) 0px 4px 6px, rgba(0, 0, 0, 0.17) 0px 12px 13px, rgba(0, 0, 0, 0.09) 0px -3px 5px;
    transition: all 1s ease;
    height: 370px;
    background-image: url(../../../../public/img/cp_dashboard/cp_alumni_card_bg.png);
    background-color: #f9f9f9;
    background-size: contain;
}

.faculty-info-item:hover .flip-card-img-stu {
    filter: grayscale(0%);
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
}


.faculty-details-button {
    background-color: white;
    color: black;
    padding: 10px 20px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    margin: 4px 2px;
    transition-duration: 0.4s;
    cursor: pointer;
    border: 2px solid #008CBA;
    border-radius: 25px !important;
    margin-top: 20px;
}

.faculty-details-button:hover {
    background-color: #008CBA;
    color: white;
}

.flip-card-back-name {
    margin-top: 5%;
}

.flip-card-back-description {
    margin-top: 5% !important;
}

.modal-backdrop {
    position: relative;
    bottom: 0;
    z-index: 0;
}

.faculty-modal-content {
    min-height: 500px;
    border: 1px solid #92b3d2;
    box-shadow: 5px 10px 18px #888888
}

.bio-modal-header {
    display: block;
}

/* .modal-dialog .modal-faculty {
    width: 80%;
    margin: 0 auto;
} */

@media screen and (min-width: 768px) {
    .modal-dialog {
        max-width: 60%;
        margin: 0 auto;
        margin-top: 2%;
    }

    .important-links-title {
        float: none !important;

    }

}

.clone-modal-header .bio-detail-header {
    text-align: center;
    color: #fff;

}

.modal-header {
    color: #fff;
    padding-top: 20px;
}

.biography-photo {
    float: left;
    width: 25%;
    height: 180px;
    margin-left: 8px;
}

.biography-photo img {
    /* height: 180px; */
    width: 100%;
}

.biography-details {
    float: left;
    width: 70%;
    height: auto;
    text-align: justify;
}

.biography-close {
    height: 45px;
}

.biography-close .biography-close-btn {
    position: absolute;
    right: 28px;
    bottom: 20px;
}

.biography-close-btn:hover {
    color: #fff !important;
}

.faculty-transfer-img-container {
    /* width: 30%; */
    width: 70%;
    margin: 0 auto;

}

.faculty-transfer-img-container img {
    width: 92%;
    margin-bottom: 10px;
}

.faculty-transfer-details-container {
    width: 92%;
    margin-bottom: 10px;
    text-align: center;
}


/* CSS For New Bootstrap Version */

.top-header {
    text-align: right;
    /* padding-top: 5px; */
}

.collapse.navbar-collapse {
    justify-content: flex-end;
}

/* .primary-header-container{
    position: absolute;
    right: 0;
 } */

.parent-item .sub-menu {
    margin-top: 1px !important;
    width: 230px;
}

.graduate-corner-container {
    margin-right: 5px;
}

.graduate-corner-gallery {
    margin-left: 8px;
}

.top-header .menu.navbar-nav li:last-child>a {
    padding-right: 0px !important;
}

.footer-list-items {
    list-style-type: square;
    margin-left: 15px;
}

.course-label {
    text-align: center;
    color: #0b0c7c;
    font-size: 13px;
}

.select-course-lebel {
    float: left;
    margin-right: 20px;
    margin-top: 10px;
}

.select-course-input {
    float: left;
    margin-right: 20px;
    width: 50%;
}

.select-course-button {
    float: left;
}

.participant-search-box {
    width: 40%;
    margin: 0 auto;
}

.select-course-search {
    float: left;
    width: 20%;
}

.select-course-search-input {
    float: left;
}

/* element.style {
    display: inline-block;
    height: 151px !important;
    position: relative;
    top: 0px;
    width: auto !important;
    background-color: #ffffff;
    border-radius: 100px !important;
    padding: 10px;
} */


.only-one-div {
    width: 50%;
    margin-left: 13%;
}

.no-deputy-commandant {
    height: 200px;
}

.no-deputy-commandant-msg {
    text-align: center;
    color: darkred;
    font-size: 24px;
}

.no-directing-staff {
    height: 200px;
}

.no-directing-staff-msg {
    text-align: center;
    color: darkred;
    font-size: 24px;
}


.no-senior-instructor {
    height: 200px;
}

.no-senior-instructor-msg {
    text-align: center;
    color: darkred;
    font-size: 24px;
}

.organogram-image {
    margin: 0 auto;
    width: 60% !important;
}

.hist-content {
    float: left;
    width: 65%;
}

.hist-image-content {
    float: right;
    width: 28%;
}

.history-image-1 {

    background-image: url(../../../../public/img/cmd.jpg);
    height: 200px;
    background-size: cover;
    margin-bottom: 23%;
}

.history-image-2 {

    background-image: url(../../../../public/img/hist1.jpg);
    height: 200px;
    background-size: cover;
}

.history-image-1 p {
    font-style: italic;
    position: absolute;
    bottom: 47%;
    color: rgb(0, 0, 255);
    text-align: justify;
    width: 23%;
}

.history-image-2 p {
    font-style: italic;
    position: absolute;
    bottom: 21%;
    text-align: center !important;
    width: 23%;
    color: rgb(0, 0, 255);
}

.insignia-description {}

.insignia-logo {
    background-image: url(../../../../public/img/insignia.png);
    height: 200px;
    background-repeat: no-repeat;
    width: 80%;
    margin: 0 auto;

}

/* .insignia-logo-title {
    color: rgb(0, 0, 255) !important;
    font-style: italic;
    position: absolute;
    bottom: 19%;
    right: 13%;
} */

.insignia-logo-title {
    color: rgb(0, 0, 255) !important;
    font-style: italic;
    text-align: center;
    /*position: absolute;
    bottom: 19%;
    right: 13%;*/
}

.essential-single-image {
    width: 30%;
    margin: 0 auto;
}

.terms-condition-section {
    height: 180px;
}

.disable-text-selection {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}


.organogram-title {
    text-align: center !important;
    color: rgb(0, 0, 255) !important;
    font-style: italic;
    margin-top: 15px;
}

.organogram {
    width: 66%;
    margin: 0 auto;

}

.organogram-img {
    height: 600px;
    width: 100% !important;
    background-size: cover;
    background-image: url(../../../../public/img/organogram-new.png);
}

body {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

/* .our-specialty-read-more{
    background-image: url(../../../../public/img/specialty_read_more_icon.png);
    height: 30px;
    width: 30px;
} */

.welcome-read-more .our-specialty-read-more-section {
    height: 13px;
    width: 13px;
    background-image: url(../../../../public/img/specialty_read_more_icon.png);
    background-size: cover;
    display: block;
    float: right;
    margin-top: 5px;
    margin-left: 5px;
}

.menu ul ul {
    top: -1.6rem !important;
    left: 98% !important;
}

.frontend-publication-title {
    text-align: center;
    font-size: 16px;
    color: #000;
}

.frontend-publication-icon {
    margin-bottom: 0px !important;
}

.card-short-description {
    color: #414040 !important;
}

.cp-search {
    width: 10%;
    margin: 0 auto;

}

.header-bottom .menu>li+li {
    margin-left: 20px !important;
}

.header-bottom .top-header .menu>li+li {
    margin-left: 8px !important;
}

.filter-submit {
    border-radius: 25px !important;
}

.filter-submit i:last-child {
    margin-left: 0px !important;
}



.history-image {
    float: right !important;
}

.history-description {
    float: left !important;
}

.organogram-img {
    background-size: contain !important;
    background-position: center;
    background-repeat: no-repeat;
}


.history-image-one {

    background-image: url(../../../../public/img/cmd.jpg);
    height: 250px;
    background-size: contain;
    margin-bottom: 23%;
    background-repeat: no-repeat;
}

.history-image-two {

    background-image: url(../../../../public/img/hist1.jpg);
    height: 250px;
    background-size: contain;
    background-repeat: no-repeat;
}

.history-image-one p {
    font-style: italic;
    position: absolute;
    bottom: 49%;
    color: rgb(0, 0, 255);
    text-align: center !important;
    width: 25%;
}

.history-image-two p {
    font-style: italic;
    position: absolute;
    bottom: 19%;
    text-align: center !important;
    width: 25%;
    color: rgb(0, 0, 255);
}

@media only screen and (max-width: 359px) {

    .logo-top img {
        height: 64px !important;
        width: 97% !important;
    }

    .navbar {
        position: absolute !important;
        right: -3% !important;
    }

    .history-image-one p {
        width: 84% !important;
        bottom: 23% !important;
    }

    .history-image-two p {
        width: 84% !important;
        bottom: 9% !important;
    }

    .stat-modal-image {
        width: 100% !important;

    }

    .our-history-image-one p {
        bottom: 23% !important;
        color: rgb(0, 0, 255) !important;
        width: 82%;
    }

    .our-history-image-two p {
        bottom: 9% !important;
        width: 85%;
        color: rgb(0, 0, 255) !important;
    }

    .search-site-submit-icon {
        margin-top: -13% !important;
    }

}


@media only screen and (max-width: 400px) {
    .apps-icon-1 {
        background-size: contain !important;
        height: 214px !important;
    }

    .apps-icon-2 {
        background-size: contain !important;
        height: 214px !important;
    }

    .apps-icon-3 {
        background-size: contain !important;
        height: 214px !important;
    }
}



@media only screen and (max-width: 361px) {

    .others-contact-topper-icon {
        width: 34% !important;
    }

    .plane-container {
        margin-top: 71% !important;
    }

    .apps-icon-1 {
        background-size: contain !important;
        height: 195px !important;

    }

    .apps-icon-2 {
        background-size: contain !important;
        height: 195px !important;
    }

    .apps-icon-3 {
        background-size: contain !important;
        height: 195px !important;
    }

    .search-site-submit-icon {
        margin-top: -12.5% !important;
    }


}




@media only screen and (max-width: 835px) {
    .history-image-one p {
        width: 28% !important;
        bottom: 54% !important;
    }

    .history-image-two p {
        width: 28% !important;
        bottom: 32% !important;
    }
}


@media only screen and (max-width: 767px) {
    .history-image-one p {
        /* width: 62% !important; */
        bottom: 62% !important;
    }

    .history-image-two p {
        /* width: 84% !important; */
        bottom: 41% !important;
    }

    .modal-backdrop {
        z-index: -1 !important;
    }
}

@media only screen and (max-width: 769px) {
    .history-image-one p {
        /* width: 62% !important; */
        bottom: 59% !important;
    }

    .history-image-two p {
        /* width: 84% !important; */
        bottom: 37% !important;
    }
}



@media only screen and (max-width: 575px) {

    .navbar {
        position: absolute;
        right: -2%;
    }

    .history-image-one p {
        width: 84% !important;
        bottom: 25% !important;
    }

    .history-image-two p {
        width: 84% !important;
        bottom: 10% !important;
    }

    .modal-backdrop {
        z-index: -1 !important;
    }

}


@media only screen and (max-width: 320px) {


    .history-image-one p {
        width: 84% !important;
        bottom: 23% !important;
    }

    .history-image-two p {
        width: 84% !important;
        bottom: 11% !important;
    }

    .modal-backdrop {
        z-index: -1 !important;
    }

    .stat-modal-image {
        width: 100% !important;

    }

    .our-history-image-one p {
        bottom: 23% !important;
        color: rgb(0, 0, 255) !important;
        width: 82%;
    }

    .our-history-image-two p {
        bottom: 9% !important;
        width: 85%;
        color: rgb(0, 0, 255) !important;
    }

    .search-site-submit-icon {
        margin-top: -14% !important;
    }

    .search-result-order {
        width: 16px !important;
        height: 16px !important;
        font-size: 12px;
    }

    .visit-page-icon {
        width: 22px;
        height: 22px;

    }

    .visit-page-icon .fa {
        color: rgba(191, 116, 16);
        margin-left: 70%;
        font-size: 12px;
    }

}

@media only screen and (max-width: 380px) {
    .logo-top img {
        height: 66px !important;
        width: 100% !important;
    }

    .navbar {
        position: absolute !important;
        right: -3% !important;
    }

    .search-site-submit-icon {
        margin-top: -18% !important;
    }

}

@media only screen and (max-width: 361px) {

    .history-image-one p {
        width: 84% !important;
        bottom: 24% !important;
    }

    .logo-top img {
        height: 64px !important;
        width: 97% !important;
    }

    .navbar {
        position: absolute !important;
        right: -3% !important;
    }
}


@media only screen and (max-width: 320px) {
    .others-contact-topper-icon {
        width: 39% !important;
    }

    .apps-icon-1 {
        background-size: contain !important;
        height: 166px !important;

    }

    .apps-icon-2 {
        background-size: contain !important;
        height: 166px !important;
    }

    .apps-icon-3 {
        background-size: contain !important;
        height: 166px !important;
    }


    .logo-top img {
        height: 56px !important;
        width: 98% !important;
    }

    .navbar {
        position: absolute !important;
        right: -3% !important;
    }

    .search-result-menu-tittle {
        font-size: 12px !important;
    }


    .search-result-order {
        width: 16px !important;
        height: 16px !important;
        font-size: 12px;
    }

    .site-search-title-left {
        width: 38%;
    }



}

.select2-container--bootstrap .select2-selection__clear {
    display: none;
}

a#lg-download-1 {
    display: none;
}

a#lg-download-2 {
    display: none;
}

.history-image-one {
    background-image: url(../../../../public/img/cmd.jpg);
    height: 250px;
    background-size: contain;
    margin-bottom: 23%;
    background-repeat: no-repeat;
}

.history-image-one p {
    font-style: italic;
    position: absolute;
    bottom: 49%;
    color: rgb(0, 0, 255);
    text-align: center !important;
    width: 25%;
}

.history-image-two {
    background-image: url(../../../../public/img/hist1.jpg);
    height: 250px;
    background-size: contain;
    background-repeat: no-repeat;
}

.history-image-two p {
    font-style: italic;
    position: absolute;
    bottom: 19%;
    text-align: center !important;
    width: 25%;
    color: rgb(0, 0, 255);
}

.our-history-image-one {
    background-image: url(../../../../public/img/cmd.jpg);
    height: 250px;
    background-size: contain;
    margin-bottom: 23%;
    background-repeat: no-repeat;
}

.our-history-image-two {
    background-image: url(../../../../public/img/hist1.jpg);
    height: 250px;
    background-size: contain;
    background-repeat: no-repeat;
}


#outerContainer #mainContainer div.toolbar {
    display: none ! important;
    /* hide PDF viewer toolbar */
}


.statistics-container {
    opacity: 1;
    height: auto;
    transition: .5s ease;
    backface-visibility: hidden;
}

.statistics-container:hover .modal-icon {
    opacity: 1;
    color: #fff;
}

.statistics-container:hover {
    background-color: #ffffff2a;
}

.statistics-container:hover :is(.statistics-image, .stats-number, .stats-text) {
    opacity: 0.1;
}

.modal-icon {
    transition: .5s ease;
    opacity: 0;
    position: absolute;
    top: 40%;
    left: 50%;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    text-align: center;
    color: #fff;
    font-size: 25px;
}


#statModalContainer {
    width: 100%;
}


.modal-footer {
    width: 100%;
}

.statistics-close-btn {
    position: absolute;
    bottom: 0px;
}

.statistics-close-btn:hover {
    color: #fff !important;
}

.stat-modal-container {
    width: 100%;
}

.modal-backdrop {
    z-index: 0;
    outline: 0;
    opacity: 0.9;
    background-color: #262424;
}

.modal {
    z-index: 99999;
    outline: 0;
}

.statistics-modal-header h3 {
    text-align: center;
    font-family: 'dmSans';
}

.stat-modal-image {
    width: 64%;
    height: auto;
    margin: 0 auto;
    margin-top: 30px;
}

.stat-modal-image img {
    border-radius: 15px !important;
    box-shadow: 2px 2px 2px 2px #888888;
    width: 100%;
    height: 225px;
}

.stat-modal-title {
    text-align: center;

}

.text h3 {
    color: #fff;
}

.stat-modal-content {
    background: url('../../../../public/img/statistics_modal_bg.png');
    background-color: #fff;
    background-size: cover;
    box-shadow: 5px 10px 18px #494747;

}

.statistics-modal-header {
    border-bottom: 1px solid #c2c1c1 !important;
}

.statistics-close {
    height: 55px;
    border-top: 1px solid #c2c1c1 !important;
}

.statistics-close .statistics-close-btn {
    position: absolute;
    right: 5px;
    bottom: 5px;
    border-radius: 5px !important;
    color: #fff;
    background-color: #d62d39;
}


.statistics-close .statistics-close-btn:hover {
    background-color: #940610 !important;
    color: #fff !important;
}



.statistics-close-btn:hover {
    color: #fff !important;
}

.statistics-modal-header .modal-btn-top {
    position: absolute;
    top: 13px;
    right: 13px;
    margin-right: 5px;
    border-radius: 5px !important;
    background-color: #d62d39;
    color: #fff;
}

.statistics-modal-header .modal-btn-top:hover {
    background-color: #940610;
    color: #fff !important;
}

.modal-close-icon {
    font-size: 20px;
    color: #fff;
}

.stat-modal-description p {
    color: #000 !important;
    padding: 10px;
    font-family: dmSans !important;
}

.contact-us-body {
    background-image: url(../../../../public/img/contact_info_bg_layer.png);
    background-repeat: no-repeat;
    background-size: cover;
}

/* #FBD962 */


.how-to-get-here-heading {
    color: #00156A;
    padding-bottom: 13px;
    font-weight: 700;
    background: url('../../../../public/img/head-bottom-bg.png') no-repeat left bottom;
}



.contact-envelope-container,
.contact-globe-container,
.contact-phone-container,
.contact-map-marker-container {
    background-color: #FECB4B;
    width: 22px;
    margin: 0 auto;
    height: 19px;
    padding-top: 2px;
    padding-left: 5px;
    border-radius: 3px;
    margin-bottom: 10px;
}


.contact-info-header-section {
    margin-top: 20px;
    margin-left: 20px;
}

.contact-info-sub-heading {
    font-size: 27px;
    font-weight: 700;
    color: #C17817;
}


.contact-info-main-contact {
    margin-left: 15px;
    margin-bottom: 15px;
}

.contact-info-main-contact p {
    margin-left: 7px;
    margin-bottom: 15px;
    font-size: 16px;
}

.contact-info-addresses {
    margin-left: 23px !important;
    font-weight: 700;
}

.others-contact-container-inner {
    width: 97%;
    margin: 0 auto;
    height: 235px;
    background-color: #FCF9EA;
    border-radius: 30px !important;
    transition: box-shadow 1s;

}

.others-contact-topper-icon {
    width: 29%;
    height: 100px;
    border-radius: 50px !important;
    background-color: #FECB4B;
    margin: 0 auto;
    position: relative;
    top: -12%;
    padding-top: 5%;
}

.others-contact-container:nth-child(1) .others-contact-topper-icon-img {
    width: 55%;
    margin: 0 auto;
    height: 100px;
    background-image: url(../../../../public/img/Others_contact_location_layer.png);
    background-size: contain;
    background-repeat: no-repeat;

}

.others-contact-container:nth-child(2) .others-contact-topper-icon-img {
    width: 55%;
    margin: 0 auto;
    height: 100px;
    background-image: url(../../../../public/img/Others_contact_person_layer.png);
    background-size: contain;
    background-repeat: no-repeat;

}

.others-contact-container:nth-child(3) .others-contact-topper-icon-img {
    width: 55%;
    margin: 0 auto;
    height: 100px;
    background-image: url(../../../../public/img/Others_contact_person_layer.png);
    background-size: contain;
    background-repeat: no-repeat;

}


.others-contact-container-inner:hover {
    box-shadow: 10px 10px 5px rgb(254, 215, 116);
    transition: 0.4s ease-in-out;
}

.others-contact-details-container {
    width: 80%;
    margin: 0 auto;
    height: auto;
}



.frame {
    width: 500px;
    height: auto;
    margin: 15% auto 0;
    position: absolute;
    width: 100%;
}

svg {
    max-width: 100%;
    height: auto;
    display: block;
}


.plane-container {
    width: 210px;
    z-index: 3;
    margin-top: 3%;
}

/*Paper Plane: Image*/
.plane {
    width: 100%;
    height: 110px;
}

/*Paper Plane: Animation*/
.plane-container {
    -webkit-animation: paper-plane-scoping 2s alternate infinite;
    -moz-animation: paper-plane-scoping 2s alternate infinite;
    animation: paper-plane-scoping 2s alternate infinite;

    -webkit-animation-timing-function: linear;
    -moz-animation-timing-function: linear;
    animation-timing-function: linear;
}

@-webkit-keyframes paper-plane-scoping {
    0% {
        -webkit-transform: translateY(0px);
        -moz-transform: translateY(0px);
        transform: translateY(0px);
    }

    100% {
        -webkit-transform: translateY(100px);
        -moz-transform: translateY(100px);
        transform: translateY(100px);
    }
}

.plane {
    -webkit-animation-timing-function: ease-in-out;
    -moz-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;

    -webkit-animation: paper-plane-soaring 4s forwards infinite;
    -moz-animation: paper-plane-soaring 4s forwards infinite;
    animation: paper-plane-soaring 4s forwards infinite;
}

@-webkit-keyframes paper-plane-soaring {
    0% {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    40% {
        -webkit-transform: rotate(15deg);
        -moz-transform: rotate(15deg);
        transform: rotate(15deg);
    }

    50% {
        -webkit-transform: rotate(15deg);
        -moz-transform: rotate(15deg);
        transform: rotate(15deg);
    }

    60% {
        -webkit-transform: rotate(-10deg);
        -moz-transform: rotate(-10deg);
        transform: rotate(-10deg);
    }

    70% {
        -webkit-transform: rotate(-10deg);
        -moz-transform: rotate(-10deg);
        transform: rotate(-10deg);
    }

    100% {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        transform: rotate(0deg);
    }
}


.contact-info-img {
    position: relative;
    animation: contact-info-img 2s 2;
    animation-direction: alternate;
    animation-iteration-count: infinite;

}


@keyframes contact-info-img {
    0% {
        bottom: 0px;
        top: 30px;
    }

    100% {
        bottom: 30px;
        top: 0px;
    }

}

.others-contact-block {
    padding-top: 30px;
    margin-top: 15px;
}

.others-contact-heading-1 {
    font-size: 27px;
    font-weight: 700;
    color: #00156A !important;
}

.others-contact-heading-2 {
    font-size: 27px;
    font-weight: 700;
    color: #C17817;
}

.contact-info-sub-heading-1 {
    font-size: 27px;
    font-weight: 700;
    color: #00156A !important;
    padding-top: 30px;
}

.contact-info-sub-heading-2 {
    font-size: 27px;
    font-weight: 700;
    color: #C17817;
}


.others-contact-envelope-container,
.others-contact-phone-container {
    background-color: #FECB4B;
    width: 22px;
    margin: 0 auto;
    height: 19px;
    padding-top: 2px;
    padding-left: 4px;
    border-radius: 3px;
    margin-bottom: 10px;
}

.apps-section {
    background-image: url(../../../../public/img/DSCSC_Apps_bg.png);
    background-size: contain;
    background-repeat: no-repeat;
    height: auto;
    padding-top: 5%;
    padding-bottom: 5%;
}

.apps-icon-1 {
    background-image: url(../../../../public/img/cp_dashboard/App-Photo-Frame.png);
    height: 235px;
}

.apps-icon-1 img {
    position: relative;
    top: 20px;
    height: 180px;
    width: 170px;
    border-radius: 10px !important;
    margin-left: 46px;
}

.col-md-4:nth-child(odd) .apps-icon-1 img {
    transform: rotate(-7deg);
}

/* Rotate even-numbered images to the right */
.col-md-4:nth-child(even) .apps-icon-1 img {
    transform: rotate(7deg);
}


/* .apps-icon-2 {
    width: 90%;
    margin: 0 auto;
    height: 237px;
    background-image: url(../../../../public/img/dscsc_library_management_system.png);
    background-size: contain;
    background-repeat: no-repeat;
    border-radius: 20px !important;

}

.apps-icon-3 {
    width: 90%;
    margin: 0 auto;
    height: 237px;
    background-image: url(../../../../public/img/dscsc_plagiarism_management_system.png);
    background-size: contain;
    background-repeat: no-repeat;
    border-radius: 20px !important;

} */



.apps-icon-1:hover,
.apps-icon-2:hover,
.apps-icon-3:hover {
    animation: shake 0.82s cubic-bezier(.36, .07, .19, .97) both;
    transform: translate3d(0, 0, 0);
    perspective: 1000px;
    /* box-shadow: 10px 10px 5px #ccdefb; */
    transition: 0.4s ease-in-out;

}

@keyframes shake {

    10%,
    90% {
        transform: translate3d(-1px, 0, 0);
    }

    20%,
    80% {
        transform: translate3d(2px, 0, 0);
    }

    30%,
    50%,
    70% {
        transform: translate3d(-2px, 0, 0);
    }

    40%,
    60% {
        transform: translate3d(2px, 0, 0);
    }
}

.apps-btn {
    margin-top: 15% !important;
    margin-bottom: 15% !important;
    width: 100%;
    margin: 0 auto;
    height: 45px;
    background: #F9C207;
    text-align: center;
    line-height: 45px;
    border-radius: 13px !important;
    color: #000;
    font-size: 15px;
    font-weight: 700;
    cursor: pointer;
}

.apps-btn:hover {
    background: #dead09;
    transition: 0.4s ease-in-out;
}

.news-events-details-img {
    width: 100%;
    height: 215px;
}

.important-links-img {
    float: left;
    margin-left: -6%;
    margin-right: 3%;
    margin-top: 2px;

}

.important-links-title {
    float: left;

}

.dscsc-library {
    height: 260px !important;
}

.apps-container {
    margin-top: -35px !important;
    margin: 0 auto;
    width: 285px;
    height: 280px;
    background: #FDFDFD;
    background-repeat: no-repeat;
    box-shadow: #bce193 0px 3px 8px;
    padding: 30px 20px;
    border-radius: 10px !important;
}

.cp-filter-msg {
    margin-left: 35%;
    margin-bottom: 10%;
    font-size: 20px;
    color: rgb(214, 66, 66);
    font-weight: 500;
}

.cp-no-data-found {
    text-align: center;
    font-size: 20px;
    color: #652e07;
}

.card-short-description {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 7;
    /* number of lines to show */
    line-clamp: 7;
    -webkit-box-orient: vertical;
}

/* .site-search-title h2{
    color: #BF8040 !important;
}

.site-search-title h2:hover{
    color: #7e4a16 !important;
} */



.no-search-data {
    color: #7e4a16 !important;
    font-size: 30px;
    text-align: center;
}

.site-search-icon {
    color: #000;
    margin-top: -1%;
    margin-right: 2%;

}

#searchModalSection {
    background-color: rgb(0, 0, 0);
    opacity: 0.8;
}

.searchSiteDiv {
    background-color: #000;
}

.search-modal-content {
    background-color: transparent;
    box-shadow: none;
}

#searchModalContainer {
    width: 100%;
}

.site-search {
    background-color: #000 !important;
    border: 2px solid #a9a9a9 !important;
    border-radius: 25px !important;
    width: 80%;
    margin: 0 auto;
    height: 50px;
    font-size: 18px;
    color: #fff !important
}


form-control .site-search:focus {
    background-color: #000 !important;

}



.search-site-submit-icon {
    float: right;
    margin-right: 2%;
    /* margin-top: -5.5% !important; */
    color: #fff;
    background-color: #000;
    border: none;
    font-size: 24px;

}

input#inputSearch::placeholder {
    color: #a9a9a9;
    font-size: 20px;
}

.search-site-submit-icon i:last-child {
    margin-left: 0px !important;
}



.search-result-menu-tittle {
    /* float: left; */
    color: #666666;
    font-size: 22px;
    font-weight: 500;
    font-family: Arial, Helvetica, sans-serif;
}

.search-result-menu-tittle:hover {
    /* float: left; */
    color: #393838;
}

.search-top-info {
    width: 100%;
}

.search-top-info-left {
    margin-top: 3%;
    /* float: left; */
    font-size: 20px;
    color: rgba(102, 102, 102);
}

.search-top-info-left-highlight {
    color: rgba(102, 102, 102);
    font-size: 25px;
}


.search-top-info-right {
    /* float: right; */
    margin-left: auto;
    height: 20px;
    width: 155px;
    margin-top: 4%;
    padding-left: 10px;
    padding-right: 10px;
    background-color: rgba(247, 237, 216);
    color: rgba(192, 118, 19);
    border-radius: 4px !important;
}

.search-site-container {
    background-image: url(../../../../public/img/dscsc_site_search_result_bg.png);
    background-size: cover;
    background-color: rgba(252, 249, 234, 0.6);
    background-repeat: no-repeat;
    min-height: 250px;
    /* background-repeat: no-repeat; */
}

.visit-page {
    /* float: left; */
    color: rgba(191, 116, 16);
}

.visit-page:hover {
    /* float: left; */
    color: rgb(240, 182, 107);
}

.visit-page-icon {
    /* float: left; */
    width: 30px;
    height: 30px;
    border-radius: 30px !important;
    background-color: rgba(247, 237, 216);
}

.visit-page-icon:hover {
    background-color: rgb(212, 202, 178);

}

.visit-page-icon .fa {
    color: rgba(191, 116, 16);
    margin-left: 81%;
    margin-top: 59%;
}

.visit-page-icon .fa:hover {
    animation: shake 0.82s cubic-bezier(.36, .07, .19, .97) both;
    transform: translate3d(0, 0, 0);
    perspective: 1000px;

    /* animation: tilt-shaking 0.25s infinite; */

}

@keyframes shake {

    10%,
    90% {
        transform: translate3d(-1px, 0, 0);
    }

    20%,
    80% {
        transform: translate3d(2px, 0, 0);
    }

    30%,
    50%,
    70% {
        transform: translate3d(-2px, 0, 0);
    }

    40%,
    60% {
        transform: translate3d(2px, 0, 0);
    }
}

.site-search-title-left {
    /* float: left; */
}

.site-search-title-right {
    float: right;
}

a.site-search-title * {
    display: inline-block;
}


/* a .search-result-menu-tittle *{
    display: inline-block;
} */



.search-container-page {
    border-bottom: 1px solid #E6E4DC;
}

.search-site-submit-icon {
    color: #fff;
    background-color: transparent;
}

/* .inner-page-search-section {
    width: 60%;
    margin: 0 auto;
} */

.inner-site-search {
    border-radius: 7px !important;

}


.inner-page-search-site-submit-icon {
    float: right;
    margin-top: -14%;
    border: none;
    background-color: transparent;
    color: rgba(136, 133, 136);
    margin-right: 2%;
}

.inner-search-box input[type=text]:hover {
    box-shadow: 0 0 5pt 0.5pt #D3D3D3;
}

.inner-search-box input[type=text]:focus {
    box-shadow: 0 0 5pt 2pt #D3D3D3;
    outline-width: 0px;
}

.inner-page-search-container input:hover {
    box-shadow: 8px 8px 8px rgb(0 0 0 / 20%) !important;
    /* border-color: red; */
}

.inner-page-search-container input:focus {
    box-shadow: 8px 8px 8px rgb(0 0 0 / 20%) !important;
    outline-width: 0px;
    border: 1px solid #ccc;

}


.inner-page-search-container input::placeholder {
    font-size: 16px !important;
    letter-spacing: .157em;

}


.typed-out {
    overflow: hidden;
    border-right: .15em solid #ccc;
    white-space: nowrap;
    animation:
        typing 1s forwards;
    font-size: 1.6rem;
}

@keyframes typing {
    from {
        width: 0
    }

    to {
        width: 100%
    }
}

.search-site-submit-icon:focus {
    background-color: transparent;
    color: #fff !important;
}

.site-search:focus {
    background-color: transparent;
}

.site-search-box input:focus {
    background-color: #000;
}


.search-container .search-box input::placeholder {

    font-size: 16px !important;
    letter-spacing: .15em;
    /* Adjust as needed */
}


.site-search-box {
    width: 80%;
    margin: 0 auto;
}

.site-search-box input::placeholder {
    letter-spacing: 0.87rem !important;
}





/* .inner-site-search {

    animation: blinkTextCursor 500ms steps(44) infinite normal;

}


@keyframes typewriter {
    from {
        width: 0;
    }

    to {
        width: 24em;
    }
}

@keyframes blinkTextCursor {
    from {
        border-left-color: rgba(255, 255, 255, .75);
    }

    to {
        border-right-color: transparent;
    }
} */

.inner-page-search-section {
    margin-top: 3%;
}







/* .inner-site-search button:hover {
    box-shadow: 0 0 5pt 0.5pt #D3D3D3;
}

.inner-site-search input:focus {
    box-shadow: 0 0 5pt 2pt #D3D3D3;
    outline-width: 0px;
} */

/* input[type=text]:hover {
    box-shadow: 0 0 5pt 0.5pt #D3D3D3;
}

input[type=text]:focus {
    box-shadow: 0 0 5pt 2pt #D3D3D3;
    outline-width: 0px;
} */

/* #region registration page  */

.bg-image .mask h1 {
    font-family: 'DMSans';
}

.registration-form {
    /* margin-bottom: 30px; */
    /* max-height: 680px; */
    /* background: url('../../../../public/img/registration_process_bg.png') top; */
    background: url('../../../../public/img/content_bg.png') top;
    background-size: cover;
    background-repeat: no-repeat;
}
.alumni-registration-form{
    background: url('../../../../public/img/registration_process/alumni_registration_process_bg.png') top;
    background-size: cover;
    background-repeat: no-repeat;
}
.registration {
    /* background: #e9fcff; */
    background-image: url('../../../../public/img/registration_process/registration_form_bg.jpg');
    /* margin: 20px; */
    box-shadow: #67abc3db 0px 4px 8px 0px;
    /* border-top: 1px solid #67abc3db;
    border-left: 1px solid #67abc3db; */
    border-radius: 25px !important;
    background-size: cover;

}
.alumni-registration {
    background: url('../../../../public/img/registration_process/alumni_registration_form_bg.jpg') top;
    background-size: cover;
    box-shadow: #67abc3db 0px 4px 8px 0px;
    border-radius: 25px !important;
    padding: 72px 0 19px !important;
}


.registration-content {
    padding: 0 20px 0 55px;
}

.registration-content label {
    font-family: 'DMSans';
    color: #606060;
}
.margin-left-88{
    margin-left: 88px !important;
}


.step-progress img {
    margin: 13px 0px 40px 45px;
    width: 85%;
}

.email-address-input,
.contact-number-input,
.personal-number-input,
.provide-name-input,
.provide-photo-input,
.password-address-input,
.course-list-input,
.rank-list-input {
    font-family: 'DMSans';
    width: 90% !important;
    background: #e9fcff !important;
    border-radius: 8px !important;
}

button.otp-send {
    font-family: 'DMSans';
    margin-bottom: 9px;
    color: #fff !important;
    background-color: #00A2DB !important;
    font-weight: normal;
    font-size: 16px;
    border-radius: 25px !important;
    padding: 3px 15px;
}
.dont-have-account{
    display: inline-flex !important;
}
.register-btn{
    margin-top: 7px !important;

}
.otp-send:hover {
    background-color: #07597B !important;
}

.dont-have-account a {
    font-family: 'DMSans';
    color: #07597B ;
    font-weight: 600;
}

#loader {
    display: block;
    margin: 0 auto;
    width: 100px;
    height: 30px;
    background: #fcf9ea url('../../../../public/img/cp_dashboard/preloader.gif') no-repeat center center;
}

.display-none {
    display: none !important;
}

/* #endregion registration page  */

/* #region Otp Varification */

.cp-otp-verify .sent-otp-header {
    font-family: 'DMSans';
    font-size: 35px;
    color: #C17717 !important;
}

.cp-otp-verify .your-email {
    font-family: 'DMSans';
    font-size: 25px;
    color: #606060;
    text-align: center;

}

/* .cp-otp-verify .partitioned {
    font-family: 'Courier New', Courier, monospace !important;
    padding-left: 15px;
    letter-spacing: 36px;
    border: 0;
    background: #FCF9EA;
    background-image: linear-gradient(to left, #C27817 70%, rgba(255, 255, 255, 0) 0%);
    background-position: bottom;
    background-size: 50px 2px;
    background-repeat: repeat-x;
    background-position-x: 35px;
    width: 250px;
    outline: none;
} */


.otp-input {
    display: flex;
    gap: 10px;
  }

  .otp-input input {
    width: 50px;
    height: 50px;
    font-size: 20px;
    text-align: center;
    border: 1px solid #ccc;
    border-radius: 5px;
    transition: border-color 0.2s ease, box-shadow 0.2s ease;
  }

  .otp-input input:focus {
    border-color: #007bff;
    outline: none;
    box-shadow: 0 0 5px rgba(0, 123, 255, 0.5);
  }


.cp-otp-verify button.otp-verify {
    font-family: 'DMSans';
    font-size: 16px;
    font-weight: bold;
    color: #fff !important;
    height: 25px;
    padding: 17px 0px 17px 8px;
    letter-spacing: 1px;
    background-color: #00A2DB !important;
    border-radius: 20px !important;
}


.cp-otp-verify button.otp-verify:hover {
    background-color: #07597B !important;
}
.cp-otp-verify .resend-btn-div {
    font-size: 16px;
    font-family: 'DMSans';
    color: #606060;
    text-align: center;
    margin-top: 15px;
}

.cp-otp-verify .resend-btn {
    color: #C27817 !important;
    font-weight: bold;
    text-decoration: underline !important;
}

.resend-btn:hover {
    color: #1c7fc6 !important
}

/* #endregion Otp Varification */

/* #region Before Login */
.provide-otp-label {
    font-family: 'DMSans';
    font-size: 30px;
    color: #606060;
    text-align: center;
    margin-top: 25px;
}

.before-login-action.text-center {
    display: flex;
    gap: 50px;
    justify-content: center;
    margin-top: 40px;
}

.before-login-action a.bg-blue {
    font-family: 'DMSans';
    color: #fff !important;
    font-size: 16px;
    padding: 8px 25px;
    margin-right: 20px;
    background-color: #19BF73 !important;
    border-radius: 7px !important;
    letter-spacing: 1px;
}

.before-login-action .btn-danger {
    font-size: 16px;
    padding: 9px 20px;
    border-radius: 7px !important;
    letter-spacing: 0.5px;
}

/* #endregion Before Login */

/* #region cp login */
.cp-login {
    padding: 20px 0 40px 0;
    background: #fcf9ea;
    box-shadow: #fecb4b 0px 4px 8px 0px;
    border-top: 1px solid #fecb4b;
    border-left: 1px solid #fecb4b;
    border-radius: 25px !important;
}

.login-btn {
    font-family: 'DMSans';
    font-size: 18px;
    color: #fff !important;
    margin-top: 10px;
    margin-bottom: 10px;
    padding: 5px 20px;
    border-radius: 50px !important;
    background-color: #00A2DB !important;
    letter-spacing: 1px;
}

.cp-login-password input#password {
    margin-bottom: 0;
}

/* #endregion cp login */

/* #region reset password */
/* .reset-password-container {
    padding: 20px 0 40px 0;
    background: #fcf9ea;
    box-shadow: #fecb4b 0px 4px 8px 0px;
    border-top: 1px solid #fecb4b;
    border-left: 1px solid #fecb4b;
    border-radius: 25px !important;
} */

.reset-btn {
    font-family: 'DMSans';
    font-size: 18px;
    color: #fff !important;
    margin-top: 10px;
    padding: 5px 25px;
    border-radius: 50px !important;
    background-color: #00A2DB !important ;
    letter-spacing: 1px;
}

.sa-button-container button.cancel.btn.btn-lg.btn-default {
    color: #666;
    background-color: #e1e5ec;
    border-color: #e1e5ec;
}

/* #endregion reset passwor */

/* #region Final Login page */

.login-content {
    background: #fff;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
    border-radius: 25px !important;
    margin-bottom: 35px;
}

.login-content .login-from {
    position: relative;
    z-index: 0;
}

.login-from img.right-side-one {
    position: absolute;
    right: 5px;
    top: -3px;
}

.login-from img.right-side-two {
    position: absolute;
    bottom: -6px;
    right: 0;
    z-index: -1;
}

.login-from label {
    font-family: 'DMSans';
    font-size: 14px;
    color: #5A5A5A;
    font-weight: 700;
    letter-spacing: 0.5px;
}

.login-content img.left-side-image {
    margin-top: -7px;
    margin-bottom: -5px;
}

.login-content .login-right-side {
    margin-top: 90px;
}

.login-content .login-from .form-action {
    /* margin-top: 40px; */
    margin-top: 10px;
    display: flex;
    gap: 20px;
    justify-content: center;
}

.login-content .login-label-icon {
    display: flex;
    gap: 5px;
}

.login-content .login-label-icon img {
    height: 20px;
    width: 20px;
}

.login-content .login-from .login-submit {
    font-family: 'DMSans';
    background: #42CE7B;
    color: #fff;
    font-size: 16px;
    padding: 7px 30px;
    border-radius: 10px !important;
}

.login-content .login-from .login-submit:hover {
    background: #219952;
    color: #fff !important;
}


.login-content .login-from .email-address-input,
.login-content .login-from .password-address-input {
    font-family: 'DMSans';
    width: 90%;
    background: #E5F0F9;
    border-radius: 8px !important;
}

.register-message span {
    font-family: 'DMSans';
    font-size: 18px;
    color: #606060;
    margin-bottom: 7px;
}

.register-message a {
    font-size: 20px;
    color: #39CC75;
}

/* #endregion Final Login page */

/* #region CP Request Dashboard start */

.overview-content {
    margin-top: -35px !important;
    background: url(../../../../public/img/cp_dashboard/Overview-BG.png) no-repeat;
    margin: 0 -20px;
    background-size: cover;
}

.user-details-section {
    font-family: 'DMSans';
    margin-top: 10px;
}

.user-details-section .full-name {
    color: #444444;
    font-size: 18px;
    font-weight: bold;
}

.user-details-section ul {
    display: flex !important;
    justify-content: center;
    gap: 15px;
}

.user-details-section ul li {
    display: flex;
    gap: 10px;
}

.user-details-section ul li img {
    height: 18px;
    width: 18px;
}

.dashboard-progress-bar {
    background: #fff;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
    padding: 20px;
    margin: 0 -18px 20px !important;
    border-radius: 5px !important;
}

.dashboard-progress-bar .progress-details {
    gap: 10px;
    display: flex;
    align-items: center;
    /* background: #e3fce5; */
    background: #D8FDD3;
    padding: 7px 4px;
    border-radius: 8px !important;

    & a {
        color: #444444;
        font-size: 16px;
    }

    & span {
        margin-left: 10px;
    }

    ;
}

.dashboard-progress-bar .progress-details img {
    height: 30px;
    width: 30px;
}

svg#animated {
    margin-left: 20px;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
}

.dashboard-progress-bar .svg-profile-completion-block {
    position: relative;
}

.dashboard-progress-bar span.complete-text {
    position: absolute;
    display: flex;
    margin-left: 34px;
    margin-top: -25px !important;
}

.basic-info {
    background: #fff;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
    border-radius: 8px !important;
    margin: 0px -10px;
}

.basic-info span.miscellaneous-header {
    font-family: 'DMSans';
    font-size: 21px;
    color: #fff;
    display: flex;
    gap: 10px;
    background: #3E7A56 url(../../../../public/img/cp_dashboard/Green-Splash-Ber.png) center;
    padding: 4px 5px;
    border-radius: 5px 5px 0 0 !important;
}

.basic-info span img {
    /* height: 30px; */
    height: 25px;
    /* width: 30px; */
    width: 25px;
}

.basic-info table {
    margin-bottom: 0 !important;
}

.basic-info .table-responsive.webkit-scrollbar {
    margin: 10px;
    padding-bottom: 10px;

}

.basic-info .table th,
.basic-info .table td {
    font-family: 'DMSans';
    color: #606060;
    margin: 0 !important;
    font-size: 16px;
    padding: 6px !important;
}

.request-content {
    height: auto;
    background: url(../../../../public/img/cp_dashboard/dashboard_bg.png) center no-repeat;
    margin: 0 -12px;
    background-size: cover;
}

.content-area ul.nav {
    margin: 0 -20px;
    padding-right: 40px;
    font-family: 'DMSans';
    color: #444444;
    border-bottom: 1px solid;

    & li a {
        color: inherit;
    }
}

.justify-content-end {
    justify-content: end;
}

.gap-10px {
    gap: 10px
}

.content-area ul li.active {
    border-bottom: 2px solid #3E5E4A;
}



.personal-info-input-field {
    font-family: 'DMSans';
    color: #7b7c7c;
    border-radius: 5px !important;
    border-color: #93a1bb !important;
}

.personal-info .input-group {
    display: flex;
}

.personal-info span.input-group-btn {
    display: flex;
}

.personal-info button.btn.default.reset-date,
.personal-info button.btn.default.date-set {
    padding: 0;
}

.personal-info .form-control[readonly] {
    font-family: 'DMSans';
    background: #fff;
}

.personal-info span.input-group-text {
    font-family: 'DMSans';
    font-size: 12px;
    width: 36px;
    background: #C2CAD8;
}

.personal-info {
    background: #fff;
    padding: 10px;
    margin-bottom: 20px;
    border-radius: 8px !important;
    height: auto;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
}

.personal-info .form-group label {
    font-family: 'DMSans';
    font-size: 15px;
    color: #444444;
}

/* #endregion CP Request Dashboard End */

/* Professional info start */
.cp-dashboard .course-position {
    display: grid;
    grid-template-columns: 2fr 2fr;
    margin: 20px 20px 0px -2px;
    border-radius: 0 0 5px 5px !important;
}

.cp-dashboard .course-position label {
    padding-top: 8px;
    margin: 0 0 20px 0;
    text-align: center;
    border: 1px solid #e5d5d5;
    border-right: none;
    border-radius: 8px 0 0 8px !important;
    font-family: 'DMSans';
    color: #7b7c7c;
}

.cp-dashboard .course-position input#coursePosition {
    font-family: 'DMSans';
    background: #fff;
    border-radius: 0 8px 8px 0 !important;
    border: 1px solid #e5d5d5;
    border-left: none;
    background-color: #EFEFEF;
}

.cp-dashboard .input-group {
    display: flex;
}

.cp-dashboard span.input-group-btn {
    display: flex;
}

.cp-dashboard button.btn.default.reset-date,
.cp-dashboard button.btn.default.date-set {
    padding: 0;
    margin-right: 0;
}

/* Professional info End */

/* edit photo start*/
.edit-photo {
    background: #fff url(../../../../public/img/cp_dashboard/cp_dashboard_bg.png) top center;
    /* background-size: cover; */
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
    border-radius: 8px !important;
    padding: 10px 20px;
}

.edit-photo-divider {
    height: 330px;
    background: #CECECE;
    width: 1px;
}

.edit-photo .profile-userpic img {
    margin: 10px;
    border-radius: 10px !important;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
}

.edit-photo .edit-photo-submit.signature {
    margin-top: 20px;
}

.edit-photo .btn.default:not(.btn-outline) {
    border-radius: 5px !important;
    color: #fff;
    background-color: #4E936A;
}

.fileinput-preview.thumbnail {
    border-radius: 8px !important;
}

.photo-exists {
    margin-top: 10px;
}

.edit-photo .photo-exists .btn.red {
    padding: 6px 15px;
    color: #fff;
    background: #DF4857;
    border-radius: 5px !important;
}

.edit-photo img.recruit-profile-signature,
.edit-photo .thumbnail.recruit-profile-signature {
    margin: 20px 10px 10px 10px;
    border-radius: 10px !important;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
}

/* edit photo end*/

/* #region Start Miscellaneous Information */
.w-150 {
    width: 150px !important;
}

.w-200 {
    width: 200px !important;
}

.w-350 {
    width: 350px;
}

.cp-registration-sidebar {
    background: url(../../../../public/img/cp_dashboard/left-bar.png) top repeat;
    /* padding-top: 50px; */
    transition: all 0.3s ease;
    z-index: 1 !important;
}

.cp-registration-sidebar ul li:first-child {
    border-top: 1px solid #fff !important;
}

.cp-registration-sidebar ul li:last-child {
    border-bottom: none !important;
}

.cp-registration-sidebar .nav {
    display: block !important;
}

.cp-registration-sidebar ul li {
    border-bottom: 1px solid #fff !important;
    transition: all .2s ease;
}

.cp-registration-sidebar ul li.sign-out-button {
    padding: 10px 0 10px 24px;
}

.cp-registration-sidebar ul li a,
.cp-registration-sidebar ul li button {
    font-family: 'DMSans';
    font-size: 14px;
    color: #fff !important;
    display: flex;
    gap: 10px;
}

.cp-registration-sidebar ul li a.active {
    border-top: none !important;
    border-bottom-color: #fff !important;
    background: #3e6d51 !important;
}

.cp-registration-sidebar li.sign-out-button:hover {
    color: #fff !important;
    background: #3e6d51;
}

.cp-registration-sidebar ul li a:hover {
    color: #fff !important;
    background: #3e6d51;
    border-bottom: 1px solid #fff !important;
}

.cp-registration-sidebar ul li a:focus {
    color: #fff !important;
}

.cp-registration-sidebar ul li img {
    height: 22px;
    width: 22px;
}

.miscellaneous-info {
    background: #fff;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
    border-radius: 8px !important;
}

.miscellaneous-info span.miscellaneous-header {
    font-family: 'DMSans';
    font-size: 21px;
    color: #fff;
    display: flex;
    gap: 10px;
    background: #3E7A56 url(../../../../public/img/cp_dashboard/Green-Splash-Ber.png) center;
    padding: 4px 20px;
    border-radius: 5px 5px 0 0 !important;
}

.miscellaneous-info span img {
    height: 30px;
    width: 30px;
}

.miscellaneous-info .table-responsive.webkit-scrollbar {
    margin: 10px 20px;
}

/* .miscellaneous-info table {
    border-collapse: separate;
    border-spacing: 3px 3px;
} */

.miscellaneous-info table tr td {
    font-family: 'DMSans';
    color: #606060;
    /* background: #FCF9EA; */
}

.custom-input-field {
    font-family: 'DMSans';
    background: #fff;
    border-radius: 8px !important;
}

.table-responsive .table-head-fixer-color .form-control {
    margin-bottom: 0 !important;
}

.miscellaneous-info .table th,
.miscellaneous-info .table td {
    font-family: 'DMSans';
    color: #606060;
    margin: 0 !important;
    font-size: 14px;
    padding: 4px !important;
    border-bottom: none;
}

.miscellaneous-info .table th {
    padding: 2px !important;
}

.miscellaneous-info .private-car,
.miscellaneous-info .driving-licence {
    display: flex;
    margin: 20px 20px 0px 20px;
    background: #3E7A56 url(../../../../public/img/cp_dashboard/Green-Splash-Ber.png) center;
    padding: 10px 20px 0px 20px;
    border-radius: 5px 5px 0 0 !important;
}

.miscellaneous-info .internet-service {
    display: flex;
    margin: 20px 20px 30px 20px;
    background: #3E7A56 url(../../../../public/img/cp_dashboard/Green-Splash-Ber.png) center;
    padding: 10px 20px 0px 20px;
    border-radius: 5px !important;
}

.private-car label,
.driving-licence label,
.internet-service label {
    font-family: 'DMSans';
    color: #fff !important;
}

.miscellaneous-info .has-success .md-checkbox label>.box,
.miscellaneous-info .has-success .md-checkbox label>.check,
.miscellaneous-info .has-success.md-checkbox label>.box,
.miscellaneous-info .has-success.md-checkbox label>.check {
    font-family: 'dmSans';
    color: #fff !important;
    border-color: #fff !important;
}

.miscellaneous-info div#licenceNumberBox {
    display: grid;
    grid-template-columns: 1fr 2fr;
    margin: 20px 20px 0px 20px;
    border-radius: 0 0 5px 5px !important;
}

.miscellaneous-info div#licenceNumberBox label {
    padding-top: 8px;
    margin: 0 0 20px 0;
    text-align: center;
    border: 1px solid #e5d5d5;
    border-right: none;
    border-radius: 8px 0 0 8px !important;
    font-family: 'DMSans';
    color: #7b7c7c;
}

.miscellaneous-info input#licenceNumber {
    font-family: 'DMSans';
    background: #fff;
    border-radius: 0 8px 8px 0 !important;
    border: 1px solid #e5d5d5;
    border-left: none;
    background-color: #EFEFEF;

}

.custom-send-button {
    font-family: 'DMSans';
    color: #fff;
    margin-right: 15px;
    font-weight: bold;
    font-size: 14px;
    border-radius: 7px !important;
    padding: 8px 8px 10px 2px;
    /* background: #34BAAD; */
    background: #ba8c34;
    border: none;
}

.custom-send-button:hover {
    color: #fff !important;
    background: #3e6d51 !important;
}

.print-preview {
    font-family: 'DMSans';
    color: #fff;
    margin-right: 15px;
    font-weight: bold;
    font-size: 14px;
    border-radius: 7px !important;
    padding: 8px 14px 7px;
    background: #6727d5f0;
    border: none;
}

.print-preview:hover {
    color: #fff !important;
    background: #520aafe0;
}

.print-preview:focus {
    color: #fff !important;
}

.custom-submit-button {
    font-family: 'DMSans';
    margin-right: 8px;
    font-weight: 700;
    font-size: 14px;
    border-radius: 7px !important;
    padding: 8px 7px;
    background: #4E936A;
}

.custom-submit-button:hover {
    color: #fff !important;
    background: #3E6D51;
}

.submit-form {
    margin: 30px 0 20px 0;
}

/* #endregion Start Miscellaneous Information */

/* #region Cp-Dashboard after Login */

.bg-image.cp-header.dashboard.banner {
    background: url('../../../../public/img/cp_dashboard/header_bg.png') top !important;
    margin-bottom: 0px;
}

.cp-dashboard {
    margin-top: -1px;
}

.cp-dashboard .col-md-2 {
    padding: 0 !important;
}

.cp-dashboard-sidebar {
    background: url('../../../../public/img/cp_dashboard/left-bar.png') center center no-repeat;
    /* padding-top: 50px; */
    height: 700px;
    /* height: auto !important; */
}

.cp-dashboard-sidebar ul li img {
    height: 21px;
    width: 21px;
}

.cp-dashboard-sidebar ul li:first-child {
    border-top: 1px solid #fff !important;
}

.cp-dashboard-sidebar ul li:last-child {
    border-bottom: none !important;
}

.cp-dashboard-sidebar .nav {
    display: block !important;

}

.cp-dashboard-sidebar ul li {
    border-bottom: 1px solid #fff !important;
    transition: all .2s ease;
}

.cp-dashboard-sidebar ul li a,
.cp-dashboard-sidebar ul li button {
    font-family: 'DMSans';
    display: flex;
    gap: 10px;
    font-size: 14px;
    color: #fff !important;
    padding: 10px 0 10px 24px !important;
}

.cp-dashboard-sidebar ul li a.active {
    border-top: none !important;
    border-bottom-color: #fff !important;
    background: #3e6d51 !important;
}

.cp-dashboard-sidebar ul li a:hover {
    color: #fff !important;
    background: #3e6d51;
    border-bottom: 1px solid #fff !important;
}

.cp-dashboard-sidebar li.sign-out-button:hover {
    color: #fff !important;
    background: #3e6d51;
}

.cp-dashboard-sidebar ul li a:focus {
    color: #fff !important;
}

.tab-content.dashboard-content {
    padding: 20px 15px 0;
    /* height: 500px; */
    height: auto;
    background: url('../../../../public/img/cp_dashboard/dashboard_bg.png') center no-repeat;
}

.cp-dashboard .profile-userpic img {
    border-radius: 10px !important;
}

.cp-dashboard .profile-usertitle .dashboard-icon {
    display: flex;
    gap: 5px;
    align-items: baseline;
    justify-content: center;
}

.cp-dashboard .profile-usertitle .ba-number-icon {
    display: flex;
    gap: 5px;
    align-items: baseline;
    margin-left: 65px;
}

.cp-dashboard .profile-usertitle .name-icon {
    margin-left: 5px;
    height: 15px;
}

.cp-dashboard .profile-usertitle {
    font-family: 'DMSans';
    font-size: 15px;
    font-weight: bold;
    background: #E3FCE5;
    margin-top: 15px;
    padding: 10px 0;
    border: 1px solid #E3FCE5;
    border-radius: 10px !important;
    box-shadow: #E0FAE8 0px 4px 12px;
}

.dashboard-main-content {
    height: 392px;
    padding: 10px 15px 15px 15px;
    /* background: #fff url('../../../../public/img/cp_dashboard/cp_dashboard_bg.png') top no-repeat ; */
    background: #E3FCE5 url('../../../../public/img/cp_dashboard/cp_dashboard_bg.png') top no-repeat;
    background-size: cover;
    border-radius: 10px !important;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}

.dashboard-main-content .icon {
    display: grid;
    grid-template-columns: 1fr 12fr;
}

.dashboard-main-content .icon img {
    margin-top: 6px;
    margin-right: 5px;
    height: 18px;
    width: 18px;
}

.dashboard-main-content li.name {
    font-family: 'DMSans';
    color: #878787;
    font-size: 20px;
}

.dashboard-main-content li.content {
    font-family: 'DMSans';
    font-size: 17px;
    font-weight: bold;
    border-bottom: 1px solid #4AC8F4;
}

/* For modal */
#dashboardModal .dashboard-modal-content {
    margin-top: 40px;
}

a.btn.dashboard-edit {
    padding: 5px 7px;
    border-radius: 5px !important;
    background: #878787;
    color: #fff;
}

a.btn.dashboard-edit img {
    height: 15px;
    margin-right: 5px;
}

#dashboardModal .modal-content {
    border-radius: 10px !important;
    background: #E3FCE5 url('../../../../public/img/cp_dashboard/cp_dashboard_bg.png') top;
    background-size: contain;
    border: none;
    box-shadow: 5px 10px 16px rgba(51, 51, 51, 0.05), -5px 10px 16px rgba(51, 51, 51, 0.05);
}

#dashboardModal .form-actions.modal-submit {
    margin: 20px 0;
}

#dashboardModal .dashboard-modal-content label {
    font-family: 'DMSans';
    color: #878787;
    font-size: 18px;
}

#dashboardModal .dashboard-modal-content .col-md-4 {
    display: flex;
    gap: 10px;
}

img.icon-image {
    margin-top: 5px;
    height: 21px;
    width: 21px;
}

/* #endregion cp dashboard */

/* #region cp dashboard reset password */
.cp-reset-password {
    margin-top: 25px;
    padding: 46px 40px;
    background: #E3FCE5;
    box-shadow: #D6FAD6 0px 3px 8px;
    border: 1px solid #C7F9CC;
    border-radius: 15px !important;
}

.cp-reset-password label {
    font-family: 'DMSans';
    font-size: 20px;
    color: #606060;
}

.cp-reset-password .password-address-input {
    font-family: 'DMSans';
    width: 90%;
    background: #FAFCFA !important;
    border-radius: 8px !important;
}

.cp-reset-password .form-actions {
    margin-top: 20px;
}

.cp-reset-password .btn-success {
    font-family: 'DMSans';
    margin-right: 15px;
    font-weight: normal;
    font-size: 16px;
    border-radius: 7px !important;
    padding: 8px 18px 8px 3px;
    background: #4E936A;
}

.cp-reset-password .btn-success:hover {
    color: #fff !important;
    background: #3E6D51;
}

.cencel-button,
.cencel-button {
    font-family: 'DMSans';
    font-weight: 700;
    font-size: 15px;
    border-radius: 7px !important;
    padding: 8px 14px 7px !important;
    border: 1px solid #4B907B;
}

.cencel-button:hover {
    color: #fff !important;
}

.cp-reset-password .password-requirment {
    font-size: 13px !important;
    margin: 2px 0 10px 0 !important;
}

.cp-reset-password .password-address-input.new-password {
    margin-bottom: 0;
}

.cp-reset-password .col-md-8,
.reset-password-container .col-md-8 {
    position: relative;
}

.reset-password-container input#newPassword {
    margin-bottom: 0px;
}

.reset-password-container p.password-requirment {
    font-size: 10px;
}

.reset-password-container span.loginShowPass {
    position: absolute;
    top: 9px;
    right: 70px;
    color: #3E6D51;
}

.cp-reset-password span.loginShowPass {
    position: absolute;
    top: 9px;
    right: 79px;
    color: #3E6D51;
}

/* #endregion cp dashboard reset password */

/* #region All Cp List */
.cp-alumni-card {
    & h5 {
        margin-top: 15px;
        margin-bottom: 10px;
        font-family: 'DMSans';
        color: #444444;
        font-size: 15px;
        text-align: center;
        font-weight: bold;
    }

    & p {
        font-family: 'DMSans';
        color: #494949;
        margin: 0 !important;
        text-align: center;
        font-size: 12px;
    }

    & .details {
        display: flex;
        gap: 5px;
        /* justify-content: center; */
    }

    & .details img {
        height: 15px;
        width: 15px;
    }
}

/* #endregion All Cp List */

/* Resources Application */
.resources-application {
    margin-top: 50px;
}

/* #region Resourses link */
.cp-resources-section .table>thead {
    background: #3E7A56 url(../../../../public/img/cp_dashboard/Green-Splash-Ber.png) center;
    /* background: #3E6D51; */
}

.cp-resources-section .table th,
.table td {
    padding-top: 8px;
    padding-bottom: 8px;
}

/* .cp-resources-section .table td {
    padding-top: 1rem;
    padding-bottom: 1rem;
} */

.cp-resources-section .table>thead th {
    font-family: 'DMSans';
    color: #fff;
    font-weight: lighter;
    font-size: 18px;
}

.cp-resources-section .table>tbody td {
    font-family: 'DMSans';
    color: #606060;
    font-weight: lighter;
    font-size: 18px;
}

.cp-resources-section .cp-external-link {
    text-align: right !important;
    background: #75C696 !important;
    border: none;
    font-size: 14px;
    padding: 6px 2px;
    border-radius: 5px !important;
}

tr.table-color:nth-child(odd) {
    background: #E3FCE5;
    outline: 1px solid #BCF7CE !important;
    border-radius: 5px;
}

tr.table-color:nth-child(2n) {
    background: #FFFFFF;
    outline: 1px solid #CCCCCC !important;
    border-radius: 5px;
}

.cp-resources-section .table {
    border-collapse: separate;
    border-spacing: 0 5px;
}

.cp-resources-section table :where(th):first-child {
    border-top-left-radius: 8px !important;
}

.cp-resources-section table :where(th):last-child {
    border-top-right-radius: 8px !important;
}

.cp-resources-section table :where(td):first-child {
    border-top-left-radius: 8px !important;
    border-bottom-left-radius: 8px !important;
}

.cp-resources-section table :where(td):last-child {
    border-top-right-radius: 8px !important;
    border-bottom-right-radius: 8px !important;
}

.cp-resources-section table td {
    border: none !important;
}

.cp-resources-section .browse-link {
    display: flex;
    gap: 5px;
    align-items: center;
    justify-content: center;
}

.cp-resources-section .browse-link img {
    height: 21px;
    width: 21px;
}

.cp-resources-section .search-form-group {
    display: flex;
}

.cp-resources-section .search-icon {
    color: #fff;
    background: #3E6D51;
    padding: 10px 15px 0px 15px;
    border-radius: 8px 0 0 8px !important;
}

.cp-resources-section .resources-search {
    border-radius: 0 8px 8px 0 !important;
    border: 1px solid #3E6D51;
}

/* #endregion Resourses link */

/* #region Alumni Cp Dashboard Start */
.dashboard-cp-photo img {
    height: 270px !important;
    width: 85%;
    margin: 0 auto;
    border-radius: 20px !important;
}

.dashboard-cp-description {
    /* height: 240px; */
    height: 410px;
    background: #E3FCE5 url(../../../../public/img/cp_dashboard/cp_dashboard_bg.png);
    background-size: contain;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
    width: 95%;
    margin: 0 auto;
    border-radius: 20px !important;
    padding: 20px;
}

.dashboard-content-section {
    padding-top: 60px;
}

.cp-full-name {
    font-size: 30px;
    text-align: center;
    font-weight: 700;
    text-transform: uppercase;
    color: #000;

}

.dashboard-label-left {
    color: #a9a5a5;
    font-weight: 600;
    font-size: 16px;
}

.dashboard-label-left img {
    float: left;
}

.cp-full-name-underline-image {
    background: url(../../../../public/img/cp_dashboard/stroke.png);
    height: 15px;
    background-size: cover;
    margin-top: -13px !important;
}

.dashboard-label-right {
    color: #7c7878;
    font-weight: 600;
    font-size: 16px;
    padding-top: 4px;
}

/* #endregion Alumni Cp Dashboard End */

/* #region Alumni Cp Photo Album start */

.alumni-cp-archive-album img {
    height: 177px;
    padding-top: 8px;
    width: 88%;
    border-radius: 14px 14px 4px 12px !important;
    margin-left: 5px;
}

.alumni-cp-archive-album img:hover {
    box-shadow: rgba(50, 50, 93, 0.25) 0px 50px 100px -20px, rgba(0, 0, 0, 0.3) 0px 30px 60px -30px;
}

.album-layers {
    background-image: url(../../../../public/img/cp_dashboard/album-layers.png);
    height: 210px;
    margin-left: -7px;
    background-size: cover;

}

.spiral-container::before {
    content: '';
    position: absolute;
    background: url(../../../../public/img/cp_dashboard/Sprial_01.png) no-repeat;
    background-size: contain;
    background-position: -2px 18px;
    width: 50px;
    height: 153px;
}

.spiral-container {
    height: 190px !important;
}

.cp-album-title {
    text-align: center;
    margin-top: -8px;
    margin-right: 30px;
    font-size: 20px;
    color: #3A3A3A;
    font-weight: bold;
}

/* #endregion Photo Album end */



/* Content area should take remaining space and be scrollable */
.content-area {
    /* padding: 20px;
    height: 160vh; */
    overflow-y: auto;
}

/* #endregion Sidebar should be fixed */

.un-mission,
.awards,
.vaccination {
    color: #fff;
    padding-top: 7px;
    display: flex;

    & span {
        color: inherit !important;
    }
}

.checkbox-center.md-checkbox.has-success {
    margin-left: 20px;
}

.marital-status {
    display: flex;
    column-gap: 15px;
}

.radio-box {
    display: flex;
    justify-content: center;
    gap: 5px;
}

.family-details {
    background: #fff;
    padding: 10px;
    margin-bottom: 20px;
    border-radius: 8px !important;
    height: auto;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
}

.family-details label {
    /* font-family: 'DMSans'; */
    font-size: 15px;
    color: #444444;
}

.family-details .marital-status {
    display: flex;
    column-gap: 15px;
    padding: 10px 10px 0;
    border: 1px solid #EDEDED;
    border-radius: 8px !important;
}


/* #region Css for table */

/* Progress bar start  */


/* Profile */

div#tab_2 {
    padding: 0 !important;
}


/* Added */
.w-15 {
    width: 15%;
}

.width-25 {
    width: 25% !important;
}


.radio-box {
    display: flex;
    justify-content: center;
    gap: 5px;
}


.input-row {
    margin-top: 5px;
    display: flex;
    align-items: center;
}

.input-row span {
    margin-right: 10px;
}

.input-row input {
    border: none;
    margin-right: 30px;
    border-bottom: 1px solid black;
    height: 20px;
    text-align: center;
}

.input-row input:focus {
    outline: none;
}


/* Progress start */

/* .svg {
    width: 25%;
    transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
}

.profile-block {
    padding: 5px !important;
    box-shadow: 1px 1px 5px 1px #00000035 !important;
    background-color: #C49F4709 !important;
}

.svg-profile-completion-block:hover text {
    font-size: 28px;
    margin-top: 1px;
}

#progress {
    transition: stroke-dashoffset 850ms ease-in-out;
    -webkit-animation: load 10s;
    -moz-animation: load 10s;
    -o-animation: load 10s;
    animation: load 10s;
} */


/* #endregion Cp request processing dashboard */


/* Backed css here */

.miscellaneous-info div#licenceNumberBox label {
    padding: 6px 0;
}


.top-header .parent-item ul li a {
    color: #fff !important;
}

.top-header .parent-item ul li a:hover {
    color: #f3a01e !important;
}

.top-header .menu.sf-arrows>li>.sf-with-ul::after {
    right: 0px !important;
    margin-right: 2px !important;
}

.header-14 .header-bottom .top-header .menu>li:not(.last-menu)>a {
    padding-right: 15px !important;
}

.no-image-container {
    & img {
        width: 30%;
        display: block;
        margin: 0 auto;
    }

    & h1 {
        font-family: DMSans;
        color: #393939;
        font-size: 42px;
        margin-top: 20px;
    }
}


.reset-btn:hover {
    background-color: #07597A !important;
}

.login-btn:hover {
    background-color: #07597A !important;
}






.registration-content .select2-container--bootstrap .select2-dropdown {
    width: 200px !important;
}

.error-msg-for-alumni-cp {
    font-size: 13px;
    width: 85%;
}

.alumni-cp-login-btn {
    margin-bottom: 7%;
}

.alumni-flip-card-img-stu {
    width: 60%;
    border-radius: 128% !important;
    height: 125px;
    margin: 0 auto;
    box-shadow: 0px 0px 8px 0px #333333;
    filter: grayscale(50%);
    transition: all 1s ease;
}

.faculty-info-item:hover .alumni-flip-card-img-stu {
    filter: grayscale(0%);
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
}

.alumni-all-cp-list {
    overflow: hidden;
    display: flow-root;
    padding: 12px;
    margin-bottom: 30px;
    border-radius: 10px !important;
    box-shadow: rgba(0, 0, 0, 0.25) 0px 54px 55px, rgba(0, 0, 0, 0.12) 0px -12px 30px, rgba(0, 0, 0, 0.12) 0px 4px 6px, rgba(0, 0, 0, 0.17) 0px 12px 13px, rgba(0, 0, 0, 0.09) 0px -3px 5px;
    transition: all 1s ease;
    height: 370px;
    background-image: url(../../../../public/img/cp_dashboard/cp_alumni_card_bg.png);
    background-color: #f9f9f9;
    background-size: contain;
}

.cp-flip-card-img-stu {
    width: 66%;
    border-radius: 128% !important;
    height: 144px;
    margin: 0 auto;
    box-shadow: 0px 0px 8px 0px #333333;
    filter: grayscale(50%);
    transition: all 1s ease;
}

.faculty-info-item:hover .cp-flip-card-img-stu {
    filter: grayscale(0%);
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
}

.form-control {
    height: 35px !important;
}

.padding-15{
    padding: 15px!important;
}

.input-group-addon {
    padding: 6px 12px;
    font-size: 14px;
    font-weight: 400;
    /* line-height: 1; */
    color: #555;
    text-align: center;
    background-color: #C2CAD8;
    border: 1px solid #ccc;
    border-top-right-radius: 5px 2px !important;
    border-bottom-right-radius: 5px 2px !important;
}

.height-div .form-control {
    margin-bottom: 0px !important;
}


.personal-info .form-control[readonly] {
    background: #e1e5ec !important;
    color: #444444 !important;

}
.has-children{
    padding-left:3px !important;
}
.text-misc-info .has-success.md-checkbox label>.box,.text-misc-info .has-success.md-checkbox label>.check{
    color: #27a4b0 !important;
    border-color: #27a4b0 !important;
}
.has-military-div{
        margin: 10px 6px!important;
}

.alert {
  border-width: 1px;
}
.alert-success {
  background-color: #abe7ed;
  border-color: #abe7ed;
      border-radius: 4px !important;

}
.alert-success-comment {
  background-color: #FFF2E1;
  border-color: #FFF2E1;

}
.glow-cp-request p{
    /* color: #d10a0ae8!important; */
    color: #D87B00!important;
    font-size:16px !important;
}
.status-cp-message{
    color: #842029 !important;
    background-color: #f8d7da !important;
}
.status-cp-message p{
    color: #d05454!important;
}
.alert-dismissable, .alert-dismissible {
  padding-right: 35px;
}
.alert {
  /* padding: 15px;
    padding-right: 15px; */
  border: 1px solid transparent;
    border-top-width: 1px;
    border-top-color: transparent;
    border-right-width: 1px;
    border-right-color: transparent;
    border-bottom-width: 1px;
    border-bottom-color: transparent;
    border-left-width: 1px;
    border-left-color: transparent;
  border-radius: 4px;
}
/* .alert, .thumbnail {
  margin-bottom: 20px;
} */
.alert-dismissable .close, .alert-dismissible .close {
  position: relative;
  top: -2px;
  right: -21px;
  color: inherit;
}
button.close {
  padding: 0;
  cursor: pointer;
  background: 0 0;
    background-repeat: repeat;
    background-image: none;
  border: 0;
}

/* .close {
  display: inline-block;
  margin-top: 0;
  margin-right: 0;
  width: 9px;
  height: 9px;
  background-repeat: no-repeat !important;
  text-indent: -10000px;
  outline: 0;
  background-image: url(../img/remove-icon-small.png) !important;
} */

.close {
  float: right;
  font-size: 21px;
  line-height: 1;
  color: #000;
  text-shadow: 0 1px 0 #fff;
  opacity: .2;
  filter: alpha(opacity=20);
}

.alert .alert-link, .close {
  font-weight: 700;
}

.glow-info {
    -webkit-animation: glow 1s ease-in-out infinite alternate;
    -moz-animation: glow 1s ease-in-out infinite alternate;
    animation: glow 1s ease-in-out infinite alternate;
}

@-webkit-keyframes glow {
    from {
        box-shadow: 1px 1px 5px 2px #d05454;
    }

    to {
        box-shadow: none;

    }
}

.glow-cp-request {
    -webkit-animation: glowcp 1s ease-in-out infinite alternate;
    -moz-animation: glowcp 1s ease-in-out infinite alternate;
    animation: glowcp 1s ease-in-out infinite alternate;
    border-radius: 8px !important;
}

@-webkit-keyframes glowcp {
    from {
        box-shadow: 0px 4px 0px 0px #F99300;
    }

    to {
        box-shadow: none;

    }
}

.font-white{
    color: #fff!important;
}

/* #region Sidebar should be fixed */
.fixed-sidebar {
    /* margin-top: -1px;
    position: fixed; */
    top: 0;
    left: 0;
    height: 100%;
    width: auto;
    overflow-y: auto;
    background-attachment: scroll;
    z-index: 1000;
}

.footer-custom {
    z-index: 10;
}

.cp-registration-sidebar .nav {
    /* top: 160px;
    /* top: 95px; */
    /*position: relative; */
}

.header-14 .header-bottom {
    z-index: 1000;
    position: relative;
}

.bg-image.cp-header.dashboard.banner {
    position: relative;
    z-index: 100;
}

/* mobile css */
@media only screen and (max-width: 769px) {
    .fixed-sidebar {
        margin-top: -1px;
        position: sticky;
        top: 0;
        left: 0;
        height: 100%;
        width: 100%;
        overflow-y: auto;
    }
    .cp-registration-sidebar .nav {
        top: 0px;
        position: relative;
    }
}

#Upper_Ber{
    width: 20px;
}
.cp-icon-circle{
    background: #1DAA60;
    padding: 6px 7px 8px 6px;
    border-radius: 20px !important;
    margin-left: 0px !important;
}

.dashboard-content-div{
    margin:0 -15px 10px !important;
}
.dashboard-table{
    padding: 5px 5px 15px 5px !important;
}

.width-40{
    width:40px !important;
}
.pending-message{
    margin: 0px -27px!important;
}
.display-flex{
    display: flex!important;
}

/*
.cp-sidebar {
    width: 250px;
    background: url(../../../../public/img/cp_dashboard/left-bar.png) top repeat;
    float: left;
}
.cp-sidebar ul {
    list-style: none;
    padding: 0;
    margin: 0;
    position: sticky;
    top: 20px;
}
.cp-sidebar li {
    align-items: center;
    justify-content: space-between;
    margin-bottom: 10px;
    border-radius: 10px;
} */

@media only screen and (max-width: 769px) {
    .cp-registration-sidebar {
        padding-top: 0px !important;
    }

}
.sticky {
    position: fixed;
    top: -68px;
    left: 0;
    height: -webkit-fill-available;
    z-index: 1000;

     /* width: 100%;
    z-index: 1000;
    box-shadow: 0 2px 5px rgba(0,0,0,0.2); */
}

/*
.sticky {
    position: fixed;
    top: -209px;
    z-index: 999;
} */
.btn.btn-info {
    color: #FFFFFF!important;
    background-color: #3699FF!important;
    border-color: #3699FF!important;
}
.btn-info:hover {
    color: #FFFFFF!important;
    background-color: #0861bd!important;
    border-color: #0861bd!important;
}
.btn.btn-pill {
    border-radius: 2rem!important;
}
.cross-sign{
    color: #d62d39 !important;
}
.alumni-form-control{
    width: 68% !important;
border-radius: 8px !important;
}
.alumni-custom-btn{
    margin-top: -20px;
    margin-left: -6px;
}
.custom-btn{
    padding:0.85rem 0.5rem !important;
}
.set-btn{
    margin: -4px !important;
}
.custom-date{
    float: none !important;
}
.alumni-address{
    min-height: 60px !important;
    width: 90% !important;
}
.disapprove-btn{
    width: 90px !important;
}
.dash-icon-color{
        color: #3E6D51 !important;
}
.forgot-text{
    /* justify-content: left !important; */
     /* text-align: right;
  width: 150px;
    padding:0px !important;
    margin-top: -23px; */
    font-size: 13px !important;
    padding-right: 35px;
    letter-spacing: 1.5px !important;

}
.password-address-input{
        margin-bottom: 1rem !important;
}
.wt-90{
    width: 90% !important;
}
.otp-loader{
    background: #F3F9FC url(../../../../public/img/cp_dashboard/preloader.gif) no-repeat center center !important;
}

.cp-otp-verify .sent-otp-header-alumni {
    font-family: 'DMSans';
    font-size: 28px;
    color: #C17717 !important;
}
.cp-otp-verify .alumni-email {
    font-family: 'DMSans';
    font-size: 20px;
    color: #606060;
    text-align: center;
}
.login-content .alumni-login-right-side {
    margin-top: 60px !important;
}
.alumni-verify-btn{
    margin-bottom: 0% !important;
    color: #fff;
}
.alumni-set-password-container span.show-pass {
    position: absolute;
    top: 33px;
    right: 38px;
    color: #3E6D51;
}
input.password-visible:focus {
    z-index: 1 !important;
}
.alumni-all-cp-list p{
   text-align:left !important;
}
.padding-left-12{
	padding-left: 12px !important;
}
.alert-icon-div{
    display: flex !important;
    justify-content: center !important;
    align-items: center;
}
.mb-50{
    margin-bottom: 50px !important;
}
.mb-75{
    margin-bottom: 75px !important;
}
.confirm-text{
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif !important;
    font-size: 12px !important;
    font-weight: bold !important;
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3) !important;
    text-wrap-mode: nowrap !important;
}
.purple-soft{background: #8877a9 !important}
.bg-font-seagreen{
    color: #3faba4 !important;
}
.bg-font-green-dash{
    color: #32c5d261!important;
}
.container-progress{
    width: 250px !important;
}
.progress-line {
  /* margin:20px auto; */
  padding:0;
  width:70%;
  height:8px;
  overflow:hidden;
  background:#c4ceca;
  border-radius:6px !important;
}

.bar {
	position:relative;
    float:left;
    min-width:1%;
    height:100%;
    background-image: -webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
    background-image: linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
    background-color:#318966;
}

.percent {
	position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%);
    margin:0;
    font-family:tahoma,arial,helvetica;
    font-size:12px;
    color:white;
}

.percent-text{
    font-family:tahoma,arial,helvetica;
    font-size:12px;
    color:grey !important;
    position: absolute;
    font-weight: bold;
    margin-top: -6px;
}
.total-per{
    font-size:12px !important;
    color:grey !important;
    margin-left: 6px !important;
}
.photo-text{
    white-space: nowrap !important;
    margin-left: 3px !important;
}
.padding-left-116{
    padding-left:116px !important;
}
.progress-stroke{
    background: conic-gradient(
    #006c3f 0% var(--progress), /* Green start color */
    #1eac62 var(--progress) 100% /* Yellow end color */
  ) !important;
}


@media (min-width: 992px) {
    .intro-slider-container {
        height: 312px !important;
        overflow: hidden;
    }
    #commandantMsgDiv {
        height: 312px !important;
    }

    .search-site-submit-icon {
        margin-top: -5.5% !important;
    }
    .h-495{
        height: 495px !important ;
    }

    .commandant-info {
        width: 33%;
        margin: 0px 0px 0px -61px;
    }
    .commandant-details-img-pic img {
        height: 140px;
        width: 65%;
        margin-left: 5px;
        border: 3px solid #00156A;
        border-radius: 5px !important;
    }
    .registration{
        background-position: top !important;
    }
}
.owl-carousel .intro-slide img {
    width: 100%;
    height: 100% !important;
    object-fit: cover;
}

#commandantMsgDiv {
    background-image: url(../../../../public/img/command_msg_background.png);
    background-size: cover;
    /* height: 312px !important; */
    background-position: center center;
}
.profile-img{
    border: 4px transparent  !important;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
}
.commandant-img{
    height: 180px !important;

}
.commandant-img-pic{
    border:3px solid #00156A;
    border-radius: 5px !important;
    box-shadow: 0 4px 10px #B1BAC3;
    margin-left: 40px;

}
.cmdt-message-btn{
    background-color: #00156A !important;
    color: white;
    font-weight: bold;
    border-radius: 50px !important;
    padding: 10px 20px;
}
.cmdt-message-btn:hover{
    color: white;
    font-weight: bold;
}
.cmdt-message-btn-div, .commandant-img, .commandant-info-div,.commandant-info-text{
    display: flex;
    justify-content: center;
    align-items: center;
}
.cmdt-message-btn-div{
        margin: 0px 0px 0px 60px !important;
}
.commandant-info-text{
    max-width: 500px;
    display: inline-block !important;
}
.msg-title{
    letter-spacing: 1px!important;
}
.commandant-info-text {
    max-width: 500px;
    display: inline-block !important;
    margin: 5px 5px 5px 60px;
    font-size: 16px !important;
    color: #00156A !important;
	font-family: 'dmSans' !important;
    text-align: center !important;
}

 @media (max-width: 889px) {
    .menu.sf-arrows .sf-with-ul::after {
        top: 50% !important;
    }
    .mm-navbar__title {
        display: none !important;
    }

}
.step-progress {
    width: 90% !important;
    padding: 0px 20px 0 0 !important;
    display: inline-block;
    justify-items: center;
}

.mt-75 {
    margin-top: 75px !important;
}
.loading-wave {
    width: auto;
    height: 20px;
    display: flex;
    justify-content: center;
    align-items: flex-end;
}
.loading-wave .loading-bar {
    width: 5px;
    height: 10px;
    margin: 0 5px;
    background-color: #3498db;
    border-radius: 5px;
    animation: loading-wave-animation 0.7s ease-in-out infinite;
}

@keyframes loading-wave-animation {
    0% {
        height: 10px;
    }

    50% {
        height: 20px;
    }

    100% {
        height: 10px;
    }
}


.commandant-info-all {
    font-size: 16px !important;
    color: #00156A !important;
}

.commandant-details-img-pic{
    width: 20%;
}

.commandant-name {
    font-size: 26px;
    color: #004E86;
    font-weight: 500;
    text-align: left;
}
.details-content {
    background: url(../../../../public/img/content_bg.png) top !important;
    background-size: cover !important;
    min-height: 300px;
    padding-top: 15px;
}
.msg-title-text{
    color: #00156A;
    font-size: 24px !important;
    font-weight: bold;
}
.msg-content p{
    color: #2c3e50;
    font-weight: 700;
    text-align: justify !important;
    font-family: "Open Sans", Arial, sans-serif;
    font-size: 15px;
}
@media screen and (min-width: 320px) and (max-width: 767px) {
    .commandant-details-img-pic {
        width: 47% !important;
        display: block;
        margin-left: auto;
        margin-right: auto;

    }
    .commandant-info-all{
        margin-bottom: 20px;
    }
    .commandant-details-img-pic img {
        border: 3px solid #00156A;
        border-radius: 5px !important;
        margin-bottom: 10px;
    }
}
.reset-password-container {
    /* background: #e9fcff; */
    background: url('../../../../public/img/registration_process/registration_form_bg.jpg') top;

    box-shadow: #67abc3db 0px 4px 8px 0px;
    border-radius: 25px !important;
    background-size: cover;
}
.archive-image{
    height: 150px !important;
    width: 200px !important;
}
.container{
    margin-top: 2rem;
}
/*Tablets	481px - 768px*/
@media screen and (min-width: 481px) and (max-width: 768px){
    .registration{
        background-repeat: no-repeat;
        min-height: 100vh;
        overflow: hidden;
        display: block;
    }
}
/*Laptops/Small Screens	769px - 1024px*/
@media screen and (min-width: 769px) and (max-width: 1024px){

}
margin-bottom-5{
    margin-bottom: 5px!important;
}
.font-size-13{
    font-size: 13px!important;
}
.text-center{
    text-align: center !important;
}
.rank-info-text{
    margin: 0px 0px 0px 60px !important;
    font-size: 16px !important;
    color: #00156A !important;
	font-family: 'dmSans' !important;
    text-align: center !important;
}