.custom-btn {
    padding: 4px 12px 4px 12px !important;
    gap: 6px;
    border-radius: 6px 6px !important;
    background: #036 !important;
    color: #fff !important;
    margin-top: 10px !important;
    display: inline-block;
}

img.footer-logo {
    height: 106px;
    padding: 10px;
}

.lspacing > li[data-v-2f968f52] {
    padding: 5px;
}

.goog-te-banner-frame.skiptranslate {
    display: none !important;
}

body {
    top: 0px !important;
}

.goog-te-gadget-simple {
    margin-top: 3vh;
}

.goog-te-gadget-icon {
    display: none;
}

.language {
    border: none !important;
    color: #35497f !important;
}

nav.navbar.bootsnav.navbar-fixed {
    top: 0 !important;
}

/* Accessibility Widget CSS */

.accessibility-btn {
    position: fixed;
    bottom: 50%;
    z-index: 9999;
    width: 55px;
    height: 55px;
    background: #222;
    color: #fff;
    border: none;
    border-radius: 50%;
    cursor: pointer;
    outline: none;
    transition: all 0.3s ease-in-out;
}

.accessibility-btn:hover {
    background: #555;
}

#accessibility-widget {
    position: fixed;
    top: 50%;
    left: 0px;
    z-index: 1000;
    transform: translateY(-50%);
}

.widget-container {
    display: flex;
    justify-content: center;
    align-items: center;
}

.widget-card {
    background-color: rgb(239, 248, 243);
    border: 1px solid #ccc;
    border-radius: 4px;
    padding: 10px 15px;
    display: flex;
    flex-direction: column;
    margin: 10px;
    max-width: 400px;
    align-self: center;
    transition: left 200ms ease;
    box-shadow: rgba(0, 0, 0, 0.2) 0px 5px 5px -3px, rgba(0, 0, 0, 0.14) 0px 8px 10px 1px, rgba(0, 0, 0, 0.12) 0px 3px 14px 2px;
}

.widget-card button {
    background-color: transparent;
    color: #1e83f7;
    padding: 7px 8px;
    margin: 6px 0;
    border: 1px solid #1e83f7;
    border-radius: 5px;
    cursor: pointer;
    font-size: 16px;
    transition: background-color 0.3s;
    font-weight: 600;
}

.widget-card button:hover {
    background-color: #1e83f7;
    color: #fff;
}

.accessibility-close-btn {
    border-radius: 50%;
    width: 45px;
    height: 45px;
    background-color: #222;
    color: #fff;
    font-size: 20px;
    border: none;
}

.accessibility-close-btn:hover {
    background-color: #555;
}

.monochrome {
    filter: grayscale(100%) invert(75%) contrast(120%);
}

.inverted {
    filter: invert(75%) contrast(120%);
}


.bigcursor * {
    cursor: url("{{asset('assets/images/cursor.svg')}}"), auto !important
}

.font_bold {
    font-weight: 600;
    color: black;
}

.styled-link {
    display: block;
    padding: 10px 20px;
    border-radius: 40px;
    font-size: 14px;
    cursor: pointer;
    color: #ffffff;
    background-color: #007bff;
    z-index: 99999;
    position: fixed;
    top: 10px;
    left: 50%;
    transition: transform 200ms ease 200ms;
    transform: translateX(-50%) translateY(-150%);
}

.styled-link:focus {
    background-color: #5bc0de;
    transform: translateX(-50%) translateY(0%);
}

.reading-guide {
    height: 4px;
    width: 100vw;
    position: fixed;
    left: 0px;
    top: 4px;
    display: none;
    z-index: 999999;
    pointer-events: none;
}

.reading-guide-visible {
    background-color: #cde400;
    display: block !important;
}

.download-link {
    text-align: center;
    margin-bottom: 0px;
    color: #007bff;
    text-decoration: underline;
    font-size: 1.3rem;
    /* 14px divided by 16px */
}

.custom-btn-style {
    background-color: #036 !important;
    border: none;
    color: white !important;
    padding: 10px 5px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    margin: 4px 2px;
    cursor: pointer;
    border-radius: 12px;
    width: 130px
}

.custom-btn-style:hover {
    background-color: #45a049;
}


@media (max-width: 768px) {
    nav.navbar.bootsnav.navbar-mobile .navbar-collapse.in {
        left: 0px;
        top: 57px;
    }

    .language {
        margin-left: 2px;
    }

    .logo {
        margin-bottom: 8px;
    }

    .img_logo {
        text-align: center;
    }

}

@media (max-width: 568px) {
    nav.navbar.bootsnav.navbar-mobile .navbar-collapse.in {
        left: 0px;
        top: 57px;
    }

    .logo {
        margin-bottom: 8px;
    }

    .language {
        margin-left: 15px;
    }

    .sub_heading {
        margin-left: 15px !important;
    }

    .talent_reg {
        width: 45%;
        display: inline-block;
    }

    .company_reg {
        width: 45%;
        display: inline-block;
        vertical-align: top;
    }

    .img_logo {
        text-align: center;
    }

    .technical_support {
        text-align: center !important;
    }

}

.lang-switch {
    position: relative;
    display: inline-block;
    width: 80px;
    height: 34px;
}

.lang-switch input {
    opacity: 0;
    width: 0;
    height: 0;
}

.slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    transition: .4s;
    border-radius: 34px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 10px;
    font-weight: bold;
    color: white;
    font-family: Arial, sans-serif;
}

.slider:before {
    position: absolute;
    content: "";
    height: 30px;
    width: 40px;
    left: 2px;
    bottom: 2px;
    background-color: white;
    transition: .4s;
    border-radius: 34px;
}

.lang-text {
    z-index: 1; /* Keeps text on top of the slider */
}

.gha {
    color: #fff;
}

.eng {
    color: #000;
}

input:checked + .slider {
    background-color: #4CAF50; /* Green background for GHA */
}

input:checked + .slider:before {
    transform: translateX(40px); /* Slide the inner slider */
}

input:not(:checked) + .slider .gha {
    color: #000;
}

input:not(:checked) + .slider .eng {
    color: #fff;
}

footer span{
    color:  #fff;
}

.fa-link{
    color: black;
}


/* Base class for card */
.card {
    position: relative;
    display: flex;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 1px solid rgba(0, 0, 0, 0.125);
    border-radius: 0.25rem;
}

/* Card body (main content area) */
.card-body {
    flex: 1 1 auto;
    padding: 1.25rem;
}

/* Card title */
.card-title {
    margin-bottom: 0.75rem;
}

/* Card subtitle */
.card-subtitle {
    margin-top: -0.375rem;
    margin-bottom: 0;
}

/* Card text */
.card-text:last-child {
    margin-bottom: 0;
}

/* Card link */
.card-link + .card-link {
    margin-left: 1.25rem;
}

/* Card header */
.card-header {
    padding: 0.75rem 1.25rem;
    margin-bottom: 0;
    background-color: rgba(0, 0, 0, 0.03);
    border-bottom: 1px solid rgba(0, 0, 0, 0.125);
}

/* Card footer */
.card-footer {
    padding: 0.75rem 1.25rem;
    background-color: rgba(0, 0, 0, 0.03);
    border-top: 1px solid rgba(0, 0, 0, 0.125);
}

/* Card image top */
.card-img-top {
    width: 100%;
    border-top-left-radius: calc(0.25rem - 1px);
    border-top-right-radius: calc(0.25rem - 1px);
}

/* Card image bottom */
.card-img-bottom {
    width: 100%;
    border-bottom-left-radius: calc(0.25rem - 1px);
    border-bottom-right-radius: calc(0.25rem - 1px);
}

/* Card group - horizontal alignment of multiple cards */
.card-group > .card {
    margin-bottom: 0.75rem;
}

@media (min-width: 576px) {
    .card-group {
        display: flex;
        flex-flow: row wrap;
    }
    .card-group > .card {
        flex: 1 0 0%;
        margin-bottom: 0;
    }
}

/* Card deck - equal height and width */
.card-deck .card {
    margin-bottom: 15px;
}

@media (min-width: 576px) {
    .card-deck {
        display: flex;
        flex-flow: row wrap;
        margin-right: -15px;
        margin-left: -15px;
    }
    .card-deck .card {
        flex: 1 0 0%;
        margin-right: 15px;
        margin-bottom: 0;
        margin-left: 15px;
    }
}

/* Card columns - masonry style layout */
.card-columns .card {
    margin-bottom: 0.75rem;
}

@media (min-width: 576px) {
    .card-columns {
        column-count: 3;
        column-gap: 1.25rem;
        orphans: 1;
        widows: 1;
    }
    .card-columns .card {
        display: inline-block;
        width: 100%;
    }
}

/* Card img overlay - overlays text on an image */
.card-img-overlay {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    padding: 1.25rem;
    border-radius: calc(0.25rem - 1px);
    color: white;
}

/* Optional: Background color utility classes (examples) */
.bg-primary {
    background-color: #007bff !important;
}

.bg-success {
    background-color: #28a745 !important;
}

/* Optional: Border color utility classes (examples) */
.border-primary {
    border-color: #007bff !important;
}

.border-success {
    border-color: #28a745 !important;
}

/* Optional: Text color utility classes (examples) */
.text-white {
    color: #fff !important;
}

.text-muted {
    color: #6c757d !important;
}

.icon-color1 { color: #FF5733; } /* Red */
.icon-color2 { color: #33FF57; } /* Green */
.icon-color3 { color: #3357FF; } /* Blue */
.icon-color4 { color: #FF33A1; } /* Pink */
.icon-color5 { color: #FF8C00; } /* Orange */
.icon-color6 { color: #32CD32; } /* Lime Green */
.icon-color7 { color: #FFD700; } /* Yellow */
.icon-color8 { color: #8A2BE2; } /* Blue Violet */
.icon-color9 { color: #FF6347; } /* Tomato */
.icon-color10 { color: #800080; } /* Purple */
.icon-color11 { color: #00BFFF; } /* Deep Sky Blue */
.icon-color12 { color: #20B2AA; } /* Light Sea Green */
.icon-color13 { color: #FF1493; } /* Deep Pink */
.icon-color14 { color: #00CED1; } /* Dark Turquoise */
.icon-color15 { color: #DAA520; } /* Goldenrod */
.icon-color16 { color: #2E8B57; } /* Sea Green */
.icon-color17 { color: #ADFF2F; } /* Green Yellow */
.icon-color18 { color: #4B0082; } /* Indigo */
.icon-color19 { color: #A52A2A; } /* Brown */
.icon-color20 { color: #E9967A; } /* Dark Salmon */
.icon-color21 { color: #D2691E; } /* Chocolate */
.icon-color22 { color: #FF4500; } /* Orange Red */
.icon-color23 { color: #008080; } /* Teal */
.icon-color24 { color: #B22222; } /* Firebrick */
.icon-color25 { color: #7FFF00; } /* Chartreuse */
.icon-color26 { color: #00FA9A; } /* Medium Spring Green */




/*new css*/

input,
textarea,
select,
.form-control,
.form-select,
.form-textarea {
    margin-bottom: 0 !important;
    outline: 0 !important;
}


.select2-selection {
    border: 1px solid #d5d5d5 !important;
    padding: 6px !important;
    border-radius: 0 !important;
}