/*why choose us*/
.section-pad {
    padding: 40px 0;
  }
  .has-bg::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(0,0,0,0.6);
  }
  .has-bg .container {
    position: relative;
    z-index: 1;
  }
  .heading-section {
    text-align: center;
    font-size: 32px;
    font-weight: 700;
    margin-bottom: 50px;
    text-transform: uppercase;
  }
  .heading-section::after {
    content: "";
    width: 60px;
    height: 3px;
    background: #ffa600;
    display: block;
    margin: 15px auto 0;
  }
  .feature-card {
    text-align: center;
  /*  padding: 30px 20px;*/
    transition: all 0.3s ease;
  }
  .feature-card:hover {
    transform: translateY(-8px);
  }
  .icon-box {
    width: 55px;
    height: 55px;
    line-height: 55px;
    margin: 0 auto;
    border-radius: 50%;
    background: #ffa600;
    font-size: 22px;
    box-shadow: 0 8px 20px rgba(0,0,0,0.3);
  }
  .feature-card:hover .icon-box {
    background: #fff;
    color: #ffa600;
  }
  .feature-card h4 {
    margin-top: 20px;
    font-size: 18px;
    font-weight: 600;
  }
  .feature-card p {
    font-size: 14px;
    color: #ddd;
  }
  
  /*banner slide*/
   .login_banner_slide
   {
      padding-right: 0px;
      padding-left: 0px;
   }
  
  /* counter*/
    .facts-list1 {
              list-style: none;
              display: flex;
              gap: 20px;
              justify-content: center;
              padding: 0;
              flex-wrap: wrap;
          }
  
          .facts-list1 li {
              background: #fff;
              padding: 30px;
              border-radius: 14px;
              text-align: center;
              width: 220px;
              box-shadow: 0 6px 14px rgba(0,0,0,0.1);
          }
  
          .facts-list1 h3 {
              font-size: 42px;
              color: #0d6efd;
              margin: 0;
          }
  
          .facts-list1 h4 {
              margin-top: 10px;
              font-size: 16px;
              color: #555;
          }
  
  /*Course*/
     :root {
      --overlap-size: 12px;
  }
      /* Card wrapper */
  .hcard-wrapper {
      position: relative;
      height: 100%;
      animation: fadeUp .8s ease both;
  }
  
  /* Stagger animation */
  .hcard-wrapper:nth-child(1) { animation-delay: .2s; }
  .hcard-wrapper:nth-child(2) { animation-delay: .4s; }
  
  /* Fade up */
  @keyframes fadeUp {
      from {
          opacity: 0;
          transform: translateY(30px);
      }
      to {
          opacity: 1;
          transform: translateY(0);
      }
  }
  
  /* Card */
  .hcard {
      position: relative;
      border-radius: 16px;
      overflow: hidden;
      height: 100%;
      background-size: cover;
      background-position: center;
      box-shadow: 0 8px 20px rgba(0,0,0,0.15);
      background-repeat: no-repeat;
      color: #fff;
      transition: transform .45s ease, box-shadow .45s ease, background-size .6s ease;
  }
  
  
  
  /* Hover effect */
  .hcard-wrapper:hover .hcard {
      transform: translateY(-10px) scale(1.01);
      box-shadow: 0 18px 45px rgba(0,0,0,.25);
      background-size: 110%;
      background-image
  }
  
  /* Overlay */
  .hcard::before {
      content: "";
      position: absolute;
      inset: 0;
      background: linear-gradient(
          rgba(0,0,0,.75),
          rgba(0,0,0,.65)
      );
      z-index: 0;
  }
  
  /* Card body */
  .hcard-body {
      position: relative;
      z-index: 1;
      padding: 22px;
  }
  
   
  /* Ribbon */
  .price {
      position: absolute;
      top: 16px;
      right: 0;
      margin-right: calc(var(--overlap-size) * -1);
      padding: 6px 16px;
      background-color: var(--main-color);
      color: #fff;
      font-weight: 600;
      z-index: 3;
  }
  
  .price::after {
      content: "";
      position: absolute;
      height: var(--overlap-size);
      width: var(--overlap-size);
      right: 0;
      top: 100%;
      background-color: inherit;
      background-image: linear-gradient(rgba(0,0,0,.4), rgba(0,0,0,.4));
      clip-path: polygon(0 0, 100% 0, 0 100%);
  }
  
  /* Course list */
  .course-list {
      list-style: none;
      padding: 0;
      margin-top: 12px;
  }
  
  .course-list li {
      position: relative;
      padding-left: 30px;
      margin-bottom: 10px;
      font-size: 12px;
  }
  
  /* Tick */
  .course-list li::before {
      content: "\f058";
      font-family: "Font Awesome 5 Free";
      font-weight: 900;
      position: absolute;
      left: 0;
      top: 0px;
      color: #2ecc71;
      font-size: 16px;
      transition: transform .3s ease;
  }
  
  /* Tick animation */
  .hcard-wrapper:hover .course-list li::before {
      transform: scale(1.15);
  }
  .couleft, .couright
  {
      margin-bottom: 10px;
  }
  .course-flex
  {
      display: flex;
      gap: 10px;
  }
  
  /*slogan*/
       .slogan_block
       {
          padding: 0px;
       }
       .slogan_block h2 a
       {
          color: #FFFFFF;
       }
       .slogan_block h2
       {
        font-size: 18px;
        font-weight: 700;
       }
  
  
  
  
  /*shanmuga*/
   .numbers-section {
  /*        padding: 1rem 1rem 0rem;*/
          background: #fff;
          position: relative;
          overflow: hidden;
          z-index: 99;
          top: 0px;
          clip-path: polygon(50% 0%, 100% 17%, 100% 100%, 50% 100%, 0 100%, 0 16%);
      }
  
      .numbers-section::before {
          /* simple curved top feel */
          content: "";
          position: absolute;
          left: -20%;
          right: -20%;
          top: 0%;
          height: 60%;
          border-bottom-left-radius: 50%;
          border-bottom-right-radius: 50%;
          z-index: -1;
      }
  
      .numbers-subtitle {
          text-transform: uppercase;
          font-weight: 600;
          font-size: 1.5rem;
          color: #0071c5;
          letter-spacing: .08em;
      }
  
  
       .primary-heading {
      font-size: 20px;
      font-weight: 600;
      color: #0084d6;
      margin-bottom: 4px;
      position: relative;
      display: inline-block;
  }
   .secondary-heading {
      font-size: 20px;
      font-weight: 700;
      color: #e32828;
      margin-top: 18px;
      margin-bottom: 30px;
  }
  
      .numbers-title {
          font-weight: 700;
          font-size: 1.9rem;
          color: #e6322a;
      }
          @media (min-width:992px) {
          .numbers-title {
              font-size: 2.2rem;
          }
      }
  
          .rating-score {
          font-weight: 700;
          font-size: 22px;
      }
  
      .rating-text {
          font-size: 16px;
          color: #555;
      }
      .rating-text p{
          font-size: 14px;
      }
      .highlight-text p
      {
          font-size: 14px;
      }
  
       .numbers-section .about-title {
          font-weight: 700;
          font-size: 22px;
          margin-top: 1.8rem;
          margin-bottom: .4rem;
      }
  
      .numbers-section .about-text {
          font-size: 14px;
          color: #555;
          max-width: 360px;
      }
  
      .numbers-section .center-image-wrapper {
          border-radius: 16px;
          overflow: hidden;
          box-shadow: 0 18px 40px rgba(0, 0, 0, .15);
          max-width: 100%;
      }
  
      .numbers-section .center-image-wrapper img {
          width: 100%;
          display: block;
      }
  
      .numbers-section .highlight-item+.highlight-item {
          margin-top: 1.5rem;
      }
  
      .numbers-section .highlight-title {
          font-weight: 700;
          font-size: 22px;
      }
  
      .numbers-section .highlight-text {
          font-size: 16px;
          color: #555;
      }
  
      /* center alignment for small screens */
      @media (max-width:991.98px) {
  
          .numbers-section .left-col,
          .numbers-section .right-col {
              text-align: center;
          }
  
          .numbers-section .about-text,
          .numbers-section .rating-text {
              margin-left: auto;
              margin-right: auto;
          }
      }
  
      .numbers-section .about-section .numbers-divider {
          top: 80px;
      }
  
      .numbers-section .top-white-bg {
          position: relative;
      }
  
      .numbers-section .top-white-bg img {
          position: absolute;
          top: 0px;
          z-index: 89;
      }
  
      @media(max-width:992px) {
          .numbers-section {
              clip-path: polygon(50% 0%, 100% 5%, 100% 100%, 50% 100%, 0 100%, 0 5%);
          }
  
          .numbers-section .highlight-item {
              width: 60%;
              margin: auto;
          }
      }
  
      @media (max-width:576px) {
          .numbers-section .top-white-bg img {
              top: -100px;
          }
  
          .numbers-section {
              clip-path: none;
          }
          .numbers-section .highlight-item {
              width: 100%;
          }
  
      }
  
   .numbers-section .center-image-wrapper:hover img {
      transform: scale(1.06);
  }
  .numbers-section .center-image-wrapper:hover::after {
      animation: shineOnce 0.8s ease forwards;
  }
  .numbers-section .center-image-wrapper::after {
      content: "";
      position: absolute;
      top: 0;
      left: -120%;
      width: 60%;
      height: 100%;
      background: linear-gradient(120deg, transparent 0%, rgba(255, 255, 255, 0.7) 50%, transparent 100%);
      transform: skewX(-25deg);
      z-index: 2;
      pointer-events: none;
  }
  .numbers-section .center-image-wrapper {
      position: relative;
      display: inline-block;
      overflow: hidden;
      border-radius: 16px;
      cursor: pointer;
  }
  
  @keyframes shineOnce {
      from {
          left: -120%;
      }
  
      to {
          left: 130%;
      }
  }
  
  
  
  
      .vision-section {
          position: relative;
          overflow: hidden;
          padding: 0px 20px 70px;
          min-height: 320px;
          background: #ffffff;
          color: #333;
      }
  
      .vision-section::before {
          content: "";
          position: absolute;
          inset: 35% -40% 30%;
          background: #b60a2e;
          transform: rotate(-8deg);
          z-index: 0;
      }
  
      .vision-section .vision-header {
          margin-bottom: 20px;
      }
  
      .vision-section .vision-tagline {
          font-size: 18px;
          font-weight: 600;
          color: #c80b1f;
      }
  
      .vision-section .vision-title {
          font-size: 30px;
          font-weight: 700;
          color: #0070c0;
          margin-top: 5px;
      }
  
      .vision-section .vision-content-row {
          display: flex;
          align-items: center;
          gap: 30px;
      }
  
      .vision-section .vision-graphic-wrap {
          flex: 1 1 45%;
          display: flex;
          align-items: center;
          justify-content: center;
      }
  
      .vision-section .vision-graphic {
          width: 100%;
          max-width: 400px;
          display: block;
          position: relative;
      }
  
      .vision-section .vision-note-wrap {
          flex: 1 1 55%;
          position: relative;
          display: flex;
          justify-content: center;
      }
  
      .vision-section .vision-note-bg {
          width: 100%;
          max-width: 100%;
          display: block;
      }
  
      .vision-section .vision-note-text p {
          position: absolute;
          top: 14%;
          left: 8%;
          right: 10%;
          font-size: 14px;
          line-height: 1.7;
      }
  
      /* .vision-section .vision-note-text p {
          margin-bottom: 12px;
          font-size: 20px;
      } */
  
      /* .vision-section .vision-note-text p:last-child {
          margin-bottom: 0;
      }
  
  
      .vision-section .vision-note-text p {
          font-size: 20px;
      } */
  
      @media (max-width: 1200px) {
         /* .vision-section .vision-note-text p {
              font-size: 16px;
          } */
  
      }
  
      @media (max-width: 1024px) {
          /* .vision-section .vision-note-text p {
              font-size: 20px;
          } */
  
          .vision-section .numbers-divider {
              width: auto;
          }
      }
  
      @media (max-width: 992px) {
          .vision-section .vision-title {
              font-size: 26px;
          }
  
          .vision-section {
              padding-bottom: 50px;
          }
  
          .vision-section .vision-header {
              display: flex;
              flex-direction: column;
              align-items: center;
          }
      }
  
      @media (max-width: 768px) {
          .vision-section {
              padding: 30px 16px 40px;
          }
  
          .vision-section::before {
              inset: 45% -60% 32%;
              transform: rotate(10deg);
          }
  
          .vision-section .vision-content-row {
              flex-direction: column;
              align-items: center;
          }
  
          .vision-section .vision-note-wrap,
          .vision-section .vision-graphic-wrap {
              flex: 1 1 100%;
          }
  
          .vision-section .vision-note-text {
              top: 18%;
              left: 10%;
              right: 10%;
              font-size: 13px;
          }
  
          .vision-section .numbers-divider {
              width: auto;
              top: 70px;
          }
      }
  
      @media (max-width: 576px) {
          .vision-section .vision-note-text p {
              font-size: 16px;
          }
      }
  
      @media (max-width: 480px) {
          .vision-section .vision-title {
              font-size: 22px;
          }
  
          .vision-section .vision-tagline {
              font-size: 16px;
          }
  
          .vision-section .vision-note-text {
              font-size: 12px;
              top: 12%;
          }
      }
  
      @media (max-width: 576px) and (max-height: 700px) {
          .vision-section .text-area {
              display: none;
          }
      }
  
  
  .arrow-move {
      animation: floatUpDown 2s ease-in-out infinite;
      cursor: pointer;
  }
  
  @keyframes floatUpDown {
      0% {
          transform: translateY(0);
      }
  
      50% {
          transform: translateY(-10px);
          /* move up */
      }
  
      100% {
          transform: translateY(0);
          /* back down */
      }
  }
  
  
  
  
  
  
      .mission-section {
          position: relative;
          overflow: hidden;
          padding: 40px 20px 70px;
          min-height: 320px;
          background: #ffffff;
          color: #333;
      }
  
      .mission-section::before {
          content: "";
          position: absolute;
          inset: 35% -40% 30%;
          background: #b60a2e;
          transform: rotate(8deg);
          z-index: 0;
      }
  
      .mission-section .mission-inner {
          position: relative;
          z-index: 1;
      }
  
      .mission-section .mission-header {
          margin-bottom: 20px;
          text-align: right;
          align-items: end;
          display: flex;
          flex-direction: column;
      }
  
      .mission-section .mission-tagline {
          font-size: 18px;
          font-weight: 600;
          color: #0070c0;
      }
  
      .mission-section .mission-title {
          font-size: 30px;
          font-weight: 700;
          color: #b60a2e;
          margin-top: 5px;
      }
  
      .mission-section .mission-content-row {
          display: flex;
          align-items: center;
          gap: 30px;
      }
  
      .mission-section .mission-note-wrap {
          flex: 1 1 55%;
          position: relative;
          display: flex;
          justify-content: center;
      }
  .mission-inner {
      position: relative;
      z-index: 1;
  }
      .mission-section .mission-note-bg {
          width: 100%;
          max-width: 100%;
          display: block;
      }
  
      .mission-section .mission-note-text p {
          position: absolute;
          top: 14%;
          left: 8%;
          right: 10%;
          font-size: 14px;
          line-height: 1.7;
      }
  
      /* .mission-section .mission-note-text p {
          margin-bottom: 12px;
          font-size: 20px;
      }
  
      .mission-section .mission-note-text p:last-child {
          margin-bottom: 0;
      } */
  
      .mission-section .mission-graphic-wrap {
          flex: 1 1 45%;
          display: flex;
          align-items: center;
          justify-content: center;
      }
  
      .mission-section .mission-graphic {
          width: 100%;
          max-width: 400px;
          display: block;
      }
      .mission-graphic-wrap {
      flex: 1 1 45%;
      display: flex;
      align-items: center;
      justify-content: center;
  }
  
      @media (max-width: 1200px) {
          .mission-section .mission-note-text p {
              font-size: 16px;
          }
      }
  
      @media (max-width: 1024px) {
          .mission-section .mission-note-text p {
              font-size: 20px;
          }
  
          .mission-section .mission-header {
              align-items: center;
          }
  
          .mission-section .numbers-divider {
              width: auto;
          }
      }
  
      @media (max-width: 992px) {
          .mission-section .mission-title {
              font-size: 26px;
          }
      }
  
      @media (max-width: 768px) {
          .mission-section {
              padding: 30px 16px 40px;
          }
  
          .mission-section::before {
              inset: 45% -60% 32%;
              transform: rotate(-10deg);
          }
  
          .mission-section .mission-content-row {
              flex-direction: column;
          }
  
          .mission-section .mission-note-text p {
              top: 18%;
              left: 10%;
              right: 10%;
              font-size: 13px;
          }
  
      }
  
      @media (max-width: 576px) {
          /* .mission-section .mission-note-text p {
              font-size: 16px;
          } */
      }
  
      @media (max-width: 480px) {
          .mission-section .mission-title {
              font-size: 22px;
          }
  
          .mission-section .mission-tagline {
              font-size: 16px;
          }
  
          /* .mission-section .mission-note-text {
              font-size: 12px;
          } */
      }
  
  
  
  
  
        .department-holder .numbers-divider {
          width: 100%;
          position: absolute;
          top: 34px;
      }
  
      .department-holder .section-title small {
          color: #0369A1;
          font-weight: 600;
          text-decoration: underline;
      }
  
      .department-holder .section-title h1 {
          color: #b60a2e;
          font-weight: 800;
      }
  
      /* CARD STYLE */
      .department-holder .dep-card {
          background: #fff;
          border-radius: 5px;
          overflow: hidden;
          box-shadow: 0 0 15px rgba(0, 0, 0, .1);
          transition: 0.4s;
          height: 100%;
      }
  
      .department-holder .dep-card:hover {
          transform: translateY(-8px);
      }
  
      .department-holder .dep-card img {
          width: 100%;
          height: 200px;
          object-fit: cover;
      }
  
      .department-holder .dep-card img:hover {
          background: #000056;
      }
  
      /* .department-holder .dep-content p {
          padding: 15px;
      } */
  
      .department-holder .dep-content p h5 {
          font-weight: 700;
          font-size: 15px;
      }
  
      /* .department-holder .dep-content p {
          font-size: 16px;
          color: #555;
          min-height: 48px;
      } */
  
      .department-holder .dep-content p .read-more {
          color: #b60a2e;
          font-weight: 600;
          text-decoration: none;
      }
  
      .department-holder .dep-content p .read-more::after {
          content: "➜";
          margin-left: 6px;
      }
  
      /* SLICK SETTINGS */
      .department-holder .dept-slider .slick-slide {
          padding: 10px;
      }
  
      .department-holder .dept-slider .slick-list {
          margin: 0 -10px;
      }
  
      .department-holder .slick-active .dep-card {
          border-bottom: 4px solid #b60a2e;
          transition: 0.3s;
      }
  
      /* Arrow Button */
      .department-holder .arrow-btn {
          cursor: pointer;
          transition: 0.3s;
      }
  
      .department-holder .arrow-btn:hover {
          transform: scale(1.15);
      }
  
      @media(max-width: 768px) {
          .department-holder .arrow-btn-inner {
              width: 34px;
          }
  
      }
  
      @media(max-width: 576px) {
         .department-holder .section-title small {
              width: 100%;
              text-align: center;
          }
  
          .department-holder .numbers-divider {
              top: 20px;
          }
      }
   
      .department-holder .department-holder {
          padding: 60px 0;
      }
  
      /* TITLE */
      .department-holder .section-title small {
          color: #0369A1;
          font-weight: 600;
      }
  
      .department-holder .section-title h1 {
          color: #b60a2e;
          font-weight: 800;
      }
  
      /* CARD */
      .department-holder .dep-card {
          background: #fff;
          border-radius: 6px;
          overflow: hidden;
          box-shadow: 0 0 15px rgba(0, 0, 0, .12);
          transition: .35s ease;
          height: 100%;
      }
  
      .department-holder .dep-card:hover {
          transform: translateY(-8px);
      }
  
      /* IMAGE BOX */
      .department-holder .dep-img-box {
          position: relative;
          height: 200px;
          overflow: hidden;
      }
  
      .department-holder .dep-img-box img {
          width: 100%;
          height: 100%;
          object-fit: cover;
      }
  
      /* BORDER + OVERLAY (INSIDE ONLY) */
      .department-holder .dep-img-box .frame {
          position: absolute;
          inset: 15px;
          border: 2px solid #fff;
          padding: 16px;
          display: flex;
          align-items: center;
          justify-content: center;
          background: rgba(0, 60, 100, 0);
          opacity: 0;
          transition: .4s ease;
          flex-direction: column;
          text-align: center;
      }
  
      .department-holder .dep-img-box .frame h3 {
          color: #fff;
          font-size: 14px;
          font-weight: 700;
          max-width: 80%;
          line-height: 1.3;
      }
  
      /* HOVER EFFECT */
      .department-holder .dep-card:hover .frame {
          opacity: 1;
          background: rgba(0, 60, 100, 0.55);
      }
  
      /* ARROW */
      .department-holder .arrow-btn-inner {
          width: 38px;
          height: 38px;
          background: #b60a2e;
          color: #fff;
          border-radius: 50%;
          display: flex;
          align-items: center;
          justify-content: center;
          font-size: 18px;
      }
  
      /* CONTENT */
      .department-holder .dep-content {
          padding: 16px;
      }
  
      .department-holder .dep-content h5 {
          font-size: 15px;
          font-weight: 700;
      }
  
      .department-holder .dep-content p {
          font-size: 14px;
          color: #555;
          line-height: 1.6;
          min-height: 48px;
      }
  
      .department-holder .read-more {
          color: #b60a2e;
          font-weight: 600;
          text-decoration: none;
      }
  
      /* SLICK */
      .department-holder .dept-slider .slick-slide {
          padding: 12px;
      }
  
  
  
  
      .contact-section {
          width: 100%;
          padding: 40px 40px;
      }
  
     .contact-section .contact-container {
          max-width: 1120px;
          margin: 0 auto;
          display: flex;
          gap: 40px;
          align-items: flex-start;
      }
  
  
      .contact-section .contact-map {
          flex: 0 0 52%;
          border-radius: 8px;
          overflow: hidden;
          box-shadow: 0 10px 25px rgba(0, 0, 0, .08);
          background: #eee;
      }
  
      .contact-section .contact-map iframe,
      .contact-section .contact-map img {
          width: 100%;
          height: 500px;
          border: 0;
          display: block;
      }
  
      .contact-section .contact-content {
          flex: 1;
      }
   
  
  
      .contact-section .contact-content .numbers-divider {
          top: 0%;
      }
  
   
  
      .contact-section .info-block {
          display: flex;
          gap: 16px;
          margin-bottom: 20px;
          align-items: flex-start;
      }
  
      .contact-section .info-icon {
          width: 44px;
          height: 44px;
          flex: 0 0 44px;
          border-radius: 50%;
          overflow: hidden;
          display: flex;
          align-items: center;
          justify-content: center;
      }
  
      .contact-section .info-icon img {
          width: 100%;
          height: 100%;
          object-fit: contain;
      }
  
     .contact-section  .info-text-title {
          font-size: 16px;
          font-weight: 600;
          margin-bottom: 6px;
      }
  
      .contact-section .info-text-body {
          font-size: 16px;
          line-height: 1.6;
          color: #444;
      }
  
      .contact-section .info-text-body span.label {
          font-weight: 600;
      }
  
      .contact-section .availability-line {
          font-size: 13px;
          color: #444;
          line-height: 1.6;
      }
  
      @media(max-width:768px) {
          .contact-section .contact-container {
              flex-direction: column;
          }
  
         .contact-section  .contact-map {
              flex: 1 1 auto;
              width: 100%;
          }
  
          .contact-section .contact-content {
              width: 100%;
          }
  
          
      }
  
      @media(max-width:576px) {
          .contact-section {
              padding: 24px 16px 40px;
          } 
          .contact-section .info-block {
              align-items: center;
          }
  
          .contact-section .info-text-body {
              font-size: 14px;
          }
      }
  
  .text-tagline {
      position: absolute;
      z-index: 999;
      top: 40%;
      left: 4%;
  }
      .text-tagline h1 {
      font-size: 2rem;
      font-weight: 800;
      color: white;
      }
  
      .text-tagline span {
      color: #ff4d4d;
  }
  
  .text-tagline .text-outline-red {
      font-size: 57px;
      font-weight: 800;
      color: #ff0000;
      -webkit-text-stroke: 1px white;
  }
      
  
  
      /* Media Query for Mobile Devices */ 
    @media (max-width: 480px) {
      .text-tagline
      {
          top: 16px;
      }
      .text-tagline h1
      {
          font-size: 18px;
      }
      .text-tagline .text-outline-red
      {
      font-size: 22px;        
      }
    }
  
      /* Media Query for low resolution  Tablets, Ipads */ 
     @media (min-width: 481px) and (max-width: 767px) { 
      .text-tagline
      {
          top: 17%;
      }
      .text-tagline h1
      {
          font-size: 18px;
      }
      .text-tagline .text-outline-red
      {
      font-size: 34px;        
      }
     }
  
  
         @media (min-width: 768px) and (max-width: 1100px)
      {
      .text-tagline
      {
          top: 17%;
      }
      .text-tagline h1
      {
          font-size: 18px;
      }
      .text-tagline .text-outline-red
      {
      font-size: 34px;        
      }
      }