/* Waves Animation start*/
.waves {
    position: relative;
    width: 100%;
    min-height: 157px;
    max-height: 69px;
    bottom: 158px;
    left: 0;
}

.parallax>use {
    animation: move-forever 25s cubic-bezier(.55, .5, .45, .5) infinite;
}

.parallax>use:nth-child(1) {
    animation-delay: -2s;
    animation-duration: 7s;
}

.parallax>use:nth-child(2) {
    animation-delay: -3s;
    animation-duration: 10s;
}

.parallax>use:nth-child(3) {
    animation-delay: -4s;
    animation-duration: 13s;
}

.parallax>use:nth-child(4) {
    animation-delay: -5s;
    animation-duration: 20s;
}

@keyframes move-forever {
    0% {
        transform: translate3d(-90px, 0, 0);
    }

    100% {
        transform: translate3d(85px, 0, 0);
    }
}


/*Shrinking for mobile*/

@media (max-width: 768px) {
    .waves {
        height: 40px;
        min-height: 40px;
    }

    .waves {
        position: relative;
        width: 100%;
        min-height: 157px;
        max-height: 69px;
        bottom: 158px;
        left: 0;
    }
}

/* Waves Animation end*/


.root
{
    --first-color:#032b45;
    --second-color: #c73333;
    --third-color: #1cad8b;
}


.section-header
{
    font-size: 50px;
    color: #212121;
    font-weight: 700;
    margin-bottom: 0;
    padding: 30px 0px 50px;
    font-family: GoogleSans;

}
.section-header-wh
{
    font-size: 50px;
    color: #ffffff;
    font-weight: 700;
    margin-bottom: 0;
    padding: 30px 0px;
    font-family: GoogleSans;
}

/* ---------- Message Section --------------------- */
.message-sec
{
    background-image: linear-gradient(to right, rgb(1 32 140), rgb(7 41 82 / 91%)), url(https://swe.green.edu.bd/public/assets/img/bg-img/bg-dept.jpg);
    background-size: cover;
}

.message-sec h6
{
    color: #ffffff;
}
.message-sec p
{
    color: #ffffff;
}

.message-person
{
    text-align: center;
    margin-top: 100px;
}
.message-person-name
{
    font-family: GoogleSans;
    font-size: 28px;
    padding: 18px;
    color: #022182;
}
.message-person-desi
{
    font-family: GoogleSans;
    color: #000;
}

.message-person-image
{
    background: #ffffff;
    margin-top: -100px;
    text-align: center;
}


/* --------------------- News -----------------------------*/
.more-news-content
{
    padding: 20px;
}
.more-news-content:hover
{
    background: #e8e5e5;
}







/* ------------------------- Buttons ----------------------------------*/
.more-btn
{
    cursor: pointer;
    background: #fff;
    padding: 15px 40px;
    border-radius: 4px;
    color: #032b45;
}

.more-btn-rev
{
    cursor: pointer;
    background: #032b45;
    padding: 15px 40px;
    border-radius: 4px;
    color: #fff;
}

.section-padding
{
    padding-top: 150px;
    padding-bottom: 100px;
}

/* -------------- Research Area --------------------------- */

.research-area
{

    background-image: linear-gradient(to right, rgba(3, 43, 69, 0.80), rgba(36 124 233 / 91%)), url('http://127.0.0.1:8000/assets/img/research-card.jpg');
    text-align: center;
    padding: 50px;
    margin-bottom: 20px;
    border-radius: 5px;

}

.research-area h2
{
    font-size: 100px;
    color: #ffffff;
}

.research-area p
{
    font-size: 30px;
    color: #ffffff;
    line-height: 39px;

}

.content-item {
    background: #032B45;
    padding: 40px;
    border: 1px solid #4180b1;
    margin: -1px;

}
.content-item-header
{
    text-align: center;
    background: var(--primary-color);
    color: #ffffff;
    padding: 11px 0px;
    border-radius: 5px 5px 0px 0px;
    width: 100%;
}
.research-area-item
{
    text-align: center;
    color: #ffffff;
}
.research-area-content
{
    visibility: visible;
    animation-delay: 700ms;
    animation-name: fadeInUp;
    background: #352a94
}


/* ---------- Program Section -------------------------- */

.dept-programs
{
    background: #d5d5d5;
    padding: 30px;
    border-radius: 8px;
}

.dept-programs p
{
    line-height: 25px;
    margin: 20px 0 100px;
    font-size: 18px;
    color: black;

}

.program-title
{
    background:var(--primary-color);
    color: #ffffff;
    padding: 20px;
    margin: -30px;
    border-radius: 0px 0px 8px 8px;

}


.notice-sec
{
    background:#e7e7e2;
}

.notice-item
{
    margin-bottom: 5px;
}


.notice-item-title
{
    padding: 21px;
    min-height: 90px;
    background: var(--primary-color);
    color: #fff;
}

.notice-item-title:hover {
    background: #898989;
}






.news-details-sec
{
    padding: 100px;
}


.inner-page-container
{
    padding: 50px;
}


.team-member-info
{
    background: #042b45;
    margin-top: 1px;
    padding: 20px;
    color: #fff;
    min-height: 147px;
    overflow: hidden;
}




/* ------------------ Upcoming-event-area ---------------------------*/


.upcoming-ev-card
{
    background: #ffffff;
}

.up-event-title
{
    padding: 21px;
    height: 136px;
    background: var(--primary-color);
    color: #fff;
}

.up-event-title h5
{
    margin-top: 15px;
}

.up-event-date
{
    background: #038C25;
    padding: 13px;
    position: absolute;
    top: 197px;
    color: #ffffff;
    border: 3px solid #ffffff;
    position: absolute;

}




.important-link-header
{
    background: #333c48;
    padding: 9px;
    color: #fff;
    font-size: 20px;

}

.imp-link-title
{
    list-style: none;
    font-weight: 400;
    font-size: 16px;
    color: #3A3A3A;
    padding: 7px;
    display: block;
    background: #ebebeb;
    margin-bottom: 1px;
}











/* -------------------Inner Page Common ------------------------------- */

.sticky-sidebar
{
    position: -webkit-sticky;
    position: sticky;
}



.inner-page-container
{
    padding: 100px;
}

.page-content p
{
    text-align: justify;
    font-size: 20px;
    font-family: 'GoogleSans';
    line-height: 26px;
    color: black;
}

.page-content h5
{
    font-size: 24px;
    font-family: 'GoogleSans';
    margin: 37px 0px 10px;
    color: #1162b9;
}

.page-content h3
{
    font-family: 'GoogleSans';
    font-size: 40px;
    margin-bottom: 20px;
    color: var(--third-color);
}
/* ---------------------------------- */


/* ---------------- News ------------------------ */

.single-news-item {
    position: relative;
    z-index: 1;
    margin-bottom: 15px;
}

.single-news-item:hover
{
    background: #eaeaea;
}


.single-news-item:last-child {
    margin-bottom: 0; }

.news-thumbnail {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 37%;
    flex: 0 0 37%;
    max-width: 37%;
    width: 37%; }

.news-content {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 63%;
    flex: 0 0 63%;
    max-width: 63%;
    width: 63%;
    padding: 20px;
}
.single-news-item .news-content span {
    font-size: 10px;
    color: #ffffff;
    background-color: #032b45;
    padding: 3px 15px;
    border-radius: 30px;
    display: inline-block;
    margin-bottom: 5px;
}

.single-news-item .news-content a {
    display: block;
    font-weight: 400;
    font-size: 20px;
    margin-bottom: 0;
    color: black;
    line-height: 21px;
    font-family: 'GoogleSans';
}
.single-news-item .news-content a:hover, .single-news-item .news-content a:focus {
    color: #ffbb38; }
.single-news-item .news-content .news-meta a {
    position: relative;
    z-index: 1;
    display: inline-block;
    font-size: 12px;
    color: #838383;
    font-weight: 600;
    margin-bottom: 0;
    line-height: 1; }
.single-news-item .news-content .news-meta a img {
    margin-right: 5px; }
.single-news-item .news-content .news-meta a:last-child {
    margin-left: 31px; }
.single-news-item .news-content .news-meta a:last-child::after {
    content: '|';
    position: absolute;
    top: 0;
    left: -20px;
    z-index: 1; }
.single-news-item .news-content .news-meta a:hover, .single-news-item .news-content .news-meta a:focus {
    color: #ffbb38; }
@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .single-news-item .news-content .news-meta a {
        font-size: 10px; } }
@media only screen and (max-width: 767px) {
    .single-news-item .news-content .news-meta a {
        font-size: 10px; } }






.breadcrumb-area
{
    background:var(--primary-color);
}



/* ------------------------ Alumni -----------------------------*/
.alumni-item
{
    background: white;
    border: 5px solid #063274;
}
.alumni-des
{
    background: #063274;
    color: #ffffff;
    margin-left: -10px;
    padding: 20px;
}



/* ----------------- Footer Area ------------------------------*/
/* :: 11.0 Footer Area CSS */
.footer-area {
    position: relative;
    z-index: 1;
    background: #E6E6E6;
    font-family: 'Poppins';
    margin-top: 0px;
}

.footer-area .single-footer-widget
{
    position: relative;
    z-index: 1; }
.footer-area .single-footer-widget .widget-title {
    font-size: 18px;
    color: #032b45;
    margin-bottom: 40px;
    font-weight: bold
}
.footer-area .single-footer-widget ul li a {
    display: block;
    color: #ffffff;
    font-size: 14px;
    font-weight: 400;
    margin-bottom: 10px;
    position: relative;
    z-index: 1;
    padding-left: 23px;
}
.footer-area .single-footer-widget ul li a::before {
    content: '';
    width: 8px;
    height: 8px;
    top: 7px;
    left: 0;
    border-radius: 50%;
    background-color: #ffbb38;
    position: absolute;
    z-index: 1; }
.footer-area .single-footer-widget ul li a:hover, .footer-area .single-footer-widget ul li a:focus {
    color: #ffbb38; }
.footer-area .single-footer-widget ul li:last-child a {
    margin-bottom: 0; }
.footer-area .copywrite-area {
    position: relative;
    z-index: 1;
    border-top: 1px solid #3c4450;
    padding: 30px 0; }
.footer-area .copywrite-area .copywrite-text {
    font-size: 14px;
    margin-bottom: 0;
    color: #636b75;
    font-weight: 400; }
@media only screen and (max-width: 767px) {
    .footer-area .copywrite-area .copywrite-text {
        margin-top: 30px; } }
@media only screen and (min-width: 480px) and (max-width: 767px) {
    .footer-area .copywrite-area .copywrite-text {
        margin-top: 0; } }
.footer-area .copywrite-area .copywrite-text a {
    color: #636b75;
    font-size: 14px;
    font-weight: 400; }
.footer-area .copywrite-area .copywrite-text a:hover, .footer-area .copywrite-area .copywrite-text a:focus {
    color: #ffbb38; }