html {overflow-x: hidden;scroll-behavior: smooth;}
html, body, #page-one, #page-two, #page-three, #page-four, #page-five, #page-six { height: auto;}
.about-main-part #page-one { padding-top: 9em;}
.how-it-works-part #page-two {padding-top: 9em;}
.featurette #page-three { padding-top: 8.8em !important;}
.about-part #page-four { padding-top: 0 !important;}
.select-main-part #page-five { padding-top: 10em !important;}
.contact-main-part #page-six {padding-top: 10em !important;}
body {
  margin: 0;
  font-family: 'Segoe UI Regular';
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color:#B9B9B9;
  text-align: left;
  background-color: #fffoverflow-x: hidden;
}
a { color: #006DB4;}
img{max-width: 100%;}
@font-face {
  font-family: 'Segoe UI Regular';
  font-style: normal;
  font-weight: normal;
  src: local('../fonts/Segoe UI Regular'), url('../fonts/Segoe UI.woff') format('woff');
}
@font-face {
  font-family: 'Segoe UI Italic';
  font-style: normal;
  font-weight: normal;
  src: local('../fonts/Segoe UI Italic'), url('../fonts/Segoe UI Italic.woff') format('woff');
}
@font-face {
  font-family: 'Segoe UI Bold';
  font-style: normal;
  font-weight: normal;
  src: local('../fonts/Segoe UI Bold'), url('../fonts/Segoe UI Bold.woff') format('woff');
}
@font-face {
  font-family: 'Segoe UI Bold Italic';
  font-style: normal;
  font-weight: normal;
  src: local('../fonts/Segoe UI Bold Italic'), url('../fonts/Segoe UI Bold Italic.woff') format('woff');
}
.form-control::-webkit-input-placeholder {color: #ccc;}
.form-control:-ms-input-placeholder { color: #ccc;}
.form-control::placeholder {color: #ccc;}
.btn { font-family: 'Segoe UI Bold'; border-radius: 4px; line-height: 24px;width: 214px;font-size: 18px;border: 1px solid;text-transform: uppercase;}
.btn-outline-primary {color: #006DB4;}
.btn-primary {background-color: #006DB4;border: 1px solid #006DB4;}
.btn-primary:hover {
  border: 1px solid #006DB4;
  background: #FFFFFF;
  color: #006DB4;
}
.btn-outline-primary:hover { background-color: #006DB4 !important;}
.btn-primary.focus, .btn-outline-primary:focus {box-shadow: none;}
.btn-primary:not(:disabled):not(.disabled).active, .btn-outline-primary:not(:disabled):not(.disabled):active {
  background-color: #006DB4; color: #fff;}
.btn-primary:not(:disabled):not(.disabled):active:focus { box-shadow: inherit !important;}
.btn-primary.focus, .btn-primary:focus { box-shadow: inherit !important;}
.container {max-width: 1435px;}
.header-main-part .nav-link { font: normal normal 600 18px/24px Segoe UI !important; color:#B9B9B9;}
.header-main-part .logout-btn {position: absolute;right: 0;}
.header-main-part .nav .mr-xl-5, .mx-xl-5 { margin-right: 16.5rem !important;}
.header-main-part .navbar-brand {border: none;background-color: transparent; box-shadow: none;}
.header-main-part {width: 100%; background-color: #fff; box-shadow: 0px 6px 20px #0000001A; position: fixed; z-index: 9999;}
.header-main-part .navbar {padding: 0.35rem 0;}
.header-main-part .float-right { float: right !important;}
.header-main-part .btn {
  padding: 0.510rem 0rem;
  width: 214px;
  color: #006DB4;
  text-transform: uppercase;
}
.header-main-part .btn-outline-primary { border: 1px solid #006DB4;background: #FFFFFF;}
.header-main-part .btn-outline-primary:hover {background-color: #007bff; color: #fff;}
.header-main-part .btn-outline-primary.focus, .btn-outline-primary:focus { box-shadow: none;}
.header-main-part .btn-outline-primary:not(:disabled):not(.disabled).active, .btn-outline-primary:not(:disabled):not(.disabled):active {
  background-color: #007bff;color: #fff;}

/* end header css*/
.hero-content{padding-top:12%; display: block; width: 100%; position: relative; background:url(../img/road.svg) 80% 254px no-repeat; height:100vh;}
.hero-text{width:68%; display: block;}
.hero-content h1{color: #006db4;font-family: 'Segoe UI Bold';font-size:60px;width: 100%;
  line-height:72px;margin-bottom: 19px;}
.hero-content h1 span{color:#fff;background:#006db4; padding:0px 14px 6px 14px;}

.btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show>.btn-primary.dropdown-toggle {
  background-color: #006DB4 !important;
}
/* about section css */
.about-main-part {width: 100%; position: relative;padding-top: 132px; margin-top:-10px; padding-bottom:180px;background:#006db4;}
.down-arrow{position: absolute; top:15px; left: 50%; margin-left:-21px;}
.down-arrow img{border-radius:2px;}
.bg-white{background:#fff;}
.about-main-part img {
  position: relative;
  width: 100%;
}
.about-main-part .vertical-center { margin: 0; position: absolute;top: 50%;
  -ms-transform: translateY(-50%);transform: translateY(-50%);}
.progress-section{ position:relative; width: 100%; height:200px;background:#fff url(../img/about-graph.svg) left center no-repeat; background-size:560px;}
.about-main-part .row { margin-left: 0; margin-right: 0; position: relative;}
.about-main-part .col-md-5 {padding-left: 0; padding-right: 0;}
.about-cont{width:50%;}
.shadow-box { position: relative;top: -40px;}
.topn-120{position: relative; top: -140px;}
.topn-200{position: relative; top: -240px;}
.topn-280{position: relative; top: -340px;}
.topn-370{position: relative; top: -440px;}

.about-main-part span {
  width: 100%;
  position: relative;
  color: #fff;
  font-family: 'Segoe UI Regular';
  font-weight: 600;
  font-size: 24px;
  line-height: 32px;
  text-transform: uppercase;
  padding-left: 38px;
  margin-bottom: 10px;
  display: inline-block;
}
.about-main-part span::before {
  content: "";
  position: absolute;
  width: 30px;
  height: 4px;
  background: #fff;
  bottom: 6px;
  left: 0;
}
.about-main-part h2 {
  color: #fff;
  font-family: 'Segoe UI Bold';
  font-size: 50px;
  width: 100%;
  line-height:55px;
  margin-bottom: 19px;
}
.about-main-part p {
  color: #fff;
  font-family: 'Segoe UI Regular';
  font-weight: normal;
  font-size: 18px;
  line-height: 24px;
  width: 90%;
  margin-bottom: 32px;
}
.about-main-part .btn { padding: 10px;} 
.progress-section{position: relative; width: 100%; z-index: 99;}
.about-main-part .pl-lg-5 {padding-left: 7.4rem !important;position: relative;z-index: 999;}
.how-it-work{width: 100%;position: relative;padding-top: 44px;padding-bottom:100px; background:url(../img/gray-trangal-bg.svg) left top no-repeat; position: relative; background-size: 80%; position: relative; margin-top:-250px;}
.gray-trangal-bg{position:absolute; right: 0; top:-530px; width: 46%;}
.how-it-works-part span {
  width: 100%;
  position: relative;
  color: #B9B9B9;
  font-family: 'Segoe UI Regular';
  font-weight: 600;
  font-size: 24px;
  line-height: 32px;
  text-transform: uppercase;
  padding-left: 38px;
  margin-bottom: 10px;
  display: inline-block;
}
.how-work-contetn{ padding: 220px 0 0 30px;}
.who-work .number{width:70px; height:70px; font-size: 60px; position: absolute; font-weight:900; color:#fff; line-height: 60px;background:#006DB4;}
.who-work .benefits-box{width:100%; text-align: center; background:#006DB4; height:320px; border:solid 1px #006DB4;
position: relative; z-index: 999;}
.who-work .benefits-box:hover{border:none;}
.benefits-box .ww-img{display: none;}
.benefits-box:hover .ww-img{display: block;}
.who-work .benefits-box .one-col{opacity:1; color:#fff; padding: 30px; height:140px;}
.who-work .benefits-box:hover{background:transparent;}
.who-work .benefits-box:hover .one-col{
  transform: translateY(40px); height: 140px;
  background-color: transparent; opacity: 1;color:#242424; position: absolute; bottom:0px; background:#fff;  
}
.how-it-works-part span::before {
  content: "";
  position: absolute;
  width: 30px;
  height: 4px;
  background: #006DB4;
  bottom: 6px;
  left: 0;
}

.how-it-works-part h2 {
  color: #707070;
  font-family: 'Segoe UI Bold';
  font-weight: bold;
  font-size: 64px;
  line-height: 72px;
  width: 100%;
  margin-bottom: 19px;
}

.how-it-works-part p {
  color: #707070;
  width: 85%;
  margin-bottom: 32px;
  font-family: 'Segoe UI Regular';
  font-weight: normal;
  font-size: 18px;
  line-height: 24px;
}

.how-it-works-part img {
  width: 100%;
}

.how-it-works-part .btn {
  padding: 0.42rem 0rem 0.56rem;
}

.benefits-top-part {
  width: 100%;
  position: absolute;
  left: 0;
  right: 0;
  bottom: -122px;
  z-index: 9;
}
.benefits-box {width: 100%; text-align: center;display: inline-block; background-color: #FFFFFF;
  position: relative;-webkit-box-shadow: 0px 0px 5px 0px rgba(219,219,219,1);
-moz-box-shadow: 0px 0px 5px 0px rgba(219,219,219,1);
box-shadow: 0px 0px 5px 0px rgba(219,219,219,1);
}

.benefits-box strong {
  position: absolute;
  left: 0;
  top:10px;
  color: #C1C1C1;
  font-family: 'Segoe UI Bold';
  font-weight: bold;
  font-size: 120px;
  line-height: 161px; width: 100%; text-align: center;
}
.who-work{margin-top: 50px;}
.who-work:hover{border:solid 1px #f1f1f1; overflow: hidden;}
.who-work .benefits-box strong {
  position:relative;
  left: 0;
  top:20px;
  color: #C1C1C1;
  font-family: 'Segoe UI Bold';
  font-weight: bold;
  font-size: 120px;
  line-height: 161px;
  width: 100%;
  text-align: center;
}

.benefits-box .ww-img, .who-work .benefits-box:hover strong{opacity: 0; display: none;}
.benefits-box:hover .ww-img{opacity:1;}
.benefits-box h6 {
  position: absolute;
  left:0px;
  top:160px;
  color: #006db4;
  font-family: 'Segoe UI Bold';
  font-weight:500;
  font-size:18px;
  line-height:24px; width: 100%;
}
.benefits-main-part {
  width: 100%;
  position: relative;
  padding-top:40px; text-align: center;
  padding-bottom: 100px;
}

 

.benefits-main-part .row {
  margin-right: 0;
  margin-left: 0;
}

.benefits-main-part .col-md-5 {
  padding-left: 0;
  padding-right: 0;
}

.benefits-main-part .col-md-7 {
  padding-left: 0;
  padding-right: 0;
}

.benefits-img {
  position: relative;
}

.benefits-img img {
  width: 95%;
  max-width: 823px;
}

.benefits-top-img {
  position: absolute;
  right: -1px;
  top: 70px;
}

.benefits-top-img img {
  width: 93%;
  max-width: 582px;
}

.benefits-main-part span {
  width: 100%;
  position: relative;
  color: #B9B9B9;
  font-family: 'Segoe UI Regular';
  font-weight: 600;
  font-size: 24px;
  line-height: 32px;
  text-transform: uppercase;
  padding-left: 38px;
  margin-bottom: 10px;
  display: inline-block;
}

.benefits-main-part span::before {
  content: "";
  position: absolute;
  width: 30px;
  height: 4px;
  background: #006DB4;
  bottom: 6px;
  left:42%;
}
.padn-30{padding:0 18%;}
.border-box{border:solid 1px #006DB4; padding:30px;min-height: 240px; padding-bottom:0; text-align: center; position: relative; margin-top:80px; display: block;}
.benefit-icon{position:absolute; left: 50%;transition: transform 650ms; top: -32px; width: 70px; height: 70px; padding:10px; background:#ededed; border:solid 6px #fff; margin-left:-32px;}
.benefits-main-part h2 {
  color: #707070;
  width: 100%;
  font-family: 'Segoe UI Bold';
  font-weight: bold;
  font-size: 50px;
  line-height: 62px;
  margin-bottom: 19px;
}
.border-box h4{font-size: 22px;transition: transform 650ms; line-height: 30px; font-weight: bold; color:#006db4;padding: 0 10%;}
.benefits-main-part p {
  color: #707070;
  font-family: 'Segoe UI Regular';
  font-weight: normal;
  font-size: 18px;
  line-height: 24px;
  width: 100%;
  margin-bottom: 35px;
}
.border-box:hover h4, .border-box:hover .benefit-icon {
  transform: translateY(-16px); 
}
.benefits-main-part .p-lg-5 {
  padding: 13.3rem 17rem 0 10rem !important;
}

.benefits-right-part {
  width: 100%;
  display: inline-block;
}

.benefits-right-part ul {
  padding: 0;
  margin: 0;
  list-style-type: none;
}

.benefits-right-part ul li {
  width: 100%;
  display: inline-block;
  position: relative;
  margin-bottom: 50px;
}

.benefits-right-part ul li img {
  width: 92px;
  height: 92px;
  background-color: #EDEDED;
  padding: 14px;
  position: absolute;
}

.benefits-right-part ul li p strong {
  width: 100%;
  display: inline-block;
  color: #006DB4;
  margin-bottom: 15px;
  font-family: 'Segoe UI Bold';
  font-weight: bold;
  font-size: 22px;
  line-height: 30px;
}

.benefits-right-part ul li p {
  width: 100%;
  display: inline-block;
  margin: 0;
  padding-left: 115px;
  font-family: 'Segoe UI Regular';
  font-weight: normal;
  font-size: 16px;
  line-height: 24px;
}

.benefits-main-part .btn {
  padding: 0.42rem 2.2rem;
  text-transform: uppercase;
}

.about-part, .about-part2 {
  width: 100%;
  display: inline-block;
  position: relative;
  overflow: hidden; z-index: 9;
}
.about-part2{background:#F1F1F1; padding:80px 0; }
.mb30{margin-bottom:30px;}
.mb100{margin-top:100px;}
.about-img{overflow:hidden;transition: transform 650ms;}
.about-img:hover img{transform: scale(1.1);transition: 0.4s;}
.about-part .row {
  margin-right: 0;
  margin-left: 0;
}
.pt-60{padding-top: 60px;}
.about-part span {
  width: 100%;
  position: relative;
  color: #B9B9B9;
  font-family: 'Segoe UI Regular';
  font-weight: 600;
  font-size: 24px;
  line-height: 32px;
  text-transform: uppercase;
  padding-left: 38px;
  margin-bottom: 10px;
  display: inline-block;
}

.about-part span::before {
  content: "";
  position: absolute;
  width: 30px;
  height: 4px;
  background: #006DB4;
  bottom: 6px;
  left: 0;
}

.about-part h2 {
  color: #707070;
  font-family: 'Segoe UI Bold';
  font-weight: bold;
  font-size:50px;
  line-height:62px;
  width: 100%;
  margin-bottom: 19px;
}

.about-part p {
  color: #707070;
  font-family: 'Segoe UI Regular';
  font-weight: normal;
  font-size: 18px;
  line-height: 24px;
  width: 92%;
  margin-bottom: 32px;
}

.about-part .pl-lg-5 {
  padding-left: 14.5rem !important;
}

.about-part .btn {
  padding: 0.42rem 2.2rem 0.56rem;
  text-transform: uppercase;
}

.select-main-part {
  width: 100%;
  position: relative;
  padding-top: 0;
  padding-bottom: 78px;
}

.select-main-part .row {
  --bs-gutter-x: 1.5rem;
  --bs-gutter-y: 0;
  display: flex;
  flex-wrap: wrap;
  margin-top: calc(var(--bs-gutter-y) * -1);
  margin-right: calc(var(--bs-gutter-x) * -.5);
  margin-left: calc(var(--bs-gutter-x) * -.5);
}

.select-main-part span {
  width: 100%;
  position: relative;
  color: #B9B9B9;
  font-family: 'Segoe UI Regular';
  font-weight: 600;
  font-size: 24px;
  line-height: 32px;
  text-transform: uppercase;
  padding-left: 38px;
  margin-bottom: 10px;
  display: inline-block;
}

.select-main-part span::before {
  content: "";
  position: absolute;
  width: 30px;
  height: 4px;
  background: #006DB4;
  bottom: 6px;
  left: 0;
}

.select-main-part h2 {
  color: #707070;
  width: 55%;
  margin-bottom: 58px;
  font-family: 'Segoe UI Bold';
  font-weight: bold;
  font-size: 64px;
  line-height: 72px;
}

.basic-assessment-left-part {
  width: 100%;
  display: inline-block;
  background-color: #F2F2F2;
}

.basic-assessment-left-part h4 {
  width: 100%;
  display: inline-block;
  padding: 37px 0;
  margin: 0;
  background-color: #C1C1C1;
  text-transform: uppercase;
  text-align: center;
  color:#B9B9B9;
  font-family: 'Segoe UI Regular';
  font-weight: 600;
  font-size: 24px;
  line-height: 32px;
}

.basic-assessment-left-middle {
  width: 100%;
  display: inline-block;
  padding: 25px;
  text-align: center;
  position: relative;
  min-height: 345px;
}

.basic-assessment-left-middle p {
  width: 96%;
  display: inline-block;
  font-family: 'Segoe UI Regular';
  font-weight: normal;
  font-size: 18px;
  line-height: 24px;
  color: #707070;
  margin-bottom: 10px;
}

.basic-assessment-left-middle hr {
  width: 105px;
  border-bottom: 3px solid #006DB4;
  border-top: none;
  margin-top: 27px;
  margin-bottom: 17px;
}

.basic-assessment-left-middle .btn {
  padding: 0.42rem 3rem;
  max-width: 214px;
  width: auto;
  display: inline-block;
  text-transform: uppercase;
  position: absolute;
  left: 0;
  right: 0;
  margin: 0 auto;
  bottom: 25px;
}

.advanced-assessment-right h4 {
  background-color: #006DB4;
  color: #fff;
}

.contact-main-part {
  width: 100%;
  display: inline-block;
  position: relative;
}

.contact-main-part img {
  width: 100%;
}

.contact-middle-part {
  width: 100%;
  display: inline-block;
  position:relative;
  left: 0;
  right: 0; 
  z-index: 9;
}

 

.contact-box {
  background: #FFFFFF 0% 0% no-repeat padding-box;
  box-shadow: 0px 10px 20px #00000029;
  padding:37px 45px 48px 45px;
}

.contact-middle-part span {
  width: 100%;
  position: relative;
  color:#B9B9B9;
  font-family: 'Segoe UI Regular';
  font-weight: 600;
  font-size: 20px;
  line-height:22px;
  text-transform: uppercase;
  padding-left: 38px;
  margin-bottom: 25px;
  display: inline-block;
}
.pincode{width: 86px; margin-right:10px;}
.contact-middle-part span::before {
  content: "";
  position: absolute;
  width: 30px;
  height: 4px;
  background: #006DB4;
  bottom: 6px;
  left: 0;
}

.contact-middle-part h2 {
  color: #707070;
  width: 100%;
  margin-bottom: 28px;
  font-family: 'Segoe UI Bold';
  font-weight: bold;
  font-size:55px;
  line-height: 60px;
}

.contact-middle-part p {
  color: #707070;
  width: 80%;
  margin-bottom: 32px;
  font-family: 'Segoe UI Regular';
  font-weight: normal;
  font-size: 18px;
  line-height: 24px;
}

.contact-middle-part .btn {
  padding: 0.42rem 3rem;
  max-width: 100%;
  width: 100%;
  display: inline-block;
  text-transform: uppercase;
}

.footer-main-part {
  width: 100%;
  position: relative;
  padding-top:60px; padding-bottom: 40px;
}

.footer-main-part img {
  margin-bottom: 20px;
}

.footer-main-part p {
  width: 95%;
  display: inline-block;
  font-family: 'Segoe UI Regular';
  font-weight: normal;
  font-size: 18px;
  line-height: 24px;
  color: #707070;
  margin-bottom: 10px;
}

.footer-main-part h3 {
  width: 100%;
  color: #707070;
  margin-bottom: 10px;
  font-family: 'Segoe UI Bold';
  font-weight: bold;
  font-size: 24px;
  line-height: 32px;
}

.footer-main-part p a {
  color: #707070;
}

.footer-main-part .mt-lg-5, .my-lg-5 {
  margin-top: 5.15rem !important;
}

.call-sec img {
  margin-bottom: 0;
  margin-right: 14px;
}

.call-sec p {
  margin-bottom: 19px;
}

.call-sec p:last-child {
  margin-bottom: 0;
}

.footer-main-part ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

.footer-main-part ul li {
  width: 32px;
  height: 32px;
  border: 2px solid#B9B9B9;
  text-align: center;
  line-height: 23px;
  border-radius: 100%;
  display: inline-block;
  margin-right: 19px;
}

.footer-main-part ul li img {
  margin-bottom: 0;
  width: 16px;
  height: 14px;
}

.footer-main-part ul li:last-child {
  margin-right: 0;
}

.copy-right {
  width: 100%;
  display: inline-block;
  padding-top: 25px;
  padding-bottom: 25px;
  font-family: 'Segoe UI Regular';
  font-weight: normal;
  font-size: 18px;
  line-height: 24px;
  color: #707070;
}


/* =================================
    |   Login Css    |
==================================== */
.login-main { 
  padding-top: 80px;
}
.blue-bg{background:#006DB4 url(../img/login-bg.svg) 87% 40% no-repeat; width: 100%; padding: 80px 0; margin-top: 70px;}
 
.login-form-part {
  width: 100%;
  padding:0px 24px;
}

.login-form-part p {
  width: 60%;
}

.login-form-part form {
  width: 100%;
}

.login-form-part .col-md-6 {
  float: left;
}

.login-form-part .col-md-12 {
  float: left;
}

.login-form-part .col-md-3 {
  float: left;
}

.login-form-part .form-group {
  width: 100%;
  display: inline-block;
}

.login-form-part label {
  font-family: 'Segoe UI Regular';
  font-weight:500;
  line-height: 19px; font-size:18px;
  color:#808080; padding-bottom:10px;
}
.small-font label{font-size: 14px;}
.login-form-part .form-check-label {
  padding-top: 9px;
  padding-bottom:28px;
}
.otp-main {
  padding-bottom: 14px;
}
.iti{padding-bottom: 14px;}
.login-form-part a {
  font-family: 'Segoe UI Bold';
  font-weight: bold;
  line-height: 18px;
  line-height: 24px;
  color: #006DB4;
  text-decoration: underline;
  margin-left: 15px;
}

.form-control {
  font-family: 'Segoe UI Regular';
  font-weight: normal;
  font-size: 18px;
  line-height: 24px;
  letter-spacing: 0px;
  color: #c1c1c1;
  border: 1px solid #DCDCDC;
  border-radius: 4px; margin-bottom:20px;
}

/* =================================
    |   Tooltip Css    |
==================================== */
.wrapper {
  position: relative;
  text-align: center;
  width: 100%;
  cursor: help;
}

.wrapper .tooltip {
  background: #fff;
  top: 0.5rem;
  bottom: -5px;
  font-family: 'Segoe UI Regular';
  font-weight: normal;
  font-size: 17px;
  line-height: 22px;
  color: #707070;
  display: block;
  left: -19rem;
  padding: 14px;
  position: absolute;
  border-radius: 5px;
  -webkit-box-shadow: 2px 2px 6px rgb(0 0 0 / 28%);
  -moz-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
  -ms-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
  -o-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
  box-shadow: 2px 2px 6px rgb(0 0 0 / 28%);
  right: 0;
  min-width: 230px;
  height: auto;
  min-height: inherit;
  overflow-y: initial;
  display: inline-table;
  width: 100%;
}

.wrapper .tooltip:before {
  bottom: -20px;
  content: " ";
  display: block;
  height: 20px;
  left: 0;
  position: absolute;
  width: 100%;
}

.wrapper .tooltip:after {
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  border-left: 10px solid #fff;
  bottom: 0;
  content: " ";
  height: 0;
  top: 2.5rem;
  margin-left: -13px;
  position: absolute;
  width: 0;
  right: -9px;
}

.wrapper:hover .tooltip {
  opacity: 1;
  pointer-events: auto;
  -webkit-transform: translateY(0px);
  -moz-transform: translateY(0px);
  -ms-transform: translateY(0px);
  -o-transform: translateY(0px);
  transform: translateY(0px);
}

.lte8 .wrapper .tooltip {
  display: none;
}
.lte8 .wrapper:hover .tooltip {
  display: block;
}
.left-img-tab-part ul li.visionary .wrapper .tooltip {
  bottom: 0;
  left: -19rem;
  width: 100%;
  min-width: 295px;
  top: -24px;
}
.left-img-tab-part ul li.accelerator .wrapper .tooltip {
  left: -15.5rem;
  width: 115%;
  min-width: 230px;
  top: -0.5rem;
}
.left-img-tab-part ul li.investor .wrapper .tooltip {
  left: -10.5rem;
  width: 75%;
  min-width: 230px;
  top: 0.1rem;
}
.left-img-tab-part ul li.explorer .wrapper .tooltip {
  width: 54%;
  min-width: 230px;
  left: -6rem;
}
.left-img-tab-part ul li.beginner .wrapper .tooltip {
  width: 44%;
  min-width: 230px;
  left: -1.8rem;
  top: 0.7rem;
}
.one-col {
  transition: transform 650ms;
  position: relative;
  width: 100%;
  height: 220px;
  padding: 20px 0; 
  z-index: 99; text-align: center;
}

.one-col:hover {
  transform: translateY(-100px);
  background-color: transparent;
}

.hovering .one-col{transform: translateY(-100px); background-color: transparent;}
.hovering .benefits-box p{opacity:1;}


.hover2 .who-work .benefits-box strong{display: none;opacity: 0;}
.hover2 .benefits-box .ww-img { opacity: 1; display: block;}
.hover2 .who-work .benefits-box .one-col {
  transform: translateY(40px);
  height: 140px; 
  opacity: 1; padding: 10px;
  color: #242424;
  position: absolute;
  bottom: 0px;
  background: #fff;
}
.hover2 .who-work .benefits-box{
  background: transparent;border: none;
}
.hover2 .who-work {
  border: solid 1px #f1f1f1;
  overflow: hidden;
}
.benefits-box p {
  width:94%;
  margin: 0 auto;
  color: #9c9c9c;
  font-family: 'Segoe UI Regular';
  font-weight:400;
  font-size: 18px;
  line-height: 24px;
  position: relative;
  bottom: 20px;
  position: absolute;
  left: 0;
  right: 0; opacity: 0;
}
.shadow-box:hover .benefits-box p{opacity: 1;}

.one-col:hover .benefits-box p {
  opacity: 1;
  z-index: 99999;
}

.one-col:hover img {
  background-color: #006DB4;
}

.svg {
  width: 132px;
  height: 132px;
  background-color: #F1F1F1;
  padding: 20px;
}

.one-col:hover .svg {
  background-color: #006DB4;
}

.one-col:hover .svg path {
  fill: #fff;
}
 
/*Animations*/
[data-animate-in] {
  opacity: 0;
  transition: transform 0.8s ease, opacity 0.8s ease
}

[data-animate-in="up"] {
  transform: translate3d(0, 24px, 0)
}

[data-animate-in="left"] {
  transform: translate3d(-20%, 0, 0)
}

[data-animate-in="right"] {
  transform: translate3d(20%, 0, 0)
}

[data-animate-in="down"] {
  transform: translate3d(0, -24px, 0)
}

[data-animate-in="fadeIn"] {
  transform: translate3d(0, 0, 0)
}

[data-animate-in].in-view {
  opacity: 1;
  transform: translate3d(0, 0, 0);
  -webkit-transform: translate3d(0, 0, 0);
  transition: transform 0.6s ease, opacity 0.6s ease
}

.fade-in {
  opacity: 0;
  transition: opacity 1s ease
}

.page-loaded .fade-in, .page-loaded.fade-in {
  opacity: 1
}

.isSafari.isTouch [data-animate-in], .isSafari.isTouch [data-animate-in="up"] {
  opacity: 1;
  transition: none;
  transform: none
}

.comman-nav {
  margin-right: 18rem;
}

.comman-nav .nav-link {
  padding-right: 1.5rem !important;
  padding-left: 1.5rem !important;
}


section {
  min-height: 100%;
}

.viewport {
  overflow: hidden;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.scroll-container {
  position: absolute;
  overflow: hidden;
  z-index: 10;
  display: flex;
  justify-content: center;
  backface-visibility: hidden;
  transform-style: preserve-3d;
}

section {
  min-height: 100%;
}

.areyousure-model {
  max-width: 800px;
}

.areyousure-model .modal-header {
  padding: 30px;
  display: inline-block;
}

.areyousure-model h5 {
  width: auto;
  margin-bottom: 0;
  position: relative;
  color:#B9B9B9;
  font-family: 'Segoe UI Regular';
  font-weight: 600;
  font-size: 24px;
  line-height: 32px;
  text-transform: uppercase;
  padding-left: 38px;
  margin-bottom: 25px;
  display: inline-block;
}

.areyousure-model h5::before {
  content: "";
  position: absolute;
  width: 30px;
  height: 4px;
  background: #006DB4;
  bottom: 2px;
  left: 0;
}

.areyousure-main-part {
  width: 100%;
  display: inline-block;
}

.areyousure-main-part p {
  width: 100%;
  display: inline-block;
  font-family: 'Segoe UI Regular';
  margin-bottom: 30px;
  font-weight: normal;
  font-size: 18px;
  line-height: 24px;
  color:#B9B9B9;
}

.areyousure-main-part .btn {
  padding: 0.40rem 3.2rem 0.45rem;
  margin-right: 20px;
  display: inline-block;
  text-transform: uppercase;
  font-weight: bold;
  font-size: 18px;
  line-height: 24px;
}

.contact-us-part .btn {
  padding-left: 2rem;
  padding-right: 2rem;
}

.footer-main-part .fot-logo {
  display: flex;
  margin-bottom: 30px;
}

.footer-main-part .fot-logo li {
  width: 25%;
  padding-right: 60px;
  height: auto;
  border: none;
}

.footer-main-part .fot-logo li img {
  width: auto;
  height: auto;
  max-width: 100%;
}

.iti__country-list li span {
  font-size: 13px !important;
  width: 75%;
}

.iti__country-list li span::before {
  background: transparent !important;
}

.iti {
  width: 100%;
}

.iti__country-list li span {
  padding-left: 18px;
  margin-bottom: 0;
}

.iti__flag-container {
  font-family: 'Segoe UI Regular';
  font-weight: normal;
  font-size: 18px;
  line-height: 24px;
  letter-spacing: 0px;
  color:#B9B9B9;
  border: 1px solid #DCDCDC;
  height: 40px;
  border-radius: 4px;
  width: 100px;
}

.form-group .otp-input input {
  width: 60px;
  padding: 0;
  text-align: center;
  margin-right: 8px;
  border: 1px solid #DCDCDC;
  height: 40px;
  border-radius: 4px;
}

.main-menu {
  text-align: right;
  font-family: 'Segoe UI Regular';
  width: 99%;
  margin-top: -3px;
  display: block;
}

.main-menu li {
  padding-right: 30px;
  display: inline;
}

.main-menu li a {
  font-size: 18px;
  color:#B9B9B9;
  text-transform: uppercase;
  font-weight: bold;
}

.main-menu li a:hover, .main-menu li a.active {
  color: #006DB4;
  text-decoration: none;
}

.bg-gray {
  background: #f2f2f2;
}

header .row {
  width: 100%;
  margin-left: 0;
}

/* assessment page css */
.assessment-main {
  padding: 120px 0 60px;
  display: block;
  width: 100%;
}

.pad-top-60 {
  padding-top: 60px;
}

.white-shadow-box {
  width: 100%;
  text-align: center;
  display: inline-block;
  box-shadow: 0px 6px 20px #0000001a;
  background-color: #fff;
  border-radius: 4px;
  padding: 60px 30%;
  position: relative;
}

.white-shadow-box h2 {
  text-align: center;
  font-family: 'Segoe UI Bold' !important;
  font-weight: bold !important;
  font-size: 36px !important;
  line-height: 48px !important;
  letter-spacing: 0px;
  color: #006DB4;
  text-transform: inherit;
  margin: 0 auto;
  width: 100%;
}

.white-shadow-box hr {
  position: relative;
  border: none;
  margin-bottom: 2.1rem;
}

.white-shadow-box hr::before {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  margin: 0 auto;
  top: 0;
  bottom: 0;
  background-color: #006DB4;
  border: none;
  border-bottom: none;
  height: 8px;
  width: 62px;
  border-radius: 50px;
}

.btn-center .btn {
  width: 214px;
}

.bg-white {
  background: #fff;
}

.mt-10 {
  margin-top: -8px;
}

/* new css assessment section 06-04-2023 */
.assessment-main h1 {
  color:#B9B9B9;
  font-family: 'Segoe UI Bold';
  text-transform: uppercase;
  padding-bottom: 30px;
  font-size: 32px;
}

.pad-30 {
  padding: 20px 20px 20px 30px;
}

.high-300 {
  min-height: 540px;
}

.ass-left {
  text-align: left;
}

.ass-left h6 {
  font-size: 24px;
  color: #B9B9B9;
  position: relative;
  padding-left: 40px;
}

.ass-left h6:after {
  position: absolute;
  left: -8px;
  height: 4px;
  width: 30px;
  background: #006DB4;
  bottom: 0;
  content: '';
}

.main-page-link {
  position: relative;
}

.asl-list {
  position: relative;
  margin: 30px 0;
  width: 100%;
  padding: 0;
}

.asl-list:after {
  position: absolute;
  left: 12px;
  top: 10px;
  height: 90%;
  bottom: 10px;
  width: 4px;
  background: #EBEBEB;
  content: '';
}

.asl-list ul {
  list-style: none;
  padding: 0;
  margin-left: -10px;
  margin-top: -10px;
  width: 100%;
  position: relative;
  z-index: 99;
}

.asl-list ul li {
  width: 100%;
  display: block;
}

.asl-list ul li a {
  padding: 10px;
  background: transparent;
  font-family: 'Segoe UI Regular';
  width: 100%;
  display: flex;
  color:#B9B9B9;
}

.asl-list .number {
  width: 30px;
  height: 30px;
  text-align: center;
  line-height: 26px;
  border-radius: 30px;
  margin-right: 10px;
  background: #ebebeb;
  color:#B9B9B9;
  font-size: 16px;
  font-family: 'Segoe UI Bold';
}

.asl-list ul li a:hover, .asl-list ul li a.active {
  background: #f2f2f2;
  border-radius: 6px;
  font-weight: bold;
}

.asl-list ul li a:hover .number, .asl-list ul li a.active .number {
  background: #006db4;
  color: #fff;
}

.asl-list ol li a:hover, .asl-list ol li a.active {
  background: transparent;
  border-radius: 6px;
  font-weight: bold;
}

.bread-cumb {
  position: relative;
  width: 100%;
  margin-top: 5px;
  display: block;
  text-align: left;
}

.bread-cumb ul {
  list-style: none;
  padding: 0;
  margin: 0;
  width: 100%;
  display: block;
}

.bread-cumb ul li {
  float: left;
  color: #B9B9B9;
  position: relative;
  padding-right: 40px;
  font-size: 24px;
}

.bread-cumb ul li:after {
  background: url(../img/right-arrow.png) right top no-repeat;
  top: 12px;
  right: 8px;
  position: absolute;
  content: '';
  width: 16px;
  height: 16px;
}

.bread-cumb ul li:last-child:after {
  background: no-repeat;
}

.main-page-link a:after {
  position: absolute;
  left: 0px;
  height: 4px;
  width: 30px;
  background: #006DB4;
  bottom: 0;
  content: '';
}

.main-page-link a {
  padding-left: 40px;
  font-family: 'Segoe UI Bold';
  color: #006DB4;
}

.ass-right {
  width: 100%;
  display: block;
  padding: 20px 0 0 0;
  text-align: left;
  float: left;
}

.ass-right .iti input, .ass-right .iti input[type="text"], .ass-right .iti input[type="tel"] {
  width: 60%;
  border-radius: 4px;
}

select.form-control {
  background: url(../img/down-arrow.png) 96% 10px no-repeat;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

.top-border {
  border-top: solid 1px #e0e0e0;
  margin-top: 20px;
  padding-top: 20px;
  width: 100%;
  display: block;
}

.sucess {
  position: relative;
}

.company-profile label {
  min-height: 50px;
}

.sucess::after {
  position: absolute;
  background: #006db4 url(../img/tick-mark.svg) center center no-repeat;
  width: 16px;
  height: 16px;
  border-radius: 6px;
  font-family: 'Segoe UI Bold';
  color: #fff;
  content: '';
  top: 10px;
  left: 10px;
  width: 30px;
  height: 30px;
  border-radius: 30px;
}

.table thead th, .table td, .table th {
  border: none;
  align-items: center;
  padding-left: 0;
}

[type="radio"]:checked,
[type="radio"]:not(:checked) {
  position: absolute;
  left: -9999px;
}

[type="radio"]:checked+label,
[type="radio"]:not(:checked)+label {
  position: relative;
  padding-left: 28px;
  cursor: pointer;
  line-height: 20px;
  display: inline-block;
  color: #666;
}

[type="radio"]:checked+label:before,
[type="radio"]:not(:checked)+label:before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 18px;
  height: 18px;
  border: 1px solid#B9B9B9;
  border-radius: 100%;
  background: #fff;
}

[type="radio"]:checked+label:after,
[type="radio"]:not(:checked)+label:after {
  content: '';
  width: 12px;
  height: 12px;
  background: #006db4;
  position: absolute;
  top: 3px;
  left: 3px;
  border-radius: 100%;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}

[type="radio"]:checked+label:before {
  border: 1px solid #006db4;
}

[type="radio"]:not(:checked)+label:after {
  opacity: 0;
  -webkit-transform: scale(0);
  transform: scale(0);
}

[type="radio"]:checked+label:after {
  opacity: 1;
  -webkit-transform: scale(1);
  transform: scale(1);
}

.pad-23 {
  padding-left: 23%;
  padding-right: 23%;
}

.pad-14 {
  padding-left: 14%;
  padding-right: 14%;
}

.pad-23 img {
  padding-left: 12%;
  padding-right: 12%;
}

.pad-14 img {
  padding-left: 18%;
  padding-right: 18%;
}

.width40 .number {
  width: 40px;
}

.bg-transparant {
  background: transparent !important;
}

.ass-right h3 {
  color: #006DB4;
  font-size: 32px;
  font-family: 'Segoe UI Bold';
}

.ass-right ul {
  list-style: none;
  padding: 30px 0;
}

.ass-right ul li {
  padding-bottom: 15px;
}

.right-count {
  position: absolute;
  right: 20px;
  top: 20px;
  color: #B9B9B9;
  font-size: 22px;
}

.modal-backdrop.show {
  opacity: 0.5;
  z-index: 9999;
}

.modal-open .modal {
  z-index: 999999;
}

.modal-dialog {
  max-width: 800px;
}

.modal .btn {
  width: 240px;
}

.modal-header .close {
  position: absolute;
  right: 20px;
  top: 20px;
}

.modal h4 {
  font-size: 24px;
  text-transform: uppercase;
  color:#B9B9B9;
  font-weight: bold;
  position: relative;
  padding-left: 40px;
}

.modal h4:after {
  position: absolute;
  left: -8px;
  height: 4px;
  width: 30px;
  background: #006DB4;
  bottom: 0;
  content: '';
}

.modal-header {
  border: none;
}

.modal-content {
  padding: 10px 30px 20px 30px;
}

.modal p {
  padding-bottom: 20px;
}

.wid240 {
  width: 240px !important;
}

.mb-40 {
  margin-bottom: 40px;
}

.blue-text {
  color: #006DB4;
  font-weight: bold;
}

.gray-bg {
  background: transparent;
  padding: 0px;
  border-radius: 0px;
  display: inline-block;
}

.gray-bg img {
  width: 200px;
}

.table-hover td {
  vertical-align: middle;
}

.table-hover tbody tr:hover {
  background: transparent;
}

.table-hover {
  margin-bottom: 0;
}

.table-hover h4 {
  font-size: 30px;
  color: #006DB4;
  font-family: 'Segoe UI Bold';
}

.assessment-main h1::after {
  position: absolute;
  left: -8px;
  height: 4px;
  width: 30px;
  background: #006DB4;
  bottom: 0;
  content: '';
}

.assessment-main h1 {
  position: relative;
  font-size: 32px;
  margin-left: 10px;
  margin-bottom: 30px;
  padding-left: 23px;
  font-family: 'Segoe UI Bold';
  color:#B9B9B9;
  padding-bottom: 0;
}

.gray-bg-full {
  background: #F2F2F2;
  border-radius: 6px;
  padding: 15px;
  margin-bottom: 30px;
  position: relative;
  width: 100%;
}

.pl-20 {
  padding-left: 20px;
}

.pl-20 h6 {
  margin-left: 10px;
  margin-bottom: 20px;
}

.gray-bg-full h5 {
  font-size: 30px;
  color: #006DB4;
  font-family: 'Segoe UI Bold';
}

.gray-bg-full:after {
  background: url(../img/bottom-arrow.png) left top no-repeat;
  width: 20px;
  height: 17px;
  left: 10%;
  bottom: -17px;
  content: '';
  position: absolute;
}

.progress-new {
  position: relative;
  width: 100%;
  height: 2px;
  background: #C1C1C1;
  overflow: inherit;
  margin-top: 15px;
  margin-bottom: 20px;
}

.progress-new:after {
  background: #006DB4;
  height: 8px;
  content: '';
  position: absolute;
  left: 0;
  width: 50%;
  border-radius: 6px;
  top: -3px;
}

.progress-new:before {
  background: url(../img/top-arrow.png) left top no-repeat;
  width: 20px;
  height: 17px;
  left: 30%;
  bottom: -23px;
  content: '';
  position: absolute;
}

/* =================================
    |   Progress bar CSS    |
==================================== */
.progress-box {
  width: 85%;
}

.progress {
  position: relative;
  height: 2px;
  overflow: visible;
  border-radius: 0;
}

.progress-bar {
  position: absolute;
  display: block;
  height: 7px !important;
  border-radius: 10px;
  background-color: #006DB4;
  top: -3px;
  left: 0;
  height: 100%;
  width: 0;
  color: inherit;
  transition: width 1.8s linear;
}

.progress-sec {
  position: relative;
  vertical-align: top !important;
}

.progress-sec p {
  position: absolute;
  top: 2.5rem;
  width: 100%;
}

.progress *:not([data-progress]) {
  margin: 5px 0;
  font-size: 14px;
}

.progress {
  width: 100%;
  max-width: 500px;
  padding: 0;
  box-sizing: border-box;
  background-color: transparent;
  height: auto;
  padding-right: 30px;
}

.progress [data-progress] {
  height: 15px;
  border-bottom: 2px solid #C1C1C1;
  border-radius: 2px;
  margin: 5px 0 0 0;
  overflow: hidden;
  width: 80%;
}

[data-progress]::after {
  content: "";
  display: flex;
  justify-content: flex-end;
  align-items: center;
  background-image: linear-gradient(#006DB4, #006DB4 50%, #006DB4 50%);
  border-radius: 10px;
  width: 0;
  height: 100%;
  box-sizing: border-box;
  padding: 0 3px;
  transition: 2s;
  height: 8px;
  position: absolute;
  top: 15px;
  z-index: 999;
  font-size: 0;
}

[data-progress].animate-progress::after {
  content: attr(data-progress) "%";
  width: var(--animate-progress);
}

.progress-bar2 {
  padding-top: 24px;
}

.progress-bar2 p {
  padding-top: 10px;
}

.gray-bg2 {
  background: #F2F2F2;
  padding: 10px;
  border-radius: 6px;
  display: inline-block;
}

.gray-bg2 img {
  margin-left: 0;
  width: 76px;
}

.btn-absulet {
  position: absolute;
  right: 20px;
  top: 15px;

}

/* page report */
.report-listing h5 {
  color: #006DB4;
  font-size: 24px;
  padding-bottom: 10px;
}

.report-listing ul {
  padding-left: 0;
  list-style: none;
}

.report-listing ul li {
  position: relative;
  padding-left: 20px;
  padding-bottom: 16px;
  color:#B9B9B9;
}

.report-listing ul li:after {
  content: '';
  position: absolute;
  background: #006DB4;
  width: 11px;
  height: 11px;
  border-radius: 100%;
  left: 0;
  top: 8px;
}

.mb-40 {
  margin-bottom: 40px;
}

.pos-reletive {
  position: relative;
}

.pos-reletive .btn {
  width: auto;
  padding-left: 30px;
  padding-right: 30px;
  top: 0px;
}

.align-left {
  text-align: left;
}

.right-msgbox {
  background: #f2f2f2;
  position: relative;
  width: 100%;
  border-radius: 4px;
  padding: 15px 30px;
  text-align: left;
  margin-top: 10px;
}

.right-msgbox:after {
  content: '';
  position: absolute;
  background: url(../img/left-arrow.png) left top no-repeat;
  width: 14px;
  height: 40px;
  left: -14px;
  top: 25%;
}

.maturity-list-new {
  width: 100%;
  display: block;
  padding: 30px 0 0 0;
}

.maturity-list-new ul {
  list-style: none;
  padding: 0;
  width: 100%;
  display: block;
}

.maturity-list-new ul li {
  width: 48%;
  display: block;
  padding: 0;
  margin: 0 1%;
  margin-bottom: 10px;
  float: left;
  border-bottom: solid 1px #C1C1C1;
}

.maturity-list-new table tr td {
  padding: 0;
}

.maturity-list-new .progress-bar2 p {
  margin-bottom: 0;
}

.maturity-list-new ul li.border-none {
  border: none;
}

.is-disabled {
  background: #f2f2f2;
}

.table {
  color:#B9B9B9;
}

.pl-100 {
  padding-left: 134px;
}

.white-shadow-box .ass-left img {
  width: 70% !important;
}

.progress-bar2 .progress [data-progress] {
  width: 100%;
}

.progress-bar2 .progress {
  padding-right: 0;
}

/* #Navigation
================================================== */

.navbar {
  padding: 0;
}

.navbar-toggler {
  float: right;
  border: none;
  padding-right: 0;
}

.navbar-toggler:active,
.navbar-toggler:focus {
  outline: none;
}

.navbar-light .navbar-toggler-icon {
  width: 24px;
  height: 17px;
  background-image: none;
  position: relative;
  border-bottom: 1px solid #000;
  transition: all 300ms linear;
}

.navbar-light .navbar-toggler-icon:after,
.navbar-light .navbar-toggler-icon:before {
  width: 24px;
  position: absolute;
  height: 1px;
  background-color: #000;
  top: 0;
  left: 0;
  content: '';
  z-index: 2;
  transition: all 300ms linear;
}

.navbar-light .navbar-toggler-icon:after {
  top: 8px;
}

.navbar-toggler[aria-expanded="true"] .navbar-toggler-icon:after {
  transform: rotate(45deg);
}

.navbar-toggler[aria-expanded="true"] .navbar-toggler-icon:before {
  transform: translateY(8px) rotate(-45deg);
}

.navbar-toggler[aria-expanded="true"] .navbar-toggler-icon {
  border-color: transparent;
}

.nav-link {
  color: #212121 !important;
  font-weight: 500;
  transition: all 200ms linear;
}

.nav-item:hover .nav-link {
  color: #8167a9 !important;
}

.nav-item.active .nav-link {
  color: #777 !important;
}

.nav-link {
  position: relative;
  padding: 5px 0 !important;
  display: inline-block;
}

.nav-item:after {
  position: absolute;
  bottom: -5px;
  left: 0;
  width: 100%;
  height: 2px;
  content: '';
  background-color: #8167a9;
  opacity: 0;
  transition: all 200ms linear;
}

.nav-item:hover:after {
  bottom: 0;
  opacity: 1;
}

.nav-item.active:hover:after {
  opacity: 0;
}

.nav-item {
  position: relative;
  transition: all 200ms linear;
}

.text-right {
  float: right;
}

@media (max-width:1120px) {
  .dashboard-middle-part {
    padding-left: 3rem !important;
  }

  .responsive-table {
    overflow: hidden;
    overflow-x: scroll;
    width: 100%;
    position: relative;
    padding-bottom: 15px;
  }

  .page-user, .ass-right {
    position: relative;
  }

  .page-user:after, .ass-right:after, .ass-right form:after, .tab-content>.active:after {
    background: url(../img/scroll.png) right bottom no-repeat;
    position: absolute;
    right: -10px;
    bottom: -14px;
    width: 24px;
    height: 24px;
    content: '';
    opacity: 0.5
  }

  .scroll-iocn-none form:after {
    background: none !important
  }

  .ass-right form:after {
    right: -15px;
    bottom: 0px;
  }

  .ass-right .iti input, .ass-right .iti input[type="text"], .ass-right .iti input[type="tel"] {
    width: 66%;
    border-radius: 4px;
  }

  .high-300 .ass-right:after {
    background: none;
  }

  .responsive-table table {
    width: 1100px;
    overflow-x: scroll;
  }

  .ass-right form table {
    width: 900px;
  }

  .bread-cumb.top-list ul li {
    font-size: 20px !important;
  }

  .bread-cumb.top-list ul li::after {
    top: 10px;
  }

  .bread-cumb.top-list {
    margin-left: 20px;
    margin-bottom: 30px;
    margin-top: 20px;
  }

  .gray-bg-full h5 {
    font-size: 24px;
  }

  .pad-30 {
    padding: 10px 10px 10px 20px;
  }

  .width40 .number {
    width: 30px;
    height: auto;
  }

  .bread-cumb ul li {
    font-size: 16px;
  }

  .bread-cumb ul li::after {
    top: 5px;
  }

  .ass-right h3 {
    font-size: 24px;
  }

  .header-main-part .btn {
    width: auto;
    padding-right: 20px;
    padding-left: 20px;
  }

  .main-menu {
    width: 96%;
    padding: 0;
  }

  .main-menu li {
    padding-right: 0;
    padding-left: 16px;
  }

  .main-menu li a {
    font-size: 16px;
  }

  .about-main-part #page-one, .how-it-works-part #page-two {
    padding-top: 0;
  }

  .about-main-part .pl-lg-5 {
    padding-left: 5.4rem !important;
  }

  .btn, .about-part .btn {
    width: auto;
    padding-left: 14px;
    padding-right: 14px;
  }

  .about-part .vertical-center {
    width: 100% !important
  }

  .white-shadow-box {
    padding: 20px 20%;
  }

  .dashboard-sec.white-shadow-box {
    padding: 20px;
  }

  .white-shadow-box .ass-left img {
    width: 240px !important;
  }

  .pl-100 {
    padding-left: 0;
  }

  .sucess::after {
    left: 0px;
  }

  .asl-list ul li a {
    padding-left: 0;
  }

  .asl-list .number, .asl-list ul li a {
    display: inline-block;
  }

  .ass-right form .col-md-4 {
    -ms-flex: 0 0 50% !important;
    flex: 0 0 50% !important;
    max-width: 50% !important;
  }
}


@media (max-width: 991px) {
  .contact-main-part .btn-absulet {
    position: absolute;
    left: auto;
  }

  .dashboard-sec .btn-absulet {
    position: absolute;
    left: auto;
    margin-top: 0px;
    margin-bottom: 0px;
  }

  .gray-bg-full h5 {
    font-size: 20px;
  }

  .gray-bg-full h5.text-right {
    font-size: 20px;
    position: absolute;
    right: 20px;
  }

  .img-full img, .gray-bg2 img {
    max-width: 100%;
  }

  .gray-bg2 {
    width: 70px;
  }

  .assessment-main .col-lg-4.col-md-4.col-sm-5.col-xs-12 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    margin-bottom: 40px;
  }

  .assessment-main .col-lg-8.col-md-8.col-sm-7.col-xs-12 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }

  .high-300 {
    min-height: auto;
  }

  .width40 .number {
    width: 30px;
  }

  .customers-tab ul li {
    width: 31.333%;
    font-size: 16px;
  }

  .asl-list ul li a {
    font-size: 14px;
    padding: 10px 0
  }

  .sucess::after {
    left: 0;
  }

  .ass-right form .col-md-4 {
    -ms-flex: 0 0 100% !important;
    flex: 0 0 100% !important;
    max-width: 100% !important;
  }
}

@media (max-width: 767px) {
  .navbar-toggler {
    padding: 5px 6px 0 10px;
    margin-top: -10px;
    margin-right: 110px;
  }

  .navbar .mr-20 {
    margin-right: 80px;
    width: auto;
  }

  .navbar-dark .navbar-toggler {
    top: 1.55rem;
    margin-top: -1px;
  }

  .btn-lg-prim {
    padding-left: 20px !important;
    padding-right: 20px !important;
  }

  .border-left::before {
    left: 2px;
  }

  .marl-30 {
    margin-left: 10px;
  }
}

@media (max-width: 640px) {
  .navbar-dark .navbar-toggler-icon {
    background-size: 24px;
  }

  .bread-cumb.top-list {
    margin-bottom: 20px;
  }

  .responsive-table {
    overflow: hidden;
    overflow-x: scroll;
    width: 100%;
  }

  .responsive-table table {
    width: 1080px;
    overflow-x: scroll;
  }

  .gray-bg-full h5.text-right {
    font-size: 20px;
    position: relative;
    right: 0;
    float: left;
  }

  .modal-content {
    padding: 10px;
  }

  .img-full img {
    margin-bottom: 30px;
  }

  .maturity-list-new ul li {
    width: 100%;
  }

  .ass-right .iti input, .ass-right .iti input[type="text"], .ass-right .iti input[type="tel"] {
    width: 81%;
  }

  .asl-list::after {
    left: 2px;
  }

  .assessment-main .col-lg-4.col-md-4.col-sm-5.col-xs-12 .dashboard-sec {
    margin-bottom: 0;
  }

  .dashboard-main-part .col-lg-2.col-xs-4 {
    flex: 0 0 100%;
    max-width: 100%;
  }

  .modal-body .iti input, .modal-body .iti input[type="text"], .modal-body .iti input[type="tel"] {
    width: 67%;
  }
}

@media (max-width: 575px) {
  .dashboard-main-part .user-name {
    display: block !important;
  }

  .ipadi-left tr th:first-child {
    padding-left: 55px !important;
  }

  .width40 .number {
    width: 30px;
  }

  .ass-right h3 {
    font-size: 24px;
  }

  .high-300 {
    min-height: auto;
    margin-bottom: 30px;
  }

  .btn {
    padding-left: 10px;
    padding-right: 10px;
    width: auto;
  }

  .wid-50, .company-profile {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }

  .company-profile label {
    min-height: 10px;
  }

  .dashboard-sec-top .col-md-3 {
    flex: 0 0 50%;
    ax-width: 50%;
    margin-bottom: 1.1rem !important;
  }

  .customers-tab {
    padding-left: 0px;
    padding-right: 0px;
  }

  .customers-tab ul li {
    width: 100%;
  }

  .mt-40 {
    margin-top: 10px;
  }

  .form-group .otp-input input {
    width: 44px;
  }

  .contact-main-part .btn-absulet {
    position: relative;
    left: 0px;
    margin-top: 0;
    margin-bottom: 40px;
  }
}

@media (max-width: 480px) {
  .bread-cumb.top-list ul li {
    font-size: 14px !important;
  }

  .bread-cumb.top-list ul li::after {
    top: 4px;
  }

  .bread-cumb ul li {
    padding-right: 30px;
  }

  .contact-main-part .btn-absulet {
    left: 6px;
    margin-top: -10px;
  }

  .white-shadow-box .btn-absulet {
    position: relative;
    left: 0;
    margin-top: 0;
  }

  .header-main-part .btn {
    position: absolute;
    right: 0;
    top: 20px;
  }
}

@media (max-width: 320px) {}

.mart-20 {
  margin-top: 20px;
}

.marr-20 {
  margin-right: 20px;
}

.ipad-title {
  padding-top: 10px;
}

.i-color {
  font-family: 'Segoe UI Regular';
  font-weight: normal;
  font-size: 18px;  
  color: #c1c1c1;
  
}
.drop-in {
 animation: drop-in 1s ease 200ms backwards;visibility: visible; -webkit-animation-delay: 0.10s; -moz-animation-delay: 0.10s; animation-delay: 0.10s;
}

.drop-in-2 {
 animation: drop-in 1200ms ease 500ms backwards;visibility: visible; -webkit-animation-delay: 0.20s; -moz-animation-delay: 0.20s; animation-delay: 0.20s;
}

.drop-in-3 {
 animation: drop-in 2200ms ease 1000ms backwards;visibility: visible; -webkit-animation-delay: 0.30s; -moz-animation-delay: 0.30s; animation-delay: 0.30s;
}

.drop-in-4 {
 animation: drop-in 3200ms ease 1500ms backwards;visibility: visible; -webkit-animation-delay: 0.40s; -moz-animation-delay: 0.40s; animation-delay: 0.40s;
}

.drop-in-5 {
 animation: drop-in 4200ms ease 2000ms backwards;visibility: visible; -webkit-animation-delay: 0.50s; -moz-animation-delay: 0.50s; animation-delay: 0.50s;
}

@keyframes drop-in {
 from {
  opacity: 0;
  transform: translateX(-300px);
 }
 to {
  opacity: 1;
  transform: translate(0px);
 }
}

.drop-ina {
 animation: drop-in 1s ease 200ms backwards;
}

.drop-ina-2 {
 animation: drop-in 1200ms ease 500ms backwards;
}

.drop-ina-3 {
 animation: drop-in 2200ms ease 1000ms backwards;
}
 

@keyframes drop-ina {
 from {
  opacity: 0;
  transform: translateY(-100px);
 }
 to {
  opacity: 1;
  transform: translate(0px);
 }
}

.paymentstatus {
  border:dashed 2px #ff0000;
  border-radius: 8px;
  margin-bottom: 40px;
  text-align: center;
  font-weight: bold;
  padding: 20px; 
}
.paymentstatus h2{color:#ff0000;}
.paymentsucess {
  border:dashed 2px #4fa700;
  border-radius: 8px;
  margin-bottom: 40px;
  text-align: center;
  font-weight: bold;
  padding: 20px; 
}
.paymentsucess h2{color:#4fa700;}
.paymentcancel {
  border:dashed 2px #ffc300;
  border-radius: 8px;
  margin-bottom: 40px;
  text-align: center;
  font-weight: bold;
  padding: 20px; 
}
.paymentcancel h2{color:#000;}

.i-color {
  font-family: 'Segoe UI Regular';
  font-weight: normal;
  font-size: 18px;  
  color: #c1c1c1;
  
}
.color-i{
  color:#808080;
}