/*================================================
Courses Details Area CSS
=================================================*/
.courses-details .header-title span{
    font-family: "Poppins";
    font-size: 20px;
    font-weight: 700;
    color: #152071;
  }
  
  .courses-details .header-title h2{
    font-family: "Poppins";
    font-size: 40px;
    font-weight: 700;
    color: #0C1518;
  }
  
  .courses-details .header-title p{
    font-family: "Roboto";
    font-size: 14px;
    font-weight: 400;
    color: #3B424E;
  }
  
  .academics-section .academics-left .ac-category{
    margin-bottom: 50px;
  }
  .academics-section .academics-left .ac-category ul {
    padding: 0;
    list-style: none;
    margin: 0;
  }
  .academics-section .academics-left .ac-category ul li{
    margin-bottom: 20px;
  }
  .academics-section .academics-left .ac-category ul li:last-child{
    margin-bottom: 0px;
  }
  .academics-section .academics-left .ac-category ul li a{
    padding: 20px;
    display: block;
    background-color: var(--secounderyColor);
    color: var(--blackColor);
    font-family: 'Lexend', sans-serif;
    font-size: 18px;
    font-weight: 700;
    transition: var(--transition);
  }
  .academics-section .academics-left .ac-category ul li a:hover{
    background-color: var(--blackColor);
    color: var(--whiteColor);
  }
  .academics-section .academics-left .ac-category ul li .active{
    background-color: var(--blackColor);
    color: var(--whiteColor);
  }
  .academics-section .academics-left .ac-contact span{
    color: var(--paragraphColor);
    margin-bottom: 20px;
    display: block;
    font-weight: 600;
    font-size: 18px;
    font-family: 'Lexend', sans-serif;
  }
  .academics-section .academics-left .ac-contact a{
    background-color: var(--mainColor);
    color: var(--whiteColor);
    display: block;
    padding: 20px;
    margin-bottom: 20px;
    font-family: 'Lexend', sans-serif;
    text-align: center;
    font-weight: 600;
    font-size: 18px;
  }
  .academics-section .academics-left .ac-contact a:last-child{
    margin-bottom: 0px;
  }
  .academics-section .academics-left .ac-contact .darkbtn{
    background-color: var(--blackColor);
    color: var(--whiteColor);
  }
  .ac-overview {
      padding-left: 20px;
  }
  .academics-section .ac-overview .pera-title h2 {
    font-size: 48px;
    font-weight: 600;
    font-family: 'Lexend', sans-serif;
    display: flex;
    align-items: center;
    margin-bottom: 50px;
  }
  .academics-section .ac-overview .pera-title span {
    font-size: 128px;
    font-weight: 900;
    margin-right: 30px;
  }
  .academics-section .ac-overview .pera-dec p{
    margin-bottom: 30px;
  }
  .academics-section .ac-overview .pera-dec p:last-child{
    margin-bottom: 0px;
  }
  .academics-section .ac-overview .gallery {
    margin-top: 50px;
    margin-bottom: 160px;
  }
  .academics-section .ac-overview .gallery .gallery-image ul {
    padding: 0px;
    list-style: none;
    margin: 0;
    position: relative;
  }
  .academics-section .ac-overview .gallery .gallery-image ul li:last-child {
    position: absolute;
    bottom: -120px;
    right: 0;
    content: '';
  }
  .academics-section .ac-overview .pera-dec h3{
    font-family: 'Lexend', sans-serif;
    margin-bottom: 30px;
    font-size: 30px;
  }
  .academics-section .ac-overview .pera-dec .catagorys{
    margin-bottom: 50px;
  }
  .academics-section .ac-overview .pera-dec .catagorys .pra-catagorys a {
    padding: 80px 20px;
    display: block;
    font-size: 20px;
    text-align: center;
    background-color: var(--secounderyColor);
    font-weight: 700;
    font-family: 'Lexend', sans-serif;
  }
  
  .academics-section .ac-overview .pera-dec .graduate-area{
    background-image: url(../img/all-img/graduate-area.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    padding-top: 200px;
    padding-bottom: 200px;
    position: relative;
  }
  
  .academics-section .ac-overview .pera-dec .graduate-area .info-box{
    position: absolute;
    content: '';
    bottom: -240px;
    left: 0;
    right: 0;
    max-width: 700px;
    background-color: var(--whiteColor);
    padding: 70px 60px;;
    margin: auto;
    text-align: center;
  }
  
  .academics-section .ac-overview .pera-dec .graduate-area .info-box h3 {
    font-family: 'Lexend', sans-serif;
    margin-bottom: 50px;
    font-size: 30px;
    font-weight: 800;
  }
  
  .academics-section .ac-overview .pera-dec h4{
    font-family: 'Lexend', sans-serif;
    font-size: 20px;
    font-weight: 800;
  }
  
  .academics-section .ac-overview .pera-dec .graduate-area .info-box .single-info {
    text-align: start;
    padding-left: 30px;
  }
  
  .academics-section .ac-overview .pera-dec .graduate-area .info-box .single-info a {
    padding: 8px 8px;
    text-align: start;
    background-color: var(--secounderyColor);
    margin-bottom: 20px;
    display: inline-block;
  }
  
  .graduate-events{
    position: relative;
    margin-top: 200px;
  }
  .graduate-events .content-items .content {
    position: initial;
    max-width: 615px;
    padding-right: 230px;
    padding-top: 120px;
    padding-bottom: 120px;
    padding-left: 50px;
    border-radius: 5px;
    background-color: var(--secounderyColor);
  }
  .graduate-events .content-items .content h2{
    font-size: 30px;
    font-family: 'Lexend', sans-serif;
  }
  .graduate-events .content-items .content a{
    color: var(--mainColor);
    font-weight: 600;
  }
  .graduate-events .content-items .image{
    position: absolute;
    content: '';
    top: 15%;
    right: 0;
  }
  .problem-sector .problem-list {
    margin-bottom: 50px;
  }
  .problem-sector .problem-list:last-child{
    margin-bottom: 0px;
  }
  .problem-sector .problem-list .title h3{
    padding: 30px 35px;
    background-color: var(--secounderyColor);
  }
  .problem-sector .problem-list .problem-items {
    padding-left: 35px;
  }
  .problem-sector .problem-list .problem-items ul{
    padding: 0;
    list-style: none;
    margin-bottom: 0;
  }
  .problem-sector .problem-list .problem-items ul li{
    margin-bottom: 20px;
  }
  .problem-sector .problem-list .problem-items ul li:last-child{
    margin-bottom: 0px;
  }
  .problem-sector .problem-list .problem-items ul li a{
    font-size: 16px;
    font-weight: 600;
    color: var(--paragraphColor);
    transition: var(--transition);
  }
  
  .problem-sector .problem-list .problem-items ul li a:hover{
    color: var(--mainColor);
    text-decoration: underline;
  }
  .faculty-model .col-lg-6 .faculty-card{
    margin-bottom: 30px;
  }
  .faculty-model .col-lg-6:last-child .faculty-card{
    margin-bottom: 0px;
  }
  .faculty-model .faculty-card .image{
    position: relative;
    z-index: 1;
    overflow: hidden;
  }
  .faculty-model .faculty-card .image .info {
    height: 100%;
    top: 300px;
    position: absolute;
    padding: 35px 30px 30px;
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
    background-color: var(--mainColor);
    opacity: 0;
  }
  .faculty-model .faculty-card .image:hover .info {
    top: 0;
    opacity: 1;
  }
  
  .faculty-model .faculty-card .image .info p {
    color: var(--whiteColor);
    line-height: 26px;
    opacity: 0;
    visibility: hidden;
    position: relative;
    top: 50px;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
  }
  .faculty-model .faculty-card .image .info p {
    top: 0;
    opacity: 1;
    visibility: visible;
    -webkit-transition: all .5s ease .3s;
    -o-transition: all .5s ease .3s;
    transition: all .5s ease .3s;
    z-index: 2;
  }
  
  .faculty-model .faculty-card .content{
    margin-top: 30px;
  }
  .faculty-model .faculty-card .contact-text span{
    margin-top: 150px;
  }
  .faculty-model .faculty-card .contact-text span{
    display: block;
    color: var(--whiteColor);
    font-size: 18px;
    font-family: 'Lexend', sans-serif;
    font-weight: 700;
    margin-bottom: 15px;
  }
  .faculty-model .faculty-card .contact-text a{
    display: block;
    color: var(--whiteColor);
    margin-bottom: 5px;
  }
  .faculty-model .faculty-card .contact-text a:last-child{
    margin-bottom: 0px;
  }
  
  .faculty-model .faculty-card .content h4{
    font-size: 22px;
    font-family: 'Lexend', sans-serif;
  }
  
  
  
  .pera-dec .program-info {
    margin-bottom: 50px;
  }
  .pera-dec .program-info .single-program-info {
    padding: 0 25px;
  }
  .pera-dec .program-info .single-program-info h4{
    font-family: 'Lexend', sans-serif;
    font-size: 70px;
    margin-bottom: 20px;
  }
  .pera-dec .program-info .single-program-info p{
    font-size: 18px;
    color: var(--blackColor);
    font-weight: 600;
  }
  .pera-dec .apply-program{
    margin-bottom: 50px;
  }
  .pera-dec .apply-program:last-child{
    margin-bottom: 0px;
  }
  .pera-dec .apply-program a{
    color: var(--mainColor);
    font-weight: 500;
  }
  
  
  .pera-dec .apply-program .tuition-fees h5{
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 30px;
    font-family: 'Lexend', sans-serif;
  }
  .pera-dec .apply-program .tuition-fees{
    padding: 40px;
    background-color: var(--secounderyColor);
  }
  .pera-dec .apply-program .tuition-fees ul{
    padding: 0;
    list-style: none;
    margin: 0;
    border-bottom: 1px solid #ddd;
    margin-bottom: 30px;
  }
  .pera-dec .apply-program .tuition-fees ul li{
    display: flex;
    justify-content: space-between;
    margin-bottom: 30px;
  }
  .pera-dec .apply-program .total-fees{
    display: flex;
    justify-content: space-between;
  }
  .pera-dec .apply-program .total-fees span{
    color: var(--blackColor);
  }
  .pera-dec .program-points{
    margin-bottom: 50px;
  }
  .pera-dec .program-points .single-point-list{
    position: relative;
    padding-left: 60px;
    border-bottom: 1px solid var(--blackColor);
    padding-bottom: 35px;
    margin-bottom: 40px;
  }
  .pera-dec .program-points .single-point-list h4{
    font-family: 'Lexend', sans-serif;
    font-size: 30px;
  }
  .pera-dec .program-points .single-point-list .number-list{
    position: absolute;
    content: '';
    top: 0;
    left: 0;
  }
  .pera-dec .program-points .single-point-list .number-list h4{
    font-family: 'Lexend', sans-serif;
    font-size: 30px;
  }
  
  .pera-dec .program-points .single-point-btn{
    text-align: center;
  }
  .applicant-from label {
    color: var(--blackColor);
    margin-bottom: 20px;
  }
  .applicant-from .form-control{
    border-radius: 0;
    background-color: transparent !important;
    -webkit-box-shadow: unset !important;
    box-shadow: unset !important;
    -webkit-transition: var(--transition);
    transition: var(--transition);
    border: none !important;
    border-radius: 3px;
    border: 1px solid #EEEEEE !important;
    height: 60px;
    padding-left: 15px;
    color: var(--paragraphColor);
    font-size: 18px;
    margin-bottom: 30px;
  }
  .applicant-from .form-select {
    margin-bottom: 30px;
    height: 60px;
    color: #212529;
    border: 1px solid #EEEEEE;
    box-shadow: none;
    padding-left: 20px;
  }
  .applicant-from form .form-group textarea.form-control {
    height: auto;
  }
  .applicant-from .form-cookies-consent{
    width: 100%;
    float: left;
    position: relative;
    padding-left: 40px;
    margin-bottom: 20px;
  }
  .applicant-from .form-cookies-consent input {
    position: absolute;
    left: 14px;
    top: 9px;
  }
  .applicant-from .form-cookies-consent label {
    display: inline-block;
    margin: 0;
    color: var(--paragraphColor);
    font-weight: normal;
    font-size: var(--fontSize);
  }
  .faq-item {
    padding: 5px;
    cursor: pointer;
    transition: background-color 0.3s ease-in-out;
    display: flex;
    justify-content: space-between;
    align-items: center;
    background-color: #EDF2F4;
  }
  .faq-question {
    font-family: "Poppins";
    font-size: 16px;
    font-weight: 500;
    padding: 3px 10px;
    color: #383E4D;
  }
  .icon-container i {
    font-size: 30px;
    cursor: pointer;
    transition: transform 0.3s ease-in-out;
    color: #152071
  }
  .faq-answer {
    overflow: hidden;
    transition: 0.3s ease-in-out;
    padding: 0px 20px;
    max-height: 0;
    margin-bottom: 10px;
  }
  .faq-answer.active {
    padding: 20px 0px;
    height: auto !important;
    padding-bottom: 0;
    max-height: auto !important;
  }
  .icon-container i.active {
    transform: rotate(180deg);
  }
  
  .faq-answer .course_overview h4{
    font-family: "Roboto";
    font-size: 14px;
    font-weight: 500;
    color: #383E4D;
    text-align: justify;
  }
  
  /* .faq-answer .course_overview p{
    font-family: "Roboto";
    font-size: 14px;
    font-weight: 300;
    color: #383E4D;
    text-align: justify;
  } */
  
  .course_short_info{
      background-color: #EDF2F4;
      padding: 10px;
      border-radius: 16px;
      margin-top: -280px;
  }
  
  .course_short_info .content .pricing h4{
    font-family: "Poppins";
    font-size: 20px;
    font-weight: 600;
    color: #152071;
  }
  
  .course_short_info .content .table tbody tr td:nth-child(1){
    color: #000919;
    font-family: "Poppins";
    font-size: 16px;
    font-weight: 400;
  }
  
  .course_short_info .content .table tbody tr td:nth-child(2){
    color: #000919;
    font-family: "Poppins";
    font-size: 14px;
    font-weight: 400;
    text-align: right;
  }
  
  .course_short_info .content a{
    color: #FFFFFF;
    background-color: #D81516;
  }
  
  .course_success_img{
    margin-right: 20px;
  }
  
  .course_success_txt{
    margin-left: 20px;
  }
  
  .course_success_txt h2{
    font-family: "Poppins";
    font-size: 40px;
    font-weight: 700;
    color: #0C1518;
  }
  
  .course_success_txt h2 span{
    color: #D81516;
  }
  
  .course_success_txt p{
    font-family: "Roboto";
    font-size: 14px;
    font-weight: 400;
    color: #3B424E;
  }
  
  .list-item-list {
    margin-bottom: 30px;
  }
  .list-item-list h4{
    font-size: 20px;
    margin-bottom: 30px;
    font-family: 'Lexend', sans-serif;
  }
  .list-item-list .list-item-title{
    padding: 20px 0px;
    background-color: var(--secounderyColor);
    margin-bottom: 30px;
  }
  .list-item-list .list-item-title .list-item-title-header {
    color: var(--blackColor);
    font-weight: 500;
    padding-left: 35px;
  }
  .list-item-list .list-items-details{
    padding-left: 35px;
  }
  .list-item-list .list-items-details ul{
    padding: 0;
    list-style: none;
    margin-bottom: 0;
  }
  .list-item-list .list-items-details ul li p{
    font-size: 16px;
    font-weight: 500;
    color: var(--paragraphColor);
  }
  .list-item-list .list-items-details ul li{
    margin-bottom: 20px;
  }
  .list-item-list .list-items-details ul li:last-child{
    margin-bottom: 0px;
  }
  .aid-pra {
    margin-bottom: 40px;
  }
  .aid-pra:last-child{
    margin-bottom: 0px;
  }
  .aid-pra h4{
    margin-bottom: 25px;
  }
  .deadlines-list .list-item-list{
    margin-bottom: 50px;
  }
  .deadlines-list .list-item-list:last-child{
    margin-bottom: 0px;
  }
  .univercity-life .image{
    margin-bottom: 40px;
  }
  .univercity-life .apply-program .image{
    margin-bottom: 0px;
  }
  .faq-content-2 .faq-question {
    font-size: 24px;
  }
  .faq-content-2 .faq-item {
    padding: 0 0px 30px 0;
  }
  .faq-content-2 .faq-answer {
    padding: 0px 0px;
    margin-bottom: 30px;
  }
  .faq-content-2 .faq-answer:last-child{
    margin-bottom: 0px;
  }
  .faq-content-2 .faq-answer p {
    margin-bottom: 30px !important;
  }
  .faq-content-2 .faq-answer.active {
    min-height: 200px !important;
  }
  .std-activities .graduate-events{
    margin-top: 15px !important;
    margin-bottom: 70px;
  }
  .std-activities .featured-clubs h3{
    margin-bottom: 0px !important;
  }
  .std-activities .featured-clubs ul {
    padding: 0;
    list-style: none;
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  .std-activities .featured-clubs ul li{
    display: inline-block;
  }
  .std-activities .featured-clubs ul li a{
    text-decoration: underline;
    color: var(--mainColor);
    font-weight: 600;
  }
  .featured-clubs .clubs-item{
    border-bottom: 1px solid #EEEEEE;
    margin-bottom: 30px;
  }
  .featured-clubs .clubs-item:last-child{
    border-bottom: none;
    margin-bottom: 0px;
  }
  .featured-clubs .clubs-item span{
    color: var(--paragraphColorSecond);
    margin-bottom: 25px;
    display: block;
  }
  .featured-clubs .clubs-item h4{
    font-size: 24px !important;
    margin-bottom: 30px;
  }
  .featured-clubs .clubs-item p{
    margin-bottom: 30px !important;
  }
  .featured-clubs p:last-child{
    margin-bottom: 0px !important;
  }

  /*================================================
Students Success Tutors Area CSS
=================================================*/
#students_success_tutors{
    background-image: url(../img/students_success_tutors/pat-banner.jpg);
}


@media screen and (min-width: 768px) {
#students_success_tutors .section-info{
  bottom: -33% !important;
}

#students_success_tutors{
  margin-top: 80px;
  background-size: contain;
}
}


.support_and_guidance_sec_text h2{
    font-family: "Poppins";
    font-size: 40px;
    font-weight: 700;
    color: #0C1518;
  }
  
  .support_and_guidance_sec_text p{
    font-family: "Roboto";
    font-size: 14px;
    font-weight: 400;
    color: #515251;
    text-align: justify;
  }

  /*================================================
Help to success Area CSS
=================================================*/
.help_to_success_txt h2{
    font-family: "Poppins";
    font-size: 40px;
    font-weight: 700;
    color: #0C1518;
  }
  
  .help_to_success_txt ul{
    list-style: none;
    margin-left: -50px !important;
  }
  
  .help_to_success_txt ul li{
    padding: 10px;
  }
  
  .help_to_success_txt ul li span{
    font-family: "Roboto";
    font-size: 16px;
    font-weight: 500;
    color: #3B424E;
    margin-left: 10px;
  }
  
  
  .special_needs_support_wrapper{
    position: relative;
    min-height: 400px;
  }
  
  .special_needs_support_wrapper img{
    width: 58%;
    z-index: -1;
    position: absolute;
    right: 0;
    top: 0;
  }
  .special_needs_support_text{
    position: absolute;
    background-color: #F5FAFF;
    width: 57%;
    top: 70px;
    padding: 50px 40px;
  }
  
  .special_needs_support_text h2{
    color: #0C1518;
    font-family: "Poppins";
    font-size: 40px;
    font-weight: 700;
  }

  
  .special_needs_support_text p{
    color: #515251;
    font-family: "Roboto";
    font-size: 14px;
    font-weight: 400;
  }
  
  .confidential_support_text h2{
    color: #0C1518;
    font-family: "Poppins";
    font-size: 40px;
    font-weight: 700;
  }
  
  .confidential_support_text p{
    color: #515251;
    font-family: "Roboto";
    font-size: 16px;
    font-weight: 400;
  }

  
/*================================================
Academic Calendar Area CSS
=================================================*/
.university_of_wolverhampton_courses_list h2{
    font-family: "Poppins";
    font-size: 40px;
    font-weight: 700;
  }
  
  .university_of_wolverhampton_courses_list ul{
    list-style-image: url('../img/icon/eva_checkmark-circle-fill.png');
    line-height: 40px;
  }
  .university_of_wolverhampton_courses_list ul li{
    font-family: "Roboto";
    font-size: 16px;
    font-weight: 600;
  }
  
  /*================================================
Cohort Foundation Year Area CSS
=================================================*/
#cohort_foundation_year .container .cohort_sec_title h2{
    color: #152071;
    font-family: "Poppins";
    font-size: 32px;
    font-weight: 700;
    text-align: center;
  }
  
  .welcome_week h4{
    color: #152071;
    font-family: "Poppins";
    font-size: 20px;
    font-weight: 600;
  }
  
  .welcome_week table thead{
    background-color: #152071;
  }
  
  .welcome_week table thead tr th{
    color: #FFFFFF;
    font-family: "Poppins";
    font-size: 14px;
    font-weight: 600;
    text-align: left;
  }
  
  .welcome_week table tbody tr td{
    color: #383E4D;
    font-family: "Poppins";
    font-size: 14px;
    font-weight: 600;
    text-align: left;
    background-color: #EDF2F4;
  }
  
  .semester h4{
    color: #152071;
    font-family: "Poppins";
    font-size: 20px;
    font-weight: 600;
  }
  
  .semester table thead{
    background-color: #152071;
  }
  
  .semester table thead tr th{
    color: #FFFFFF;
    font-family: "Poppins";
    font-size: 14px;
    font-weight: 600;
    text-align: center;
  }
  
  .semester table tbody tr td{
    color: #232323;
    font-family: "Poppins";
    font-size: 14px;
    font-weight: 400;
    text-align: center;
    background-color: #EDF2F4;
  }

  /*================================================
Equity and Inclusion Area CSS
=================================================*/

#equity_and_inclusion{
    background-image: url(../img/equity-and-inclusion/banner.jpg);
  }

@media screen and (min-width: 768px) {
  #equity_and_inclusion{
    margin-top: 80px;
    background-size: contain;
  }
}

.our_commitment .container .row{
    margin: 0px;
    padding: 10px;
    background-color: #EDF2F4;
  }
  
  .our_commitment .container .row .col-lg-6 .our_commitment_text{
    padding: 0px 20px;
  }
  
  .our_commitment .container .row .col-lg-6 .our_commitment_text h2{
    color: #0C1518;
    font-family: "Poppins";
    font-size: 40px;
    font-weight: 700;
  }
  
  .our_commitment .container .row .col-lg-6 .our_commitment_text p{
    color: #515251;
    font-family: "Roboto";
    font-size: 14px;
    font-weight: 400;
  }

/*================================================
Our Goals Area CSS
=================================================*/
.our_goal_text h2{
    font-family: "Poppins";
    font-size: 40px;
    font-weight: 700;
    color: #0C1518;
  }
  
  .each_goal{
    padding: 20px;
    min-height: 120px;
    border-radius: 8px;
    background-color: #A8DADC80;
  }
  
  .each_goal ul{
    list-style-image: url('../img/icon/tick-mark.png');
  }
  
  .each_goal ul li{
    color: #0E2A46;
    font-family: "Poppins";
    font-size: 16px;
    font-weight: 600;
  }

  /*================================================
Career and employability CSS
=================================================*/

#careers_and_employability{
    margin-top: 119px;
    background-image: url(../img/careers-and-employability/banner.svg);
}


#career{
    max-height: 100vh;
  }
  
  /* .career_left_img{
   position: relative;
  } */
  
  .career_left_img .career1{
    margin-top: -39px;
    /*top: 40px;
    left: 0px;*/
  } 
  
  .career_text{
    padding-top: 56px;
  }
  
  .career_text .career_title1{
    font-family: "Poppins";
    font-size: 40px;
    font-weight: 700;
    color: #0C1518;
  }
  
  .career_text .career_title2{
    font-family: "Poppins";
    font-size: 40px;
    font-weight: 700;
    color: #D81516;
  }

/*================================================
Careers & Employability Area CSS
=================================================*/
.success_start{
    background-image: url(../img/careers-and-employability/success-start-sec-bg.svg);
    background-repeat: no-repeat;
  }
  
  .success_start_wrapper{
    background-image: url(../img/careers-and-employability/main-content-bg.png);
    background-repeat: no-repeat;
    padding: 40px;
    margin: 100px 50px 0px 50px;
    background-size: cover;
    border-radius: 24px;
    text-align: center;
    opacity: 0.8;
    position: relative;
  }
  
  .success_start_wrapper_shadow::before {
    position: absolute;
    content: "";
    left: 0;
    bottom: 0;
    top: 0;
    right: 0;
  /*    background: linear-gradient(#32445694, #222baca1);*/
    background-image: url(../img/careers-and-employability/Overlay.png);
    opacity: 0.3;
  }
  
  .success_start_wrapper h2{
    color: #FFFFFF;
    font-family: "Poppins";
    font-size: 40px;
    font-weight: 700;
  }
  
  .success_start_wrapper p{
    color: #FFFFFF;
    font-family: "Roboto";
    font-size: 14px !important;
    font-weight: 400;
    text-align: center;
  }
  
  .careers_and_employability_wrapper h2{
    font-family: "Poppins";
    font-size: 40px;
    font-weight: 700;
    color: #0C1518;
  }
  
  .careers_and_employability_wrapper .row .col-lg-4{
    margin-bottom: 20px;
  }
  
  .each_careers_and_employability{
    padding: 20px 20px 5px 20px;
    border-radius: 8px;
    display: flex;
    margin-bottom: 20px;
  }
  
  .careers_and_employability_row1con1{
    background-color: #EAF6FF;
    height: 100%;
  }
  
  .careers_and_employability_row1con2{
    background-color: #FEF2F4;
    height: 100%;
  }
  
  .careers_and_employability_row1con3{
    background-color: #EEFBF5;
    height: 100%;
  }
  
  .careers_and_employability_row2con1{
    background-color: #FFFAEF;
    height: 100%;
  }
  
  .careers_and_employability_row2con2{
    background-color: #F7F3FF;
    height: 100%;
  }
  
  .careers_and_employability_row2con3{
    background-color: #FFF0F8;
    height: 100%;
  }
  
  .careers_and_employability_row3con1{
    background-color: #F5F5FF;
    height: 100%;
  }
  
  
  .careers_and_employability_icon{
    padding: 10px;
  }

  /*================================================
Events CSS
=================================================*/
#banner_event_upcoming {
  margin-top: 100px;
  background-size: contain;
  background-image: url(../img/event/events-image-1440x320px.png);
}

#banner_event {
  margin-top: 100px;
  background-size: contain;
  background-image: url(../img/event/past-events-1440x320px.png);
}

.course-item {
    padding: 0px;
    box-shadow: 0px 0px 75px #6767672e;
  }

  .course-item .image{
    position: relative;
  }

  .course-item .image .event_date{
    position: absolute;
    bottom: 0px;
    background-color: #0c0c0c7a;
    width: 100%;
    padding: 3px 15px;
  }

  .course-item .image .event_date p{
    color: #FFFFFF;
    font-family: "Roboto";
    font-size: 14px;
    font-weight: 400;
  }
  
  .course-item .image .img {
    width: 100%;
  }

  @media only screen and (max-width: 767px) {
    .course-item .image img {
      width: 100% !important;
    }  
  }
  
  .course-item .content {
    padding: 10px 10px;
  }
  
  .course-item .content span {
    color: #000000;
    font-family: "Roboto";
    font-size: 16px;
    font-weight: 400;
  }
  
  .course-item .content h2 {
    margin-top: 5px;
    font-size: 20px;
    line-height: 32px;
    font-family: "Poppins";
    font-weight: 700;
    margin-bottom: 5px;
    color: #000000;
  }
  
  .event_more_info {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  
  .event_more_info .location {
    display: inline-flex;
    align-items: center;
  }
  
  /* .event_more_info .image img{
    border-radius: 100%;
  } */
  
  .event_more_info .location p {
    margin-left: 5px;
  }
  .event_more_info .location p {
    font-family: "Roboto";
    font-weight: 400;
    font-size: 16px;
    color: #000000;
  }

  .event_btn .btn {
    color: #D81516;
    border-radius: 0px !important;
    padding: 8px 35px;
    border: 1px solid #D81516;
    font-family: "Roboto";
    font-weight: 400;
    font-size: 16px;
  }
  
  .courses-section .course-item{
    margin-bottom: 30px;
  }
  
  .grid-sorting{
    margin-bottom: 30px;
  }
  .grid-sorting .title p{
    font-size: 16px;
    font-weight: 700;
    font-family: 'Lexend', sans-serif;
    color: var(--blackColor);
  }
  .grid-sorting .select-box {
    position: relative;
    padding-left: 60px;
  }
  .grid-sorting .select-box .form-select {
    padding: 20px 25px 20px 100px;
    background-color: var(--secounderyColor);
    border: none;
  }
  .grid-sorting .select-box label {
    position: absolute;
    top: 20px;
    left: 90px;
    content: '';
  }
  
  .courses-area .owl-theme .owl-dots .owl-dot.active span, .courses-area .owl-theme .owl-dots .owl-dot:hover span {
    background: var(--blackColor);
  }
  .courses-area .owl-theme .owl-dots .owl-dot span {
    width: 14px;
    height: 14px;
  }

  
/*================================================
Events Detail Page CSS
=================================================*/
#banner_event_detail {
    margin-top: 119px;
    background-image: url(../img/event/banner-detail.svg);
    background-size: auto !important;
    z-index: -2;
}

/* .section-banner::before {
    position: absolute;
    content: "";
    left: 0;
    bottom: 0;
    top: 0;
    right: 0;
    mix-blend-mode: multiply;
    background-color: #7C86A2;
    z-index: -2;
} */

#banner_event_detail .container .banner-spacing h2{
    color: #FFFFFF;
    font-family: "Poppins";
    font-size: 40px;
    font-weight: 700;
}

#banner_event_detail .container .banner-spacing a{
    margin-top: 15px;
    padding: 10px 40px;
    font-family: "Poppins";
    font-size: 16px;
    font-weight: 600;
    color: #FFFFFF;
    border-radius: 40px;
    background-color: #D81516;
}

/* Short information */
.event_short_info .container{
    margin-top: -146px;
    padding: 30px;
    z-index: 3;
    background-color: #152071;
}

#event_short_info{
    margin-bottom: 60px;
}

.each_short_info{
    display: flex;
}

.each_short_info .time{
    margin-left: 15px;
}

.each_short_info .time p{
    color: #FFFFFF;
    font-family: "Roboto";
    font-size: 16px;
    font-weight: 400;
    justify-items: center;
}

.each_short_info .time p span{
    color: #FFFFFF;
    font-family: "Poppins";
    font-size: 40px;
    font-weight: 700;
    justify-items: center;
    margin-right: 5px;
}

.each_short_info .text{
    margin-left: 15px;
}

.each_short_info .text .text1{
    color: #FFFFFF;
    font-family: "Poppins";
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 0px !important;
}

.each_short_info .text .text2{
    color: #FFFFFF;
    font-family: "Roboto";
    font-size: 16px;
    font-weight: 400;
}

/*================================================
About Event CSS
=================================================*/
  
  .about_event_wrapper{
    position: relative;
    min-height: 400px;
  }
  
  .about_event_text{
    position: absolute;
    background-color: #F5FAFF;
    width: 57%;
    top: 60px;
    right: 0px;
    padding: 30px;
  }

  @media only screen and (max-width: 767px) {
    .about_event_text{
        position: absolute;
        background-color: #F5FAFF;
        width: 100%;
        top: 400px;
        right: 0px;
        padding: 30px;
      }
  }

  .about_event_text .about_event_title h2{
    color: #152071;
    font-family: "Poppins";
    font-size: 40px;
    font-weight: 700;
  }


  .about_event_text .about_event_title p{
    color: #383E4D;
    font-family: "Roboto";
    font-size: 14px;
    font-weight: 400;
    text-align: justify;
  }
  
  .about_event_text h4{
    color: #383E4D;
    font-family: "Poppins";
    font-size: 20px;
    font-weight: 700;
  }

  .about_event_text ul{
    list-style: none;
    margin-left: -30px;
  }
  
  .about_event_text ul li{
    color: #383E4D;
    font-family: "Roboto";
    font-size: 14px;
    font-weight: 400;
  }
  
/*================================================
Visa Consultants CSS
=================================================*/
.visa_consultant_title h2{
    color: #152071;
    font-family: "Poppins";
    font-size: 40px;
    font-weight: 700;
}

@media only screen and (max-width: 767px) {
     .visa_consultant_title h2{
        margin-top: 390px !important;
      }
  }

.visa_consultant_title p{
    color: #727272;
    font-family: "Roboto";
    font-size: 14px;
    font-weight: 400;
}

.visa_consultant_text h4{
    color: #152071;
    font-family: "Poppins";
    font-size: 32px;
    font-weight: 700;
}

.visa_consultant_text p{
    color: #727272;
    font-family: "Roboto";
    font-size: 14px;
    font-weight: 400;
}

.visa_consultant_text ul{
    list-style-image: url('../img/event/right-tick.png');
    line-height: 40px;
}

.visa_consultant_text ul li{
    color: #000000;
    font-family: "Roboto";
    font-size: 16px;
    font-weight: 400;
}

/*================================================
Resent event CSS
=================================================*/
.resent_event_title{
    color: #152071;
    font-family: "Poppins";
    font-size: 40px;
    font-weight: 700;
}

.course-item {
    padding: 0px;
    box-shadow: 0px 0px 75px #6767672e;
  }

  .course-item .image{
    position: relative;
  }

  .course-item .image .event_date{
    position: absolute;
    bottom: 0px;
    background-color: #0c0c0c7a;
    width: 100%;
    padding: 3px 15px;
  }

  .course-item .image .event_date p{
    color: #FFFFFF;
    font-family: "Roboto";
    font-size: 14px;
    font-weight: 400;
  }
  
  .course-item .image .img {
    width: 100%;
  }

  @media only screen and (max-width: 767px) {
    .course-item .image img {
      width: 100% !important;
    }  
  }
  
  .course-item .content {
    padding: 10px 10px;
  }
  
  .course-item .content span {
    color: #000000;
    font-family: "Roboto";
    font-size: 16px;
    font-weight: 400;
  }
  
  .course-item .content h2 {
    margin-top: 5px;
    font-size: 20px;
    line-height: 32px;
    font-family: "Poppins";
    font-weight: 700;
    margin-bottom: 5px;
    color: #000000;
  }
  
  .event_more_info {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  
  .event_more_info .location {
    display: inline-flex;
    align-items: center;
  }
  
  .event_more_info .image img{
    border-radius: 100%;
  }
  
  .event_more_info .location p {
    margin-left: 5px;
  }
  .event_more_info .location p {
    font-family: "Roboto";
    font-weight: 400;
    font-size: 16px;
    color: #000000;
  }

  .event_btn .btn {
    color: #D81516;
    border-radius: 0px !important;
    padding: 8px 35px;
    border: 1px solid #D81516;
    font-family: "Roboto";
    font-weight: 400;
    font-size: 16px;
  }
  
  .courses-section .course-item{
    margin-bottom: 30px;
  }
  
  .grid-sorting{
    margin-bottom: 30px;
  }
  .grid-sorting .title p{
    font-size: 16px;
    font-weight: 700;
    font-family: 'Lexend', sans-serif;
    color: var(--blackColor);
  }
  .grid-sorting .select-box {
    position: relative;
    padding-left: 60px;
  }
  .grid-sorting .select-box .form-select {
    padding: 20px 25px 20px 100px;
    background-color: var(--secounderyColor);
    border: none;
  }
  .grid-sorting .select-box label {
    position: absolute;
    top: 20px;
    left: 90px;
    content: '';
  }
  
  .courses-area .owl-theme .owl-dots .owl-dot.active span, .courses-area .owl-theme .owl-dots .owl-dot:hover span {
    background: var(--blackColor);
  }
  .courses-area .owl-theme .owl-dots .owl-dot span {
    width: 14px;
    height: 14px;
  }
 
  /*================================================
Blog Area CSS
=================================================*/

#news{
  margin-top: 119px;
  background-image: url(../img/news/banner.svg);
}

.news .container .banner-spacing .section-info h2{
  font-family: "Poppins";
  font-size: 40px;
  font-weight: 700;
}

.news .container .banner-spacing .section-info p{
  font-family: "Roboto";
  font-size: 14px;
  font-weight: 400;
}

.widget-area .widget{
    padding: 40px;
    background: var(--whiteColor);
    box-shadow: 0px 7px 60px rgba(22, 23, 26, 0.07);
    margin-bottom: 30px;
  }
  
  
  .widget-area .widget .widget-title {
    margin-bottom: 15px;
    position: relative;
    padding-bottom: 10px;
    border-bottom: 1px solid #DF2426;
    font-size: 20px;
    font-family: "Poppins";
    color: #0F1C89;
  }
  
  .widget-area .widget-search form {
    position: relative;
  }
  
  .widget-area .widget-search form label {
    display: block;
    margin-bottom: 0;
  }
  
  .widget-area .widget-search form .screen-reader-text {
    display: none;
  }
  
  .widget-area .widget-search form .search-field {
    height: 60px;
    display: block;
    width: 100%;
    border: none;
    border-radius: 5px;
    padding: 2px 0 0 15px;
    color: var(--blackColor);
    background-color: #F5FAFF;
    -webkit-transition: var(--transition);
    transition: var(--transition);
    font-size: 16px;
    font-weight: 400;
  }
  
  .widget-area .widget-search form button {
    top: 12px;
    right: 10px;
    padding: 0;
    width: 40px;
    border: none;
    height: 37px;
    font-size: 20px;
    position: absolute;
    color: #FAFAFA;
    background-color: #0F1C89;
    border-radius: 5px;
    -webkit-transition: var(--transition);
    transition: var(--transition);
  }
  .widget-area .widget-catagories ul {
    list-style: none;
    padding: 0;
    margin-bottom: 0;
  }
  .widget-area .widget-catagories ul li {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid #DEDFE1;
  }
  .widget-area .widget-catagories ul li:last-child{
    margin-bottom: 0px;
  }
  .widget-area .widget-catagories ul li a {
    font-family: "Roboto";
    font-size: 16px;
    font-weight: 400;
    color: #858B95;
  }
  .widget-area .widget-catagories ul li span{
    color: #858B95;
  }
  
  
  .widget-area .widget-list ul {
    list-style: none;
    padding: 0;
    margin-bottom: 0;
  }
  .widget-area .widget-list ul li {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 10px;
  }
  .widget-area .widget-list ul li:last-child{
    margin-bottom: 0px;
  }
  .widget-area .widget-list ul li a {
    font-size: 18px;
    font-weight: 400;
    color: var(--paragraphColor);
  }
  .widget-area .widget-list ul li span{
    color: var(--paragraphColor);
  }
  
  .widget-area .widget-list ul li .form-check label {
    display: flex;
    align-items: center;
  }
  
  .widget-area .widget-list ul li .form-check{
    padding: 0;
    margin: 0;
  }
  
  .widget-area .widget-list ul li .form-check p {
    padding-left: 8px;
  }
  
  
  .radio-input {
    visibility: hidden;
  }
  .radio-label {
    position: relative;
    padding-left: 15px;
    color: var(--paragraphColor);
    display: inline-block;
  }
  .radio-label:after {
    content: "";
    display: block;
    width: 10px;
    height: 10px;
    position: absolute;
    left: -14px;
    top: 7px;
    border-radius: 50%;
  }
  .radio-border {
    width: 16px;
    height: 16px;
    display: inline-block;
    outline: solid 2px var(--paragraphColor);
    border-radius: 50%;
    position: absolute;
    left: -17px;
    top: 4px;
  }
  
  .radio-input:checked + .radio-label:after {
    transition: all 0.5s;
    background-color: var(--mainColor);
  }
  
  
  .widget-area .widget-list .radio-from ul{
    list-style: none;
    padding: 0;
  }
  
  .widget-area .widget-list .radio-from ul li {
    display: inline-block;
    padding-right: 5px;
    font-size: 18px;
    color: #DDDDDD;
    margin: 0;
  }
  .widget-area .widget-list .radio-from ul li .active{
    color: #FFC107;
  }
  
  .widget-area .widget-banner{
    background-image: url(../img/all-img/blog-banner.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
  }
  .widget-banner .blog-banner-content .title {
    font-size: 30px;
    color: var(--whiteColor);
    font-weight: 800;
    position: relative;
    font-family: 'Lexend', sans-serif;
    margin-bottom: 40px;
    margin-bottom: 175px;
  }
  .widget-banner .blog-banner-content .title::after{
    position: absolute;
    content: '';
    bottom: -15px;
    left: 0;
    width: 60px;
    height: 2px;
    background-color: var(--whiteColor);
  }
  .widget-banner .blog-banner-content .price {
    color: var(--whiteColor);
    font-family: 'Lexend', sans-serif;
    font-size: 64px;
    font-weight: 800;
    margin-bottom: 30px;
  }
  .widget-banner .blog-banner-content .price span {
    display: block;
    font-size: 18px;
    font-weight: 400;
  }
  .widget-banner .blog-banner-content .banner-button .default-btn{
    width: 100%;
    text-align: center;
  }
  .widget-tags ul{
    list-style: none;
    padding: 0;
    margin-bottom: 0;
  }
  .widget-tags ul li{
    display: inline-block;
  }
  .widget-tags ul li a{
    display: inline-block;
    padding: 10px;
    border: 1px solid #eeeeee;
    margin-right: 10px;
    margin-bottom: 15px;
    font-family: "Roboto";
    color: #515251;
    font-size: 16px;
    font-weight: 400;
  }
  /* .widget-tags ul li a:hover{
    background-color: var(--mainColor);
    color: var(--whiteColor);
    border: 1px solid var(--mainColor);
  } */
  .blog-single-card{
    box-shadow: 7px 7px 60px rgba(22, 23, 26, 0.06);
    margin-bottom: 30px;
  }
  .blog-single-card .content{
    padding: 30px;
  }
  
  .blog-single-card .content .meta ul{
    padding: 0;
    list-style: none;
  }
  .blog-single-card .content .meta ul li {
    display: inline-block;
    margin-right: 50px;
    color: #383E4D;
    font-family: "Poppins";
    font-size: 14px;
    font-weight: 400;
    position: relative;
  }
  .blog-single-card .content .meta ul li:last-child{
    margin-right: 0px;
  }

  .blog-single-card .content .meta ul li:last-child:before{
    display: none;
  }
  
  .blog-single-card .content .meta ul li a{
    font-family: "Poppins";
    font-size: 14px;
    font-weight: 400;
    color: #383E4D;
  }
  
  .blog-single-card .content h3{
    font-family: "Poppins";
    font-size: 16px;
    font-weight: 500;
    color: #0C1518;
    margin-bottom: 30px;
  }
  
  .blog-single-card .content .butn{
    font-family: "Poppins";
    font-size: 14px;
    font-weight: 500;
    color: #D81516;
    position: relative;
    font-weight: 500;
    
  }
  
  .blog-single-card .content .butn i{
    position: absolute;
    content: '';
    font-size: 25px;
    top: 0px;
    right: -25px;
    font-size: 20px;
  }
  
  .blog-pagi .pagination {
    justify-content: center !important;
    margin-bottom: 0;
    margin-top: 30px;
  }
  .blog-pagi .pagination .page-link {
    padding: 5px 13px;
    border-radius: 4px;
    background-color: #FFFFFF;
    margin-right: 10px;
    border: none;
    box-shadow: none;
    color:#152071;
    font-weight: 500;
    font-size: 14px;
    font-family: "Poppins";
    border: 1px solid #DEDFE180;
    transition: var(--transition);
  }
  .blog-pagi .pagination .page-link i{
    color: #6B6B6B;
    font-weight: 500;
    font-size: 14px;
  }

  .blog-pagi .pagination .page-link .bx-chevron-left{
    padding-right: 20px;
  }

  .blog-pagi .pagination .page-link .bx-chevron-right{
    padding-left: 20px;
  }

  .blog-pagi .pagination .page-link span{
    color: #6B6B6B;
    font-family: "Poppins";
    font-weight: 500;
    font-size: 14px;
  }

  .blog-pagi .pagination .page-link:hover span,
  .blog-pagi .pagination .page-link:hover i{
    color: var(--whiteColor);
  }
  .blog-pagi .pagination .page-link:hover{
    background-color: #152071;
    color: var(--whiteColor);
  }
  .blog-pagi .pagination .page-link.active{
    background-color: #152071;
    color: var(--whiteColor);
  }
  
  .blog-details-desc {
    padding-right: 30px;
  }
  
  .blog-details-desc .article-image{
    margin-bottom: 30px;
  }
  .blog-details-desc .article-content .entry-meta ul {
    list-style: none;
    padding: 0;
    margin-bottom: 25px;
  }
  .blog-details-desc .article-content .entry-meta ul li {
    display: inline-block;
    margin-right: 50px;
    position: relative;
    color: var(--paragraphColor);
  }
  
  .blog-details-desc .article-content .entry-meta ul li a{
    color: var(--paragraphColor);
  }
  
  .blog-details-desc .article-content .entry-meta ul li::before {
    position: absolute;
    content: '';
    top: 11px;
    right: -45px;
    background-color: #D9D9D9;
    height: 1px;
    width: 35px;
  }
  .blog-details-desc .article-content .entry-meta ul li:last-child:before {
    display: none;
  }
  .blog-details-desc .article-content .entry-meta ul li:last-child{
    margin-right: 0px;
  }
  
  .blog-details-desc .article-content .wp-block-gallery.columns-2 {
    padding-left: 0;
    list-style-type: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -10px;
    margin-left: -10px;
    margin-bottom: 30px;
    margin-top: 30px;
  }
  
  .blog-details-desc .article-content .wp-block-gallery.columns-2 li {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
    padding-right: 10px;
    padding-left: 10px;
  }
  .blog-details-desc .article-content .wp-block-gallery.columns-2 li figure {
    margin-bottom: 0;
  }
  
  .blog-details-desc .article-content h3{
    font-size: 30px;
    font-family: 'Lexend', sans-serif;
    margin-bottom: 30px
  }
  
  .blog-details-desc .article-content p{
    margin-bottom: 30px
  }
  
  blockquote, .blockquote {
    overflow: hidden;
    padding: 0px 50px 0 30px !important;
    position: relative;
    z-index: 1;
    margin-bottom: 30px;
    margin-top: 20px;
    margin-left: 40px;
  }
  
  blockquote::after, .blockquote::after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 5px;
    background-color: var(--mainColor);
  }
  
  blockquote p, .blockquote p {
    color: var(--blackColor);
    line-height: 1.6;
    margin-bottom: 0;
    font-weight: 600;
    font-size: 20px !important;
    font-family: 'Lexend', sans-serif;
    margin-bottom: 0px !important;
  }
  
  .blog-details-desc .article-footer{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    border-bottom: 1px solid #eeeeee;
    padding-bottom: 30px;
    margin-bottom: 30px;
  }
  .blog-details-desc .article-footer .article-tags {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
  
  .blog-details-desc .article-footer .article-tags span {
    display: inline-block;
    color: var(--blackColor);
    margin-right: 3px;
    position: relative;
    top: -1px;
    font-size: 18px;
    font-weight: 800;
    font-family: 'Lexend', sans-serif;
  }
  .blog-details-desc .article-footer .article-tags a{
    color: var(--paragraphColor);
    transition: var(--transition);
  }
  .blog-details-desc .article-footer .article-tags a:hover{
    color: var(--mainColor);
  }
  
  .blog-details-desc .article-footer .article-share{
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
  
  .blog-details-desc .article-footer .article-share .social {
    padding-left: 0;
    list-style-type: none;
    text-align: right;
    margin-bottom: 0;
  }
  
  .blog-details-desc .article-footer .article-share .social li {
    display: inline-block;
  }
  
  .blog-details-desc .article-footer .article-share .social li span {
    display: inline-block;
    margin-right: 3px;
    font-weight: 700;
    position: relative;
    top: -1px;
    font-family: 'Lexend', sans-serif;
  }
  
  .blog-details-desc .article-footer .article-share .social li a {
    display: block;
    width: 32px;
    height: 32px;
    line-height: 33px;
    border-radius: 5px;
    background-color: var(--secounderyColor);
    color: var(--mainColor);
    border: 1px solid var(--secounderyColor);
    text-align: center;
    font-size: 17px;
    margin-left: 2px;
    transition: var(--transition);
  }
  
  .blog-details-desc .article-footer .article-share .social li a:hover {
    background-color: var(--mainColor);
    color: var(--whiteColor);
    border: 1px solid var(--mainColor);
  }
  
  .comments-area .comments-title{
    font-size: 30px;
    font-family: 'Lexend', sans-serif;
    font-weight: 800;
    position: relative;
    margin-bottom: 50px;
  }
  .comments-area .comments-title::after{
    position: absolute;
    content: '';
    bottom: -10px;
    left: 0;
    width: 80px;
    height: 3px;
    background-color: var(--mainColor);
  }
  
  .comments-area .comment-list{
    padding: 0;
    margin: 0;
    list-style-type: none;
  }
  .comments-area .comment-list{
    padding: 0;
    margin: 0;
    list-style-type: none;
  }
  .comments-area .comment-body{
    border-bottom: 1px dashed #eeeeee;
    padding-left: 130px;
    color: var(--blackColor);
    margin-bottom: 20px;
    padding-bottom: 20px;
  }
  
  .comments-area .comment-author{
    font-size: 16px;
    margin-bottom: 6px;
    position: relative;
    z-index: 2;
  }
  
  .comments-area .comment-author .avatar {
    left: -130px;
    position: absolute;
  }
  
  .comments-area .comment-author .fn {
    font-weight: 700;
    font-size: 20px;
    font-family: 'Lexend', sans-serif;
  }
  
  .comments-area .comment-author .reply {
    position: absolute;
    content: '';
    top: 0;
    right: 0;
  }
  
  .comments-area .comment-body .reply a {
    color: var(--paragraphColor);
    display: inline-block;
    padding: 5px 15px;
    font-size: 16px;
    font-weight: 400;
    background-color: var(--secounderyColor);
  }
  
  .comments-area .comment-body .reply a:hover{
    color: var(--whiteColor);
    background-color: var(--mainColor);
  }
  
  .comments-area .comment-metadata {
    margin-bottom: 0.7em;
    color: var(--paragraphColor);
    letter-spacing: 0.01em;
    font-size: 16px;
  }
  
  .comments-area .comment-content .reply{
    display: none;
  }
  
  .comments-area .children {
    margin-left: 70px;
  }
  .comments-area ol, .comments-area ul {
    padding: 0;
    margin: 0;
    list-style-type: none;
  }
  
  .comments-area .comment-respond {
    margin-top: 30px;
  }
  
  .comments-area .comment-respond .comment-notes {
    margin-bottom: 20px;
    margin-top: 10px;
  }
  
  .comments-area .comment-respond .comment-notes .required {
    color: red;
  }
  
  .comments-area .comment-respond .comment-form-author {
    float: left;
    width: 50%;
    padding-right: 10px;
    margin-bottom: 20px;
  }
  
  .comments-area .comment-respond label {
    display: none;
  }
  
  .comments-area .comment-reply-title {
    font-size: 30px;
    font-family: 'Lexend', sans-serif;
    font-weight: 800;
    position: relative;
    margin-bottom: 50px;
  }
  
  .comments-area .comment-reply-title::after {
    position: absolute;
    content: '';
    bottom: -15px;
    left: 0;
    width: 80px;
    height: 3px;
    background-color: var(--mainColor);
  }
  
  .comments-area .comment-respond input[type="date"], .comments-area .comment-respond input[type="time"], .comments-area .comment-respond input[type="datetime-local"], .comments-area .comment-respond input[type="week"], .comments-area .comment-respond input[type="month"], .comments-area .comment-respond input[type="text"], .comments-area .comment-respond input[type="email"], .comments-area .comment-respond input[type="url"], .comments-area .comment-respond input[type="password"], .comments-area .comment-respond input[type="search"], .comments-area .comment-respond input[type="tel"], .comments-area .comment-respond input[type="number"], .comments-area .comment-respond textarea {
    display: block;
    width: 100%;
    border: none;
    height: 60px;
    outline: 0;
    font-size: 14.5px;
    border-radius: 3px;
    color: var(--paragraphColor);
    padding: 1px 0 0 15px;
    background-color: var(--secounderyColor);
  }
  
  .comments-area .comment-respond .comment-form-email {
    float: left;
    width: 50%;
    padding-left: 12px;
    margin-bottom: 20px;
  }
  
  .comments-area .comment-respond .comment-form-comment {
    float: left;
    width: 100%;
  }
  
  .comments-area .comment-respond .comment-form-cookies-consent {
    width: 100%;
    float: left;
    position: relative;
    padding-left: 20px;
    margin-bottom: 20px;
    margin-top: 15px;
  }
  
  .comments-area .comment-respond .comment-form-cookies-consent input {
    position: absolute;
    left: 0;
    top: 6px;
  }
  
  .comments-area .comment-respond .comment-form-cookies-consent label {
    display: inline-block;
    margin: 0;
    color: var(--paragraphColor);
    font-weight: normal;
    font-size: var(--fontSize);
  }
  
  .comments-area .comment-respond .form-submit {
    float: left;
    width: 100%;
  }
  
  .comments-area .comment-respond .form-submit input {
    cursor: pointer;
    text-transform: capitalize;
    background-color: var(--mainColor);
    -webkit-transition: var(--transition);
    transition: var(--transition);
    padding: 15px 32px;
    color: var(--whiteColor);
    display: inline-block;
    border-radius: 30px;
    margin: 5px;
    border: none;
    font-weight: 400;
    font-size: 18px;
  }
  
  .comments-area .comment-respond textarea {
    height: auto !important;
    padding-top: 15px;
  }
  
/*================================================
About us Area CSS
=================================================*/
#about_us{
    background-color: #EDF2F4;
    margin-top: 119px;
}

.about_text{
    padding: 40px 0px;
}

.about_text h2{
    font-family: "Poppins";
    font-size: 40px;
    font-weight: 700;
    color: #232323;
}

.about_text p{
    font-family: "Roboto";
    font-size: 14px;
    font-weight: 700;
    color: #232323;
}

.our_values_sec_title h2{
    font-family: "Poppins";
    font-size: 32px;
    font-weight: 700;
    color: #0C1518;
}

.our_values_sec_title p{
    font-family: "Roboto";
    font-size: 14px;
    font-weight: 400;
    color: #515251;
}

.our_values_row1{
    display: flex;
    justify-content: center;
}

.our_values_row_column{
    position: relative;
}

.our_values_row_column .txt{
    background-color: #FFFFFF;
    position: absolute;
    bottom: 31px;
    height: 100px;
    padding: 9px 21px;
    margin: 0px 28px;
    width: 88%;
}

.our_values_row_column .txt h2{
    font-family: "Poppins";
    font-size: 20px;
    font-weight: 700;
    color: #0E2A46;
}

.our_values_row_column .txt p{
    font-family: "Roboto";
    font-size: 14px;
    font-weight: 400;
    color: #515251;
}

/* Row tow */
.our_values_row2{
    display: flex;
    justify-content: center;
}

.our_values_row2_column{
    position: relative;
}

.our_values_row2_column .txt{
    background-color: #FFFFFF;
    position: absolute;
    bottom: 26px;
    height: 100px;
    padding: 9px 13px;
    margin: 0px 23px;
    width: 88%;
}

.our_values_row2_column .txt h2{
    font-family: "Poppins";
    font-size: 20px;
    font-weight: 700;
    color: #0E2A46;
}

.our_values_row2_column .txt p{
    font-family: "Roboto";
    font-size: 14px;
    font-weight: 400;
    color: #515251;
}

/*================================================
Careers & Employability Area CSS
=================================================*/
.success_start{
    background-image: url(../img/careers-and-employability/success-start-sec-bg.svg);
    background-repeat: no-repeat;
  }
  
  .success_start_wrapper{
    background-image: url(../img/careers-and-employability/main-content-bg.png);
    background-repeat: no-repeat;
    padding: 40px;
    margin: 100px 50px 0px 50px;
    background-size: cover;
    border-radius: 24px;
    text-align: center;
    opacity: 0.8;
    position: relative;
  }
  
  .success_start_wrapper_shadow::before {
    position: absolute;
    content: "";
    left: 0;
    bottom: 0;
    top: 0;
    right: 0;
  /*    background: linear-gradient(#32445694, #222baca1);*/
    background-image: url(../img/careers-and-employability/Overlay.png);
    opacity: 0.3;
  }
  
  .success_start_wrapper h2{
    color: #FFFFFF;
    font-family: "Poppins";
    font-size: 40px;
    font-weight: 700;
  }
  
  .success_start_wrapper p{
    color: #FFFFFF;
    font-family: "Roboto";
    font-size: 14px !important;
    font-weight: 400;
    text-align: center;
  }
  
  .careers_and_emp_section_title h2{
    font-family: "Poppins";
    font-size: 32px;
    font-weight: 700;
    color: #0C1518;
  }

  .careers_and_emp_section_title p{
    color: #515251;
    font-family: "Roboto";
    font-size: 14px !important;
    font-weight: 400;
  }
  
  .careers_and_employability_wrapper .row .col-lg-4{
    margin-bottom: 20px;
  }
  
  .each_careers_and_employability{
    padding: 20px 20px 5px 20px;
    border-radius: 8px;
    display: flex;
    margin-bottom: 20px;
  }

  .each_careers_and_employability ul li,
  .each_careers_and_employability p{
    color: #515251;
    font-family: "Roboto";
    font-size: 14px !important;
    font-weight: 400;
  }
  
  .careers_and_employability_row1con1{
    background-color: #EAF6FF;
    height: 100%;
  }
  
  .careers_and_employability_row1con2{
    background-color: #FEF2F4;
    height: 100%;
  }
  
  .careers_and_employability_row1con3{
    background-color: #EEFBF5;
    height: 100%;
  }
  
  .careers_and_employability_row2con1{
    background-color: #FFFAEF;
    height: 100%;
  }
  
  .careers_and_employability_row2con2{
    background-color: #F7F3FF;
    height: 100%;
  }
  
  .careers_and_employability_row2con3{
    background-color: #FFF0F8;
    height: 100%;
  }
  
  .careers_and_employability_row3con1{
    background-color: #F5F5FF;
    height: 100%;
  }
  
  
  .careers_and_employability_icon{
    padding: 10px;
  }

/*================================================
Visssion Area CSS
=================================================*/
#strategic_vision{
    border: none !important;
}

#strategic_vision h2{
    font-family: "Poppins";
    font-size: 32px;
    font-weight: 700;
    color: #0C1518;
}

#strategic_vision p{
    font-family: "Roboto";
    font-size: 14px;
    font-weight: 400;
    color: #515251;
}

.each_vission{
    border: 1px dashed #D81516;
    padding: 15px 15px 5px 15px;
    height: 100%;
    border-radius: 10px;
}

.each_vission h4{
    font-family: "Poppins";
    font-size: 20px;
    font-weight: 700;
    color: #000000;
}

.each_vission ul{
    margin-left: -10px
}

.each_vission ul li{
    font-family: "Roboto";
    font-size: 14px;
    font-weight: 400;
    color: #333931;
}

/*================================================
Learning and teaching  Area CSS
=================================================*/
.learning_and_teaching_sec_title h2{
    font-family: "Poppins";
    font-size: 32px;
    font-weight: 700;
    color: #152071;
}

.learning_and_teaching_sec_title p{
    font-family: "Roboto";
    font-size: 14px;
    font-weight: 400;
    color: #515251;
}

.approach h4{
    font-family: "Poppins";
    font-size: 24px;
    font-weight: 700;
    color: #000000;
}

.approach p{
    font-family: "Roboto";
    font-size: 16px;
    font-weight: 400;
    color: #000000;
}

.approch_bottom_p{
    font-family: "Poppins";
    font-size: 20px;
    font-weight: 700;
    color: #515251;
    text-align: center;
}

/*================================================
Contact CSS
=================================================*/

#contact_us{
    background-color: #EDF2F4;
    margin-top: 119px;
    display: flex;
}

.contact_text{
    padding: 40px 50px;
    text-align: justify;
    height: 100%;
}

.contact_text h2{
    font-family: "Poppins";
    font-size: 40px;
    font-weight: 700;
    color: #232323;
}

.contact_text p{
    font-family: "Roboto";
    font-size: 14px;
    font-weight: 500;
    color: #232323;
}

.contact_text p span{
    font-weight: 700;
}

.contact_banner_right{
    width: 100%;
    height: 100%;
}

.contact_wrapper{
    border: 1px solid #DEDFE1;
    box-shadow: 4px 4px 30px #0000000D;
}

.contact_left h2{
    font-family: "Poppins";
    font-size: 30px;
    font-weight: 700;
    color: #091154;
}

.contact_left p{
    font-family: "Poppins";
    font-size: 21px;
    font-weight: 300;
    color: #000000;
}

.contact_social p{
    font-family: "Poppins";
    font-size: 14px;
    font-weight: 400;
    color: #0C1518;
}

.contact_social img{
    padding: 5px;;
}

.contact_social a .fa-brands{
    font-size: 23px;
    padding: 15px;
    color: #152071;
    border: 1px  solid #DEDFE1;
    border-radius: 50%;
    margin-right:10px;
}

.phone_email_contact p{
    font-family: "Poppins";
    font-size: 18px;
    font-weight: 400;
    color: #000919;
}

.user_contact_form div div .form-control{
    border: 1px solid #DEDFE1 !important;
    background-color: #ffffff !important;
}

.contact_submit_btn{
    background-color: #DF2426;
    color: #FFFFFF;
    font-family: "Poppins";
    font-size: 16px;
    font-weight: 500;
    border-radius: none !important;
    padding:  10px 40px;
}

.contact_submit_btn:hover{
    background-color: #DF2426;
}

.contact_all_email div h5{
    color: #152071;
    font-family: "Poppins";
    font-size: 18px;
    font-weight: 500;
}

.contact_all_email div p{
    color: #000919;
    font-family: "Poppins";
    font-size: 18px;
    font-weight: 400;
}

.branch_sec_title h2{
    color: #091154;
    font-family: "Poppins";
    font-size: 40px;
    font-weight: 700;
}

.each_branch{
    position: relative;
}

.branch_img::before {
    position: absolute;
    content: "";
    left: 0;
    bottom: 0;
    top: 0;
    right: 0;
    background-image: linear-gradient(#15207100 0%, #152071EB 92%);
} 

.each_branch .branch_txt{
    position: absolute;
    bottom: 0px;
}

.each_branch .branch_txt h5{
    font-family: "Poppins";
    font-size: 20px;
    font-weight: 700;
    text-align: center;
}