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

body{
    font-family: 'Roboto', sans-serif;
    font-size:15px;
    }

*{
    box-sizing: border-box;
    margin:0;
    padding:0;
    }
h1, 
h2, 
h3, 
h4, 
h5,
h6{
    margin:0;
    padding:0;
    font-family: 'Roboto Serif', serif;
    }
p{
    font-weight:normal; 
    font-style: normal; font-size:36px;
    font-family: 'Roboto', sans-serif;
    margin:0; padding:0;
    }

img{
    max-width:100%;
    }

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

section{
    padding-bottom: 60px;
    }    

.btn-check:checked+.btn, .btn.active, .btn.show, .btn:first-child:active, :not(.btn-check)+.btn:active {
    color: var(--bs-btn-active-color);
    background-color:#414042;
    border-color:#414042;
    }
.btn-primary.focus, .btn-primary:focus {
    box-shadow: 0 0 0 0rem rgb(38 143 255 / 50%) !important;
}        

.container-fluid {
    padding-left: 3%;
    padding-right: 3%;
    }
header {
    background: #fff;
    padding:5px 0;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
    }
.h_right {
    display: flex;
    justify-content: end;
    align-items: center;
    }
.h_right p {
    text-transform: uppercase;
    font-size: 26px;
    color: #e44846;
    font-weight: 400;
    margin: 0 20px 0 0;
}   
.h_right a.callbtn {
    background: #e44846;
    padding: 10px 25px;
    text-decoration: double;
    color: #fff;
    outline: none;
    border: 0;
    font-size:15px;
    font-weight: 500;
    border-radius: 0;
    transition: all 0.3s ease;
    }
.h_right a.callbtn:hover{
    background-color: #95161d;
    }
section#banner .banner-left {
    width: 50%;
    }

section#banner {
    display: flex;
    }    
section#banner .banner-left img{
    width:100%;
    height:100%;
    }
section#banner .form_bg{
    background-image: url(../img/form_bg_img.jpg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    width:50%;
    height:100vh;
    display: flex;
    justify-content: center;
    align-items: center;
    }

section#academic_programs h1{
    font-weight: 500;
    color:#0b1933;
    font-style: italic;
    margin:0 0 40px;
    font-family: 'Roboto Serif', serif;
    }
     
section#academic_programs .card {
    border-radius: 0;
    background-color: #fff;
    padding: 30px;
    border: #363636 solid 1px;
    margin: auto;
    max-height: 500px;
    overflow-y: scroll;
    }
section#academic_programs .carousel-control-next, 
section#academic_programs .carousel-control-prev{
    color: #e44846;
    opacity: 1;
    width: auto;    
    }
section#academic_programs .carousel-control-next, 
section#academic_programs .carousel-control-prev{
    font-size:4rem;
    }
section#academic_programs .card ul {
    margin: 0px;
    padding: 0px;
    }
section#academic_programs .card ul li {
    list-style: none;
    line-height: 22px;
    border-bottom: #d4d7dd solid 1px;
    padding: 10px 0;
    position: relative;    
    }
section#academic_programs .card ul li::before{
    content:'';
    background-image: url('../../../../../../../static.npfs.co/accounts/664/documents/2023/11/21/pdficon.jpg');
    background-repeat: no-repeat;
    width:16px;
    height:17px;
    background-size: contain;
    position: absolute;    
    }
section#academic_programs .card ul li a{
    text-decoration: none;
    color:#0b1832;
    font-size:15px;
    font-weight: 500;
    padding-left: 25px;
    display: block;
    }

section#academic_programs .card .ac-pro-title {
    display: flex;
    align-items: center;
    line-height: 20px;
    font-size:16px;
    text-transform: uppercase;
    }
section#academic_programs .card .ac-pro-title div span {
    display: block;
    font-weight: 500;
    color: #0b1832;
    font-size:22px;
    font-family: 'Roboto Serif', serif;
    text-transform: capitalize;
    }
section#academic_programs .carousel-control-prev{    
    left:-50px;    
    }
section#academic_programs .carousel-control-next{
    right:-50px;   
    } 
.scroll {
    overflow-y: scroll;    
    background-color: #fff;
    margin: 0 0 10px 0;
    }
.scroll::-webkit-scrollbar {
    width:10px;        
    }
.scroll::-webkit-scrollbar-track {
    background:#e9eaea;
    border-radius:5px;            
    }
.scroll::-webkit-scrollbar-thumb {
    border-radius:5px;    
    background:#6a88a0;
    }

section#someofourrecruiters {
    background-image: url('../../../../../../../static.npfs.co/accounts/664/documents/2023/11/21/clientbg.png');
    background-repeat: repeat-x;
    background-position: center center;
    background-size: auto;
    display: flex;
    justify-content: center;
    align-items: center;
    padding:0px 0 60px;
    }
section#someofourrecruiters h1{
    font-weight: 500;
    color: #0b1933;
    font-style: italic;
    margin: 0 0 10px;
    text-align: center;
    font-family: 'Roboto Serif', serif;
    }
section#someofourrecruiters p{
    font-size: 16px;
    text-align: center;
    color:#0b1933;
    }
section#someofourrecruiters h3{
    font-weight: 500;
    color: #0b1933;
    margin: 40px 0 20px;
    font-size: 26px;
    font-style: italic;
    font-family: 'Roboto Serif', serif;
    }    
section#someofourrecruiters ul {
    margin: 0px;
    padding: 0;
    }
section#someofourrecruiters ul li {
    list-style: none;
    display: inline-block;
    margin: 0 2px 6px;    
    }
section#someofourrecruiters ul li img {
    width: 170px;
    }    
section#ranking_bg{
    background-image: url('../../../../../../../static.npfs.co/accounts/664/documents/2023/11/21/ranking_bg.jpg');
    background-repeat:no-repeat;
    background-position: center center;
    background-size:cover;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 60px 0;
    }
section#ranking_bg h2{
    font-weight: 500; color: #0b1933;
    margin: 40px 0 20px; font-size: 40px; font-style: italic;
    font-family: 'Roboto Serif', serif;
}

section#ranking_bg p{
    font-size: 16px;   
    color:#0b1933;
    margin:0 0 25px;
    font-weight: 500;
    }
section#ranking_bg .mb-3 {
    padding: 0;
    }

section#about-thpar {
    display: flex;
    align-items: center;
    padding-bottom:0;
    }
section#about-thpar .thapar_bg{
    background:#921a1d;
    display: flex;
    width:50%; height:100vh;
    justify-content: center;
    align-items: center;
    padding:124.2px 0 125px;
    position: relative;    
    }
section#about-thpar .thapar_bg p {
    color: #fff;
    font-size: 18px;
    font-weight: 300;
    line-height: 30px;
    padding: 0 15px 0 30px;
    }
section#about-thpar .form_bg {
    width: 50%;
    }
section#about-thpar .form_bg img {
    width: 100%; 
    height:100%;
    position: relative;
    
    }
section#about-thpar .form_bg .row {
    margin-right: 0;
    margin-left: 0;
    }            
section#about-thpar .form_bg .row .col-sm-12 {
    padding: 0;
    height: 50vh;
    }
/* section#about-thpar .form_bg .row .col-sm-6 img {
    height: 50vh;
    }     */
section#about-thpar .form_bg .video_icon {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    color: #fff;
    font-size: 5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    }
section#about-thpar .form_bg .row .col-sm-12 .modal-width {
    width: 50%;
    margin: auto;
    height: 100vh;
    display: flex;
    align-items: center;
    z-index: 1111;
    position: relative;
    }
section#about-thpar .form_bg .row .col-sm-12 .modal-width .modal-content {
    border-radius: 0;
    }
section#about-thpar .form_bg .row .col-sm-12 .modal-width .modal-content .modal-body iframe {
    height: 400px !important;
    }
section#about-thpar .form_bg .row .col-sm-12 .modal-width .modal-content button.close {
    position: absolute;
    right: 0;
    background:#f44336;
    color: #fff;
    padding: 8px 12px;
    top: 0;
    text-shadow: 0 0px 0 #fff;
    z-index: 1;
    opacity: 1;
    }
.custom-slick-slider.slick-slider.slick-dotted {
    margin-bottom: -5px;
    }
.custom-slick-slider .slick-dots {    
    bottom: 15px;    
    }    
.custom-slick-slider .slick-dots li button:before {
    font-size: 22px;    
    opacity: 1;
    color: #0b1832;    
    }
.custom-slick-slider .slick-dots li.slick-active button:before {
    opacity: 1;
    color: #921a1d;
    }
.footersection{
    background-color:#0b1832;
    padding:0px 0 10px;
    }
.footersection .tooltip-bg{
    background-color: #fff;
    display: inline-block;
    color: #921a1d;
    font-size: 20px;
    padding: 8px 25px;
    position: relative;
    }
.footersection .tooltip-bg:after {
    content: '';
    position: absolute;
    clip-path: polygon(50% 100%, 0 0, 100% 0);
    background: #fff;
    width: 30px;
    height: 20px;
    bottom: -15px;
    left: 45%;
    }
.footersection .toll-free {
    color: #fff;
    font-size: 18px;
    margin: 20px 0 0;
    }
.footersection .toll-free a {
    text-decoration: none;
    color: #fff;
    }
.footersection .toll-free a:hover{
    color:#ff1e23;
    }

/* ti_courses */    

.ti_courses {
    height: 450px;
    width: 800px;
    max-width: 800px;
    margin: 0 auto;
    position: relative;
  }
  .ti_courses::before, .ti_courses::after {
    background-color: rgba(255, 255, 255, 0.5);
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    width: calc(100vw - 100%);
    z-index: 1;
  }
.ti_courses::after {
    left: 100%;
  }
.ti_courses::before {
    right: 100%;
  }
.ti_courses img {
    opacity: 1;
    height: inherit;
    width: inherit;
    position: absolute;
    object-fit: cover;
    top: 0;
    transition: left 0.2s ease-in;
    }
section#php_programs{
    margin-bottom:60px;   
    }   
section#php_programs .bg-white {
    padding: 35px;
    margin: 32px;
    min-height:355px;    
    }     
section#php_programs .bg-white h3 {
    margin: 0 0 15px;
    font-family: 'Roboto Serif', serif;
    color: #0b1933;
    font-weight: 600;
    font-size: 26px;    
    font-style: italic;
    }
section#php_programs .bg-white h3.redtxt {
    margin: 0;
    font-size:18px;
    color: #bf1e2e;    
    }
section#php_programs .bg-white p {
    font-size: 14px;
    line-height: 22px;
    font-weight: 400;
    }
section#php_programs .bg-white p.small {
    font-size: 13px;
    font-style: italic;
    line-height: 18px;
    font-weight: normal;
    }
.slick-initialized .slick-slide div {
    height: 50vh;
    }    
section#php_programs .swiper-button-previous-nav {
    position: absolute;
    left: 30px;
    top: 45%;
    color: #fff;
    z-index: 1;
    font-size: 5rem;
    /* background-color: #00000082; */
    padding: 0 10px 0 0;
}
section#php_programs .swiper-button-next-nav {
    position: absolute;
    right: 30px;
    top: 45%;
    color: #fff;
    z-index: 1;
    font-size: 5rem;
    /* background-color: #00000082; */
    padding: 0 0px 0 10px;
}