.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-face {
    font-family: BalooDa2-Regular;
    src: url(../../../css/fonts/BalooDa2/BalooDa2-Regular.ttf);
}


.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: 4px;
    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: 52%;
}


/*.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: #084F84;

}

.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: BalooDa2-Regular;
}

.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: BalooDa2-Regular;*/
    font-size: 14px;
    margin: 0;
    padding: 0px 20px;
    line-height: 24px;
    text-align: justify !important;
}

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

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

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

.post-date {
    font-size: 14px;
    padding-bottom: 7px;
    /* margin-left: 15px; */
    color: #003961;
    font-weight: 600;
}

.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;
}


.affiliations-heading {
    color: #ffffff;
}

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

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

.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: #00243F;
    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: #003962;
}


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

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

.btn-info:hover {
    color: #fff !important;
    background-color: #064a7c !important;
    border-color: #064a7c !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 {
    border-radius: 0px;
    border: 1px solid #e3e7f0;
}

.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: BalooDa2-Regular !important;
    font-size: 16px;
    color: #222;
    font-weight: 700;
    text-transform: uppercase;
}

.box>.icon>.info>p {
    font-family: BalooDa2-Regular !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: BalooDa2-Regular !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;
    }

}

/* Conatct end */





@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;
}

.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;
} */

.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: BalooDa2-Regular;
    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: BalooDa2-Regular; */
    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-bg {
    background: #309da3;
}

/* 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-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: BalooDa2-Regular;*/
    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;
    }
}



.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;
}


.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 */
.contact-list .contact-icon svg#f-svg-link {
    height: 25px;
    fill: #fff;
}

.footer-follow-us-div {
    display: flex;
    margin-top: 15px;
}

.footer-follow-us-div i.fa.fa-twitter {
    margin-top: 3px;
}

.footer-follow-us-div i:hover {
    color: #b6ecff !important;
}

.footer-custom {
    font: normal 300 14px "BalooDa2-Regular", 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: #00243F;
    border-top: 1px solid #9a9999;
    font-size: 15px;
}

.footer-first {
    width: 100%;
    background: #00243F;
    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; */
}


.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: BalooDa2-Regular;
}

.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: #D7D7D7;
    font-size: 30px;
    letter-spacing: 0.4px;
    font-weight: 600;
    margin-bottom: 25px;
}

.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: 15px;
    font-weight: 500;
    line-height: 20px;
    margin-left: -15px;
    text-align: justify;
    ;
}

.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 .section-title {
    font-size: 32px;
    font-weight: bold !important;
    color: #00156A;
    font-family: BalooDa2-RegularBold !important;
    margin-top: -20px;
}

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

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

#about p {
    color: #3c3c3c;
    text-align: justify !important;
    font-size: 20px;
    font-weight: 400;
}

#about {
    padding-top: 30px;
    padding-bottom: 30px;
    /* background: url(../../../img/homepage/welcome_bg.jpg);
    background-size: cover; */
}

#aimObjectivesInfo {
    padding-top: 30px;
    padding-bottom: 70px;
    background: url(../../../img/homepage/aim_&_objectives_bg.jpg);
    background-size: cover;
}

/* #FounderPresidentSecInfo {
    padding-top: 30px;
    padding-bottom: 20px;
    background: url(../../../img/homepage/member_speech_bg.jpg);
    background-size: cover;
} */

.news-event-div {
    padding-top: 30px;
    padding-bottom: 20px;
    background: url(../../../img/news_&_events_bg.jpg);
    background-size: cover;
}

.post-detail {
    padding-top: 30px;
    padding-bottom: 30px;
    background: url(../../../img/news_&_events_details_bg.jpg);
    background-size: cover;
}

.aim-objectives,
.remembering-body,
.certifications-info {
    background: url(../../../../public/img/aim_&_objectives_bg.jpg);
    background-size: cover;
    padding-top: 30px;
    padding-bottom: 20px;
}

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

/* .post-detail {
    margin-bottom: 20px;
    margin-top: 20px;
} */

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

#ourActivities {
    background: url(../../../../public/img/homepage/our_activities_bg.jpg);
    background-size: cover;
    padding-bottom: 25px;
}


#home-gallery {
    padding-bottom: 25px;
}

#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 7px 5px rgba(37, 37, 57, 0.18);
    max-width: 100%;
    height: 255px;
}

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

.read-more {
    color: #7117ea;
    font-weight: 600;
}

.read-more:hover {
    color: #1c96c3 !important;
}

#newsEvents {
    background-image: url(../../../../public/img/homepage/news_&_events_bg.jpg) !important;
    background-size: cover;
    padding-bottom: 25px;
}

#newsEvents .owl-carousel .owl-item .item,
#newsEvents .owl-carousel .owl-item .item .aff-item {
    background: none !important;
}

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

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

#newsEvents .list-group-item-text {
    color: #000;
    font-size: 16px;
    line-height: 1.3;
}

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

#newsEvents .post-caption a:hover {
    color: #249ee8 !important;
}

.news-card img.list-group-image {
    height: 200px;
    width: 100%;
    border-top-left-radius: 10px !important;
    border-top-right-radius: 10px !important;
}

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

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

#newsEvents .publish-date {
    background: #B96D4C;
    color: #fff !important;
    text-align: center;
    padding: 10px 0px 10px 0px;
    font-size: 16px;
    border-top: 3px solid #D9A78B;
    border-bottom: 3px solid #D9A78B;
}

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


.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;
}

.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: #084F84;
    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: #084F84 !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: #084F84 !important;
}

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

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

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

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

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

.date {
    border: 1px solid gray;
    display: inline-block;
    float: left !important;
}

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

.date span.date-view {
    color: #003961;
    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: 16px;
    margin-bottom: 30px;
    font-size: 16px;
    color: #013a64;
    text-align: center;
    font-weight: 600;
}

.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: #000 !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: #084F84 !important;
    background: #d9ecff;
}

.menu-item .active-child {
    color: #084F84 !important;
    background: #d9ecff;
}


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

.menu ul li a:active {
    color: #084F84 !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;
}

.btn.btn-outline.green.active,
.btn.btn-outline.green:active,
.btn.btn-outline.green:active:focus,
.btn.btn-outline.green:active:hover,
.btn.btn-outline.green:focus,
.btn.btn-outline.green:hover {
    border-color: #04253d !important;
    color: #FFF !important;
    background-color: #04253d !important;
}

.btn.btn-outline.green {
    border-color: #0d5282 !important;
    color: #FFF !important;
    background-color: #0d5282 !important;
}

.btn.green-seagreen:not(.btn-outline) {
    border-color: #0d5282 !important;
    color: #FFF !important;
    background-color: #0d5282 !important;
}

.btn.green-seagreen:not(.btn-outline).active,
.btn.green-seagreen:not(.btn-outline):active,
.btn.green-seagreen:not(.btn-outline):hover,
.open>.btn.green-seagreen:not(.btn-outline).dropdown-toggle {
    color: #FFF;
    background-color: #0d5282 !important;
    border-color: #0d5282 !important;
}

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;
}

.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;

}


.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: BalooDa2-Regular;
}

.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: #074d81;
}

.gallery-title {
    color: #dcdcdc;
    top: -20px;
    position: relative;
    padding: 5px;
    border-radius: 3px;
    background-color: #074d81;
    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 #074d81;
    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: #00156A;
    }

    .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: 500;
        font-size: 1rem;
        letter-spacing: -.01em;
        padding: 1rem 1rem;
        font-family: BalooDa2-Regular !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;
    z-index: 1;
}

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

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

@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;
    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 {
    font-weight: bold;
}

.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;
    position: relative;
}

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

    to {
        opacity: 1;
    }
}

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

@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;
}

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

/* contact-us */

.contact-info-img #laptop-icon {
    width: 300px;
    height: 360px;
}

.follow-us-title {
    color: #023e69 !important;
    font-size: 18px;
    font-weight: 800;
    margin-left: 0px !important;
    margin-bottom: 3px !important;
}

.contact-info {
    display: flex;
    justify-content: space-between;
    width: 100%;
}

.contact-info-addresses.left-column {
    width: 50%;
}

.contact-info-addresses.right-column {
    width: 50%;
}

.contact-form {
    background: #fff;
    padding: 2px 40px 2px 40px;
    border-radius: 10px !important;
    z-index: 1000;
    position: relative;
}

.contact-form .form-control {
    height: 38px;
}

.contact-form .form-group {
    margin-bottom: 10px;
}

.contact-form label {
    color: #000;
    font-weight: 600;
}

.contact-form #reqSubmit {
    color: #fff !important;
    background: linear-gradient(to right, #064F83, #027AAE);
    ;
    border-radius: 10px !important;
    font-size: 16px;
    padding: 5px 10px 5px 10px;
}

.contact-form .form-group .form-control,
.contact-form .form-group .select-custom {
    margin-bottom: 0;
    border-radius: 10px !important;
    background: #e8f4f5;
    color: #000;
}

.contact-form textarea.form-control {
    min-height: auto;
}

.contact-info-addresses a {
    color: #000;
    padding-left: 5px;
}

.contact-info-addresses a:hover {
    color: #044372 !important;
}

.contact-info-addresses li {
    display: flex;
}

.footer-follow-us-div a {
    margin-left: 0px !important;
    margin-right: 5px !important;
}

.contact-info-addresses .contact-icon {
    width: 10%;
}

.contact-info-addresses li a {
    width: 85%;
}

.contact-list .contact-icon {
    width: 10%;
}

.contact-list li a {
    width: 85%;
    margin-left: 8px;
}

.contact-info .contact-icon svg {
    background-color: #F16BD1;
    box-shadow: 2px 4px 10px #ed81d3;
    width: 20px !important;
    height: 20px;
    margin-bottom: 10px;
    color: #fff;
    border-radius: 15px !important;
    padding: 2px;
}

.contact-list .contact-icon svg {
    height: 30px;
    margin-bottom: 5px;
    color: #fff;
    padding: 2px;
}

.contact-list li a {
    margin-left: 8px;
}

.contact-info-addresses li a.address,
.contact-list li a.address {
    pointer-events: none;
    text-align: left;
}

p.contact-follow-us-div a {
    padding-left: 0px !important;
}

a.contact-us-follow i,
.follow-us-icon svg {
    margin-right: 15px;
}

.follow-us-icon svg {
    width: 20px;
}

.twitter-x-modify,
.facebook-modify,
.youtube-modify {
    margin-right: 0px !important;
}

.contact-follow-us-div {
    display: flex;
    z-index: 10;
    position: relative;
    margin: 0px !important;
    margin-top: 0px !important;
}

.contact-follow-us-div i {
    background-color: #F16BD1;
    box-shadow: 2px 4px 10px #ed81d3;
    width: 20px !important;
    margin: 0 auto;
    height: 20px;
    font-size: 12px;
    padding-top: 3px;
    padding-left: 2px;
    border-radius: 50%;
    margin-bottom: 10px;
    color: #fff;
    text-align: center;
}

.follow-us a i.fa {
    background-color: #fff;
    color: #044372 !important;
    width: 19px !important;
    height: 19px;
    font-size: 12px;
    padding-top: 2px;
    padding-left: 1px;
    border-radius: 50%;
    text-align: center;
}

.contact-list li i.fa {
    background-color: #fff;
    color: #044372 !important;
    width: 19px !important;
    height: 19px;
    font-size: 12px;
    padding-top: 3px;
    padding-left: 5px;
    border-radius: 50%;
    text-align: center;
    margin-left: 5px;
}

.footer-follow-us-div li {
    font-size: 14px !important;
}

.contact-follow-us-div i:hover {
    background-color: #044372;
}

.contact-follow-us-div .fa-youtube-play {
    padding: 2px 0px 0px 1px !important;
}

.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: BalooDa2-Regular;
}

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

/* 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; */
    position: relative;
}



/* 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: #084F84 !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; */
    color: #000;
}

.post-content h3 {
    color: #03406d;
}

.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: 25px;
    color: #084F84;
    font-size: 32px;
}


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

}

.details-text.specialty-details ul.bullet li::marker {
    color: #084F84 !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: #084F84 !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: 25px; */
        top: -10px;
        margin-left: -5px
    }

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

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

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

    }


    .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;
    }

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

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

    .stat-modal-image {
        width: 100% !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;
    }

    .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%;
    }


    .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;
    }

    #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;
    }

}




.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);
}


.faculty-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 #cbe6f2, 0 0 3px #8ec1da;
    -o-box-shadow: inset 0 1px 3px #fff, inset 0 -15px #cbe6f2, 0 0 3px #8ec1da;
    -webkit-box-shadow: inset 0 1px 3px #fff, inset 0 -15px #cbe6f2, 0 0 3px #8ec1da;
    -moz-box-shadow: inset 0 1px 3px #fff, inset 0 -15px #cbe6f2, 0 0 3px #8ec1da;
    transition: all 1s ease;
    height: 350px;
}


.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: 85%;
    border-radius: 75% !important;
    height: 210px;
    margin: 0 auto;
    box-shadow: 0px 0px 8px 0px #333333;
    filter: grayscale(50%);
    transition: all 1s ease;
    padding: 5px;
}

.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: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-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;
    /* -o-box-shadow: inset 0 1px 3px #fff, inset 0 -15px #cbe6f2, 0 0 3px #8ec1da;
    -webkit-box-shadow: inset 0 1px 3px #fff, inset 0 -15px #cbe6f2, 0 0 3px #8ec1da;
    -moz-box-shadow: inset 0 1px 3px #fff, inset 0 -15px #cbe6f2, 0 0 3px #8ec1da; */
    transition: all 1s ease;
    height: 370px;
}


.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;
}


@media screen and (min-width: 768px) {
    .important-links-title {
        float: none !important;

    }

}


.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%;
    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;
    border: 1px solid #d9ecff;
    /* border-radius: 5px; */
    box-shadow: 1px 1px 8px #6294c5;
}

.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;
}

/* selection off */
/* 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;
}

.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: 'BalooDa2-Regular';
}

.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: BalooDa2-Regular !important;
}

.contact-us-body {
    position: relative;
}

.map-title {
    padding-top: 20px;
}

.map {
    margin: 70px 0px 0px 0px;
}

.become-a-member-body,
.album-photos,
.album {
    background: #EAF5FB;
    position: relative;
    min-height: 50vh;
    padding-top: 25px;
    padding-bottom: 25px;
}

.msg-from {
    background: #EAF5FB;
    position: relative;
    min-height: 50vh;
}

.become-a-member-body .container,
.msg-from .container,
.album-photos .container,
.album .container {
    z-index: 1000;
    position: relative;
}

.no-data-found svg {
    height: 200px;
    margin: 0px auto;
    margin-bottom: 15px;
}

.album,
.remembering-body,
.news-event-div {
    min-height: 60vh;
}

#about {
    z-index: 1000 !important;
    position: relative;
    background: #FAF7F2;
}

#home-gallery {
    z-index: 1000 !important;
    position: relative;
    background: #F2F5F8;
}

#applicationShow {
    z-index: 1000 !important;
    position: relative;
    /* background: #F2F5F8; */
    background: url('../../../../public/img/other_page/apply_button_bg.png') top left no-repeat;
}

#applicationShow .view-all a {
    color: #fff !important;
    font-size: 16px;
    padding: 5px 45px 5px 45px;
    border: 2px solid;
    border-radius: 30px !important;
}

#applicationShow #f-svg-read-more {
    width: 30px;
    fill: #fff;
}

.glow-info {
    -webkit-animation: glow 0.5s ease-in-out infinite alternate;
    -moz-animation: glow 0.5s ease-in-out infinite alternate;
    animation: glow 0.5s ease-in-out infinite alternate;
    border-radius: 10px !important;
}

@-webkit-keyframes glow {
    from {
        box-shadow: 1px 1px 5px 2px #084f84;
    }

    to {
        box-shadow: none;

    }
}

#applicationShow .application-title-box a {
    color: #00156A;
    margin-top: 50px;
    margin-bottom: 50px;
    font-size: 32px;
    font-weight: bold !important;
}

p.application-not-available {
    font-size: 26px !important;
    font-weight: 600;
    color: #04714a !important;
    padding: 5px 20px 0px 20px;
    text-align: center;
}

.no-data-found {
    color: #013c66;
    font-size: 18px;
    font-weight: 600;
    text-align: center;
    display: inline-grid;
}


.contact-envelope-container,
.contact-globe-container,
.contact-phone-container,
.contact-map-marker-container {
    background-color: #F16BD1;
    width: 22px;
    margin: 0 auto;
    height: 19px;
    padding-top: 2px;
    /* padding-left: 5px; */
    border-radius: 3px;
    margin-bottom: 10px;
    color: #fff;
    text-align: center;
}


.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;
    text-align: left;
}

.contactDiv {
    position: relative;
}

.contactDiv .bottom-right {
    width: 550px;
}

.frame.plane-container {
    height: auto;
    width: auto;
    position: absolute;
    bottom: -60px;
    right: 0px;
    z-index: 100;
}

/*Paper Plane: Image*/
.plane {
    width: auto;
    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 4s 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(50px);
        -moz-transform: translateY(50px);
        transform: translateY(50px);
    }
}

.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: #084e82 !important;
    padding-top: 30px;
}

.contact-info-sub-heading-2 {
    font-size: 27px;
    font-weight: 700;
    color: #000 !important;
}


.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;
}

@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);
    }
}


.news-events-details-img {
    width: 100%;
    height: 215px;
    border-radius: 10px !important;
    margin-bottom: 15px;
}

.important-links-img {
    float: left;
    margin-left: -6%;
    margin-right: 3%;
    margin-top: 2px;

}

.important-links-title {
    float: left;

}

/* #region Sidebar should be fixed */
.fixed-sidebar {
    position: sticky;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background-color: #f8f9fa;
    overflow-y: auto;
}

/* Content area should take remaining space and be scrollable */
.content-area {
    padding: 20px;
    height: 110vh;
    overflow-y: auto;
}

/* #endregion Sidebar should be fixed */



/* #region Css for table */

/* Progress bar start  */
.dashboard-progress-bar {
    margin-bottom: 25px;
}

.dashboard-progress-bar .progress-details {
    background: #2F5C4F;
    color: #fff;
    font-size: 16px;
    padding: 8px 10px;
}

svg#animated {
    margin-top: -30px !important;
    margin-left: 80px;
}


/* Profile */

div#tab_2 {
    padding: 0 !important;
}

/* span.input-group-btn {
    display: flex;
}

.table .btn {
    margin-right: 0 !important;
}

button.btn.default.reset-date,
button.btn.default.date-set {
    padding: 0;
} */

/* Added */

.portlet.box.green-color-style {
    background: #7d6433;
    border: 1px solid #7d6433;
    border-top: 0;
}

.green-color-style-color {
    color: #ffffff !important;
}


.modal.draggable-modal .modal-header,
.portlet-sortable:not(.portlet-fullscreen)>.portlet-title {
    cursor: move;
}

.portlet>.portlet-title>.caption {
    font-size: 16px !important;
    line-height: 18px !important;
}

.portlet>.portlet-title>.caption>i {
    margin-top: 2px !important;
    font-size: 12px !important;
}

.green-color-style .table th,
.table td {
    padding: 8px;
    line-height: 1.42857;
    vertical-align: top;
}

/* New added */
.profile .ver-inline-menu li.active a,
.profile .ver-inline-menu li.active i {
    background: #427937 !important;
}

.ver-inline-menu li.active:after {
    border-left: 6px solid #54472e !important;
}

.ver-inline-menu li.active a {
    border-left: solid 2px #54472e !important;
}

.profile .date {
    display: flex !important;
    float: none !important;
}

.w-15 {
    width: 15%;
}

.width-25 {
    width: 25% !important;
}

.un-mission,
.awards,
.vaccination {
    display: flex;
}

.checkbox-center.md-checkbox.has-success {
    margin-left: 20px;
}


.ver-inline-menu li.active a,
.ver-inline-menu li.active i {
    color: #fff;
    background: #169ef4;
    text-decoration: none;
}


.marital-status {
    display: flex;
    column-gap: 15px;
}

.course-position {
    display: grid;
    grid-template-columns: 2fr 3fr;
}

.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;
}


/* #region homepage*/

/* #region header*/

/* scroll message */

.scroll {
    width: 42%;
    position: absolute;
    left: 30%;
    top: 0px;
    display: inline-flex;
    color: #ffffff;
    background: none;
    padding-left: 30px;
    padding-top: 5px;
    padding-right: 30px;
}

.scroll::before {
    content: '';
    width: 100%;
    height: 35px;
    background: linear-gradient(135deg, #003860, #084F84);
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
    clip-path: polygon(2% 100%, 98% 100%, 100% 0, 0 0);
    border-bottom-left-radius: 50px;
    border-bottom-right-radius: 50px;
}

.top-header {
    padding: 4px 0px;
}


/* .scroll {
    width: 45%;
    position: absolute;
    left: 28%;
    top: 0px;
    display: inline-flex;
    color: #ffffff;
    background: linear-gradient(135deg, #003860, #084F84);
    border-bottom-left-radius: 50px !important;
    border-bottom-right-radius: 50px !important;
    padding: 7px 30px 7px 30px;
} */

span.scroll-title {
    font-size: 15px;
    font-weight: 600;
    margin-right: 10px;
    animation: pulse 1s ease-in-out infinite;
}

@keyframes pulse {
    0% {
        transform: scale(1);
    }

    50% {
        transform: scale(1.2);
    }

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

.marquee {
    overflow: hidden;
}

.marquee2 {
    font-size: 13px;
    z-index: 10;
}

.envelop_icon {
    background: url('../../../../public/img/homepage/announcement.png') top left no-repeat;
    background-size: 19px 18px;
}

.envelop_icon {
    display: inline-block;
    line-height: 20px;
    -webkit-font-smoothing: antialiased;
    box-sizing: border-box;
    width: 22px;
}

/* scroll message end */


.top-header {
    color: #fff;
    background: linear-gradient(90deg, #BF00A9, #7117EA, #0017EA, #7117EA, #BF00A9);
    padding: 6px 0px;
    font-size: 12px;
    font-weight: 500;
    height: 30px;
}

.follow-us a {
    margin-right: 5px;
}

.follow-us a i.fa {
    color: #084F84;
    font-size: 13px;
}

svg#header-logo {
    height: 65px;
    padding-bottom: 3px;
}

.sub-menu {
    list-style-type: none;
    padding: 0;
    margin: 0;
}

.sub-menu li:not(:last-child) {
    border-bottom: 1px solid #ccc;
    /* You can adjust the color and width as needed */
}

img.sub-menu-icon {
    width: 22px;
    height: 22px;
}

.menu-item a {
    display: flex !important;
    align-items: center;
    text-decoration: none;
}

.sub-menu-icon {
    margin-right: 5px;
}

.sub-menu-title {
    margin-top: 5px;
}

span.ul-top-arraw-div {
    position: absolute;
    top: -14px;
    left: 15px;
}

.fa-facebook {
    width: 10px;
}

.fa-linkedin {
    width: 13px;
}

.fa-youtube-play {
    width: 10px;
    padding: 3px 3px 3px 0px;
}

/* #endregion header */

.aim-header {
    font-size: 45px;
}

.aim-header .left-aim {
    color: #10C1FF;
}

.aim-header .right-aim {
    color: #fff;
}

.aim-content {
    margin-top: 55px;
}

.aim-content p {
    color: #fff;
    text-align: justify !important;
    font-size: 20px;
    font-weight: 400;
}

.aim-image-template img {
    width: auto;
}

.aim-content a {
    color: #10C1FF;
}

.aim-image-uploaded img {
    width: 270px;
    height: auto;
}

.gallery-title-div {
    font-size: 45px !important;
    font-weight: 600 !important;
    margin-top: 45px;
    margin-bottom: 0px !important;
}

.gallery-title-div .left-gallery-title {
    color: #084F84 !important;
}

.news-title-div {
    font-size: 45px !important;
    font-weight: 600 !important;
    margin-top: 45px;
    margin-bottom: 0px !important;
}

.news-title-div .left-news-title {
    color: #10C1FF !important;
}

.news-title-div .right-news-title {
    color: #fff !important;
}

#newsEvents .owl-nav {
    color: #fff !important;
}

#newsEvents .owl-carousel.owl-drag .owl-item {
    opacity: 1;
    border: none !important;
}

.activities-title-div {
    font-size: 45px !important;
    font-weight: 600 !important;
    margin-top: 45px;
    margin-bottom: 0px !important;
}

.activities-title-div .left-activities-title {
    color: #084F84 !important;
}

.activities-card {
    background: #fff;
    box-shadow: 2px 6px 8px 0 rgba(22, 22, 26, 0.18);
    border-radius: 10px !important;
    margin-bottom: 30px;
    height: 450px;
}

.activities-card .card-text {
    font-size: 16px;
    line-height: 1.3;
}

.activities-card .card-title {
    font-weight: 600;
    text-align: center;
    font-size: 21px !important;
    color: #084F84;
    margin-top: 10px;
    padding-top: 7px;
}

.read-more-sm {
    font-weight: 600;
    color: #7615E5;
    display: inline-flex;
}

a.read-more-sm:hover {
    color: #249ee8 !important;
}

a.read-more-sm:hover #f-svg-read-more {
    fill: #fff !important;
    background: #10C1FF !important;
}

a.read-more-sm #f-svg-read-more {
    width: 18px;
    height: 18px;
    fill: #fff;
    background: #7615E5;
    border-radius: 18px !important;
    padding: 5px 2px 2px 2px;
}

img.activities-img {
    border-top-left-radius: 10px !important;
    border-top-right-radius: 10px !important;
    width: 100%;
}

#services {
    background: #F2F5F8;
    padding-bottom: 25px;
}

#services .item {
    border-radius: 10px !important;
    box-shadow: 2px 6px 8px 0 rgba(22, 22, 26, 0.18);
    background: #fff;
    color: #000;
    margin-bottom: 15px;
    margin-right: 10px;
    height: 255px;
}

#services .reveal {
    padding: 15px 10px 10px 5px;
}

#services .post-content {
    margin-top: 5px;
}

#services .inner-details {
    margin-left: -10px;
}

#services .post-caption {
    text-align: left;
    margin-top: 10px;
}

.service-right-layer {
    position: absolute;
    right: 0px;
    top: 0px;
}

.service-right-layer img {
    height: 255px;
    border-radius: 10px !important;
    opacity: 0.3;
}

#services img.group.list-group-image {
    height: 220px;
    border-radius: 10px !important;
}

#services a.list-group-item-heading {
    font-weight: 600;
    font-size: 20px;
    color: #084F84;
}

#services a.list-group-item-heading:hover {
    color: #249ee8 !important;
}

#services .owl-carousel.owl-drag .owl-item {
    opacity: 1;
    border: none !important;
}

.services-title-div {
    font-size: 45px !important;
    font-weight: 600 !important;
    margin-top: 45px;
    margin-bottom: 0px !important;
}

.services-title-div .left-services-title {
    color: #084F84 !important;
}

.intro-slider .owl-nav i {
    color: #249ee8;
}

.intro-slider .owl-nav i:hover {
    color: #084F84;
}

.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;
}

.contact-list i.fa {
    padding-right: 5px;
}

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

.contact-list li {
    display: flex;
    font-size: 18px;
}

.certification-img img {
    border-radius: 6px !important;
    width: 180px;
    height: 200px;
    background: #fff;
}

.certification-img {
    margin-bottom: 5px;

}

.certifications-wrapper {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
}

.affiliations-img img.img-fluid {
    background: #fff;
    width: 120px;
    height: 40px;
    border-radius: 6px !important;
    max-width: 120px;
}

.affiliations-img {
    margin-bottom: 10px;
}

a.affiliation-more {
    font-size: 18px;
    margin-bottom: 6px;
    margin-left: 5px;
}

.affiliation-msg {
    font-size: 15px;
    margin-left: 5px;
    display: inline-flex;
    margin-top: 5px;
}

#heart-icon {
    color: #fff;
    width: 20px;
    height: 20px;
    margin-right: 3px;
}

.left-brd {
    color: #10C1FF;
}

.frontend.alert {
    border-radius: 15px !important;
    background-color: #229546;
    margin-bottom: 10px;
    display: flex;
}

.frontend.alert p {
    color: #fff;
    font-size: 16px;
}

.member-request-div .apply-card {
    background: #fff;
    padding: 25px 25px 25px 24px;
    border-radius: 15px !important;
    margin-top: 20px !important;
    margin-bottom: 40px !important;
    margin: 0px auto;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}

.member-request-div .step-2-verification .apply-card {
    width: 40%;
}

.member-request-div .step-1-otp-send .apply-card {
    width: 70%;
}

.member-request-div .step-3-nid-info .apply-card,
.member-request-div .step-4-nid-basic-info .apply-card,
.member-request-div .step-5-address-info .apply-card,
.member-request-div .step-6-training-info .apply-card {
    width: 70%;
}

.member-request-div label {
    color: #000;
    font-weight: 600;
}

.btn-modify {
    color: #fff !important;
    background: linear-gradient(to right, #064F83, #027AAE);
    border-radius: 10px !important;
    font-size: 16px;
    padding: 5px 10px 5px 10px;
    margin-bottom: 10px;
    margin-top: 10px;
}

.btn-modify.cancel-btn {
    color: #fff !important;
    background: linear-gradient(to bottom, #EF4445, #AB2129);
    border-radius: 10px !important;
    font-size: 16px;
    padding: 5px 10px 5px 10px;
    margin-bottom: 10px;
    margin-top: 10px;
    margin-right: 10px;
}

.member-request-div .form-group .form-control,
.member-request-div .form-group .select-custom {
    margin-bottom: 0;
    border-radius: 15px !important;
    background: #f4f8f8;
    color: #000;
}

.member-request-header p {
    color: #000;
    font-size: 18px;
    font-weight: 600;
}

.mem-icon img {
    display: inline-block;
    max-width: 100%;
    /* Ensures responsiveness */
}

.member-req-cont-info {
    color: #22B209;
    margin-bottom: 10px;
    font-size: 15px;
}

.text-bold {
    font-weight: bold;
}

.member-req-info .custom-list,
.custom-list ul {
    list-style-type: none;
    padding-left: 0;
    color: #000;
    font-size: 17px;
    line-height: 1.3;
}

.member-req-info .custom-list li {
    position: relative;
    padding-left: 25px;
    /* Space for the custom icon */
    margin-bottom: 10px;
    /* Space between list items */
}

.member-req-info .custom-list .title {
    font-size: 18px;
    margin-top: 25px !important;
    margin-bottom: 25px !important;
    /* border: 1px solid #7816e5; */
    background: #7816e5;
    padding: 5px 5px 5px 35px !important;
    margin-left: 0px !important;
    color: #fff;
    z-index: 10;
    text-align: center;
    width: 75%;
    height: 34px;
}

.custom-list .title {
    position: relative;
    /* Add this to make ::before and ::after relative to this element */
}

.custom-list .title::before {
    content: '';
    position: absolute;
    background-color: white;
    border-top: 17px solid #ebf6fc;
    border-right: 35px solid #7816e5;
    left: 0px;
    top: 0px;
    border-bottom: 17px solid #ebf6fc;
    z-index: -1;
    height: 34px;
}

.custom-list .title::after {
    content: '';
    position: absolute;
    background-color: white;
    border-top: 17px solid #ebf6fc;
    border-left: 35px solid #7816e5;
    right: 0px;
    top: 0px;
    border-bottom: 17px solid #ebf6fc;
    z-index: -1;
    height: 34px;
}

.custom-list .title.title-2::after {
    content: '';
    position: absolute;
    background-color: white;
    border-top: 16px solid #e9ecfb;
    border-left: 35px solid #7816e5;
    right: 0px;
    top: 0px;
    border-bottom: 17px solid #e9ecfb;
    z-index: -1;
}

.member-request-header {
    /* padding-top: 20px; */
    padding-bottom: 15px;
}

.req-submit {
    padding-top: 20px;
    padding-bottom: 15px;
}

.req-submit .fa-play {
    margin-right: 0px !important;
}

.member-req-info .custom-list li:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 20px;
    height: 20px;
    background-image: url('../../../img/content_icon.png');
    /* Replace with your image path */
    background-size: cover;
    /* Ensure the image fits the box */
}

.reg-title-mob {
    display: none;
}

.reg-title {
    display: block;
}

.registration-no {
    display: flex;
}

.mask {
    height: auto !important;
    padding-top: 20px !important;
    padding-bottom: 20px !important;
}

.bg-image.banner {
    height: auto !important;
}

a.link.play-btn {
    color: #7615E5;
    font-weight: 600;
    font-size: 12px;
}

a.link.play-btn:hover {
    color: #044372 !important;
}

.play-btn i.fa.fa-youtube-play {
    padding: 1px 5px 1px 5px;
    border: 1px solid red;
    background: red;
    border-radius: 4px !important;
    color: #fff;
    width: 25px;
}

.play-btn i.fa.fa-youtube-play:hover {
    background: #044372 !important;
    border: 1px solid #044372;
}

.view-all a {
    color: #7615E5 !important;
    font-size: 16px;
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    padding: 5px 4px 3px 4px;
    border: 1px solid;
    border-radius: 8px !important;
}

#newsEvents .view-all a {
    color: #fff !important;
}

#newsEvents .view-all a:hover {
    color: #10C1FF !important;
}

#newsEvents .view-all #f-svg-read-more {
    width: 15px;
    height: auto;
    fill: #fff;
}

#newsEvents .view-all a:hover #f-svg-read-more {
    fill: #10C1FF !important;
}

#home-gallery .view-all a,
#services .view-all a,
#newsEvents .view-all a {
    margin-right: 10px;
}

#home-gallery .view-all a {
    z-index: 1000;
    position: relative;
}

.view-all a:hover {
    color: #10C1FF !important;
}

.view-all {
    margin-bottom: 15px !important;
}

#f-svg-read-more {
    width: 15px;
    height: auto;
    fill: #7615E5;
}

.view-all a:hover #f-svg-read-more {
    fill: #10C1FF;
}

.activities-container a .card-title:hover {
    color: #249ee8 !important;
}

.activities-card .card-text a.act-details {
    color: #000 !important;
}

.activities-card .card-text a.act-details:hover {
    color: #000 !important;
}

.certificate-modal.fade:not(.show),
#viewMemberModal.fade:not(.show) {
    opacity: 1;
}

.certificate-modal .pdf-frame {
    width: 100%;
    height: 500px;
    object-fit: contain !important;
    /* Makes sure the PDF fits within the frame */
    border: none;
    overflow: hidden;
}

.msg-from .name {
    color: #044372;
    font-weight: 600;
    font-size: 18px;
    margin-top: 45px !important;
}

.msg-from .photo {
    position: relative;
    display: inline-block;
    width: auto;
}

.msg-from .bg-photo {
    position: absolute;
    top: -25px;
    left: -40px;
    width: 245px;
    z-index: 1;
}

.msg-from .member-photo {
    border-radius: 110px !important;
    width: 185px;
    position: relative;
    z-index: 2;
    height: 185px;
}

.msg-from .designation {
    color: #044372;
    font-weight: 600;
    font-size: 14px;
}

.msg-from .left-part {
    background: linear-gradient(to right, rgba(38, 54, 118, 0), rgb(209 214 235 / 0%), rgb(38 54 118 / 22%));
    padding-top: 50px;
    padding-bottom: 50px;
}

.msg-from .right-part {
    padding-top: 50px;
    padding-bottom: 50px;
}

.msg-from .post-content {
    padding-left: 30px;
}

.msg-deatails-video a.msg-details {
    display: inline-flex;
    color: #7615E5;
    font-weight: 600;
    font-size: 12px;
}

.msg-deatails-video a.msg-details:hover {
    color: #044372 !important;
}

.msg-deatails-video .msg-details svg#f-svg-go {
    width: 25px;
    height: 18px;
    border: 1px solid #7615E5;
    background: #7615E5;
    border-radius: 4px !important;
    padding: 1px 5px 1px 5px;
    margin-left: 5px;
}

.msg-deatails-video .msg-details svg#f-svg-go:hover {
    border: 1px solid #044372;
    background: #044372;
}

.msg-deatails-video {
    display: inline-flex;
}

.we-mourn {
    margin-bottom: 25px !important;
}

/* #endregion homepage */

/* #region our services */
.common-card {
    background: #fff;
    box-shadow: 2px 6px 8px 0 rgba(22, 22, 26, 0.18);
    border-radius: 10px !important;
    margin-bottom: 30px;
    height: 450px;
}

img.common-card-img {
    border-top-left-radius: 10px !important;
    border-top-right-radius: 10px !important;
    width: 100%;
    height: 200px;
}

.common-card .card-text a.card-details {
    color: #000 !important;
}

.common-card-container a .card-title:hover {
    color: #249ee8 !important;
}

.common-card .card-text {
    font-size: 16px;
    line-height: 1.3;
}

.common-card .card-title {
    font-weight: 600;
    text-align: center;
    font-size: 21px !important;
    color: #084F84;
    margin-top: 10px;
    padding-top: 7px;
}

.details-page img {
    width: 100%;
    height: 215px;
    border-radius: 10px !important;
}

.news-event-div .post-thumbnail {
    margin-bottom: 50px;
}

.album-item img {
    border-radius: 10px !important;
    box-shadow: 0px 2px 7px 5px rgba(37, 37, 57, 0.18);
}

#gallery img.img-thumbnail {
    padding: 0px;
    background-color: transparent;
    border: none;
    border-radius: 10px !important;
    box-shadow: 0px 2px 7px 5px rgba(37, 37, 57, 0.18);
    height: 180px;
}

/* #endregion our services */

/* #region doantion page */
.bank-info-list {
    list-style: none;
    padding: 0;
    margin: 0;
    margin-top: 5px;
}

.bank-info-list li {
    display: flex;
    justify-content: flex-start;
    margin-bottom: 2px;
}

.bank-info-list .info {
    font-size: 15px;
}

.bank-info-list .title {
    width: 25%;
    text-align: left;
    font-weight: 600;
    font-size: 15px;
}

.bank-info-list .info {
    width: 70%;
    /* Adjust width for the info */
    text-align: left;
    /* Ensure left alignment for info */
    word-wrap: break-word;
    /* Handle long text properly */
}

.bank img {
    width: auto;
    height: 45px !important;
    margin: 0px auto;
}

.donation-to-info svg#f-svg-donation {
    width: 100px;
    margin: 0px auto;
}

.donation-to-info {
    background: #fff;
    border-radius: 10px !important;
    padding: 15px 20px 40px 20px;
    margin-bottom: 30px;
}

.donation-to-info .bank-info-title {
    font-size: 22px;
    font-weight: 600;
    color: #000;
    text-align: center;
}

.donation-to-info .bank {
    border-radius: 15px !important;
    box-shadow: 1px 2px 3px 2px rgb(88 88 180 / 18%);
    padding: 15px 10px 10px 15px;
    margin-bottom: 12px;
}

.donation-to-info .f-svg-donation-cls-1 {
    fill: #064f83;
}

.donation-to-info .f-svg-donation-cls-2 {
    fill: #064f83;
}

.donation-left-info .custom-list .title {
    font-size: 18px;
    margin-top: 25px !important;
    margin-bottom: 25px !important;
    background: #F16BD1;
    padding: 5px 5px 5px 35px !important;
    margin-left: 0px !important;
    color: #fff;
    z-index: 10;
    text-align: center;
    width: 75%;
    height: 34px;
}

.donation-left-info .custom-list .title::before {
    content: '';
    position: absolute;
    background-color: white;
    border-top: 17px solid #ebf6fc;
    border-right: 35px solid #F16BD1;
    left: 0px;
    top: 0px;
    border-bottom: 17px solid #ebf6fc;
    z-index: -1;
    height: 34px;
}

.donation-left-info .custom-list .title::after {
    content: '';
    position: absolute;
    background-color: white;
    border-top: 17px solid #ebf6fc;
    border-left: 35px solid #F16BD1;
    right: 0px;
    top: 0px;
    border-bottom: 17px solid #ebf6fc;
    z-index: -1;
    height: 34px;
}


.donation-left-info .custom-list,
.custom-list ul {
    list-style-type: none;
    padding-left: 0;
    color: #000;
    font-size: 17px;
    line-height: 1.3;
}

.donation-left-info .custom-list li {
    position: relative;
    padding-left: 25px;
    margin-bottom: 10px;
}

.donation-left-info .custom-list li:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 20px;
    height: 20px;
    background-image: url(../../../img/content_icon.png);
    background-size: cover;
}

.mfs .bank-info-title {
    margin-top: 40px !important;
    position: relative;
    padding-bottom: 10px !important;
}

.mfs .bank-info-title::before,
.mfs .bank-info-title::after {
    content: '';
    position: absolute;
    bottom: 0;
}

.mfs .bank-info-title::before {
    width: 20%;
    height: 3px;
    background-color: #F16BD1;
    left: 0;
    bottom: 0;
}

.mfs .bank-info-title::after {
    width: 80%;
    height: 1px;
    background-color: #064f83;
    right: 0;
    bottom: 1px;
}

.mfs .logo-title {
    display: flex;
    text-align: center;
    align-items: center;
    margin-top: 15px;
    margin-bottom: 10px;
}

.mfs .logo-title img {
    width: auto;
    height: 25px !important;
}

.mfs .mfs-name {
    font-weight: 600;
    font-size: 16px;
    margin-left: 5px;
    color: #000;
}

.mfs .merchant-title {
    color: #000;
    font-size: 12px;
    font-weight: 600;
}

.mfs .mfs-number {
    color: #fff;
    background: #F16BD1;
    padding: 1px 5px 5px 5px;
    border-radius: 5px !important;
    width: fit-content;
    margin-top: -5px !important;
}

.acc-type-info {
    font-size: 12px;
    font-weight: 600;
    color: #eb2222;
}

/* #endregion donation page */

/* #region error page */
.error-404-div {
    margin-bottom: 40px;
}

.error-img-404 {
    margin: 0px auto;
}

.error-404-div .error-title {
    color: #000;
    font-size: 45px;
    font-weight: 400;
}

.error-title {
    letter-spacing: -.025em;
    margin-bottom: 1.4rem;
}

.error-404-div .error-desc {
    color: #888888;
    font-weight: 600;
    font-size: 14px;
}

/* #endregion error page */

/* #region sponsor page */
img.cat-image {
    width: 350px;
    height: auto;
}

img.sponsor-image {
    border-radius: 8px !important;
    box-shadow: 1px 2px 3px 2px rgb(88 88 180 / 18%);
    padding: 10px 10px 10px 10px;
    margin-bottom: 0px;
    margin-top: 15px;
    background: #fff;
    height: auto;
    width: auto;
}

.cat-img-div.margin-top {
    margin-top: 60px;
}

/* #endregion sponsor page */


/* #region founder-member */

.member-info .member-image-div {
    position: relative;
    display: inline-block;
    width: 50%;
}

.member-info .member-image-div img.member-image {
    border-radius: 5px !important;
    width: 100%;
    position: relative;
    z-index: 2;
    /* Higher z-index than the background */
    height: 133px;
}

.member-info .bg-photo {
    position: absolute;
    top: 33px;
    left: -20px;
    width: 100px;
    z-index: 1;
}

.member-info .bg-photo img {
    width: 245px;
    border-top-left-radius: 5px !important;
    border-bottom-left-radius: 5px !important;
}

.member-info span.title {
    font-size: 13px;
    font-weight: 600;
}

.member-info .name {
    color: #044372;
    font-weight: 600;
    font-size: 18px;
    margin-top: 10px !important;
    margin-bottom: 4px !important;
}

.member-info .designation {
    color: #044372;
    font-weight: 600;
    font-size: 13px;
    margin: 0px !important;
}

.member-info .company {
    color: #044372;
    font-weight: 600;
    font-size: 15px;
    margin: 0px !important;

}

.member-info a.read-more-sm #f-svg-read-more {
    width: 15px;
    height: 15px;
}

.card-heading.member-info {
    margin-bottom: 25px;
}

.member-info .date-expiry {
    color: #044372;
    font-weight: 600;
    font-size: 12px;
    margin: 0px !important;

}

/* #endregion founder-member */

/* #region pagination */

.page-item.active .page-link {
    color: #fff;
    background-color: #054676;
    border-color: #054676;
    border-radius: 5px !important;
    padding: 5px;
}

.pagination>li>a,
.pagination>li>span {
    border-radius: 5px !important;
    color: #000;
    background-color: #fff;
}

.page-link:hover,
.page-link:focus {
    color: #10c1ff !important;
    border-color: #054676;
}

.page-item.disabled .page-link {
    border-color: #e0e0e0;
    color: #000;
    background-color: #e0e0e0 !important;
}

/* #endregion pagination */

/* #region common-css */
.fileinput-preview.thumbnail {
    border-radius: 10px !important;
}

.btn-white-bg {
    color: #014e4c !important;
    background: #fff;
    border-radius: 10px !important;
    font-size: 12px;
    font-weight: 600;
    padding: 5px 5px 5px 5px;
    border: 1px;
}

.btn-white-bg:hover {
    color: #fff !important;
    background: #014e4c;
}

.modal button.btn.btn-info {
    border-radius: 20px !important;
}

.post-detail .btn-info {
    border-radius: 10px !important;
}

.post-caption a {
    color: #013b65 !important;
}

.post-caption a:hover {
    text-decoration: none;
    color: #10c1ff !important;
}

.post-date,
.post-content {
    font-size: 14px !important;
}

.post-thumbnail img {
    border-radius: 10px !important;
}

.aim-objectives .post-content {
    font-size: 16px !important;
}

.aim-objectives p,
.aim-objectives div,
.aim-objectives span {
    font-size: 16px !important;
    color: #000;
}

/* Black and white */
.grayscale {
    filter: grayscale(100%);
}

/* Optional: Add transition for a smooth effect */
.grayscale:hover {
    filter: grayscale(0%);
    transition: filter 0.5s;
}

.loading-message {
    display: inline-flex !important;
}

.select2-container--bootstrap .select2-selection {
    background-color: #f4f8f8 !important;
}

.clearfix .label {
    border-radius: 5px !important;
}

.btn-modify-green {
    color: #fff !important;
    background: linear-gradient(to right, #337654, #326048);
    border-radius: 5px !important;
    font-size: 12px;
    letter-spacing: 0.3px;
    font-weight: 600;
    padding: 5px 0px 5px 10px;
}

.btn-modify.cancel-btn-ash {
    color: #fff !important;
    background: #b5b5b5 !important;
    border-radius: 10px !important;
    font-size: 16px;
    padding: 5px 10px 5px 10px;
    margin-bottom: 10px;
    margin-top: 10px;
    margin-right: 10px;
    /* box-shadow: 3px 3px 8px #696969 !important; */
}

/* #endregion common-css */

.bottom-layer,
.top-layer {
    z-index: 1;
}

.top-left,
.top-right,
.bottom-left,
.bottom-right,
.about-top-left,
.preview-bottom-left,
.preview-bottom-right,
.about-bottom-right {
    width: 100px;
    height: auto;
}

.top-left {
    position: absolute;
    top: 0;
    left: 0;
}

.top-right {
    position: absolute;
    top: 0;
    right: 0;
}

.bottom-left {
    position: absolute;
    bottom: 0;
    left: 0;
}

.bottom-right {
    position: absolute;
    bottom: 0;
    right: 0;
}

.about-top-left {
    position: absolute;
    top: 0;
    left: 0;
}

.about-bottom-right {
    position: absolute;
    bottom: 0;
    right: 0;
}

.sponsors-div {
    background: #EAF5FB;
    position: relative;
    min-height: 100vh;
    padding-top: 25px;
    padding-bottom: 25px;
}

.sponsors-div .container {
    position: relative;
    z-index: 10;
}

/* #region member-info */
.member-info .member-id {
    color: #044372;
    font-weight: 600;
    font-size: 14px;
    margin: 0px !important;
}

.member-info .blood-group {
    color: #044372;
    font-weight: 600;
    font-size: 13px;
    margin: 0px !important;
}

.member-info .info {
    color: #044372;
    font-weight: 600;
    font-size: 13px;
    margin: 0px !important;
}

.member-info-btn a {
    color: #fff !important;
}

.member-info-btn {
    margin: 0px !important;
    background: #0d5282;
    color: #fff;
    border-radius: 15px !important;
    height: 25px;
    padding: 0px 10px 0px 10px;
    font-size: 12px !important;
    margin-top: 5px !important;
}

.member-info-btn:hover,
.member-info-btn:active {
    background: #04253d !important;
    color: #fff;
}

.member-details-page .member-info .member-image-div {
    width: auto;
}

#memberDetails .member-info .member-image-div {
    width: auto !important;
}

#memberDetails .modal-header {
    border-bottom: none !important;
}

#memberDetails .modal-content {
    border-radius: 10px !important;
    background: #ebf6fc url(../../../../public/img/homepage/modal_bg.png);
    background-size: cover;
    border: none;
    width: 70%;
    margin: 0px auto;
    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 !important;
}

/* #endregion member-info */

.facebook-modify .facebook-cls-1 {
    fill: #ffffff !important;
}

.facebook-modify .facebook-cls-2 {
    fill: #426cbe !important;
}

.youtube-modify .youtube-cls-1 {
    fill: #ee252e !important;
}

.youtube-modify .youtube-cls-2 {
    fill: #ffffff !important;
}

.twitter-x-modify .twitter-x-cls-1 {
    fill: #ffffff !important;
}

.twitter-x-modify .twitter-x-cls-2 {
    fill: #000000 !important;
}

/* #region member-signin  */
.top-header .signin-div a {
    color: #fff;
    font-weight: 600;
    background: #15693e;
    border-radius: 5px !important;
    padding: 1px 5px 1px 5px;
    display: inline-flex;
}

.top-header .signin-div a:hover,
.top-header .signin-div a.active {
    /* background: #084F84 !important; */
    color: #fff !important;
}

.apply-here,
.dont-have-account {
    font-size: 14px;
    font-weight: 600;
}

a.apply-here {
    color: #044372;
}

a.apply-here:hover {
    color: #157fa5 !important
}

.dont-have-account {
    color: #000;
}

#submitBtn i,
.btn-modify i {
    margin-right: 0px !important;
    font-size: 12px;
}

/* #endregion member-signin  */

/* #region member-apply  */

.provide-otp-label {
    text-align: center;
    font-size: 20px;
    font-weight: 600;
    color: #000;
}

.your-mobile-no {
    font-size: 22px;
    color: #05578b;
    text-align: center;
    font-weight: 600;
    margin-bottom: 15px;
}

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

.member-request-div .form-group .form-control#otp {
    color: #000;
    text-align: center;
    font-size: 18px;
    font-weight: 600;
    width: 250px;
    margin: 0px auto;
    border: 1px solid #6db2d0;
}

a.resend-btn {
    color: #044372;
}

a.resend-btn:hover {
    color: #157fa5 !important
}

.resend-btn-div {
    text-align: center;
    font-size: 14px;
    font-weight: 600;
}

.resend-title {
    color: #000;
}

.otp-verification-title,
.page-title {
    color: #044372;
    font-size: 22px !important;
    font-weight: 600;
    text-align: center;
    margin-bottom: 15px !important;
    margin-top: 0px !important;
}

p.nid-info-subtitle {
    color: rgb(0 171 21) !important;
    font-size: 16px !important;
    /* margin-bottom: 15px !important; */
    margin-top: -10px !important;
}

.member-request-div .select2 {
    width: 100% !important;
}

.member-request-div .select2-container--bootstrap .select2-selection {
    font-weight: normal !important;
    font-size: 15px;
    border-radius: 15px !important;
}

.member-request-div .select2-container--bootstrap .select2-selection--single .select2-selection__rendered {
    color: #000 !important;
    padding: 0;
}

.member-request-div .select2-container--bootstrap .select2-selection--single {
    height: 38px;
}

.select2-container--bootstrap .select2-dropdown {
    margin-top: -7px !important;
    border-bottom-right-radius: 25px !important;
    border-bottom-left-radius: 25px !important;
    border: 1px solid #e3e7f0 !important;
}

.select2-container--bootstrap .select2-selection {
    font-family: BalooDa2-Regular !important;
    border: 1px solid #e3e7f0 !important;
}

.select2-container--bootstrap .select2-selection--single {
    padding: 9px 24px 6px 12px !important;
}

.pass-show-hide,
.pass-show-hide:focus,
.pass-show-hide:hover {
    background: #e8f4f5;
    border: 1px solid #EDEDED;
    border-top-right-radius: 15px !important;
    border-bottom-right-radius: 15px !important;
}

input#password,
input#password_confirmation {
    border-top-right-radius: 0px !important;
    border-bottom-right-radius: 0px !important;
}

input#mobileNo {
    border-top-left-radius: 0px !important;
    border-bottom-left-radius: 0px !important;
}

.before-mobile-num,
.before-mobile-num:focus,
.before-mobile-num:hover {
    color: #000;
    background: #e8f4f5;
    border: 1px solid #EDEDED;
    border-top-left-radius: 15px !important;
    border-bottom-left-radius: 15px !important;
    padding-right: 5px !important;
}

.display-none {
    display: none !important;
}

.member-request-div .form-group.frontend-file-upload .form-control {
    height: 40px;
    padding-top: 10px;
    border-top-right-radius: 0px !important;
    border-bottom-right-radius: 0px !important;
}

.member-request-div .form-group.frontend-file-upload .btn.fileinput-exists {
    border-top-right-radius: 15px !important;
    border-bottom-right-radius: 15px !important;
}

/* .member-request-div .form-group.frontend-file-upload span.input-group-addon.btn.default.btn-file {
    border-top-right-radius: 15px !important;
    border-bottom-right-radius: 15px !important;
} */

.member-request-div .form-group.frontend-file-upload .input-medium {
    width: 150px !important;
}

fieldset {
    padding: 0px 10px 0px 10px !important;
    border: 1px solid #d2d2d2 !important;
    border-radius: 5px;
    margin-bottom: 10px;
}

legend {
    padding: 0px !important;
    border: none !important;
    font-size: 16px;
    width: auto !important;
    border-bottom: none !important;
}

.address-info-title,
.training-info-title {
    text-align: center;
    font-size: 16px;
    font-weight: 600;
    color: #32644a !important;
}

.training-info-title,
.permanent-address-fieldset .address-info-title {
    margin-bottom: 15px !important;
}

/* #endregion member-apply  */


/* #region loader wave */
.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;
}

.loading-wave .loading-bar:nth-child(2) {
    animation-delay: 0.1s;
}

.loading-wave .loading-bar:nth-child(3) {
    animation-delay: 0.2s;
}

.loading-wave .loading-bar:nth-child(4) {
    animation-delay: 0.3s;
}

@keyframes loading-wave-animation {
    0% {
        height: 10px;
    }

    50% {
        height: 20px;
    }

    100% {
        height: 10px;
    }
}

/* #endregion loader wave end */

/* #region btn animation */

.button-animated {
    transition: all 0.2s ease-in;
    position: relative;
    overflow: hidden;
    z-index: 1;
    cursor: pointer;
    box-shadow: 6px 6px 12px #c5c5c5, -6px -6px 12px #ffffff;
}

.button-animated:active,
.button-animated:focus {
    color: #ffffff;
    box-shadow: inset 4px 4px 12px #c5c5c5, inset -4px -4px 12px #ffffff;
}

.button-animated:before {
    content: "";
    position: absolute;
    left: 50%;
    transform: translateX(-50%) scaleY(1) scaleX(1.25);
    top: 100%;
    width: 140%;
    height: 180%;
    background-color: #0c5283;
    border-radius: 50%;
    display: block;
    transition: all 0.5s 0.1s cubic-bezier(0.55, 0, 0.1, 1);
    z-index: -1;
}

.button-animated:after {
    content: "";
    position: absolute;
    left: 55%;
    transform: translateX(-50%) scaleY(1) scaleX(1.45);
    top: 180%;
    width: 160%;
    height: 190%;
    background-color: #0c5283;
    border-radius: 50%;
    display: block;
    transition: all 0.5s 0.1s cubic-bezier(0.55, 0, 0.1, 1);
    z-index: -1;
}

.button-animated:hover {
    color: #ffffff;
    /* border: 1px solid #0c5283; */
}

.button-animated:hover:before {
    top: -35%;
    background-color: #fff;
    transform: translateX(-50%) scaleY(1.3) scaleX(0.8);
}

.button-animated:hover:after {
    top: -45%;
    background-color: #0c5283;
    transform: translateX(-50%) scaleY(1.3) scaleX(0.8);
}

/* #endregion btn animation */

/* #region member-dashboard */

.member-dashboard-brd {
    display: flex;
    align-items: center;
    margin-bottom: 10px;
}

.member-dashboard-brd .notification {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 16px;
    margin-right: 5px;
}

.member-dashboard-brd .fa.fa-bell {
    margin-right: 0px !important;
}

.member-dashboard-brd .notification .badge {
    position: absolute;
    top: -5px;
    right: -4px;
    background-color: red;
    color: white;
    font-size: 12px !important;
    width: 18px;
    height: 18px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50% !important;
    font-weight: bold;
}

.member-dashboard-brd img.visitor-image {
    width: 40px;
    height: 40px;
    border-radius: 50% !important;
    object-fit: cover;
    margin-left: 10px;
}

.member-brd-ul .member-name {
    padding: 0px 0px 0px 10px;
    color: #044372;
    font-weight: 700;
    font-size: 15px !important;
    border: 1px solid #e1e0e0;
    background: #fff;
    height: max-content;
    border-radius: 27px !important;
    margin-left: 10px;
    opacity: 85%;
}

.member-brd-ul .view-profile {
    border-radius: 20px !important;
    padding: 3px 3px 0px 3px;
    width: 26px !important;
    color: #fff;
    background: #044372;
    top: 1px;
    right: -1px;
}

.member-brd-ul .view-profile .fas.fa-angle-down {
    margin-top: 5px;
}

.member-dashboard-brd a.member-logout {
    border: 1px solid #fff;
    border-radius: 20px !important;
    padding: 5px 0px 5px 0px !important;
    width: 27px;
    color: red;
    background: #fff;
    font-size: 16px;
}

.member-dashboard-brd a.member-logout:hover {
    border: 1px solid red;
    color: #fff !important;
    background: red;
}

img.visitor-image {
    width: 100px;
    height: 100px;
    border-radius: 10px !important;
}

.become-a-member-body p {
    color: #000000;
    font-weight: 600;
    font-size: 17px;
}

.members-profile .member-request-div .apply-card {
    margin-top: 15px !important;
}

.portlet.box.green>.portlet-title,
.portlet.green,
.portlet>.portlet-body.green {
    background-color: #0e5283 !important;
    opacity: 1 !important;
}

.table thead tr th,
.table td {
    color: #000 !important;
}

.portlet.box.green-color-style {
    border: 1px solid #0e5283 !important;
}

img.member-profile-photo-full {
    margin: 0px auto;
    border-radius: 50px !important;
    width: 100px;
    height: 100px !important;
    box-shadow: 1px 1px 15px #83c0d8;
}

.btn-modify-only-icon {
    color: #fff !important;
    background: linear-gradient(to right, #064F83, #027AAE);
    border-radius: 10px !important;
    font-size: 12px;
    letter-spacing: 0.3px;
    font-weight: 600;
    padding: 5px 0px 5px 10px;
}

.signin-div {
    display: none;
}

.cancel-btn-modify {
    color: #000 !important;
    background: #e0e0e0;
    border: 1px solid #aaa6a6;
    border-radius: 10px !important;
    font-size: 16px;
    padding: 5px 10px 5px 10px;
}

.cancel-btn-modify:hover {
    color: #a92525 !important;
}

.form-group {
    margin-bottom: 10px;
}

label {
    margin: 0 0 3px;
}

.congratulation-part svg {
    width: 50%;
}

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

.congo-text {
    font-size: 26px !important;
}

.stay-connected-text {
    color: #3f3f3f !important;
}

.go-to-profile-btn {
    color: #fff !important;
    background: #00ab16;
    border-radius: 20px !important;
    font-size: 16px;
    font-weight: 600;
    padding: 5px 10px 5px 10px;
    margin-top: 25px;
}

.go-to-profile-btn:hover {
    color: #fff !important;
    background: #064F83 !important;
}

.go-to-profile-btn i {
    margin-right: 0px !important;
    font-size: 20px;
}

.member-photo-div {
    position: relative;
    width: 50%;
    margin: 0px auto;
}

.photo-frame {
    position: relative;
    width: 100%;
    height: 100%;
}

.frame-image {
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: 1;
}

.member-photo {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 35%;
    object-fit: cover;
    border-radius: 50% !important;
    z-index: 2;
    height: 100px;
    width: 100px
}


/* Dropdown Menu Styling */
#dropdown-menu {
    list-style: none;
    margin: 0;
    padding: 0;
    display: none;
    position: absolute;
    top: 95%;
    transform: translateX(-50%);
    z-index: 10000;
    /* margin-left: 110px; */
    right: 130px;
    width: 215px;
    height: 180px;
    border: 1px solid #eaf5fb;
    box-shadow: 1px 1px 8px #6294c5;
    min-width: 215px;
    padding: 1.6rem 0 2rem;
    background-color: #fff;
    border-radius: 15px !important;
    text-align: left;
    opacity: 90%;
}

.member-dashboard-brd span.ul-top-arraw-div {
    position: absolute;
    top: -14px;
    right: 10%;
    left: initial;
}

.member-dashboard-brd span.ul-top-arraw-div-logout {
    position: absolute;
    top: -14px;
    right: 10%;
    left: initial;
}

.member-brd-ul li.menu-item {
    padding: 2px 0px 0px 0px;
    height: 30px;
    cursor: pointer;
    margin-bottom: 5px;
}

.member-brd-ul li.menu-item a {
    text-decoration: none;
    color: #044372 !important;
    font-weight: 600;
    font-size: 14px;
    display: flex;
    align-items: center;
}

#dropdown-menu li a {
    text-decoration: none;
    color: #044372;
    font-weight: 600;
    font-size: 14px;
    display: flex;
    align-items: center;
}

li.logout-li {
    padding: 0px;
    text-align: center;
}

li.logout-li a {
    text-decoration: none;
    color: #044372;
    font-weight: 600;
    font-size: 14px;
    padding: 5px !important;
}

.menu ul li.logout-li a:hover {
    color: #fff !important;
    background-color: #D81245 !important;
    border-radius: 3px !important;
}

.menu ul li.logout-li a {
    color: #fff !important;
}

.member-logout .fa.fa-power-off {
    color: red;
}

.member-logout:hover .fa.fa-power-off {
    color: #fff;
}

.member-brd-ul li.active-li {
    background: #b6ecff;
    color: #044372 !important;
}

.member-brd-ul li a:hover {
    color: #044372 !important;
}

.member-brd-ul .sub-menu li {
    border-bottom: none !important;
}

.member-brd-ul.menu.sf-arrows .sf-with-ul::after {
    display: none !important;
}

#dropdown-menu-logout {
    list-style: none;
    display: none;
    position: absolute;
    top: 93%;
    transform: translateX(-50%);
    z-index: 10000;
    /* margin-left: 205px; */
    right: 39px;
    width: 90px;
    border: 1px solid #eaf5fb;
    box-shadow: 1px 1px 8px #6294c5;
    min-width: 90px;
    padding: 5px;
    background-color: #fff;
    border-radius: 15px !important;
    text-align: left;
    /* opacity: 85%; */
}

.ul-top-arraw-div-logout {
    display: flex;
    justify-content: center;
}

ul#dropdown-menu li a {
    display: inline-flex;
}

ul#dropdown-menu span.li-text {
    margin-top: 5px;
}

.li-icon-profile,
.li-icon-profile-up,
.li-icon-login-up {
    width: 25px !important;
    height: 25px !important;
}

li.logout-li {
    background: #D81245;
    padding: 0px !important;
    margin: 10px 10px 0px 10px;
    text-align: center;
    border-radius: 3px !important;
    height: auto !important;
}

li.logout-li:hover {
    background: #ff0042 !important;
    color: #fff !important;
}

li.logout-li a {
    color: #fff !important;
    padding: 5px !important;
}

#dropdown-menu li.logout-li a:hover {
    color: #fff !important;
}

.step-1-show,
.step-2-show,
.step-3-show,
.step-4-show {
    width: 65%;
    margin: 0px auto;
}

.step-1-show svg {

    & .cls-1,
    .cls-2 {
        fill: #a7aca7;
    }

}

.age-limit-note {
    margin-bottom: 10px;
    font-size: 13px;
    font-weight: 600;
    color: #2b2b2b;
    z-index: 10;
    position: relative;
}

/* #endregion member-dashboard-brd */



/* #region Login css */
.login-content .login-from {
    position: relative;
    z-index: 0;
}

.login-from img.right-side-one {
    position: absolute;
    right: 5px;
    top: -3px;
}

.login-content .login-right-side {
    margin-top: 15px;
    padding-right: 20px;
}

.login-content .login-label-icon {
    display: flex;
    gap: 5px;
}

.login-from img.right-side-two {
    position: absolute;
    bottom: -6px;
    right: 0;
    z-index: -1;
}

.member-request-div .apply-card.login-content {
    padding: 0px 0px 0px 0px !important;
    border-radius: 25px !important;
}

.login-content img.left-side-image {
    border-radius: 35px 0 0 35px !important;
    margin-top: -7px;
    margin-bottom: -5px;
    position: absolute;
    z-index: 1;
    height: 103%;
}

.login-content .login-from .form-action {
    display: flex;
    gap: 20px;
    justify-content: center;
}

.register-message {
    margin: 20px 0;
}

.member-request-div #submitBtn,
.btn-modify {
    color: #fff !important;
    background: linear-gradient(to bottom, #06A94B, #08542B);
    /* background: linear-gradient(to right, #00AB15, #15693E); */
    border-radius: 10px !important;
    font-size: 16px;
    padding: 5px 10px 5px 10px;
    border: 1px;
}

.btn.bg-info.member-preview {
    color: #fff !important;
    background: linear-gradient(to bottom, #2290AC, #01243E);
    padding: 6px 0px 6px 10px;
    border-radius: 10px !important;
    border: 1px;
}

.logo_login_page {
    padding-top: 30px;

    & svg {
        width: 40%;
    }
}

.logo-sign-up-page {
    padding-top: 20px;

    & svg {
        width: 40%;
    }
}

.left-side-content {
    background-image: url(../../../../public/img/dashboard/apply-bg.png);
    background-position: center;
    background-repeat: no-repeat;
    height: 100%;
    border-radius: 25px 0 0 25px !important;
    margin-left: -5px;
}

.apply-card.login-content .col-md-6 {
    padding-left: 10px !important;
}

.label-with-forgot {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.forgot-pass {
    margin-left: auto;
    font-size: 12px;
    color: #044372;
}

.forgot-pass:hover {
    color: #157fa5 !important;
}

.member-request-div .reset-pass-block #submitBtn {
    margin-bottom: 30px;
}

.reset-pass-block .logo-sign-up-page {
    padding-top: 20px;
}

.reset-pass-block.last-step .logo-sign-up-page {
    padding-top: 65px;
}

.login-from i.fas.fa-exclamation-triangle {
    color: red;
}

/* #endregion login-css */

/* #region menu css */
.parent-item span.menu-icon.main-menu {
    position: relative !important;
    width: 18px !important;
    height: 18px !important;
    margin-right: 5px;
    margin-left: 5px;
}

.grayscale {
    filter: brightness(0.5);
}

.parent-item.active .grayscale {
    filter: none;
}

.mm-listitem img.main-menu-icon {
    /* position: relative !important;
    top: 4px; */
    width: 20px;
    height: 20px;
    margin-right: 2px;
    margin-left: 5px;
}

.mm-listitem img.main-menu-icon.grayscale {
    filter: invert(1);
}

.mm-listitem .menu-icon.main-menu {
    display: inline-block;
}

.mm-listitem a.mm-listitem__text {
    display: inline-flex;
}

.mm-listitem img.sub-menu-menu-icon.grayscale {
    filter: invert(1);
}

.signin-div .sign-in-menu {
    padding-top: 3px;
}

/* #endregion menu css */


/* #region  date picker modify css  */
.datepicker .datepicker-days table td,
.datepicker .datepicker-days table th {
    font-weight: 600 !important;
}

.datepicker .datepicker-months table th,
.datepicker .datepicker-months table tr td span {
    font-weight: 600 !important;
}

.datepicker .datepicker-years table th,
.datepicker .datepicker-years table tr td span {
    font-weight: 600 !important;
}

.datepicker .datepicker-days td,
.datepicker .datepicker-days th {
    width: 26px !important;
    height: 26px !important;
}

.datepicker.dropdown-menu {
    font-size: 12px !important;
}

/* #endregion date picker modify css */


/* #region homepage application part */
#applicationShow {
    display: none;
}

#applicationShowInsideBanner {
    position: absolute;
    top: 350px !important;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 1000;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
}

#applicationShowInsideBanner.view-all a {
    color: #fff !important;
    font-size: 30px;
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    padding: 10px 20px 10px 20px;
    border: none !important;
    ;
    border-radius: 30px !important;
    /* background: #11EE6C;
    background: #06BF31;
    background: #0B872B; */
    background: linear-gradient(to bottom, #11EE6C, #06BF31, #0B872B);
    /* Vertical gradient */
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}

#applicationShowInsideBanner #f-svg-read-more {
    width: 20px;
    fill: #fff;
}

.slide-opacity {
    opacity: 0.7;
}

.application-open-btn {
    color: #fff !important;
    font-size: 30px;
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    padding: 10px 20px 10px 20px;
    border: none !important;
    border-radius: 30px !important;
    background: linear-gradient(to bottom, #11EE6C, #06BF31, #0B872B);
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}

#applicationShowInsideBanner .application-open-btn {
    display: inline-block;
    position: relative;
    font-size: 18px;
    /* text-transform: uppercase; */
    text-decoration: none;
    color: #fff;
    background: #007bff;
    padding: 10px 20px;
    border-radius: 5px;
    overflow: hidden;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3);
    animation: pulseEffect 1.8s infinite;
    /* Pulsing animation */
}

/* Pulsing Animation */
@keyframes pulseEffect {
    0% {
        transform: scale(1);
        /* Normal size */
        box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3);
    }

    50% {
        transform: scale(1.1);
        /* Slightly larger */
        box-shadow: 0 6px 15px rgba(0, 0, 0, 0.5);
        /* Glow effect */
    }

    100% {
        transform: scale(1);
        /* Back to normal */
        box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3);
    }
}

/* Continuous Left-to-Right Shadow Animation */
.application-open-btn::before {
    content: "";
    position: absolute;
    top: 0;
    left: -100%;
    width: 50%;
    height: 100%;
    background: rgba(255, 255, 255, 0.3);
    transform: skewX(-30deg);
    filter: blur(5px);
    animation: moveShadow 3s linear infinite;
    /* Continuous shadow animation */
}

@keyframes moveShadow {
    0% {
        left: -100%;
    }

    100% {
        left: 100%;
    }
}

/* #endregion homepage application part */


/* #region member profile */

.members-profile .apply-card,
form#profileUpdateForm {
    position: relative;
    z-index: 1;
}

.profile-top-left {
    position: absolute;
    top: 15px;
    left: 0;
}

.profile-top-right {
    position: absolute;
    top: 0;
    right: 15px;
}

.profile-bottom-left {
    position: absolute;
    bottom: 0;
    left: 0;
}

.profile-bottom-right {
    position: absolute;
    bottom: 15px;
    right: 0;
}

.apply-card.member-profile-view,
.apply-card.member-profile-view .list-unstyled,
.apply-card.member-profile-view .portlet {
    position: relative;
    z-index: 1;
}

.member-profile-view {

    .portlet.box {
        border: none !important;
        border-radius: 10px !important;
    }

    .portlet-title {
        border-top-right-radius: 10px !important;
        border-top-left-radius: 10px ! important;
        background: url(../../../../public/img/other_page/member-profile/profile_title_layer.png) no-repeat;
        background-size: cover;
    }

    .portlet.box>.portlet-body {
        border-bottom-right-radius: 10px !important;
        border-bottom-left-radius: 10px ! important;
        box-shadow: 1px 1px 7px #83c0d8;
    }

    ul.list-unstyled.profile-nav {
        padding-top: 50px;
        padding-bottom: 55px;
        box-shadow: 1px 1px 7px #83c0d8;
        border-radius: 10px !important;
        background: #fff;
    }

    .btn-white-bg.member-profile-edit {
        padding: 7px 5px 5px 7px !important;
        margin-top: 7px;
        box-shadow: 1px 1px 7px #83c0d8 !important;
    }

    .btn-white-bg.member-profile-edit i {
        margin-right: 0px;
        margin-bottom: 3px;
    }
}

.apply-card.member-profile-view,
.member-request-div .step-4-other-info .apply-card {
    width: 100% !important;
}

/* .fileinput .btn {
    border-radius: 10px !important;
} */

.members-profile .clearfix {
    text-align: center;
}

.btn.red.fileinput-exists,
.btn.red.remove-btn {
    padding: 5px 10px 5px 10px;
}

.village-span {
    height: fit-content;
}

.preview-top-left {
    width: 48px;
    height: auto;
}

.preview-top-right {
    width: 100px;
    height: auto;
}


.preview-top-left {
    position: absolute;
    top: 9px;
    left: 0;
    z-index: 100;
}



.preview-bottom-left {
    width: 60px;
    height: auto;
}

.preview-bottom-right {
    width: 100px;
    height: auto;
}

.preview-bottom-left {
    position: absolute;
    bottom: 10px;
    left: 0;
    z-index: 100;
}

.preview-bottom-right {
    position: absolute;
    bottom: 60px;
    right: 0;
    z-index: 100;
}



.preview-top-right {
    position: absolute;
    top: 50px !important;
    right: 0;
    z-index: 100;
}


.preview-top-right {
    position: absolute;
    top: 50px !important;
    right: 0;
    z-index: 100;
}

.frontend.alert.alert-danger {
    background-color: #EB2438;
}

/* #endregion member profile */

/* #region mobile-css */
@media screen and (min-width: 320px) and (max-width: 767px) {
    .application-closed-block svg#applicationClose {
        width: 100% !important;
    }

    p.application-not-available {
        margin-bottom: 115px !important;
    }

    .member-request-div .apply-card.member-profile-view {
        width: 100% !important;
    }

    .member-request-div .apply-card.member-profile-view {
        padding: 0px !important;
        ;
    }

    .member-profile-view span.profile-top-right img,
    .member-profile-view span.profile-bottom-left img,
    .members-profile span.profile-top-right img,
    .members-profile span.profile-bottom-left img {
        width: 80%;
    }

    .member-profile-view .profile-top-right,
    .members-profile .profile-top-right {
        left: 35px;
    }

    .member-profile-view {
        ul.list-unstyled.profile-nav {
            padding-top: 0px !important;
            padding-bottom: 0px !important;
            box-shadow: none !important;
            ;
            border-radius: 0px !important;
            background: transparent !important;
        }

        .btn-white-bg.member-profile-edit {
            margin-top: 5px;
        }
    }

    #dropdown-menu {
        right: -5px;
    }

    #dropdown-menu-logout {
        right: 0px;
    }

    .member-photo {
        height: 70px;
        width: 70px;
    }

    .slide-opacity {
        opacity: 1;
    }

    #applicationShow {
        display: block;
    }

    #applicationShowInsideBanner {
        display: none;
    }

    .login-content .login-right-side {
        margin-top: 25px;
    }

    .step-1-show,
    .step-2-show,
    .step-3-show,
    .step-4-show {
        width: 96%;
        margin-bottom: 20px;
    }

    .sub-menu-icon.grayscale {
        filter: invert(1);
    }

    .member-request-div .apply-card {
        margin-top: 10px !important;
        margin-bottom: 20px !important;
    }

    .logo-sign-up-page {
        padding-top: 20px;
    }

    .scroll::before {
        background: none;
        clip-path: none;
        border-bottom-left-radius: 0px;
        border-bottom-right-radius: 0px;
    }

    .top-header {
        padding: 4px 0px;
        background: linear-gradient(87deg, #BF00A9, #BF00A9, #7117EA, #7117EA);
    }

    .welcome-heading {
        font-size: 20px;
    }

    #about p {
        font-size: 16px;
    }

    .login-content .login-right-side {
        padding-left: 30px;
    }

    .logo_login_page {
        padding-top: 20px !important;
    }

    .apply-card.login-content .left-side-content {
        border-radius: 25px 25px 0 0 !important;
        padding-bottom: 20px !important;
        margin-right: -5px;
    }

    .top-header {
        height: 30px;
    }

    .signin-div {
        display: block;
        position: relative;
        top: 37px;
        left: 5px;
        z-index: 1000;
    }

    .member-dashboard-breadcrumb .dashboard-right-part {
        justify-content: center !important;
        margin-top: 10px;
    }

    .member-dashboard-breadcrumb .dashboard-left-part h1 {
        text-align: center;
    }

    #applicationShow .application-title-box a {
        margin-top: 30px;
        margin-bottom: 30px;
        font-size: 16px;
    }

    #applicationShow #f-svg-read-more {
        width: 20px;
    }

    .member-request-div .step-1-otp-send .apply-card,
    .member-request-div .step-2-verification .apply-card,
    .member-request-div .step-3-nid-info .apply-card,
    .member-request-div .step-4-nid-basic-info .apply-card,
    .member-request-div .step-5-address-info .apply-card,
    .member-request-div .step-6-training-info .apply-card {
        width: 95%;
    }

    svg#header-logo {
        height: 45px;
        padding-bottom: 0px;
        margin-left: 25px;
    }

    .top-bar-part {
        height: 20px;
    }

    .follow-us a {
        margin-right: 3px;
    }

    .contact-info-main-contact {
        margin-left: 0px;
    }

    .contact-info-addresses {
        margin-left: 8px !important;
    }

    .frame.plane-container {
        bottom: -85px;
    }

    .plane {
        height: 80px;
    }

    .map-title {
        padding-top: 45px;
    }

    .contact-info-addresses .contact-icon {
        width: 8%;
    }

    .contact-list .contact-icon {
        width: 10%;
    }

    .contact-info {
        display: block;
    }

    .contact-info-addresses.left-column {
        width: 100%;
    }

    .contact-info-addresses.right-column {
        width: 100%;
    }

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

    .footer-follow-us-div {
        margin-bottom: 25px;
    }

    img.common-card-img {
        height: auto;
    }

    .job-details .job-bottom-right {
        right: 10px;
        bottom: 10px;
    }

    .job-bottom-right img {
        height: 140px;
    }

    .job-details .job-top-right img {
        height: auto;
        width: 140px;
    }

    .notice .left-notice {
        width: auto;
    }

    .bank-info-list .title {
        width: 30%;
    }

    .bank-info-list .info {
        width: 70%;
    }

    .post-date.news-date {
        margin-top: 15px;
    }

    .post-detail.contactDiv {
        padding-top: 0px !important;
    }

    .aim-objectives .postDetails img {
        width: auto;
        height: auto;
        margin: 0px auto;
    }

    .common-card {
        height: 470px;
    }

    .designation.with-link #f-svg-read-more {
        width: 16px;
        height: 16px;
        margin-bottom: 5px;
    }

    .msg-from .post-content {
        padding-left: 0px;
    }

    .msg-from .left-part {
        background: transparent;
        padding-top: 50px;
        padding-bottom: 20px;
    }

    .msg-from .right-part {
        padding-top: 0px;
        padding-bottom: 20px;
    }

    .aim-objectives,
    .remembering-body,
    .certifications-info {
        background-size: initial;
    }

    .details-page .post-content {
        margin-top: 20px !important;
    }

    .modal {
        position: absolute;
    }

    .modal-dialog-centered {
        display: block;
    }

    #memberDetails .modal-content {
        width: 100%;
        margin-top: 150px;
    }

    #memberDetails .modal-header {
        padding-top: 15px;
    }

    .modal-header {
        color: #fff;
        padding-top: 60px;
    }

    .modal-title {
        padding-right: 25px !important;
    }

    .aim-objectives .post-content {
        padding-top: 15px;
    }

    .aim-objectives .second-part p,
    .aim-objectives .second-part div,
    .second-part .aim-objectives span {
        padding-left: 20px;
    }

    span.scroll-title {
        display: none;
    }

    span.follow-title {
        display: none;
    }

    .reg-title-mob {
        display: block;
    }

    .reg-title {
        display: none;
    }

    .scroll {
        width: 100%;
        left: 0px;
    }

    #about {
        padding-top: 0px;
        /* background: url(../../../img/homepage/welcome_bg_mobile.jpg); */
    }

    .aim-image-uploaded {
        display: flex;
        justify-content: center;
        align-items: center;
    }

    #ourActivities {
        background: url(../../../../public/img/homepage/our_activities_bg_mobile.jpg);
    }

    .news-and-events-section .owl-item {
        width: 100% !important;
    }

    .owl-news-events-item .news-card {
        height: 515px;
    }

    .owl-carousel.news-and-events-section .owl-stage {
        display: flex;
        justify-content: center;
    }

    .news-and-events-section .owl-item {
        width: 100% !important;
        max-width: 100%;
    }

    #services .item {
        margin-right: 0px;
        height: auto;
    }

    #services .reveal {
        padding: 10px;
    }

    #services .inner-details {
        margin-left: 0px;
    }

    #newsEvents .owl-nav,
    #services .owl-nav {
        display: none;
    }

    .intro-slider .owl-nav i {
        display: none;
    }

    #services .item {
        box-shadow: none;
    }

    .certifications {
        text-align: left !important;
    }

    .certifications-wrapper {
        align-items: flex-start !important;
    }

    .certifications {
        text-align: left !important;
        margin-top: 25px;
    }

    .footer-custom h4 {
        margin-bottom: 20px;
    }

    .affiliations-img img.img-fluid {
        width: 110px;
        max-width: 110px;
    }

    .certifications {
        margin-top: 20px;
    }

    .member-req-info .custom-list .title,
    .donation-left-info .custom-list .title {
        width: auto !important;
    }

    .custom-list .title.title-2::after {
        border-top: 17px solid #ebf6fc !important;
        border-bottom: 17px solid #ebf6fc !important;
    }

    .custom-list .title::before {
        border-top: 17px solid #ebf6fc !important;
    }

    .custom-list .title::after {
        border-top: 17px solid #ebf6fc !important;
    }

    #gallery img.img-thumbnail {
        height: auto;
    }

    .top-right img {
        width: 150px;
    }

    .bottom-left img {
        width: 100px;
    }

    .bottom-right img {
        width: 100px;
    }

    #memberPreviewModal {
        & .members-preview.members-preview-mobile-view {
            width: auto !important;
        }
    }

    .preview-top-right {
        top: 7px !important;
    }

    .preview-top-right {
        width: 65px !important;
    }

    .members-preview-mobile-view .modal-title {
        padding-right: 0px !important;
    }

    .members-preview-mobile-view .modal-header {
        padding-top: 20px;
    }

    #memberPreviewModal {
        & .members-preview.members-preview-mobile-view {
            width: auto !important;
        }
    }

    .preview-top-right {
        top: 7px !important;
    }

    .preview-top-right {
        width: 65px !important;
    }

    .members-preview-mobile-view .modal-title {
        padding-right: 0px !important;
    }

    .members-preview-mobile-view .modal-header {
        padding-top: 20px;
    }

}

/* #endregion mobile-css */

/* #region tab-css */
@media screen and (min-width: 768px) and (max-width: 1024px) {
    .application-closed-block svg#applicationClose {
        width: 100% !important;
    }

    .contactDiv .bottom-right {
        width: 400px;
    }

    .member-request-div .step-2-verification .apply-card {
        width: 50% !important;
    }

    .member-request-div .step-1-otp-send .apply-card {
        width: 100% !important;
    }

    .member-request-div .step-3-nid-info .apply-card,
    .member-request-div .step-4-other-info .apply-card {
        width: 100% !important;
    }

    .col-md-8.dashboard-left-part {
        width: 60% !important;
    }

    .col-md-4.dashboard-right-part {
        width: 40% !important;
    }

    #dropdown-menu {
        right: -40px;
    }

    #dropdown-menu-logout {
        right: -35px;
    }

    .navbar-toggle {
        position: absolute;
        right: 25px;
        top: -10px;
        margin-left: -5px;
    }

    .modal {
        position: relative;
    }

    .modal-header {
        color: #fff;
        padding-top: 60px;
    }

    .modal-title {
        padding-right: 25px !important;
    }
}

/* #endregion tab-css */

/* frontend apply step css */

span.basic-info i {
    color: #084F83;
    padding-right: 5px;
}

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

.permanent-address-readonly-block {
    padding: 0;
    background: #F3F7FF;
    border-radius: 5px !important;

    & p {
        color: #395886 !important;
    }

    & label {
        color: #5a5454 !important;
    }

    & fieldset {
        margin: 0;
        border: none !important;
    }

    & span,
    textarea {
        background: #D5DEEF !important;
        color: #5a5454 !important;
    }
}

.readonly-block {
    background: #D5DEEF !important;
}

.member-request-div .select2-container--bootstrap.select2-container--disabled .select2-selection,
.member-request-div .select2-container--bootstrap.select2-container--disabled .select2-selection--multiple,
.member-request-div .select2-container--bootstrap.select2-container--disabled .select2-selection__choice {
    background-color: #D5DEEF !important;
    opacity: 1 !important;
}

/* Set the modal width */

/* Ensure modal dialog stays centered */
.modal-dialog {
    display: flex;
    align-items: center;
    justify-content: center;
}


#memberPreviewModal {
    /* overflow-y: hidden !important; */

    & #viewMemberPreview {
        margin-top: 80px;
        /* overflow-y: auto;
        max-height: 70vh; */
        padding: 15px;
    }

    & .members-preview {
        width: 850px !important;
        padding: 0 10px !important;
        margin: 0 !important;
    }

    .modal-content {
        border-radius: 12px !important;
    }
}


.border-radius-10 {
    border-radius: 10px !important;
}

.member-brd-ul.menu>li>a {
    padding: 0px;
}

.member-brd-ul.menu {
    display: contents;
}

.member-brd-ul .parent-item a {
    display: flex;
}

.member-brd-ul .member-name {
    margin: 10px !important;
}

ul.sub-menu.logout-sub {
    width: 85px !important;
    min-width: 85px;
    padding: 0px 0px 0px 10px;
    height: 30px;
}

ul.sub-menu.logout-sub a:hover {
    background-color: transparent !important;
    color: red !important;
}

.member-dashboard-brd .logout-sub span.ul-top-arraw-div {
    position: absolute;
    top: -14px;
    left: 10%;
    right: initial;
}

.parent-item .sub-menu.logout-sub {
    margin-top: 15px !important;
}

.age-limit-note li {
    margin-left: 35px;
}

.application-form-left-side {
    float: left;
    width: 72%;
}

.application-form-right-side {
    float: left;
    width: 28%;
    min-height: 555px;
    background: linear-gradient(to right, #C6DDE5 0%, #E1F4FA 100%);
    background: linear-gradient(to right, #D0DEE6 0%, #E2F5FA 50%, #E0F3FB 95%);
    margin-top: -25px;
    margin-bottom: -25px;
    padding-right: 10px;
}

.member-request-div .apply-card-with-message {
    background: #fff;
    padding: 25px 25px 25px 24px;
    border-radius: 15px !important;
    margin-top: 20px !important;
    margin-bottom: 40px !important;
    margin: 0px auto;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
    width: 25%;
}

.member-request-div .apply-card-with-message {
    background: #fff;
    padding: 0px 0px 0px 0px !important;
    border-radius: 25px !important;
    margin-top: 20px !important;
    margin-bottom: 40px !important;
    margin-right: 5%;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
    width: 83%;
}

.age-limit-note {
    margin-top: 24%;
}

.custom-list {
    list-style-type: none;
    margin-top: 13px;
}

.custom-list li {
    background-image: url('../../../../public/img/app_form_bullet_point.png');
    background-repeat: no-repeat;
    background-position: 0 3px;
    /* Adjust as needed */
    padding-left: 20px;
    /* Adjust this to provide space for the image */
    background-size: 10px 10px;
}

.rules-for-application {
    padding-left: 30px !important;

}

.application-form-container-fluid {
    padding: 0px;
}

.rules-for-application-bottom-img {
    background-image: url('../../../../public/img/line_shape.png');
    height: 8px;
    width: 170px;
    background-repeat: no-repeat;
    background-size: contain;
    margin-left: 35px !important;
    margin-top: -3% !important;

}


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

    .application-form-right-side {
        padding: 10px;
    }

    .application-form-left-side {
        width: 70%;
    }

    .application-form-right-side {
        width: 30%;
        padding-left: 0px;
    }

    .rules-for-application-bottom-img {
        margin-left: 10% !important;
    }
}


@media screen and (min-width: 320px) and (max-width: 767px) {

    .member-request-div .apply-card-with-message {
        width: 98%;
        margin: 0 auto;
        position: relative;
    }

    .application-form-left-side {
        width: 100%;
    }

    .application-form-right-side {
        width: 100%;
        padding: 10px;
        min-height: 220px;
    }

    .apply-card-with-message.login-content .left-side-content {
        border-radius: 25px 25px 0 0 !important;
        padding-bottom: 20px !important;
        margin-right: -5px;
    }

    .age-limit-note {
        margin-top: 3%;
    }

}


/* Custom Tooltip Styles */
.tooltip-inner {
    background: #fff !important;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
    color: #00ab15 !important;
    font-size: 12px !important;
    font-weight: 500 !important;
    border-radius: 5px !important;
    padding: 10px !important;
    max-width: none !important;
    text-align: left !important;
}

.tooltip-arrow {
    border-top-color: white !important;
}

.tooltip-title {
    text-align: center !important;
    font-size: 15px !important;
    font-weight: 600 !important;
    margin-bottom: 10px !important;
}

.width-100-percent {
    width: 100% !important;
}

.preview-top-left {
    width: 48px;
    height: auto;
}

.preview-top-right {
    width: 100px;
    height: auto;
}


.preview-top-left {
    position: absolute;
    top: 9px;
    left: 0;
    z-index: 100;
}



.preview-bottom-left {
    width: 60px;
    height: auto;
}

.preview-bottom-right {
    width: 100px;
    height: auto;
}

.preview-bottom-left {
    position: absolute;
    bottom: 10px;
    left: 0;
    z-index: 100;
}

.preview-bottom-right {
    position: absolute;
    bottom: 60px;
    right: 0;
    z-index: 100;
}

.application-closed-block {
    text-align: center;
}

.application-closed-block svg#applicationClose {
    width: 475px;
}

#about .about-bottom-right,
#about .about-top-left {
    width: 70px !important;
}

.union-not-found,
.present-union-not-found,
.present-ward-not-found,
.ward-not-found {
    display: block;
    margin-top: 10px;
    color: #32644a !important;
    font-weight: bold;
}

.ward-not-found:focus,
.union-not-found:focus,
.present-union-not-found:focus,
.present-ward-not-found:focus {
    color: #00ab15 !important;
}

.ward-not-found:hover,
.union-not-found:hover,
.present-union-not-found:hover,
.present-ward-not-found:hover {
    color: #00ab15 !important;
}

#unionNotFound,
#presentUnionNotFound,
#presentWardNotFound,
#wardNotFound {
    color: #000;
    border-radius: 15px !important;
    background: #f4f8f8;
    /* border: 1px solid #32644a !important; */
}

.frontend-file-upload span.input-group-addon.btn.default.btn-file {
    border-top-right-radius: 15px !important;
    border-bottom-right-radius: 15px !important;
}

span.nid-attempt-limit-c {
    font-weight: 800;
    font-size: 22px;
    color: #ff0000 !important;
}

p.nid-attempt-limit-block.text-center {
    color: #cf6b24;
}

#commonError {
    font-weight: 600 !important;
}

/* Additional Info */

.modal-backdrop {
    z-index: 9999 !important;
}

.additional-information {
    & label {
        color: #000;
        font-weight: bold;
        text-align: end;
    }

    & .clone-modal-header {
        background-color: transparent !important;
        color: #000;
        text-align: center;
    }

    & .user-details-modal-content {
        & .top-right {
            position: absolute;
            top: 50px;
            right: 0px;
        }

        & .top-left {
            position: absolute;
            top: 50px;
            left: 0px;
        }
    }

    & .user-details-modal-content .modal-header {
        padding-bottom: 5px;
        border-bottom: none !important;
    }

    & .modal-content {
        padding: 0 15px;
        background: rgb(241, 245, 248);
        border: none;
        box-shadow: rgba(0, 0, 0, 0.5) 0px 5px 15px;
        border-radius: 10px !important;

        & .form-control {
            border-radius: 4px !important;
            border-color: rgb(152, 152, 152) !important;
            color: #000 !important;
        }

        & .select2-container--bootstrap .select2-selection {
            border-radius: 4px !important;
            border-color: rgb(152, 152, 152) !important;
        }
    }

    & .modal-footer {
        border-top: none !important;
        padding: 15px;
        justify-content: center !important;
    }

    & .submit-button {
        background: #008000 !important;
        border-radius: 6px !important;
        padding: 7px 8px;
    }

    & .submit-button i {
        margin-left: 0 !important;
    }

    & .modal-close-button {
        font-weight: bold;
        padding: 6px 15px 6px 5px;
        border-radius: 6px !important;
    }

    & .btn-primary {
        background-color: #3D5198 !important;
        border-radius: 3px !important;
    }

    & .btn-danger {
        background-color: #DD3C44 !important;
        border-radius: 3px !important;
    }


    & .bottom-left img {
        width: 55px;
        height: auto;
    }

    & .top-right img,
    .bottom-right img {
        width: 100px;
        height: auto;
    }

    & .member-profile-view {

        & .portlet .btn {
            color: #fff !important;
            padding: .375rem .75rem !important;
        }
    }

    & .margin-bottom-7px {
        margin-bottom: 7px;
    }

    & .member-actions {

        & a i,
        button i {
            font-size: 12px;
            margin: 0 !important;
        }
    }
}

.privacy-policy li {
    list-style: circle !important;
}