body,
html {
  margin    : 0;
  padding   : 0;
  overflow-x: hidden;
}

.left {
  position        : absolute;
  top             : 0;
  left            : 0;
  width           : 25%;
  height          : 35px;
  background-color: #0F2C2C;
  clip-path       : polygon(0 0, 0 96%, 100% 113%, 97% 0);
}

.right {
  position        : absolute;
  top             : 0;
  left            : 250px;
  width           : 100%;
  height          : 35px;
  background-color: #FF4500;
  clip-path       : polygon(5% 0, 93% 3%, 100% 100%, 0 103%);
}

.tp_edu {
  font-weight: 600;
}

header {
  width           : 100%;
  z-index         : 9;
  background-color: #D2E7F0;


}

.header {
  position: relative;
}

.paragraph path {
  color: #FF4500;
}

a {
  text-decoration: none;
}

.btm-nav-bar {

  position: relative;
}

.navbar {
  justify-content: space-around;
}
.header-area .cents .col-md-2{
  padding-right: 0;
}

.header-area .cents .col-md-10{
  padding-left: 0;
}
.log-nme{
  border-bottom: 2px solid #1a265c;
}
.nav-link:hover{
  color: #fff;
}
.navbar a {
  display   : block;
  color     :#1A265C;
  font-size : 15px;
  padding   : 2px 22px;
  text-align: start;

  text-decoration: none;
}

.nav-item {
  margin: 0 10px;
}

.nav-link {
  display: block;
  padding: .3rem 1rem;
}

.navbar .dropdown-item {
  color: #000000;
}

.dropdown-menu {
  background: #161F32 !important;
}

.navbar a:hover {
  color: rgb(255, 255, 255);
}

.navbar .icon {
  display: none;
}




.greet-sect{
padding-right: 24px;
}

.text-and-img p {
  font-size: 16px;
  line-height: 29px;
  color: #fff;
}
.paragraph-main {
  padding-top: 16px;
}

.paragraph span {
  padding-right: 10px;
  display      : flex;
  align-items  : center;
}

#myCarousel {
  margin-top: 50px;
  text-align: center;
}

.card {
  border-style: none ;
  padding     : 25px ;
}
.top-dtl h5{
  font-size: 20px;
  font-weight: 600;
}

.card h1 {
  background   : #F5F7FA;
  padding      : 10px;
  margin       : 3px;
  border-radius: 15px 15px 0px 0px;
}

.card .top-dtl {
  background   : #ffffff;
  padding      : 10px;
  margin       : 3px;
  border-radius: 0px 0px 15px 15px;
}

.top-dtl h5{
  margin-bottom: 0;
}

.top-dtl p{
  margin-bottom: 0;
}
form {
  border-radius: 10px;
  padding      : 25px;

}

#form-hr {
  height          : 7px;
  margin-right    : 40%;
  background-color: #161F32;
  opacity         : 1;
  border          : none;
  margin-top      : 5px !important;

}

.age-mobile-padding {
  margin: 0 10px 0 0px;
}

#age-mobile {
  display: flex;
}




.submit-btn {
  margin-top      : 15px;
  background-color: #7093CB;
  border-radius   : 25px !important;
  width           : 73%;
  margin: auto;
}

.contact-us-main {
  display: flex;
}

#contect {
  padding: 8%;
}

#contect h2 {
  text-align: center;

}

.contect-logo-text {
  display         : flex;
  background-color: white;
  border-radius   : 5px;
  margin          : 14px;
}

.contect-logo-size {
  margin: 16px 5px;
}

#message {
  width: 100%;
}

#contect-form {
  padding: 2% 7%;
}

.tab {
  overflow        : hidden;
  background-color: #f1f1f1;
}

.tab button {
  background-color: inherit;
  float           : left;
  border          : none;
  outline         : none;
  cursor          : pointer;
  padding         : 14px 16px;
  width: 32.9%;
  border-left: 1px solid #000;
  transition      : 0.3s;
  font-size       : 17px;
}

.tab button:hover {
  background-color: #ddd;
}

.tab button.active {
  background-color: #ccc;
}

.tabcontent {
  padding      : 6px 12px;
  
}



#tab-form {
  border-radius: 15px;
}

.tab-and-form form{
  border: 1px solid #ddd;
}
.tab {
  border-radius: 16px 16px 0 0;
}

.tab button.active {
  background-color: #A1B6D8;
  color: white;
}

.card-body img {
  width: 60%;
}

.footor-logo img {
  width  : 57%;
  padding: 20px 0px;

}

footer {
  background-color: #161F32;
}

.footor-logo p {
  margin: 0;
}

.footor-logo {
  background-color: #ffffff;
  margin          : 33px;
  border-radius   : 25px;
}

#call-on-working {
  margin-bottom: 30px;
}

.imp-links h3 {
  color: #ffffff;

}

.imp-links {
  margin: 45px 0 0px 31px;
}

.imp-links p a {
  color          : white;
  text-decoration: none;
}

.developed {
  text-align: end;
  width     : 66%;

}

.hr-footor {
  margin: 15px !important;
}

.d-flex {
  display: flex !important;
}

.displayblock {
  display: flex;
}

.footor-deital {
  background-color: #161F32;
  padding         : 30px;
}

.about-sect .row{
  align-items:center;
}

.text-and-img h1{
  font-size: 48px;
  color:  #ffffff;
  font-weight: 400;
}

.from_bihm{
  font-weight: 300;
}
.text-and-img{
  padding-top: 30px;
}


@media only screen and (min-width: 319px) and (max-width: 426px) {
  .text-and-img {
    padding: 0 6px !important;
    display: block;
  }

  .text-and-img h1 {
    font-size: 30px;
  }

  .paragraph-main {
    padding-top: 0px;
  }

  .paragraph span {
    padding-right: 0px;
    display      : flex;
    align-items  : center;
    width        : 28px;
  }

  .text-and-img p {
    font-size: 14px;
    width    : 100%;
  }

  .nav-item {
    padding: 0px !important;
  }

  .displayblock {
    display: block !important;
  }

  .two_img_logo {
    display: none;
  }

  .submit-btn {
    margin: 0px 28px;
  }



  #logo_ddu {
    width   : 70px;
    height  : 70px;
    position: relative;
    bottom  : 138px;
  }

  #logo_bip {
    width : 62px;
    height: 62px;
  }

  .col_nme h1 {
    font-size: 27px !important;
  }

  .col_nme p {
    font-size: 11px !important;
    margin   : 0 !important;
  }

  .col-5 {
    position: relative;
    bottom  : 89px;
    left    : 229px;
    width   : 25% !important;
  }

  .navbar-mobile {
    position  : fixed;
    overflow  : hidden;
    top       : 0;
    right     : 0;
    left      : 0;
    bottom    : 0;
    background: rgba(0, 0, 0, 0.9);
    transition: 0.3s;
    z-index   : 9999 !important;
  }

  .navbar-mobile ul {
    position        : absolute;
    top             : 55px;
    right           : 15px;
    bottom          : 15px;
    left            : 15px;
    padding         : 10px 0;
    background-color: #fff;
    overflow-y      : auto;
    transition      : 0.3s;
  }

  .tab-and-form {
    margin: 20px 0px !important;
  }

  .tablinks {
    padding  : 7px !important;
    font-size: 15px !important;
  }

  .tabcontent {
    height: 200px;
  }

  .disnon {
    display: none;
  }

  .col-md-3 {
    width: 100%;
  }

  .card {
    margin : 0 !important;
    padding: 0 !important;
  }

  #myCarousel {
    margin: 16px 10px;

  }

  .card-body img {
    width: 75%;
  }

  .Copyright {
    font-size : 10px;
    text-align: center;
  }

  .developed {
    width     : 100%;
    text-align: center;
    padding   : 0;
    margin    : 0;
  }

  .mkd li a {
    color    : #fff;
    font-size: 15px;
    margin   : 0 4px;
  }

  .footor-deital {
    padding: 1px !important;
  }


}





@media (max-width: 768px) {
  .carousel-inner .carousel-item>div {}

  .carousel-inner .carousel-item>div:first-child {
    display: block;
  }
}

.carousel-inner .carousel-item.active,
.carousel-inner .carousel-item-start,
.carousel-inner .carousel-item-next,
.carousel-inner .carousel-item-prev {
  display: flex;
}

@media (min-width: 768px) {

  .carousel-inner .carousel-item-right.active,
  .carousel-inner .carousel-item-next,
  .carousel-item-next:not(.carousel-item-start) {
    transform: translateX(25%) !important;
  }

  .carousel-inner .carousel-item-left.active,
  .carousel-item-prev:not(.carousel-item-end),
  .active.carousel-item-start,
  .carousel-item-prev:not(.carousel-item-end) {
    transform: translateX(-25%) !important;
  }

  .carousel-item-next.carousel-item-start,
  .active.carousel-item-end {
    transform: translateX(0) !important;
  }

  .carousel-inner .carousel-item-prev,
  .carousel-item-prev:not(.carousel-item-end) {
    transform: translateX(-25%) !important;
  }
}



@media screen and (max-width: 600px) {
  .navbar.responsive {
    position: relative;
  }

  .navbar.responsive .icon {
    position: absolute;
    right   : 0;
    top     : 0;
  }

  .navbar.responsive a {
    float     : none;
    display   : block;
    text-align: left;
  }

  .navbar a {
    display   : block;
    color     : #000000;
    font-size : 14px;
    padding   : 4px;
    text-align: start;

    text-decoration: none;
  }

}

@media screen and (max-width: 600px) {
  .navbar.responsive {
    display         : block;
    width           : 100%;
    height          : 100vh;
    background-color: #333;
    overflow-x      : hidden;
    position        : fixed;
    top             : 0;
    right           : 0;
    z-index         : 1;
    transition      : 0.5s;
  }
}

.soc-blx {
  margin-top: 30px;
}

.med-box {
  background-color: #fff;
  border-radius   : 10px;
  box-shadow      : 0 0 9px 0 #ddd;
  height          : 460px;
  padding         : 10px;
  position        : relative;
}

.med-head {
  position        : absolute;
  left            : 50%;
  transform       : translate(-50%, -50%);
  top             : 0px;
  background-color: #4a68b0;
  padding         : 7px 25px;
  border-radius   : 5px;
  font-size       : 16px;
  z-index         : 999;
  color           : #fff;
}

.inde {
  position: relative;
}
.plcmn-itm {
  height: 278px;
}
.plcmn-itm .plcmnt-img img {
  border-radius: 12px;
}
.plcmn-itm .plcmnt-img img {
  border-radius: 12px;
  width: 100%;
}
.slick-slide img{
  display: block;
}
.plcmnt-head {
  text-align: center;
  font-size: 40px;
  margin-bottom: 15px;
  font-weight: 600;
}
.pg-plcmnt {
  padding-top: 30px;
  padding-bottom: 30px;
}
.plcmn-itm 
.plcmnt-img {
  width: 89%;
  height: 196px;
  margin: auto;
  border-radius: 12px;
  box-shadow: 0 0 9px 0 #e3e3e3;
  padding: 6px 0 0 0;
  display: flex;
  margin-bottom: 6px;
  background: #F5FAFF;
  border: 1px solid #e43d12;
}
.plcmn-itm {
  border: 1px solid #e43d12;
  text-align: center;
  padding-top:15px;
  background-color: #ffffff;
  border-radius: 15px;
  margin: 7px 25px;
}
.card .disp-img {
  background: #ffffff;
padding: 10px 10px 0px 10px;
  margin: 3px;
  border-radius: 15px 15px 0px 0px;
}
.disnon .card{
  padding: 15px;
}
p{
  margin-bottom: 0;
}
.card .disp-img img{
  width: 100%;
  height: 220px;
}
.distin-img{
  background-color: #9BC3FF;
  padding: 20px;
  padding-bottom: 0;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  
  text-align: center;
}

.distin-img img{
  width: 80%;
  margin: auto;
  height: 240px;
}

.distin-dtl{
  background-color: #fff;
  padding: 6px 10px;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
}

.distingus{
  background-color: #F5FAFF;
  padding: 30px;
 
}
.distingus .dstn-head{
  font-size: 40px;
  padding-top: 10px;
}
.distin-comp h6{
  margin-bottom: 0;

}
.distin-comp{
  margin-top: 15px;
}
.disto-2{
  background-color: #FFD7DC;
}
.admsn-btn{
  margin-top: 80px;
}
.get_admsn{
  background-color: #e43d12;
  color: #fff;
  margin-top: 30px;
  border-radius: 20px;
  padding: 10px 20px;
}
.studnt-dtl{
  padding-left: 16px;
}
.studnt-lft{
  text-align: start;
  font-weight: 600;
}
.plcmnt-lft{
  text-align: start;
}
.stdnt-nme{
  margin-top: 40px;
}
.stdnt-nme h6{
  font-weight: 600;
  text-align: start;
  margin-bottom: 0;

}
.stdnt-nme p{
  text-align: start;

}

.logos{
  width: 55%;
}
.align-cent{
  align-items: center;
}

.about-sect {
  background-color: #001261;
}
.more-abt {
  margin: 40px 5px;
}
.more-ab{
  background-color: #fff;
  border-radius: 5px;
  padding: 10px;
  color: #26344F;
  font-weight: 600;
}
.more-ab svg{
  margin-left: 8px;
}
.log-nme{
  text-align: center;
}
.log-nme h2{
  font-size: 45px;
  font-weight: 600;
}
.news-feeds .row{
  align-items: center;
}
.news-feeds{
  border-bottom: 1px solid #ddd;
  border-bottom-style: dashed;
  padding: 14px 0;
}
.news-date{
  background-color: #E7F1FA;
  font-size: 25px;
  border-radius: 7px;
  text-align: center;
  padding: 10px 0;
}
.news-mnt{
  font-size: 14px;
}