@import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');



@font-face {

    font-family: 'Tw Cen MT';

    src: url('../font/TW Cen MT/TCB____.TTF');

    font-family: 'Tw Cen MT';

    src: url('../font/TW Cen MT/TCM_____.TTF');

}



:root {

    --fcolor: #333333;

    --gray: #848484;

    --acolor: #313437;

    --bcolor: #41436c;

    --blue: #0180c3;

    --dark_purple: #343869;

    --yellow: #ceaa32;

    --purple: #a44283;

    --green: #007567;

    --footer_01: #e6e8e7;

    --skin: #ffe0c0;

    --dskin: #b3805e;

    --font_01: "Roboto", sans-serif;

    --font_02: 'Tw Cen MT';

}



body {

    font-family: var(--font_01);

    line-height: 1.5;

    font-weight: 300;

    color: #313437;

    font-size: 20px;

}



.letter_spac {

    letter-spacing: 4px;

}



.program_01 .col-md-7 {

    height: 300px;

}



@media (min-width: 768px) {



    .program_01 .col-md-7 {

        height: unset;

    }



    .letter_spac {

        letter-spacing: 6px;

    }

}



.text-purple {

    color: var(--purple) !important;

}



.text-dark_purple {

    color: var(--dark_purple) !important;

}



.text-yellow {

    color: var(--yellow) !important;

}



.text-blue {

    color: var(--blue) !important;

}



.text-gray {

    color: var(--gray);

}



.text-fcolor {

    color: var(--fcolor);

}



.text-footer_01 {

    color: var(--footer_01);

}



.bg-slider {

    background-color: #343434;

}



.text-tcolor {

    color: var(--tcolor) !important;

}



.text-green {

    color: var(--green) !important;

}



.text-acolor {

    color: var(--acolor);

}



h6,

.h6,

h5,

.h5,

h4,

.h4,

h3,

.h3,

h2,

.h2,

h1,

.h1 {

    margin-top: 0;

    margin-bottom: 0.5rem;

    font-family: var(--font_02);

    font-weight: 400;

    line-height: 1.2;

    color: var(--acolor);

    letter-spacing: 2px;

    color: #000000;

}



p {

    font-family: var(--font_02);

    font-weight: 500;

}



.bg_img {

    background-size: cover;

    background-repeat: no-repeat;

    background-position: center;

}



.btn:focus {

    outline: 0;

    box-shadow: unset;

}



.bg_contain {

    background-size: contain !important;

}



.bg-footer_01 {

    background-color: var(--footer_01);

}



.bg-blue {

    background-color: var(--blue);

}



.bg-dark_purple {

    background-color: var(--dark_purple);

}



.bg-purple {

    background-color: var(--purple);

}



.bg_position_t {

    background-position: top;

}



.bg_position_b {

    background-position: bottom !important;

}



.bg-yellow {

    background-color: var(--yellow);

}



.bg_position_c {

    background-position: center;

}



.bg_position_r {

    background-position: right;

}



.bg-gray {

    background-color: var(--gray);

}



.bg-fcolor {

    background-color: var(--fcolor);

}



.bg-tcolor {

    background-color: var(--tcolor);

}



.bg-acolor {

    background-color: var(--acolor);

}



.bg-green {

    background-color: var(--green);

}



/*** Spinner Start ***/



#spinner {

    opacity: 0;

    visibility: hidden;

    transition: opacity .8s ease-out, visibility 0s linear .5s;

    z-index: 99999;

}



#spinner.show {

    transition: opacity .8s ease-out, visibility 0s linear .0s;

    visibility: visible;

    opacity: 1;

}



/*** Spinner End ***/

.object_contain {

    object-fit: contain;

}



/*** Button Start ***/

.btn {

    font-weight: 600;

    transition: .5s;

}



.btn-square {

    width: 70px;

    height: 70px;

}



.btn-sm-square {

    /* width: 30px; */

    /* height: 30px; */

}



.top-link a {

    color: var(--gray);

}



.top-link a:hover {

    color: var(--bcolor);

}



.btn-md-square {

    width: 46px;

    height: 46px;

}



.btn-lg-square {

    width: 58px;

    height: 58px;

}



.btn-square,

.btn-sm-square,

.btn-md-square,

.btn-lg-square {

    padding: 0;

    display: flex;

    align-items: center;

    justify-content: center;

    font-weight: normal;

}



.back-to-top {

    position: fixed;

    width: 50px;

    height: 50px;

    right: 30px;

    bottom: 30px;

    z-index: 99;

}



/*** Button End ***/



@media (min-width: 1700px) {

    .navbar-nav .dropdown-menu {

        top: 55px !important;

    }

}



.navbar-dark .navbar-nav .nav-link:hover,

.navbar-dark .navbar-nav .nav-link:focus {

    color: rgb(255 0 0 / 75%);

}



.header_01 .dropdown-menu {

    border-radius: 0px

}



.top_01 {

    top: 0 !important;

}



.dropdown-item:hover {

    /* color: #ff0000;

    background-color: #e9ecef; */

}



.topbar .top-info {

    letter-spacing: 1px;

}



.topbar .top-link {

    display: flex;

    align-items: center;

    justify-content: center;

}



.topbar .top-link a {

    margin-right: 20px;

}



#note {

    width: 500px;

    overflow: hidden;

}



#note small {

    position: relative;

    display: inline-block;

    animation: mymove 5s infinite;

    animation-timing-function: all;

}



@keyframes mymove {

    from {

        left: -100%;

    }



    to {

        left: 100%;

    }

}



/*** Topbar End ***/





/*** Navbar Start ***/

.navbar .navbar-nav {

    padding: 15px 0;

}



.navbar .navbar-nav .nav-link {

    color: var(--gray);

    font-size: 18px;

    font-weight: bold;

    text-transform: uppercase;

    letter-spacing: 1px;

}



.dropdown-item {

    font-size: 14px;

    color: var(--gray);

    font-weight: normal;

}



.navbar .navbar-nav .nav-link:hover,

.navbar .navbar-nav .nav-link.active {

    color: var(--bcolor) !important;

}



.navbar .dropdown-toggle::after {

    border: none;

    content: "\f107";

    font-family: "font awesome 5 free";

    font-weight: 900;

    vertical-align: middle;

    margin-left: 8px;

}



@media (max-width: 991.98px) {

    .navbar .navbar-nav {

        margin-top: 15px;

        padding-bottom: 14px !important;

        border-top: 1px solid #eeeeee;

    }

}



@media (min-width: 992px) {

    .navbar .nav-item .dropdown-menu {

        display: block;

        border: solid 1px;

        margin-top: 0;

        border-radius: unset;

        top: 150%;

        opacity: 0;

        visibility: hidden;

        transition: .5s;

    }



    .navbar .nav-item:hover .dropdown-menu {

        top: 100%;

        visibility: visible;

        transition: .5s;

        opacity: 1;

    }

}



/*** Navbar End ***/



.sizeingofdropdown .dropdown-menu a {

    font-size: 16px;

    padding-top: 5px;

    padding-bottom: 5px;

}





.dropdownhov .dropdown-item.active {

    color: var(--fcolor);

    text-decoration: none;

    background-color: var(--scolor);

}



.dropdownhov .dropdown-item:hover {

    color: var(--fcolor);

    text-decoration: none;

    background-color: var(--scolor);

}



/* Hide the sub-sub dropdown by default */

.dropdown-submenu>.dropdown-menu {

    display: none !important;

}



/* Make the sub-sub dropdown visible on hover */

.dropdown-submenu:hover>.dropdown-menu {

    display: block !important;

}



/* Position the sub-sub dropdown menu */

.dropdown-submenu>.dropdown-menu {

    top: 0 !important;

    left: 100%;

    margin-top: -6px;

    margin-left: -1px;

}



.inside_nav .dropdown-submenu>.dropdown-menu {

    position: relative !important;

    left: 0px;

    border: 0px;

}



/* Add a caret for the sub-sub dropdown link */

.dropdown-submenu>a:after {

    content: "";

    float: right;

    margin-right: -5px;

    margin-top: -3px;

    font-size: 16px;



}



.w-unset {

    width: unset !important;

}



/* Adjust the padding for the sub-sub dropdown items */

.dropdown-item.grandgrandchild_01 {

    padding-left: 30px;

}



/*** Carousel Start ***/



.carousel-item {

    position: relative;

}



/* .carousel-item::after {

    content: "";

    width: 100%;

    height: 100%;

    position: absolute;

    top: 0;

    left: 0;

    background: rgba(0, 0, 0, .6);

} */



.carousel-caption {

    height: 100%;

    display: flex;

    align-items: center;

    justify-content: center;

    z-index: 1;

}



.carousel-item p {

    max-width: 700px;

    margin: 0 auto 35px auto;

}



.carousel-control-prev {

    width: 35px;

    height: 36px;

    position: absolute;

    top: 50%;

    left: 0;

    background: var(--scolor);

    opacity: 1;

    display: none;

}



.carousel-control-prev:hover {

    background: var(--scolor);

    transition: .8s;

}



.carousel-control-next {

    width: 35px;

    height: 36px;

    position: absolute;

    top: 50%;

    right: 0;

    background: var(--scolor);

    opacity: 1;

    display: none;

}



.carousel-control-next:hover {

    background: var(--scolor);

    transition: .8s;

}



.carousel-caption .carousel-content a button.carousel-content-btn1 {

    background: var(--scolor);

    color: var(--bs-dark);

    opacity: 1;

    border: solid var(--scolor) 1px;

}



.carousel-caption .carousel-content a button.carousel-content-btn1:hover {

    background: var(--bs-white);

    color: VAR(--bs-dark);

    border: 0;

    opacity: 1;

    transition: 1s;

    border: solid var(--scolor) 1px;

}



.carousel-caption .carousel-content a button.carousel-content-btn2 {

    background: var(--bs-primary);

    color: var(--bs-white);

    opacity: 1;

    border: 0;

    border-radius: 20px;

}



.carousel-caption {

    /* bottom: 13% !important; */

}



@media (min-width: 768px) {



    .carousel-caption {

        bottom: -15% !important;

    }

}



.carousel-caption .carousel-content a button.carousel-content-btn2:hover {

    background: var(--scolor);

    color: var(--bs-dark);

    border: 0;

    opacity: 1;

    transition: 1s;

    border-radius: 20px;

}



#carouselId .carousel-indicators li {

    width: 30px;

    height: 10px;

    background: var(--bs-primary);

    margin: 10px;

    border-radius: 30px;

    opacity: 1;

}



#carouselId .carousel-indicators li:hover {

    background: var(--scolor);

    opacity: 1;

}



@media (max-width: 992px) {

    .carousel-item {

        min-height: 500px;

    }



    .carousel-item img {

        min-height: 500px;

        object-fit: cover;

    }



    .carousel-item h1 {

        font-size: 40px !important;

    }



    .carousel-item p {

        font-size: 16px !important;

    }

}



@media (max-width: 768px) {

    .carousel-item {

        min-height: 300px;

    }



    .carousel-item img {

        min-height: 400px;

        object-fit: cover;

    }



    .carousel-item h1 {

        font-size: 28px !important;

    }



    .carousel-item p {

        font-size: 14px !important;

    }

}



.page-header {

    background: linear-gradient(rgba(0, 0, 0, .6), rgba(0, 0, 0, .6)), url(../img/carousel-1.jpg) center center no-repeat;

    background-size: cover;

}



.page-header .breadcrumb-item+.breadcrumb-item::before {

    color: var(--bs-white);

}



.page-header .breadcrumb-item,

.page-header .breadcrumb-item a {

    font-size: 18px;

    color: var(--bs-white);

}



/*** Carousel End ***/





/*** Services Start ***/



.services .services-item {

    box-shadow: 0 0 60px rgba(0, 0, 0, .2);

    width: 100%;

    height: 100%;

    border-radius: 10px;

    padding: 10px 0;

    position: relative;

}





.services-content::after {

    position: absolute;

    content: "";

    width: 100%;

    height: 0;

    top: 0;

    left: 0;

    border-radius: 10px 10px 0 0;

    background: rgba(3, 43, 243, 0.8);

    transition: .5s;

}



.services-content::after {

    top: 0;

    bottom: auto;

    border-radius: 10px 10px 10px 10px;

}



.services-item:hover .services-content::after {

    height: 100%;

    opacity: 1;

    transition: .5s;

}



.services-item:hover .services-content-icon {

    position: relative;

    z-index: 2;

}



.services-item .services-content-icon i,

.services-item .services-content-icon p {

    transition: .5s;

}



.services-item:hover .services-content-icon i {

    color: var(--scolor) !important;

}



.services-item:hover .services-content-icon p {

    color: var(--bs-white);

}



/*** Services End ***/





/*** Project Start ***/



.project-img {

    position: relative;

    padding: 15px;

}



.project-img::before {

    content: "";

    position: absolute;

    width: 150px;

    height: 150px;

    top: 0;

    left: 0;

    background: var(--scolor);

    border-radius: 10px;

    opacity: 1;

    z-index: -1;

    transition: .5s;

}



.project-img::after {

    content: "";

    width: 150px;

    height: 150px;

    position: absolute;

    right: 0;

    bottom: 0;

    background: var(--bs-primary);

    border-radius: 10px;

    opacity: 1;

    z-index: -1;

    transition: .5s;

}



.project-content {

    position: absolute;

    width: 100%;

    height: 100%;

    top: 0;

    left: 0;

    display: flex;

    align-items: center;

    justify-content: center;

    opacity: 0;

}



.project-content a {

    display: inline-block;

    padding: 20px 25px;

    background: var(--bs-primary);

    border-radius: 10px;

}



.project-item:hover .project-content {

    opacity: 1;

    transition: .5s;

}



.project-item:hover .project-img::before,

.project-item:hover .project-img::after {

    opacity: 0;

}



/*** Project End ***/





/*** Blog Start ***/

.blog-item .blog-btn {

    z-index: 2;

}



.blog-btn .blog-btn-icon {

    height: 50px;

    position: relative;

    overflow: hidden;

}



.blog-btn-icon .blog-icon-2 {

    display: flex;

    position: absolute;

    top: 6px;

    left: -140px;



}



.blog-btn-icon:hover .blog-icon-2 {

    transition: 1s;

    left: 5px;

    top: 6px;

    padding-bottom: 5px;

}



.blog-icon-1 {

    position: relative;

    top: -4px;

}



.blog-btn-icon:hover .blog-icon-1 {

    top: 0;

    right: -140px;

    transition: 1s;

}



/*** Blog End ***/





/*** Team Start ***/



.team-item {

    border-top: 30px solid var(--scolor) !important;

    background: rgba(239, 239, 241, 0.8);

}



.team-content::before {

    height: 200px;

    display: block;

    content: "";

    position: relative;

    top: -101px;

    background: var(--scolor);

    clip-path: polygon(50% 50%, 100% 50%, 50% 100%, 0% 50%);

    padding: 60px;

    opacity: 1;

}



.team-img-icon {

    position: relative;

    margin-top: -200px;

    padding: 30px;

    padding-bottom: 0;

}



.team-img {

    border: 15px solid var(--bs-white);

}



.team-img img {

    border: 10px solid var(--scolor);

    transition: .5s;

}



.team-item:hover h4 {

    color: var(--bs-primary);

    transition: .5s;

}



.team-item:hover .team-img img {

    transform: scale(1.05);

    border: 10px solid var(--scolor);

}



.team-carousel .owl-stage {

    position: relative;

    width: 100%;

    height: 100%;

}



.team-carousel .owl-nav {

    position: absolute;

    top: -100px;

    right: 50px;

    display: flex;

}



.team-carousel .owl-nav .owl-prev,

.team-carousel .owl-nav .owl-next {

    width: 56px;

    height: 56px;

    border-radius: 56px;

    margin-left: 15px;

    background: var(--scolor);

    color: var(--bs-white);

    display: flex;

    align-items: center;

    justify-content: center;

    transition: .5s;

}



.team-carousel .owl-nav .owl-prev:hover,

.team-carousel .owl-nav .owl-next:hover {

    background: var(--bs-primary);

    color: var(--bs-white);

}



@media (max-width: 992px) {

    .team-carousel {

        margin-top: 3rem;

    }



    .team-carousel .owl-nav {

        top: -85px;

        left: 50%;

        right: auto;

        transform: translateX(-50%);

        margin-left: -15px;

    }

}



/*** Team End ***/





/*** Testimonial Start ***/



.testimonial-item.active {

    background: #22348f14;



}



.testimonial-carousel .owl-dots {

    margin-top: 15px;

    display: flex;

    align-items: flex-end;

    justify-content: center;

}



.testimonial-carousel .owl-dot {

    position: relative;

    display: inline-block;

    margin: 0 5px;

    width: 15px;

    height: 15px;

    background: #c1dad0;

    border-radius: 15px;

    transition: .5s;

}



.testimonial-carousel .owl-dot.active {

    width: 30px;

    background: var(--bs-primary);

}



.testimonial-carousel .owl-item.center {

    position: relative;

    z-index: 1;

}



.testimonial-carousel .owl-item .testimonial-item {

    transition: .5s;

    margin: auto;

}



.testimonial-carousel .owl-item.center .testimonial-item img {

    height: 220px;

    width: 220px !important;

    object-fit: cover;

    border-radius: 50%;

    margin: auto;

    opacity: 1;

}



.b_01 {

    border: solid 1px;

    border-radius: 40px;

    padding-top: 25px;

}



.border_bottom {

    border-radius: 0px 0px 40px 40px;



}



.h_01 {

    height: 230px;

    display: grid;

    justify-content: center;

    align-items: center;

}



/*** Testimonial End ***/

.input-group-append {

    cursor: pointer;

}



/*** recruters Start ***/



.recruters-item.active {

    background: #22348f14;



}



.recruters-carousel .owl-dots {

    margin-top: 15px;

    display: flex;

    align-items: flex-end;

    justify-content: center;

}



.recruters-carousel .owl-dot {

    position: relative;

    display: inline-block;

    margin: 0 5px;

    width: 15px;

    height: 15px;

    background: #c1dad0;

    border-radius: 15px;

    transition: .5s;

}



.recruters-carousel .owl-dot.active {

    width: 30px;

    background: var(--bs-primary);

}



.recruters-carousel .owl-item.center {

    position: relative;

    z-index: 1;

}



.recruters-carousel .owl-item .recruters-item {

    transition: .5s;

    margin: auto;

}



.recruters-carousel .owl-item.center .recruters-item img {

    height: 220px;

    width: 220px !important;

    object-fit: cover;

    border-radius: 50%;

    margin: auto;

    opacity: 1;

}



/*** recruters End ***/

.input-group-append {

    cursor: pointer;

}



/*** Contact Start ***/

.contact-detail::before {

    position: absolute;

    content: "";

    height: 50%;

    width: 100%;

    top: 0;

    left: 0;

    background: linear-gradient(rgb(210, 243, 235, 1), rgba(230, 250, 245, .3)), url(../img/background.jpg) center center no-repeat;

    background-size: cover;

    border-radius: 10px;

    z-index: -1;

}



.contact-map {

    background: #26d48c;

}



.contact-form {

    background: #26d48c;

}



/*** Contact End ***/





/*** Footer Start ***/



.footer .short-link a,

.footer .help-link a,

.footer .contact-link a {

    transition: .5s;

    color: var(--bs-dark);

}



.footer h3 {

    color: var(--bs-dark) !important;

}



.footer .short-link a:hover,

.footer .help-link a:hover,

.footer .contact-link a:hover {

    letter-spacing: 1px;

    color: var(--dark_purple);

}



.footer .hightech-link a {

    /* border: solid var(--bs-dark) 1px; */

    color: var(--bs-dark);

}



.footer .hightech-link a:hover {

    border: solid var(--dark_purple) 2px;

    color: var(--dark_purple);

}



.m_top {

    margin-top: 6rem;

}



/*** Footer End ***/

/* header start */

.head_01 img {

    height: 40px;

    width: 100%;

    object-fit: contain;

}



.banner_video {

    height: 300px;

    object-fit: cover;

    object-position: center;

}



@media (min-width: 768px) {



    .banner_video {

        height: 550px;

    }



}



#header {

    width: 100%;

    z-index: 10;

    position: fixed;

    top: 0;

}



.pad_top {

    padding-top: 5%;

}



.sticky_header {

    background-color: var(--bs-white);

}





.sticky_header i {

    color: var(--bs-dark) !important;

}



.sticky_header a:hover {

    color: var(--bcolor) !important;

}



.dropdown-item.active,

.dropdown-item:active {

    color: var(--bcolor);

    text-decoration: none;

    background-color: white;

}



.sticky_header .border_02 {

    border-left: none;

}



@media (min-width: 768px) {

    .border_01 {

        border: solid #9e9e9ea8 1px

    }



    .border_02 {

        border-left: solid #9e9e9ea8 1px

    }



    .sticky_header .border_01 {

        border: solid #00000021 1px;

    }

}



.programme-item .owl-carousel .owl-item {

    height: 100%;

    object-fit: cover;

}



.programme-item .owl-carousel.owl-loaded {

    height: 100%;

}



.programme-item .owl-carousel .owl-stage-outer {

    height: 100%;

}



.programme-item .owl-carousel .owl-stage {

    height: 100%;

}



/* service section  */

.service_01 img {

    height: 60px;

    width: 60px;

    object-fit: cover;

}



.service_01:hover {

    background-color: var(--scolor);

}



.service_01:hover h3,

.service_01:hover p {

    color: var(--bs-white);

}



.service_01:hover h6 {

    color: var(--bs-white);

}



.service_01:hover a {

    color: var(--bs-white);

}



.service_01 .asd {

    fill: var(--scolor);

    height: 60px;

    width: 60px;

}



.service_01:hover .asd {

    fill: var(--bs-white);

}



.footer_01 img {

    height: 60px;

    object-fit: cover;

}



.bg_img_01 {

    margin-top: -35px;

    margin-bottom: 35px;

}



.counter_01 {

    position: absolute;

    z-index: 1;

    height: 150px;

    width: 150px;

    background-color: #ffffff78;

    border-radius: 50%;

    align-items: center;

    display: flex;

    justify-content: center;

}



.inner_counter {

    border: solid 1px;

    border-radius: 50%;

    background-color: var(--bs-white);

    height: 110px;

    width: 110px;

    display: flex;

    justify-content: center;

    align-items: center;

}



.our_projects_01 img {

    height: 300px;

    object-fit: cover;

}



.faq_01 button {

    color: var(--bs-dark);

}



.faq_01 .accordion-item {

    /* border-bottom: 1px solid rgb(0 0 0); */

}





.faq_01 .accordion-button {

    color: var(--bs-dark);

    background-color: #27368d14;

    margin-bottom: 1rem;

}



.faq_01 .accordion-button:not(.collapsed) {

    color: var(--bs-white);

    background-color: #ff0000;

    box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .125);

}



.faq,

.accordion-button::after {

    width: 15px;

    height: 15px;

    background-size: unset;

}



.devider {

    height: 120px;

    background-size: cover;

}



.industry_experts img {

    height: 150px;

    width: 150px !important;

    object-fit: cover;

    border-radius: 50%;

    margin: auto;

    /* opacity: .5; */

}



.about_pcu_01 img {

    object-fit: cover;

    margin: auto;

    border-radius: 50%;

}



.about_pcu_02 img {

    height: 170px;

}



.recruters img {

    height: 75px;

    object-fit: contain;

    margin: auto;

}



.center_tagline th {

    color: white;

    background-color: var(--bcolor) !important;

    text-transform: capitalize !important;

}



.programm_01 {

    padding: 0px 20px 0px 20px !important;

    overflow: hidden;

}



.btn_01 {

    color: var(--dark_purple) !important;

    border: unset;

}



.recruters_01 {

    background-color: var(--bs-white);

    border-radius: 20px;

    position: relative;

    margin-top: -98px;

    box-shadow: 6px 7px 5px 0px #02020226;

}



.btn_01:hover {

    color: var(--bcolor) !important;

    /* border: solid var(--blue) 1px; */

}



.btn_02 {

    background: var(--dark_purple);

    color: var(--bs-white) !important;

    /* border: solid 1px; */

}



.btn_02:hover {

    color: var(--dark_purple) !important;

    background-color: var(--bs-white);

    border: solid var(--dark_purple) 1px;

}



.btn_03 img {

    height: 40px !important;

    width: 80px !important;

}



.why_choose_01 img {

    height: 50px;

    width: 50px;

    object-fit: cover;

}



.contact_01 img {

    height: 40px;

    width: 50px;

    object-fit: cover;

}



.play_img_01 {

    height: 45px;

    margin: 15px;

    width: 36px !important;

    object-fit: cover;

}



.testimonals_01 img {

    width: 100px !important;

    height: 100px !important;

    object-fit: cover;

    border-radius: 50%;

    display: unset !important;

}



.right_shift {

    position: absolute;

    left: -8%;

    bottom: 10%;

    transform: rotate(90deg);

    transform-origin: right;

}



.footer_02 a {

    color: var(--bs-dark);

}



.footer_02 a:hover {

    color: var(--dark_purple);

}



.blog_01 {

    position: absolute;

    right: 0;

    /* top: -59%; */

    bottom: 100%;

}



.blog_02 a {

    color: var(--bs-dark);

}



.blog_02 a:hover {

    color: var(--scolor);

}



.blog_02 img {

    height: 300px;

    width: 100%;

    object-fit: cover;

}



.progress_bar .progress-bar {

    background-color: var(--bs-white);

}



.progress_bar .progress {

    height: 7px;

    background-color: #f18a8a;

    border-radius: 0px;

}



.services_01 img {

    height: 250px;

    width: 100%;

    object-fit: cover;

}



.call_01 a,

.call_01 i {

    color: var(--bs-white) !important;

}



.banner_01 img {

    height: 300px;

    width: 100%;

    object-fit: cover;

    object-position: top;



}





.services_01 a {

    color: var(--bs-dark);

    font-size: 14px;

}



.services_01:hover a {

    color: var(--scolor);

}



.right_button {

    bottom: 40%;

    right: 30px;

    font-weight: normal;

    left: unset;

    transform: rotate(90deg);

    transform-origin: right;

    position: fixed;

    z-index: 1021;

}



.form_01 .form-control {

    border-radius: unset;

    border: 0px solid #ced4da;

    border-bottom: 1px solid;

    box-shadow: unset !important;

}



.form_01 .form-control:focus {

    color: #787878;

    background-color: var(--bs-white);

    border-color: #27378e;

    outline: 0;

    box-shadow: unset;

}



.form_01 .form-select {

    border-radius: unset;

}



.form_01,

.label {

    color: var(--gray) !important;

    font-size: 20px;

}



.form_01 .form-select:focus {

    border-color: #27378e;

    outline: 0;

    box-shadow: unset;

}



.form_01 .col-md-12 {

    margin-bottom: 30px;

}



.form_01 .col-md-6 {

    margin-bottom: 30px;

    display: unset;

    overflow: hidden;

}



.form_01 .form-group {

    width: 100%;

}



.form_01 .form-control:disabled,

.form-control:read-only {

    background-color: transparent;

    opacity: 1;

}



.navbar-dark .navbar-toggler-icon {

    background-image: url();

}



.navbar-dark .navbar-toggler {

    color: rgb(0 0 0 / 55%);

    border-color: rgb(0 0 0 / 70%);

}



.d_flex {

    display: flex;

    /* justify-content: center; */

}



.form_001 .modal-content {

    border: 5px solid var(--purple);

}



p {

    color: var(--bs-dark);

    font-size: calc(1.275rem + 0.1vw);

    text-align: start;

}



.h_vid {

    height: 300px;

}



.form_inside_modal button {

    font-size: calc(1.3rem + 0.6vw) !important;

}



.form_inside_program button {

    font-size: calc(1.3rem + 0.6vw) !important;

}



@media (min-width: 768px) {





    .recruters img {

        height: 150px;

    }



    .recruters_01 {

        margin-top: -144px;

        border-radius: 40px;

        box-shadow: 6px 7px 5px 0px #02020226;

    }



    .form_01 label {

        font-size: 30px;

        align-items: end;

        display: flex;

        margin-bottom: -7px;

    }



    .form_inside_modal label {

        font-size: 17px !important;

        color: var(--bs-dark) !important;

    }



    .form_inside_program label {

        font-size: 17px !important;

    }



    .form_01 .wh_space {

        margin-bottom: 45px;

        white-space: nowrap;

    }



    .form_01 .col-md-6 {

        margin-bottom: 45px;

        display: -webkit-box;

        overflow: hidden;

    }



    .form_inside_modal .col-md-12 {

        margin-bottom: 25px !important;

    }



    .form_inside_modal .col-md-6 {

        margin-bottom: 25px !important;

    }



    .form_inside_program .col-md-12 {

        margin-bottom: 25px !important;

    }



    .form_inside_program .col-md-6 {

        margin-bottom: 35px !important;

    }



    .h_vid {

        height: 400px;

    }



    .devider {

        height: 600px;

    }



    .services_01 img {

        height: 350px;

    }



    .right_button {

        font-size: 25px;

    }



    .play_img_01 {

        margin: 35px;

    }





}



.object-cover {

    object-fit: cover !important;

}



.w-100 {

    width: 100% !important;

}



.header_all_pages {

    background-blend-mode: multiply;

    background: #000000c2;

    background-position: center;

    background-size: cover;

    margin-top: 77px;

}



.header_all_pages_01 {

    background-blend-mode: multiply;

    background-position: center;

    background-size: cover;

    height: 198px;

}



.bg_fit_pos_size {

    background-blend-mode: multiply;

    background-position: center;

    background-size: cover;

}



.play_button {

    border-radius: 50%;

}



.play_img {

    height: 125px;

    margin: 10px;

    width: 125px !important;

    object-fit: contain;

}





.counter_01 {

    right: 0;

    left: 0;

    margin: auto;

    top: 0;

}



.head_02 img {

    height: 35px !important;

}



.mentor {

    height: 200px;

    width: 100%;

    object-fit: contain;

}



.progrmm_001 p {

    font-size: calc(1.275rem + 0.1vw);

}



@media (min-width: 768px) {



    .progrmm_001 p {

        font-size: calc(1.525rem + 3.3vw);

        font-weight: 700;

        line-height: 1.2;

    }



    .mentor {

        height: 300px;

    }



    .banner_01 img {

        height: 700px;



    }



    .counter_01 {

        top: unset;

        bottom: 41%;

    }



    .bg_img_01 {

        height: unset;

    }



    .head_01 img {

        height: 50px;

    }



    .h_vid {

        height: 620px;

    }

}



@media (max-width: 768px) {

    .navbar .navbar-nav .nav-link {

        font-size: 16px !important;

        padding: 0px 8px 26px 8px !important;

    }

}



@media (max-width: 1400px) {

    .navbar .navbar-nav .nav-link {

        font-size: 13px;

        padding: 0px 8px 36px 8px;

    }

}



@media (min-width: 1401px) {



    .navbar .navbar-nav .nav-link {

        font-size: 16px;

        padding: 0px 8px 36px 8px;

    }



    .head_01 img {

        height: 50px;

    }

}



@media (min-width: 1600px) {

    .banner_01 img {

        height: 900px;



    }



    .head_01 img {

        height: 55px;

    }



    .h_vid {

        height: 900px;

    }



}



@media (min-width: 1800px) {



    .head_01 img {

        height: 65px;

    }

}





.contact .btn_01 {

    width: 100% !important;



}



.faq,

.accordion-item:last-of-type .accordion-button.collapsed {

    border-radius: unset;

}



.course_structure .accordion-button:not(.collapsed) {

    background-color: var(--bcolor);

    color: var(--bs-white) !important;

    box-shadow: unset;

}



.course_structure .accordion-item {

    background-color: var(--bs-white);

    border: unset;

}



.course_structure .accordion-button {

    padding: 12px;

    letter-spacing: 3px;

    font-weight: normal;

}



.course_structure .accordion-button:focus {

    box-shadow: unset;

}



.inside_nav a {

    background-color: var(--bs-white);

    font-size: 14px;

    color: var(--bs-dark);

    transition: all 0.5s ease;

    font-weight: normal;

}



.inside_nav a:hover {

    color: var(--scolor);

}



.inside_nav {

    top: 90px;

}



.inside_nav,

.list-group {

    border-radius: 0px;

}



.inside_nav a.active {

    color: var(--bcolor);

}



.dropdown-item.active {

    color: var(--bcolor);

    text-decoration: none;

    background-color: var(--bs-white)

}



.f_button i {

    color: var(--bs-white);

    font-size: 20px;

    padding-right: 20px;

    padding: 20px;

    background: #313437;

    display: inline-block;

    margin-right: 20px;

}



.f_button {

    color: var(--bs-dark);

    border: solid var(--acolor) 1px;

}



.f_button:hover {

    color: var(--bs-white) !important;

    background-color: var(--fcolor);

}



.faq_index_01 .accordion-button {

    background-color: var(--bs-white) !important;

    margin-bottom: 0px;

}



.faq_index_01 .accordion-button:not(.collapsed) {

    color: var(--bs-white);

    background-color: #ff0000 !important;

    box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .125);

}



.gallary_01 img {

    height: 230px;

    width: 100%;

    object-fit: cover;

}



.form_02 .btn-close {

    position: absolute;

    z-index: 1;

    right: 0;

}



.service_02 h4 {

    font-weight: bold;

    color: var(--bcolor);

}



.h_for_div {

    height: 322px;

}



.h_for_div_02 {

    height: 290px;

}



.pad_left {

    padding-right: 0px;

}



.get_quote button {

    font-size: 12px;

}



@media (max-width: 768px) {

    .img_adjust_for_mobile {

        height: 250px;

        width: 100%;

        object-fit: cover;

    }

}



@media (min-width: 768px) {



    .get_quote button {

        font-size: 30px;

    }





    .carousel-control-next {

        width: 90px;

        height: 60px;

        display: block;

    }



    .programm_01 {

        padding: 0px 0px 0px 50px !important;

        overflow: hidden;

    }



    .counter_01 {

        height: 185px;

        width: 185px;

    }



    .inner_counter {

        height: 150px;

        width: 150px;

    }



    .carousel-control-prev {

        width: 90px;

        height: 60px;

        display: block;

    }



    .about_02 img {

        height: 350px;

    }





    .w_70 {

        width: 70%;

    }



    .pad_left {

        padding-right: 20%;

    }



    .play_img {

        height: 180px;

        width: 180px !important;

    }

}



input {

    position: relative;

}



input[type="date"]::-webkit-calendar-picker-indicator {

    background-position: right;

    background-size: auto;

    cursor: pointer;

    position: absolute;

    bottom: 0;

    left: 0;

    padding-top: 1.625rem;

    padding-bottom: 0.625rem;

    right: 10px;

    top: 0px;

    width: auto;

}



.form_page_animation {

    position: absolute;

    background: var(--bs-white);

    height: 200px;

    object-fit: cover;

    z-index: 0;

    top: 0;

    right: -1px;

}



.form-select {

    color: #000000;

}



.form-select option:hover {

    background-color: var(--bcolor);

}



.form-floating>.form-select {

    padding-top: 0px;

    padding-bottom: 0px;

}



.form-floating>.form-control:focus,

.form-floating>.form-control:not(:placeholder-shown) {

    padding-top: 0px;

    padding-bottom: 0px;

}



input:-internal-autofill-selected {

    background-color: white !important;

}



.accordion-button:not(.collapsed)::after {

    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");

    transform: rotate(0deg);



}



.accordion-button::after {

    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");

    transform: rotate(-180deg);

}



.title {

    font-size: 2rem;

    font-weight: 700;

    letter-spacing: 3px;

    color: #000000;

    text-transform: capitalize;

    font-family: var(--font_01);

    text-transform: capitalize

}



.container-fluid {

    padding: 0px 20px 0px 20px;

}

.trusty img{

    height: 100px;

    object-fit: cover;

    object-position: top;

}

.h_desc_01{

    height: 133px;

    align-items: center;

    display: grid;

}

.title_02 {

    font-size: 2rem;

    font-weight: 700;

    letter-spacing: 3px;

    color: #000000;

    text-transform: capitalize;

    font-family: var(--font_01);

    text-transform: capitalize

}



.forth_sec img {

    width: 225px;

    height: unset;

    object-fit: contain;

}



.fifth_sec img {

    width: 225px;

    height: unset;

    object-fit: contain;

}







.about_img {

    width: 230px;

    height: unset;

}



.two_01 {

    position: absolute;

    content: "";

    right: 0;

    top: -5%;

    height: 100px;

    width: 100px;

}



.six_01 video {

    position: absolute;

    content: "";

    right: 0;

    top: 0;

    height: 120px;

    width: 120px;

}



.seven_01 .video_01 {

    position: absolute;

    content: "";

    right: 0;

    top: 0;

    height: 120px;

    width: 120px;

}



.nine_01 img {

    position: absolute;

    right: 0;

    height: 60px;

}





.placements img {

    height: 120px;

    width: 120px;

    object-fit: cover;

}



.ten_01 img {

    height: unset;

    width: 100%;

    object-position: bottom;

    object-fit: contain;

}



.bg_contain {

    background-size: contain;

}



.bg_cover {

    background-size: cover;

}



.bg_height_of_img {

    height: 300px;

}



.about_pcu_insitute {

    height: 250px;

}



.about_pcu_insitute:hover {

    background-color: #343869;

    background-image: unset !important;

    background-blend-mode: multiply;





}



.about_pcu_insitute:hover .institute_head {

    display: none;

}



.about_pcu_insitute .institute_discription {

    display: none;

}



.about_pcu_insitute:hover .institute_discription {

    color: white;

    top: 18%;

    align-items: center;

    justify-content: center;

    display: flex;

    position: relative;

    padding: 0px 10px 0px 10px;

}

.about_pcu_insitute:hover .top_01 {

    top: 35% !important;

}

.awards .accordion-button {

    color: #ffffff;

    background-color: var(--bcolor);

}

.admissions_procedure img {

    height: 80px;

}

.awards .accordion-item:first-of-type .accordion-button {

    border-top-left-radius: 0px;

    border-top-right-radius: 0px;

}

.awards .accordion-button:focus {

    box-shadow: unset;

}

.awards img {

    height: 100px;

    object-fit: contain;

}

.btn_04{

    color: white;

    border-radius: 0px;

    background-color: var(--yellow);

    border : solid 1px var(--yellow);

}



.btn_04:hover{

    color: var(--yellow);

    background-color: white;

    border : solid 1px var(--yellow);

}

.button_img {

    width: 120px;

    object-fit: cover;

    margin-right: 15px;

}



.m_des_back:before {

    position: absolute;

    content: '';

    right: -5%;

    top: 0;

    background-image: url('../img/program/b_des/05.png');

    background-repeat: no-repeat;

    background-size: cover;

    width: 70%;

    height: 100%;

    z-index: -1;

}



.dcart {

    display: none;

}



.dcart:hover {

    display: flex;

}



.m_dcart {

    position: absolute;

    height: 100%;

    width: 100%;

    background-color: var(--color);

    border-radius: 56px;

    padding: 15px;

    align-items: center;

    justify-content: center;

    font-size: 15px;

    transition: 2s linear;

}



.adjust_01::before {

    position: absolute;

    content: "";

    background-color: var(--dark_purple);

    height: 50%;

    z-index: 1;

    width: 100%;

    bottom: 0;

    left: 0;

}



.img_adjust_01 {

    position: relative;

    z-index: 2;

    top: 6rem;

    border-radius: 3rem;

    /* height: 400px; */

    width: 100%;

    background-size: cover;

    background-repeat: no-repeat;

}



.pad_tb_01 {

    padding-bottom: 13rem !important;

}



.adjust_02 {

    display: flex;

    align-items: self-end;

}



.program_01 p {

    /* line-height: 1.25 !important;

    font-size: 1rem !important; */

}



.b_02 {

    position: absolute;

    bottom: 47px;

    width: 70%;

    right: 0;

}



.program_03 {

    background-size: cover;

    background-repeat: no-repeat;

    height: 400px;

}



.circle_01 {

    border-radius: 50%;

    display: inline-block;

    padding: 25px;

    position: relative;

    left: -19px;



}



.circle_02 {

    border-radius: 50%;

    display: inline-block;

    padding: 30px;

}



a {

    color: var(--bs-dark);

}



a:hover {

    color: var(--dark_purple) !important;

    font-weight: bold;

}



.contact_01 .col-md-4 {

    display: flex;

    align-items: stretch;

    justify-self: center;

}



.leadership .name {

    font-size: 30px;

    line-height: 1;

}



.px_01 {

    padding-right: 0 !important;

    padding-left: 0 !important;

    overflow: hidden;

}



.leadership p {

    font-size: 16px;

    line-height: 20px;

}



.contact_01 .rounded-3 {

    align-items: baseline;

    display: inline-grid;

}



.button_h_01 {

    height: 60px;

}



.tag_font_01 {

    font-size: calc(1.375rem + 1.5vw);

    line-height: 1.2;

}



.prospects_01 ul {

    padding-left: 0px;

}



.prospects_01 li {

    font-size: 1rem !important;

}



.prospects_01 li img {

    height: 17px;

}



.carousel-item.banner_01 {

    margin-top: 90px;

}



.about_legacy img {

    height: 70px;

    width: unset;

    object-fit: cover;

}



.footer_001 ol,

ul {

    padding-left: 1rem !important;

}



ol,

ul {

    padding-left: unset;

}



.institute_head {

    position: absolute;

    bottom: 43%;

    background: #0180c3c9;

    left: 30px;

    padding: 15px 10px 0px 0px;

    width: 90%;

    color: white;

}



@media (min-width: 768px) {

    .carousel-item.banner_01 {

        margin-top: 97px;

    }

}



@media (min-width: 768px) {



    .about_legacy img {

        height: 100px;

    }



    ol,

    ul {

        padding-left: 2rem;

    }



    .admissions_procedure img {

        height: 130px;

    }



    .prospects_01 li {

        font-size: 1.5rem !important;

    }



    .prospects_01 li img {

        height: 25px;

    }



    .tag_font_01 {

        font-size: calc(1.525rem + 3.3vw);

    }



    .button_h_01 {

        height: 100px;

    }



    .circle_01 {

        padding: 60px;



    }



    .circle_02 {

        padding: 35px;

    }



    .about_img {

        width: 600px;

        height: unset;

    }



    .b_02 {

        right: -32px;

    }



    .button_img {

        width: 150px;

    }



    .form_inside_program .button_img {

        width: 100px !important;

    }



    .two_01 {

        top: -1%;



    }



    .six_01 video {

        height: 300px;

        width: 300px;

    }



    .seven_01 .video_01 {

        height: 300px;

        width: 300px;

    }



    .two_01 {



        top: 0;

        height: 150px;

        width: 200px !important;

    }



    .title {

        font-size: 6rem;

        ;

    }



    .title_02 {

        font-size: 6rem;

    }



    .forth_sec img {

        width: 500px;

        height: unset;

    }



    .fifth_sec img {

        width: 1000px;

        height: unset;

    }



    .ten_01 img {

        height: unset;

    }



    .nine_01 img {

        height: 130px;

    }



    .placements img {

        height: 170px;

        width: 170px;

    }



    .two_01 img {



        height: 300px;

        width: 300px;

    }



    .bg_height_of_img {

        height: unset;

    }



    .about_pcu_insitute {

        height: 400px;

    }



    .form_01 .form-control {

        /* padding: 0px; */

        margin-left: 15px;

        font-size: 20px;

    }



    .program_right {

        justify-content: right;

        display: flex;

        padding-right: 75px;

    }



    .program_03 {

        background-size: cover;

        background-repeat: no-repeat;

        height: 100%;

    }



    .container-fluid {

        padding: 0px 50px 0px 50px;

    }



    .header_02 {

        padding: 36px 0 0 0;

    }



    .header_all_pages {

        margin-top: 97px;

    }

}


.syllabus-tab {
    background-color: #41436C;
    color: white;
    padding: 10px;
    border-radius: 15px;
    display: block;
    text-decoration: none;
    font-size: 1.2rem;
    font-weight: bold;
    transition: background-color 0.3s ease;
}

.syllabus-tab:hover {
    background-color: #5A5C9A;
    /* This is the color on mouseover */
    cursor: pointer;
    /* Changes the mouse cursor to a pointer */
}