/* <!-------- banner css ---> */
@media (max-width: 992px) {
    html {
        zoom: normal;
    }
}
@media screen and (max-width: 1200px) {
    html {
        overflow-x: hidden;
    }
}
body {
    overflow-x: hidden;
    font-family: 'Roboto';
}
.text-black {
  color: #000000 !important;
}
.green-f {
    border:1px solid #BBF7D0 !important;
    background: #D4FFE1 !important;
}
#contact-advisor-btn {
    text-transform: capitalize !important;
}
.offerscca{
    background: linear-gradient(180deg, #61A6FF 0%, #3B88EA 100%);
    font-size:16.5px;
    border: none !important;
}
.offerscca:hover{
    border: none !important;
    background: linear-gradient(180deg, #83b6fa 0%, #6ba7f7 100%) !important;
}
#offer-view-sch1.offerscca:hover {
    border: none !important;
    background: linear-gradient(180deg, #83b6fa 0%, #6ba7f7 100%) !important;
}
#contact-advisor-btn.offerscca:hover{
    border: none !important;
    background: linear-gradient(180deg, #83b6fa 0%, #6ba7f7 100%) !important;
}
#cta-container.offerscta{
    width: 285px !important;
}
.offer-csm-bg{
    background: linear-gradient(to bottom, #F0F9FF 0%, #FFFFFF 100%);
}
.offersbanform{
    border:10px solid #CCE2FF;
    box-shadow:0px 2px 0px 2px whitesmoke;
}
.formfont{
    font-size:13px;
}
.textundline{
    text-decoration:none;
}
.textundline:hover{
    background:#72adfb;
}
.trust-section {
  padding: 60px 0;
}
.offersmsgform{
    margin-top:-14px
}
.trust-card {
  background: #f3f9ff;
  /* border-radius: 12px; */
  padding: 20px 20px;
  box-shadow: 2px 3px 0px 0px #f8f4f4;
}

.offersicon {
  font-size: 32px;
  margin-bottom: 12px;
}
.offers1cardf {
  font-size: 15px;
}

.trust-card h4 {
  font-size: 15px;
  font-weight: 600;
  margin-bottom: 8px;
}

.logos {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 6px;
}
.subhead-fc {
    color:#646464;
}
.vertical-line {
    border-left: 1.5px solid #B0B0B0;
    height: 15rem;
}
/* barchart css */

.salary-chart .bar {
  background-color:#D1E5FF;
  display: block;
  height: 110px;
  width: 34px;
  transform-origin: bottom;
  transform: scaleY(0);
}

.min-value-height {
    margin-top: 39px;
}
.max-value-height {
    margin-top: 23px;
}
.salary-chart .bar.average {
    width: 34px;
}
.avergae-bgcolor1 {
     background-color:#549CF8 !important;
}
.graph-mb1 {
    margin-bottom:23px;
}
.active-btn-demand12 {
    background: linear-gradient(180deg, #61A6FF 0%, #3B88EA 100%);
    color: white;
    border: none;
    padding: 8px 16px;
    border-radius: 6px;
    font-weight:bold !important;
}
.active-btn-demand123 {
    background-color: #EAF3FF !important;
    color: black;
    border: none;
    padding: 8px 16px;
    border-radius: 6px;
}
.blue-btn {
    background: linear-gradient(180deg, #61A6FF 0%, #3B88EA 100%);
    cursor:pointer;
}
.upskill-btn {
    border: 0.6px solid black;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 8px;
}
.trainer-logo {
    top: -44px;
    left: 50%;
    transform: translateX(-50%);
    box-shadow: 0 3px 8px rgba(0, 0, 0, 0.15);
}
.off-trainercard {
    background: linear-gradient(180deg, #ffffff 0%, #F0F9FF 100%);
    box-shadow: 0 6px 18px rgba(0, 0, 0, 0.08);
    min-height: 250px;
}
.star-rating {
    color:#6C6C6C;
    font-size:15px;
}
.train-data {
    font-size:15px;
}
.years-fs {
    font-size:12px;
}
.verti-line {
    width: 0.7px;
    height: 36px;
    background-color: #9C9C9C;
}
#trainerSplide1 .splide__list, #reviewsCardSplide .splide__list,
#trustpilotSplide .splide__list, #googleCardSplide .splide__list, #linkedinCardSplide .splide__list {
    height: fit-content;
}
#trainerSplide1 .splide__arrows, #reviewsCardSplide .splide__arrows,
#trustpilotSplide .splide__arrows, #googleCardSplide .splide__arrows, #linkedinCardSplide .splide__arrows {
    position: absolute;
    top: 106%;
    left: 45%;
    width: 100px;
}
#trainerSplide1 .splide__arrow--prev, #reviewsCardSplide .splide__arrow--prev,
#trustpilotSplide .splide__arrow--prev, #googleCardSplide .splide__arrow--prev, #linkedinCardSplide .splide__arrow--prev {
    left: 1em;
    top: 1rem;
}
#trainerSplide1 .splide__arrows svg, #reviewsCardSplide .splide__arrows svg,
#trustpilotSplide .splide__arrows svg, #googleCardSplide .splide__arrows svg, #linkedinCardSplide .splide__arrows svg {
    height: 0.8em;
    width: 0.8em;
}
#trainerSplide1 .splide__arrow--next, #reviewsCardSplide .splide__arrow--next,
 #trustpilotSplide .splide__arrow--next, #googleCardSplide .splide__arrow--next, #linkedinCardSplide .splide__arrow--next {
    right: 1em;
    top: 1rem;
}
.trustpilot_avatar_bg {
    background-color: #FFDDE8;
}
.trustpilot_avatar_initial {
    width: 30px;
    height: 30px;
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase;
    flex-shrink: 0;
}
.csm-tggle-btn {
    border: 1px solid #dcdcdc;
    border-radius: 8px;
    overflow: hidden;
}
.offer-csm-bg{
    background: linear-gradient(to bottom, #F0F9FF 0%, #FFFFFF 100%);
}

.csm-btn-color {
    background-color: #4f8df7 !important;
    color: white !important;
    border: none !important;
}

.csm-btn-color-faq {
    background-color: transparent !important;
    color: #000 !important;
    border: none !important;
}
.csm-btn-color-faq:hover {
    background-color: #f8f9fa !important;
}
.offercsm-dwnld{
    background: linear-gradient(180deg, #61A6FF 0%, #3B88EA 100%);
}
.offercsm-dwnld:hover{
    opacity:0.9;
}

#faq-container .accordion-button:focus {
    box-shadow: none;
}
 .csm-fqas {
    background-color: white !important;
    border: 1px solid #C4C5C7 !important;
}
.offers-features {
    max-height: 250px;
    overflow-y: auto;
    overflow-x: hidden;
}

/* WebKit Scrollbar */
.offers-features::-webkit-scrollbar {
    width: 6px;
}

.offers-features::-webkit-scrollbar-track {
    background: #f1f1f1;
    border-radius: 10px;
}

.offers-features::-webkit-scrollbar-thumb {
    background: #c1c1c1;
    border-radius: 10px;
}

.offers-features::-webkit-scrollbar-thumb:hover {
    background: #999;
}
.offers-features2 {
    max-height: 158px;
    overflow-y: auto;
    overflow-x: hidden;
}

/* WebKit Scrollbar */
.offers-features2::-webkit-scrollbar {
    width: 6px;
}

.offers-features2::-webkit-scrollbar-track {
    background: #f1f1f1;
    border-radius: 10px;
}

.offers-features2::-webkit-scrollbar-thumb {
    background: #c1c1c1;
    border-radius: 10px;
}

.offers-features2::-webkit-scrollbar-thumb:hover {
    background: #999;
}
.achieve-img{
    height: 212px;
}
.offersarrow{
  width: 20px;
  height: 20px;
}
.trend-path {
  stroke: #3B88EA;
  stroke-width: 25;
  stroke-linecap: round;
  stroke-linejoin: round;
  fill: none;
  stroke-dasharray: 800;
  stroke-dashoffset: 800;
  animation: draw 3s ease-in-out forwards infinite;
}

@keyframes draw {
  to {
    stroke-dashoffset: 0;
  }
}
.selectize-dropdown [data-selectable].option {
    opacity: 1;
    cursor: pointer;
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
}
@media(min-width:992px){
    #launcher {
        bottom: 50px !important;
    }
    #offers-ul {
        width: 820px !important;
        /* margin-left:10%; */
    }
    #cta-container {
        width: auto !important
    }
    .dwnld-cm {
        width:27% !important;
        font-size:15px;
    }
    .offers-sch-banner{
        justify-content:end !important;
        align-items:end!important;
    }
    .sticky-offer-off{
        font-weight:500!important;
        color:#000000!important;
    }
    .offers1-navbar.active {
        border-bottom: 3px solid black !important;
    }
    .offers1-navbar {
        border-bottom: none !important;
        transition: border-bottom 0.1s ease !important;
    }
    .csm-widt{
        width:80% !important;
    }
    .offers-pricing-header {
    text-align: center;
    margin-bottom: 40px;
    }
    .view-more-sched-csm{
        display: flex !important;
        align-items: center !important;
        margin-left: 460px !important;
    }
    .card_truncer {
        height: 3.5rem !important;
    }
    .view-cant-sched-csm{
        display: flex !important;
        align-items: center !important;
        margin-left: 460px !important;
    }
    .curriculm-csm-fs{
        font-size:14px !important;
    }
.offers-pricing-header {
  text-align: center;
  margin-bottom: 40px;
}

    .offers-pricing-header h2 {
    font-size: 24px;
    margin-bottom: 10px;
    }

    .offers-pricing-header p {
    color: #555;
    max-width: 700px;
    margin: 0 auto;
    }

    .offers-pricing-cards {
    display: flex;
    justify-content: center;
    gap: 30px;
    }

    .offers-pricing-card {
    width: 360px;
    border-radius: 12px;
    padding: 25px;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.08);
    position: relative;
    }

    .offers-pricing-card h3 {
    margin-bottom: 15px;
    }

    .offers-price {
    margin-bottom: 10px;
    }

    .offers-current {
    font-size: 22px;
    font-weight: bold;
    }

    .offers-old {
    margin-left: 8px;
    color: #999;
    text-decoration: line-through;
    }

    .offers-starting {
    font-size: 14px;
    margin-bottom: 15px;
    }

    .offers-features {
    list-style: none;
    padding: 0;
    margin-bottom: 20px;
    }

    .offers-features li {
    font-size: 14px;
    margin-bottom: 12px;
    padding-left: 18px;
    position: relative;
    }

    .offers-features li::before {
    content: "✔";
    position: absolute;
    left: 0;
    color: black;
    font-size: 12px;
    }

    .offers-btn {
    width: 100%;
    padding: 12px;
    border-radius: 8px;
    border: none;
    color: #fff;
    font-size: 15px;
    cursor: pointer;
    }

    .offers-basic {
        border: 2px solid #a1c3f7;
        background: #f0f4fb !important;
    }

    .offers-basic-btn {
    background: #3b82f6 !important;
    }

    .offers-premium {
    border: 2px solid #f59e0b;
    background: #fffaf3 !important;
    }

    .offers-premium-btn {
    background: #f59e0b !important;
    }

    .offers-badge {
        position: absolute;
        top: 28px;
        right: 90px;
        background: #f59e0b;
        color: #fff;
        font-size: 12px;
        padding: 4px 10px;
        border-radius: 5px;
    }

    .off-heading-fs {
        font-size:24px;
    }

    .position-lg-absolute {
        position: absolute;
    }
    .profile-image-container {
        top: -41px;
        left: 44%;
    }
    .cust-postioning {
        bottom: -22px;
        left: 46.5%;
    }
    .bar-height {
        height:13rem;
    }
    .upskill-btn {
        width:fit-content;
    }
    .achievement-list li {
        position: relative;
    }

    .card-img-top {
    height: 200px;
    object-fit: cover;
    }

}
@media(max-width:576px) {
    .plan-overflow {
        overflow-x: hidden;
    }
    .why-logs{
        width:25px !important;
        height:25px !important;
    }
    .why-logo1{
        width:20px !important;
        height:20px !important;
    }
    .trust-card {
        padding: 5px 5px !important;
    }
    .offerscsmban{
        margin-top:-20px;
    }
    .mob-mb {
        margin-bottom: 17px;
    }
    .upskill-btn  {
        overflow-x: auto;
    }
    .graph-btn {
         width: 63%;
    }
    .view-cant-sched-csm{
        display: flex !important;
        justify-content: center !important;
    }
    .upskill-btn::-webkit-scrollbar {
        width: 7px;
        -webkit-appearance: none;
        height:5px;
    }
    .upskill-btn::-webkit-scrollbar-thumb {
        background-color: #9ea5b1;
        border-radius: 4px;
    }
    .upskill-btn::-webkit-scrollbar-track {
        background-color: #f1f1f1;
        border-radius: 4px;
    }
    .upskill-btn::-webkit-scrollbar-thumb:hover {
        background-color: var(--prime-ft-color);
    }
    .off-heading-fs {
        font-size:20px;
    }
    .slary-hei {
        height: 10rem;
    }

    .image-size {
        width:80% !important;
    }
    .certifback1 {
        margin-left: -35px;
    }
    .modal-bottom {
        position: fixed !important;
        bottom: -1% !important;
    }
    .view-more-sched-csm{
        display: flex !important;
        justify-content: center !important;
    }
    .curriculm-csm-fs{
        font-size:12px !important;
    }
    .upc-btn-di {
        display:flex;
    }
    .btn-mob-width {
        width:100%;
    }
    #trainerSplide1 .splide__arrows, #reviewsCardSplide .splide__arrows,
    #trustpilotSplide .splide__arrows, #googleCardSplide .splide__arrows, #linkedinCardSplide .splide__arrows {
        position: absolute;
        top: 106%;
        left: 37%;
        width: 100px;
    }
     .off-card {
        border: 1px solid #4280EB;
        width: 180px;
        height: 220px !important;
    }
    .off-cards {
    border: 1px solid #F5B025;
    width: 180px;
    height: 220px !important;
    }

    .offers-basic {
        border: 1px solid #a1c3f7;
        background: #f0f4fb !important;
    }

    .offers-basic-btn {
    background: #3b82f6 !important;
    }

    .offers-premium {
    border: 1px solid #f59e0b;
    background: #fffaf3 !important;
    }

    .offers-premium-btn {
    background: #f59e0b !important;
    }
    .btn-bord-off {
        color: white !important;
    }
    .offers-badge {
        position: absolute;
        right: 22%;
        background: #f59e0b;
        color: #fff;
        font-size: 12px;
        padding: 4px 10px;
        border-radius: 5px;
    }
    .offerscca2 {
        background: linear-gradient(180deg, #61A6FF 0%, #3B88EA 100%);
        width: 90%;
        padding: 4px 0px;
    }
    .badge-offer{
        color:white !important;
        border:none !important;
    }
}
.upc-btn-di1 {
    display:none !important;
}
.certifback2 {
    margin-left: -4.938rem;
    margin-top: -34px;
}
.certifback1 {
    bottom: -42px;
    margin-left: -8px;
}
.review-free {
    background: linear-gradient(90deg, #fcf3e2 0%, #ffffff 100%);
}
.csm-third-div {
    width: 370px !important;
    border-right: 2px dashed #e9e9e9;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    padding: 11px 0 15px;
}
@media (min-width: 1200px) and (max-width: 1367px) {
    .csm-fourth-div {
        width: 300px !important;
    }
    .view-more-sched-csm{
        display: flex !important;
        align-items: center !important;
        margin-left: 420px !important;
    }
    .view-cant-sched-csm{
        display: flex !important;
        align-items: center !important;
        margin-left: 420px !important;
    }
}
.fixed-stickys {
    position: fixed !important;
    top: 2px;
    z-index: 2;
    width: 60% !important;
}
@media (min-width: 1567px) {
    .bottom-btn {
        width: 953px !important;
    }
}
.csm-first-div {
    width: 370px !important;
    border-right: 2px dashed #e9e9e9;
    position: relative;
}
.offer-csm-bgs {
    background:  linear-gradient(to bottom, #F0F9FF, #F0F9FF);
}
@media (min-width: 1567px) {
    .fixed-stickys {
        width: 17% !important;
    }
}
@media (min-width: 1240px) and (max-width: 1300px) {
    .csm-btn-equ1 {
        width: 118% !important;
    }
}
#faq-container .accordion-button:focus {
    box-shadow: none;
}

.selectize-input {
    background: white !important;
}

.selectize-dropdown-content {
    background: white !important;
}
#training123 {
    transition: box-shadow 0.3s ease;
    /* Smooth transition for shadow */
}

#training123.has-shadow {
    border: none;
    top: -56px;
    /* left: -20px; */
    content: "";
    z-index: 1;
    background: linear-gradient(180deg, hsla(0, 0%, 100%, 0), #aea7a729);
}
.video-mt {
    margin-top: -9px;
}
/* Chart bottom alignment */
.salary-chart {
  align-items: flex-end;
}


@media (max-width: 992px) {
    .btn-csm-inc {
        height: 32px !important;
    }
}
@media (min-width: 992px) {
    .offers1-sticky-form {
        position: fixed;
        z-index: 10;
        width: 23%;
        right: 3%;
    }
}
.wd-fit-csm{
    width:fit-content !important;
}
#contact_us_modal .fa-info-circle {
    position : absolute;
    display  : none;
    top      : 34%;
    right    : 3%;
    color    : #e14c58;
    font-size: 1rem !important;
}
#contact_us_modal .fa-info-circle.error {
    display: block !important;
}
.select-width-abs{
    top:-40px !important;
}
.hide-plans{
    display: none !important;
}
#venue_modal button {
    outline: none;
    cursor: pointer;
   border: none;
}
.discount-fs-offers-clr{
    color:#0FA50E !important;
    background:transparent !important;
}
.tooltp-offers{
    color:#2388FF !important;
}
.tooltp-offers span:nth-child(2){
    color:#2388FF !important;
}
.font-fs-set{
    font-size:13px !important;
}
.enq-txt-clr{
    color:#0735A1 !important;
}
@media(min-width:300px) and (max-width:350px){
    .fs-off1-hurry{
        font-size: 0.6rem !important;
    }
}
.offers1-bg-bg{
    background:#4792F1;
}
.offers1-txt-menu{
    width:100%;
    z-index:1045;
    transition: all 0.3s ease;
    height:auto;
}
@media (max-width: 475px) {
    #launcher {
        bottom: 50px !important;
    }
    .first-line-text {
        font-size: 0.75rem;
    }
}
@media (min-width: 300px) and (max-width:360px){
    .first-line-text {
        font-size: 0.7rem;
    }
}
