/* style sheet start here */

/* style
primary-color:#7438B8
secondary-color:#FFF651
text-color:#18212F
support-heading:#865B05
light-text:#666666
footer-clr:#24004C

heading font family {font-family: "Space Grotesk", sans-serif;font-optical-sizing: auto;font-weight: 700;font-style: normal;}

body font family {font-family: "Rethink Sans", sans-serif;font-optical-sizing: auto;font-weight: 400;font-style: normal;}
*/

h1,h2,h3,h4,h5,h6,.h7,.h8,.h9,span {font-family: "Space Grotesk", sans-serif;font-optical-sizing: auto;font-weight: 700;font-style: normal;}
h1{ font-size:48px !important }
h2{ font-size:42px !important }
h3{ font-size:36px !important }
h4{ font-size:30px !important }
h5{ font-size:24px !important }
h6{ font-size:18px !important }
.h7{ font-size:16px !important }
.h8{ font-size:14px !important }
.h9{ font-size:12px !important }
a,p,b,table,input,strong,ul,li,label,tl,td,tr,th,thead {font-family: "Rethink Sans", sans-serif;font-optical-sizing: auto;font-weight: 200;font-style: normal;}
.b1{font-size:24px !important }
.b2{font-size:22px !important }
.b3{font-size:20px !important }
.b4{font-size:18px !important }
.b5{font-size:16px !important }
.b6{font-size:14px !important }
.b7{font-size:12px !important }
.b8{font-size:10px !important }

.py-50{padding:50px 0px;}
.py-60{padding:60px 0px;}
.py-70{padding:70px 0px;}
.py-80{padding:80px 0px;}
.py-90{padding:90px 0px;}
.py-100{padding:100px 0px;}

.px-50{padding:0px 50px;}
.px-60{padding:0px 60px;}
.px-70{padding:0px 70px;}
.px-80{padding:0px 80;}
.px-90{padding:0px 90px;}
.px-100{padding:0px 100px;}
.pt-60{padding-top: 60px !important;}
.pb-60{padding-bottom: 60px !important;}

.my-50{margin:50px 0px;}
.my-60{margin:60px 0px;}
.my-70{margin:70px 0px;}
.my-80{margin:80px 0px;}
.my-90{margin:90px 0px;}
.my-100{margin:100px 0px;}

.mx-50{margin:0px 50px;}
.mx-60{margin:0px 60px;}
.mx-70{margin:0px 70px;}
.mx-80{margin:0px 80;}
.mx-90{margin:0px 90px;}
.mx-100{margin:0px 100px;}
.mt-60{margin:60px 0px 0px 0px;}
.mt-100{margin-top:100px 0px 0px}

.primary-color{color:#7438B8}
.secondary-color{color:#FFF651}
.text-color{color:#18212F}
.support-heading-color{color:#865B05}
.light-text{color:#666666}
.main-heading-support-color {color:#767004}
.primary-bg-color{background-color:#7438B8}
p{color:#666666}
.success-color{color:#086D10}
.success-bg-color{background-color:#086D10 ;}
.primary-bg{background-color:#451E6E}
.light-blue{background-color: #D6D9FE;}
.light-green{background-color: #CEE2CF;}
.light-orange{background-color: #FCEBD7;}
.light-primary{background-color: #D5C3EA}
.link-blue-clr{color:#3243F8}
.orange-color{color:#B26A04}
.bg-primary-light{background-color: #F8F5FB;}
.bg-light-danger{background-color: #FFD0D1;}
.orange-color-bg{background-color:#B26A04}
.orange-text{color:#B26A04}
.primary-btn {background-color: #7438B8 !important; color: #fff !important;padding:5px 20px !important;border-color: #7438B8 !important;border-radius: 8px !important;}
.primary-btn a:hover {color:#000 !important;}
.primary-btn:hover {background-color: #FFF651 !important;color:#000 !important;border:1px solid #FFF651 !important;border-radius: 8px !important;}
.secondary-btn{color: #7438b8 !important;border-color: #7438B8 !important;padding:5px 20px !important;border-radius: 8px !important;color:#7438B8 !important;}
.secondary-btn a:hover {color:#fff !important}
.secondary-btn:hover{background-color: #7438b8 !important;color: #fff !important;border-radius: 8px !important;}
.border-btn{border: 1px solid #7438b8 !important;}
.border-btn:hover{background-color: #7438B8 !important;}
.border-btn a:hover{color: #ffffff !important;}
.about-section{margin-top: 60px !important;}
/* style sheet end here */
/* home page start here */
/* top nav section start  */
.active {color:#7438B8 !important;}
.nav-menu ul li a {color:#18212F}
.home-bg:hover{background-color: #fff;}
.top-nav-menu ul li a:hover {color:#7438B8}
.circle {font-size: 10px;position: relative; bottom: 4px;margin-right: 5px;}
.top-nav-menu ul li a span {text-decoration: none;}
* {padding-top:0px !important}
.banner-section{background-image: url('../images/banner-img.png');}
.banner-heading {font-size: 50px;}
.get-start{width:30%;}
.watch-button{width:300px;}
.watch-btn {border:0px !important;}
.banner-content {margin-bottom: 100px;}
.banner-image{position: relative;right: 125px;top: 90px;}

.about-img1{margin-top: 150px !important ;}
.about-content{margin-top: 90px !important;}

.feature-section{background-color: #F8F5FB;}
.feature-white-box{border-radius: 10px; margin-top: 80px;}
.feature-logo{width:25% !important; border-radius: 10px; margin-top: -70px;}
.features-para{margin-bottom: 50px;}
.features-para1{ margin-bottom: 85px;}

.how-it-works-section{background-image: url('../images/bg-img.png');background-repeat: no-repeat;}
.how-it-works-number{margin-right: 20px;}
.number-box{margin-bottom: 34px;}
.count-number{margin-top: 100px !important;}
.dotted-line-1{ height:250px;border-left:dashed 1px #7438B8;margin-left: 23px;}
.number-row{ margin-top: -250px !important;}


.from-whom-section{background-image: url('../images/bg-img2.png');}
.circle-company{ font-size: 12px; margin-right: 20px;position: relative;bottom:4px;color:#18212F ;}

.dotted-line{border-left: 1px dashed #000;position: relative;left: 150px;height:150px;}
.dashboard-design{background-color: #F7F0FF; border-radius: 10px;box-shadow: 0px 0px 18px 0px #7438b8;transition: all 0.3s}
.dashboard-design:hover{transform: scale(1.05);}
.yellow-dashboard{background-color: #FFFEEF;box-shadow: 0px 0px 18px 0px #fff651;}
.hr-yellow-dashboard {margin-top:100px !important;}

.why-skilleval-section{background-image: url('../images/bg-img2.png');}
.why-skilleval-ai-box-1:hover{border-radius: 10px;box-shadow: 0px 0px 34px -21px #8a38f5;
 }
 .why-skilleval-ai-box-1{box-shadow: 0px 0px 34px -21px #969696;
 }

.plan-section-box-1:hover{border-radius:10px;box-shadow: 0px 0px 18px 0px #7438b8;
 transform: scale(1.05);}
 .plan-img{width:100%;}
 .circle-plan{font-size: 10px;position: relative;bottom:2px;margin-right: 10px;}
.plan-section-box-1{border: 1px solid #e1e1e1; border-radius:10px; transition: all 0.3s;}

.testimonial-star{font-size: 24px;color: #EFBF04;}
.testi-name{color:#3243F8}

.carousel {overflow-x: auto;display:flex ; }
.testimonial-box{margin-right:20px !important; }
.carousel::-webkit-scrollbar {display: none;}
.scroll-container:hover .scroll-track {
  animation-play-state: paused;
}

.get-start-btn a {padding:5px 37px !important;}

.evaluate{background-color: #F8F5FB;}

.line-border{border-bottom: 1px solid #e1e1e1;width:400px;}
.links ul li a {text-decoration: none;color:#fff; font-size: 20px;}
.links ul li {margin-bottom: 10px;}
.bottom-to-top .fas {display: none;}
/* top nav section end  */
/* home page end here */

/* select role sign in screen start here */

.media-icons ul li a { color:#fff;margin-right: 15px;position: relative;top:5px; }

.bread-crumb li {color:#7438B8 !important; font-size:14px; display: flex; align-items: center;}
.breadcrumb-bg {background-color: #F1EBF8;border-radius:8px; }

.employee{box-shadow: 0px 0px 18px 0px #e1e1e1;margin-right:80px;border-radius: 8px;transition: all 0.3s;}
.employee-1{box-shadow: 0px 0px 18px 0px #e1e1e1;margin-right:80px;border-radius: 8px;transition: all 0.3s;}
.employee:hover{border-radius:10px;box-shadow: 0px 0px 18px 0px #7438b8;transform: scale(1.05);}
.employee-1:hover{border-radius:10px;box-shadow: 0px 0px 18px 0px #FFF651;transform: scale(1.05);}
.main-select{margin-bottom: 60px !important;}

.mail-send{background-color:#7438B8 !important;}
.input-mail{width:350px !important;border-bottom:1px solid #e1e1e1;}
.email-box input::placeholder {
  color: #d6c6e8;
} 
/* select role sign in screen end here */

/* admin sign in section start here */

.admin-signin{background-image:url("../images/bg-signin.png");background-position: right; background-repeat: no-repeat;}
.admin-image{height:900px;position: relative; bottom: -18px !important;}
.admin-welcome{margin-top:  100px !important;}
.signin-img{position: relative; right:80px;}
.email-lable{position:relative;right:110px;  background-color: #fff;top:21px;}
.input-lable{width:400px;}
.input-lable input {padding:10px 10px;}
.email-password {position:relative;right:132px;  background-color: #fff;top:21px;}
.eye-icon{position: relative;top: -35px;left: 170px;}
.reset-para{position: relative; bottom:15px !important;}
.sign-btn{width: 400px !important;}
/* admin sign in section end here */

/* employee sign in screen start here */

.text-lable{position:relative;right:147px;  background-color: #fff;top:21px;}
.email-lable-employee{position:relative;right:150px;  background-color: #fff;top:21px;}
.phone-number{position:relative;right:147px;  background-color: #fff;top:21px;}
 .employee-head-1{padding-top:10px !important;border-radius: 10px 0px 0px 10px !important;}

input {
/*     width: 100%; */
    width:100%;
    padding: 0.765rem 10px;
    font-size: 1rem;
    letter-spacing: 0.062rem;
    margin-bottom: 1.875rem;
    border: 1px solid #ccc;
    background: transparent;
    border-radius: 10px;
}

/* employee sign in screen end here  */

/* admin signup screen start here */
.Company-name{position:relative;right:134px;  background-color: #fff;top:21px;}
.Full-name{position:relative;right:155px !important;  background-color: #fff;top:21px;}
.email-ID{position:relative;right:158px;  background-color: #fff;top:21px;}
.Phone-number{position:relative;right:24px;  background-color: #fff;top:12px;}
.phone-container{border:1px solid #e1e1e1;border-radius:8px;padding:1px 0px;width:400px;}
.phone-container input{border:none;background:transparent;box-shadow:none;}
.phone-container input:focus{outline:none;box-shadow:none;}
.country-select{border:none;background:transparent;font-weight:500;padding-right:10px;}
.input-p{padding:12px 10px !important;}

/* admin signup screen end here */

/* OTP verification screen start here */
.OTP-verification{width:25% !important;}
.OTP-verification-num::placeholder{display: flex; justify-content: center; align-items: center;text-align: center;}

/* OTP verification screen end here */

/* create password screen  start here */
.create-password{position:relative;right:120px;  background-color: #fff;top:21px;}
.password-m{margin-top:-20px;}
/* create password screen  end here */

/* setup account start here */
.cloud-logo{background-color: #fff;box-shadow: 0px 0px 18px 0px #e1e1e1;padding:20px;margin-top: 20px;border-radius: 10px;}
.drop-down{padding:10px  !important;}
/* setup account end here */

/* assement setup start here */
.total-as{border-radius: 10px;width:401px;margin-left: 64px;}
/* assement setup end here */

/* admin dashboard start here  */
.logo-h6{margin-top:10px;}
.side-nav-btn{border-radius:10px; 
 }
.main-side-nav{border-radius:0px 15px 15px 0px;height:100vh;position:relative;left:0px;
 
}
.btn-active{background-color: #451E6E;}
.nav-icon{margin-right: 15px;}
.logout-btn{margin-top:130px;border-top: 1px solid #e1e1e17c; padding-top: 20px;}
.logout-btn a {padding-right: 180px;}
.logo-border{border-bottom: 1px solid #e1e1e17c;}
.search-field{background-color: #fff !important; border-radius: 10px 0px 0px 10px !important; border-right: none !important; border: 1px solid #eee}
.search-box{border-left:0px !important;}
.result-box{border:1px solid #eee; border-radius:10px;}
.ellipse{width:50px; height:50px;border-radius: 50%; margin:15px 10px;}
.icon-o{font-size: 20px !important;}
    .card-chart {
      border-radius: 12px;border:1px solid #eee !important;
     
    }

    .chart-title-chart {
      font-weight: 600;
      margin-bottom: 20px;
    }

    /* Circular score */
    .score-wrapper {
      position: relative;
      width: 220px;
      height: 220px;
      margin: auto;
      
    }

    .score-text {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      font-size: 32px;
      font-weight: 700;
      color: #2f6b1c;
    }

    .score-desc {
      font-size: 14px;
      color: #6c757d;
      margin-top: 15px;
      text-align: center;
    }
    .card-chart-2{border:none}
    .copy-rights{margin-top:120px;}
/* admin dashboard end here  */

/* employee screen start here */
.bulk-up{padding:5px 55px !important;}
.add-emp{padding:5px 40px !important;}
.all-roles{padding:5px 5px;background-color: #fff !important;}
.heading-table thead tr th h6 {background-color: #F1EBF8;margin-bottom: 0px !important;padding:10px 0px 10px 10px;}
.heading-table thead tr th {padding:10px 0px}
.employee-head{border-radius: 8px 0px 0px 8px;padding-top:10px !important}
.employee-border{border-radius: 0px !important;}
.action-head{border-radius: 0px 8px 8px 0px;}
.heading-table thead th{border:0px !important; }
.employee-img{margin-right:10px;}
.status-badge{background:#d4f5dd;color:#1c7c38;font-size:13px;padding:6px 12px;border-radius:20px;display:inline-flex;align-items:center;gap:6px;}
.status-dot{width:8px;height:8px;background:#1c7c38;border-radius:50%;}
.more-pages ul {border:1px solid #eee !important;}
/* employee screen end here */

 /* employee details start here */
.card {border-radius: 15px;border:1px solid #eee !important;}
.canvas-chart{height:280px !important;}
.perfomance-box{border:1px solid #eee; Border-radius: 8px;padding-bottom:19px}
.skill-graph{margin-left: 80px;}
.small-icon{font-size: 8px !important;position:relative;bottom: 2px;margin-right: 8px;}
.AI-summary{border-radius: 8px; border: 1px solid #eee;padding:24px 24px 88px 24px !important;}
.adv-data{border-radius: 10px;}
.icon-img{border-radius: 10px;width:60px !important;}

    /* employee details end here */
/* test screen start here */
.schudule-box{border-radius: 8px;}    
.department{width:100% !important;padding:12px !important;}
.schudule-first{padding:24px 24px 72px 24px !important;}
.schdule-icon{font-size: 24px !important;}
.silder input::-moz-range-progress {background-color: #7438B8 !important;}
.schudule-last{padding:24px 24px 88px 24px !important;}
.custom-range::-webkit-slider-thumb {background: #6f42c1 !important;
}
.custom-range::-webkit-progress-bar{ background: #6f42c1 !important;
}
.Question-back  thead tr th h6 {padding:20px 0px;background-color: #D5C3EA;}
 .easy{padding:5px;border-radius: 10px; width:60%;}
.icon-que{font-size: 24px !important;}
/* test screen end here */

/* reports screen start here */

    .card-ai {
      border-radius: 14px;border: none;height: 100%;padding-bottom: 30px !important;border:1px solid #eee !important;
    }
    .card-title-ai {font-weight: 600;font-size: 16px;
    }
    /* Gauge */
    .gauge {width: 200px;height: 100px;border-radius: 100px 100px 0 0;background: conic-gradient(#2e7d32 90deg 180deg,#c62828 0deg 180deg ,#fbc02d 40deg 360deg
      );position: relative;margin: auto;
    }
    .gauge::after {content: '';width: 140px;height: 70px;background: #fff;border-radius: 70px 70px 0 0;position: absolute;bottom: 0;left: 50%;transform: translateX(-50%);
    }
    .needle {width: 4px;height: 80px;background: #000;position: absolute;bottom: 0;left: 50%;transform-origin: bottom;transform: rotate(-35deg);z-index: 2;
    }
    .risk-text {font-weight: 600;color: #ff9800;
    }
    .icon-badge {width: 36px;height: 36px;background: #fff3cd;color: #ff9800;border-radius: 50%;display: flex;align-items: center;justify-content: center;font-size: 16px;flex-shrink: 0;
    }
.predictive-card{padding:20px 20px 36px 20px !important;}
.Improvement-card{padding:20px 20px 6px 20px !important}
.card-test {
      background: #fff;
      border-radius: 10px;
      padding: 20px;
     ;border:1px solid #eee !important;
    }

    .card-title-test {
      font-size: 18px;
      font-weight: 600;
      margin-bottom: 10px;
    }

    #heatmap {
      margin-top: 10px;
    }

/* reports screen end here */

/* communication start here */
.broadcast-msg{border:1px solid #eee; border-radius:8px;padding:20px;}
.message-type{position: relative; left:10px;}
.subject{margin-top: -20px;}
.message-box {padding-bottom:150px !important;}
.channel-wrapper {
display: flex;
align-items: center;
gap: 18px;
font-size: 14px;
}
.channel-wrapper label {
margin-bottom: 0;
cursor: pointer;
    }
.form-check-input {
cursor: pointer;
}
 .test-notification{border-radius: 8px ; border:1px solid #eee; padding:20px;}
 .Conversations{border-radius: 8px 0px 0px 0px ; border:1px solid #eee;}
 .head-chat{border-radius: 0px 8px 0px 0px; border:1px solid #eee;}
 .check-app{margin-bottom:2px ; margin-left: 3px;}
 .chat-field{border:1px solid #eee; border-radius:0px 0px 0px 0px; }
 .first-text{border-radius: 8px;}
 .side-chat{margin-bottom: 50px !important;}
 .text-sec{border-radius:0px 0px 8px 0px;}
 .last-chat{margin-bottom: 149px;}
 .history{border-radius:8px; border:1px solid #eee; }
 .broad-logo{border-radius: 8px; margin-right: 20px;}

 /* logs and Monitoring start here */
 .failed span {background-color: #FFD0D1 !important;}
 /* logs and Monitoring end here */
.edit-icon{position:relative;top:10px; margin-left:-12px;}
 /* admin profile screem start here */
.profile-name{margin-left:-20px;}
.changes{padding-left:100px !important;padding-right: 100px !important;}
.dis-changes{padding-left:85px !important;padding-right: 85px !important;}
  .gender-group {display: flex;align-items: center;gap: 24px;
    font-family: Arial, sans-serif;
    font-size: 14px;
  }
  .dis-change{padding-left: 50px ;}

  .gender-option {
    display: flex;
    align-items: center;
    gap: 8px;
    cursor: pointer;
  }

  /* Hide default radio */
  .gender-option input {
    display: none;
  }

  /* Custom radio */
  .custom-radio {
    width: 18px;
    height: 18px;
    border: 2px solid #dcdcdc;
    border-radius: 50%;
    position: relative;
  }

  /* Checked state */
  .gender-option input:checked + .custom-radio {
    border-color: #2e7d32;
  }

  .gender-option input:checked + .custom-radio::after {
    content: "";
    width: 10px;
    height: 10px;
    background: #2e7d32;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }
  /* .msg-main-box{border-radius: 8px; border:1px solid #eee} */
  .first-name {position:relative; top:20px; background-color: #fff; left:10px;padding:none;}
  .phone-div{margin-top: 6px !important;}
  .phone-n{position:relative; top:10px;}
  .profile-password{position:relative; top:20px; background-color: #fff; left:10px;padding:none;}
  .eye-icon-pass{position:absolute; margin-left: 370px;margin-top: -32px !important;}
  /* admin profile screen end here */

  /* popup start here */
.logout-modal {
  border-radius: 14px;
  border: none;
}

.modal-backdrop.show {
  opacity: 0.6;
}

.btn-outline-success {
  border-radius: 8px;
}

.btn-danger {
  background-color: #f8bcbc;
  border: none;
  color: #a30000;
  border-radius: 8px;
}

.btn-danger:hover {
  background-color: #f59f9f;
}
 /* popup end here */

/* admin setting screen start here */
.company-brand{border:1px solid #eee; border-radius:8px;}
.setting-table{padding-top: 30px !important;}
.settings-table-body td { padding:20px 10px !important;}
.setting-icon{position: relative;left:50px;}
.setting-icon-1{position: relative;left:70px;}
.security-box{border-radius: 8px; border:1px solid #eee;}
.workflow {border:1px solid #eee; border-radius:8px;margin-left:11px;padding-bottom:40px !important }
.department-1{background-color: #F8F5FB !important; width:100%;padding:10px !important;}
.test-box{border-radius: 8px; border:1px solid #eee;}
.over-all{padding:24px 24px 130px 24px;}