html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, embed,figure, figcaption, footer, header, menu, nav, output,ruby, section, summary,time, mark, audio, video, input, textarea, button {
    margin: 0;
    padding: 0;
    border: 0;
    vertical-align: baseline;
    box-sizing: border-box;
}

button:focus,button:active,input:active,input:focus,textarea:active,textarea:focus,a {
    outline: 0 !important;
    box-shadow: none !important;
}
/* globle and header css start */

@import url('https://fonts.cdnfonts.com/css/nexa-bold');
@font-face {
    font-family: "Nexa-Regular";
    src: url("https://db.onlinewebfonts.com/t/cefa2bca89ec27b6b9c51c215bce8ba2.eot");
    src: url("https://db.onlinewebfonts.com/t/cefa2bca89ec27b6b9c51c215bce8ba2.eot?#iefix")format("embedded-opentype"),
        url("https://db.onlinewebfonts.com/t/cefa2bca89ec27b6b9c51c215bce8ba2.woff2")format("woff2"),
        url("https://db.onlinewebfonts.com/t/cefa2bca89ec27b6b9c51c215bce8ba2.woff")format("woff"),
        url("https://db.onlinewebfonts.com/t/cefa2bca89ec27b6b9c51c215bce8ba2.ttf")format("truetype"),
        url("https://db.onlinewebfonts.com/t/cefa2bca89ec27b6b9c51c215bce8ba2.svg#Nexa-Regular")format("svg");
}

.container {
    margin: auto !important;
    max-width: 1300px !important;
    padding: 0px 15px;
}
p {
    font-size: 28px;
    font-weight: 400;
    line-height: 1.2 !important;
    color: #000000;
}

/*********** HEADER SEC **********/
.custom-family {
    font-family: 'Nexa', sans-serif;
    font-weight: 700;
    font-size: 75px;
    line-height: 100%;
}
.custom-nav {
    padding: 30px 0px !important;
}
.navbar-brand {
    width: 270px;
}

.custom-family {
    font-family: 'Nexa', sans-serif;
}

.custom-family-para {
    font-family: "Nexa-Regular";
}

.nav-menu-txt {
    color: black !important;
    font-size: 22px !important;
    font-weight: 700 !important;
    margin: 0 !important;
    padding: 12px !important;

}

.nav-menu-txt.active {
    color: #26E4E4 !important;
}

.navbar-nav {
    gap: 26px
}

.nav-btn {
    padding: 10px 27px !important;
     color: white !important;
    background: #26E4E4 !important;
    font-size: 22px !important;
    font-weight: 700 !important;
    border-radius: 14.67px !important;
}

/*********** HERO SEC **********/
.hero-section {
    padding: 60px 0px 100px;
}

.custom-hero-img img {
    width: 100%;
}
.hero-content h1 {
    font-size: 85px;
    font-weight: 700;
    line-height: 100% !important;
    color: #000000;
}

.hero-content p {
    padding: 25px 0px 40px 0px !important;
    font-size: 28px;
    font-weight: 400;
    line-height: 1.2 !important;
    color: #000000;
}

.dark-btn {
    padding: 16px 30px 14px 30px !important;
    color: white !important;
    background: #26E4E4 !important;
    font-size: 22px !important;
    font-weight: 700 !important;
    border-radius: 15px !important;
    border: 3px solid #26E4E4 !important;
}
.dark-btn:hover {
    background: transparent !important;
    border-color: #26E4E4 !important;
    color: #26E4E4 !important;
}

.light-btn {
    border: 3px solid #26E4E4 !important;
    padding: 16px 30px 14px 30px !important;
    color: #26E4E4 !important;
    background: #fff !important;
    font-size: 22px !important;
    font-weight: 700;
    border-radius: 15px !important;
    min-width: 225px;
    max-width: 330px;
}
.light-btn:hover {
    background: #26E4E4 !important;
    color: white !important;
}

/*********** FUTURE SEC **********/
.Future-sec {
    background-image: url("../media/futurebg.png");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 100px 0px !important;
}
.card img {
    max-width: 120px;
    margin: auto !important;
}
.Future-sec .row {
    justify-content: space-between;
}
.Future-sec .row .col-md-4 {
    max-width: 32%;
}
.Future-sec .card {
    box-shadow: 11px 18px 24.5px -13px #26E4E466;
    padding: 40px 35px 50px;
    border-radius: 30px;
}
.Future-sec .card .card-body {
    padding: 0px;
}

.Future-sec .card .card-title {
    font-family: 'Nexa Bold';
    font-weight: 700 !important;
    font-size: 38px !important;
    line-height: 100% !important;
    text-align: center;
    margin-top: 20px;
    min-height: 47px;
    height: 100%;
}

.Future-sec p.card-text {
    font-family: 'Nexa-Regular';
    font-weight: 400;
    font-size: 22px;
    line-height: 30px;
    text-align: center;
    margin-top: 20px;
}

/*********** HARING PROCESS SEC **********/

section.haring-process-sec {
    padding: 100px 0px;
    position: relative;
}
.haring-contents p {
    max-width: 1130px!important;
}
.haring-line-img {
    position: absolute;
    top: 62%;
    width: 1200px;
    transform: translate(-50% , -50%);
    left: 50%;
}

.haring-line-img img {
    width: 100%;
}
.haring-cards {
    position: relative;
}
.haring-cards img {
    position: absolute;
    right: 31%;
    top: -60px;
    max-height: 120px;
}
.haring-card-body {
    margin-top: 50px;
}
.haring-cards .haring-card-body h4 {
    color: #000000;
    font-size: 40px;
    line-height: 50px;
    margin-bottom: 15px;
    font-weight: 600;
}

.haring-cards .haring-card-body p {
    font-size: 26px;
    line-height: 32px!important;
}
.row.bottom-row .haring-cards img {
    right: 100px;
    max-height: 100px;
    top: -44px;
}
.row.bottom-row {
    margin-top: 120px;
    position: relative;
}

.row.bottom-row .haring-cards {
      margin-left: 38px;
}


/*********** SMART HARING SEC **********/

section.smart-haring-sec {
    background: #F5FEFF;
    padding: 100px 0px;
}
.smart-haring-contents {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: 100%;
}

.smart-right-img img {
    max-width: 95%;
    margin-left: auto;
    display: flex;
}
.smart-haring-contents p {
    font-family: 'Nexa-Regular';
    font-weight: 400;
    font-size: 30px;
    line-height: 38px;
    margin-top: 30px;
    margin-right: 60px;
}

/*********** UPGRADE SEC **********/

section.upgrade-sec {
    padding: 130px 0px;
}
.upgrade-contents p , .haring-contents p {
    text-align: center;
    font-size: 30px;
    font-family: 'Nexa-Regular';
    font-weight: 400;
    max-width: 1000px;
    margin: 30px auto 45px;
    line-height: 38px;
}
.btn_groups {
    gap: 60px;
}
section.upgrade-sec .container {
    position: relative;
}
.upgrade-top-icon {
    position: absolute;
    top: -220px;
    right: 50px;
}
.upgrade-bottom-icon {
    position: absolute;
    bottom: -190px;
    left: 0%;
}
.upgrade-top-icon img  {
    max-width: 280px;
}
.upgrade-bottom-icon img {
    max-width: 350px;
}

/*********** FOOTER SEC **********/
footer.footer-sec {
    padding: 95px 0px 200px;
    background: #F5FEFF;
}
footer.footer-sec .container {
    position: relative;
}
img.footer-bottom_img.img-fluid {
    position: absolute;
    bottom: -48%;
    width: 100%;
    left: 0;
}
.footer-logo p , .footer-copyright p {
    color: #5A5A59;
    font-size: 20px;
    font-family: 'Nexa-Regular';
    margin: 15px 0px 20px;
    max-width: 400px;
}
.footer-social-icons {
    display: flex;
    gap: 18px;
}
.footer-social-icons a img {
    max-width: 70px;
    box-shadow: 0px 5.33px 34.65px 0px #0000000F;
    border: 1.33px solid #1313131A;
    padding: 18px;
    border-radius: 50px;
}
.footer-links ul li {
    list-style: none;
    margin-bottom: 6px;
}

.footer-links ul li a {
    color: #5A5A59;
    font-size: 20px;
    font-family: 'Nexa-Regular';
    line-height: 30px;
}

.footer-links h3 {
    color: #131313;
    font-size: 25px;
    font-weight: 700;
    font-family: 'Nexa-Regular';
    margin-bottom: 20px;
}

/******************** ABOUT US PAGE *********************/

.about-banner-sec  {
    background-image: url("../media/Group\ 32.png");
    background-position: 100% 90%;
    background-repeat: no-repeat;
    background-size: 100%;
    padding: 20px 0px 100px;
}
.about-banner-contents {
    text-align: center;
    max-width: 920px;
    margin: auto;
}

.about-banner-contents img {
    max-width: 350px;
}

.about-banner-contents p {
    font-size: 30px;
    margin: 25px auto 0px;
    max-width: 720px;
}

/*********** WE BUILT SEC **********/
section.we-built-sec {
    padding: 120px 0px;
}
section.we-built-sec .card {
    box-shadow: 11px 18px 24.5px -13px #26E4E433;
    background: #F5FEFF;
    border-radius: 30px;
    padding: 40px;
    margin-bottom: 30px;
    min-height: 460px;
}
section.we-built-sec .card img {
    max-width: 140px;
    margin: auto !important;
}
section.we-built-sec .card h5.card-title {
    font-size: 40px;
    line-height: 50px;
    margin-bottom: 15px;
}
section.we-built-sec .card p.card-text {
    font-size: 26px;
}

/*********** TECHNOLOGY SEC **********/
section.technology-sec {
    background: #F5FEFF;
    padding: 100px 0px;
}

.technology-contents p {
    text-align: center;
    margin: 25px auto 50px;
    max-width: 1100px;
    font-size: 33px;
}
.technology-outer img {
    max-width: 230px;
    margin: auto;
    display: flex;
}

.technology-outer h4 {
    font-weight: 700;
    font-size: 32px;
    text-align: center;
    margin-top: 18px;
    line-height: 34px;
}
section.upgrade-sec.faster-fair a.btn.custom-family.dark-btn {
    padding: 20px 40px !important;
}


/******************** CHATBOX  PAGE *********************/

section.chatbox-banner {
    padding: 100px 0px 120px;
    background-image: url("../media/chat-banner-img.svg");
    background-repeat: no-repeat;
    background-position: bottom right;
    background-size: 46% 78%;
}
.chatbox-contents p {
    font-size: 28px;
    margin: 25px 80px 35px 0px;
}

/******************** INTERACTIVE PROCESS  *********************/

section.interactive-process {
    background: #F5FEFF;
    padding: 120px 0px;
}
.interactive-counts h3 {
    color: #000000;
    font-size: 40px;
    font-weight: bold;
}

.interactive-counts {
    background: #26E4E4;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 100px;
    max-width: min-content;
    padding: 16px;
    margin: auto;
}
.interactive-box {
    position: relative;
}

.interactive-box:after {
    content: "";
    background-image: url(https://smart-hire.softitdevelopers.com/wp-content/uploads/2026/01/Left-2.svg);
    width: 46%;
    height: 100%;
    display: block;
    position: absolute;
    top: -102px;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: right;
    left: 85%;
}
.interactive-box.four:after {
    display: none;
}

.interactive-box-contents h5 {
    font-size: 34px;
    font-weight: 700;
    margin: 25px 0px 15px;
    text-align: center;
}

.interactive-box-contents p {
    text-align: center;
    font-size: 22px;
    margin: 0px 25px;
}

/******************** CAHT INTERVIEW SEC  *********************/

section.chat-interview {
    padding: 100px 0px;
}

.chat-interview-contents p {
    text-align: center;
    margin: 30px auto 60px;
    max-width: 960px;
}
.mySwiper{
    width: 100%;
    max-width: 800px;
}

.swiper-slide img{
    width:100%;
    height:100%;
    object-fit:cover;
}

/******************** CANDIDATE SEC  *********************/
section.candidate-sec {
    background: #F5FEFF;
    padding: 100px 0px;
}

.candidate-contents p {
    text-align: center;
    margin: 35px auto 80px;
    max-width: 1100px;
    font-size: 32px;
}
.candidat-card {
    box-shadow: 0px 2.45px 13.17px -2.45px #00000040;
    background: #FFFFFF;
    border-radius: 20px;
    padding: 30px 20px;
    text-align: center;
}

.candidat-card img {
    max-width: 80px;
}

.candidat-card h4 {
    font-size: 28px;
    font-weight: 700;
}

/******************** CHATBOT SEC  *********************/

section.chatbot-sec {
    padding: 110px 0px 70px;
}

.chatbot-list {
    margin-top: 40px;
}
.chatbot-list ul li {
    list-style: none;
    display: flex;
    align-items: center;
    gap: 15px;
    font-size: 30px;
    color: #000000;
    margin-bottom: 20px;
}
.chatbot-list ul li img {
    max-width: 35px;
}

/******************** SCREEING APPLICATION PAGE  *********************/

section.screeing-application-banner {
    padding: 100px 0px;
}

.screeing-application-contents p {
    font-size: 32px;
    margin: 35px auto 40px;
    max-width: 860px;
    text-align: center;
}

.screeing-btns {
    display: flex;
    justify-content: center;
    gap: 30px;
}
/******************** SCREEING SHORTLIST SEC  *********************/
.stat-card {
    background: #ffffff;
    border-radius: 20px;
    padding: 40px 35px;
    height: 100%;
    box-shadow: 0px 2.45px 13.17px -2.45px #00000040;
}

.stat-title {
    font-size: 33px;
    font-weight: 700;
    color: #000000;
    text-align: center;
}
.stat-value {
    font-size: 28px;
    font-weight: 700;
    background: linear-gradient(5.11deg, #26E4E4 -12.57%, #137B7B 96.12%);
    -webkit-text-fill-color: transparent;
    background-clip: text;
    color: transparent;
    text-align: center;
}

/* ===== Search Bar ===== */
.search-box {
    background: #ffffff;
    border-radius: 12px;
    padding: 13px 18px 12px;
    display: flex;
    align-items: center;
    border: 2px solid #26E4E4;
}

.search-box input {
    border: none;
    outline: none;
    width: 100%;
    font-size: 22px;
    color: #828282;
}
.search-icon a img {
    width: 32px;
}


/* ===== Candidate Cards ===== */
.candidate-card {
    border-radius: 14px;
    padding: 22px;
    height: 100%;
    box-shadow: 0px 14px 40.4px -4px #00000026;
    background: #F5FEFF;
}

.candidate-header {
    display: flex;
    align-items: center;
    border-bottom: 1px solid #DCDCDC;
    padding-bottom: 13px;
}
.search-reasons {
    display: flex;
    align-items: center;
    justify-content: end;
    gap: 20px;
}
.candidate-name {
    color: #000000;
    font-size: 22px;
    font-weight: 500;
    margin-left: 20px;
}
.search-reasons p {
    color: #828282;
}
.candidate-inner-contents p {
    color: #00000066;
    font-size: 20px;
    font-weight: 500;
    margin-top: 13px;
}

.candidate-inner-contents h5 {
    color: #000000;
    font-size: 20px;
    font-weight: 600;
    margin: 6px 0px 18px;
}
.prograss-outer {
    display: flex;
    align-items: center;
    gap: 15px;
}
.candidate-card .progress {
    display: flex;
    height: 10px;
    overflow: hidden;
    font-size: .75rem;
    background-color: #EFEDED;
    border-radius: 50px;
    width: 70%;
}
.candidate-card  .progress-bar {
    background: #26E4E4;
}
.progress-text {
    color: #000000;
    font-weight: 500;
    font-size: 20px;
}
section.screeing-application-banner.accelearate {
    padding: 120px 0px;
}
section.screeing-application-banner.accelearate .screeing-application-contents p {
    max-width: 1040px;
}

/******************** SHORT LISTED CANDIDATE PAGE  *********************/
.ai-banner-sec {
    background-image: url("../media/Content.png");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100%;
    padding: 20px 0px 45px;
}
.ai-banner-contents h1 {
    font-weight: 700;
    font-size: 75px;
    line-height: 100%;
    text-align: center;
    font-family: 'Nexa', sans-serif;
}

.ai-banner-contents p {
    font-size: 32px;
    margin: 35px auto 15px;
    max-width: 860px;
    text-align: center;
}

.ai-banner-contents img {
    margin: auto;
    display: flex;
    max-width: 250px;
}
.ai-banner-inner .media {
    background: #FFFFFF;
    padding: 20px 15px;
    border-radius: 15px;
    align-items: center;
}

.ai-banner-inner .media h5 {
    color: #00000066;
    font-size: 17px;
    font-weight: 500;
}

.ai-banner-inner .media p {
    color: #000000;
    font-size: 20px;
    font-weight: 600;
}
.ai-banner-inner .media img {
    max-width: 45px;
}

.ai-summary-outer {
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

section.ai-summary-sec {
    padding: 80px 0px 20px;
}
.ai-summary-outer {
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: 15px;
}

/******************** DASHBOARD PAGE  *********************/

.ai-banner-contents {
    text-align: center;
}

.ai-banner-contents .dark-btn {
    margin-top: 30px;
}

a.top-btn-ai {
    border: 1px solid #DCDCDC;
    color: black;
    padding: 10px 20px;
    background: white;
    border-radius: 20px;
    font-size: 16px;
    margin-bottom: 30px;
    display: inline-block;
}

section.track-sec {
    padding: 90px 0px 100px;
}

.track-contents p {
    text-align: center;
    max-width: 1000px;
    font-size: 32px;
    margin: 30px auto 70px;
}

.row.track-inner-cards .stat-card {
    margin-bottom: 30px;
    height: auto;
    min-height: 265px;
    padding: 35px 25px;
}
.row.track-inner-cards .stat-card .stat-title {
    text-align: left;
}

.row.track-inner-cards .stat-card .stat-value {
    text-align: left;
}

.row.track-inner-cards .stat-card p {
    font-size: 22px;
    margin-top: 25px;
    max-width: 400px;
}
section.ai-banner-sec.dashboard-banner .media {
    max-width: 300px;
}
.candidate-card.five {
    background: white;
    box-shadow: unset;
    max-width: 300px;
    height: auto;
    position: absolute;
    right: 0;
    top: -65px;
}

.candidate-card.five .candidate-header {
    justify-content: space-between;
    margin-bottom: 20px;
}
.row.ai-banner-inner {
    position: relative;
}

.media.one {
    position: absolute;
    top: -70px;
    left: 120px;
}

.media.two {
    position: absolute;
    left: 0;
    top: 38px;
}

.media.three {
    position: absolute;
    top: 150px;
    left: 180px;
}

.media.four {
    position: absolute;
    top: 240px;
    right: 180px;
}

section.ai-banner-sec.dashboard-banner {
    height: 750px;
}

section.pipeline-sec {
    background: #F5FEFF;
    padding: 100px 0px;
}

.pipeline-contents p {
    text-align: center;
    max-width: 900px;
    margin: 30px auto 60px;
}

.pipepline-outer-contents h3 {
    color: #3B3B3B;
    font-size: 36px;
    font-weight: 700;
    margin-bottom: 20px;
}

.pipepline-outer-contents p {
    font-size: 30px;
    font-weight: 500;
}