/**
 Custom style start here 
 **/


 :root 
 {
	--main-white:#fff;
	--main-black:#000;
	--thm-blue:#007dff;
	--thm-gray-text:#696969;
	--light-gray-bg:#F3F5F6;
	--border-color:#cecece;
 }


 @import url("https://fonts.googleapis.com/css2?family=Heebo:wght@300;400;500;600;700;800;900&display=swap");
 @media (min-width: 1200px) {
	 .container {
		 max-width: 90% !important;
	 }
	 .container-fluid {
		 max-width: 95% !important;
	 }
 }
 

 .container {
	 max-width: 90% !important;
 }
 .container-fluid {
	 max-width: 95% !important;
 }
 body {
	 font-family: "Heebo", sans-serif;
	 margin: 0;
	 padding: 0 !important;
 }
 .banner-btn-section {
	 display: flex !important;
	 align-items: start;
	 justify-content: space-between;
 }
 /* .modal .close body
  {
	  padding-right: 0 !important;
  } */
 
 /* Desktop css start here */
 
 h1 {
	 font-size: 60px;
	 font-weight: 800;
	 line-height: 1;
	 /* text-transform: uppercase; */
	 color: #fff;
	 letter-spacing: 2px;
	 margin-bottom: 5px;
 }
 
 h2 {
	 font-size: 40px;
	 font-weight: 600;
	 line-height: 1.2;
 }
 
 a {
	 font-size: 16px;
	 font-weight: 400;
	 line-height: 1.2;
	 color: #007dff;
 }
 
 p {
	 font-size: 18px;
	 font-weight: 400;
	 line-height: 1.2;
	 color: #353838;
 }
 
 .text-large-blue {
	 color: #007dff !important;
	 font-size: 35px;
 }
 
 .custom-button {
	 background-color: #007dff;
	 color: #fff;
	 font-size: 16px !important;
	 font-weight: 400 !important;
	 /* padding: 15px 60px !important; */
	 border-radius: 5px !important;
	 min-height: 50px;
	 display: flex;
	 align-items: center;
	 width: fit-content !important;
	 justify-content: center;
 }
 .white-custom-button {
	 background-color: #fff;
	 color: #007dff;
	 border: 1px solid #007dff;
	 font-size: 16px !important;
	 font-weight: 400 !important;
	 /* padding: 15px 60px !important; */
	 border-radius: 5px !important;
	 min-height: 50px;
	 display: flex;
	 align-items: center;
	 width: fit-content !important;
	 justify-content: center;
 }
 .white-custom-button:hover {
	 background-color: #007dff !important;
	 color: #fff !important;
 }
 
 .btn-block:focus {
	 box-shadow: none;
 }
 
 .forgot-link {
	 text-decoration: underline;
	 color: #007dff !important;
 }
 .forgot-link p {
	 color: #007dff !important;
 }
 
 .text-grey {
	 color: #353838;
 }
 
 .bg-grey {
	 /* background-color: #353838; */
	 background: rgb(53, 56, 56);
	 background: linear-gradient(90deg, rgba(53, 56, 56, 1) 0%, rgba(92, 92, 92, 1) 100%);
 }
 
 .text-lightblue {
	 color: #42a2e6;
	 font-weight: 400;
	 font-size: 18px;
 }
 .text-blue {
	 color: #007dff;
	 font-weight: 400;
	 font-size: 18px;
 }
 
 .hr-divider {
	 width: 200px;
	 margin: 10px auto;
 }
 
 html {
	 scroll-padding-top: 50px;
 }
 
 /* Desktop css end here */
 
 /* Mobile Media Query start here */
 
 @media only screen and (max-width: 600px) {
	 h1 {
		 font-size: 50px;
	 }
 
	 h2 {
		 font-size: 30px !important;
	 }
	 .hr-divider {
		 width: auto !important;
	 }
	 .client-logo {
		 width: 100% !important;
	 }
 }
 /* Mobile Media Query end here */
 
 /**
   Custom style end here 
   **/
 
 /**
   Header style start here 
   **/
 
 /* Desktop css start here  */
 .topbar {
	 padding: 10px 0;
 }
 .topbar p,
 .topbar a {
	 text-align: center;
	 color: #fff;
	 margin-bottom: 0;
	 font-size: 14px;
	 text-decoration: none;
 }
 
 .topbar_main_wrapper {
	 background-color: #007dff;
	 padding: 15px 0;
 }
 
 .nav-item {
	 padding-left: 15px;
 }
 
 .navbar {
	 position: fixed;
	 top: 10%;
	 right: 0;
	 left: 0;
	 z-index: 999;
 }
 
 .nav-link {
	 color: #fff;
 }
 
 .navbar {
	 transition: 500ms ease;
	 background: transparent;
 }
 
 .navbar.navbar-bg {
	 background-color: #fff;
	 top: 0;
	 -webkit-transition: all 0.2s ease-in-out;
	 -moz-transition: all 0.2s ease-in-out;
	 transition: all 0.2s ease-in-out;
	 -webkit-box-shadow: -1px 2px 24px -9px #000;
	 -moz-box-shadow: -1px 2px 24px -9px #000;
	 box-shadow: -1px 2px 24px -9px #000;
 }
 
 .navbar-bg .nav-link {
	 color: #000;
 }
 
 .icon-bar {
	 display: block;
	 width: 22px;
	 height: 2px;
	 background-color: #000;
	 border-radius: 1px;
	 margin: 4px 0;
	 transition: all 0.2s;
 }
 
 .top-bar {
	 transform: rotate(45deg);
	 transform-origin: 10% 10%;
 }
 
 .middle-bar {
	 opacity: 0;
 }
 
 .bottom-bar {
	 transform: rotate(-45deg);
	 transform-origin: 10% 90%;
 }
 
 .collapsed .top-bar {
	 transform: rotate(0);
 }
 
 .collapsed .middle-bar {
	 opacity: 1;
 }
 
 .collapsed .bottom-bar {
	 transform: rotate(0);
 }
 
 .navbar-toggler:focus,
 .navbar-toggler:hover {
	 outline: none;
 }
 
 /* Desktop css end here */
 
 /* Tablet media query start here */
 @media only screen and (max-width: 768px) {
	 .navbar {
		 background: transparent;
		 top: 4%;
	 }
	 .nav-link {
		 color: #000;
		 padding: 20px 0;
	 }
	 /* .banner
	  {
		  padding: 80px 0 !important;
	  } */
 }
 /* Tablet media query end here */
 
 /* Mobile Media Query start here */
 
 @media only screen and (max-width: 600px) {
	 .navbar {
		 /* background: #fff; */
		 background: transparent;
		 top: auto !important;
	 }
	 .navbar-collapse {
		 background: #fff !important;
	 }
	 .navbar-bg {
		 top: 0 !important;
	 }
	 .nav-link {
		 color: #000;
		 padding: 20px 0;
	 }
 }
 
 /* Mobile Media Query end here */
 
 /**
   Header style end here 
   **/
 
 /**
   Banner start here 
   **/
 
 /* Desktop css start here */
 .login {
	 margin: 0 0px 26px 0px;
 }
 
 .banner-btn-more {
	 display: flex;
 }
 
 .banner-btn-more a {
	 margin: 10px;
 }
 
 .banner {
	 background-image: url("../images/banner-mv.png");
	 background-repeat: no-repeat;
	 background-size: cover;
	 background-position: center;
	 min-height: 600px;
	 padding: 50px 0 100px 0;
 }
 
 .banner-heading {
	 align-self: center;
 }
 
 .banner-content a:hover {
	 text-decoration: none;
 }
 
 .form-header {
	 font-size: 20px !important;
	 font-weight: bold !important;
	 color: #007dff !important;
 }
 
 .tagline-of-vendx {
	 color: #fff;
	 display: block;
	 /* margin-bottom: 10px; */
	 padding-bottom: 20px;
	 font-size: 12px !important;
 }
 
 .main-heading-border {
	 width: 2px;
	 background: #fff;
	 max-height: 60px;
 }
 
 .banner h2 {
	 font-size: 25px;
	 font-weight: 300;
	 text-transform: uppercase;
	 color: #fff;
	 margin-bottom: 5px;
	 line-height: 1;
 }
 
 .banner h3 {
	 font-size: 30px;
	 font-weight: 500;
	 color: #fff;
	 text-transform: uppercase;
	 /* letter-spacing: -2px; */
	 margin-bottom: 0;
	 /* text-align:center; */
	 margin-bottom: 0.5rem;
 }
 
 .banner p {
	 font-size: 18px;
	 color: #fff !important;
	 font-weight: 400;
 }
 
 .banner h4 {
	 font-size: 20px;
	 font-weight: 400;
	 color: #fff;
	 letter-spacing: -1px;
	 text-transform: uppercase;
 }
 
 .banner hr {
	 border-top: 1px solid#fff;
	 /* width: 730px; */
	 margin: 10px auto 05px;
 }
 
 .banner-content {
	 padding: 10px 0px;
	 /* width:46rem; */
 }
 
 .banner-content li {
	 line-height: 1.2;
	 margin-bottom: 20px;
	 text-transform: capitalize;
 }
 
 /* .form-heading
  {
	  text-align: end;
	color: red !important;
	background-color: yellow;
  } */
 
 .banner-mobile {
	 visibility: hidden;
 }
 
 .banner-desktop {
	 visibility: inherit;
 }
 
 /* Desktop css end here */
 
 /* Tablet media query start here */
 @media only screen and (max-width: 768px) {
	 .banner-desktop {
		 visibility: hidden !important;
	 }
	 .banner-mobile {
		 visibility: inherit;
	 }
	 /* .vh-100 {
		  height: 70vh !important;
	  } */
 
	 .banner-content {
		 width: auto;
	 }
	 .form-box {
		 width: auto !important;
		 margin: 2rem 0 !important;
	 }
 }
 /* Tablet media query end here */
 
 /* Mobile Media Query start here */
 
 @media only screen and (max-width: 767px) {
	 .navbar-collapse {
		 background: #fff;
		 border-radius: 15px;
	 }
	 /* .banner
	  {
		  background-size: 1500%;
	  } */
 }
 @media only screen and (max-width: 600px) {
	 .banner h2 {
		 font-size: 30px;
		 margin-bottom: 10px;
	 }
	 .banner h3 {
		 font-size: 25px;
		 line-height: 1.1;
		 margin-bottom: 5px;
		 /* margin-top: 4rem; */
	 }
	 .navbar-collapse {
		 background: #fff;
		 border-radius: 15px;
	 }
	 .banner h4 {
		 font-size: 20px;
	 }
	 .banner hr {
		 width: auto;
	 }
	 .banner-content {
		 padding: 10px 0;
	 }
	 .banner-content li {
		 font-size: 13px;
	 }
	 .banner-desktop {
		 visibility: hidden !important;
	 }
	 .banner-mobile {
		 visibility: inherit;
	 }
	 /* .banner .vh-100 {
		  height: 90vh !important;
	  } */
 }
 
 /* Mobile media query end here */
 
 /**
   Banner End here 
   **/
 
 /**
   Form banner start here 
   **/
 
 /* Desktop css start here */
 
 .banner-form .form-group {
	 margin: 8px 20px;
	 text-align: left;
 }
 
 .form-box {
	 width: 60%;
	 margin: 0 auto;
	 background-color: #fff;
	 border-radius: 10px;
	 padding: 20px 20px 10px;
	 box-shadow: 0 19px 38px rgba(0, 0, 0, 0.3), 0 15px 12px rgba(0, 0, 0, 0.22);
 }
 
 .form-box .form-group.col-md-7 {
	 max-width: 100% !important;
	 flex: auto;
 }
 
 .form-check.text-left {
	 /* padding-top: 10px; */
	 padding-left: 0px !important;
 }
 
 .form-check-label {
	 font-weight: 600;
 }
 
 .form-box h3 {
	 text-align: center;
	 text-transform: uppercase;
	 margin: 0;
 }
 
 /* Desktop css end here */
 
 /* Tablet media query start here */
 /* @media only screen and (max-width: 1200px) {
	  
  } */
 @media only screen and (max-width: 991.5px) {
	 .nav-item {
		 white-space: nowrap;
	 }
	 .navbar {
		 background: transparent;
		 top: 10%;
	 }
	 .navbar-toggler {
		 background: #fff;
		 display: flex;
		 align-items: center;
		 justify-content: center;
	 }
 
	 /* .banner {
		  min-height: 100%;
		  padding: 50px 0 ;
		  background-size: 1000%;
	  } */
 
	 .request-demo-modal .modal-dialog {
		 max-width: 100% !important;
		 margin: 20px;
	 }
 
	 .banner-form-card-section {
		 /* padding: 0 0 50px 0; */
		 width: 100% !important;
		 /* display: flex;
		  justify-content: center !important; */
	 }
 }
 @media only screen and (max-width: 768px) {
 }
 /* Tablet media query end here */
 
 /* Mobile Media Query start here */
 
 /* Mobile Media Query end here */
 
 /**
   Form banner end here 
   **/
 
 /**
   Whyus start here 
   **/
 
 .icon-section-main,
 .icon-img {
	 background: #fff;
	 box-shadow: 0 0 25px rgb(0 0 0 / 15%);
	 width: 100px;
	 height: 100px;
	 display: flex;
	 align-items: center;
	 justify-content: center;
	 border-radius: 100%;
	 /* border: 1px solid #007dff; */
 }
 .icon-img {
	 width: 80px;
	 height: 80px;
 }
 .icon-img img {
	 max-width: 45px;
	 max-height: 45px !important;
	 object-fit: contain;
 }
 
 /* Desktop css start here */
 
 .whyus h2 {
	 font-weight: 300;
	 /* text-transform: uppercase; */
 }
 
 .whyus span {
	 letter-spacing: 2px;
	 /* margin-left: 10px; */
 }
 
 .whyus img {
	 height: 80px;
 }
 
 .whyus h5 {
	 line-height: 1.1;
 }
 
 .whyus-counter {
	 margin-top: 70px;
 }
 
 .whyus-counter h3,
 .whyus-counter span {
	 font-weight: 700;
	 letter-spacing: 0.5px;
	 font-size: 20px;
	 color: #007dff;
 }
 .whyus {
	 background: #f9f9f9;
	 padding: 50px 0;
 }
 /* Desktop css end here */
 
 /* Tablet media query start here */
 @media only screen and (max-width: 768px) {
	 .whyus img {
		 height: 50px;
	 }
	 /* .whyus h3,
	  .whyus span {
		  font-size: 18px;
	  } */
	 .whyus h5 {
		 font-size: 16px;
	 }
 }
 /* Tablet media query end here */
 
 /* Mobile Media Query start here */
 
 @media only screen and (max-width: 600px) {
	 .whyus {
		 margin: 0 auto;
	 }
	 .whyus .col-4 {
		 text-align: right;
	 }
	 .whyus .row {
		 margin: 0 auto;
	 }
 }
 
 /* Mobile Media Query end here */
 
 /**
   Why us end here 
   **/
 
 /**
   Awards start here 
   **/
 
 /* Desktop css start here */
 .awards hr {
	 width: 380px;
 }
 
 .award-line {
	 position: absolute;
	 bottom: 60%;
	 left: 0;
 }
 .owl-item {
	 height: 100% !important;
	 /* width: 300px !important; */
 }
 
 .owl-carousel .owl-item .icon-img {
	 margin: 0 auto;
	 box-shadow: none;
	 border: 1px solid #007dff;
 }
 .owl-carousel .owl-item .icon-img img {
	 width: auto;
	 display: inline;
	 max-width: 35px;
	 max-height: 35px;
	 object-fit: contain;
 }
 .awards p {
	 font-weight: 600;
	 margin: 10px 0;
	 color: #000;
	 line-height: 1.2;
 }
 
 /* Desktop css end here */
 
 /* Tablet media query start here */
 @media only screen and (max-width: 768px) {
	 .award-line {
		 right: 0;
		 bottom: 60%;
	 }
 }
 /* Tablet media query end here */
 
 /* Mobile Media Query start here */
 
 @media only screen and (max-width: 280px) {
	 .logo-heading {
		 display: block !important;
		 /* align-items: self-start; */
	 }
	 /* .owl-item
	  {
		  width: 300px !important;
		  margin: 0 auto;
	  }
	  .owl-stage
	  {
		  width: 1390px !important;
		  display: flex;
	  } */
	 .request-demo-modal .modal-dialog {
		 /* width: 90% !important; */
		 max-width: 100% !important;
		 /* margin: 20px; */
	 }
	 .award-line {
		 bottom: 62% !important;
	 }
 }
 @media only screen and (max-width: 480px) {
	 .logo-heading {
		 display: block !important;
		 /* align-items: self-start; */
	 }
	 .client-logo {
		 width: 100% !important;
	 }
	 .select-button {
		 display: block !important;
	 }
	 .banner-btn-more {
		 display: block;
	 }
	 .card-form {
		 padding: 30px 15px !important;
		 margin: 0px 0;
	 }
	 .know-more-btn {
		 margin: 10px auto !important;
	 }
 
	 .align-box {
		 display: flex !important;
		 justify-content: center !important;
	 }
	 .navbar-brand {
		 max-width: 100%;
		 margin-bottom: 20px;
	 }
	 .award-line {
		 right: 0;
		 bottom: 66%;
	 }
	 .login {
		 margin-bottom: 10px;
	 }
	 /* .banner
	  {
		  background-size: 1500%;
	  } */
 
	 .forgot-link {
		 text-align: center;
	 }
	 .custom-button {
		 margin-bottom: 20px;
	 }
	 .owl-stage {
		 /* min-width: 1290 !important; */
		 /* width: 1290 !important;
		  display: flex;
		  justify-content: center; */
	 }
	 .award-slider-section .owl-item {
		 text-align: center;
		 /* width: 300px !important; */
		 /* margin: 0 18px; */
	 }
	 .banner-btn-section {
		 display: block !important;
	 }
	 /* .navbar-toggler
	  {
		  max-width: 40%;
	  } */
 }
 @media only screen and (max-width: 600px) {
	 .award-line {
		 right: 0;
		 bottom: 62%;
	 }
	 .awards hr {
		 width: auto;
	 }
	 /* .request-demo-modal
	  {
		  display: flex !important;
		  justify-content: center;
		  align-items: center;
	  } */
	 /* .request-demo-modal .modal-dialog
	  {
		  width: 90% !important;
	  } */
	 .awards {
		 text-align: center;
	 }
	 .owl-theme .owl-dots .owl-dot span {
		 background: #42a2e6;
		 width: 08px;
		 height: 08px;
	 }
 
	 .owl-theme .owl-dots .owl-dot.active span,
	 .owl-theme .owl-dots .owl-dot:hover span {
		 background: #007dff;
		 width: 10px;
		 height: 10px;
	 }
 }
 
 /* Mobile Media Query end here */
 
 /**
   Awards end here 
   **/
 
 /**
   Modules start here 
   **/
 
 /* Desktop css start here */
 
 .modules h2 {
	 /* font-weight: 300; */
	 /* text-transform: uppercase; */
	 /* font-size: 40px; */
 }
 
 /* .modules h3 {
	  font-weight: 400;
  } */
 
 .modules span {
	 /* font-weight: 600; */
	 letter-spacing: 0px;
	 /* font-size: 40px; */
	 margin-left: 10px;
 }
 .modules hr {
	 width: 300px;
	 background-color: #fff;
	 margin-bottom: 15px;
 }
 
 .module-content {
	 top: 10%;
	 left: 15%;
	 background-color: white;
	 border-radius: 15px;
	 min-height: 320px;
 }
 
 /* .module-content .card
  {
	  padding: 15px;
  } */
 
 .module-content hr {
	 width: auto;
	 margin-left: 0;
 }
 
 /* .module-content ol {
	  margin-left: 20px;
	  margin-top: -20px;
  } */
 
 .module-content li {
	 padding: 10px 0;
	 font-size: 16px;
	 font-weight: 400;
	 line-height: 1.2;
 }
 
 .module-content ::marker {
	 font-size: 18px;
	 color: #007dff;
 }
 
 .module-two {
	 left: 25%;
 }
 
 .module-three {
	 left: 30%;
 }
 
 .module-content h3 {
	 /* text-transform: uppercase; */
	 font-weight: 600;
	 /* padding:10px 0px 0px 40px; */
	 margin-bottom: 0 !important;
 }
 /* .module-content p{
	  font-size: 14px;
	  margin-left: 39px;
	  color: gray;
	  font-weight: 600;
  } */
 
 /*.module-two hr {
	  width: 50%;
  }
  .module-three hr {
	  width: 80%;
  }*/
 
 .modules .custom-button {
	 padding: 10px 80px;
	 font-size: 20px;
	 font-weight: 500;
	 line-height: 1.2;
	 border-radius: 5px;
 }
 
 /* Desktop css end here */
 
 /* Mobile Media Query start here */
 
 @media only screen and (max-width: 600px) {
	 .module-two {
		 left: 20%;
	 }
	 .modules span {
		 font-size: 30px;
	 }
	 .module-three {
		 left: 25%;
	 }
	 .module-three hr {
		 width: 80% !important;
	 }
	 .module-wrapper .col-12 {
		 margin: 20px 0;
	 }
	 .module-two hr {
		 width: 50% !important;
	 }
	 .modules .custom-button {
		 font-size: 14px;
		 padding: 10px 50px;
	 }
 }
 
 /* Mobile Media Query end here */
 
 /**
   Modules end here 
   **/
 
 /**
   Our clients start here 
   **/
 
 /*  Desktop css start here */
 .clients-wrapper {
	 margin: 20px 0;
 }
 
 .our-clients h2,
 .our-clients h3 {
	 line-height: 1.2;
	 font-weight: 300;
	 /* text-transform: uppercase; */
	 padding: 0;
	 margin: 0;
 }
 
 .our-clients h3 {
	 font-size: 40px;
	 font-weight: 500;
 }
 
 .our-clients hr {
	 width: 500px;
 }
 
 /* Desktop css  end here */
 
 /* Mobile Media Query start here */
 
 @media only screen and (max-width: 600px) {
	 .our-clients h3 {
		 font-size: 25px;
		 margin-top: 10px;
	 }
 
	 .clients-slider {
		 justify-content: center !important;
		 text-align: center !important;
		 margin: 0 auto;
	 }
	 .clients-wrapper {
		 padding: 0;
		 margin: 0;
	 }
 }
 
 /* Mobile Media Query end here */
 
 /**
   Our clients end here 
   **/
 
 /**
   FAQS start here 
   **/
 
 /*  Desktop css start here */
 
 .accordion .card-header:after {
	 font-family: "FontAwesome";
	 content: "\f068";
	 float: right;
 }
 .accordion .card-header.collapsed:after {
	 /* symbol for "collapsed" panels */
	 content: "\f067";
 }
 
 .card {
	 border: unset;
	 border-radius: 15px 15px 0 0 !important;
	 background-color: transparent;
 }
 
 .module-content .card-header:first-child {
	 border-radius: 15px 15px 0 0 !important;
 }
 
 .card-header {
	 /* padding: 0.75 rem 1.25 rem; */
	 margin-bottom: 0;
	 background-color: #007dff;
	 border-bottom: 1 px solid #007dff;
	 color: #ffff;
	 /* margin: 20px 0; */
	 padding: 15px;
	 border-radius: 15px 15px 0 0 !important;
 }
 
 .card-header.collapsed {
	 border-radius: 10px !important;
	 /* -webkit-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
	  -moz-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
	  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); */
 }
 
 .card-title {
	 color: #fff;
 }
 
 .card-title:hover {
	 text-decoration: none;
	 color: #fff;
 }
 
 .card-body {
	 background-color: #fff;
 }
 
 .card-body p {
	 font-size: 16px;
	 line-height: 1.5;
 }
 
 .faqs hr {
	 width: 300px;
	 background-color: #fff;
	 margin-bottom: 15px;
 }
 
 /* .faqs . */
 /*  Desktop css end here */
 
 /**
   Our clients end here 
   **/
 
 /**
   Contact us start here 
   **/
 
 /*  Desktop css start here */
 
 .contact-us i {
	 font-size: 30px;
	 color: #007dff;
 }
 
 .contact-icon {
	 background: #fff;
	 border-radius: 10px;
	 box-shadow: 0 0 25px rgb(0 0 0 / 15%);
	 width: 60px;
	 max-width: 60px;
	 min-height: 60px;
	 display: flex !important;
	 justify-content: center;
	 align-items: center;
	 margin: 0 auto;
	 margin-bottom: 20px;
 }
 
 .contact-us a {
	 font-size: 18px;
	 text-decoration: none;
 }
 
 .contact-us li {
	 list-style: none;
	 display: inline-block;
 }
 
 /* .contact-us span {
	  display: flex;
	  color: #42a2e6;
  } */
 
 .contact-us ul {
	 padding: 0 15px;
	 display: flex !important;
 }
 
 .contact-form {
	 -webkit-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
	 -moz-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
	 box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
	 padding: 30px 0;
	 border-radius: 20px;
 }
 
 .btn-block {
	 min-width: 120px !important;
	 min-height: 45px !important;
 }
 
 .btn-block:hover {
	 color: #007dff;
	 background: #fff;
	 border: 1px solid #007dff;
 }
 
 .contact-form h3 {
	 font-size: 30px;
	 text-align: center;
	 font-weight: 600;
	 /* text-transform: uppercase; */
 }
 #myform1 {
	 padding: 0px;
 }
 .social-media-icon {
	 margin-right: 10px;
 }
 .myform-input {
	 min-height: 45px !important;
	 border-radius: 10px;
 }
 .myform-input:focus {
	 box-shadow: none;
	 border: 1px solid #007dff;
 }
 /*  Desktop css end here */
 
 /* Mobile Media Query start here */
 
 @media only screen and (max-width: 600px) {
	 .contact-form {
		 padding: 0px;
	 }
 
	 .contact-us .col-12.col-md-4 {
		 margin-bottom: 30px;
		 text-align: center;
	 }
	 /* .banner
	  {
		  background-size: 2000%;
	  } */
 }
 
 /* Mobile Media Query end here */
 
 /**
   Contact us end here 
   **/
 
 /**
   Thank you start here 
   **/
 
 /*  Desktop css start here */
 
 .thankyou {
	 /* height: 65vh; */
	 background-image: url(../images/thanku-banner.jpg);
	 background-position: center;
	 background-size: cover;
	 background-repeat: no-repeat;
	 padding: 50px 0;
 }
 
 /* .thankyou .vh-100 {
	 height: 75vh !important;
 } */
 
 .thankyou-wrapper p {
	 line-height: 1.5;
	 font-size: 18px;
 }
 
 .thankyou-wrapper .tel {
	 font-size: 20px;
	 font-weight: 600;
	 text-decoration: none;
 }
 
 .thankyou-wrapper .custom-button {
	 padding: 10px 60px;
 }
 /*  Desktop css end here */
 
 /**
   Thankyou end here 
   **/
 
 /**
   Footer start here 
   **/
 
 /*  Desktop css start here */
 
 footer p {
	 color: #fff;
	 margin-bottom: 0;
	 padding: 10px;
	 font-size: 14px;
 }
 
 html {
	 scroll-behavior: smooth;
 }
 
 /*  #error-email,
  #error-name,
  #error-phone,
  #error-lookingfor,
  #error-email1,
  #error-name1,
  #error-phone1,
  #error-person1,
  #error-lookingfor1 {
	  color: red;
	  margin-top: 10px;
	  
  } */
 
 .error {
	 color: red !important ;
	 margin-top: 10px;
	 font-weight: unset !important;
	 font-size: 14px;
 }
 
 /*  Desktop css end here */
 
 /**
   Footer end here 
   **/
 
 /* banner form CSS :: START */
 
 .animated-input {
	 position: relative;
	 /* margin-bottom: 20px; */
 }
 
 .animated-input label {
	 position: absolute;
	 top: 50%;
	 left: 15px;
	 transform: translateY(-50%);
	 color: #555;
	 font-size: 14px;
	 pointer-events: none;
	 transition: all 0.3s ease-out;
 }
 
 .animated-input input {
	 padding: 10px;
	 font-size: 16px;
	 min-height: 55px;
	 width: 100%;
	 border: solid 1px #a6c1d3;
	 border-radius: 8px;
	 transition: border-color 0.3s ease-out;
 }
 
 .animated-input input:focus {
	 /* border-color: none !important; */
	 border: solid 1px #007dff;
	 box-shadow: none;
 }
 
 .animated-input input:focus + label,
 .animated-input input:not(:placeholder-shown) + label {
	 top: 0px;
	 left: 1px;
	 font-size: 12px;
	 color: #526484;
	 background: #fff;
	 padding: 0 10px;
	 border-radius: 5px 5px 5px 0;
 }
 
 .password-toggle {
	 position: absolute;
	 top: 50%;
	 right: 10px;
	 transform: translateY(-50%);
	 cursor: pointer;
 }
 
 .password-toggle i {
	 color: #007dff;
 }
 
 .card-form {
	 border-radius: 10px !important;
	 /* box-shadow: 0px 3px 15px rgba(112, 144, 176, 0.3); */
	 /* border: 1px solid #217DFC; */
	 background: #122631a9;
	 padding: 30px;
	 text-align: center;
 }
 
 .select-button {
	 display: flex;
	 align-items: center;
	 font-size: 14px;
	 color: #007dff;
	 margin-bottom: 10px;
 }
 
 .custom-control {
	 position: relative;
	 display: block;
	 min-height: 1.5rem;
	 padding-left: 1.5rem;
 }
 
 .select-button label {
	 margin: 3px 15px 5px 5px;
	 font-weight: 500;
	 font-size: 14px;
 }
 
 .custom-radio .custom-control-input:checked ~ .custom-control-label::before {
	 background-color: #007dff;
	 border-color: #007dff;
	 top: 2px;
 }
 
 /* .custom-radio
  {
	  display: flex;
	  align-items: center;
  } */
 /* .custom-control-label
  {
	  top: 3px;
  } */
 .custom-control-label::after {
	 position: absolute;
	 top: 3px;
	 left: -23px;
 }
 
 .custom-control-label {
	 text-align: start;
 }
 
 .custom-control-label::before {
	 background-color: #fff;
	 border: #007dff solid 2px;
	 top: 2px;
	 width: 18px;
	 height: 18px;
 }
 /* banner form CSS :: END */
 
 /* Typography CSS :: START */
 .main-heading {
	 color: #fff;
	 font-size: 35px;
	 font-weight: 600 !important;
 }
 .main-heading-black {
	 color: #000 !important;
	 font-size: 35px;
	 font-weight: 600 !important;
 }
 .text-gray {
	 color: #353838;
	 font-size: 18px;
	 font-weight: 400;
	 margin-bottom: 20px;
 }
 .sub-title {
	 color: #101010;
	 font-size: 18px;
	 font-weight: 600;
	 margin-bottom: 20px;
 }
 .small-text {
	 font-size: 16px !important;
	 font-weight: 400px !important;
	 color: #353838 !important;
 }
 .small-text-white {
	 font-size: 16px !important;
	 font-weight: 400px !important;
	 color: #fff !important;
 }
 .card-title {
	 font-size: 18px !important;
 }
 /* Typography CSS :: END */
 
 /* copyright-section CSS :: START */
 .copyright-section {
	 padding: 10px 0;
 }
 /* copyright-section CSS :: END */
 
 /* Client logo CSS:: START */
 
 .client-logo {
	 background: #fff;
	 /* border-top: 2px solid #217DFC;
	  border-left: 2px solid #217DFC;
	  border-top-left-radius: 10px; */
	 /* border-top: 5px solid #217DFC; */
	 border-radius: 10px;
	 /* padding: 5px; */
	 height: 200px;
	 width: 200px;
	 display: flex;
	 align-items: center;
	 justify-content: center;
	 box-shadow: 0 0 25px rgb(0 0 0 / 15%);
	 position: relative;
	 overflow: hidden;
 }
 
 .client-logo::after {
	 content: "";
	 position: absolute;
	 /* z-index: -1; */
	 top: -50%;
	 width: 150px;
	 height: 150px;
	 background: #dadada46;
	 /* border: 1px solid #c7dbf8; */
	 border-radius: 0 0 100% 100%;
 }
 .client-logo::before {
	 content: "";
	 position: absolute;
	 /* z-index: -1; */
	 top: 70%;
	 left: 80px;
	 width: 180px;
	 height: 180px;
	 /* background: #dadada28; */
	 border: 1px solid #d5e4fcb4;
	 border-radius: 100% 100%;
 }
 
 .client-logo img {
	 /* box-shadow: 0 0 25px rgb(0 0 0 / 15%); */
	 /* background: #fff; */
	 /* background: transparent; */
	 border-radius: 10px;
	 /* padding: px; */
	 z-index: 1;
	 height: 180px;
	 width: 180px;
	 /* width: 500px; */
	 object-fit: contain;
	 margin: 0 auto;
 }
 
 /* Client logo CSS:: END */
 
 /* award-slider-section CSS :: START */
 .award-slider-section .icon-img {
	 margin: 0 auto;
 }
 /* award-slider-section CSS :: END */
 
 /* request-demo-modal CSS :: START */
 .request-demo-modal .modal-header,
 .request-demo-modal .modal-footer {
	 border: 0 !important;
 }
 
 .request-demo-modal .modal-title {
	 font-size: 24px;
 }
 
 /* .request-demo-modal
  {
	  display: flex;
	  align-items: center;
	  justify-content: center;
  } */
 
 .request-demo-modal .modal-dialog {
	 max-width: 420px;
 }
 .request-link {
	 font-weight: 600;
	 color: #007dff;
	 cursor: pointer;
 }
 /* request-demo-modal CSS :: END */
 
 /* back-to-top CSS :: START */
 .back-to-top {
	 position: fixed;
	 bottom: 20px;
	 right: 20px;
	 display: none;
 }
 .back-to-top-btn {
	 width: 50px;
	 height: 50px;
	 border-radius: 100%;
	 background: #007dff;
	 color: #fff;
	 font-size: 20px;
	 border: none;
	 display: flex;
	 align-items: center;
	 justify-content: center;
 }
 .back-to-top-btn:hover {
	 background: #fff;
	 border: 1px solid #007dff;
	 color: #007dff;
 }
 /* back-to-top CSS :: END */
 
 /* .banner-form-card-section .card-form
 {
	 width: 100%;
	 display: flex;
	 justify-content: end;
 } */
 .banner-form-card-section {
	 /* display: flex;
	 justify-content: end; */
	 width: 90% !important;
 }
 
 .logo-heading {
	 display: flex;
	 /* align-items: self-start; */
 }
 
 .owl-nav {
	 display: none;
 }
 
 .demo-form {
	 text-align: start;
 }

 /* thankyou page CSS :: START */
 .thankyou-heading,.thankyou-heading span
 {
	font-size: 100px !important;
	font-weight: 800 !important;
 }

 .thankyou-banner
 {
	min-height: 550px !important;
	padding: 15px 0 15px 0;
	/* display: flex;
	justify-content: center;
	align-items: center; */
 }
 /* thankyou page CSS :: END */


 /* Topbar-css::Start */
 .topbar_wrapper
 {
	background-color:var(--thm-blue);
 }
 .topBar_row
 {
	align-items: center;
 }
 .top_bar_icons_wrapper ul 
 {
	display: flex;
	margin-bottom:0px;
	padding-left: 0px;
 }
 .top_bar_icons_wrapper ul li 
 {
     list-style: none;
 }
 .top_bar_icons_wrapper ul li i 
 {
	color:var(--main-white);
	width:40px;
	height:40px;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 16px;
 }
 .topbar_info_details
 {
	display: flex;
 }
 .topbar_info_details .info_icon
 {
  margin-right: 10px;
 }
 .topbar_info_details .info_icon i,
 .topbar_info_details .info_content p span a,
 .topbar_info_details .info_content p ,
 .topbar_info_details .info_content a
 {
	color: var(--main-white);
 }
 .topbar_info_details .info_content p 
 {
	font-size:16px;
	margin-bottom:0px;
 }
 .topbar_info_details
 {
	display: flex;
	align-items: center;
 }
 .topbar_info_details .info_content p span a:hover ,
 .topbar_info_details .info_content a:hover
 {
	text-decoration: none;
 }
 .center_info_details
 {
	justify-content: center;
 }
 .end_info_details
 {
	justify-content: end;
 }
 .sticky {
	position: fixed;
	background-color: var(--thm-blue);
	z-index: 999;
	top: 0;
	left: 0;
	width: 100%;
	-webkit-animation: fadeInDown .5s ease-in-out 0s 1 normal none running;
	-moz-animation: fadeInDown .5s ease-in-out 0s 1 normal none running;
	animation: fadeInDown .5s ease-in-out 0s 1 normal none running;
  }
  @-webkit-keyframes fadeInDown {
	0% {
	  -webkit-transform: translate3d(0, -100%, 0);
	  opacity: 0;
	  transform: translate3d(0, -100%, 0);
	}
  
	to {
	  -webkit-transform: translateZ(0);
	  opacity: 1;
	  transform: translateZ(0);
	}
  }
  
  @-moz-keyframes fadeInDown {
	0% {
	  -webkit-transform: translate3d(0, -100%, 0);
	  opacity: 0;
	  -moz-transform: translate3d(0, -100%, 0);
	  transform: translate3d(0, -100%, 0);
	}
  
	to {
	  -webkit-transform: translateZ(0);
	  opacity: 1;
	  -moz-transform: translateZ(0);
	  transform: translateZ(0);
	}
  }
  
  @keyframes fadeInDown {
	0% {
	  -webkit-transform: translate3d(0, -100%, 0);
	  opacity: 0;
	  -moz-transform: translate3d(0, -100%, 0);
	  transform: translate3d(0, -100%, 0);
	}
  
	to {
	  -webkit-transform: translateZ(0);
	  opacity: 1;
	  -moz-transform: translateZ(0);
	  transform: translateZ(0);
	}
  }
  
  .fadeInDown {
	-webkit-animation-name: fadeInDown;
	-moz-animation-name: fadeInDown;
	animation-name: fadeInDown;
  }
 /* Topbar-css::End */

 /* Footer-css::Start */
 .top_info_footer_title h3
 {
	font-size:18px;
	font-weight: 600;
	margin-bottom: 25px;
 }
 .top_info_footer_content_links ul
 {
	padding:0px;
 }
 .top_info_footer_content_links ul li 
 {
	list-style: none;
	margin-bottom: 10px;
 }
 .top_info_footer_content_links ul li a 
 {
	font-size: 14px;
	color: var(--thm-gray-text);
	text-decoration: none;
 }
 .address_title 
 {
	color: var(--main-black);
	font-size:14px;
	font-weight: 600;
 }
 .address_content {
    font-size: 14px;
    color: var(--thm-gray-text);
    padding: 0px;
    line-height: 20px;
}
.top_footer_address
{
	margin-top: 15px;
}
.theme_blue_btn
{
	background-color: var(--thm-blue);
	text-transform: uppercase;
	color: var(--main-white);
	font-size: 14px;
	padding:8px 15px;
	border: 1px solid var(--thm-blue);
	min-width:130px;
	
}
.theme_blue_btn:hover
{
	background-color: var(--main-white);
	border: 1px solid var(--thm-blue);
}
.theme_blue_btn:hover i,
.theme_blue_btn:hover 
{
	color: var(--thm-blue);
}
.footer_btn
{
	margin-top: 15px;
}
.custom_form_control
{
	background-color: var(--light-gray-bg);
    font-size: 16px;
    padding: 12px 15px;
    width: 100%;
    box-sizing: border-box;
    line-height: normal !important;
    height: auto !important;
    border: 1px solid var(--thm-gray-text);
    border-radius: 5px;
}
.top_info_footer
{
	padding:20px;
}
.copyright-footer p 
{
	color: var(--main-black);
	font-size:16px;
}
.copyright-footer
{
	padding:15px 0px;
	border-top: 1px solid var(--border-color);
}
.copyright-footer p a 
{
	color: var(--thm-blue);
	font-weight:700;
	text-decoration: none;
}
 /* Footer-css::End */