.messageBtnFixedPosition {
    position: absolute;
    right: 0px;
    z-index: 99;
    top: -20px;
}
.sectionOne {
    background: linear-gradient(179.91deg, #AADCEE 0.07%, rgba(170, 220, 238, 0) 92.76%);
}
.sectionTwo {
    background: #F5F5F6;
}

.sectionThreeLeftContainer {
    background-image: url("{{ asset('theme/theme-a/assets/images/welcome-page-svgs/section-two-bg.svg') }}");
    background-repeat:no-repeat;
    background-size:contain;
    background-position: left top;
}
.sectionThree {
    background: linear-gradient(208.16deg, #FFD46C 12.91%, #F15752 107.05%);
}
.sectionFour {
    background: #ffffff;
}

.sectionFive {
    /* background-color: #FFFFFF; */
    background: linear-gradient(336deg, #29303D -8.76%, #958CD9 128.69%);;
}

.sectionSix {
    /* background-color: #FFFFFF; */
    background: #ffffff;
    background-image: url("{{ asset('theme/theme-a/assets/images/welcome-page-svgs/section-six-bg.png') }}");
    background-repeat:no-repeat;
    background-size:contain;
    z-index: 99999 !important;
    /* background-position: left top; */
}

.orangeLinkColor {
    color: #F99960;
}

.secondNav {
    background: rgba(41, 48, 61, 0.7);
}
.secondNavDiv {
    /* background: linear-gradient(208.16deg, #FFD46C 12.91%, #F15752 107.05%); */
    background: rgba(41, 48, 61, 0.1);
}


.sectionOneBgCard {
    background: #ffffff;
    box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.25);
    border-radius: 18.75px 0px 0px 18.75px;
}

@media (min-width: 768px) {
    .sectionOneBgCard {
        background: #29303D;
        box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.25);
        border-radius: 18.75px 0px 0px 18.75px;
    }

    .sectionOneAlignTextGrpCard {
        left: -5rem;
        top: 0rem;
        background-color: #ffffff !important;
    }
}


/* start::carousel css */
.carousel-inner {
    padding: 1em;
}
.card {
    margin: 0 0.5em;
    box-shadow: 2px 6px 8px 0 rgba(22, 22, 26, 0.18);
    border: none;
}

@media (min-width: 768px) {
    .carousel-item {
        margin-right: 0;
        flex: 0 0 33.333333%;
        display: block;
    }
    .carousel-inner {
        display: flex;
    }
}
.card .img-wrapper {
    max-width: 100%;
    height: 13em;
    display: flex;
    justify-content: center;
    align-items: center;
}
.card img {
    max-height: 100%;
}

@media (max-width: 767px) {
    .card .img-wrapper {
        height: 17em;
    }
}

/* end::carousel css */

.workingTimeCardImg {
    bottom: -3.5rem;
}

.networkingCardImg {
    bottom: -3.5rem;
}

.todoListCardImg {
    bottom: -3.5rem;
}

.personOnMeetingCallCardImg {
    top: -3.5rem;
}


.sectionOneAlignTextGrpCard {
    left: -5rem;
    top: 0rem;
    background-color: #29303D;
}

.sectionOneAlignJobsGrpImgCard {
    left: 0;
    bottom: 0;
}

.sectionOneAlignTitleCard {
    left: -5rem;
    top: -7rem;
}


@media only screen and (min-width: 239px) and (max-width: 347px)  {
    /* .sectionOneAlignJobsGrpImg {
        left: -5rem;
        top: 95% !important;
    } */
}

.sectionFourAlignJobsGrpImgCard {
    left: 0;
    bottom: -62px;
}
.sectionFourAlignTitleCard {
    left: -5rem;
    top: -10rem;
}

.sectionFourAlignTextGrpCard {
    left: -5rem;
    top: 0rem;
}

.aboutUsImg {
    left: 24px;
    top: -26px;
    width: 80%;
}

.JobCompatibilityReportCard{
    background: linear-gradient(90deg, #FFD06B -17.09%, #F25A53 106.11%);
}
.litQSmartResume{
    background: linear-gradient(90deg, #F05755 -3.73%, #B45ECD 102.12%);
}
.videoIntroduction{
    background: linear-gradient(90deg, #B160D1 -2.99%, #74BEE2 101.69%);
}

.sectionTwoRightSideCard {
    background: linear-gradient(135deg, #F25D54 0%, #FFD26C 100%);
}

/* .carousel-control-prev, .carousel-control-next {
    width: 7vh !important;
    height: 7vh !important;
    border-radius: 50% !important;
    top: unset !important;
    bottom: 0 !important;
    transform: translateY(-50%) !important;
} */

.cardHeaderGraidentBgColor {
    background: linear-gradient(90.59deg, #F45F55 0%, #FFD06C 103.58%);
}

.accordion-button::after {
    background-color: #ffffff;
    border-radius: 6px;
    flex-shrink: 0;
    width: 2.25rem;
    height: 2.25rem;
    margin-left: auto;
    content: "";
    background-image: url(data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23525F7F'%3e%3cpath fill-rule='evenodd' d='M8 4a.5.5 0 0 1 .5.5v3h3a.5.5 0 0 1 0 1h-3v3a.5.5 0 0 1-1 0v-3h-3a.5.5 0 0 1 0-1h3v-3A.5.5 0 0 1 8 4z'/%3e%3c/svg%3e);
    background-repeat: no-repeat;
    background-size: 2.25rem;
    transition: transform 0.2s ease-in-out;
}

.editableField {
    background-color: #f1f1f1;
}

.cardHeaderBlueGraidentBgColor {
    background: linear-gradient(90.24deg, #7D97F4 19.44%, #4663CA 115.11%, #5D598E 115.11%);
}

.cardToggleBtn {
    cursor: pointer;
}