html,
  body {
      width: 100%;
      max-width: 100%;
      overflow-x: hidden;
      scroll-behavior: smooth;
      box-sizing: border-box;
  }
  
  p {
      margin-bottom: 10px! important;
  }
  
  .read-more {
      border: none;
      background-color: none;
      background: none;
      color: red;
      font-weight: bold;
      text-decoration: none;
      font-size: 14px;
      margin-left: 0px;
  }
  
  .myImg {
      /* height: 100%; */
      width: 100%;
  }
  
  .carousel-caption {
      top: 24%;
      left: 14%;
  }
  
  .bannerheading {
      position: absolute;
      left: -80px;
      top: 20px;
      text-align: left;
  }
  /*animation start */
  
  .slideanimup {
      visibility: hidden;
  }
  
  .slideup {
      animation-name: slideup;
      -webkit-animation-name: slideup;
      animation-duration: 1s;
      -webkit-animation-duration: 1.5s;
      visibility: visible;
  }
  
  @keyframes slideup {
      0% {
          opacity: 0;
          transform: translateY(-70%);
      }
      100% {
          opacity: 1;
          transform: translateY(0%);
      }
  }
  
  @-webkit-keyframes slideup {
      0% {
          opacity: 0;
          -webkit-transform: translateY(-70%);
      }
      100% {
          opacity: 1;
          -webkit-transform: translateY(0%);
      }
  }
  
  .slideanimupone {
      visibility: hidden;
  }
  
  .slideupone {
      animation-name: slideupone;
      -webkit-animation-name: slideupone;
      animation-duration: 1s;
      -webkit-animation-duration: 1.5s;
      visibility: visible;
  }
  
  @keyframes slideupone {
      0% {
          opacity: 0;
          transform: translateY(-70%);
      }
      100% {
          opacity: 1;
          transform: translateY(0%);
      }
  }
  
  @-webkit-keyframes slideupone {
      0% {
          opacity: 0;
          -webkit-transform: translateY(-70%);
      }
      100% {
          opacity: 1;
          -webkit-transform: translateY(0%);
      }
  }
  
  .slideanimuptwo {
      visibility: hidden;
  }
  
  .slideuptwo {
      animation-name: slideuptwo;
      -webkit-animation-name: slideuptwo;
      animation-duration: 1s;
      -webkit-animation-duration: 1.5s;
      visibility: visible;
      animation-delay: 0.5s;
      animation-fill-mode: both;
  }
  
  @keyframes slideuptwo {
      0% {
          opacity: 0;
          transform: translateY(-70%);
      }
      100% {
          opacity: 1;
          transform: translateY(0%);
      }
  }
  
  @-webkit-keyframes slideuptwo {
      0% {
          opacity: 0;
          -webkit-transform: translateY(-70%);
      }
      100% {
          opacity: 1;
          -webkit-transform: translateY(0%);
      }
  }
  
  .slideanimupthree {
      visibility: hidden;
  }
  
  .slideupthree {
      animation-name: slideupthree;
      -webkit-animation-name: slideupthree;
      animation-duration: 1s;
      -webkit-animation-duration: 1.5s;
      visibility: visible;
      animation-delay: 0.8s;
      animation-fill-mode: both;
  }
  
  @keyframes slideupthree {
      0% {
          opacity: 0;
          transform: translateY(-70%);
      }
      100% {
          opacity: 1;
          transform: translateY(0%);
      }
  }
  
  @-webkit-keyframes slideupthree {
      0% {
          opacity: 0;
          -webkit-transform: translateY(-70%);
      }
      100% {
          opacity: 1;
          -webkit-transform: translateY(0%);
      }
  }
  
  .slideanimbasic {
      visibility: hidden;
  }
  
  .slidebasic {
      /* The name of the animation */
      animation-name: slidebasicone;
      -webkit-animation-name: slidebasicone;
      /* The duration of the animation */
      animation-duration: 1s;
      -webkit-animation-duration: 1.5s;
      /* Make the element visible */
      visibility: visible;
  }
  
  @keyframes slidebasic {
      0% {
          transform: scale(0.2, 0.2);
      }
      /* 50% {
                    transform: scale(0.5,0.5);
                } */
      100% {
          transform: scale(1, 1);
      }
  }
  
  @-webkit-keyframes slidebasic {
      0% {
          opacity: 0;
          -webkit-transform: translateZ(70%);
      }
      100% {
          opacity: 1;
          -webkit-transform: translateZ(0%);
      }
  }
  
  .slideanimbasicone {
      visibility: hidden;
  }
  
  .slidebasicone {
      /* The name of the animation */
      animation-name: slidebasicone;
      -webkit-animation-name: slidebasicone;
      /* The duration of the animation */
      animation-duration: 1s;
      -webkit-animation-duration: 1.5s;
      /* Make the element visible */
      visibility: visible;
  }
  
  @keyframes slidebasicone {
      0% {
          transform: scale(0.2, 0.2);
      }
      /* 50% {
                    transform: scale(0.5,0.5);
                } */
      100% {
          transform: scale(1, 1);
      }
  }
  
  @-webkit-keyframes slidebasicone {
      0% {
          opacity: 0;
          -webkit-transform: translateZ(70%);
      }
      100% {
          opacity: 1;
          -webkit-transform: translateZ(0%);
      }
  }
  
  .slideanimbasictwo {
      visibility: hidden;
  }
  
  .slidebasictwo {
      /* The name of the animation */
      animation-name: slidebasictwo;
      -webkit-animation-name: slidebasictwo;
      /* The duration of the animation */
      animation-duration: 1s;
      -webkit-animation-duration: 1.5s;
      /* Make the element visible */
      visibility: visible;
  }
  
  @keyframes slidebasictwo {
      0% {
          transform: scale(0.2, 0.2);
      }
      /* 50% {
                    transform: scale(0.5,0.5);
                } */
      100% {
          transform: scale(1, 1);
      }
  }
  
  @-webkit-keyframes slidebasictwo {
      0% {
          opacity: 0;
          -webkit-transform: translateZ(70%);
      }
      100% {
          opacity: 1;
          -webkit-transform: translateZ(0%);
      }
  }
  
  .slideanimbasicthree {
      visibility: hidden;
  }
  
  .slidebasicthree {
      /* The name of the animation */
      animation-name: slidebasicthree;
      -webkit-animation-name: slidebasicthree;
      /* The duration of the animation */
      animation-duration: 1s;
      -webkit-animation-duration: 1.5s;
      /* Make the element visible */
      visibility: visible;
  }
  
  @keyframes slidebasicthree {
      0% {
          transform: scale(0.2, 0.2);
      }
      /* 50% {
                    transform: scale(0.5,0.5);
                } */
      100% {
          transform: scale(1, 1);
      }
  }
  
  @-webkit-keyframes slidebasicthree {
      0% {
          opacity: 0;
          -webkit-transform: translateZ(70%);
      }
      100% {
          opacity: 1;
          -webkit-transform: translateZ(0%);
      }
  }
  /*animation end*/
  
  .sbcCarouselBanner {
      background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url("Libraries/images/application/images/banner.png");
      width: 1600px;
      height: 768px;
  }
  
  #addmore {
      display: none;
  }
  
  #addmoreAdvantage {
      display: none;
  }
  
  .mediabox {
      box-shadow: 0px 0px 6px #00000029;
      border: 2px white;
      /* border-radius: 15px;*/
      padding: 19px;
      min-height: 390px;
  }
  
  #more {
      display: none;
  }
  
  #readUserMore {
      display: none;
  }
  
  #complaintMore {
      display: none;
  }
  
  .sbc_overlay {
      height: 100%;
      width: 100%;
      position: absolute;
      background-color: #0000006B;
      opacity: 1;
  }
  
  .section,
  .sbc_banner {
      position: relative;
      z-index: 1;
  }
  
  @media only screen and (max-width: 600px) {
      .heading_theme:after {
          visibility: hidden;
      }
      .texthead2 {
          position: absolute;
          left: -14px;
          top: 60px;
      }
      .texthead {
          position: absolute;
          left: -14px;
          top: 4px;
          text-align: left;
      }
      .slideanimbanner {
          animation: none;
      }
      .mediabox {
          min-height: auto;
      }
  }
  
  @media only screen and (max-width: 768px) {
      .adm-service {
          margin-top: 12px;
      }
  }
  
  @media only screen and (max-width: 1200px) {
      .carousel-caption {
          white-space: nowrap!important;
      }
  }
  
  @media only screen and (min-width: 1023px) and (max-width: 1024px) {
      .mediabox {
          min-height: 461px;
      }
  }
  
  @media only screen and (min-width: 600px) and (max-width: 768px) {
      .texthead {
          left: -26px;
          top: -25px;
      }
      .texthead2 {
          left: -30px;
          top: 71px;
      }
  }