header.is-sticky .navbar {
      background: #0E0A31;
      box-shadow: 0px 0px 5px 0px;
}

header nav .container-fluid {
      max-width: 1700px;
      padding-top: 22px;
      padding-bottom: 23px;
      transition: all ease-in-out .3s;
}

body.homepage-layout nav .container-fluid {
      border-bottom: 1px solid rgba(255, 255, 255, 0.25999999046325684);
}

/* header .navbar {
      background: #000;
  } */

header nav.dark-bg .container-fluid {
      border-color: transparent;
}

header .navbar-brand img {
      max-width: 250px;
      object-fit: cover;
      overflow: hidden;
      display: block;
      padding: 0;
}

header .common-btn.header-btn .mega-menu-link {
      padding: 14px 60px 14px 30px !important;
      font-size: 18px !important;
      overflow: hidden !important;
}

form .form-submit-btn::after,
header .common-btn.header-btn .mega-menu-link::after {
      content: "" !important;
      background-color: var(--white) !important;
      position: absolute;
      transition: all ease-in-out .3s;
      z-index: -1;
      height: 100% !important;
      left: -35%;
      top: 0;
      transform: skew(30deg);
      transition-duration: .3s !important;
      transform-origin: top left;
      width: 0 !important;
      display: block !important;
}

form .form-submit-btn:hover::after,
header .common-btn.header-btn .mega-menu-link:hover::after {
      background: linear-gradient(110deg, #2B236E 0%, #7141B1 100%) !important;
      height: 100% !important;
      width: 140% !important;
}

header .navbar-wrapper ul li a {
      font-weight: 600;
      font-size: 1rem;
      line-height: 24px;
      text-align: center;
      padding: 10px 10px;
      transition: all linear .3s;
      display: block;
}

#menu-menu-primary-menu {
      gap: 10px;
}

.wpcf7-response-output {
      color: var(--white);
}

header .navbar-wrapper ul .mega-menu-link {
      font-weight: 600 !important;
      font-size: 1rem !important;
      line-height: 24px !important;
      /* text-align: center !important; */
      padding: 10px 15px !important;
      height: auto !important;
      transition: all linear .3s !important;
}

header .navbar-wrapper ul li a::after {
      content: "";
      width: 0;
      height: 2px;
      background-color: white;
      display: block;
      transition: all linear .3s;
}

header .navbar-wrapper ul .mega-menu-link::after {
      content: "" !important;
      width: 0 !important;
      height: 2px !important;
      background-color: white !important;
      display: block !important;
      transition: all linear .3s !important;
}

header .navbar-wrapper ul .mega-menu-link:hover::after {
      width: 100% !important;
}

header .navbar-wrapper ul li a:hover::after {
      width: 100%;
}

header .navbar-wrapper .menu-btn {
      margin-left: 40px;
}

/* header .navbar-wrapper .nav-cta-btn::after {
      display: none;
} */

/*--------------------------------------------------------------
    # Hero Banner CSS
    --------------------------------------------------------------*/
.hero-banner {
      /* background-image: url(../images/video-poster.jpg); */
      background-color: #0e0a313d;
      background-position: bottom center;
      background-repeat: no-repeat;
      display: flex;
      align-items: center;
      position: relative;
      z-index: 1;
      color: white;
      padding: 100px 20px;
      height: 100vh;
      max-height: 934px;
}

.hero-banner video {
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      width: 100%;
      height: 100%;
      object-fit: cover;
      z-index: -1;
}

.hero-banner::after {
      content: "";
      width: 100%;
      height: 100%;
      position: absolute;
      top: 0;
      left: 0;
      z-index: -1;
      /* background-image: url(../images/video-poster.jpg); */
      /* background-image: url(../images/hero-banner-new-bg.jpg); */
      background-position: center center;
      background-repeat: no-repeat;
      background-size: cover;
      mix-blend-mode: multiply;
}

.hero-banner .hero-content p {
      max-width: 50%;
      margin: 30px 0px;
}

.hero-content .play-icon iconify-icon {
      width: 70px;
      height: 70px;
      background: var(--white);
      border-radius: 50%;
      display: flex;
      align-items: center;
      justify-content: center;
      border: 1px solid var(--blue);
      color: var(--blue);
      font-size: 35px;
      transition: all ease-in-out 300ms;
}

.hero-content .play-icon iconify-icon:hover {
      background: var(--blue);
      color: var(--white);
}

.hero-content .play-icon iconify-icon:hover .play-text a {
      color: var(--blue) !important;
      display: block;
}

.hero-content:hover .play-text a {
      color: var(--blue) !important;
}

.hero-content .play-text a {
      font-size: 20px;
      line-height: 30px;
      font-weight: 600;
      transition: all ease-in-out 300ms;
}

/* ===============home-services-sec start here=============== */
.home-services-sec {
      top: -70px;
      position: relative;
      z-index: 2;
}

.home-services-sec .hero-items iconify-icon {
      background: var(--blue);
      border-radius: 50%;
      font-size: 35px;
      padding: 10px;
}

.home-services-sec .hero-items {
      color: var(--white);
      padding: 40px 25px;
      border-radius: 10px;
      background-color: transparent;
      background-image: linear-gradient(110deg, #2B236E 0%, #7141B1 100%);
      box-shadow: 15px 15px 38px 0px rgba(0, 0, 0, 0.2);
      transition: all ease-in-out 300ms;
}

.home-services-sec .hero-items.hero-items2 {
      background-image: linear-gradient(110deg, #5F3A8F 0%, #00DEFF 100%);
}

.home-services-sec .hero-items:hover {
      transform: translatey(-5px);
}

/* ==================About sec start here================== */
.about-us-intro-sec {
      padding: 80px 0 130px;
}

.about-image-part-left {
      position: relative;
}

.about-image-part-left .img-in-front img {
      border: 10px solid #fff;
      box-shadow: 0px 0px 4px 2px #0000001f;
}

.about-image-part-left .img-in-front {
      position: absolute;
      bottom: 0;
      right: 10%;
      transform: translate(10%, 30%);
}

.about-image-part-left .dots-pattern-img {
      position: absolute;
      right: 16%;
      top: -20px;
      z-index: -2;
}

.about-image-part-left .img-in-back img {
      max-width: 580px;
      object-fit: cover;
}

.about-image-part-left .img-in-front img {
      width: 250px;
      object-fit: cover;
      height: 250px;
}

.movingX {
      -webkit-animation: movingX 8s linear infinite;
      animation: movingX 8s linear infinite
}

@-webkit-keyframes movingX {
      0% {
            -webkit-transform: translateX(0);
            transform: translateX(0)
      }

      50% {
            -webkit-transform: translateX(50px);
            transform: translateX(50px)
      }

      100% {
            -webkit-transform: translateX(0);
            transform: translateX(0)
      }
}

@keyframes movingX {
      0% {
            -webkit-transform: translateX(0);
            transform: translateX(0)
      }

      50% {
            -webkit-transform: translateX(50px);
            transform: translateX(50px)
      }

      100% {
            -webkit-transform: translateX(0);
            transform: translateX(0)
      }
}

.jumpYaxis {
      -webkit-animation: jumpYaxis 5s linear infinite;
      animation: jumpYaxis 5s linear infinite
}

@-webkit-keyframes jumpYaxis {
      0% {
            -webkit-transform: translateY(0);
            transform: translateY(0)
      }

      40% {
            -webkit-transform: translateY(-30px);
            transform: translateY(-30px)
      }

      100% {
            -webkit-transform: translateY(0);
            transform: translateY(0)
      }
}

@keyframes jumpYaxis {
      0% {
            -webkit-transform: translateY(0);
            transform: translateY(0)
      }

      40% {
            -webkit-transform: translateY(-30px);
            transform: translateY(-30px)
      }

      100% {
            -webkit-transform: translateY(0);
            transform: translateY(0)
      }
}

.about-us-intro-sec .img-in-back {
      width: 100%;
      height: 550px;
      overflow: hidden;
      display: block;
}

.about-us-intro-sec .img-in-back img {
      width: 100%;
      height: 100%;
      object-fit: cover;
}

.about-image-part-left::before {
      content: "";
      width: 90%;
      height: 100%;
      position: absolute;
      z-index: -1;
      border: 2px solid var(--blue);
      top: -20px;
      left: -4%;
}

.about-image-part-left::after {
      content: "";
      width: 90%;
      height: 100%;
      position: absolute;
      z-index: -1;
      border: 2px solid var(--blue);
      bottom: -25px;
      right: -4%;
}

.about-content-part-right p {
      margin: 0px 0px 25px 0px;
}

/* ====================Offer sec start here==================== */

.offer-sec {
      background: #0E0A31;
      padding: 80px 0px;
}

.top-area {
      margin-bottom: 70px;
}

.serv-box {
      overflow: hidden;
      position: relative;
      padding: 40px 40px 35px;
      background: #fff;
      transition: all 0.3s linear;
      -webkit-transition: all 0.3s linear;
      -moz-transition: all 0.3s linear;
      -o-transition: all 0.3s linear;
      -ms-transition: all 0.3s linear;
      border: 1px solid #e7e7e7
}

.serv-box * {
      transition: all 0.3s linear;
      -webkit-transition: all 0.3s linear;
      -moz-transition: all 0.3s linear;
      -o-transition: all 0.3s linear;
      -ms-transition: all 0.3s linear
}

.serv-box .icon-main {
      position: absolute;
      top: -88px;
      right: -88px;
      width: 188px;
      height: 188px;
      color: #fff;
      background-color: #00deff;
      background-image: -moz-linear-gradient(125deg, #00deff, #502a71);
      background-image: -webkit-linear-gradient(125deg, #00deff, #502a71);
      background-image: linear-gradient(125deg, #00deff, #502a71);
      border-radius: 50%;
      -webkit-border-radius: 50%;
      -moz-border-radius: 50%
}

.serv-box .icon-main i,
.serv-box .icon-main span,
.serv-box .icon-main img,
.serv-box .icon-main svg {
      position: absolute;
      bottom: 42px;
      left: 40px;
      font-size: 35px;
      line-height: 1
}

.serv-box .icon-main i:before,
.serv-box .icon-main span:before,
.serv-box .icon-main img:before {
      font-size: 35px
}

.serv-box .icon-main svg {
      width: 35px
}

.serv-box .icon-main img {
      width: 35px
}

.serv-box .content-box h5 {
      font-size: 22px;
      line-height: 36px;
      font-weight: 700;
      padding-right: 60px;
      margin-bottom: 10px
}

.serv-box .content-box ul {
      margin-top: 10px;
      padding-left: 0;
      list-style: none;
      font-size: 14px;
      font-weight: 800;
      text-transform: uppercase
}

.serv-box .content-box ul li {
      padding: 0 20px
}

.serv-box .content-box ul li a {
      color: #1b1d21;
      display: inline-block;
      line-height: 40px;
      position: relative
}

.serv-box .content-box ul li a:before {
      content: "";
      position: absolute;
      left: 0;
      top: 0;
      opacity: 0;
      visibility: hidden;
      color: #7141b1;
      transition: all 0.3s linear;
      -webkit-transition: all 0.3s linear;
      -moz-transition: all 0.3s linear;
      -o-transition: all 0.3s linear;
      -ms-transition: all 0.3s linear
}

.serv-box .content-box ul li:hover,
.serv-box .content-box ul li.active {
      background: #f8f8f8
}

.serv-box .content-box ul li:hover a,
.serv-box .content-box ul li.active a {
      color: #7141b1;
      padding-left: 15px
}

.serv-box .content-box ul li:hover a:before,
.serv-box .content-box ul li.active a:before {
      opacity: 1;
      visibility: visible
}

.serv-box .content-box ul:last-child {
      margin-bottom: 0
}

.serv-box:hover {
      box-shadow: 15px 15px 38px 0 rgba(0, 0, 0, .1);
      -webkit-box-shadow: 15px 15px 38px 0 rgba(0, 0, 0, .1);
      -moz-box-shadow: 15px 15px 38px 0 rgba(0, 0, 0, .1);
      border-color: transparent
}

.serv-box .overlay {
      z-index: 2;
      background: transparent
}

.serv-box-2 {
      overflow: hidden;
      position: relative;
      padding: 45px 30px 45px;
      background: #262051;
      color: var(--white);
      transition: all 0.3s linear;
      -webkit-transition: all 0.3s linear;
      -moz-transition: all 0.3s linear;
      -o-transition: all 0.3s linear;
      -ms-transition: all 0.3s linear;
      border: 1px solid var(--white);
      border-radius: 10px;
}

.serv-box-2 .big-number {
      position: absolute;
      left: 10px;
      top: 5px;
      font-size: 100px;
      font-weight: 800;
      font-family: "Montserrat", sans-serif;
      line-height: 72px;
      color: #332d5f;
      transition: all 0.3s linear;
      -webkit-transition: all 0.3s linear;
      -moz-transition: all 0.3s linear;
      -o-transition: all 0.3s linear;
      -ms-transition: all 0.3s linear;
}

.serv-box-2 .icon-main {
      position: absolute;
      bottom: -88px;
      right: -88px;
      width: 188px;
      height: 188px;
      color: #fff;
      background: #332d5f;
      border-radius: 50%;
      -webkit-border-radius: 50%;
      -moz-border-radius: 50%;
      transition: all 0.3s linear;
      -webkit-transition: all 0.3s linear;
      -moz-transition: all 0.3s linear;
      -o-transition: all 0.3s linear;
      -ms-transition: all 0.3s linear
}

.serv-box-2 .icon-main i,
.serv-box-2 .icon-main span,
.serv-box-2 .icon-main img,
.serv-box-2 .icon-main svg {
      position: absolute;
      top: 42px;
      left: 40px;
      font-size: 35px;
      line-height: 1
}

.serv-box-2 .icon-main i:before,
.serv-box-2 .icon-main span:before,
.serv-box-2 .icon-main img:before {
      font-size: 35px
}

.serv-box-2 .icon-main svg {
      width: 35px
}

.serv-box-2 .icon-main img {
      width: 35px
}

.serv-box-2 .content-box {
      position: relative;
      z-index: 1
}

.serv-box-2 .content-box h5 {
      color: #fff;
      margin-bottom: 15px;
      transition: all 0.3s linear;
      -webkit-transition: all 0.3s linear;
      -moz-transition: all 0.3s linear;
      -o-transition: all 0.3s linear;
      -ms-transition: all 0.3s linear;
}

.serv-box-2 .content-box .btn-details {
      display: inline-block;
      margin-top: 30px
}

.serv-box-2:hover {
      background: #fff;
      color: #6d6d6d;
      box-shadow: 15px 15px 38px 0 rgba(0, 0, 0, .1);
      -webkit-box-shadow: 15px 15px 38px 0 rgba(0, 0, 0, .1);
      -moz-box-shadow: 15px 15px 38px 0 rgba(0, 0, 0, .1)
}

.serv-box-2:hover .big-number {
      color: #f4f6f6
}

.serv-box-2:hover .icon-main {
      background: #43baff
}

.serv-box-2:hover .content-box h5 {
      color: #1b1d21
}

/* ====================Offer sec end here==================== */

/* -================common- cta sec start here-================ */
.common-cta {
      /* background-image: url(../images/video-poster.jpg);
      background-size: cover;
      width: 100%;
      background-attachment: fixed; */
      position: relative;
      z-index: 2;
}

.common-cta::after {
      content: "";
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      width: 100%;
      height: 100%;
      z-index: -1;
      background: #0e0a31bd;
      /* mix-blend-mode: multiply; */
}

.common-cta video {
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      width: 100%;
      height: 100%;
      object-fit: cover;
      z-index: -1;
}

.common-cta .content {
      padding: 80px 0px;
}

/* ==================common cat sec end here=================*/

/* ====================Offortless sec start here============= */

.offortless-sec {
      background: url(../images/home-bg-img.jpg) no-repeat center center;
      background-size: cover;
      width: 100%;
      padding: 120px 0px;
      position: relative;
      z-index: 2;
}

.offortless-sec::after {
      content: "";
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      background-color: #0e0a3191;
      z-index: -1;
      mix-blend-mode: multiply;
}

.offortless-sec .offortless-content {
      background: var(--white);
      padding: 30px;
      border-radius: 10px;
      /* box-shadow: rgba(0, 0, 0, 0.12) 0px 1px 3px, rgba(0, 0, 0, 0.24) 0px 1px 2px; */
}

.offortless-sec .offortless-content h3 {
      margin-bottom: 25px;
}

.offortless-sec .offortless-content p {
      margin-bottom: 20px;
}

/* ==============how-to-use-sec start here============== */
.how-to-use-sec {
      padding: 80px 0px;
}

.how-to-use-sec .top-area p {
      max-width: 60%;
      margin: 0 auto;
}

.how-to-use-sec .serv-box-2:hover {
      border: 1px solid var(--blue);
      box-shadow: 0px 0px 5px;
}

.how-to-use-sec .serv-box-2 h5 {
      color: var(--black);
}

.how-to-use-sec .serv-box-2 {
      background: var(--white);
      box-shadow: 0px 0px 5px;
      color: var(--black);
}

.how-to-use-sec .serv-box-2 .big-number {
      opacity: 0.2;
      margin-left: 20px;
      padding-top: 15px;
      text-align: end;
      position: absolute;
      right: 0;
      font-size: 80px;
}

.how-to-use-sec .serv-box-2:hover .big-number {
      color: var(--blue);
}

/* ===============Team sec start here=============== */

.team-sec .team-img {
      width: 100%;
      height: 300px;
      overflow: hidden;
      display: block;
      border-radius: 12px;
      margin-bottom: 20px;
      border: 4px solid var(--white);
      /* box-shadow: 0px 0px 4px 2px var(--green); */
      box-shadow: 0px 0px 4px 2px #1d71413b;
}

.team-sec .team-img img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      transition: all ease-in-out 300ms;
}

.team-sec .team-img:hover img {
      transform: scale(1.1);
}

.team-sec {
      position: relative;
      /* background-color: #0E0A31; */
      background-image: url(../images/team-bg-img.jpg);
      background-size: cover;
      background-repeat: no-repeat;
      padding: 80px 0px;
      position: relative;
      z-index: 2;
}

.team-sec::after {
      content: "";
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background-color: #0e0a31e3;
      z-index: -1;
      mix-blend-mode: multiply;
}

/* =======================Team sec end here======================= */

/* ===================Testimonial sec start here=================== */

.testimonials-sec {
      background: #0E0A31;
      padding: 80px 0px;
}

.testimonials-sec .testimonials-items,
.testimonial-page-sec .testimonials-items {
      padding: 62px 72px;
      background: #FFF;
      /* box-shadow: 0px 2px 24px rgba(29, 113, 65, 0.31); */
      transition: all ease-in-out 500ms;
      color: #666C89;
}

.testimonials-sec .right iconify-icon,
.testimonial-page-sec .right iconify-icon {
      background: linear-gradient(110deg, #5F3A8F 0%, #00DEFF 100%);
      color: var(--white);
      width: 65px;
      height: 65px;
      font-size: 40px;
      display: flex;
      align-items: center;
      justify-content: center;
      border-radius: 50%;
      color: var(--white);
      transform: scaleY(-1);
}

.testimonials-sec .client-img,
.testimonial-page-sec .client-img {
      width: 80px;
      height: 80px;
      border-radius: 50%;
      overflow: hidden;
      display: block;
      border: 2px solid var(--purple);
}

.testimonials-sec .client-img img,
.testimonial-page-sec .client-img img {
      width: 100%;
      height: 100%;
      object-fit: cover;
}

.testimonials-items .client-info h5 {
      color: #091242;
      font-weight: bold;
}

.testimonials-items .client-info p {
      font-size: 16px;
      font-family: var(--outfitFont);
      color: #091242;
}

.testimonials-sec .star-rating iconify-icon,
.testimonial-page-sec .star-rating iconify-icon {
      color: #FDAF3B;
      font-size: 25px;
}

.testimonials-sec .owl-nav {
      display: flex;
      align-items: center;
      gap: 10px;
      position: absolute;
      top: -21%;
      right: 0;
}

.testimonials-sec .owl-nav button {
      width: 45px;
      height: 45px;
      border-radius: 50%;
      display: flex;
      align-items: center;
      justify-content: center;
}

.testimonials-sec .owl-nav button {
      transition: background 0.3s ease-in-out, transform 0.3s ease-in-out !important;
}

.testimonials-sec .owl-nav button.owl-prev {
      background: linear-gradient(110deg, #5F3A8F 0%, #00DEFF 100%);
      color: var(--white);
}

.testimonials-sec .owl-nav button:hover {
      background: linear-gradient(110deg, #5F3A8F 0%, #00DEFF 100%);
      color: var(--white);
}

.testimonials-sec .owl-nav button span {
      font-size: 50px;
      line-height: 33px !important;
      display: block;
      text-align: center;
      height: 100%;
}

.testimonials-sec .owl-nav button.owl-next:hover img {
      filter: invert(1);
}

.testimonials-sec .owl-nav button.owl-next {
      border: 1px solid var(--white);
      color: var(--white);
}

.testimonials-sec .owl-dots {
      display: flex;
      flex-direction: column;
      align-items: center;
      gap: 9px;
      position: absolute;
      right: -5%;
      bottom: 0;
}

.testimonials-sec .owl-dots button {
      width: 20px !important;
      height: 20px !important;
      background: #C3C3C3 !important;
}

.testimonials-sec button.owl-dot.active {
      background: linear-gradient(110deg, #5F3A8F 0%, #00DEFF 100%) !important;
}

/* ===================Testimonial sec end here=================== */

/* =================Get in touch sec start here================= */

/* ==============Get in touch sec Sec end here================ */
.get-in-touch-sec {
      padding: 60px 0px 60px;
      position: relative;
      z-index: 2;
      background-color: #0E0A31;
      border-bottom: 1px solid #46474d40;
}

.get-in-touch-sec::after {
      content: "";
      background: url(../images/patt-1.png);
      background-repeat: repeat;
      width: 100%;
      height: 100%;
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      z-index: -1;
      opacity: 0.2;
      background-size: 50px auto;
}

/* ==================Get in touch sec end here================== */

/*--------------------------------------------------------------
  # Footer Section Starts
  --------------------------------------------------------------*/
footer {
      background: #0E0A31;
      position: relative;
      z-index: 2;
}

footer::before {
      content: "";
      background: url("../images/patt-1.png");
      background-repeat: repeat;
      width: 100%;
      height: 100%;
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      z-index: -1;
      opacity: 0.2;
      background-size: 50px auto;
}

footer::after {
      content: "";
      position: absolute;
      width: 100%;
      height: 100%;
      top: 0;
      right: 0;
      left: 0;
      bottom: 0;
      background: url(../images/map-bg-footer.png) no-repeat center center;
      background-size: cover;
      z-index: -1;
}

.footer::before {
      content: "";
      background: url(../images/patt-1.png);
      background-repeat: repeat;
      width: 100%;
      height: 100%;
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      z-index: -1;
      opacity: 0.2;
      background-size: 50px auto;
}

footer .footer-inner {
      padding: 20px 0px;
  }
footer .footer-inner .logo {
      align-items: center;
      display: flex;
      justify-content: center;
  }
  footer .footer-inner .logo img{
      width: 200px;
  }
footer .footer-inner .footer-form-area {
      border-radius: 10px;
}

footer .footer-inner .footer-form-area textarea {
      height: 60px;
}

footer .footer-inner .footer-form-area .common-btn {
      outline: none !important;
      border: none !important;
      padding: 14px 30px 14px 30px;
      background: linear-gradient(110deg, #5F3A8F 0%, #00DEFF 100%);
      transition: all ease-in-out 300ms;
      position: relative;
      z-index: 2;
}

footer .footer-inner .footer-form-area .common-btn::after {
      content: "";
      background-color: var(--white);
      position: absolute;
      transition: all ease-in-out .5s;
      z-index: -1;
      height: 100%;
      left: -35%;
      top: 0;
      transform: skew(30deg);
      transition-duration: .5s;
      transform-origin: top left;
      width: 0;
}

footer .footer-inner .footer-form-area .common-btn {
      background: transparent;
      padding: 14px 60px 14px 24px;
}

footer .footer-inner .footer-form-area .contact-icons {
      display: none;
}

footer .footer-inner button.common-btn {
      border: none;
      outline: none;
      padding: 12px 30px;
}

footer .footer-inner .form-control::placeholder {
      color: var(--black);
      font-size: 15px;
      line-height: normal;
}

footer .footer-inner .form-control:focus {
      background-color: var(--white);
      border-color: var(--white);
      outline: 0;
      box-shadow: none;
}

/* footer .logo {
      width: 190px;
      height: auto;
      overflow: hidden;
}

footer .logo img {
      width: 100%;
      height: 100%;
      object-fit: cover;
} */

.footer-links-sec li a {
      display: flex;
      align-items: center;
      color: var(--white);
      gap: 2px;
      margin-bottom: 20px;
      transition: all ease-in-out 200ms;
}

.footer-links-sec li a:hover {
      color: var(--white);
      text-decoration: underline !important;
}

footer .footer-social-media iconify-icon {
      background: linear-gradient(110deg, #5F3A8F 0%, #00DEFF 100%);
      width: 35px;
      height: 35px;
      display: flex;
      align-items: center;
      justify-content: center;
      color: var(--white);
      border-radius: 50%;
      font-size: 20px;
      transition: all ease-in-out 300ms;
}

footer .footer-social-media iconify-icon:hover {
      background: linear-gradient(110deg, #2B236E 0%, #7141B1 100%);
      color: var(--white);
}

footer .padding-left {
      padding-left: 70px;
}

footer .contact-info li a {
      gap: 20px;
}

footer .contact-info li a iconify-icon {
      font-size: 25px;
      color: var(--yellow);
}

footer .copy-right {
      border-top: 1px solid #46474d40;
      padding: 25px 0;
}

footer .copy-right p {
      font-size: 16px;
}

/*--------------------------------------------------------------
    # Footer Section CSS Ends
    --------------------------------------------------------------*/

/* ==================About page start here================== */
.about-banner {
      background: url(../images/inner-pages-bg.jpg);
      background-size: cover;
      background-position: center;
      width: 100%;
      background-repeat: no-repeat;
}

.about-image-part-left {
      position: relative;
      margin-right: 90px;
}

/*
  .about-image-part-left .img-in-front img {
      border: 6px solid var(--yellow);
      box-shadow: 0px 0px 4px 2px #0000001f;
  } */

.about-image-part-left .img-in-front {
      position: absolute;
      bottom: 0;
      right: -6%;
      transform: translate(10%, 30%);
}

.about-image-part-left .dots-pattern-img {
      position: absolute;
      right: -12%;
      top: 20px;
      z-index: -2;
}

.about-us-intro-sec .img-in-back {
      width: 100%;
      height: 550px;
      /* overflow: hidden; */
      display: block;
      /* border: 10px solid var(--white); */
      box-shadow: 0px 0px 4px 2px #1d71413b;
      position: relative;
}

.about-us-intro-sec .img-in-back::before {
      content: "";
      width: 100%;
      height: 100%;
      position: absolute;
      z-index: -1;
      border: 1px solid var(--yellow);
      transform: scale(1, 1.025);
      top: -20px;
      left: -25px;
}

.about-us-intro-sec .img-in-back::after {
      content: "";
      width: 100%;
      height: 100%;
      position: absolute;
      z-index: -1;
      border: 1px solid var(--yellow);
      transform: scale(1, 1.025);
      bottom: -20px;
      right: -25px;
}

.about-us-intro-sec .img-in-back img {
      width: 100%;
      height: 100%;
      object-fit: cover;
}

.about-image-part-left .img-in-front {
      width: 250px;
      height: 250px;
      overflow: hidden;
      box-shadow: 0px 0px 5px var(--yellow);
      padding: 3px;
}

.about-image-part-left .img-in-front img {
      width: 100%;
      height: 100%;
      object-fit: cover;
}

.about-content-part-right p:last-of-type {
      margin-bottom: 0;
}

.about-quote-content {
      background-image: url(../images/address-banner.png);
      background-repeat: no-repeat;
      background-size: cover;
      background-position: center;
      background-color: var(--blue);
      background-blend-mode: multiply;
}

.extra-about-content p {
      margin-bottom: .5rem;
}

.extra-about-content p:last-child {
      margin-bottom: 0;
}

.movingX {
      -webkit-animation: movingX 8s linear infinite;
      animation: movingX 8s linear infinite
}

@-webkit-keyframes movingX {
      0% {
            -webkit-transform: translateX(0);
            transform: translateX(0)
      }

      50% {
            -webkit-transform: translateX(50px);
            transform: translateX(50px)
      }

      100% {
            -webkit-transform: translateX(0);
            transform: translateX(0)
      }
}

@keyframes movingX {
      0% {
            -webkit-transform: translateX(0);
            transform: translateX(0)
      }

      50% {
            -webkit-transform: translateX(50px);
            transform: translateX(50px)
      }

      100% {
            -webkit-transform: translateX(0);
            transform: translateX(0)
      }
}

.jumpYaxis {
      -webkit-animation: jumpYaxis 5s linear infinite;
      animation: jumpYaxis 5s linear infinite
}

@-webkit-keyframes jumpYaxis {
      0% {
            -webkit-transform: translateY(0);
            transform: translateY(0)
      }

      40% {
            -webkit-transform: translateY(-30px);
            transform: translateY(-30px)
      }

      100% {
            -webkit-transform: translateY(0);
            transform: translateY(0)
      }
}

@keyframes jumpYaxis {
      0% {
            -webkit-transform: translateY(0);
            transform: translateY(0)
      }

      40% {
            -webkit-transform: translateY(-30px);
            transform: translateY(-30px)
      }

      100% {
            -webkit-transform: translateY(0);
            transform: translateY(0)
      }
}

/* =================services sec start here================= */
.services-list-sec .content-left {
      padding: 75px 60px 60px 0px;
      /* background-color: #FFF9EE; */
      position: relative;
      height: 100%;
}

.services-available-list ul {
      column-count: 2;
      margin-left: 2rem;
}

.services-available-list ul li {
      line-height: 30px;
      list-style-type: disclosure-closed;
      list-style-position: outside;
      padding-left: 8px;
      padding-right: 16px;
      margin-bottom: 10px;
      margin-left: 0;
      color: var(--white);
}

.services-available-list ul li::marker {
      color: var(--white);
}

.services-list-sec .content-right {
      width: 100%;
      height: 500px;
      overflow: hidden;
      box-shadow: 0px 0px 5px var(--blue);
      padding: 10px;
}

.services-list-sec {
      background: #0E0A31;
      padding: 80px 0px;
}

/* =================services sec end here================= */

/* ================Contact page start here================ */

.contact-banner {
      background: url(../images/inner-pages-bg.jpg);
      background-size: cover;
      background-position: center;
      width: 100%;
      background-repeat: no-repeat;
}

.contact-page-sec {
      padding: 80px 0;
}

.contact-page-sec .contact-card {
      position: relative;
      border-radius: 20px;
      padding: 35px;
      margin-bottom: 30px;
      box-shadow: rgba(99, 99, 99, 0.5) 0px 2px 8px 0px;
}

.contact-page-sec .contact-card iconify-icon {
      width: 60px;
      height: 60px;
      border-radius: 50%;
      font-size: 30px;
      color: var(--blue);
      border: 1px dashed var(--blue);
      transition: 0.5s ease;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      cursor: pointer;
}

.contact-page-sec .contact-card:hover iconify-icon {
      color: var(--white);
      background: linear-gradient(110deg, #5F3A8F 10%, #00DEFF 100%);
}

.contact-page-sec .contact-card-area .card-info h4 {
      color: #333;
      font-size: 25px;
      margin-bottom: 10px;
}

.appointment-form-right {
      padding: 50px;
      text-align: center;
      background: #f5f5f5;
      margin-left: 30px;
      border-radius: 10px;
      box-shadow: rgba(99, 99, 99, 0.5) 0px 2px 8px 0px;

}

.appointment-form-right.contact-form-right p {
      max-width: 100%;
      margin: 15px 0px 30px;
}

.appointment-form-wrapper {
      max-width: 100%;
}

.contact-page-links li {
      transition: all ease-in-out 300ms;
      text-decoration: underline;
}

.contact-page-links li:hover {
      color: var(--blue);
      text-decoration: underline;
}

.appointment-form-wrapper .form-control {
      border: 1px solid #dedede;
      padding: 1rem 1rem;
      background-color: #fff;
      font-size: 1rem;
      font-weight: 600;
      color: var(--light-black);
      transition: all ease-in-out .3s;
      border-radius: 5px;
}

.appointment-form-wrapper .form-control:focus {
      box-shadow: none;
      border-color: #0143A9;
}

.appointment-form-wrapper textarea.form-control {
      height: 100px !important;
      resize: none;
}

.wpcf7-spinner {
      display: none !important;
}

.appointment-form-wrapper input.wpcf7-form-control.wpcf7-submit.has-spinner.common-btn {
      outline: none !important;
      border: none !important;
      padding: 16px 60px 16px 30px;
      background: linear-gradient(110deg, #5F3A8F 0%, #00DEFF 100%);
      transition: all ease-in-out 300ms;
      position: relative;
      z-index: 2;
      display: inline-block;
}

.appointment-form-wrapper button {
      border: none;
      outline: none;
      padding: 15px 35px;
}

.map-sec {
      margin-bottom: 80px;
}

.map-sec .map-wrapper {
      width: 100%;
      height: 400px;
}

/* ========== Footer and contact Buttons ========= */
.form-submit-btn {
      overflow: hidden;
      width: auto;
      display: inline-block;
      background: linear-gradient(110deg, #5F3A8F 0%, #00DEFF 100%);
      transition: all ease-in-out 300ms;
      position: relative;
      z-index: 2;
      border-radius: 4px;
}

.form-submit-btn p {
      margin: 0 !important;
}

.appointment-form-wrapper input.wpcf7-form-control.wpcf7-submit.has-spinner.common-btn {
      background: transparent;
      border-radius: 4px;
}

/* ========== Footer and contact Buttons ========= */

/* ================Contact page End here================ */

/* ===============Services page start here=============== */
.service-banner {
      background: url(../images/inner-pages-bg.jpg);
      background-size: cover;
      background-position: center;
      width: 100%;
      background-repeat: no-repeat;
}

.page-services-sec {
      top: 0;
      padding: 70px 0px 80px;
}

.page-services-sec .top-area p {
      max-width: 80%;
      margin: 0 auto;
}

/* ===================pagination start here=================== */
.pagination {
      display: flex;
      justify-content: center;
      align-items: center;
      text-align: center;
      margin-top: 50px;
      gap: 10px;
}

.pagination .page-item.active .page-link {
      background: linear-gradient(110deg, #5F3A8F 0%, #00DEFF 100%);
      color: #ffffff;
      width: 45px;
      height: 45px;
      line-height: 45px;
}

.pagination .page-item .page-link {
      color: var(--black);
      border: none;
      border-radius: 50%;
      background-color: #ffffff;
      width: 45px;
      height: 45px;
      line-height: 45px;
      display: flex;
      align-items: center;
      justify-content: center;
      text-align: center;
}

.pagination .page-item .page-link:hover {
      background: linear-gradient(110deg, #5F3A8F 0%, #00DEFF 100%);
      color: #ffffff;
}

/* ==================Testimonials page start here================== */
.testimonial-banner {
      background: url(../images/inner-pages-bg.jpg);
      background-size: cover;
      background-position: center;
      width: 100%;
      background-repeat: no-repeat;
}

.testimonial-page-sec {
      background-image: url(../images/testimonial-sec-bg-1.jpg);
      height: 100%;
      background-size: cover;
      background-repeat: no-repeat;
      background-position: center;
      background-attachment: fixed;
      position: relative;
      z-index: 1;
      padding: 80px 0px;
}

.testimonial-page-sec::after {
      content: "";
      width: 100%;
      height: 100%;
      position: absolute;
      top: 0;
      left: 0;
      z-index: -1;
      background-color: #0e0a31ed;
      mix-blend-mode: multiply;
}

.testimonial-page-sec .testimonials-items {
      border: 5px solid var(--white);
      border-radius: 10px;
}

.testimonial-page-sec .testimonials-items:hover {
      box-shadow: 0px 0px 5px 2px var(--yellow);
}

.history-data-bg {
      background-size: cover !important;
      background-repeat: no-repeat !important;
      background-position: 100% 35% !important;
}

.banner-inner-pages .content h1 {
      font-size: 3rem;
}


/* ======= Train Listing Table Sec start here ============ */
.banner-train-coach-listing {
      background-position: 0 70%;
}

.train-listing-table table thead tr {
      border: 1px solid #36304a;
}

.train-listing-table table tbody {
      border: 1px solid #ccc;
}

.train-listing-table .table100 {
      width: 100%;
      max-width: 1140px;
      margin: auto;
}

/* .train-listing-table table {
      border-spacing: 1;
      border-collapse: collapse;
      background: #fff;
      border-radius: 10px 10px 0 0;
      overflow: hidden;
      width: 100%;
      margin: 0 auto;
      position: relative;
} */

.train-listing-table table * {
      position: relative;
}

/* .train-listing-table table td,
.train-listing-table table th {
      padding-left: 8px;
} */

.train-listing-table table thead tr {
      height: 60px;
      background: #0e0a31;
      vertical-align: middle;
}

.train-listing-table table tbody tr {
      min-height: 50px;
      height: 50px;
      transition: all ease-in-out .3s;
}

.train-listing-table table tbody tr:last-child {
      border: 0;
}

.train-listing-table table td,
.train-listing-table table th {
      text-align: center;
      white-space: nowrap;
}

.train-listing-table table td.l,
.train-listing-table table th.l {
      text-align: center;
}

.train-listing-table table td.c,
.train-listing-table table th.c {
      text-align: center;
}

.train-listing-table table td.r,
.train-listing-table table th.r {
      text-align: center;
}

.train-listing-table .table100-head th {
      font-size: 18px;
      color: #fff;
      line-height: 1.2;
      font-weight: unset;
}

.train-listing-table tbody tr:nth-child(even) {
      background-color: rgba(14, 10, 49, 0.09);
      color: #575757;
}

.train-listing-table tbody tr:nth-child(even):hover {
      background-color: rgba(14, 10, 49, 0.19);
}

.train-listing-table tbody tr {
      font-size: 15px;
      color: gray;
      line-height: 2.2;
      font-weight: unset;
}

.dashboard-page-wrapper .train-listing-table tbody tr:hover {
      color: #555;
      background-color: #f5f5f5;
      cursor: pointer;
}

/* .train-listing-table .column1 {
      width: 260px;
      padding-left: 40px;
}

.train-listing-table .column2 {
      width: 160px;
} 

 .train-listing-table .column3 {
      width: 245px;
      text-align: center;
} 

 .train-listing-table .column4 {
      width: 260px;
      text-align: center;
} 

 .train-listing-table .column5 {
      width: 170px;
      text-align: right;
} 

 .train-listing-table .column6 {
      width: 222px;
      text-align: right;
      padding-right: 62px;
} 

.train-listing-table th:last-child,
.train-listing-table td:last-child {
      width: 260px;
      text-align: right;
      padding-right: 40px;
} */

.train-listing-table table .action-list {
      display: flex;
      justify-content: center;
      gap: 10px;
}



.train-listing-table table .action-list li a {
      padding: 5px 10px;
      background-color: transparent;
      border-width: 1.5px;
}

.train-listing-table table .action-list li a {
      display: flex;
      align-items: center;
      background-color: transparent;
      border-width: 1.5px;
      padding: 6px;
      border-radius: 5px;
}

.train-listing-table table .action-list li iconify-icon {
      font-size: 20px;
}

.train-listing-table table .action-list li .edit-btn {
      border-color: #4e35d0;
}

.train-listing-table table .action-list li .trash-btn {
      border-color: #e61919;
}

.train-listing-table table .action-list li .edit-btn:hover {
      border-color: #4e35d0;
      background-color: #4e35d0;
}

.train-listing-table table .action-list li .trash-btn:hover {
      border-color: #e61919;
      background-color: #e61919;
}

.train-listing-table table .action-list li .edit-btn:hover iconify-icon,
.train-listing-table table .action-list li .trash-btn:hover iconify-icon {
      color: #fff !important;
}


/* ======= Filters And search box at the top of table ======= */
.filter-data-section {
      display: flex;
      justify-content: space-between;
      margin-bottom: 20px;
}

.filter-data-section .filter-container,
.filter-data-section .search-container {
      display: flex;
      align-items: center;
}

.filter-data-section .filter-container label,
.filter-data-section .search-container label {
      font-size: 18px;
      font-weight: 700;
      margin-right: 10px;
}

.filter-data-section .filter-container .form-select {
      background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1em' height='1em' viewBox='0 0 24 24'%3E%3Cpath fill='%230e0a31' d='m7 10l5 5l5-5z'/%3E%3C/svg%3E");
      appearance: none;
      background-size: 40px;
      background-position: right center;
}

.filter-data-section .filter-container .form-select,
.filter-data-section .filter-container .form-control {
      font-size: 16px;
      font-weight: 500;
      min-width: 200px;
      padding: 10px 12px;
      outline: none;
      box-shadow: none;
      border-color: #989898;
}

.filter-data-section .filter-container .form-select,
.filter-data-section .filter-container .form-select * {
      cursor: pointer;
      font-size: 16px;
}

.search-container .form-control {
      padding: 10px 12px;
      border-color: #989898;
      font-size: 16px;
      outline: none;
      box-shadow: none;
}

/* ======= Filters And search box at the top of table ======= */
/* ======= Train Listing Table Sec end here ============ */



/* ========== Manage Device Section here ============ */
.search-bar-filter {
      display: flex;
      align-items: center;
}

.search-bar-filter h4 {
      font-size: 18px;
      font-weight: 700;
      margin-right: 10px;
}

.search-box-wrapper {
      display: flex;
      gap: 12px;
      flex-wrap: wrap;

}

.search-box-wrapper .form-control {
      box-shadow: none;
}

/* ========== Manage Device Section here ============ */


/*============ pop up styling start here ============*/
.modal-header {
      background: #070518;
      color: var(--white);
      border-radius: 4px 4px 0 0;
}

.modal-header .btn-close {
      filter: invert(1) brightness(1);
}

.modal-header .btn-close:focus {
      box-shadow: none;
      opacity: 1;
}

.modal-content .common-btn {
      background: linear-gradient(110deg, #5F3A8F 0%, #00DEFF 100%);
      border-radius: 4px;
      padding: 12px 20px;
      display: inline-flex;
      align-items: center;
      text-transform: capitalize;
      color: var(--white);
      font-size: 1rem;
      font-weight: 600;
      position: relative;
      z-index: 2;
      overflow: hidden;
      transition: all 0.5s linear;
      border: none;
}

.modal-content .form-label {
      font-weight: 600;
      color: var(--dark);
}

.modal-content .form-control:focus {
      box-shadow: none;
}

.modal-content .form-control .modal-content {
      background-color: #f5f5f5;
}

.airspring-title {
      margin: 30px;
      text-align: center;
}

.asm-tbl th {
      border: 1px solid #000;
}

.asm-tbl tr {
      border: 1px solid #000;
}

.asm-tbl td {
      border: 1px solid #000;
      background: green;
}

/*====================== dashboard style start here ======================*/
.page-template-dashboard header nav.navbar {
      background: #0e0a31;
      box-shadow: 0px 0px 5px 0px;
}

.dashboard-sec {
      margin: 140px 0 80px;
}

.dashboard-sec .sidebar {
      height: 100vh;
      background: #FFFFFF;
      box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.25);
      border-radius: 10px;
      padding: 30px;
}

.dashboard-sec .sidebar ul li a {
      background: transparent;
      border-radius: 5px;
      width: 100%;
      height: 53px;
      padding: 5px 20px;
      color: #000;
      font-size: 18px;
      line-height: normal;
      display: flex;
      align-items: center;
      gap: 12px;
      margin-bottom: 20px;
      transition: all ease-in-out 300ms;
}

.dashboard-sec .sidebar ul li a:hover {
      background: #554C9C;
      color: #fff;
}

.dashboard-sec .sidebar ul li a img {
      transition: all ease-in-out 300ms;
}

.dashboard-sec .sidebar ul li a:hover img {
      filter: invert(1);
}

.dashboard-sec .sidebar ul li a.active {
      background: #554C9C;
      border-radius: 5px;
      width: 100%;
      height: 53px;
      color: #fff;
      padding: 5px 20px;
}

.dashboard-sec .sidebar ul li a.active img {
      filter: invert(1);
}

.dashboard-sec .right-area {
      background: #FFFFFF;
      box-shadow: 0px 3px 15px rgba(0, 0, 0, 0.25);
}

.dashboard-sec .right-area-top {
      margin-bottom: 60px;
      padding: 25px 25px 0 25px;
}

.dashboard-sec .graph-img {
      width: 100%;
      height: 300px;
      overflow: hidden;
      display: block;
      border: 1px solid #f2f2f2;
}

.dashboard-sec .graph-img img {
      width: 100%;
      height: 100%;
      object-fit: cover;
}

.dashboard-sec .maping-area {
      background: #FFFFFF;
      border: 2px solid #F2F2F2;
      padding: 15px;
      height: 300px;
      overflow-y: scroll;
      scrollbar-width: thin;
      scrollbar-color: #554c9c #ebe5e5;
}

.dashboard-sec .maping-area::-webkit-scrollbar {
      width: 5px;
}

.dashboard-sec .maping-area::-webkit-scrollbar-track {
      background: #f2f2f2;
      border-radius: 5px;
}

.dashboard-sec .maping-area::-webkit-scrollbar-thumb {
      background: #c1c1c1;
      border-radius: 5px;
      border: 2px solid #f2f2f2;
}

.dashboard-sec .right-area .maping-area h3 {
      font-size: 20px;
      line-height: normal;
      font-weight: 700;
      color: #554C9C;
      margin-bottom: 20px;
}

.dashboard-sec .right-area .names {
      width: 135px;
}

.dashboard-sec .right-area .names strong {
      color: #553C9C;
}

.dashboard-sec .right-area .maping-inner {
      display: flex;
      align-items: center;
      gap: 40px;
      margin-bottom: 15px;
}

.dashboard-sec .right-area .maping-inner:last-child {
      margin: 0;
}

.dashboard-sec .right-botton h3 {
      font-size: 20px;
      line-height: normal;
      font-weight: 700;
      color: #554C9C;
      margin-bottom: 20px;
      margin-left: 25px;
      width: max-content;
      border-bottom: 2px solid #6554a2;
}


.dashboard-sec table {
      width: 100%;
}

.dashboard-sec th,
.dashboard-sec td {
      padding: 20px 20px;
      text-align: center;
      border-bottom: 1px solid rgba(0, 0, 0, 20%);
      white-space: nowrap;
}

.dashboard-sec th {
      color: #000;
      font-size: 18px;
      line-height: normal;
}


.dashboard-page-wrapper .dashboard-sec tr:hover {
      background-color: #e9f5ff;
}

.dashboard-sec td {
      font-size: 16px;
      color: #000;
      padding: 25px 15px;
}

.dashboard-sec .dashboard-sec .right-botton table tbody td img {
      margin-right: 10px;
      position: relative;
      top: -2px;
}


/*=================== configuration page start here ===================*/
.configuration-banner {
      background: url(../images/inner-pages-bg.jpg);
      background-size: cover;
      background-position: center;
      width: 100%;
      background-repeat: no-repeat;
}

.configuration-sec {
      margin: 60px 0 60px;
}

.configuration-sec .row {
      --bs-gutter-y: 1.5rem;
}

.configuration-sec .configuration-form-area .form-section {
      padding: 30px 30px 45px 30px;
      background: #fff;
      height: 100%;
      box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
      border-radius: 10px;
}

.configuration-sec .configuration-form-area {
      /* padding: 50px 50px 0px 50px; */
      /* background: #f5f5f5; */
      /* border-radius: 10px; */
      /* box-shadow: rgba(99, 99, 99, 0.5) 0px 2px 8px 0px; */
      /* width: 100%; */
      max-width: 1050px;
      margin: 0 auto;
}

.configuration-sec .configuration-form-area h4 {
      font-size: 22px;
      line-height: normal;
      font-weight: 600;
      margin-bottom: 15px;
      color: #333;
}

.configuration-sec .configuration-form-area .form-control {
      border: 1px solid #a19b9b;
      padding: 1rem 1rem;
      background-color: #fff;
      font-size: 1rem;
      font-weight: 600;
      color: var(--light-black);
      transition: all ease-in-out .3s;
      border-radius: 5px;
      margin-bottom: 20px;
}

.configuration-sec .configuration-form-area .form-control:focus {
      box-shadow: none;
      border-color: #0143A9;
}

.configuration-sec .configuration-form-area label {
      /* display: block; */
      margin-bottom: 15px;
}

.configuration-sec .configuration-form-area #train-no {
      border: 1px solid #dedede;
      padding: 1rem 1rem;
      background-color: #fff;
      font-size: 1rem;
      font-weight: 600;
      color: var(--light-black);
      transition: all ease-in-out .3s;
      border-radius: 5px;
      width: 100%;
}

.configuration-sec .configuration-form-area #train-no:focus {
      box-shadow: none;
      border-color: #0143A9;
      outline: none;
}

.configuration-sec .common-btn {
      border: none;
}

#manage-devices-table .dropdown-content {
      display: flex;
      align-items: center;
      justify-content: space-between;
      align-items: center;
      padding: 0;
      gap: 25px;
}

.page-template-manage-airpressure .train-listing-table .table100-head th {
      color: #070518;
}

.page-template-manage-airpressure td img {
      width: 15px;
}

#custom-data-table thead tr th {
      background: #c0c0c0;
      font-weight: 700;
      white-space: nowrap;
}


.train-listing-table-sec.dashboard-sec {
      margin-top: 10px !important;
}

/* .train-listing-table-sec.dashboard-sec .column1 {
      width: 20%
}

.train-listing-table-sec.dashboard-sec .column2 {
      width: 15%
}

.train-listing-table-sec.dashboard-sec .column3 {
      width: 15%
}

.train-listing-table-sec.dashboard-sec .column4 {
      width: 20%
}

.train-listing-table-sec.dashboard-sec .column5 {
      width: 20%
}

.train-listing-table.historical-data .column1 {
      width: 20%
}

.train-listing-table.historical-data .column2 {
      width: 13%
}

.train-listing-table.historical-data .column4 {
      width: 17%
}

.train-listing-table.historical-data .column5 {
      width: 15%;
      text-align: left;
}

.train-listing-table.historical-data .column7 {
      width: 20%
}

.train-listing-table.historical-data .column {
      width: 15%
} */

/*===================== login page start here =====================*/
.page-template-login header .navbar {
      background: #0E0A31;
}

.login-banner-sec {
      background: url(../images/inner-pages-bg.jpg);
      background-position: center;
      background-size: cover;
      background-repeat: no-repeat;
      width: 100%;
}

.login-info-sec {
      /* padding: 70px 0; */
      margin: 200px 0 80px 0;
      /* background-color: #16b9e62e; */
}

.login-info-sec .login-inner {
      background: #fff;
      border-radius: 15px;
      overflow: hidden;
      box-shadow: rgba(149, 157, 165, 0.8) 0px 8px 24px;
}

.login-info-sec .login-inner .login-right {
      position: relative;
      padding: 50px 35px 50px 10px;
}

.login-info-sec .login-inner .brand_logo {
      width: 180px;
      display: block;
      overflow: hidden;
      margin-bottom: 50px;
      background: #fff;
      box-shadow: 0 0 1px;
      border-radius: 5px;
      padding: 10px;
}

.login-info-sec .login-inner .brand_logo img {
      width: 100%;
      height: auto;
      object-fit: cover;
}

.login-info-sec .login-inner .title {
      font-size: 40px;
      font-weight: 700;
      position: relative;
      margin-bottom: 30px;
}

.login-info-sec .login-inner .title::after {
      content: "";
      position: absolute;
      bottom: -12px;
      left: 5px;
      width: 110px;
      height: 2px;
      background-color: #000000;
}

.login-info-sec .login-inner p {
      margin-bottom: 25px;
}

.login-info-sec .login-inner form label {
      font-size: 16px;
      color: #000;
      font-weight: 600;
      margin-bottom: 10px;
      display: block;
}

.login-info-sec .login-form .form-control {
      border: 1px solid #000;
      border-radius: 0px;
      padding: 10px;
      border-left: 4px solid #10c4ed;
}

.form-control:focus {
      box-shadow: none;
}

.login-info-sec .login-form .common-btn {
      padding: 15px 35px;
      font-size: 1rem;
      letter-spacing: 1px;
      border: none;
}

.login-info-sec .login-form .theme-btn {
      margin-top: 45px;
}

.login-info-sec .login-left-img {
      width: 100%;
      height: 605px;
      display: block;
      overflow: hidden;
}

.login-info-sec .login-left-img img {
      width: 100%;
      height: 100%;
      object-fit: cover;
}

/* .common-btn.logout-btn {
      padding: 10px 15px 13px 15px;
      font-size: 20px;
      background: #599fcf;
      color: #fff;
      box-shadow: rgba(99, 99, 99, 0.2) 0 2px 8px 0, inset 0px -6px 0px rgba(0, 0, 0, 0.1), inset 0px -2px 0px rgba(0, 0, 0, 0.15);
      display: flex;
      align-items: center;
      gap: 10px;
      border-radius: 50px;
      transition: all ease-in-out 500ms;
}
.common-btn.logout-btn:hover{
      background: #fff;
      color: #000;
}
.common-btn.logout-btn:hover iconify-icon{
      color: #000;
}
.common-btn.logout-btn::after {
      display: none;
} */

.logout-btn iconify-icon {
      color: #fff;
      font-size: 30px;
      position: relative;
      transition: all ease-in-out 500ms;
}

.logout-btn {
      position: absolute;
      right: 7%;
      top: 53%;
      transform: translatey(-50%);
  }



/*===================== login page end here =====================*/

/* ==============start testing page start here============== */
.start-testing-sec {
      padding: 80px 0;
      background: #599fcf1f;
}
.start-testing-sec .testing-info {
      box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
      padding: 30px;
      border-radius: 10px;
  }
.start-testing-sec .start-testing-btn {
      background: #12c0eb;
      padding: 12px 30px;
      border-radius: 5px;
      font-size: 18px;
      line-height: normal;
      font-weight: 500;
      color: #fff;
      display: inline-block;
      border:none;
}

.start-testing-sec .back-btn {
      background: #12c0eb;
      padding: 12px 30px;
      border-radius: 5px;
      font-size: 18px;
      line-height: normal;
      font-weight: 500;
      color: #fff;
      display: inline-block;
      border:none;
}


.start-testing-sec h4 {
      font-size: 22px;
      line-height: 30px;
      font-weight: 600;
      margin-bottom: 10px;
}

.start-testing-sec .progress {
      margin-bottom: 25px;
      background-color: #564999;
      width: 98%;
      position: relative;
}
.progress-items {
      position: relative;
}
/* ==============start testing page end here============== */
/* ==============start testing OK Sign============== */
.ok-sign {
      margin-left: 10px;
      color: green;
      font-weight: bold;
      font-size: 16px;
      display: block;
      text-align: right;
      position: absolute;
      right: -21px;
      top: 84%;
      transform: translate(-50%, -50%);
      height: 22px;
      width: 22px;
  
}
/* ==============start testing OK Sign============== */