* {font-family: "Plus Jakarta Sans", sans-serif;}
a {text-decoration: none;}
img {max-width: 100%;}
a:hover, .pointer:hover {text-decoration: underline;}
/* .page-container {min-height: calc(100vh - 146px);} */
.page-container .container, .navbar .container {max-width: 1320px;}
.user-table, .modal-dialog {font-size: 0.875rem;}
.all-ques-type {font-size: 0.75rem;}
.basedon-type {font-size: 0.625rem;font-weight: 500;}
.accordion-button::after {position: absolute;right: 1rem;top: 19px;}
.pointer {cursor: pointer;}
.form-check-input:checked {background-color: rgba(var(--bs-success-rgb),var(--bs-bg-opacity)) !important;border-color: rgba(var(--bs-success-rgb),var(--bs-bg-opacity)) !important;}
.fs10px {font-size: 10px;}
.pr-0{padding-right: 0 !important;}
.pl-0{padding-left: 0 !important;}
.mr-0{margin-right: 0 !important;}
.ml-0{margin-left: 0 !important;}

.text-green {color: #55D369 !important;}
.text-green-dark {color: #209934;}
.text-light-gray{color: #C6D4C7 !important;}
.text-dark-grey{color: #475467;}
.text-bold{font-weight: 700 !important;}
.text-medium{font-weight: 500 !important;}

.top-section {background: url('../images/black-bg.png') #1b1d1f no-repeat top center; background-size: cover;}
/* nav bar */
/* .sc__nav {background: #1517198f;} */
.sc__nav .navbar-nav .nav-item .nav-link {color: #6F6F6F;font-size: 0.875rem; font-weight: 600;}
.sc__nav .navbar-nav .nav-item .nav-link.login {color: #C6D4C7;border: 1px solid #E7E7E7;padding: 8.5px 17.25px; margin: 0 0.75rem; border-radius: 6px;line-height: normal;}
.sc__nav .navbar-nav .nav-item .nav-link.freeTrail {color: #fff;border: 1px solid #19B933;padding: 8.5px 17.25px; margin: 0 0.75rem; border-radius: 6px;background-color: #19B933;line-height: normal;}
.jambo-content {font-size: 3rem;font-weight: 700;line-height: 1.25;margin-bottom: 1.5rem;color: #FAFAFB;position: relative;}
.text-dark{color: #101828 !important;}
.p_text {color: #C6D4C7;font-size: 1rem;line-height: 1.25;margin-bottom: 1rem;}
.sub-headings {color: #101828;font-size: 1.875rem;line-height: 1.25;margin-bottom: 1rem;font-weight: 700;position: relative;}
.btn-controler .btn {font-size: 1rem;font-weight: 600;min-height: 48px;line-height: normal;padding: 0 18px; font-family: "Inter", sans-serif;}
.btn-controler .btn-success {background-color: #19B933 !important;}
.btn-controler .btn-watch-live {color: #CFCFCF;border-color: #3E3E3E;}
.btn-controler .btn-watch-live:hover {color: #000; border-color: #3E3E3E;}
.front-img, .back-img {position: relative;}
.front-img {z-index: 2;}
.back-img {position: absolute;bottom: 0;z-index: 1;left: 0;}
.enjoyable {overflow: hidden;padding-bottom: 15px;display: inline-block;position: relative;}
.bar-animation {position: absolute;bottom: 0;left: 0;}
.howwork {position: relative;background: url('../images/spline.png') no-repeat center center;}
.howwork .steps .sm-title{color: #10A92A;font-size: 16px;}
/* .howwork .jambo-content {padding-right: 4rem;} */
.leaves {position: absolute;right: 0; top: -35px;}
.white-box {box-shadow: 0px 4px 28px 0px rgba(0, 0, 0, 0.10);border-radius: 8px;min-height: 334px; background-color: #fff;}
.howwork .sub-headings {font-size: 1.25rem;font-weight: 700;color: #233126;}
.text-container ul {margin-bottom: 0; padding-left: 1rem;}
.howwork .text-container ul li {color: #415C43;font-size: 14px;}
#accordionHowWork.accordion, #accordionHowWork .accordion-item, #accordionHowWork.accordion .accordion-header, #accordionHowWork.accordion .accordion-header .accordion-button, #accordionHowWork .accordion-body  {background-color: transparent;}
#accordionHowWork {max-width: 502px;}
#accordionHowWork .accordion-item {border: none;}
#accordionHowWork .accordion-item:not(:first-child) .accordion-header {border-top: 1px solid #EEF0EE;}
#accordionHowWork .accordion-button {box-shadow: none !important;outline: none !important;font-size: 1.25rem;}
#accordionHowWork .accordion-body{color: #939E92;}
.sm-title {color: #118424;font-size: 0.875rem;font-weight: 700;}

#allFeature .text-container ul li{color: #475467;}
.multiFormateAsses {background: url('../images/1.svg') no-repeat center right; position: relative;}

.text-container .p_text {color: #475467; font-weight: 400;line-height: 1.5;}
.down-arrow {position: absolute;bottom: -100%;right: 150px;}
.steps {background: #fff;padding: 1.75rem 1.5rem;border-radius: 1rem;box-shadow: 0px 4px 43.3px 0px rgba(0, 0, 0, 0.10);display: flex;flex-direction: column;gap: 0.75rem;height: 100%;}
.stress-free {position: relative;display: inline-block;padding: 0 1rem;}
.stressFree {position: absolute;left: 8px;z-index: -1;top: -9px;}
.sup-bubble {top: -3.5rem;right: 2rem;}
.enhanceScrining {background: url('../images/2.svg') no-repeat bottom left; padding-bottom: 4rem;}
.enhanceScrining .colobration-text{left: 10px;}
.hiringProcess {background: url('../images/7.svg') no-repeat center right; position: relative;padding: 2rem 0;}
.power {position: absolute;top: 0;right: 33%;z-index: 1;}
.brandingProcess {background: url('../images/3.svg') no-repeat center left; }
.resume {background: #daff44;padding: 0 5px;}
.smile {position: relative;top: -60px;}
.cmpname {margin-bottom: -70px;}
.nocheating {background: url('../images/8.svg') no-repeat center right;padding: 2rem 0;}
#testimonials {background: url('../images/4.svg') no-repeat bottom left; }
#testimonials .card {border-radius: 16px !important;}
#testimonials .card-header {background-color: transparent;border-bottom: 0;display: flex;	justify-content: space-between;	position: relative;padding-top: 1rem;}
.client-details {display: flex;align-items: center;gap: 0.75rem;}
.c_img {display: flex;align-items: center;justify-content: center;width: 50px;height: 50px;min-width: 50px;}
.c_info {font-size: 0.875rem;font-weight: 600;color: #0F1419;}
.c_info .c_tag {font-weight: normal; color: #536471;}
.heartshape {position: absolute;left: -46px;top: -10px;}
.big-heart {position: absolute;right: -100px;top: 0;}
.grid-item {margin: 0;display: grid;grid-template-rows: 1fr auto;margin-bottom: 28px;break-inside: avoid;}
.grid-item > .card {grid-row: 1 / -1;grid-column: 1;}
.grid-elem {column-count: 3;column-gap: 28px;}
#hiring-process {background: url('../images/BGcloud.svg') no-repeat; background-size: cover;margin: 150px auto 0;padding-bottom: 100px !important;}
#hiring-process .text-container {max-width: 510px;}
.numbers {margin: 3rem auto;display: flex;justify-content: space-between;gap: 1rem;position: relative;}
.num-item {padding: 0 1.5rem;border-left: 1px solid #EAECF0;}
.num-item .text-green {color: #19B933 !important;}
.btn-container .btn {min-height: 48px;padding: 0 1.365rem;font-weight: 600;font-size: 1rem;border-radius: 10px;font-family: "Inter", sans-serif;}
.btn-container .btn-success {background: #19b933;border-color: #19b933;}
.btn-container .btn-outline-dark {background: #fff;color: #0F1419;}
.flexBox {display: flex;align-items: center;justify-content: space-between;gap: 1rem;margin-bottom: 1.5rem;position: relative;}
#pricing {background: url('../images/5.svg') no-repeat bottom 50px left, url('../images/6.svg') bottom 150px right no-repeat #151719;}
#pricing, .pricing-box {position: relative;}
.pricing-box { padding-top: 100px;
                padding-bottom: 10px; /* Adjust this value as needed */}
.pricing-box .top-arrow {position: absolute;right: 0;top: -70px;}
/* .plans.card {padding: 32px 0 40px;} */
.plan-name {font-size: 18px;font-weight: 600;color: #475467;font-family: "Inter", sans-serif;}
.plan-title .badge {font-size: 0.75rem;font-family: "Inter", sans-serif;}
.plan-title .badge.bg-success {background: #EFFEF1 !important;border: 1px solid #B9F9C2;color: #19b933;}
.plan-title .badge.bg-secondary {background: #F9FAFB !important;border: 1px solid #EAECF0;color: #667085;}
.price {font-size: 60px;font-weight: 600;color: #101828;line-height: 1;font-family: "Inter", sans-serif;}
.unit {font-size: 1rem;display: inline-block;}
.rangevalues {font-size: 0.75rem;color: #9EAAB4;margin-top: 0.75rem;}
.plans-include {position: relative;padding-top: 3rem;}
.plans-include::before {position: absolute;content: '';width: calc(100% + 2rem);height: 1px;background: #e7e7e7;left: -1rem;top: 1.625rem;}
.plans-offer {position: relative;padding: 0;list-style: none;display: flex;flex-direction: column;gap: 0.75rem;}
.plans-offer > li {font-size: 1rem;font-weight: 400;color: #475467;}
.plans-offer > li > .bi {margin-right: 0.5rem;}
.plans-offer > li > .bi.bi-check-circle {color: #19b933;}
.range-slider:not(:last-child) {margin-bottom: 1.25rem;position: relative;padding-bottom: 0.5rem;border-bottom: 1px solid #E7E7E7;}
/* .range-slider > p {margin-bottom: 0.5rem;} */
.range-slider > .price-details {position: relative;display: flex;align-items: center;justify-content: space-between;margin-bottom: 1rem;}
.range-slider > .price-details > span {font-size: 18px;color: #333c48;}
.range-slider > .price-details > span:nth-child(2) {display: inline-flex;color: #858585;font-style: italic;font-size: 14px;}
.range-slider__range {-webkit-appearance: none;width: 100%;height: 4px;border-radius: 5px;background: #f5f5f5;outline: none;padding: 0;margin: 0;}
.range-slider__range::-webkit-slider-thumb {-webkit-appearance: none;appearance: none;width: 26px;height: 26px;border-radius: 50%;background: #fff;cursor: pointer;-webkit-transition: background 0.15s ease-in-out;transition: background 0.15s ease-in-out;box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);}
.range-slider__range::-webkit-slider-thumb:hover {background: #fff;}
.range-slider__range:active::-webkit-slider-thumb {background: #fff;}
.range-slider__range::-moz-range-thumb {width: 16px;height: 16px;border: 0;border-radius: 50%;background: #fff;cursor: pointer;-moz-transition: background 0.15s ease-in-out;transition: background 0.15s ease-in-out;box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);}
.range-slider__range::-moz-range-thumb:hover {background: #fff;}
.range-slider__range:active::-moz-range-thumb {background: #fff;}
.range-slider__range:focus::-webkit-slider-thumb {box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);width: 16px;height: 16px;}
.range-slider__range::-moz-range-track {background: #f5f5f5;border: 0;height: 4px;border-radius: 6px;}
.range-slider__range::-moz-range-progress {background-color: #10A92A;border: 0;height: 4px;border-radius: 6px;}
.range-slider__range::-ms-fill-lower {background-color: #f5f5f5;border: 0;height: 4px;border-radius: 6px;}
.range-slider__range::-ms-fill-upper {background-color: #10A92A;border: 0;height: 4px;border-radius: 6px;}
input.range-slider__range::-moz-focus-inner,
input.range-slider__range::-moz-focus-outer {border: 0;}
.bubble {position: absolute;margin-left:-65px;top: -60px;background-color: #10A92A;  box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);border: solid 1px #10A92A;min-width: 80px;  font-size: 12px;  font-weight: 600; color: #FFF;text-align: center;padding: 5px 10px;visibility: hidden;transform: scale(0);opacity: 0;transition: all 0.3s ease-in-out;display: inline-block;margin-bottom: 0;z-index: 9;border-radius: 10px;white-space: nowrap;}
/* .bubble::before {position: absolute;content: '';left: 50%;top: 23px;transform: translateX(-50%) rotate(45deg);box-shadow: 5px 3px 3px 0 rgba(0, 0, 0, 0.05);height: 22px;width: 22px;background: #fff;z-index: -1;} */
.custom_package:hover ~ .bubble{visibility: visible;transform: scale(1);opacity: 1;top: -40px;}
#loginModal .modal-dialog {max-width: 350px;}
#loginModal .modal-content {padding: 0.5rem 1rem;}
#loginModal .modal-header {border-bottom: 0;}
#loginModalLabel {font-size: 1.5rem;font-weight: 600;}
#loginModal .form-label {margin-bottom: .25rem;}
.infomsg {position: absolute;max-width: 200px;padding: 0.75rem;background: #fff;z-index: 1;border: 1px solid #e7e7e7;border-radius: 6px;right: -2rem;bottom: 100%;margin-bottom: 0.75rem;}
.infomsg::before {position: absolute;content: '';right: 1.75rem;bottom: -11px;transform: rotate(45deg);height: 22px;width: 22px;background: #fff;z-index: -1;border-style: solid;border-color: inherit;border-width: 0 1px 1px 0;}
.infomsg .p_text {font-size: 12px;}
.bestplan-sec{max-width: 812px;width: 100%;}
.bestplan-sec .sub-headings{max-width: 812px;width: 100%;color: #FBFBFB;}

/* owl carousel default */
.owl-theme .owl-dots .owl-dot{margin-top: 30px;}
.owl-theme .owl-dots .owl-dot span{width: 8px;height: 8px;background: #E7E7E7;margin: 0 7px;}
.owl-theme .owl-dots .owl-dot.active span, 
.owl-theme .owl-dots .owl-dot:hover span{background: #19B933;}
.owl-theme .owl-nav.disabled+.owl-dots{margin-top: 0;line-height: 0;}
/* .owl-carousel .owl-item{width: max-content !important;} */
.hiring-carousel.owl-carousel {overflow-x: hidden;padding: 30px 0;}
.hiring-carousel.owl-carousel .owl-stage-outer{width: max-content;overflow: visible;}

.switch-plans .plan-check-input {height: 2rem;width: 3.5rem;border: 1px solid #2C3034;border-radius: 2rem;background: #2C3034;position: relative;}
#plan-switch ~ label::before {position: absolute;content: '';height: 24px;width: 24px;background: #4B5258;border-radius: 28px;left: 2px;top: 50%;transform: translateY(-50%);transition: all 0.3s cubic-bezier(.68,-0.55,.27,1.55);}
#plan-switch:checked ~ label::before {left: calc(100% - 26px);background: #f5f5f5;}

.plan-table .table th, .plan-table .table td {vertical-align: middle;padding: 0.75rem 1.25rem;font-size: 0.875rem;border-color: #E6E9F5;font-weight: 500;color: #252430;}
.plan-table .table td {height: 64px;}
.plan-table .table th:not(:first-child), .plan-table .table td:not(:first-child) {border-left: 1px solid #E6E9F5;text-align: center;width: 332px;max-width: 332px;}
.plan-table .table th:last-child, .plan-table .table td:last-child {background-color: #F2FFF4;}
.table-header {position: relative;padding: 1rem 0;}
.comming-soon {position: absolute;background: #19B933;color: #fff;padding: 0.25rem 0.75rem 0.375rem;border-radius: 20px;display: flex;align-items: center;gap: 0.5rem;left: 50%;transform: translateX(-50%);top: -28px;width: max-content;font-size: 0.75rem;font-weight: 500;}
.bird-img {position: absolute;top: 10px;right: -6px;}
.plan-type {font-size: 1.25rem;color: #127822;text-decoration: underline;font-weight: 700;}
.table-header .jambo-content {font-size: 2.5rem;color: #252430;margin-top: 1rem;}
.table-header .sub-headings {font-size: 1.25rem;}
.table-header .jambo-content > span, .table-header .jambo-content > del, .sub-text {font-size: 0.875rem;color: #858BA0;font-weight: 500;}
.popover-body {font-size: 0.75rem;font-weight: 500;color: #66676B;}
.detailed-table .table th {height: 80px;}
.detailed-table .table {border-color: #343434 !important;border-radius: 8px;border-collapse: separate;border-spacing: 0;}
.detailed-table .plan-type {color: #fff;text-decoration: none;}
.detailed-table .table th, .detailed-table .table td {color: #fff;background-color: #212121 !important;border-color: #343434 !important;border-left: 0 !important;}
.bi.bi-chevron-down.rotate-right {transition: all 0.5s ease-in-out;}
.rotate-right {transform: rotate(+90deg);}
.showonmobile {display: none;}
.hideonmobile {display: block;}
.clickable {
    cursor: pointer; /* Show hand icon */
}
@media (min-width: 768px) {
    .text-md-left {text-align: left !important;}
    .mr-md-0{margin-right: 0 !important;}
    .ml-md-0{margin-left: 0 !important;}
}

@media (max-width: 1199px) {
    .jambo-content {font-size: 44px;}
    .btn-controler .btn{font-size: 14px;}
    .numbers{gap: 0;}
    .num-item{padding: 0 20px;}
    .price{font-size: 50px;}
    .bestplan-sec{max-width: 700px;}
}
@media (max-width: 1023px) {
    .jambo-content{font-size: 38px;}
    .top-section .front-img{max-width: 400px;}
    .sub-headings{font-size: 27px;}
    .bestplan-sec{max-width: 650px;}
}
@media (max-width: 991px) {
    .btn-container .btn{min-height: 42px;font-size: 15px;}
    .jambo-content{font-size: 28px;}
    .sub-headings{font-size: 24px;}
    .num-item{padding: 0 15px;}
    .num-item .sub-headings{font-size: 21px;}
    .num-item .num-caps{font-size: 13px;line-height: 1.3;}
    .heartshape{width: 30px;}
    .price{font-size: 40px;}
    .unit{font-size: 14px;}
    .plans-offer > li{font-size: 14px;}
    .plan-val .img-container img{width: calc(100% - 10px);}
    .bestplan-sec{max-width: 65%;}
}
@media (max-width: 767px) {
    .page-container{min-height: auto;}
    .navbar .container{padding-right: 0;}
    .sc__nav .navbar-nav .nav-item .nav-link.freeTrail{padding: 8px 17px;margin: 0;}

    .jambo-content{font-size: 24px;}
    .p_text{font-size: 14px;}
    .enjoyable{padding-bottom: 10px;}
    .txt-hiring{display: block;}
    .sub-headings{font-size: 18px;}

    .top-section{background-size: contain;}
    .top-section .jambo-content{margin-bottom: 10px;}
    .top-section .btn-controler{display: flex;}
    .top-section .p_text{max-width: 500px;}
    .top-section .img-container{max-width: 300px; margin: 0 auto;}

    .mobile-title{max-width: 340px;width: 100%;}
    .text-container ul{padding-left: 1.5rem;}
    #allFeature .sub-headings{max-width: 300px;}
    #allFeature .sub-headings .smile{top: -20px;}
    #allFeature .text-container ul li{font-size: 14px;}
    .sup-bubble{top: -20px;right: -10px;width: 32px;}
    

    #hiring-process {background: #f9f9f9 url('../images/BGcloud-mobile.svg') no-repeat right top; background-size: 40%; padding-bottom: 90px !important;margin: 50px auto 0;}
    #hiring-process .text-container {max-width: 60%;}
    #hiring-process .plane-div{position: absolute;top: 5%;right: 5%;width: 30%;min-width: 150px;}

    .numbers{flex-direction: column; align-items: center;}
    .num-item{padding: 0;border: 0;text-align: center;margin-bottom: 44px;}
    .num-item:last-child{margin-bottom: 0;}
    .num-item .sub-headings{font-style: 24px;}
    .num-item .num-caps{font-size: 12px;}

    .pricing-box .top-arrow{right: 30px; top: -60px;}
    .pricing-box .top-arrow svg{width: 136px;}

    /* .plans.card{border-radius: 16px;padding: 22px 20px 20px;} */
    /* .plans.card .card-body{padding: 22px 20px 20px;} */
    .plans.card .btn-container button{width: 100%;font-size: 16px;min-height: 48px;}
    .plan-name{font-size: 14px;}
    .unit{font-size: 12px;}

    .range-slider__range::-webkit-slider-thumb {width: 20px;height: 20px;}
    .custom_package:hover ~ .bubble{top: -30px;}
    .plans-offer > li{font-size: 12px;}
    .plans-offer > li > .bi.bi-check-circle{font-size: 14px;}
    #pricing {background: url(../images/6.svg) bottom 100px right -43px no-repeat #151719;}
    .bestplan-sec{max-width: 75%;flex-direction: column;align-items: flex-start !important;gap: 20px;}
    .bestplan-sec .sub-headings{font-size: 24px;}

    .steps{padding: 28px 24px 28px;gap: 0;}
    .howwork{background: none;}
    .howwork .steps .sm-title{font-size: 12px;}
    .howwork .sub-headings{font-size: 18px;}
    .howwork .text-container ul li{font-size: 12px;}

    #faq .sub-headings{font-size: 20px;}
    #accordionHowWork .accordion-button{font-size: 14px;}
    #accordionHowWork .accordion-button::after{background-size: 16px;}
    #accordionHowWork .accordion-body{font-size: 12px;padding-top: 0;}

    .multiFormateAsses,
    .hiringProcess,
    .enhanceScrining,
    .brandingProcess,
    .nocheating{background-size: contain;}

    .enhanceScrining{background-position: top;}
    .brandingProcess{background-position: top 30px right 60px;}
    #testimonials{background-size: 91px;}
    .hideonmobile {display: none !important;}
    .showonmobile {display: block;}
    .plan-type {font-size: 1rem;}
    .plan-table .table th:not(:first-child), .plan-table .table td:not(:first-child) {width: 50%;max-width: 162px;}
    .plan-table .table th:last-child, .plan-table .table td:last-child {background-color: #ffff;}
    
}
@media (max-width: 574px) {
    .pricing-box{padding: 30px 0 60px;}
    .bestplan-sec{max-width: 80%;}
    #hiring-process {background-size: 55%; padding-bottom: 90px !important;margin: 50px auto 0;}
}

section#faq {
    min-height: 600px;
}

.elementBg {background-color: #F0FAF7;border: 1px solid #C0F6E6;}
.track-pipeline {background: url('static/assets/home/images/8.svg') no-repeat center right; position: relative;padding: 2rem 0;}