* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

/* Bootstrap 4 → 5 padding shims (live site uses pl-0, pr-0) */
.pl-0 { padding-left: 0 !important; }
.pr-0 { padding-right: 0 !important; }

/* form-group margin (removed in Bootstrap 5) */
.form-group { margin-bottom: 1rem; }

a {
    text-decoration: none;
}

@font-face {
    font-family: 'leagueSpartan-Black';
    src: url('../font/leagueSpartan/LeagueSpartan-Black.ttf');
}

@font-face {
    font-family: 'leagueSpartan-Bold';
    src: url('../font/leagueSpartan/LeagueSpartan-Bold.ttf');
}

@font-face {
    font-family: 'leagueSpartan-ExtraLight';
    src: url('../font/leagueSpartan/LeagueSpartan-ExtraLight.ttf');
}

@font-face {
    font-family: 'leagueSpartan-Light';
    src: url('../font/leagueSpartan/LeagueSpartan-Light.ttf');
}

@font-face {
    font-family: 'leagueSpartan-Medium';
    src: url('../font/leagueSpartan/LeagueSpartan-Medium.ttf');
}

@font-face {
    font-family: 'leagueSpartan-Regular';
    src: url('../font/leagueSpartan/LeagueSpartan-Regular.ttf');
}

@font-face {
    font-family: 'leagueSpartan-SemiBold';
    src: url('../font/leagueSpartan/LeagueSpartan-SemiBold.ttf');
}

@font-face {
    font-family: 'leagueSpartan-Thin';
    src: url('../font/leagueSpartan/LeagueSpartan-Thin.ttf');
}

body {
    font-family: 'leagueSpartan-Regular';
}

.cus-container {
    width: 90%;
    max-width: 90%;
    margin: 0 auto;
}

header {
    position: absolute;
    top: 0px;
    z-index: 1;
    width: 100%;
}

header .logo {
    width: 110px;
}


.old-img {
        color: #a07415;
}

.bg-main-banner {
    width: 100%;
    background: url(../img/talent/banner.jpg);
    background-size: cover;
    background-position: center;
}

.card-set {
    width: 19%;
    
}

.card-align-two {
    position: relative;
    top: -37px;
}

.card-align-center {
    position: relative;
    top: -74px;
}

.card-details.card-align-center .page-heading {
    position: absolute;
    bottom: 10px;
    left: 50%;
    transform: translateX(-50%);
    white-space: nowrap;
}
.card-details img{
    border-radius: 18px;
}
.page-heading {
    color: #F8F7FA;
font-family: 'leagueSpartan-Bold';
padding-top: 30px;
font-size: 25px;
font-style: normal;
font-weight: 600;
line-height: 150%; /* 37.5px */
letter-spacing: 0.75px;
text-transform: uppercase;
}

.left-side-heading {
    font-family: 'leagueSpartan-Bold';
font-size: 20px;
font-style: normal;
font-weight: 600;
line-height: 150%; /* 30px */
letter-spacing: 0.6px;
text-transform: uppercase;
background: linear-gradient(90deg, #F00 0%, #FFC500 100%);
background-clip: text;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}

.left-side-list {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}

.left-side-list a {
    color: #FFF;
    font-family: 'leagueSpartan-Light';
    font-size: 20px;
    font-style: normal;
    font-weight: 200;
    line-height: 130%; /* 23.4px */
    letter-spacing: 0.54px;
}

.left-side-list .active {
    background: linear-gradient(90deg, #AB0F00 0%, #830B00 71.15%, rgba(69, 6, 0, 0.00) 100%);
    padding: 5px 6px;
}

.Category-name{
        font-family: 'leagueSpartan-Bold';
       font-size: 20px;
        letter-spacing: 0.80px;
        text-transform: capitalize;
}
@media (max-width:991px) {

.tempform-rgt {
    top: 0px !important;
    left: 0px !important;
}
}

@media (max-width:768px) {
    .card-set {
    width: 32%;
}
} 

@media (max-width:575px) {
    .page-heading {
            position: absolute;
    bottom: -74px;
    left: 50%;
    transform: translateX(-50%);
    }
}

.left-side {
    position: sticky;
    top: 0;
    max-height: 100vh;
}

/* ===== FORM PAGE STYLES (from talent-categories-set-1) ===== */

.talentform-section {
    background-color: #F7F7F9;
    padding: 40px 0px 50px 0px;
}

.talentform-rgt {
    background: #f7f7f9;
    padding: 40px 40px 40px 40px;
}

.talentform-rgt h5 {
    font-size: 18px;
    font-weight: bold;
    line-height: 18px;
    margin-bottom: 12px;
    color: #000;
    letter-spacing: 0.2px;
    margin-top: 20px;
}

.talentform-rgt h5 i {
    font-size: 13px;
    position: relative;
    top: -1px;
}

option {
    background: #444444;
    color: #fff;
}

option:checked {
    background: #d6d6d6;
    color: #000000 !important;
}

/* cd-breadcrumb */
.cd-breadcrumb {
    width: 100%;
    padding-left: 0;
    list-style: none;
    margin-bottom: 12px;
}
.cd-breadcrumb::after {
    clear: both;
    content: "";
    display: table;
}
.cd-breadcrumb li {
    display: inline-block;
    float: left;
    margin: 0.5em 0;
}
.cd-breadcrumb li::after {
    display: inline-block;
    content: "\00bb";
    margin: 0 0.6em;
    color: #959fa5;
}
.cd-breadcrumb li:last-of-type::after {
    display: none;
}
.cd-breadcrumb li > * {
    display: inline-block;
    font-size: 14px;
    color: #2c3f4c;
}
.cd-breadcrumb li.current > * {
    color: #d1300f;
}
.no-touch .cd-breadcrumb a:hover {
    color: #d1300f;
}
.cd-breadcrumb.custom-separator li::after {
    content: ">";
    margin: 0 0.6em;
    color: #959fa5;
    font-size: 14px;
}

/* personal-det section wrapper */
.personal-det {
    margin-bottom: 8px;
}

/* Work Experience section — matches live site .others-sections */
.talentform-rgt .others-sections {
    margin-top: 20px;
}
.talentform-rgt .others-sections h5 {
    font-size: 18px;
    font-weight: bold;
    line-height: 18px;
    margin-bottom: 12px;
    color: #000;
    letter-spacing: 0.2px;
    margin-top: 20px;
}
.talentform-rgt .others-sections h5 i {
    font-size: 13px;
    position: relative;
    top: -1px;
}
.talentform-rgt .others-sections label {
    font-weight: 600;
    font-size: 14px;
    color: #1a1a1a;
    display: block;
}
.talentform-rgt .exp-set-sect {
    margin-bottom: 12px;
}
.talentform-rgt .exp-set-sect .add-entry,
.talentform-rgt .exp-set-sect .remove-entry {
    font-size: 13px;
}
.talentform-rgt .form-details {
    padding-left: 0;
    padding-right: 0;
}

/* Fix Bootstrap 5 overriding custom-select arrow on selects */
.talentform-rgt .custom-select select,
.tempform-rgt .custom-select select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-image: none;
}

/* Scope form styles to tempform-rgt (the actual class used in the form) */
.tempform-rgt .form-control {
    border: 1px solid #c4c3c3;
    box-shadow: none !important;
    border-radius: 0px;
    height: 45px !important;
    background: transparent;
    font-size: 14px;
    color: #1a1a1a;
}

.tempform-rgt .form-control:focus {
    border: 1px solid #000 !important;
    box-shadow: none !important;
}

.tempform-rgt textarea.form-control {
    height: auto !important;
}

.tempform-rgt .form-select {
    border-radius: 0px;
    height: 45px !important;
    border: 1px solid #c4c3c3;
    box-shadow: none !important;
}

.tempform-rgt .input-group-text {
    background: #454545;
    color: #fff;
    border: 1px solid #454545;
    border-radius: 0px;
    width: 42px;
    justify-content: center;
}

.tempform-rgt .input-group .form-control {
    border-radius: 0px;
}

.tempform-rgt .note {
    font-size: 12px;
    font-style: italic;
    display: block;
    margin-top: 3px;
}

/* File input: "Choose Image" dark button via ::before on wrapper div */
.file-upload-wrapper {
    position: relative;
    width: 100%;
    height: 46px;
    border: 1px solid #c4c3c3;
    overflow: hidden;
    display: block;
    background: #fff;
}

.file-upload-wrapper::before {
    content: "Choose Image";
    position: absolute;
    top: 0;
    right: 0;
    display: inline-block;
    height: 46px;
    background: #454545;
    color: #fff;
    font-weight: 700;
    z-index: 25;
    font-size: 14px;
    line-height: 43px;
    padding: 0 8px;
    pointer-events: none;
    border-radius: 0 0 0 0;
    letter-spacing: 1px;
}

.file-upload-wrapper input[type="file"] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    cursor: pointer;
    z-index: 26;
}

.file-upload-wrapper + .note,
.file-upload-wrapper ~ .note {
    font-size: 12px;
    font-style: italic;
    display: block;
    margin-top: 3px;
}

::-webkit-input-placeholder {
    color: #1a1a1a !important;
    opacity: 1 !important;
}
::-moz-placeholder {
    color: #1a1a1a !important;
    opacity: 1 !important;
}
:-ms-input-placeholder {
    color: #1a1a1a !important;
    opacity: 1 !important;
}
:-moz-placeholder {
    color: #1a1a1a !important;
    opacity: 1 !important;
}



@media (max-width:992px){
      .formspage-left.left-side img{
        display: none;
      }
      .formspage-left.left-side .left-side-list{
        position: static;
        transform: none;
      }
      .tempform-rgt{
        position: static;
      }
      .talentform-section .talentform-rgt{
            position: static;
      }
      .formspage-left.left-side .left-side-list a{
        color: #000;
      }
}