html, body {
    height: 100%;
    margin: 0;
}

body{
    font-family: "Poppins", sans-serif;
    position: relative;
    
}

/********** Template CSS **********/

.container {
    max-width: 1200px;
}
.navbar {
    height: 66px;
    align-items: end;
    z-index: 999999999;
}
/* .navbar-brand {
    padding-right: 1rem;
} */
.nav-link {
    color: #01126C;
}

.nav-link:hover {
    color: #466DF0;
}

.navbar-nav .nav-link.active, .navbar-nav .nav-link.show {
    color: #466DF0;
}
a.navenroll {
    background: #01126C;
    color: #FFF;
    border-radius: 25px;
    padding: 10px 20px !important;  
}

a.navenroll:hover {
    color: #FFF;
}

.navbar-expand-lg .navbar-nav .nav-link {
    padding-left: 15px;
    padding-right: 15px;
}

.topbanner{
    height: calc(100% - 66px);
    background-image: url(../images/top-banner.jpg);
    background-size: cover;
    background-position: center center;
}
/* .abouttopbanner{
    height: calc(500 - 66px);
    background-image: url(../images/about-banner.jpg);
    background-size: cover;
    background-position: top center;
    position: relative;
} */

.topbanner .bannertext {
    position: absolute; bottom: 150px;
}
.abouttopbanner .bannertext {
    padding-top: 50px;
}

.headh2  {
    font-size: 45px; color: #FFF; font-family: 'Montserrat';
}
.headh2 span {
    font-weight: 300;
}

.headh3pop  {
    font-size: 40px; 
    font-weight: 500;
    line-height: auto;
}
.headh2pop {
    font-weight: 300;
    font-size: 34px;
    line-height: auto;
}

.topbanner .bannertext p{
    font-size: 20px; font-family: 'Montserrat'; max-width: 580px; color: #FFF;
}

.whitep {
    font-size: 20px;  max-width: 540px; color: #FFF; padding-top: 10px;
}
.whitep18 {
    font-size: 18px; color: #FFF; padding-top: 10px;
}
a {
    text-decoration: none;;
}
.whtbtn {
    background: #FFF;
    border-radius: 25px;
    font-size: 18px;
    color: #01126C;
    font-weight: 500;
    padding: 10px 60px; 
}
.blubtn {
    background: #01126C;
    border-radius: 25px;
    font-size: 18px;
    color: #FFF;
    font-weight: 500;
    padding: 10px 60px; 
    display: flex;
    align-items: center;
}
.btnwrapper {
    display: flex;
    align-items: center;
    padding-top: 10px;
}
.whtbtn:hover, .blubtn:hover {
    text-decoration: underline;
}
.secpad {
    margin: 50px 0px;
    position: relative;
}

.homepage {
    position:relative;
}

.homepagergtcrv{
    position:absolute;
    right: 0px;
    top:100px;
    width: 266px;
}

.homepagebtmlftcrv{
    position:absolute;
    left: 0px;
    bottom:100px;
    width: 543px;
}

.mainttl {
    font-size: 30px;
    font-family: 'Montserrat';
    color: #212C69;
    font-weight: bold;
    margin: 0px;
    padding-bottom: 30px;
}

.blsemibold {
    font-family: 'Montserrat';
    color: #212C69;
    font-weight: 600;
    font-size: 24px;
    padding-bottom: 15px;
    margin: 0px;
    display: flex;
}

.cyansemibold {
    font-family: 'Montserrat';
    color: #00AAB5;
    font-weight: 500;
    font-size: 20px;
    padding: 0px;
    margin: 0px;
}
.greycont {
    font-family: 'Montserrat';
    color: #666666;
    font-weight: normal;
    font-size: 18px;
}
.blgreen{
    color: #34BAC0;
}
.semibold {
    font-weight: 500!important;
}
.fontnormal {
    font-weight: normal !important;
}
.blbold {
    font-family: 'Montserrat';
    color: #212C69;
    font-weight: bold;
    font-size: 30px;
    padding-bottom: 15px;
    margin: 0px;
    display: flex;
}
.white {
    color: #FFF;
}

.black {
    color: #000;
}
.drkblue{
    color: #01126C !important;
}

.lgtblk {
    color: #001522;
}

.cyanblue {
    color: #00A0D5;
}

.pad-btm10 {
    padding-bottom: 10px;
}

.mar-btm10 {
    margin-bottom: 10px;
}

.mar-btm20 {
    margin-bottom: 20px;
}

.mar-btm5 {
    margin-bottom: 5px;
}

.mar-btm0 {
    margin-bottom: 0px;
}

.pad-btm20 {
    padding-bottom: 20px;
}

.pad-btm50 {
    padding-bottom: 50px;
}

.pad-top20 {
    padding-top: 20px;
}

.pad-top30 {
    padding-top: 30px;
}

.pad-top10 {
    padding-top: 10px;
}

.pad-top50 {
    padding-top: 50px;
}

.pad-top80 {
    padding-top: 80px;
}

.martp50 {
    margin-top: 50px;
}

footer {
    background: #212C69;
    padding: 50px 0px;
}

footer a:hover{
    text-decoration: none;
}

.linehgt35{
    line-height: 35px;
}

.aboutblbg {
    background: #212C69;
    padding: 50px 0px;
    z-index: 99999;
    position: relative;
}

.aboutul {
    margin: 0px;
    padding: 30px 0px 0px 20px;
}

.aboutul li {
    font-size: 18px;
    color: #01126C;
    padding-bottom: 20px;
    font-weight: normal;
}

.porelative {
    position: relative;
}

.abtblegt {
    position: absolute; bottom: -200px;
}
.abtblcrv {
    margin-left: -80px;
}

.bgtblue{
    color: #029ED4;
}

.pop24 {
    font-size: 24px;
    font-weight: 600;
}

.pop20 {
    font-size: 20px;
    font-weight: 600;
}

.pop30 {
    font-size: 30px;
    font-weight: 600;
}

.pop18 {
    font-size: 18px;
    font-weight: normal;
}

.pop16 {
    font-size: 16px !important;
    font-weight: normal;
}

.pop22 {
    font-size: 22px;
    font-weight: normal;
}

.contactbg {
    background-color: #F5F5F5;
    padding: 50px 0px;
}

.hmblog {
    padding: 50px 0px;
}

.formbg {
    background: #FFF; border-radius: 20px; padding: 30px;
}

.greycol {
    color: #666666 !important;
}

.contactbg input {
    border-radius: 20px;
    border: 0.2px solid #000000;
    padding: 10px 20px;
    margin-top: 10px;
    width: 100%;
    color: #666666;
}

.contactbg textarea {
    width: 100%;
    height: 100px;
    border-radius: 20px;
    border: 0.2px solid #000000;
    padding: 10px 20px;
    color: #666666;
}
.contactbg input[type=submit] {
    color: #FFF;
    width: auto;
}

.formbg a:hover{
    text-decoration: underline;
}

.row.equal-cols {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  
  .row.equal-cols:before,
  .row.equal-cols:after {
    display: block;
  }
  
  .row.equal-cols > [class*='col-'] {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  
  .row.equal-cols > [class*='col-'] > * {
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto; 
  }
  .insidetopbg {
    min-height: 200px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    /* z-index: 999; */
    position: relative;
  }
    .bloginsidetopbg {
        min-height: 350px;
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center center;
        /* z-index: 999; */
        position: relative;
    }
    .prognewdetailsbg {
        min-height: 350px;
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center center;
        /* z-index: 999; */
        position: relative;
    }
  .overviewbanner {
    background-image: url('../images/overview-banner.jpg');
  }
  .leadershipbanner {
    background-image: url('../images/leadership-banner.jpg');
  }
  .campusbanner {
    background-image: url('../images/top-banner-campus.jpg');
  }
  .gallerybanner {
    background-image: url('../images/top-banner-gallery.jpg');
  }

  .ourfootprint {
    background-image: url('../images/top-banner-footprint.jpg');
  }

  .contactbanner {
    background-image: url('../images/top-banner-contact.jpg');
  }

  .advantagebanner {
    background-image: url('../images/top-banner-advantage.jpg');
  }

  .hirebg {
    background-image: url('../images/hire-bg.jpg');
  }
  
  .programmebanner {
    background-image: url('../images/top-banner-programme.jpg');
  }
  .institutebanner {
    background-image: url('../images/institute-banner.jpg');
  }
  .placementsbanner {
    background-image: url('../images/top-banner-placements.jpg');
  }

  .admissionbanner {
    background-image: url('../images/top-banner-admission.jpg');
  }

  .privacybvanner {
    background-image: url('../images/privacy-banner.jpg');
  }  
    .blogbanner {
        background-image: url('../images/blog-banner.jpg');
    }
    .cpittbg {
        background-image: url('../images/cpittbg.jpg');
        background-position: top center;
    }
    .cpihm {
        background-image: url('../images/cpihm.jpg');
        background-position: top center;
    }
    .cpihmriyadh {
        background-image: url('../images/cpihmriyadh.jpg');
        background-position: top center;
    }
    .cpihmshanghai {
        background-image: url('../images/cpihmshanghai.jpg');
        background-position: top center;
    }
    .cpithm {
        background-image: url('../images/cpithm.jpg');
        background-position: top center;
    }
    .cpirm {
        background-image: url('../images/cpirm.jpg');
        background-position: top center;
    }
    .cpirmriyadh {
        background-image: url('../images/cpirmriyadh.jpg');
        background-position: top center;
    }
    .cpirmshanghai {
        background-image: url('../images/cpirmshanghai.jpg');
        background-position: top center;
    }
    .cpitmm {
        background-image: url('../images/cpitmm.jpg');
        background-position: top center;
    }
    .cpitmmg {
        background-image: url('../images/cpitmmg.jpg');
        background-position: top center;
    }
  .oversecrgtcrv {
    position: absolute; right: 0px; top: -310px; z-index: -1;
  }

  .oversecbtmcrv {
    position: absolute; bottom: -50px; width: 100%; z-index: -1
  }
  .oversecbtmcrv img {
    object-fit: cover; width: 100%;
  }
  /* .overseconce::after {
    content:url('../images/oveer-top-rgt-pattern.png');
    position:absolute;
    right: 0px;
    top:-310px;
  } */
  .bread a {
    color: #FFF;
  }
  .bread a:hover {
    text-decoration: underline;
  }
.greybg {
    background: #F5F5F5;
    border-radius: 20px;
    padding: 30px;
}

.strcyn {
    color: #01A2D7;
}

.lgtblue {
    color: #212C69;
}

.lgtblue1 {
    color: #293783;
}
.weightmedium {
    font-weight: 500;
}

.lgtcyanbg {
    background: #eaf8fc;
}

.valuesection{
    position: relative;
}

/* .valuesection:after {
    content:url("../images/overview-btm-crv.png");
    background-image: url();
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    height: 100%;
    position:absolute;
    right: 0px;
    bottom:-50px;
    object-fit: cover;
} */

.addressbg {
    background-color: #F8F9FF; border-radius: 20px; padding: 30px;
}

.toprgtcrv {
    position: absolute; right: 0px; top:-50px; z-index: -1;
}
.toplftcrv {
    position: absolute; left: 50px; top:-50px; z-index: -1;
}
.advhold {
    position: relative; margin-top: -100px; z-index: 999;
}

.proghold {
    display: flex;
    align-items: center;
    gap: 20px;
    position:relative;
}
.progholdmain {
    border-right: 1px solid #000;
    padding: 10px 0px 0px 0px;
    gap: 50px;
    display: flex;
    flex-direction: column;
}

.brdrgtnone {
    border-right: none;
}

.width100 {
    width: 100%;
}

.honblue{
    color: #0D72AB;
}

.traininbrd {
    border-bottom: 1px solid #000000;
    padding-bottom: 50px;
    margin-bottom: 50px;
}

.placements ul {
    margin: 0px;
    padding: 0px 0px 0px 20px;
}

.placements ul li{
    font-size: 18px;
    color: #1093C0;
    font-weight: 500;
}

.placebtmleft {
    position:absolute;
    left: 0px;
    bottom:-50px;
    z-index: -1;
}

.admitoprgt {
    position:absolute;
    right: 0px;
    top:-50px;
    z-index: -1;
}

.highbtmcrv {
    position: absolute; bottom: -50px; z-index: -1; right: 0;
}
.traininbrd p {
    margin-bottom: 10px;
}
.conbtmcrv {
    position: absolute; bottom: -50px; z-index: -1; right: 0;
}

.showmobile {
    display: none;
}
.showdesktop {
    display: block;
}

.showinlinemobile {
    display: none;
}

.alignctr {
    align-items: center;
}

.admform .bg {
    background-color: #F5F5F5; padding: 20px; border-radius: 20px;
}

.admform input {
    border-radius: 20px;
    border: 0.2px solid #000000;
    padding: 10px 20px;
    margin-top: 10px;
    width: 100%;
    color: #666666;
}

.admform input[type=submit] {
    color: #FFF;
}

.progrhold {
    position: absolute; top: 0px; padding: 20px;
}

.brdlbtn {
    background: #00A0D5;
    border-radius: 25px;
    font-size: 18px;
    color: #FFF;
    font-weight: 500;
    padding: 10px 20px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.brdlbtn:hover {
    text-decoration: underline;
}
.posrel {
    position: relative;
}
.highlight {
    /* background: hsla(183, 59%, 47%, 1); background: linear-gradient(90deg, hsla(183, 59%, 47%, 1) 0%, hsla(183, 59%, 47%, 1) 100%); */
    background-image: linear-gradient(to right, #06A1D3, #32B8C0);
}
.navbar-expand-lg .navbar-collapse {
    justify-content: end;
}
.highlight .highlight-card {
    background: rgba(255, 255, 255, 0.1);
    backdrop-filter: blur(10px);
    border: 1px solid rgba(255, 255, 255, 0.2);
    border-radius: 15px;
    padding: 40px 20px;
    text-align: center;
    transition: all 0.3s ease;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.highlight .highlight-card:hover {
    background: rgba(255, 255, 255, 0.2);
    transform: translateY(-10px);
    box-shadow: 0 15px 30px rgba(0,0,0,0.2);
}

.highlight .highlight-card img {
    width: 60px;
    height: 60px;
    margin-bottom: 20px;
    filter: brightness(0) invert(1);
}

.highlight .highlight-card svg {
    margin-bottom: 20px;
}

.highlight .highlight-card h4 {
    margin: 0;
    font-weight: 500;
    line-height: 1.4;
}
.navbar-toggler {
    padding: 0px;
}

.bxshadow {
    box-shadow: 0 3px 0 rgba(0, 0, 0, 0.16);
    z-index: 9999;
    position: relative;
}
.howitworkbg {
    background-color: #F5F5F5; padding: 50px 0px;
}
.benefitsbg1 {
    background-color: #F5F5F5; padding: 50px 0px;
}
.benefitsbg1 .brdrgt{
    border-right: 0.5px solid #000000;
    padding-right: 30px;
}
.benefitsbg1 ul{
    margin: 0px;
    padding: 0px;
}
.benefitsbg1 ul li{
    margin-left: 20px;
}
.benefitsbg {
    padding: 50px 0px
}
.benefitsbg .benhold {
  padding: 20px;
  border-radius: 10px;
  border: solid 0.5px #1093c0;
  min-height: 350px;
}
.benefitsbg .brdrgt {
    border-right: 0.5px solid #000000;
    margin-right: 20px;
}

.industriesslide .slick-dots {
    bottom: -50px;
}
.industriesslide .slick-prev, .slick-next {
    width: 40px;
    height: 40px;
}
.industriesslide .slick-next {
    top: -50px;
    right: 0px;
}
.industriesslide .slick-prev {
    top: -50px;
    right: 40px;
    left: auto;
}

.industriesslide1 .slick-dots {
    bottom: -50px;
}
.industriesslide1 .slick-prev, .slick-next {
    width: 40px;
    height: 40px;
}
.industriesslide1 .slick-next {
    top: -100px;
    right: 0px;
}
.industriesslide1 .slick-prev {
    top: -100px;
    right: 40px;
    left: auto;
}

.partnerslide .brdrgt {
    margin-right: 20px;
}
.partnerslide .slick-dots {
    bottom: -25px;
}
.partnerslide .slick-prev, .slick-next {
    width: 40px;
    height: 40px;
}
.partnerslide .slick-next {
    top: -120px;
    right: 0px;
}
.partnerslide .slick-prev {
    top: -120px;
    right: 40px;
    left: auto;
}
.footprint .greyhold {
    background: #F8F9FF; 
    border-radius: 20px; 
    padding: 20px 20px 0px 20px;
}

.footacco {
    box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16); 
    border-radius: 20px; 
    padding: 20px;
    background: #FFF;
}
.footacco a {
    color: #CCCCCC;
    position:relative;
}
.footacco a.active {
    color: #01126C;
}
.footacco .active:after {
    content: '';
    background-color: #212c69;
    width: 117px;
    height: 6px;
    position: relative;
    margin: auto;
    top:20px;
    display: block;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
}

.foottab1bg {
    position: absolute; 
    bottom: -50px; 
    z-index: -1; 
    left: 0;
}

.footprint {
    margin-top: -40px;
}

.foottab2bg {
    position: absolute; 
    top: -50px; 
    z-index: -1; 
    right: 0;
}

.hmbanner {
    background-image: linear-gradient(to bottom, #01a1d6, #212a67); height: 353px; width: 674px; background-repeat: no-repeat; border-radius: 20px; padding: 20px;
}

.hmbanner .hold {
    width: 450px;
}

.hmbanner .hold h3 {
    font: normal 26px Montserrat; color: #FFF;
}

.hmbanner .hold h2 {
    font-size: 45px; color: #FFF; font-family: 'Montserrat'; font-weight: 600; margin-bottom: 20px;
}

.hmrgtimg img{
    position: absolute; right: 0; bottom: 0; 
    max-width: 100%;
}

.hmnumcount {
    margin-top: -60px; margin-left: 20px; z-index: 9; position: relative;
}

.hmnumcount img {
    max-width: 492px;
    height: auto; /* preserves aspect ratio */
}
.hmnewbg {
    background-image: url(../images/top-banner-bg-new.jpg);  
    height: calc(100% - 66px); 
    position: relative; 
    background-size: cover; 
    background-position: center center;
}
.hmnewbg1 {
    background-image: url(../images/banner2.jpg);  
    height: calc(100% - 66px); 
    position: relative; 
    background-size: cover; 
    background-position: center center;
}
.hmnewbg1 .copy {
    padding-top: 50px;
}
.hmnewbg2 {
    background-image: url(../images/banner3.jpg);  
    height: calc(100% - 66px); 
    position: relative; 
    background-size: cover; 
    background-position: center center;
}
.hmnewbg3 {
    background-image: url(../images/banner4.jpg);  
    height: calc(100% - 66px); 
    position: relative; 
    background-size: cover; 
    background-position: center center;
}
.hmnewbg2 .copy {
    padding-top: 50px;
}
.hmnewbg3 .copy {
    padding-top: 50px;
}
.hmheiht100 {
    height: calc(100vh - 66px);
}

.gallery1 {
    display: flex; flex-direction: column; gap: 30px;
}

.campadbtm30 {
    padding-bottom: 30px;
}

.slick-dots {
    bottom: 25px;
}
.slick-dots li button:before {
    font-size: 10px;
}
.biobg {
    background: #F1FBFF; border-radius: 10px; padding: 20px;
}
.biobg {
    display: none;
}
.biobg.active{
    display: block;
}
.regular .slide {
    width: 48%;
    display: inline-flex;
    margin-right: 20px;
    margin-bottom: 20px;
}
.regular .slide:nth-of-type(even) {
   margin-right: 0px;
}
.profile img {
    filter: grayscale(100%);
}
.active .profile img {
    filter: grayscale(0%);
}
.profile img:hover {
    cursor: pointer;
}
.partnerslider .slick-next {
    top: -100px;
    right: 0px;
}

.partnerslider .slick-prev, .slick-next {
    width: 40px;
    height: 40px;
}
.partnerslider .slick-prev {
    top: -100px;
    right: 40px;
    left: auto;
}
.partnerslider .slick-slide{
    margin-left:  15px;
    margin-right:  15px;
  }

  .partnerslider .slick-list {
    margin-left: -15px;
    margin-right: -15px;
    pointer-events: none;
  }
  .partnerslider .slick-dots{
    bottom: -50px;
  }

  .partnerslider1 .slick-next {
    top: -60px;
    right: 0px;
}

.partnerslider1 .slick-prev, .slick-next {
    width: 40px;
    height: 40px;
}
.partnerslider1 .slick-prev {
    top: -60px;
    right: 40px;
    left: auto;
}
.partnerslider1 .slick-slide{
    margin-left:  15px;
    margin-right:  15px;
  }

  .partnerslider1 .slick-list {
    margin-left: -15px;
    margin-right: -15px;
    pointer-events: none;
  }
  .partnerslider1 .slick-dots{
    bottom: -50px;
  }
  .footsocial {
    gap: 20px; margin-top: 20px;
  }
.programe .top-accordion-nav {
    display: flex;
    align-items: center;
    gap: 1rem;
    border-bottom: 1px solid #dee2e6;
    padding: 0px;
    position: relative; /* 👈 ensures z-index applies */
    z-index: 10;      /* 👈 puts border above dropdown */
}

.programe .top-accordion-nav button {
        background: transparent;
        border: none;
        font-weight: normal;
        color: #999999;
        cursor: pointer;
        font-size: 25px;
        font-family: 'Montserrat';
      }

      .programe .top-accordion-nav button.active {
        color: #1D97C9;
        border-bottom: 2px solid #1D97C9;
      }

      .programe .accordion-body {
        padding: 20px 0px 0px 0px;
      }

      .programe .accordion-body a {
        color: #0d6efd;
        text-decoration: none;
      }

      .programe .accordion-body a:hover {
        text-decoration: underline;
      }
      .programe .accordion-button:not(.collapsed)::after {
        background-image: none;
        transform: none;
      }
      .programe .accordion-button::after {
        background-image: none;
      }
      #thankyou {
        /* height: 100%;
        align-items: center;
        justify-content: center;
        display: flex; */
        display: none;
        padding-top: 50px;
        /* text-align: center; */

      }
      .error {
        color: red;
      }
      .thankyou {
        padding: 50px 0px;
      }
      .thankyou h3 {
        font-size: 26px;
        font-weight: bold;
        color: #01126C;
      }
      .thankyou h4 {
        font-size: 22px;
        font-weight: 500;
        color: #01126C;
      }
      .thankyou p {
        font-size: 18px;
        font-weight: normal;
        color: #666666;
      }
      .thankyou h6 {
        font-size: 18px;
        font-weight: 500;
        color: #000000;
      }
      .pagenotfound {
        position: relative;
      }
      .pagenotfound .topleft {
        position: absolute;
        top: 0px;
        left: 0px;
        z-index: 1;
        width: 350px;
      }
      .pagenotfound .bottomright {
        position: absolute;
        right: 0px;
        bottom: 0px;
        z-index: 1;
        width: 350px;
      }
      .pagenotfound .bghold {
        position: relative; background-image: url(../images/404-bg.jpg); background-size: cover; background-position: center; padding: 100px 0px;
      }
      .pagenotfound .bghold h3 {
        font-size: 32px;
        color: #FFF;
        font-weight: bold;
        padding-top: 20px;
        padding-bottom: 20px;
      }
      .pagenotfound .bghold h4 {
        font-size: 18px;
        font-weight: 500;
        color: #FFF;
        padding: 20px 0px; 
      }
      .pagenotfound .bghold .pagenotimg img{
        width: 500px;
      }
      .callicons {
        position: fixed; bottom: 50px; right: 50px; z-index: 9;
      }
      .slick-slide img {
        height: auto;
      }
      .hmblog-item {
        background: #FFF;
        padding: 20px;
        border-bottom-left-radius: 20px;
        border-bottom-right-radius: 20px;
      }
      .hmblog-item .blttl {
        color: #132649;
        font-weight: 500;
        padding: 20px 0px;
      }
      .hmblog-item .blttl a {
        color: #132649;
        text-decoration: none;
      }
      .hmblog-item .blttl a:hover {
        text-decoration: underline;
      }
      .hmblog-item .blmore a {
        color: #1D97C9;
        text-decoration: underline;
      }
      .hmblog-item .blmore a:hover {
        text-decoration: none;
      }
     .hmblog-slider .slick-prev.slick-disabled:before {
        display: none;
     }
     .hmblog-slider .slick-next:before, .hmblog-slider .slick-prev:before {
        display: none;
     }
     .hmblog-slider .slick-prev, .slick-next {
        top: -30px;
        height: auto;
     }
     .hmblog-slider .slick-next {
        right: 20px;
     }
     .hmblog-slider .slick-prev {
        left: auto;
        right: 90px;
     }
     .hmblog-slider .slick-dots {
        bottom: -25px;
     }
     .bloglist {
        padding: 50px 0px; 
     }
     .bloglist .bloggrbg {
        background: #F7F9FF; border-radius: 20px; padding: 30px;
        margin-bottom: 50px;
     }
     .bltr {
        background: transparent;
        padding: 0px;
        border-radius: 0px;
     }
     .blwtbg {
        background: #FFF; padding: 20px; border-bottom-left-radius: 20px; border-bottom-right-radius: 20px;;
     }
     .bloglist .hmblog-slider .slick-slide {
        padding: 0 10px;   /* controls gap */
        box-sizing: border-box;
    }
    .bloglist .hmblog-slider .slick-list {
        margin: 0 -10px;
    }
    .bloglist .hmblog-slider .slick-dots {
        bottom: -40px;
    }

    .maxwidth440 {
        max-width: 440px;
    }
    .maxwidth610 {
        max-width: 610px;
    }
    .blogdetail {
        padding: 50px 0px;
        position: relative;
    }
    .blogdetail .tabcont {
        border-top-left-radius: 20px;
        border-top-right-radius: 20px;
        background: #01126C;
        padding: 20px;
    }
    .blogdetail .tabcont .gap10 {
        gap: 10px;
    }

    .blogdetail .tableofcon {
        border-radius: 10px;
        background: #F5F5F5;
        padding: 20px 15px;
    }

    .sticky-col {
        position: sticky;
        top: 20px;
        align-self: flex-start;
        z-index: 3;
    }
    .blogdetail .tableofcon ol {
        padding-left: 20px;
    }
    .blogdetail .tableofcon ol li {
        font-size: 16px;
        color: #132649;
        margin-bottom: 20px;
    }

    .blogdetail .tableofcon ol li a {
        color: #132649;
        text-decoration: none;
    }
    .blogdetail .tableofcon ol li a:hover {
        text-decoration: underline;
    }
    .blogdetail .locinfo {
        scroll-margin-top: 20px;
    }
    .blogdetail .locinfo p{
        color: #001522;
    }
    .blogdetail .locinfo h2 {
        font-size: 20px;
        color: #01126C;
        font-weight: 600;
        margin-bottom: 20px;
    }
    .blogdetail .locinfo .grbghold {
        background-color: #F3FCFF; border-radius: 20px; padding: 20px; margin-bottom: 20px;
    }
    .blogdetail .locinfo .grbghold .gap10 {
        gap: 10px;
    }
    .blogdetail .locinfo .grbghold1 {
        background-color: #F5F5F5; border-radius: 20px; padding: 20px; margin-bottom: 20px;
    }
    .blogdetail .locinfo .grbghold1 .gap10 {
        gap: 10px;
    }
    .blogdetail hr {
        margin: 20px 0px;
        border: none;
        background: transparent;
        color: transparent;
    }
    .blogdetail hr.lightblack {
        margin: 20px 0px;
        border: 0.2px solid #000;
    }
    .blue-cyan {
        color: #1D97C9 !important;
    }
    .blogdetail .blgfaq {
        margin-top: 50px;
    }
    .blogdetail .blgfaq h2 {
        font-size: 24px;
        color: #132649;
        margin-bottom: 30px;
    }
    .blgfaq .accordion-item {
        background-color: #FFF;
        font-size: 16px;
        color: #676767;
        margin-top: 10px;
        border: none;
        border-radius: 10px;
    }
    .blogdetail .blgfaq .accordion-item h2 {
        margin-bottom: 0px;
        font-size: 16px;
        color: #001522;
        font-weight: normal;
    }
    .blogdetail .blgfaq .show .accordion-body {
        background: #FFF;
        border-bottom-left-radius: 10px;
        border-bottom-right-radius: 10px;
        font-size: 16px;
        color: #666666;
        padding-top: 0px;
    }
    .blogdetail .blgfaq .accordion-button:not(.collapsed) {
        background: #FFF;
        border-top-left-radius: 10px;
        border-top-right-radius: 10px;
         box-shadow: none;
    }
    .blogdetail .blgfaq .accordion-button {
        display: flex;
        justify-content: space-between;
        align-items: center;
    }
    .blogdetail .blogconc {
        background: #01126C;
        border-radius: 20px;
        padding: 20px;
        font-size: 16px;
        color: #FFF;
        margin-bottom: 20px;
    }
    .blogdetail p a {
        color: #1D97C9;
        text-decoration: underline;
    }
    .blogdetail p a:hover {
        text-decoration: none;
    }
    #tocSelect {
        appearance: none;
        -moz-appearance: none;
        -webkit-appearance: none;
        padding-left: 45px;
        background: url(../images/icon-table-blue.svg) no-repeat 10px center;
        background-size: 24px 24px;
        margin-right: 20px;
        font-size: 16px;
        color: #132649;
    }
    .tableofcon-select option {
        font-size: 16px;
        color: #132649;
    }
    .tableofcon-select {
        background: #f4f4f4;
        border-radius: 10px;
        padding: 10px;
        width: 100%;
        margin-bottom: 20px;
    }
    .hmblog-slider .slick-track {
        margin-left: 0 !important;
    }
    .prognew {
        margin-top: 50px;
    }
    .trapronew {
        margin-top: 20px;
    }
    .trapronew .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
        background: #01126C !important;
        color: #FFF !important;
        font-size: 18px !important;
        font-weight: 500 !important;
        padding: 12px 50px !important;
        border-radius: 20px !important;
    }
    .trapronew .nav-tabs {
        border: none;
    }
    .trapronew ul.nav-tabs  li {
        margin-right: 20px;
    }
    .trapronew .nav-tabs .nav-link {
        background: #FFF;
        border-radius: 20px;
        font-size: 18px;
        font-weight: normal;
        color: #999999;
        padding: 12px 50px;
        border: 0.5px solid #666666;
    }
    .trapronew .tabpanhold {
        border: 1px solid rgba(0, 0, 0, 0.2);
        border-radius: 20px;
        padding: 20px;
        margin-bottom :20px;
        position: relative;
    }
    .trapronew .tabpanhold a {
        background: #01126C; border-radius: 20px; padding: 12px 20px; font-size: 16px; font-weight: 500; color: #FFF;
        gap: 50px;
    }
    .trapronew .tabpanhold hr {
        border: 1px solid rgba(0, 0, 0, 0.2); margin: 20px 0px;
    }
    .trapronew .tabpanhold a:hover {
        text-decoration: none;
    }
    .trapronew .tabpanhold .upcoming {
        position: absolute; background: #E0E1E2; border-bottom-left-radius: 20px; border-bottom-right-radius: 20px; top: 0px; right: 20px;
        padding: 10px 20px 10px 20px;
    }
    .trapronew .tabpanhold ul {
        margin: 0px;
        padding: 0px;
        list-style: none;
    }
    .trapronew .tabpanhold ul li {
        display: inline-block;
        margin-right: 20px;
    }
    .trapronew .tabpanhold ul li:last-child{
        margin-right: 0px;
    }
    .prognewdetails {
        margin-top: 50px;
    }
    .maxwidth475 {
        max-width: 480px;
    }
    p.prosubhead {
        background: rgba(255, 255, 255, 0.75);
        padding: 10px 20px;
        font-size: 16px;
        color: #01126C;
        margin: 0px;
        border-radius: 30px;
        display: inline-block;
    }
    .lineheight40 {
        line-height: 40px;
    }
    .prognewdetails .blgradbg {
        padding: 20px;
        border-radius: 20px;
        background-image: linear-gradient(to bottom, #f3fcff, #fff);
    }
    .blgradbg ul {
        margin: 0px;
        padding: 0px;
    }
    .blgradbg ul li {
        font-size: 16px;
        color: #1D97C9;
        margin-bottom: 10px;
        margin-left: 20px;
    }
    .prognewdetails .wcp{
        padding: 30px;
        border-radius: 20px;
        background-image: linear-gradient(to right, #01126c, #1d97c9);
        margin-top: 50px;
    }
    .prognewdetails .pttc {
        margin-top: 50px;
    }
    .prognewdetails .pttc .numcirc { 
        bottom: -24px;
        left: 20px;
        position: absolute;
    }
    .prognewdetails .interblbg {
        background: #F3FCFF;
        border-radius: 20px;
        padding: 20px;
        margin-top: 20px;
    }
    .testi {
        margin-top: 50px;
    }
    .testimonial-slider {
        margin: auto;
    }
   .testimonial-slider .testimonial-item {
        background: #FAFAFA;
        border-radius: 20px;
        padding: 20px;
   }
   .testimonial-slider .testimonial-item .gap20 {
        gap: 20px;
   }
    .testimonial-slider .slick-slide {
        margin: 0 10px;
    }
    .testimonial-slider .slick-list {
        margin: 0 -10px;
    }
    .testimonial-slider .slick-dots {
        bottom: -25px;
    }
    .testimonial-slider .slick-next {
        top: -50px;
        height: auto;
    }
    .testimonial-slider .slick-prev {
        top: -50px;
        height: auto;
        right: 50px;
        left: auto;
    }
    .testimonial-slider .slick-track {
        display: flex !important;
    }

    .testimonial-slider .slick-slide {
        display: flex !important;
        height: auto !important;
    }

    .testimonial-slider .slick-slide > div {
        display: flex;
        align-items: flex-start;
    }

    .testimonial-item {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
    }
    .faqs {
        margin-top: 50px;
    }
    .faqs .accordion-item:first-of-type>.accordion-header .accordion-button {
        border-radius: 0px;
    }
    .faqs .accordion-button:not(.collapsed) {
        background: transparent;
        box-shadow: none;
    }
    .faqs .accordion-item {
        border: none;
        border-bottom: 0.2px solid #000
    }
    .faqs .accordion-item h2 {
        font-size: 18px;
        color: #001522;
    }
    .faqs .accordion-button {
        padding-bottom: 15px;
        padding-left: 0px;
    }
    .faqs .accordion-body {
        padding-bottom: 15px;
        font-size: 16px;
        color: #666666;
        padding-top: 0px;
        padding-left: 0px;
        border-radius: 0px;
    }
    .faqs .accordion-item:last-of-type>.accordion-header .accordion-button.collapsed {
        border-radius: 0px;
    }
    .faqs .accordion-item:last-of-type>.accordion-collapse {
        border-radius: 0px;
    }
    .faqs .accordion-item:last-of-type {
        border-radius: 0px;
    }
    .elegibility {
        background: #F5F5F5;
        padding: 50px 0px; 
    }
@media only screen and (min-width: 1700px) and (max-width: 5000px) {
    .hmbanner .hold h2 br {
        content: "";
    }
    
    .hmbanner .hold {
        width: 100%;
    }
    
    .hmnumcount img {
        max-width: 630px;
        height: auto; /* preserves aspect ratio */
    }
}

@media  screen and (max-width: 1680px) {
    .topbanner .bannertext {
        bottom: 50px;
    }
}

@media  screen and (max-width: 1440px) { 
    .topbanner .bannertext {
        bottom: 100px;
    }
    .headh2 {
        font-size: 32px;
    }
    .topbanner .bannertext p {
        font-size: 16px;
    }
    .mainttl {
        font-size: 20px;
    }
    .blsemibold {
        font-size: 18px;
    }
    .cyansemibold {
        font-size: 18px;
    }
    .greycont {
        font-size: 16px;
    }
    .blbold {
        font-size: 20px;
    }
    .abouttopbanner .bannertext {
        padding-top: 30px;
    }
    .whitep {
        font-size: 16px;
    }
    .whtbtn, .blubtn {
        font-size: 16px;
        padding: 10px 30px;
        
    }
    .headh2pop {
        font-size: 35px;
    }
    .headh3pop {
        font-size: 24px;
    }
    .whitep18 {
        font-size: 16px;
    }
    .aboutul li {
        font-size: 18px;
    }
    .pop20 {
        font-size: 18px;
    }
    .pop18 {
        font-size: 16px;
    }
    .pop22 {
        font-size: 20px;
    }
    .pop24 {
        font-size: 18px;
    }
    .placements ul li {
        font-size: 16px;
    }
    .pop30 {
        font-size: 20px;
    }
    .pop35 {
        font-size: 35px;
    }
    .proghold {
        padding-right: 20px;
    }
    .highlight .tnhold img {
        width: 80px;
    }
    .brdlbtn {
        font-size: 16px;
        padding: 10px 20px;
        justify-content: center;
    }
    .hmnewbg1 .copy img{
        width: 600px !important;
    }

    /* .hmnewbg2 .copy img{
        width: 241px !important;
    } */
}
@media  screen and (max-width: 1366px) { 
    .abouttopbanner {
        background-image: url(../images/hm-bg-1280.jpg);
        background-position: top center;
    }
    .topbanner .bannertext {
        bottom: 50px;
    }
    .hmrgtimg img {
        width: 52%;
    }

}
@media only screen and (min-width: 1250px) and (max-width: 1290px) {
    .topbanner .bannertext {
        padding-left: 60px;
        bottom: 20px;
    }
    .topbanner .bannertext p {
        max-width: 540px;
    }
    
    .whitep {
        margin-bottom: 0px;
    }
    .abouttopbanner .bannertext {
        padding-top: 20px;
    }
    .topbanner .bannertext {
        bottom: 0px;
    }
    .hmrgtimg img {
        max-width: 52%;
    }
}
@media  screen and (max-width: 1024px) {
    .navbar-expand-lg .navbar-nav .nav-link {
        padding-left: 11px;
        padding-right: 11px;
    }
    .topbanner .bannertext {
        max-width: 500px;
        bottom: 50px;
    }
    .abouttopbanner .bannertext {
        padding-top: 20px;
    }
    .brdlbtn {
        font-size: 16px;
        padding: 10px 20px;
    }
    .topbanner .bannertext {
        padding-left: 0px;
        max-width: 580px;
    }
    .abouttopbanner .bannertext .headh2 br {
        content: '';
    }
    .hmrgtimg img{
        max-width: 56%;
    }

    .hmnewbg1 .copy {
        padding-top: 20px;
    }

    .hmnewbg2 .copy {
        padding-top: 20px;
    }

    .hmnewbg3 .copy {
        padding-top: 20px;
    }

    .hmnewbg1 .copy img{
        width: 500px !important;
    }

    /* .hmnewbg2 .copy img{
        width: 164px !important;
    } */

    .insidetopbg {
        min-height: 150px;
    }



    .industriesslide1 .slick-prev {
        top: -120px;
    }

    .industriesslide1 .slick-next {
        top: -120px;
    }
    .benefitsbg .benhold {
        min-height: 374px;
    }
    .nav-link {
        font-size: 15px;
    }
    .hmnewbg2 .copy img {
        width: 205px !important;
    }
    .hmnewbg3 .copy img {
        width: 250px !important;
    }
    .regular .slide {
        width: 47%;
    }
}

@media  screen and (max-width: 768px) {
    #logo {
        width: 200px;
    }

    .benefitsbg .col-md-3 {
        width: 50%;
        margin-bottom: 20px;
    }

    .programe .top-accordion-nav button {
        font-size: 18px;
    }

    .partnerslide .slick-prev {
        top: -140px;
    }

    .partnerslide .slick-next {
        top: -140px;
    }

    .industriesslide1 .slick-prev {
        top: -140px; 
    }

    .industriesslide1 .slick-next {
        top: -140px; 
    }

    .oversecrgtcrv {
        top: -150px;
    }
    .whitep {
        font-size: 13px;
    }
    .headh2 {
        margin-bottom: 0px;
        font-size: 24px;
    }
    .topbanner {
        background-image: url(../images/hm-mob-bg.jpg);
    }
    .topbanner .bannertext {
        padding-top: 20px;
        bottom: auto;
        text-align: center;
        position: static;
        margin: auto;
    }
    .topbanner .bannertext .white {
        color: #01126C;
    }
    .topbanner .bannertext p {
        color: #01126C;
        margin: 0px;
        width: 100%;
        max-width: 100%;
        
    }
    .headh2 span {
        font-size: 24px;
    }
    .headh2 span br {
        content: "";
    }
    .navbar {
        flex-direction: row-reverse;
        justify-content: space-between;
    }
    .showmobile {
        display: block;
    }
    .showinlinemobile {
        display: inline-block;
    }
    .showdesktop {
        display: none;
    }
    
    .navbar-nav {
        background: #FFF; width: 70%;
    }
    .navbar-collapse {
        margin: 0px -20px; 
    }
    .navbar-nav .dropdown-menu {
        border: none;
        padding-left: 30px;
    }
    .dropdown-item {
        color: #01126C;
    }
    .navbar-toggler {
        border: none;
    }
    .navbar-toggler:focus {
        box-shadow: none;
    }
    .no-gutter {
        margin-right: 0;
        margin-left: 0;
      }
      .slick-prev {
        left: 0px;
        width: 35px;
        height: 35px;
      }
      .slick-next {
        right: 0px;
        width: 35px;
        height: 35px;
      }
      .slick-prev:before, .slick-next:before  {
        content: "";
      }
      .slick-next, .slick-prev {
        top: 22%;
        z-index:1;
      }
      .overxhidden {
        overflow-x: hidden;
      }
      .slick-dots li button:before {
        color: #132649;
        content: "";
        width: 8px;
        height: 8px;
        background: #132649;
        border-radius: 50%;
        opacity: 0.3;
    }
    .slick-dots li.slick-active button:before {
        color: #132649;
        opacity: 1;
    }
    .slider1 {
        padding: 0px 20px;
    }
    .abouttopbanner {
        background-image: url(../images/about-banner-mobile.png);
        background-position: top center; 
    }
    .abouttopbanner .bannertext br {
        content: "";
    }
    .abouttopbanner .bannertext .whitep {
        text-align: center;
        margin: auto;
        font-size: 14px;
    }

    .abouttopbanner .bannertext {
        padding-top: 20px;
        text-align: center;
    }
    .btnwrapper {
        justify-content: center;
    }
    .abtblegt {
        position: static;
        bottom: auto;
    }
    .insidetopbg .pad-top50 {
        padding-top: 15px;
    }
    .mobpadbtm20 {
        padding-bottom: 20px;
    }

    .mobmarbtm20 {
        padding-bottom: 20px;
    }
    .toprgtcrv {
        display: none;
    }
    .advhold {
        margin-top: 0px;
    }

    .progholdmain {
        gap: 20px;
        border: none;
    }
    .toplftcrv {
        left: 0;
        display: none;
    }
    .proghold p { 
        margin: 0px;
    }
    .traininbrd {
        padding-bottom:20px; 
        margin-bottom: 30px;
    }
    .placebtmleft, .admitoprgt {
        display: none;
    }
    .navbar {
        align-items: center;
    }
    .progrhold {
        padding: 20px 15px; 
        max-width: 400px;
    }
    .highimage img{
        /* height: 150px; */
        object-fit: cover;
    }
    .highlight .tnhold img {
        width: 60px;
    }

    .greycont {
        line-height: 22px;
    }

    .footcenter {
        text-align: center;
    }

    .footprint {
        margin-top: 20px;
    }

    .footacco .active:after {
        top: 0;
       margin-bottom: 10px;
    }

    .hmheiht100 {
        height: auto;
    }
    .hmbanner .hold h3 {
        font-size: 22px;
    }
    .hmbanner .hold h2 {
        font-size: 35px;
    }
    .hmbanner .hold {
        width: auto;
    }
    .hmbanner {
        width: auto;
        height: auto;
        border-top-left-radius: 0px;
        border-top-right-radius: 0px;
    }
    .hmnumcount img {
        max-width: auto;
        width: 100%;
        height: auto; /* preserves aspect ratio */
    }
    .hmnumcount {
        margin-top: -20px;
        margin-left: auto;
        text-align:center;
    }
    .hmrgtimg {
        text-align:center;
    }
    .hmrgtimg img {
        position: static;
        margin: auto;
    }
    .hmnewbg {
        height: auto;
    }
    .hmrgtimg img {
        max-width: 100%;
        height: auto;
    }

    .hmnewbg1 {
        background-image: url(../images/banner2.jpg);
    }

    .hmnewbg1 .copy {
        padding-top: 20px;
    }



    .hmnewbg2 {
        background-image: url(../images/banner3.jpg);
    }

    .hmnewbg2 .copy {
        padding-top: 20px;
    }

    .hmnewbg3 {
        background-image: url(../images/banner4-mobile.jpg);
    }

    .hmnewbg3 .copy {
        padding-top: 20px;
    }

    /* .hmnewbg2 .copy img{
        width: 264px !important;
    } */

    .hmnewbg1, .hmnewbg2, .hmnewbg3 {
        height: 675px;
    }
    .hmblog-slider .slick-next {
        top: -30px;
    }
    .hmblog-slider .slick-prev {
        right: 70px;
    }
    .highlight .highlight-card {
        padding: 20px 10px;
    }
    .highlight .highlight-card svg {
        width: 80px;
        height: 80px;
    }
    .highlight .highlight-card h4 {
        font-size: 16px !important;
    }
}

@media  screen and (max-width: 767px) {
    
    .howitworkbg img {
        text-align: center;
        width:100%;
    } 
    .benefitsbg .benhold {
        min-height: auto;
    }
    .benefitsbg .col-md-3 {
        width: 100%;
        margin-bottom: 20px;
    }
    .partnerslide .slick-prev {
        top: -170px;
    }
    .partnerslide .slick-next {
        top: -170px;
    }
    .benefitsbg1 .brdrgt {
        border-right: 0px;
        padding-right: 0px;
    }
    .mobpad-btm{
        padding-bottom: 30px;
    }
    .hmnewbg1 {
        background-image: url(../images/banner2-mobile.jpg);
    }

    .hmnewbg1 .copy {
        padding-top: 20px;
    }

    .hmnewbg1 .copy img{
        width: 398px !important;
    }

    .hmnewbg2 {
        background-image: url(../images/banner3-mobile.jpg);
    }

    .hmnewbg2 .copy {
        padding-top: 20px;
    }

    .hmnewbg3 {
        background-image: url(../images/banner4-mobile.jpg);
    }

    .hmnewbg3 .copy {
        padding-top: 20px;
    }

    /* .hmnewbg2 .copy img{
        width: 264px !important;
    } */

    .hmnewbg1, .hmnewbg2, .hmnewbg3 {
        height: 570px;
    }
    .slick-dots {
        bottom: -30px;
    } 
    .benefitsbg .brdrgt.d-flex {
        display: block !important;
    }
    .benefitsbg .brdrgt {
        border-right: none;
        margin: auto;
        text-align:center;
    }
    .industriesslide .slick-slide img {
        text-align:center;
        margin: auto;
        padding-bottom: 20px;
    }

    .industriesslide1 .slick-slide img {
        text-align:center;
        margin: auto;
        padding-bottom: 20px;
    }
    .regular .slide {
        margin-right: 0px;
    }
    .pagenotfound .bghold .pagenotimg img{
        width: 300px;
      }
      .pagenotfound .topleft {
        display: none;
      }
      .pagenotfound .bottomright {
        display: none;
      }

    .cpittbg {
        background-image: url('../images/cpittbg-mobile.jpg');
        background-position: top center;
        height: 611px;
    }
    .cpihm {
        background-image: url('../images/cpihm-mobile.jpg');
        background-position: top center;
    }
    .cpihmriyadh {
        background-image: url('../images/cpihmriyadh-mobile.jpg');
        background-position: top center;
    }
    .cpihmshanghai {
        background-image: url('../images/cpihmshanghai-mobile.jpg');
        background-position: top center;
    }
    .cpithm {
        background-image: url('../images/cpithm-mobile.jpg');
        background-position: top center;
    }
    .cpirm {
        background-image: url('../images/cpirm-mobile.jpg');
        background-position: top center;
    }
    .cpirmriyadh {
        background-image: url('../images/cpirmriyadh-mobile.jpg');
        background-position: top center;
    }
    .cpirmshanghai {
        background-image: url('../images/cpirmshanghai-mobile.jpg');
        background-position: top center;
    }
    .cpitmm {
        background-image: url('../images/cpitmm-mobile.jpg');
        background-position: top center;
    }
    .cpitmmg {
        background-image: url('../images/cpitmmg-mobile.jpg');
        background-position: top center;
    }
    .bloginsidetopbg {
        height: 610px;
    }
    .pad-top80 {
        padding-top: 40px;
    }
    .trapronew ul.nav-tabs li {
        display: block;
        margin-right: 0px;
        margin-bottom: 20px;
        width: 100%;
    }
    .trapronew ul.nav-tabs li:last-child {
        margin-bottom: 0px;
    }
    .trapronew .nav-tabs .nav-link {
        width: 100%;
    }
    .trapronew .tabpanhold ul li {
        display: block;
        width: 100%;
        margin-bottom: 20px;
    }
    .trapronew .tabpanhold ul li:last-child {
        margin-bottom: 0px;
    }
    .trapronew .tabpanhold a {
        gap: 0px;
        justify-content: space-between;
    }
    .trapronew .tabpanhold .upcomingttlhold {
        margin-top: 50px;
    }
    .pop35 {
        font-size: 30px;
    }
    .prognewdetailsbg {
        min-height: 610px;
    }
    .lineheight40 {
        line-height: normal;
    }
}
.rounded20 {
    border-radius: 20px;
}