@import url('https://fonts.googleapis.com/css2?family=Fira+Sans+Extra+Condensed:ital,wght@0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,200&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Great+Vibes&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Pacifico&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Lobster&display=swap');

:root {
    --uprise-theme-color: #065B82;
    --uprise-theme-color2: #A8DAC5;
    --uprise-base-color: #fff;
    --uprise-font-color: #101010;
    --uprise-font-color2: #474C59;
    --uprise-hover-color: #ff6500;
    --uprise-hover-color2: #f6a70e;
    --uprise-shadow: 0 10px 20px rgba(197, 208, 216, 0.25);
    --uprise-shadow-lg: 0 5px 15px rgba(15, 39, 125, 0.15);
    --uprise-shadow-md: 0px 20px 30px 0px rgb(1 11 60 / 10%);
}

*,
html {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-size: 100%;
}

body {
    font-size: 1rem;
    margin: 0;
    padding: 0;
    font-family: 'Fira Sans Extra Condensed', sans-serif;
    font-weight: 400;
    line-height: 1.2;
    overflow-x: hidden;
}

a {
    transition: 0.2s;
    text-decoration: none;
}

a:hover,
a:focus {
    color: inherit;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 0;
    padding: 0;
}

ul,
ol,
li {
    padding: 0;
    margin: 0;
}

p {
    font-size: 1.07rem;
    line-height: 1.5;
}

.formPanel hr {
    margin: 1rem 0;
    color: inherit;
    border: 0;
    border-top: 1px dashed #fff;
    opacity: .35;
    width: 100%;
}

.sticky {
    background: var(--uprise-base-color);
    box-shadow: var(--uprise-shadow);
    position: fixed !important;
    width: 100%;
    top: 0;
    z-index: 999;
}

section {
    padding-top: 4rem;
    padding-bottom: 4rem;
    position: relative;
}

.colortheme {
    color: var(--uprise-theme-color);
}

.colortheme2 {
    color: var(--uprise-theme-color2);
}

.bg-color {
    background: var(--uprise-theme-color);
}

.bg-color2 {
    background: var(--uprise-theme-color2);
}

.upBtn {
    border-radius: 5px;
    padding: 10px 20px;
    position: relative;
    display: inline-block;
    text-decoration: none;
    line-height: 1;
    text-align: center;
    transition: 0.2s;
}

.upBtn:hover,
.upBtn:focus {
    color: #fff;
    background: var(--uprise-hover-color);
}

.upBtn2{
    border-radius: 5px;
    padding: 0.75rem 1.5rem;
    color: var(--uprise-hover-color);
    font-weight: 600;
    background: var(--uprise-base-color);
    display: inline-block;
    position: relative;
}
.upBtn2:hover{
    color: var(--uprise-base-color);
    background: var(--uprise-hover-color);
    transform: translateY(4px);
}

.borderdark {
    border: 2px solid var(--uprise-theme-color2);
    color: var(--uprise-theme-color2);
}

.borderdark:hover {
    border: 2px solid transparent;
}

.title{
    position: relative;
    padding-bottom: 0.75rem;
    text-transform: capitalize;
    color: var(--uprise-theme-color);
}
.title:before{
    width: 160px;
    border-bottom: 2px solid var(--uprise-theme-color);
    position: absolute;
    content: '';
    left: 50%;
    margin-left: -80px;
    bottom: 0;
}
.title:after{
    width: 14px;
    height: 14px;
    background: #fff;
    border: 2px solid var(--uprise-hover-color);
    position: absolute;
    content: '';
    left: 50%;
    margin-left: -7px;
    bottom: -6px;
    transform: rotate(45deg);
}

.swiper-pagination-bullet{
    width: 14px;
    height: 14px;
}
.swiper-pagination-bullet{
    background: var(--uprise-hover-color);
    opacity: 1;
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{
    border: 2px solid var(--uprise-theme-color);
    background: transparent;
}
.navbar-brand img {
    width: 190px;
}

/* ================================ */
/* TOP HEADER */
/* ======================================================= */
.topHeader {
    position: relative;
    background: var(--uprise-theme-color);
    color: var(--uprise-base-color);
}

.topHeader ul {
    display: flex;
    flex-direction: row;
    align-items: center;
    margin: 0;
    padding: 0;
}

.topHeader ul li:first-child {
    padding-left: 0;
}

.topHeader ul li:last-child {
    padding: 0;
}

.topHeader ul li {
    position: relative;
    padding: 0 15px;
    display: flex;
    align-items: center;
}

.topHeader ul li a {
    display: flex;
    align-items: center;
    position: relative;
    color: var(--uprise-base-color);
}

.topHeader ul li a.btn2 {
    color: var(--uprise-font-color);
}

.news {
    position: relative;
    padding-left: 77px;
    display: flex;
    align-items: center;
}

.news b {
    position: absolute;
    left: 0;
    color: #ffd012;
    font-size: 20px;
}

.news p {
    margin-bottom: 0;
}
.chairmanDesk  img{
    border-radius: 0 48px 0 48px !important;
    border: 1px solid #000;
    padding: 5px;
}

@media (min-width: 1100px) and (max-width: 1366px) {
    .pstn2 {
        position: relative;
        height: 415px;
        border: 6px solid #626262;
    }
    .navbar .nav-link{
        padding: 25px 1rem !important;
    }
    .pstn img{
        width: 329px;
    }
}

@media all and (min-width: 992px) {
    .navbar-nav{
        background: #3A7793;
        padding-left: 1.5rem;
        position: relative;
    }
    .navbar-nav:after{
        position: absolute;
        content: '';
        right: -30%;
        top: 0;
        background: #3A7793;
        width: 30%;
        height: 100%;
        overflow: hidden;
    }
    .navbar .dropdown-menu-end {
        right: 0;
        left: auto;
        min-height: auto !important;
        border-radius: 0;
    }

    .navbar .dropdown-menu-end a i {
        background-color: var(--bs-gray-500);
        color: var(--uprise-base-color);
        font-size: 0.6rem;
        min-width: 1.1rem;
        height: 1.1rem;
        line-height: 1.1rem;
        border-radius: var(--bs-border-radius-xl);
        text-align: center;
        margin-right: 0.5rem;
    }

    .navbar .dropdown-menu-end a:hover i {
        background-color: var(--bs-link-hover-color);
    }

    .navbar .dropdown-menu {
        display: block;
        opacity: 1;
        transition: all .3s ease-in;
        visibility: hidden;
        box-shadow: 0 5px 20px rgba(197, 208, 216, 0.15);
    }

    .navbar .nav-item .dropdown-menu {
        display: block;
        opacity: 0;
        visibility: hidden;
        transition: .3s;
        /* margin-top: 10px; */
        border: 0;
        padding: 0;
        min-width: 14rem;
        border-radius: 0;
        box-shadow: 0 10px 20px rgba(15, 39, 125, 0.4);
    }

    .navbar .nav-link {
        padding: 25px 14px !important;
        text-decoration: none;
        font-size: 1.1rem;
        color: var(--uprise-base-color);
        text-transform: uppercase;
    }

    .navbar .nav-item:hover .nav-link {
        color: var(--uprise-hover-color2);
    }

    .navbar .dropdown-menu .dropdown-submenu.dropend .dropdown-menu {
        left: 100%;
        right: 0;
        top: -20px;
        box-shadow: 0 10px 10px rgba(15, 39, 125, 0.14);
    }

    .navbar .dropdown-submenu:hover>.dropdown-menu,
    .navbar .dropdown:hover>.dropdown-menu {
        opacity: 1;
        transform: scaleY(1);
        visibility: visible;
    }

    .dropdown-menu a,
    .dropdown-submenu a {
        color: var(--uprise-font-color);
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 0.75rem 1rem;
        text-decoration: none;
        font-size: 15px;
    }

    .dropdown-menu a:hover,
    .dropdown-submenu a:hover,
    .dropdown-menu a:focus,
    .dropdown-submenu a:focus {
        color: var(--uprise-base-color);
        background: var(--uprise-theme-color);
    }

    .dropdown-item:focus,
    .dropdown-item:hover {
        background-color: var(--bs-dropdown-link-active-bg);
    }
}


/* ================================ */
/* BANNER PANEL */
/* ======================================================= */
.bannerPanel{
    display: flex;
    flex-direction: row;
}
.bannerPanel .sliderPart{
    width: 75%;
}
.bannerPanel .formPanel{
    width: 25%;
    /*display: flex;*/
    /*flex-direction: column;*/
    /*align-items: center;*/
    /*justify-content: center;*/
    /*text-align: center;*/
    padding: 5px;
    background: var(--uprise-theme-color);
}
.bannerPanel .formPanel h1{
    font-size: 17px;
    color: var(--uprise-base-color);
}
.bannerPanel .formPanel form{
    width: 100%;
}
.bannerPanel .formPanel .form-control{
    background: transparent;
    color: var(--uprise-base-color);
    border-radius: 5px;
    margin-bottom: 1rem;
    min-height: 37px;
    border-color: var(--uprise-theme-color2);
}
.bannerPanel .formPanel .form-select{
    background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23ffffff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e") no-repeat;
    border-color: var(--uprise-base-color);
    color: var(--uprise-base-color);
    background-position: right 0.75rem center;
    background-size: 16px 20px;
    min-height: 44px;
}
.bannerPanel .formPanel .form-control::placeholder{
    color: rgba(255, 255, 255, 0.7)
}
.bannerPanel .formPanel .form-control:focus, .bannerPanel .formPanel .form-select:focus{
    box-shadow: none;    
}
.pstn{
    position: absolute;
    z-index: 9;
    top: 0;
}
.pstn img {
    width: 370px;
    border: 4px solid #a8dac5;
    border-radius: 5px;
    margin: 11px 0 0;
}
.pstn2 {
    position: relative;
    height: 461px;
    border: 6px solid #626262;
}


/* ================================ */
/* ABOUT PANEL */
/* ======================================================= */
.aboutPanel{
    position: relative;
    text-align: justify;
}
.aboutPanel .shape1{
    position: absolute;
    top: 5rem;
    right: 0;
}
.aboutPanel .shape2{
    position: absolute;
    bottom: 2rem;
    left: 0;
}
.chairmanDesk{
    padding: 2rem;
    position: relative;
    background: #eef3f9;
    text-align: justify;
}
.chairmanDesk:nth-child(2n+2) {
    margin-left: 62px;
}
.chairmanDesk .photoBox{
    width: 300px;
    float: left;
    margin: 0 30px 0 0;
    text-align: center;
}
.chairmanDesk .photoBox h5{
    color: #428190;
}
.chairmanDesk h4 {
    margin-bottom: 1rem;
    font-style: italic;
    font-weight: bolder;
    font-size: 21px;
}
.chairmanDesk h5{
    color: #695d47;
}
.chairmanDesk .heading{
    color: #e79024;
}
.photoBox img{
    border-radius: 0 48px 0 48px !important;
    border: 1px solid #000;
    padding: 5px;
}
.aboutPanel p:last-child{
    margin-bottom: 0;
}
.blockquote p:nth-child(2){
    margin-bottom: 0;
    font-size: 1.15rem;
    color: #fc7138;
    font-weight: bold;
}
.aboutPanel .aboutImg{
    position: relative;
    border-radius: 50px 0;
    padding-right: 10%;
}
.aboutPanel .aboutImg2{
    border: 5px solid var(--uprise-hover-color);
    border-radius: 0.5rem;
    width: 35%;
    float: right;
    margin: 0 0 20px 40px;
    position: relative;
    box-shadow: 0 0 40px rgba(27, 34, 60, 0.2);
}
.aboutPanel .blockquote strong {
    line-height: 39px;
    font-family: 'Great Vibes', cursive;
    color: #000;
    font-weight: 400;
    font-size: 28px;
}
.aboutPanel .blockquote-footer{
    font-size: 1.15rem;
    color: #fc7138;
    font-weight: bold;
}
.teamMain{
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
}
.aboutTeamBox{
    width: calc(50% - 15px);
    margin: 15px 30px 15px 0;
    padding: 2rem;
    position: relative;
    display: flow-root;
    background: #eef3f9;
}
.aboutTeamBox:nth-child(even){
    margin-right: 0;
}
.aboutTeamBox .photoBox{
    width: 200px;
    float: left;
    margin: 0 30px 0 0;
    text-align: center;
}
.aboutTeamBox h5{
    color: #695d47;
}
.innerContent h5{
    color: #fc7138;
}
.aboutPanel .card-body img{
    border: 1px solid #000;
    padding: 4px;
    border-radius: 6px;
}
/* ================================ */
/* COURSES PANEL */
/* ======================================================= */
.coursePanel{
    position: relative;
    background: var(--uprise-theme-color);
}
.coursePanel .title{
    color: var(--uprise-base-color);
}
.coursePanel .title::before{
    border-color: var(--uprise-base-color);
}
.coursePanel .title:after{
    background: var(--uprise-theme-color);
}
.coursePanel .swiper-pagination {
    position: relative;
    margin-top: 20px;
}
.coursePanel .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{
    border-color: var(--uprise-base-color);
}
.courseBox{
    background: var(--uprise-base-color);
    border-radius: 0.75rem;
    padding: 1.75rem;
    color: var(--uprise-font-color);
    text-align: center;
    margin: 1rem 0;
}
.courseBox:hover{
    box-shadow: 0 5px 25px rgba(0, 0, 0, 0.3);
}
.courseBox h3{
    margin-bottom: 0.75rem;
    font-size: 1.3rem;
    min-height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.courseBox p{
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    white-space: normal;
    -webkit-line-clamp: 4;
    display: -webkit-box;
    display: -moz-box;
    height: 100px;
}
.courseBox a{
    display: block;
    color: var(--uprise-hover-color);
    text-transform: uppercase;
    margin-top: 1rem;
}
.courseBox a:hover, .courseBox a:focus{
    color: var(--uprise-font-color);
    transform: translateY(4px);
}



/* ================================ */
/* WHY CHOOSE PANEL */
/* ======================================================= */
.whyChooseMain .title:before{
    left: 0;
    margin-left: 0;
}
.whyChooseMain .title:after{
    left: 80px;
}
.whyChoose{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}
.whychooseList{
    list-style: none;    
}
.whychooseList li{
    margin-bottom: 1rem;
    font-size: 1.07rem;
    line-height: 1.5;
    position: relative;
    padding-left: 30px;
    list-style: none;
}
.whychooseList li:before{
    position: absolute;
    content: '\F133';
    font-family: "bootstrap-icons";
    font-size: 1rem;
    color: var(--uprise-hover-color2);
    left: 0;
    top: 0;
}

:root{
    --bg-color-box1: 16, 196, 92;
    --bg-color-box2: 252, 95, 66;
    --bg-color-box3: 173, 51, 198;
    --bg-color-box4: 15, 151, 241;
    --bg-color-box5: 229, 170, 7;
    --bg-color-box6: 36, 204, 192;
    --bg-opacity: 0.2;
}
.whyChoose .whyItem{
    width: calc(50% - 15px);
    border: 1px dashed rgba(var(--bg-color-box1),1);
    padding: 1.75rem;
    position: relative;
    border-radius: 0.5rem;
    margin-bottom: 0.75rem;
    margin-top: 0.75rem;
}
.whyChoose .whyItem .ico{
    background: rgba(var(--bg-color-box1), var(--bg-opacity));
    padding: 1rem;
    border-radius: 0.3rem;
    display: inline-block;
    margin-bottom: 1rem;
}
.whyChoose .whyItem .ico img{
    width: 50px;
}
.whyChoose .whyItem h4{
    color: rgba(var(--bg-color-box1),1);
    margin-bottom: 0.75rem;
}
.whyChoose .whyItem p{
    margin-bottom: 0;
}
.whyChoose .whyItem:nth-child(odd){
    margin-right: 30px;
}
/* 2nd */
.whyChoose .whyItem:nth-child(2){
    border-color: rgba(var(--bg-color-box2),1);
}
.whyChoose .whyItem:nth-child(2) h4{
    color: rgba(var(--bg-color-box2),1);
}
.whyChoose .whyItem:nth-child(2) .ico{
    background: rgba(var(--bg-color-box2),var(--bg-opacity));
}
/* 3rd */
.whyChoose .whyItem:nth-child(3){
    border-color: rgba(var(--bg-color-box3),1);
}
.whyChoose .whyItem:nth-child(3) h4{
    color: rgba(var(--bg-color-box3),1);
}
.whyChoose .whyItem:nth-child(3) .ico{
    background: rgba(var(--bg-color-box3),var(--bg-opacity));
}
/* 4th */
.whyChoose .whyItem:nth-child(4){
    border-color: rgba(var(--bg-color-box4),1);
}
.whyChoose .whyItem:nth-child(4) h4{
    color: rgba(var(--bg-color-box4),1);
}
.whyChoose .whyItem:nth-child(4) .ico{
    background: rgba(var(--bg-color-box4),var(--bg-opacity));
}

/* Admission Panel */
.admissionPanel{
    background: #B0D1D6;
    padding: 1.925rem;
}
.admissionPanel h4{
    margin-bottom: 1rem;
}


/* ================================ */
/* ENQUIRY PANEL */
/* ======================================================= */
.enquiryPanel{
    background: url(../images/enquiry-bg.jpg) center no-repeat;
    position: relative;
    padding: 3rem;
    border-radius: 1.5rem;
    color: var(--uprise-base-color);
}
.enquiryPanel:before{
    position: absolute;
    content: '';
    background: rgba(6, 91, 130, 0.6);
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    border-radius: 1.5rem;
}
.enquiryPanel h2{
    position: relative;
    font-size: 1.905rem;
    margin-bottom: 1rem;
    font-family: 'Lobster', cursive;
}
.enquiryPanel p{
    position: relative;
    font-size: 1.1rem;
    font-family: 'Lobster', cursive;
}

/* ================================ */
/* EXAM NATION PANEL */
/* ======================================================= */
.cseMain{
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    flex-direction: column;
    position: relative;
    background: #e9edf2;
    border: 1px solid #b1c1d6;
    border-radius: 0.5rem;
    padding: 1.25rem;
}
.cseMain h3{
    font-size: 1.2rem;
    min-height: 50px;
    display: flex;
    align-items: center;
}


/* ================================ */
/* CAREER WITH US */
/* ======================================================= */
.careerWithUs{
    background: #e0ecf1;
    position: relative;
}
.careerWithUs .title::after{
    background: #e0ecf1;
}

/* ================================ */
/* FAQ / NEWS */
/* ======================================================= */
.faqNewsMain .title:before {
    left: 0;
    margin-left: 0;
}
.faqNewsMain .title:after {
    left: 60px;
}
.faqNewsMain a.readmore{
    color: var(--uprise-hover-color);
}
.faqPanel .accordion-item {
    background-color: #fff;
    border-left: 3px solid #FC5F42;
    margin-bottom: 15px;
    box-shadow: 0 5px 15px rgba(1, 11, 60, 0.15);
    border-radius: 10px;
}
.faqPanel .accordion-item:first-of-type .accordion-button {
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}
.faqPanel .accordion-button {
    overflow-anchor: none;
    align-items: center;
    background-color: #fff;
    border: 0;
    border-radius: 10px;
    font-size: 1.1rem;
    padding: 1.25rem;
    padding-right: 4rem;
    color: var(--uprise-font-color);
    font-weight: 500;
    position: relative;
    text-align: left;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out, border-radius .15s ease;
    width: 100%;
}
.faqPanel .accordion-button:focus{
    box-shadow: none;
}
.faqPanel .accordion-button:not(.collapsed){
    box-shadow: none;
}
.faqPanel .accordion-button::after{
    background-image: url(../images/arrow.png);
    position: absolute;
    right: 1rem;
}
.faqPanel .accordion-item:not(:first-of-type) {
    border-top: var(--bs-accordion-border-width) solid var(--bs-accordion-border-color);
}
.accordion-item:last-of-type .accordion-button.collapsed{
    border-radius: 10px;
}
.faqPanel .accordion-button:not(.collapsed)::after{
    transform: rotate(90deg);
}
.faqPanel .accordion-body p{
    line-height: 1.4;
}

.scroll-content{
    position: relative;
    max-height: 370px;
    padding-right: 1rem;
    margin-bottom: 1.5rem;
    overflow: auto;
}
.scroll-content::-webkit-scrollbar {
    width: 5px;
}
.scroll-content::-webkit-scrollbar-track {
    background: #f1f1f1; 
} 
.scroll-content::-webkit-scrollbar-thumb {
    background: #888; 
}
.scroll-content::-webkit-scrollbar-thumb:hover {
    background: #555; 
}

.faqPanel ul{
    display: flex;
    flex-direction: column;
    list-style: none;
    padding: 0;
    margin: 0;
}
.faqPanel ul li a{
    background-color: #fff;
    border-left: 3px solid #FC5F42 !important;
    border: 1px solid #ddd;
    margin-bottom: 15px;
    box-shadow: 0 3px 7px rgba(1, 11, 60, 0.15);
    display: flex;
    border-radius: 5px;
    font-size: 1.1rem;
    padding: 0.75rem 1.05rem;
    padding-right: 4rem;
    color: var(--uprise-font-color);
    font-weight: 500;
    position: relative;
    text-align: left;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out, border-radius .15s ease;
    width: 100%;
}
.faqPanel ul li a span{
    margin-right: 0.5rem;
}
.faqPanel ul li a:hover{
    color: var(--uprise-hover-color);
}
.faqPanel ul li a::before{
    background-image: url(../images/arrow.png);
    background-size: contain;
    position: absolute;
    content: '';
    top: 50%;
    right: 1rem;
    width: 1.2rem;
    height: 1.2rem;
    margin-top: -0.6rem;
}

.faqBox {
    padding-right: 0.75rem;
    background-color: var(--uprise-base-color);
    position: -webkit-sticky;
    position: sticky;
    top: 10px;
    z-index: 99;
    height: calc(100vh - 20px);
    overflow: auto;
}
.faqBox::-webkit-scrollbar {
    width: 5px;
}
.faqBox::-webkit-scrollbar-track {
    background: var(--uprise-base-color); 
} 
.faqBox::-webkit-scrollbar-thumb {
    background: var(--uprise-hover-color); 
}
.faqBox::-webkit-scrollbar-thumb:hover {
    background: var(--uprise-hover-color); 
}
.faqBox ol{
    display: flex;
    flex-direction: column;
    list-style: none;
    padding: 0;
    margin: 0;
}
.faqBox ol li a{
    background-color: #fff;
    border-left: 3px solid #FC5F42 !important;
    border: 1px solid #ddd;
    margin-bottom: 15px;
    box-shadow: 0 3px 7px rgba(1, 11, 60, 0.15);
    display: flex;
    border-radius: 7px;
    font-size: 1rem;
    padding: 0.75rem 4rem 0.75rem 1.05rem;
    color: var(--uprise-font-color);
    font-weight: 500;
    position: relative;
    text-align: left;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out, border-radius .15s ease;
    width: 100%;
}
.faqBox ol li a span{
    margin-right: 0.5rem;
}
.faqBox ol li a:hover{
    color: var(--uprise-hover-color);
}
.faqBox ol li a::before{
    background-image: url(../images/arrow.png);
    background-size: contain;
    position: absolute;
    content: '';
    top: 50%;
    right: 1rem;
    width: 1.2rem;
    height: 1.2rem;
    margin-top: -0.6rem;
}
.faqContent .card{
    border: 1px solid #ddd;
    border-radius: 0;
    margin-bottom: 2rem;
}
.faqContent .card-header{
    background: var(--uprise-theme-color);
    border-radius: 0;
    color: var(--uprise-base-color);
}
.faqContent .card-header .card-title{
    font-size: 1.15rem;
}
.faqContent .card-body ol, .faqContent .card-body ul{
    padding-left: 1.5rem;
}
.faqContent .card-body ol li, .faqContent .card-body ul li{
    margin-bottom: 0.75rem;
    color: var(--uprise-font-color2);
    line-height: 1.4;
}
.faqContent .card-body h5{
    margin-bottom: 0.75rem;
}


/* News Panel */
/* ================================= */
.newsPanel{
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: space-between;
    margin-bottom: 1.5rem;
}
.newsPanel .dateFormat{
    border-radius: 5px;
    background: #E3F4FF;
    font-size: 1.3rem;
    text-transform: uppercase;
    text-align: center;
    padding: 2.5rem 1rem 1rem;
    position: relative;
    font-weight: 600;
    margin-right: 1.5rem;
}
.newsPanel .dateFormat .date{
    background: var(--uprise-theme-color);
    color: var(--uprise-base-color);
    font-size: 0.9rem;
    position: absolute;
    top: 0;
    font-weight: 400;
    width: 100%;
    left: 0;
    border-radius: 5px 5px 0 0;
    line-height: 32px;
}
.newsPanel p{
    margin-bottom: 0;
    font-weight: 300;
}

/* ========================= */
/* Footer Panel */
/* ============================================ */
footer {
    background: #1B4152;
    position: relative;
    color: var(--uprise-base-color);
    padding: 4rem 0;
}
footer h4 {
    text-transform: uppercase;
    font-size: 1.25rem;
    font-weight: 600;
    margin-bottom: 1rem;
    letter-spacing: 1px;
}
footer p span{
    color: #f8b81f;
    text-transform: uppercase;
    margin-right: 6px;
}
footer a{
    color: var(--uprise-base-color);
}
footer a:hover, footer a:focus{
    color: #f8b81f;
}
footer .widgetFoot {
    display: flex;
    flex-direction: column;
}
footer .widgetFoot li{
    display: block;
    margin-bottom: 0.5rem;
    padding: 0 0 0 20px;
    font-size: 14px;
    position: relative;
}
footer .widgetFoot li:before{
    position: absolute;
    content: '';
    left: 0;
    top: 4px;
    background: var(--uprise-base-color);
    width: 8px;
    height: 8px;
    border-radius: 30px;
}
footer .widgetFoot li:last-child{
    margin-bottom: 0;
}
.copyright{
    background: #193D4D;
    color: var(--uprise-base-color);
}
.copyright a{
    color: var(--uprise-base-color);
    margin-left: 0.5rem;
}
.copyright a:hover, footer a:focus{
    color: #f8b81f;
}



/* Contact Panel */
/* ======================================= */
.contactForm .form-control{
    border-radius: 0;
    padding-left: 50px;
}
.contactForm .form-control:focus{
    box-shadow: none;
    border-color: var(--uprise-font-color);
}
.contactForm .form-floating label{
    padding-left: 55px;
    color: #565656;
    font-weight: 300;
}
.contactForm .form-floating img{
    position: absolute;
    top: 20px;
    left: 15px;
    height: 18px;
}


/* Content Panel */
/* ======================================= */
.innerContent{
    position: relative;
}
.innerContent ul, .innerContent ol{
    padding-left: 1.5rem;
    margin-bottom: 1.5rem;
}
.innerContent li{
    margin-bottom: 0.75rem;
}
.innerContent h2, .innerContent h3, .innerContent h4, .innerContent h5, .innerContent h6{
    margin-bottom: 1rem;
}
.innerContent table {
    --bs-table-color: var(--bs-body-color);
    --bs-table-bg: transparent;
    --bs-table-border-color: var(--bs-border-color);
    --bs-table-accent-bg: transparent;
    --bs-table-striped-color: var(--bs-body-color);
    --bs-table-striped-bg: rgba(0, 0, 0, 0.05);
    --bs-table-active-color: var(--bs-body-color);
    --bs-table-active-bg: rgba(0, 0, 0, 0.1);
    --bs-table-hover-color: var(--bs-body-color);
    --bs-table-hover-bg: rgba(0, 0, 0, 0.075);
    width: 100%;
    margin-bottom: 1rem;
    color: var(--bs-table-color);
    vertical-align: top;
    border-color: var(--bs-table-border-color);
}
.innerContent table td, .innerContent table th{
    padding: 0.5rem;
    border: 1px solid #ddd;
}
.aboutImg3{
    border: 5px solid var(--uprise-hover-color);
    border-radius: 0.5rem;
    width: 25%;
    float: right;
    margin: 0 0 20px 40px;
    position: relative;
    box-shadow: 0 0 40px rgba(27, 34, 60, 0.2);
}
.aboutPanel .course-price{
    font-size: 32px;
    color: #fff;
    border: 2px solid #ffffff;
    padding: 7px 18px;
    text-align: center;
    border-radius: 4px;
    margin: 0 0 56px !important;
    background: #ffa904;
    box-shadow: 0 2px 9px rgb(0 0 0 / 24%);
}
.aboutPanel .course-price span{
    text-decoration: line-through;
}
.mid-list{
    display: inline-block;
    width: 100%;
    margin: 0 0 31px;
}
.mid-list li{
    width: 50%;
    float: left;
}

/*-------------------- Tania css 19.1.2023 ------------------*/
.scroll-content p {
    font-weight: bold;
    font-size: 20px;
    border: 1px solid #d4d4d4;
    padding: 6px 11px;
    border-radius: 6px;
    border-right: 3px solid #3a7793;
    box-shadow: 0px 2px 5px rgb(0 0 0 / 17%);
    margin: 0 0 18px;
}
.text-abtprt{
    text-align: justify;
}
.book ul {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    padding: 0;
    margin: 0;
    justify-content: center;
}
.book ul li{
    list-style: none;
    width: calc(20% - 24px);
    margin-right: 15px;
    margin-bottom: 15px;
}
.book ul li:nth-child(5n+5) {
    margin-right: 0;
}
.book ul li a p {
    display: block;
    text-align: center;
    margin: 16px 0;
    font-size: 17px;
    font-weight: 500;
    color: #000;
}
#table-style-1 {
    border-collapse: collapse;
    width: 100%;
}
#table-style-1 td {
    border: 1px solid #ddd;
    padding: 8px;
}
.aboutTeamBox b{
    font-size: 15px;
}
.whychoose li {
    display: flex;
    align-items: center;
    background: #c7e3d3;
    border-radius: 26px;
    padding: 20px;
    margin: 0 auto 20px;
    width: 80%;
}
.whychoose li:nth-child(2n+2) {
    margin-left: 72px;
    flex-direction: row-reverse;
}
.whychoose li img{
    border-radius: 0px 46px 0 46px;
    width: 224px;
    margin-right: 30px;
    box-shadow: 0 2px 16px rgb(0 0 0 / 12%);
}
.whychoose li:nth-child(2n+2) img{
    margin-right: 0;
    margin-left: 30px;
}
.rabindranath{
    padding: 21px 147px;
}
a.btn.btn-warning.py-1.rotate {
    position: fixed;
    z-index: 9;
    right: -104px;
    transform: rotate(90deg);
    top: 51%;
    padding: 0 27px;
    height: 42px;
    font-size: 18px;
    line-height: 30px;
}
.interview .whychoose li img{
    border-radius: 0px 30px 0 30px;
    width: 140px;
    margin-right: 30px;
    box-shadow: 0 2px 16px rgb(0 0 0 / 12%);
    border: 1px solid #8b8b8b;
}
.interview .whychoose li{
    background: #a8e4ff;
}
.interview .whychoose li:nth-child(2n+2){
    margin: 0 auto 20px;
    flex-direction: inherit;
}
.interview .whychoose .text-center {
    text-align: center!important;
    border-right: 1px dashed #8b8b8b;
    padding: 0 15px;
}
.interview .whychoose .text-center:last-child{
    border: none;
}
.interview-frm .submit{
    margin: 15px 0 0;
    border: none;
    background: #1b4152;
    color: #fff;
    padding: 10px 19px;
    border-radius: 5px;
    font-size: 21px;
}
form#interview {
    width: 900px;
    background: #9fcadd;
    box-shadow: 2px 1px 11px rgb(0 0 0 / 29%);
    padding: 40px;
    border-radius: 5px;
    margin: 48px 0 0;
}
.interview .form-control{
    margin:0 0 10px;
    height: 45px;
}
form#interview .fileupload{
    height: auto;
}
div#table-style-1 ul {
    margin: 0 0 40px;
    padding: 0 16px;
}
div#table-style-1 ul li {
    list-style: decimal;
    line-height: 28px;
    font-size: 17px;
    padding-left: 10px;
}
div#table-style-1 table{
    width: 100% !important;
}
div#table-style-1 p{
    font-size: 25px;
    font-weight: bold;
    color: #3a7793;
}
.btmimg{
    width: 197px;
}

.form-control:focus {
    color: #212529;
    background-color: #fff;
    border-color: #ff0000;
    outline: 0;
    box-shadow: none;
    border: 3px solid #ff0000;
}
.interview-frm label{
    display: inline-block;
    color: #ff5000;
    font-size: 18px;
}
.bottom-prtion {
    margin: 0 0 0;
    padding: 31px 0 0;
    background: url(../images/interviewguidance.jpg);
    background-size: cover;
}

.bottom-prtion ul li {
    float: left;
    width: 303px;
    margin: 0 9px 0 0;
    list-style: none;
}

.bottom-prtion ul li:last-child {
  margin: 0;
}

.bottom-prtion ul {
  display: flex;
  justify-content: center;
}
.step1 {
    position: relative;
    background-position: center;
    padding: 10px;
    background-size: cover;
    height: 211px;
    z-index: 1;
    box-shadow: 0 4px 7px rgb(0 0 0 / 50%);
}
.step1 .round {
    width: 141px;
    height: 141px;
    overflow: hidden;
    border-radius: 50%;
    position: absolute;
    top: -37px;
    left: 0;
    right: 0;
    margin: 0 auto;
    z-index: 9;
    border: 3px solid #fff;
}
.txt {
    padding: 99px 0 0;
    text-align: center;
}
.step1::after {
    background: rgb(4 38 109 / 91%);
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    content: "";
    left: 0;
    z-index: -1;
}
.txt h4 {
    font-size: 12px;
    color: #fff;
    font-weight: bold;
    font-family: 'Libre Baskerville', serif;
    margin: 3px 0 0;
}
.txt p {
    font-weight: 300;
    font-size: 11px;
    color: #fff;
    font-family: 'Open Sans', sans-serif;
    line-height: 13px;
    margin: 10px 0 0;
}
.loginPanel{
    padding: 40px;
    position: relative;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    border-radius: 1.5rem;
}
.loginPanel h1{
    font-size: 1.75rem;
    margin-bottom: 0.75rem;
    color: var(--uprise-theme-color);
}
.loginPanel .form-control, .loginPanel .form-select{
    font-size: 1.25rem;
}
.loginPanel .form-control:focus, .loginPanel .form-select:focus{
    box-shadow: none;
    border-color: var(--uprise-hover-color);
}
.loginPanel li{
    margin-bottom: 0.5rem;
    font-size: 15px;
    color: var(--uprise-font-color2);
}
.otp input {
    margin: 0.5rem;
    padding: 0.5rem;
    max-width: 3rem;
    height: 3rem;
    text-align: center;
    border-radius: 0.35rem;
    border: 1px solid #ced4da;
    outline: 0;
}
.otp input[type=number]::-webkit-inner-spin-button, 
.otp input[type=number]::-webkit-outer-spin-button { 
    -webkit-appearance: none; 
    margin: 0; 
}
.coursecontent {
    padding: 20px;
    border: 1px solid #e9ecef;
    position: relative;
    margin-bottom: 1rem;
}
.coursecontent h2{
    font-size: 30px;
}
.courseList h1{
    color: #0d0c41;
    font-size:2rem;
}
.courseList .leftSide {
    position: -webkit-sticky;
    position: sticky;
    top: 85px;
}
.courseList .leftMenu {
    padding: 1rem;
    margin-bottom: 1rem;
    border: 1px solid #eee8f7;
    background: #fff;
}
.courseList .leftMenu h1 {
    background-color: #2972b9;
    color: #fff;
    padding: 1rem 1.5rem;
    font-size: 1.1rem;
    margin: -1rem -1rem 1rem;
}
.courseList .leftMenu a{
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    margin-bottom: 0.8rem;
    padding-bottom: 0.8rem;
    border-bottom: 1px solid #f5f5f5;
}
.courseList .leftMenu img {
    width: 80px;
    margin-right: 15px;
    border: 1px solid #ddd;
    padding: 0.2rem;
}
.courseList .leftMenu {
    position: relative;
}
.courseList .leftMenu h6{
    font-size: 0.95rem;
}
.courseList .leftMenu p {
    color: #0d0c41;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    -webkit-line-clamp: 2;
    font-size: 0.8rem;
    max-height: 3rem;
    margin-bottom: 0.2rem;
}
.othercont {
    width: 100%;
}

@media all and (max-width: 1440px) {
    .navbar .nav-link{
        padding: 25px 15px !important;
    }
}
@media(max-width:800px){
    .topHeader ul, .bannerPanel{
        flex-direction: column;
    }
    .navbar .nav-link {
        padding: 10px 15px !important;
    }
    .dropdown-menu.show{
        border-radius: 0;
    }
    .bannerPanel .sliderPart{
        width: 100%;
    }
    .bannerPanel .formPanel{
        width: 100%;
    }
    .aboutTeamBox, .chairmanDesk img{
        width: 100%;
        margin: 0 0 15px;
    }
    .aboutTeamBox .photoBox{
        width: 100%;
    }
    .cseMain{
        margin-bottom: 15px;
    }
    .copyright{
        text-align: center;
    }
    /*about us*/
    .aboutPanel .aboutImg2{
        width: 100%;
    }
    .rabindranath{
        padding: 15px;
    }
    .aboutPanel .blockquote strong {
        line-height: 24px;
        font-weight: 500;
        font-size: 20px;
    }
    .chairmanDesk:nth-child(2n+2){
        margin-left: 0;
    }
    .whychoose li{
        flex-direction: column;
        width: 100%;
    }
    .whychoose li img{
        width: 70%;
        margin: 0 auto 20px;
    }
    .whychoose li:nth-child(2n+2){
        margin-left:auto;
        flex-direction: column;
    }
    .faqBox{
        top: 0;
        height: auto;
        position: relative;
    }
    .interview .whychoose li:nth-child(2n+2){
        flex-direction: column;
    }
    .interview .whychoose .text-center{
        border-right: 0;
        border-bottom: 1px dashed #8b8b8b;
        margin-bottom: 20px;
    }
    .book ul li{
        width: calc(50% - 24px);
    }
    .book ul li:nth-child(even){
        margin-right: 15px;
    }
    .book ul li:nth-child(5n+5){
        margin-right: 15px;
    }
    .faqContent .card-header{
        text-align: left;
    }
    figure.p-4 {
        padding: 1rem !important;
    }
    .bottom-prtion ul {
        display: block;
    }
    .bottom-prtion ul li {
        float: none;
        width: 100%;
        margin: 0 9px 50px 0;
    }
    .bottom-prtion{
        background-size: auto;
        background-repeat: no-repeat;
    }
}
@media (min-width:359px){
    figure.p-4 {
        padding: 1rem 0.1rem !important;
    }
}