@font-face {
    font-family: 'Mont ExtraLight DEMO';
    src: url('./fonts/Mont-ExtraLightDEMO.woff2') format('woff2'),
        url('./fonts/Mont-ExtraLightDEMO.woff') format('woff');
    font-weight: 200;
    font-style: normal;
    font-display: swap;
  }
  
  @font-face {
    font-family: 'Mont Heavy DEMO';
    src: url('./fonts/Mont-HeavyDEMO.woff2') format('woff2'),
        url('./fonts/Mont-HeavyDEMO.woff') format('woff');
    font-weight: 800;
    font-style: normal;
    font-display: swap;
  }
  
  
  
  
  
  body {
      margin: 0% !important;
      padding: 0% !important;
      overflow-x: hidden !important;
  }
  
  html {
      overflow-x: hidden !important;
  }
  
  :root {
      --body-family: 'Open Sans', sans-serif;
      --heading-font-family: 'Work Sans', sans-serif;
      --body-color: #6b6b6b;
      --main-color: #92210f;
      --heading-color: #252525;
      --optional-color: #172f41;
      --white-color: #ffffff;
      --black-color: #000000;
      --font-size: 15px;
      --transition: all ease .5s;
      --border-radius: 4px;
      --box-shadow: 0 0 20px 3px rgba(0, 0, 0, 0.05);
  }
  
  
  /* ============header=============  */
  
  .first-slider .slick-next {
      background-image: url(../css/images/right-arrow.png) !important;
      width: 46px;
      height: 44px;
      background-position: center !important;
      background-repeat: no-repeat !important;
  }
  
  .first-slider .slick-next {
      right: 70px !important;
      background-color: #b80924 !important;
      border-radius: 10px !important;
  }
  
  .first-slider .slick-next:before {
      content: '→';
      font-size: 0 !important;
  }
  
  /* PRIVS */
  
  .first-slider .slick-prev {
      background-image: url(../css/images/arroe-left.png) !important;
      width: 46px;
      height: 44px;
      background-position: center !important;
      background-repeat: no-repeat !important;
  }
  
  .first-slider .slick-prev {
      left: 55px;
      z-index: 1;
      background-color: #b80924 !important;
      border-radius: 10px !important;
  }
  
  .first-slider .slick-prev:before {
      content: '→';
      font-size: 0 !important;
  }
  
  .bg-header-fx {
      position: absolute;
      top: -35px;
      z-index: 1;
      left: 0;
      right: 0;
  }
  
  .headebd-2 {
      background: linear-gradient(0deg, transparent, rgba(0, 0, 0, .8)), linear-gradient(0deg, transparent 10%, rgba(0, 0, 0, .6)) !important;
  }
  
  .mainlogo img {
      width: 175px;
  }
  
  .bg-header {
      display: block;
      position: relative;
      z-index: 999;
      background: url(./images/bg3.png) center -146px no-repeat;
      padding-top: 226px;
      width: 100%
  }
  
  .bg-header2 {
      display: block;
      position: relative;
      z-index: 999;
      background: url(./images/bg-1.png) center -217px no-repeat;
      padding-top: 226px;
      width: 100%;
  }
  
  .bg-header3 {
      display: block;
      position: relative;
      z-index: 999;
      background: url(./images/bg-2.png) center -125px no-repeat;
      padding-top: 226px;
      width: 100%
  }
  
  .mainimage a img {
      width: 707px;
      /* margin-right: 15px; */
      margin-bottom: 20px;
  }
  
  .mainimage {
      display: flex;
      align-items: center;
      justify-content: center;
  }
  
  .location {
      display: flex;
      align-items: center;
      justify-content: center;
  }
  
  .location a {
      text-decoration: none;
      color: #fff;
  }
  
  .location a:hover {
      text-decoration: none;
      color: rgba(255, 255, 255, 0.8);
  }
  
  .location a span i {
      font-size: 40px;
      color: #fff;
      margin-right: 20px;
  }
  
  .contectph {
      display: flex;
      align-items: center;
  }
  
  .contectph a {
      text-decoration: none;
      color: #fff;
  }
  
  .contectph a:hover {
      color: rgba(255, 255, 255, 0.8);
  }
  
  .contectph a span i {
      font-size: 40px;
      color: #fff;
      margin-right: 12px;
      transform: rotateY( 180deg);
  }
  
  .banner-content {
      margin: 60px 90px 319px 90px;
  }
  
  .banner-content h4 {
      font-family: 'Merriweather', serif;
      text-transform: capitalize !important;
      color: #fff;
      font-size: 24px;
      font-weight: 400;
      margin-bottom: 20px;
  }
  
  .banner-content h1 {
      font-family: 'Merriweather', serif;
      text-transform: capitalize !important;
      color: #fff;
      font-size: 50px;
      font-weight: 700;
      margin-bottom: 20px;
      text-shadow: -2px 4px 0 rgb(0 0 0 / 30%);
  }
  
  .barnd-name img {
      width: 211px;
  }
  
  .font-accent {
      font-family: 'Merriweather', serif;
      font-size: 14px;
  }
  
  .banner-content p {
      font-family: 'Open Sans', sans-serif;
      text-transform: capitalize !important;
      color: #fff;
      font-size: 17px;
      font-weight: 400;
      margin-bottom: 30px;
      margin-right: 27%;
      background: rgb(0 0 0 / 44%);
      padding: 10px;
      border-left: 1px solid #b80924;
      border-width: 10px;
  }
  
  .button-primary {
      color: #fff;
      background-color: #b80924;
      border-color: #b80924;
  }
  
  .banner-btn {
      position: fixed;
      top: 0;
      z-index: 999;
      right: 0;
  }
  
  .banner-btn .btn {
      position: relative;
      padding: 15px 57px;
      font-size: 1rem;
      border-radius: 5px;
      line-height: 16px;
      white-space: nowrap;
      border-width: 2px;
      transition: .3s;
      backface-visibility: hidden;
      box-shadow: 0 4px 8px 0 rgb(0 0 0 / 18%);
      font-weight: 700;
      border-radius: 0;
      border-bottom-left-radius: 19px;
  }
  
  .button-primary:hover {
      color: #b80924;
      background-color: #fff;
      border-color: #fff;
  }
  
  
  /* ============header end=============  */
  
  a {
      text-decoration: none !important;
      color: #232323;
      transition: color 0.3s ease;
  }
  
  a:hover {
      color: #b80924;
  }
  
  #menuToggle {
      display: block;
      position: fixed;
      top: 79px;
      right: 38px;
      z-index: 1;
      -webkit-user-select: none;
      user-select: none;
      background-color: #fff;
      padding: 10px 10px 6px 10px;
  }
  
  #newone {
      background-color: #fff;
  }
  
  #menuToggle input {
      display: block;
      width: 85px;
      height: 66px;
      position: absolute;
      top: -7px;
      left: -5px;
      cursor: pointer;
      opacity: 0;
      z-index: 2;
      -webkit-touch-callout: none;
  }
  
  
  /* .new{
      background-color: #ededed;
  } */
  
  #menuToggle span {
      display: block;
      width: 24px;
      height: 5px;
      margin-bottom: 5px;
      position: relative;
      background: #000000;
      border-radius: 3px;
      z-index: 1;
      transform-origin: 0px 0px;
      transition: transform 0.5s cubic-bezier(0.77, 0.2, 0.05, 1.0), background 0.5s cubic-bezier(0.77, 0.2, 0.05, 1.0), opacity 0.55s ease;
  }
  
  #menuToggle span:first-child {
      transform-origin: 0% 0%;
  }
  
  #menuToggle span:nth-last-child(2) {
      transform-origin: 0% 100%;
  }
  
  #menuToggle input:checked~span {
      opacity: 1;
      transform: rotate( 45deg) translate(-1px, -12px);
      background: #232323;
      position: absolute;
      left: 15px;
      top: 18px;
  }
  
  #menuToggle input:checked~span:nth-last-child(3) {
      opacity: 0;
      transform: rotate(0deg) scale(0.2, 0.2);
  }
  
  #menuToggle input:checked~span:nth-last-child(2) {
      opacity: 1;
      transform: rotate( -45deg) translate(0, 10px);
  }
  
  #menu {
      position: absolute;
      width: 313px;
      margin: -100px 0 0 0;
      padding: 50px;
      padding-top: 60px;
      right: -100px;
      background: #ffffff;
      list-style-type: none;
      -webkit-font-smoothing: antialiased;
      transform-origin: 0% 0%;
      transform: translate(100%, 0);
      transition: transform 0.5s cubic-bezier(0.77, 0.2, 0.05, 1.0);
      height: 100vh;
      overflow-y: scroll;
  }
  
  #menu li {
      padding: 10px 0;
      font-size: 22px;
  }
  
  #menuToggle input:checked~ul {
      transform: scale(1.0, 1.0);
      opacity: 1;
  }
  
  .active {
      color: #b80924;
      font-family: 'Merriweather', serif;
  }
  
  #menu a li {
      font-family: 'Merriweather', serif;
      font-size: 20px;
      font-weight: 700;
      text-transform: capitalize;
      border-bottom: 1px solid;
  }
  
  .logomenu {
      text-align: start;
      margin-bottom: 43px;
      transform: translateX(35px);
  }
  
  .logomenu a img {
      width: 100px;
  }
  
  
  /* =====why choose imu ====*/
  
  .why-choose-section {
      background-image: url(../css/images/wc-1.jpg);
      padding-top: 30px;
  }
  
  .backgroud-style {
      background-position: center center;
      background-size: cover;
      background-repeat: no-repeat;
  }
  
  .mb20 {
      margin-bottom: 20px;
  }
  
  .why-choose-section .section-title h2,
  .why-choose-section .section-title span {
      color: #fff;
  }
  
  .section-title .subtitle {
      color: #a9a3a3;
      letter-spacing: 7px;
      position: relative;
  }
  .ttm-fid-contents img{
    width: 122px;
  }
  .ttm-fid-contents sub {
    bottom: 0px;
  }
  .section-title .subtitle:after {
      right: -28px;
      left: inherit;
  }
  
  .section-title .subtitle:before {
      content: ".";
      font-size: 70px;
      left: -45px;
      pointer-events: none;
      position: absolute;
      text-shadow: rgb(0 0 0 / 0%) 0px 0px;
      top: -10px;
      line-height: 0;
      color: #17d0cf;
      text-shadow: 15px 0 #17d0cf;
  }
  
  .section-title .subtitle:after {
      content: ".";
      font-size: 70px;
      pointer-events: none;
      position: absolute;
      text-shadow: rgb(0 0 0 / 0%) 0px 0px;
      top: -10px;
      line-height: 0;
      color: #17d0cf;
      text-shadow: 15px 0 #17d0cf;
  }
  
  .section-title h2 {
      font-size: 54px;
      font-weight: 300;
      color: #333333;
  }
  
  .why-choose-section .section-title h2,
  .why-choose-section .section-title span {
      color: #fff;
  }
  
  .section-title h2 span {
      font-weight: 700;
  }
  
  .extra-icon-text {
      margin-bottom: 45px;
  }
  
  .version-four .features-icon {
      position: relative;
  }
  
  .features-icon {
      height: 80px;
      width: 80px;
      border-radius: 100%;
      line-height: 80px;
      font-size: 40px;
      float: left;
      margin-right: 25px;
  }
  
  .gradient-bg,
  .modal-body .nws-button button,
  .teacher-pic-content .teacher-img-content:after,
  .course-details-category li:hover {
      background: #17d0cf;
      background: -moz-linear-gradient(left, #01a6fd 0%, #17d0cf 51%, #01a6fd 100%);
      background: -webkit-gradient(left top, right top, color-stop(0%, #4eb3bf), color-stop(51%, #17d0cf), color-stop(100%, #4eb3bf));
      background: -webkit-linear-gradient(left, #01a6fd 0%, #17d0cf 51%, #0071b0 100%);
      background: -o-linear-gradient(left, #01a6fd 0%, #17d0cf 51%, #01a6fd 100%);
      background: -ms-linear-gradient(left, #01a6fd 0%, #17d0cf 51%, #01a6fd 100%);
      background: -webkit-gradient(linear, left top, right top, from(#01a6fd), color-stop(51%, #17d0cf), to(#01a6fd));
      background: -webkit-linear-gradient(left, #01a6fd 0%, #17d0cf 51%, #01a6fd 100%);
      background: linear-gradient(to right, #01a6fd 0%, #17d0cf 51%, #01a6fd 100%);
      background-size: 200% auto;
      -webkit-transition: background 1s ease-out;
      -moz-transition: background 1s ease-out;
      -o-transition: background 1s ease-out;
      transition: background 1s ease-out;
  }
  
  .features-icon i {
      color: #fff;
  }
  
  .version-four .features-icon .feat-tag span {
      position: absolute;
      background-color: #fff;
      height: 25px;
      width: 25px;
      border-radius: 100%;
      text-align: center;
      line-height: 25px;
      font-weight: 700;
      color: #17d0cf;
      right: -10px;
      top: 25px;
      font-size: 13px;
  }
  
  .features-text {
      overflow: hidden;
      padding-top: 10px;
  }
  
  
  .features-text .features-text-dec {
      color: #84bfeb;
  }
  
  .extra-icon-text {
      margin-bottom: 45px;
  }
  
  .version-four .features-icon {
      position: relative;
  }
  
  .features-icon {
      height: 80px;
      width: 80px;
      border-radius: 100%;
      line-height: 80px;
      font-size: 40px;
      float: left;
      margin-right: 25px;
  }
  
  .features-icon i {
      color: #fff;
  }
  
  .flaticon-clipboard-with-pencil:before {
      content: "\f10c";
  }
  
  .features-text {
      overflow: hidden;
      padding-top: 10px;
  }
  
  .features-text-title h3 {
      font-size: 22px;
      font-weight: 700;
      color: #fff;
  }
  
  .newoneimg {
      background-image: url(../css/images/medal.png);
      position: absolute;
      top: 14%;
      background-position: center;
      background-repeat: no-repeat;
      width: 100px;
      left: -11px;
      background-size: 44px;
      height: 60px;
  }
  
  .newoneimg02 {
      background-image: url(../css/images/customer-review.png);
      position: absolute;
      top: 8%;
      background-position: center;
      background-repeat: no-repeat;
      width: 100px;
      left: -11px;
      background-size: 44px;
      height: 60px;
  }
  
  .newoneimg03 {
      background-image: url(../css/images/placeholder.png);
      position: absolute;
      top: 11%;
      background-position: center;
      background-repeat: no-repeat;
      width: 100px;
      left: -11px;
      background-size: 44px;
      height: 60px;
  }
  
  .newoneimg04 {
      background-image: url(../css/images/city.png);
      position: absolute;
      top: 11%;
      background-position: center;
      background-repeat: no-repeat;
      width: 100px;
      left: -11px;
      background-size: 44px;
      height: 60px;
  }
  
  .newoneimg05 {
      background-image: url(../css/images/accuracy.png);
      position: absolute;
      top: 15%;
      background-position: center;
      background-repeat: no-repeat;
      width: 100px;
      left: -12px;
      background-size: 44px;
      height: 60px;
  }
  
  .newoneimg06 {
      background-image: url(../css/images/diversity.png);
      position: absolute;
      top: 16%;
      background-position: center;
      background-repeat: no-repeat;
      width: 100px;
      left: -11px;
      background-size: 44px;
      height: 60px;
  }
  
  /* ===================== footer ================ */
  
  .space {
      padding: 50px 0;
  }
  
  .single-footerf .logo {
      margin-bottom: 20px;
  }


  .single-footerf .text,
  .single-footerf .call {
      color: #fff;
      text-align: justify;
      margin-left: 31px;
  }
  
  .play-icons-list {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
  }
  
  .footer {
      background: #0c0038;
  }
  
  .single-footerf .head3 {
      color: #fff;
      margin-bottom: 30px;
      font-size: 18px;
      line-height: 130%;
  }
  
  .single-footerf .footer-limks li:not(:last-child) {
      margin-bottom: 15px;
  }
  
  .single-footerf .footer-limks li {
      position: relative;
      padding-left: 20px;
  }
  
  .single-footerf .footer-limks li::before {
      content: "";
      background: url(../css/images/arrow-left.svg.png) no-repeat center;
      width: 24px;
      height: 12px;
      background-size: cover;
      z-index: 1;
      display: inline-block;
      position: absolute;
      left: -12px;
      top: 50%;
      transform: translate(0, -50%);
      -webkit-transform: translate(0, -50%);
      -moz-transform: translate(0, -50%);
      -ms-transform: translate(0, -50%);
      -o-transform: translate(0, -50%);
  }
  
  .single-footerf .footer-limks li a {
      color: #fff;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
  }
  
  .single-footerf .footer-limks li a:hover {
      color: #01a6fd;
      transform: translate(5px, 0px);
      -webkit-transform: translate(5px, 0px);
      -moz-transform: translate(5px, 0px);
      -ms-transform: translate(5px, 0px);
      -o-transform: translate(5px, 0px);
  }
  
  .abt {
      display: flex;
      align-items: center;
  }
  
  .single-footerf .contact li i {
      color: #0093d3;
      margin-right: 10px;
  }
  
  .single-footerf .contact li {
      color: #fff;
      display: block;
      margin-bottom: 8px;
  }
  
  .single-footerf,
  .links {
      text-align: end;
  }
  
  .social-icons {
      display: flex;
      justify-content: end;
  }
  
  .single-footerf .head3 {
      color: #fff;
      margin-bottom: 30px;
      font-size: 18px;
      line-height: 130%;
  }
  
  .social-icons {
      margin-top: 30px;
  }
  
  .social-icons ul li:not(:last-child) {
      margin-right: 15px;
  }
  
  .social-icons ul li {
      list-style: none;
  }
  
  .social-icons ul li a {
      width: 40px;
      height: 40px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      border-radius: 50%;
      -webkit-border-radius: 50%;
      -moz-border-radius: 50%;
      -ms-border-radius: 50%;
      -o-border-radius: 50%;
      color: #0093d3;
      background: #ffffff;
      text-decoration: none !important;
  }
  
  .social-icons ul {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
  }
  
  ul {
      margin-top: 0;
      margin-bottom: 1rem;
      padding: 0;
  }
  
  
  /* ===========fooder end landing page=========*
  
  
  
  
  /* admission-area */
  
  .ptb-100 {
      padding-top: 50px;
      padding-bottom: 50px;
  }
  
  .admission-img {
      padding-top: 30px;
      padding-bottom: 30px;
      padding-left: 30px;
  }
  
  .admission-img::before {
      width: 410px;
  }
  
  .admission-img::before {
      content: "";
      position: absolute;
      top: 0;
      left: 0;
      width: 500px;
      height: 100%;
      border: 20px solid #92210f;
      z-index: -1;
      -webkit-transition: var(--transition);
      transition: var(--transition);
  }
  
  .admission-img:hover::before {
      border-color: var(--optional-color);
  }
  
  .admission-content span {
      font-size: 19px;
      color: #92210f;
      font-weight: 600;
      display: block;
      margin-bottom: 10px;
  }
  
  .admission-content h2 {
      font-size: 30px;
      margin-bottom: 20px;
      font-weight: 800;
      font-family: var(--heading-font-family);
  }
  
  .admission-content p {
      margin-bottom: 30px;
      font-size: 15px;
      color: #6b6b6b;
      line-height: 1.8;
      font-family: var(--body-family);
  }
  
  .default-btn:hover {
      color: #ffffff;
  }
  
  .default-btn {
      font-size: 16px;
      color: #ffffff;
      line-height: 1;
      -webkit-transition: var(--transition);
      transition: var(--transition);
      text-align: center;
      position: relative;
      z-index: 1;
      overflow: hidden;
      display: inline-table;
      padding: 18px 30px;
      font-weight: 600;
      background-color: #92210f;
  }
  
  .default-btn:hover::before {
      -webkit-transform: scaleX(1);
      transform: scaleX(1);
  }
  
  .default-btn::before,
  .default-btn::after {
      content: "";
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background-color: var(--heading-color);
      z-index: -1;
      -webkit-transform: scaleX(0);
      transform: scaleX(0);
      -webkit-transition: var(--transition);
      transition: var(--transition);
  }
  
  .default-btn i {
      position: relative;
      top: 2px;
      margin-left: 5px;
  }
  
  .default-btn:hover::after {
      -webkit-transform: scaleY(1);
      transform: scaleY(1);
  }
  
  .default-btn::after {
      -webkit-transform: scaleY(0);
      transform: scaleY(0);
  }
  
  
  /* admission-area  end*/
  
  .testmonbg {
      background-image: url(./images/bgtxtmo.jpg);
      background-position: 50% 46px;
      width: 100%;
      height: 100%;
      margin: 0 auto;
      background-size: cover;
      background-attachment: fixed;
      background-repeat: repeat-y;
      background-position: top center;
  }
  
  .testmonb::before {
      background-color: rgba(32, 44, 69, 0.9) !important;
  }
  
  .text-gray-lightgray {
      color: #d3d3d3 !important;
  }
  
  .section-title {
      margin-bottom: 30px;
      position: relative;
  }
  
  .pb-50 {
      padding-top: 30px;
      padding-bottom: 30px;
  }
  
  .font-30 {
      font-size: 2.14285714rem !important;
      color: #F2184F;
  }
  
  .font-28::after {
      background: #F2184F !important;
      bottom: -1px;
      content: "";
      height: 2px;
      left: 24px;
      position: absolute;
      width: 50px;
  }
  
  .img-circle {
      border-radius: 50%;
  }
  
  .ml-100 {
      margin-left: 7px !important;
      background-color: rgb(16 17 17 / 25%) !important;
      padding: 15px !important;
      border-radius: 9px !important;
  }
  
  .testimonial {
      display: flex;
      /* align-items: center; */
      margin: 0 10px;
  }
  
  .thumb img {
      width: 138px;
  }
  
  
  /* .testmonbg .slick-next {
      right: -64px;
  } */
  
  
  /* .testmonbg .slick-prev {
      left: -70px;
  } */
  
  .text-theme-color-2 {
      color: #F2184F;
      font-size: 14px;
      font-weight: 900;
  }
  
  .text-white {
      color: #fff!important;
      font-size: 12px;
      font-weight: 500;
  }
  
  .first-slider .slick-next:hover {
      background-color: #172f41 !important;
  }
  
  .first-slider .slick-prev:hover {
      background-color: #172f41 !important;
  }
  
  
  /* mobile responsive  */
  
  @media (max-width: 1199.98px) {
      .bg-header-fx {
          position: absolute;
          top: -25px;
          z-index: 1;
          left: 0;
          right: 0;
      }
      .bg-header {
          padding-top: 250px;
      }
  }
  
  @media (max-width: 991.98px) {
      .bg-header-fx {
          position: absolute;
          top: -30px;
          z-index: 1;
          left: 0;
          right: 0;
      }
      .mainimage a img {
          width: 582px;
          /* margin-right: 15px; */
          margin-bottom: 20px;
      }
      .mainlogo img {
          width: 150px;
      }
  }
  
  
  /* ============home page desig css============= */
  
  
  
  /* heade home page  */
  
  .shop-header{
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      z-index: 9999;
  }
  .head2 {
      font-size: 25px;
      line-height: 130%;
    }
    
  .appbtn{
      position: absolute;
      right: -14px;
      top: 13px;
  }
  .top_bar_contact_item{
      display: flex;
      align-items: center;
      color: #fff;
      padding: 0 10px;
  }
  .top_bar_contact_item a{
      color: #fff;
  }
  .header.sticky .appbtn {
          position: absolute;
          right: 1px;
          top: 13px;
  }
  
  .appbtn a{
      text-decoration: none !important;
      background: #fff;
      text-transform: capitalize;
      padding: 16px 16px 13px;
      border-bottom-left-radius: 0px;
      /* border-right: 7px solid; */
      font-size: 20px;
      font-weight: 700;
      font-family: 'Roboto Condensed', sans-serif;
  }
  .top_bar_icon a{
      color: #fff !important;
  }
  .top_bar_icon i{
  
      color: #ff1949;
  }
  /* .header.sticky .menu-area-nav{
      height: 100%;
      background-color: rgb(184, 9, 36);
      width: 90%;
      margin: auto;
  } */
  .dropdown-toggle::after{
         border-top: none;
  }
  
  .header .bottom-bar .menu-area-nav .navbar .navbar-nav > li > .active::before{
      content: '';
      position: absolute;
      z-index: -1;
      bottom: 14px;
      left: 0;
      right: 0;
      width: 60%;
      margin: 0 auto;
      height: 70px;
      transform: scale3d(1,1,1);
      transform-origin: 0 50%;
      transition: transform .5s;
      transition-timing-function: cubic-bezier(.2,1,.3,1);
      border-bottom: 1px solid;
      top: -28px;
         
  }
  
  .header .bottom-bar .menu-area-nav .navbar .navbar-nav > li > .active::after{
      content: '';
      position: absolute;
      width: 0px;
      height: 0;
      left: 0;
      margin: 0 auto;
      right: 0;
      bottom: 17px;
      opacity: 1;
      border-left: 5px solid transparent;
      border-right: 5px solid transparent;
      border-bottom: 5px solid #fff;
      top: 36px;
  
  }
  .social-icons02 li a i:hover{
      color: #ff1949;
  
  }
  .top_bar_icon {
      display: inline-block;
      vertical-align: middle;
      margin-right: 8px;
  }
  .top_bar .social-icons02 li {
      min-width: 20px;
      margin-left: 0;
      font-size: 14px;
  }
  .social-icons02 li {
      margin: 0 2px;
  }
  .social-icons02 li {
      display: inline-block;
      border: none;
      z-index: 1;
      position: relative;
  }
  .top_bar .social-icons02 li a {
      min-width: auto;
  }
  .social-icons02 li a {
      display: block;
      min-width: 26px;
      text-align: center;
  }
  .social-icons02 li a i{
      color: #fff;
  }
    
    @media only screen and (max-width: 991px) and (min-width: 768px) {
      .head2 {
        font-size: 22px;
      }
    }
    
    @media only screen and (max-width: 767px) {
      .head2 {
        font-size: 20px;
      }
    }
    
    .head3 {
      font-size: 22px;
    }
    
    @media only screen and (max-width: 767px) {
      .head3 {
        font-size: 18px;
      }
    }
    
    .para {
      color: #757575;
    }
    
    /*header*/
    @-webkit-keyframes fadeInDown {
      0% {
        opacity: 0;
        -webkit-transform: translateY(-20px);
        transform: translateY(-20px);
      }
      100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
      }
    }
    @keyframes fadeInDown {
      0% {
        opacity: 0;
        -webkit-transform: translateY(-20px);
        transform: translateY(-20px);
      }
      100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
      }
    }
    .header.sticky .newshadow{
        display: none;
    }
    .header.sticky .bottom-bar {
      position: fixed;
      width: 100%;
      left: 0;
      top: 0;
      z-index: 99;
      background: #b70823;
      animation: fadeInDown 1s both 0.2s;
      -webkit-animation: fadeInDown 1s both 0.2s;
      z-index: 9999;
    }
    
    .header .topbar {
      background: #222;
      padding: 10px 0;
    }
    
    @media only screen and (max-width: 991px) and (min-width: 768px) {
      .header .topbar {
        text-align: center;
      }
    }
    
    @media only screen and (max-width: 767px) {
      .header .topbar {
        text-align: center;
      }
    }
    
    .header .topbar .top-left li {
      display: inline-block;
      padding: 0 14px;
      border-right: 1px solid #4f4d4d;
    }
    
    @media only screen and (max-width: 767px) {
      .header .topbar .top-left li {
        border-right: none;
        display: block;
        margin-bottom: 10px;
      }
    }
    
    .header .topbar .top-left li:last-child {
      padding-right: 0;
      border-right: none;
    }
    
    .header .topbar .top-left li a {
      color: #fff;
    }
    
    .header .topbar .top-left li a i {
      color: #32B87D;
      margin-right: 5px;
    }
    
    .header .topbar .top-right {
      text-align: right;
    }
    
    @media only screen and (max-width: 991px) and (min-width: 768px) {
      .header .topbar .top-right {
        text-align: center;
        margin-top: 10px;
      }
    }
    
    @media only screen and (max-width: 767px) {
      .header .topbar .top-right {
        text-align: center;
      }
    }
    
    .header .topbar .top-right li {
      display: inline-block;
      padding: 0 14px;
      border-right: 1px solid #4f4d4d;
    }
    
    @media only screen and (max-width: 767px) {
      .header .topbar .top-right li {
        border-right: none;
        display: block;
        margin-bottom: 10px;
      }
    }
    
    .header .topbar .top-right li:last-child {
      padding-right: 0;
      border-right: none;
    }
    
    .header .topbar .top-right li a {
      color: #fff;
    }
    
    .header .topbar .top-right li a i {
      color: #32B87D;
      margin-right: 5px;
    }
    
    .header .middle-inner {
      padding: 20px 0; 
      /* background: #ff1949; */
    }
    
    @media only screen and (max-width: 767px) {
      .header .middle-inner {
        padding: 10px 0;
      }
    }
    
    .header .middle-inner .search-bar-top {
      width: 90%;
      margin: 0 auto;
      text-align: center;
    }
    
    @media only screen and (max-width: 767px) {
      .header .middle-inner .search-bar-top {
        margin-top: 20px;
      }
    }
    
    .header .middle-inner .search-bar-top .search-bar {
      position: relative;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -ms-flex-wrap: nowrap;
          flex-wrap: nowrap;
      border-radius: 50px;
      border: 2px solid #ececec;
      -webkit-transition: all .5s ease-in-out;
      transition: all .5s ease-in-out;
    }
    
    .header .middle-inner .search-bar-top .search-bar .form-control {
      border: none;
      background: transparent;
      height: calc(2.3em + .75rem + 2px);
      text-overflow: ellipsis;
    }
    
    .header .middle-inner .search-bar-top .search-bar select {
      width: 30%;
    }
    
    .header .middle-inner .search-bar-top .search-bar .inptgrpdd {
      width: 70%;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      border-left: 1px solid #ececec;
    }
    
    .header .middle-inner .search-bar-top .search-bar .inptgrpdd .btn {
      font-size: 16px;
      color: #898989;
    }
    
    @media only screen and (max-width: 767px) {
      .header .middle-inner .search-bar-top .search-bar .inptgrpdd .btn {
        font-size: 14px;
      }
    }
    
    .header .middle-inner .search-bar-top .search-bar .inptgrpdd .btn i {
      color: #898989;
    }
    
    .header .middle-inner .right-bar {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      padding: 0;
      margin: 0;
      text-align: right;
      -webkit-box-pack: end;
          -ms-flex-pack: end;
              justify-content: flex-end;
    }
    
    @media only screen and (max-width: 767px) {
      .header .middle-inner .right-bar {
        padding: 20px 0;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
      }
    }
    
    .header .middle-inner .right-bar .sinlge-bar {
      display: inline-block;
      margin-right: 25px;
    }
    
    .header .middle-inner .right-bar .sinlge-bar:last-child {
      margin-right: 0;
    }
    
    .header .middle-inner .right-bar .sinlge-bar a {
      color: #32B87D;
      font-size: 18px;
      line-height: 130%;
      position: relative;
    }
    
    @media only screen and (max-width: 767px) {
      .header .middle-inner .right-bar .sinlge-bar a {
        font-size: 16px;
      }
    }
    
    .header .middle-inner .right-bar .sinlge-bar a .total-count {
      position: absolute;
      top: -7px;
      right: -8px;
      background: #b80924;
      width: 18px;
      height: 18px;
      line-height: 18px;
      text-align: center;
      color: #fff;
      border-radius: 100%;
      font-size: 11px;
    }
    
    .header .bottom-bar {
      transition: all 0.3s ease;
      -webkit-transition: all 0.3s ease;
      -moz-transition: all 0.3s ease;
      -ms-transition: all 0.3s ease;
      -o-transition: all 0.3s ease;
      background-color: #b80924;
      width: 90%;
      display: block;
      margin: auto;
      position: relative;
    }
  
    .newshadow{
      position: absolute;
      background-color: #b80924c9;
      right: 3px;
      left: 63px;
      top: 9px;
      height: 52px;
      z-index: -1;
      width: 85%;
    }
    
    @media screen and (max-width: 991px) {
      .header .bottom-bar {
        padding: 10px 0;
      }
    }
    
    .header .bottom-bar .navbar-toggler {
      width: 25px;
      height: 20px;
      cursor: pointer;
      -webkit-transition: all .2s;
      transition: all .2s;
      padding: 0;
      border: none;
      outline: none;
      position: absolute;
      top: 50%;
      -webkit-transform: translate(0, -50%);
              transform: translate(0, -50%);
      right: 0;
    }
    
    @media only screen and (max-width: 991px) and (min-width: 768px) {
      .header .bottom-bar .navbar-toggler.opened::before {
        content: "";
        background: #F6F7FB;
        height: 55px;
        width: 55px;
        position: absolute;
        left: -15px;
        top: -18px;
        bottom: 0;
      }
    }
    
    @media only screen and (max-width: 767px) {
      .header .bottom-bar .navbar-toggler.opened::before {
        content: "";
        background: #F6F7FB;
        height: 55px;
        width: 55px;
        position: absolute;
        left: -15px;
        top: -18px;
        bottom: 0;
      }
    }
    
    .header .bottom-bar .navbar-toggler.opened .hamburger span:nth-child(1) {
      top: 8px;
      width: 0;
      opacity: 0;
      right: 50%;
    }
    
    .header .bottom-bar .navbar-toggler.opened .hamburger span:nth-child(2) {
      top: 8px;
      -webkit-transform: rotate(45deg);
              transform: rotate(45deg);
    }
    
    .header .bottom-bar .navbar-toggler.opened .hamburger span:nth-child(3) {
      top: 8px;
      -webkit-transform: rotate(-45deg);
              transform: rotate(-45deg);
    }
    
    .header .bottom-bar .navbar-toggler.opened .hamburger span:nth-child(4) {
      top: 8px;
      width: 0;
      opacity: 0;
      right: 50%;
    }
    
    .header .bottom-bar .hamburger {
      position: relative;
      height: 100%;
      width: 100%;
      padding: 0;
      border: none;
    }
    
    .header .bottom-bar .hamburger span {
      position: absolute;
      background-color: #000;
      right: 0;
      width: 25px;
      height: 3px;
      border-radius: 5px;
      -webkit-transition: all 0.4s cubic-bezier(0.18, 0.89, 0.32, 1.28);
      transition: all 0.4s cubic-bezier(0.18, 0.89, 0.32, 1.28);
    }
    
    .header .bottom-bar .hamburger span:nth-child(1) {
      top: 0;
    }
    
    .header .bottom-bar .hamburger span:nth-child(2) {
      top: 8px;
    }
    
    .header .bottom-bar .hamburger span:nth-child(3) {
      top: 8px;
    }
    
    .header .bottom-bar .hamburger span:nth-child(4) {
      top: 16px;
    }
    
    .header .bottom-bar .navbar {
      padding: 0;
      height: 100%;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
    }
    
    .header .bottom-bar .navbar-collapse {
      height: 100%;
      z-index: 1;
    }
    
    @media only screen and (max-width: 991px) and (min-width: 768px) {
      .header .bottom-bar .navbar-collapse {
        width: calc(100% + 30px);
        background: #f7f7f7;
        height: 100vh;
        padding-bottom: 50px;
        position: absolute;
        top: 125%;
        left: -15px;
        text-transform: uppercase;
        -webkit-transition: .3s ease-in-out all;
        transition: .3s ease-in-out all;
        display: block;
        opacity: 0;
        left: calc(-100% + 15px);
        visibility: hidden;
      }
      .header .bottom-bar .navbar-collapse.show {
        left: -15px;
        opacity: 1;
        visibility: visible;
      }
    }
    
    @media only screen and (max-width: 767px) {
      .header .bottom-bar .navbar-collapse {
        width: calc(100% + 30px);
        background: #f7f7f7;
        height: 100vh;
        padding-bottom: 50px;
        position: absolute;
        top: 125%;
        left: -15px;
        text-transform: uppercase;
        -webkit-transition: .3s ease-in-out all;
        transition: .3s ease-in-out all;
        display: block;
        opacity: 0;
        left: calc(-100% + 15px);
        visibility: hidden;
      }
      .header .bottom-bar .navbar-collapse.show {
        left: -15px;
        opacity: 1;
        visibility: visible;
      }
    }
    
    @media only screen and (max-width: 1199px) {
      .header .bottom-bar .dropdown-item {
        font-size: 12px;
      }
    }
    
    .header .bottom-bar .all-category {
      position: relative;
    }
    
    .header .bottom-bar .all-category:hover .main-category {
      opacity: 1;
      pointer-events: auto;
    }
    
    .header .bottom-bar .all-category > a {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      background: #32B87D;
      padding: 17px 26px;
      color: #fff;
    }
    
    .header .bottom-bar .all-category > a h3,
    .header .bottom-bar .all-category > a i {
      font-size: 20px;
      margin-bottom: 0;
    }
    
    @media only screen and (max-width: 767px) {
      .header .bottom-bar .all-category > a h3,
      .header .bottom-bar .all-category > a i {
        font-size: 18px;
      }
    }
    
    .header .bottom-bar .all-category > a i {
      margin-right: 5px;
      margin-top: 3px;
    }
    
    .header .bottom-bar .main-category {
      position: absolute;
      pointer-events: none;
      opacity: 0;
      z-index: 1;
      top: 100%;
      left: 0;
      width: 100%;
      background: #fff;
      -webkit-box-shadow: 0px 5px 15px #0000000a;
              box-shadow: 0px 5px 15px #0000000a;
      transition: all 0.3s ease;
      -webkit-transition: all 0.3s ease;
      -moz-transition: all 0.3s ease;
      -ms-transition: all 0.3s ease;
      -o-transition: all 0.3s ease;
    }
    
    .header .bottom-bar .main-category li {
      display: block;
      border-bottom: 1px solid #f6f6f6;
      position: relative;
    }
    
    .header .bottom-bar .main-category li:hover .sub-category {
      opacity: 1;
      pointer-events: auto;
      visibility: visible;
    }
    
    .header .bottom-bar .main-category li .sub-category {
      position: absolute;
      pointer-events: none;
      opacity: 0;
      z-index: 1;
      top: 0%;
      width: 220px;
      visibility: hidden;
      left: 100%;
      background: #fff;
      transition: all 0.3s ease;
      -webkit-transition: all 0.3s ease;
      -moz-transition: all 0.3s ease;
      -ms-transition: all 0.3s ease;
      -o-transition: all 0.3s ease;
      border-left: 2px solid #32B87D;
    }
    
    .header .bottom-bar .main-category li a {
      padding: 13px 25px 13px 25px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      color: #222;
      font-weight: 400;
    }
    
    .header .bottom-bar .main-category li a .category-icon {
      float: left;
      margin-right: 10px;
      position: static;
    }
    
    .header .bottom-bar .main-category li a i {
      display: inline-block;
      font-size: 22px;
      position: absolute;
      right: 20px;
    }
    
    .header .bottom-bar .menu-area-nav {
      height: 100%;
      background-color: #b80924;
    }
    
    .header .bottom-bar .menu-area-nav .navbar {
      height: 100%;
    }
    
    .header .bottom-bar .menu-area-nav .navbar .logo-size {
      max-width: 175px;
    }
    
    @media only screen and (min-width: 992px) {
      .header .bottom-bar .menu-area-nav .navbar .navbar-nav > li.dropdown:hover .dropdown-menu {
        opacity: 1;
        transform: inherit;
        -webkit-transform: inherit;
        -moz-transform: inherit;
        -ms-transform: inherit;
        -o-transform: inherit;
      }
      .header .bottom-bar .menu-area-nav .navbar .navbar-nav > li.dropdown .dropdown-menu {
        display: block;
        opacity: 0;
        transition: all 0.3s ease;
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        -ms-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        transform: translate(0px, -15px);
        -webkit-transform: translate(0px, -15px);
        -moz-transform: translate(0px, -15px);
        -ms-transform: translate(0px, -15px);
        -o-transform: translate(0px, -15px);
        width: 200px;
        border-radius: 8px;
        -webkit-border-radius: 8px;
        -moz-border-radius: 8px;
        -ms-border-radius: 8px;
        -o-border-radius: 8px;
      }
      .header .bottom-bar .menu-area-nav .navbar .navbar-nav > li.dropdown .dropdown-menu a {
        padding: 8px 15px;
        font-size: 14px;
      }
    }
    
    @media only screen and (min-width: 992px) and (max-width: 767px) {
      .header .bottom-bar .menu-area-nav .navbar .navbar-nav > li.dropdown .dropdown-menu a {
        font-size: 12px;
      }
    }
    
    @media only screen and (min-width: 992px) {
      .header .bottom-bar .menu-area-nav .navbar .navbar-nav > li.dropdown .dropdown-menu a:hover {
        background: #ff1949;
        color: #fff;
      }
    }
    
    .header .bottom-bar .menu-area-nav .navbar .navbar-nav > li:last-child a {
      padding-right: 0;
    }
    
    .header .bottom-bar .menu-area-nav .navbar .navbar-nav > li > a {
      color: rgb(255, 255, 255);
      font-size: 15px;
      padding: 15px 18px;
      position: relative;
      font-family: 'Roboto Condensed', sans-serif;
      font-weight: 700;
      text-transform: uppercase;
    }
    
    .header .bottom-bar .menu-area-nav .navbar .navbar-collapse {
      -webkit-box-pack: end;
          -ms-flex-pack: end;
              /* justify-content: flex-end; */
    }
    
    /*header end*/
    /*banner*/
    .hero-banner {
      background: #F6F7FB;
      padding: 78px 0;
      overflow: hidden;
    }
    
    @media only screen and (max-width: 767px) {
      .hero-banner {
        padding: 40px 0;
      }
      .hero-banner .main-hero-slider {
        margin-bottom: 30px;
      }
      .hero-banner .single-slider .my-auto img {
        max-width: 250px;
        text-align: center;
        margin: 0px auto 20px auto;
      }
    }
    
    .hero-banner .hero-text {
      padding: 0 30px;
    }
    
    @media only screen and (max-width: 767px) {
      .hero-banner .hero-text {
        padding: 0px 20px;
      }
    }
    
    .hero-banner .hero-text .btn {
      color: #fff;
      background: #222;
      padding: 10px 30px;
      line-height: initial;
      border: none;
      border-radius: 10px;
      height: auto;
      z-index: 0;
      -webkit-border-radius: 10px;
      -moz-border-radius: 10px;
      -ms-border-radius: 10px;
      -o-border-radius: 10px;
    }
    
    .hero-banner .hero-text p {
      color: #222;
      margin-bottom: 35px;
    }
    
    @media only screen and (max-width: 767px) {
      .hero-banner .hero-text p {
        margin-bottom: 20px;
      }
    }
    
    .hero-banner .hero-text h1 {
      color: #32B87D;
      margin-bottom: 20px;
      font-size: 40px;
    }
    
    @media only screen and (max-width: 991px) and (min-width: 768px) {
      .hero-banner .hero-text h1 {
        font-size: 34px;
      }
    }
    
    @media only screen and (max-width: 767px) {
      .hero-banner .hero-text h1 {
        font-size: 30px;
      }
    }
    
    .hero-banner .hero-text h1 span {
      font-size: 20px;
      display: block;
      margin-bottom: 12px;
      color: #222;
    }
    
    @media only screen and (max-width: 767px) {
      .hero-banner .hero-text h1 span {
        font-size: 18px;
      }
    }
  
  /* ===========hedaer end home page============  */
  
  /* ==============lates news=============== */
  .module-3b {
    padding-top: 25px;
    padding-bottom: 40px;
  }
  .btonnew .default-btn{
    font-size: 34px;
    background: #fec107;
    color: rgb(0, 0, 0);
  }
  .btonnew .default-btn::before, .default-btn::after{
    background-color: #ffffff;
  }
  .date {
    position: absolute;
    top: 21px;
    left: 21px;
    bottom: auto;
    right: auto;
    background: #fec107;
    padding: 10px;
    color: rgb(0, 0, 0);
    font-weight: 700;
    border-bottom-right-radius: 19px;
  }
  .date2 {
    position: absolute;
    top: 267px;
    left: 21px;
    bottom: auto;
    right: auto;
    background: #ffb500;
    padding: 10px;
    color: rgb(2, 2, 2);
    font-weight: 700;
    border-top-right-radius: 19px;
  }
  .module-title {
    font-family: 'Playfair Display', serif;
    font-weight: 400;
    font-weight: 400;
    font-size: 45px;
    text-align: center;
    margin-top: 0;
    margin-bottom: 0;
    padding-bottom: 30px;
  }
  .btonnew{
    text-align: center;
    font-family: 'Playfair Display', serif;
  }
  
  .newslist{
    position: absolute;
      top: 16%;
      left: 46px;
  }
  .newslist2{
    position: absolute;
    top: 0%;
    left: 5%;
  
  }
  .newslist3{
    position: absolute;
    top: 23%;
    left: -5%;
  
  }
  .figure img{
   width: 100%;
  }
  figure{
      width: 300px;
      height: 300px;
    overflow: hidden;
    position: relative;
    display: inline-block;
    vertical-align: top;
    border: 5px solid #fff;
    box-shadow: 0 0 5px #ddd;
    margin: 1em;
  }
  
  
  .fixboximg figure{
    width: 450px;
    height: 450px;
  overflow: hidden;
  position: relative;
  display: inline-block;
  vertical-align: top;
  border: 5px solid #fff;
  box-shadow: 0 0 5px #ddd;
  margin: 1em;
  }
  
  figcaption{
    position: absolute;
    left: 0; right: 0;
    top: 0; bottom: 0;
    text-align: center;
    font-weight: bold;
    width: 100%;
    height: 100%;
    display: table;
  }
  
  figcaption div{
    display: table-cell;
    vertical-align: middle;
    position: relative;
    top: 20px;
    opacity:1;
    color: #ffffff;
    text-transform: uppercase;
    font-family: 'Playfair Display', serif;
  }
  
  figcaption div:after{
    position: absolute;
    content: "";
    left: 0; right: 0;
    /* bottom: 40%; */
    text-align: center;
    margin: auto;
    width: 0%;
   
  }
  
  figure img{
    -webkit-transition: all 0.5s linear;
     transition: all 0.5s linear;
    -webkit-transform: scale3d(1, 1, 1);
   transform: scale3d(1, 1, 1);
  }
  figcaption{
    background: rgb(0 0 0 / 57%);
   }
  figure:hover figcaption{
   background: rgba(205,32,44,0.8);
  }
  
  .newslist2 figure:hover figcaption{
    background: rgba(0,60,105,0.8);
   }
  
  figcaption:hover div{
    opacity: 1;
    top: 0;
  }
  
  figcaption:hover div:after{
    width: 50%;
  }
  
  figure:hover img{
    -webkit-transform: scale3d(1.2, 1.2, 1);
     transform: scale3d(1.2, 1.2, 1);
  }
  /* ======lates news responsive=== */
  @media only screen and (max-width: 2000px) and (min-width: 1601px){
    figure {
     width: 496px;
    }
    .fixboximg figure{
      width: 612px;
    }
    .bg-img2{
      background-position: bottom !important;
    }
    .date2{
      top: 266px;
      left: 21px;
    }
    .imog{
      width: 100%;
    }
  }
  @media only screen and (max-width: 1600px) and (min-width: 1340px){
      figure {
      width: 390px;
    }
    
  }
  
  
  /* ==============lates news end=============== */
  
  /* ========================programs=========== */
  .ptogramsimg{
    background-image: url(../css/images/imuprogrem.jpg);
    height: 612px;
  
  }
  
  .cownting{
    width: 100%;
    display: block;
    padding:  213px 36px;
    text-align: center;
    height: 84%;
    background-color: #ff9c00 !important;
  }
  .cownting h4 sub{
    bottom: 0;
    font-size: 100%;
  }
  
  .cownting h4 {
    font-size: 68px;
    color: #Fff;
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
  }
  .cownting p{
    font-size: 30px;
      color: #fff;
      font-family: 'Montserrat', sans-serif;
      font-weight: 700;
  }
  
  .imusocialicon{
    position: absolute;
     top: 50%;
     right: 0;
  }
 .programcontentchage p{
    font-size: 35px;
    font-weight:800;
    font-family: 'Mont ExtraLight DEMO';
    color: #fff;
    padding-right: 16px;
    padding-bottom: 40px;
    border-bottom:none!important;
    border-width: 0.3px;
    border-color: #686868;
  }
  .programcontent p{
   /* font-size: 25px;
    font-weight: 1;
    font-family: 'Mont ExtraLight DEMO';
    color: #fff;
    padding-right: 16px;
    padding-bottom: 40px;*/
    border-bottom: 0.3px solid;
    border-width: 0.3px;
    border-color: #686868;
  }
  .programcontent span{
    font-size: 20px;
    font-weight: 400;
    color: #fff;
    font-family: 'Mont ExtraLight DEMO';
    text-align: justify !important;
    
  }
  .ptogramsimg .container{
    max-width: 1299px;
  }
  
  .imusocialicon ul li a img{
    width: 101%;
  }
  .blueboxex{
    width: 100%;
    display: block;
    background-color:#170654;
    height: 84%;
  }
  
  .countimg{
    text-align: center;
    display: block;
    margin: 20px 0;
    padding-bottom: 40px;
    border-bottom: 1px solid;
    border-bottom: 0.3px solid;
    border-width: 0.3px;
    border-color: #686868;
  }
  .countimg .numbers021 h2{
    margin: 0;
    color: #fff;
    font-size: 36px;
    line-height: 28px;
    font-weight: 700;
  }
  .countimg .numbers021 h2 span{
    font-size: 21px;
      text-transform: capitalize;
      font-weight: 400;
  }
  
  /* programs end  */
  
  .admissiondmimg{
    background-image: url(../images/imu-introadimission.png);
    background-position: center;
    background-repeat: no-repeat;
    height:665px;
    background-size: cover;
    width: 100%;
    background-size: 100%;
  }
  .titeladmissions h1{
    color: #fff;
     font-weight: 100;
     margin-bottom: 0;
     font-family: 'Mont ExtraLight DEMO';
 }
 .titeladmissions h2{
    font-size: 32px;
    font-weight: 700;
    color: #ffffff;
    font-family: 'Montserrat', sans-serif;
    /* font-family: 'Roboto Condensed', sans-serif; */
    margin-bottom: 20px;
 }
 .titeladmissions a{
  text-decoration: none;
  background-color: #2eb3fb;
  padding: 10px 22px 10px 11px;
  border-radius: 2px;
  text-transform: uppercase;
  color: #fff;
  font-family: 'Montserrat', sans-serif;
  /* font-family: var(--body-family); */
  font-weight: 600;
  font-size: 11px;
}
.titeladmissions a span{
  margin-left: 4px;
}
.ldadmissionpage{
    margin-top: 40%;
    margin-left: -14%;
}
  /* ===================fid-section==================== */
  .ttm-row.fid-section {
    padding: 37px ;
  }
  .ttm-bgcolor-darkgrey{
    background-color: #052c52;
  }
  .bg-img2.ttm-bg.ttm-bgimage-yes >.ttm-bg-layer {
    opacity: .94;
    background-color: #052c52b3;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0%;
    right: 0%;
    top: 0;
  }
  
  .bg-img2 {
    background-image: url(../css/images/row-bgimage-2.png);
      background-repeat: no-repeat;
      /* background-size: cover;  */
      background-position: -165px -196px;
  
    
  }
  .ttm-bg {
    position: relative;
  }
  
  
  .ttm-fid.inside.style2 {
    margin: 0;
    padding: 25px 0px;
  
  }
  
  .ttm-fid.inside.style3{
    margin: 0;
    padding: 25px 0px;
    margin-bottom: 20px;
    border-bottom: 0.3px solid;
    border-width: 0.3px;
    border-color: #686868;
    height: 100%;
  }
  .ttm-fid-inner{
    color: #ffffff;
  }
  
  .ttm-fid.inside.style2 h4, .ttm-fid.inside.style2 h4 span {
    display: flex;
    font-size: 46px;
    line-height: 60px;
    align-items: center;
    justify-content: center;
    font-family: 'Montserrat', sans-serif;
    font-weight: bold;
  }
  .ttm-fid.inside.style2 h3 {
    font-size: 18px;
    font-weight: 400;
    color: rgb(243 239 239);
    font-family: 'Montserrat', sans-serif;
  }
  
  .mainslider-content-box{
    background-color: rgb(0 0 0 / 66%);
    /* box-shadow: 0px 1px 4px #000; */
    width: 100%;
    height: 100%;
    padding: 25px;
    z-index: 9999;
  }
  .content-event{
    margin: 0 0 0 10px;
  }
  
  .evntimgbox {
    background-color: #ffffff;
      height: 430px;
      border-bottom-left-radius: 68px;
      margin: 0 10px;
      width: 251px;
      border: 1px solid #fff;
      /* background-image: url(../css/images/seeo01.png); */
      background-repeat: no-repeat;
      /* background-size: cover; */
  }
  .content-event h4{
    font-size: 24px;
    width: 25%;
    border-left: 2px solid;
    border-width: 6px;
    padding-left: 8px;
    text-transform: capitalize;
    color: #ffc107;
    font-family: 'Ubuntu';
      font-weight: 900;
  }
  .content-event h1{
    text-transform: uppercase;
    color: #fff;
    font-family: 'Ubuntu', sans-serif;
  }
  .evtmainimg img{
    width: 333px;
  }
  
  .slideshow{
    position: absolute;
      top:33%;
      left: 0px;
  }
  
  .mainslider-content-box .slick-next:before {
    content: 'next  →';
  }
  
  .mainslider-content-box .slick-prev:before {
    content: '← Prev |';
  }
  
  /* .mainslider-content-box .slick-prev:before, .slick-next:before
  {
    font-size: 20px;
      line-height: 1;
      opacity:1;
      color: rgb(255 193 7);
     
      -webkit-font-smoothing: antialiased;
  } */
  
  
  .mainslider-content-box .slick-next {
    right: 61px;
    z-index: 1;
  }
  
  .mainslider-content-box .slick-prev {
    left: 77%;
  }
  
  
  .mainslider-content-box  .slick-next{
    font-size: 0;
      line-height: 0;
      position: absolute;
      top: -11%;
      display: block;
      width:113px;
      height: 20px;
      padding: 0;
      -webkit-transform: translate(0, -50%);
      -ms-transform: translate(0, -50%);
      transform: translate(0, -50%);
      cursor: pointer;
      color: transparent;
      border: none;
      outline: none;
      background: transparent;
  }
  
  .mainslider-content-box .slick-prev{
    font-size: 0;
      line-height: 0;
      position: absolute;
      top: -11%;
      display: block;
      width:113px;
      height: 20px;
      padding: 0;
      -webkit-transform: translate(0, -50%);
      -ms-transform: translate(0, -50%);
      transform: translate(0, -50%);
      cursor: pointer;
      color: transparent;
      border: none;
      outline: none;
      background: transparent;
  } 
  .allevtcontent{
    position: relative;
    padding: 10px;
  }
  
  .allevtcontent .evntdt p{
    font-size: 12px;
    font-weight: 500;
    color: #675e5e;
    text-transform: uppercase;
    font-family: 'Poppins', sans-serif;
    margin: 0;
    margin-top: 10px;
  }
  .allevtcontent .evntdt2 p{
    font-size: 10px;
    padding: 0 35px 0 1px;
    font-weight: 500;
    color: #675e5e;
    text-transform: lowercase;
    font-family: 'Poppins', sans-serif;
    margin: 0;
    margin-top: 10px;
  }
  .allevtcontent  p{
    font-size: 15px;
      font-weight: 500;
      color: #000000;
      text-transform: uppercase;
      font-family: 'Poppins', sans-serif;
      margin: 0;
  }
  .devtime span{
    display: flex;
      align-items: center;
      align-items: center;
      margin-bottom: 6px;
      font-size: 18px;
      font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
      font-weight: 500;
      color: #605050;
  }
  
  .devtime img{
    margin-right: 10px;
  }
  .event-btn{
    width: 38%;
    background: #ffc107;
    text-align: center;
    text-transform: uppercase;
    margin-left: 107px;
    border-top-right-radius: 20px;
    padding: 7px;
    font-family: 'Open Sans', sans-serif;
    transform: rotate(270deg);
    top: 197px;
    position: absolute;
    right: -29px;
  }
  
  .event-btn a:hover{
    color: rgb(0, 0, 0);
  }
  .event-btn a{
    color: rgb(0, 0, 0);
      font-size: 15px;
      font-weight: 500;
      font-family: 'Poppins', sans-serif;
  }
  @media only screen and (max-width: 1200px) and (min-width: 1000px){
    .mainslider-content-box .slick-next {
      right: 23px !important;
      z-index: 1 !important;
    }
  }
  /* ===================fid-section end==================== */
  
  
  .sdutent-life{
    background-image: url(../css/images/map.jpg);
  }
  
  
  /* ================= home pagefooter ================*/
  
  .rs-footer {
      color: #e8e8e8;
      margin-top: 140px;
  }
  
  .bg3 {
      background-image: url(../css/images/counter-bg.jpg);
      background-size: cover;
      background-attachment: fixed;
      background-position: center top;
  }
  
  .rs-footer .container {
      position: relative;
  }
  
  .rs-footer .footer-contact-desc {
      margin: 0;
      background: #222;
      text-align: center;
      padding: 35px;
      position: absolute;
      left: 0;
      right: 0;
      margin: -100px auto 0;
      z-index: 111;
      border-radius: 30px;
      box-shadow: 0 0 20px rgb(0 0 0 / 70%);
  }
  
  .rs-footer .footer-contact-desc .contact-inner {
      position: relative;
  }
  
  .rs-footer .footer-contact-desc .contact-inner i {
      font-size: 28px;
      margin-bottom: 12px;
      color: #b80924;
  }
  
  .rs-footer .footer-contact-desc .contact-inner .contact-title {
      margin-bottom: 10px;
      color: #ffffff;
      font-size: 20px;
  }
  
  .rs-footer .footer-contact-desc .contact-inner .contact-desc {
      color: rgba(255, 255, 255, 0.7);
      margin-bottom: 0;
      font-size: 15px;
  }
  
  .rs-footer .footer-contact-desc div[class*="col-"]+div[class*="col-"] .contact-inner {
      border-left: 1px solid #e2e2e2;
  }
  
  .rs-footer .footer-contact-desc div[class*="col-"]+div[class*="col-"] .contact-inner:before {
      left: 3px;
  }
  
  .rs-footer .footer-contact-desc div[class*="col-"]+div[class*="col-"] .contact-inner:before,
  .rs-footer .footer-contact-desc div[class*="col-"]+div[class*="col-"] .contact-inner:after {
      content: '';
      position: absolute;
      height: calc(100% - 40px);
      width: 1px;
      background-color: #e2e2e2;
      top: 50%;
      transform: translateY(-50%);
  }
  
  .rs-footer .footer-contact-desc .contact-inner .contact-desc {
      color: rgba(255, 255, 255, 0.7);
      margin-bottom: 0;
      font-size: 15px;
  }
  
  .rs-footer .footer-contact-desc div[class*="col-"]+div[class*="col-"] .contact-inner:after {
      left: -5px;
  }
  
  .rs-footer .footer-contact-desc div[class*="col-"]+div[class*="col-"] .contact-inner:before,
  .rs-footer .footer-contact-desc div[class*="col-"]+div[class*="col-"] .contact-inner:after {
      content: '';
      position: absolute;
      height: calc(100% - 40px);
      width: 1px;
      background-color: #e2e2e2;
      top: 50%;
      transform: translateY(-50%);
  }
  
  .rs-footer .footer-top {
      padding-top: 140px;
  }
  
  .rs-footer .footer-top .about-widget img {
      margin-bottom: 25px;
  }
  
  .post-date span {
      font-size: 22px;
      font-weight: 700;
  }
  
  .rs-footer .footer-top .sitemap-widget li a:hover {
      color: #b80924;
  }
  
  .margin-remove {
      margin: 0 !important;
      text-align: justify;
  }
  
  .rs-footer .footer-title {
      margin-bottom: 40px;
      padding-bottom: 5px;
      color: #ffffff;
      font-size: 16px;
      position: relative;
      font-weight: 600;
      font-family: 'Roboto Condensed', sans-serif;
  }
  
  .rs-footer .footer-title:after {
      content: '';
      position: absolute;
      left: 0;
      bottom: -5px;
      height: 1px;
      width: 50px;
      background-color: #b80924;
      font-family: 'Roboto Condensed', sans-serif;
  }
  
  .rs-footer .footer-top .recent-post-widget .post-item {
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -ms-flex-align: center;
      -webkit-align-items: center;
      align-items: center;
      -webkit-transition: all 0.4s ease 0s;
      transition: all 0.4s ease 0s;
  }
  
  .rs-footer .footer-top .recent-post-widget .post-item .post-date {
      width: 70px;
      height: 65px;
      flex: 0 0 70px;
      text-align: center;
      float: left;
      background-color: #b80924;
      color: #ffffff;
      margin-right: 15px;
      -webkit-transition: all 0.4s ease 0s;
      transition: all 0.4s ease 0s;
      display: flex;
      justify-content: center;
      flex-direction: column;
      font-family: 'Roboto Condensed', sans-serif;
  }
  
  .about-widget p{
    text-align: justify;
  }
  .rs-footer .footer-top .recent-post-widget .post-item .post-date span:last-child {
      font-size: 15px;
      color: #fff;
      font-family: 'Roboto Condensed', sans-serif;
  }
  
  .rs-footer .footer-top .recent-post-widget .post-item .post-title a:hover {
      color: rgb(146, 143, 143);
  }
  
  .rs-footer .footer-top .recent-post-widget .post-item .post-title a {
      font-size: 15px;
      line-height: 24px;
      margin-bottom: 0;
      font-weight: 400;
      color: #fff;
      font-family: 'Roboto Condensed', sans-serif;
  }
  
  .rs-footer .footer-top .sitemap-widget li {
      width: 50%;
      float: left;
      line-height: 33px;
      list-style: none;
      font-family: 'Roboto Condensed', sans-serif;
  }
  
  .rs-footer .footer-top .sitemap-widget li a {
      color: #e8e8e8;
      display: inline-block;
      position: relative;
      text-decoration: none !important;
      font-size: 13px;
      font-family: 'Roboto Condensed', sans-serif;
  }
  
  .rs-footer .footer-top .sitemap-widget li a i {
      padding-right: 10px;
  }
  
  ul {
      margin-top: 0;
      margin-bottom: 1rem;
      padding: 0;
  }
  
  .rs-footer .footer-top .news-form {
      position: relative;
  }
  
  .rs-footer .footer-top .news-form input {
      background: rgba(0, 0, 0, 0);
      border: 1px solid #b80924;
      color: #ffffff;
      height: 50px;
      outline: 0 none;
      padding: 5px 15px;
      width: 100%;
      font-family: 'Roboto Condensed', sans-serif;
  }
  
  .rs-footer .footer-top .news-form button {
      background: #b80924;
      border: none;
      color: #ffffff;
      font-size: 18px;
      height: 100%;
      position: absolute;
      right: 0;
      top: 0;
      width: 60px;
      transition: all 0.3s ease 0s;
      cursor: pointer;
  }
  
  .rs-footer .footer-share {
      text-align: center;
      margin-top: 50px;
      font-family: 'Roboto Condensed', sans-serif;
  }
  
  ul {
      list-style: outside none none;
      margin: 0;
      padding: 0;
  }
  
  .rs-footer .footer-share ul li {
      display: inline-block;
  }
  
  .about-widget img {
      width: 125px;
  }
  
  .rs-footer .footer-bottom {
      text-align: center;
      border-top: 1px solid rgba(255, 255, 255, 0.15);
      padding: 18px 0;
      margin-top: 35px;
  }
  
  .copyright p a {
      color: #F2184F;
      text-transform: uppercase;
      font-size: 20px;
  }
  
  .rs-footer .footer-share ul li a:hover {
      background-color: #b80924;
      color: #ffffff;
  }
  
  .rs-footer .footer-bottom .copyright p {
      opacity: 0.95;
      margin-bottom: 0;
      font-size: 18px;
  }
  
  .rs-footer .footer-share ul li a {
      font-size: 13px;
      display: block;
      width: 42px;
      height: 42px;
      border-radius: 50%;
      line-height: 44px;
      text-align: center;
      color: #fff;
      transition: all .3s ease 0s;
      background: rgba(255, 255, 255, 0.15);
  }
  
  .iconpositions{
    position: relative;
  }
  /* ================= home page footer end ================*/


 /* mobile responsive landing page */
  @media only screen and (max-width: 1400px) {
  .admissiondmimg{height: 453px!important;}
  .ldadmissionpage {
    margin-top: 20%;
}
 }
 @media only screen and (max-width: 1025px) and (min-width:992px){
  .cownting{
    padding: 167px 15px;
  }
 }
 @media only screen and (max-width:991px) and (min-width:769px){
  .admissiondmimg{
    height: 272px;
  }
  .mainlogo img{
    width: 125px;
  }
  .mainimage a img{
    width: 434px;
  }
  .ldadmissionpage{
    margin-top: 65px;
  }
  .cownting{
    padding: 110px 105px;
  }
 }
 @media only screen and (max-width:768px) and (min-width: 476px){
  .mainlogo img{
    width: 88px;
  }
  .mainimage a img{
    width: 291px;
  }
  .mainimage{
    justify-content: left;
  }
  .banner-btn .btn{
    padding: 10px 10px;
  }
  .imusocialicon{
    top: 25%;
  }
  .ldadmissionpage{
    margin-top: 23px;
  }
  .cownting{
    padding: 155px 132px;
  }
  .admissiondmimg{
    height: 187px;
  }
 }
 @media only screen and (max-width:475px) and (min-width: 320px){
  .mainimage{
    display: none;
  }
  .banner-btn .btn{
    padding: 5px 10px;
    font-size: 16px;
  }
  .imusocialicon ul li a img{
    width: 45%;
  }

  .imusocialicon{
    top: 25%;
    right: -32px;
  }
  .admissiondmimg{
    height: 113px;
  }
  .ldadmissionpage{
    margin-top: 11px;
    margin-left: 0;
  }
  .titeladmissions h1{
    margin-bottom: 0px;
    font-size: 1.5rem;
  }
  .titeladmissions h2{
    font-size: 20px;
    margin-bottom: 8px;
  }
  .programcontentchage p{font-size:14px; }
  .ptogramsimg, .blueboxex, .cownting{height: auto;}
  .titeladmissions a{
    padding: 10px 10px 10px 10px;
  }
  .cownting{
    padding: 71px 72px;
  }
}