body {
    font-family: Barlow-Regular;
    color: #373F41;
}

@font-face {
    font-family: 'Stay Classy Stylish ExtraBold';
    src: url('../fonts/Stay Classy Stylish ExtraBold.ttf') format('truetype');
}

@font-face {
    font-family: 'Inter-Regular';
    src: url('../fonts/Inter-Regular.ttf') format('truetype');
}

@font-face {
    font-family: 'Inter-Light';
    src: url('../fonts/Inter-Light.ttf') format('truetype');
}

@font-face {
    font-family: 'Inter-Medium';
    src: url('../fonts/Inter-Medium.ttf') format('truetype');
}

@font-face {
    font-family: 'Inter-Bold';
    src: url('../fonts/Inter-Bold.ttf') format('truetype');
}

@font-face {
    font-family: 'Inter-SemiBold';
    src: url('../fonts/Inter-SemiBold.ttf') format('truetype');
}

@font-face {
    font-family: 'Barlow-Regular';
    src: url('../fonts/Barlow-Regular.ttf') format('truetype');
}

@font-face {
    font-family: 'Barlow-Medium';
    src: url('../fonts/Barlow-Medium.ttf') format('truetype');
}

@font-face {
    font-family: 'Barlow-Bold';
    src: url('../fonts/Barlow-Bold.ttf') format('truetype');
}

@font-face {
    font-family: 'Barlow-SemiBold';
    src: url('../fonts/Barlow-SemiBold.ttf') format('truetype');
}
@font-face {
    font-family: 'dinpro_condensedmedium';
    src: url('../fonts/dinpro_condensedmedium.otf') format('opentype');
}
@font-face {
    font-family: 'dinpro_condensedregular';
    src: url('../fonts/dinpro_condensedregular.otf') format('opentype');
}

.dinpro_condensedmedium {
    font-family: 'dinpro_condensedmedium';
}
.dinpro_condensedregular {
    font-family: 'dinpro_condensedregular';
}


@font-face {
    font-family: 'hindvadodara-regular';
    src: url('../fonts/hindvadodara-regular.ttf') format('truetype');
}
@font-face {
    font-family: 'hindvadodara-medium';
    src: url('../fonts/hindvadodara-medium.ttf') format('truetype');
}
@font-face {
    font-family: 'hindvadodara-bold';
    src: url('../fonts/hindvadodara-bold.ttf') format('truetype');
}
@font-face {
    font-family: 'hindvadodara-light';
    src: url('../fonts/hindvadodara-light.ttf') format('truetype');
}
@font-face {
    font-family: 'hindvadodara-semibold';
    src: url('../fonts/hindvadodara-semibold.ttf') format('truetype'), url('../fonts/khand-bold.ttf') format('truetype'), url('../fonts/khand-light.ttf') format('truetype'), url('../fonts/khand-medium.ttf') format('truetype'), url('../fonts/khand-regular.ttf') format('truetype'), url('../fonts/khand-semibold.ttf') format('truetype');
}
@font-face {
    font-family: 'khand-bold';
    src: url('../fonts/khand-bold.ttf') format('truetype');
}
@font-face {
    font-family: 'khand-light';
    src: url('../fonts/khand-light.ttf') format('truetype');
}
@font-face {
    font-family: 'khand-medium';
    src: url('../fonts/khand-medium.ttf') format('truetype');
}
@font-face {
    font-family: 'khand-regular';
    src: url('../fonts/khand-regular.ttf') format('truetype');
}
@font-face {
    font-family: 'khand-semibold';
    src: url('../fonts/khand-semibold.ttf') format('truetype');
}

@font-face {
    font-family: 'devanagari-semibold';
    src: url('../fonts/NotoSans-Bold.ttf') format('truetype');
}
@font-face {
    font-family: 'devanagari';
    src: url('../fonts/NotoSansDevanagari-Regular.ttf') format('truetype');
}

.devanagari {
    font-family: 'devanagari-regular';
}
.devanagari-semibold {
    font-family: 'devanagari-semibold';
}
.khand-regular {
    font-family: 'khand-regular';
}
.khand-medium {
    font-family: 'khand-medium';
}
.khand-bold {
    font-family: 'khand-bold';
}
.khand-semiBold {
    font-family: 'khand-semibold';
}
.khand-light {
    font-family: 'khand-light';
}
.hind-regular {
    font-family: 'hindvadodara-regular';
}
.hind-bold {
    font-family: 'hindvadodara-bold';
}
.hind-light {
    font-family: 'hindvadodara-light';
}
.regular {
    font-family: 'Barlow-Regular';
}

.bold {
    font-family: 'Barlow-Bold';
}

.semi-bold {
    font-family: 'Barlow-SemiBold';
}

.medium {
    font-family: 'Barlow-Medium';
}

.fs-14 {
    font-size: 14px;
}

.fs-18 {
    font-size: 18px;
}

.fs-20 {
    font-size: 20px;
}

.fs-22 {
    font-size: 22px;
}

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

.fs-32 {
    font-size: 32px;
}

/*fonts*/
.trident-button {
    background-color: #0F7E71;
    border: 1px solid #0F7E71;
    color: #FFFFFF;
    padding: 5px 20px;
    border-radius: 3px;
    box-shadow: 2px 2px 4px 0px #00000040;
    font-family: 'Barlow-Regular';
}

    .trident-button:hover {
        /*background-color: transparent;
        border: 1px solid #0F7E71;
        color: #0F7E71;
        padding: 5px 20px;
        border-radius: 3px;*/
        background-color: #FDB913;
        color: #0F7E71 !important;
        border-color: #FDB913;
    }

.trident-register-2 {
    background-color: #0F7E71;
    border: 1px solid #0F7E71;
    color: #FFFFFF;
    padding: 5px 20px;
    border-radius: 3px;
    box-shadow: 2px 2px 4px 0px #00000040;
    font-family: 'Barlow-Regular';
}

    .trident-register-2:hover {
        background-color: #FDB913;
        color: #0F7E71 !important;
        border-color: #FDB913;
    }

.trident-button3 {
    background-color: transparent;
    border: 1px solid #0F7E71;
    color: #0F7E71;
    padding: 4px 16px;
}

.trident-button-disable {
    background-color: #C9C9C9;
    border: 1px solid #C9C9C9;
    color: #8D8D8D;
    padding: 5px 20px;
    border-radius: 3px;
    box-shadow: 2px 2px 4px 0px #00000040;
    cursor: not-allowed;
}

.error-msg {
    color: red !important;
    text-align: left;
    font-size: 14px;
    margin-bottom: 5px;
    margin-left: 0px;
    margin-top: 10px;
}

.login-popup-background {
    box-shadow: 0px 2px 4px 0px #00000033;
    border-bottom-left-radius: 30px;
    border-top-right-radius: 30px;/*
    min-height: calc(100vh - 100px);
    margin-bottom: 130px;*/
}

.register-popup-background {
    box-shadow: 2px 4px 8px 0px #00000033;
    padding-top: 10px;
}

.color-white {
    color: #FFFFFF
}

.color-red {
    color: #E20015;
}

.color-black {
    color: #000000;
}

.color-light-gray {
    color: #606161;
}

.red-col {
    color: #E20015;
}

.color-green {
    color: #028676;
}

.color-blue {
    color: #007BFF;
}

.color-light-black {
    color: #777479;
}

.blue-circle {
    height: 15px;
    width: 15px;
    border-radius: 50%;
    display: inline-block;
    border: 2px solid #007BFF;
    margin-bottom: -2px;
}

.green-circle {
    height: 15px;
    width: 15px;
    border-radius: 50%;
    display: inline-block;
    margin-bottom: -2px;
    background-color: #028676;
}

.gray-circle {
    height: 15px;
    width: 15px;
    border-radius: 50%;
    display: inline-block;
    margin-bottom: -2px;
    background-color: #D9D9D9;
}



.linea {
    border-top: 2px solid red;
    display: block;
}

.background-dark-blue {
    background-color: #2D2F77;
    border-bottom-left-radius: 30px;
    border-top-right-radius: 30px;
}

.line-box {
    background-color: #C0A062;
    display: block;
    width: 100%;
    height: 1px;
    margin-bottom: 13px;
}

.hr-lines:before {
    content: " ";
    display: block;
    height: 3px;
    width: 30px;
    position: absolute;
    top: 50%;
    left: 0;
    background: #FDB913;
    border-radius: 20px;
}

.hr-lines {
    position: relative;
    max-width: 500px;
    padding-left: 37px;
}

.back-box-gold {
    background-color: #C0A062;
    border-bottom-left-radius: 30px;
    border-top-right-radius: 30px;
    box-shadow: 2px 4px 10px 0px #00000040;
}

.back-box-white {
    background-color: #FFFFFF;
    border-bottom-left-radius: 30px;
    border-top-right-radius: 30px;
    box-shadow: 0px 4px 8px 0px #00000040;
    height: 185px;
}

.custom-scroll::-webkit-scrollbar {
    width: 5px;
    border-top-right-radius: 30px;
}

/* Handle */
.handle::-webkit-scrollbar-thumb {
    background: #888;
}

.View-me {
    background-color: transparent;
    border: 0px solid transparent;
    color: #FFFFFF;
    padding: 0px 0px;
}

.list-group {
    padding-left: 16px !important;
}

    .list-group ul li {
        padding: 10px !important;
    }

.list-group-icon {
    padding-left: 18px !important;
    list-style-image: url(/images/list-icon.png);
}

    .list-group-icon ul li {
        padding: 10px !important;
    }

.box-height-1 {
    height: 430px;
    overflow: auto;
}

.box-height-2 {
    height: 470px;
    overflow: auto;
}

.bg-testimonial {
    background: linear-gradient( to left, #ffffff 0%, #ffffff 50%, #0F7E71 50%, #0F7E71 100% );
}

.shadow-testimonial {
    box-shadow: 3px 2px 4px 0px #00000040;
    /* border-radius: 60px 0px 60px 0px;*/
    margin-bottom: 20px;
    margin-top: 20px;
    background-color: white;
}

.carousel-indicators li {
    background-color: #0F7E71;
    width: 12px;
    height: 12px;
    border-radius: 50%;
}

.navbar-toggler-icon {
    background: url('/images/handburger-menu.png');
    background-repeat: no-repeat;
}

.trident_button4 {
    background-color: transparent;
    border: 1px solid #0F7E71;
    color: #0F7E71;
    padding: 5px 20px;
    border-radius: 3px;
    font-family: 'Barlow-Regular';
}

    .trident_button4:hover {
        background-color: #FDB913;
        color: #0F7E71 !important;
        border-color: #FDB913;
    }

.Myprof {
    background-color: #F6F6F6;
    border-bottom: 2px solid #028676;
    text-decoration: none;
}

.Loi {
    color: #C0A062 !important;
}

.Annexture-table {
    border-collapse: collapse;
    width: 100%;
}

    .Annexture-table td, th {
        border: 2px solid black;
        padding: 8px;
        font-size: 12px;
    }

.bg-annexture1 {
    background-color: #ffcc99;
}

.bg-annexture2 {
    background-color: #ffff99;
}

.bg-annexture3 {
    background-color: #d9d9d9;
}

.register-box {
    background-color: #fff;
    box-shadow: 2px 4px 8px 0px rgba(0, 0, 0, 0.20);
}

.work-with-us-box {
    background-color: transparent;
    border-radius: 22px;
    margin-top: -41px;
    border: 1px solid #028676;
    box-shadow: 0px 4px 4px 0px #00000040;
    height: 120px;
}


.cookie-footer {
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
    z-index: 99;
}

.trident-button-white {
    border-radius: 20px 0px;
    border: 1px solid #FFF;
    background: rgba(217, 217, 217, 0.00);
    padding: 5px 15px;
    color: #FFFFFF;
    font-size: 14px;
    font-family: Barlow-Regular;
}

    .trident-button-white:hover {
        background-color: #0F7E71;
        border: 1px solid #0F7E71;
    }

.card-img {
    border-radius: 16px;
}

.ril-button-normal {
    padding: 4px 16px;
    border-bottom-right-radius: 15px;
    border-top-left-radius: 15px;
}
/*text colors*/
.body-text {
    color: #373F41;
}

.guideline-text {
    color: #929292;
}

.font-size-14 {
    font-size: 14px;
}

.width-75 {
    width: 75%;
}

.box-faq {
    background: #2D2F77;
    padding: 50px 60px;
}

.vertical-line {
    width: 1px;
    color: white;
}

.faqTXT {
    width: 125px;
}

.RILbtn {
    border-radius: 20px 0px;
    border: 1px solid #FFF;
    background: rgba(217, 217, 217, 0.00);
    color: white;
    width: 132px;
    height: 39px;
}

.vertical-line {
    border: 1px solid white;
}

.view-circular {
    padding: 50px 60px;
    background-color: #C0A062;
}

.golden-light {
    background-color: #FEFAF4;
    padding: 37px 160px;
}
/**header menus**/
#navbarSupportedContent a:hover {
    color: inherit !important;
}

#navbarSupportedContent .nav-item {
    padding: 0 15px;
}

.navbar-expand-lg .navbar-nav .nav-link.active {
    border-bottom: 3px solid #D3AA67;
    width: fit-content;
}
.navbar-nav
{
    font-weight:bold;
    color:#000;
}
.cursor-pointer {
    cursor: pointer;
}
/*.header-menu {
    font-weight: bold;
    border-bottom: 3px solid #D3AA67;
}*/

.nav-link.header-menu {
    font-weight: bold;
    border-bottom: 3px solid #0F7E71;
}

/*faq code started*/
#main {
    margin: 50px 0;
}

    #main #faq .card {
        margin-bottom: 10px;
        border: 0;
    }

        #main #faq .card .card-header {
            border: 0;
            border-radius: 2px;
            padding: 0;
        }

            #main #faq .card .card-header .btn-header-link {
                display: block;
                text-align: left;
                background: #f5f5f5;
                padding: 1rem;
                outline: 0;
                box-shadow: none !important;
                font-family: Roboto-Medium;
            }

                #main #faq .card .card-header .btn-header-link:after {
                    content: "\f107";
                    font-family: 'Font Awesome 5 Free';
                    font-weight: 900;
                    float: right;
                }

                #main #faq .card .card-header .btn-header-link.collapsed {
                    background: #FBFBFB;
                }

                    #main #faq .card .card-header .btn-header-link.collapsed:after {
                        content: "\f106";
                    }

        #main #faq .card .collapsing {
            background: #FBFBFB;
            line-height: 30px;
        }

        #main #faq .card .collapse {
            border: 0;
        }

            #main #faq .card .collapse.show {
                background: #FBFBFB;
                line-height: 30px;
                color: #222;
            }

.card-body {
    padding: 1rem;
}

.linkhover:hover {
    color: #C0A062;
    text-decoration: underline
}
/*faq code ended*/


/*custom slider css code by nikita 22dec*/
.gallery {
    width: 100%;
}

.gallery-container {
    align-items: center;
    display: flex;
    height: 400px;
    margin: 0 auto;
    width: 100%;
    overflow: hidden;
    position: relative;
}

.gallery-item {
    height: 200px;
    opacity: 0;
    position: absolute;
    transition: all 0.3s ease-in-out;
    width: 330px;
    z-index: 0;
    border-radius: 15px;
    background-size: contain;
}

.gallery-item-1 {
    left: 15%;
    opacity: 0.4;
    transform: translateX(-50%);
}

.gallery-item-2,
.gallery-item-4,
.gallery-item-6 {
    height: 250px;
    opacity: 0.8;
    width: 450px;
    z-index: 1;
}

.gallery-item-2 {
    left: 30%;
    transform: translateX(-50%);
}

.gallery-item-3 {
    /* box-shadow: -2px 5px 33px 6px rgba(0, 0, 0, 0.35); */
    height: 300px;
    opacity: 1;
    left: 50%;
    transform: translateX(-50%);
    width: 600px;
    z-index: 2;
}

.gallery-item-4 {
    left: 70%;
    transform: translateX(-50%);
}

.gallery-item-5 {
    left: 85%;
    opacity: 0.4;
    transform: translateX(-50%);
}

.gallery-item-6 {
    left: 50%;
    transform: translateX(-50%);
}

.gallery-controls {
    display: flex;
    justify-content: center;
    margin: 0;
}

    .gallery-controls button {
        background-color: transparent;
        border: 0;
        cursor: pointer;
        font-size: 24px;
        margin: 0px;
        padding: 0 12px;
        text-transform: capitalize;
        align-self: start;
    }

        .gallery-controls button:focus {
            outline: none;
        }



.gallery-nav li {
    background: #ccc;
    border-radius: 50%;
    height: 10px;
    margin: 0 16px;
    width: 10px;
}

    .gallery-nav li.gallery-item-selected {
        background: #555;
    }

.gallery-nav {
    display: flex;
    justify-content: center;
    list-style: none;
    padding: 0;
    margin: 8px 0;
    /* Adjust the margin as needed */
    align-items: start;
}

    .gallery-nav li {
        background: #ccc;
        border-radius: 50%;
        height: 10px;
        width: 10px;
        margin: 0 8px;
        cursor: pointer;
        /* Add this line to indicate the dots are clickable */
        /* Adjust the margin as needed */
    }

        .gallery-nav li.gallery-item-active {
            background: #0F7E71;
            height: 15px;
            width: 15px;
            margin-top: -2px;
            /* Change the color as needed */
            /* Add any additional styling for the active dot */
        }

.gallery-controls-next i, .gallery-controls-previous i {
    color: #999999;
}

/*Start: Loading ...*/

.center-div {
    width: 300px;
    height: 300px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -150px;
    margin-top: -150px;
}

.spinner {
    position: fixed;
    z-index: 999;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    background-color: Black;
    filter: alpha(opacity=60);
    opacity: 0.6;
    -moz-opacity: 0.8;
}

.loader {
    margin: auto;
    border: 16px solid #f3f3f3;
    border-radius: 50%;
    border-top: 16px solid #028676;
    border-bottom: 16px solid #028676;
    width: 120px;
    height: 120px;
    -webkit-animation: spin 2s linear infinite;
    animation: spin 2s linear infinite;
}

.inner-div {
    background-color: antiquewhite;
    border-radius: 15px;
    margin: auto;
    padding: 2%;
    width: 150px;
}

@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
    }
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

/*End: Loading ...*/

.Opportunities-box {
    border: 3px solid #FDB913;
    background: #FFF;
}

.program-box {
    border-radius: 16px;
    border: 1px solid var(--Border-1, #D2D2D2);
    background: #FFF;
    height: 100%;
}

.Opportunities-height-1 {
    color: #606060;
    font-size: 24px;
    align-content: flex-start;
    font-family: 'Inter-SemiBold';
    margin-bottom: 0;
    height: 75px;
    padding: 10px;
    align-content: center;
}

.programs-height-1 {
    height: 100%;
    color: #373F41;
    font-size: 18px;
    font-family: 'Barlow-Regular';
}

.Opportunities-height-2 {
    color: #606060;
    font-size: 24px;
    align-content: flex-start;
    font-family: Inter-SemiBold;
    height: 75px;
    margin-bottom: 0;
    align-content: center;
}

.programs-height-2 {
    height: 100%;
    color: #373F41;
    font-size: 18px;
    font-family: 'Barlow-Regular';
}

.imag-container {
    position: relative;
}

.bottom-right {
    position: absolute;
    bottom: 34px;
    right: 30px;
}

.font-13 {
    font-size: 13px;
}

.trident_offers_text {
    font-size: 18px;
    font-weight: 600;
    font-family: Barlow-SemiBold;
    color: #028676;
}

.back_image {
    background-image: url('/images/background_image.svg');
    background-repeat: no-repeat;
    background-size: 100%
}
/*.opportunity-responsive-left
{
    padding-left:0px;
    padding-right:0px;
}*/
/*.opportunity-responsive-right
{
    padding-right:0px
}*/

.programs_back {
    background-image: url('/images/trident_programs_back.svg');
    background-size: 100%;
    background-repeat: no-repeat;
}

.opportunity_back {
    background-image: url('/images/back-image-3.png');
    background-size: 100%;
    background-repeat: no-repeat;
}

.trident_offers_back {
    background-image: url('/images/trident_offfers_back.jpg');
    background-size: 100%;
    background-repeat: no-repeat;
}

.life_trident {
    background-image: url('/images/life-trident-backimg.png');
    background-size: cover;
    background-repeat: no-repeat;
    
}

.leadership_back_img {
    background-image: url('/images/leadership_back.jpg');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: bottom;
}

.heading-trident {
    font-family: khand-bold;
    font-size: 60px;
    font-weight: bold;
    color: #FFFFFF;
}

.sub-heading {
    font-family: devanagari-semibold;
    font-size: 30px;
}

.green {
    color: #028676;
}
/*=======RATING START CSS======*/
.rating-box {
    display: inline-block;
}
.legend-margin {
    font-size: 14px;
    color: #707070;
    display: grid;
}
.rating-stars {
    direction: rtl; /* Changed to ltr for proper star display */
}

    .rating-stars div {
        display: inline-block;
        position: relative;
    }

    .rating-stars label {
        display: inline-block;
        margin: 0 30px;
        color: #d4d4d4; /* Default star color */
        cursor: pointer;
        font-size: 30px; /* Star size */
        transition: color 0.2s;
        text-align:center;
        margin-left:0px;
    }

    .rating-stars input {
        display: none; /* Hide the radio buttons */
    }

        .rating-stars label:hover,
        .rating-stars label:hover ~ label,
        .rating-stars input:checked ~ label {
            color: orange; /* Color when hovered or selected */
        }

/* Optionally, adjust the layout of the labels under the stars */
.ratings-labels {
    display: flex;
    justify-content: space-between; /* Spread labels evenly */
    
}

/*.rating-box {
    display: inline-block;
}

    .rating-box .rating-stars {
        direction: rtl !important;
    }

        .rating-box .rating-stars label {
            display: inline-block;
            margin: 0;
            color: #d4d4d4;
            cursor: pointer;
            font-size: 40px;
            transition: color 0.2s;
        }

        .rating-box .rating-stars input {
            display: none;
        }

            .rating-box .rating-stars label:hover, .rating-box .rating-stars label:hover ~ label, .rating-box .rating-stars input:checked ~ label {
                color: orange;
            }*/
/*punjabi rating star*/
/*.rating-box-punjabi {
    display: inline-block;
}

    .rating-box-punjabi .rating-stars {
        direction: rtl !important;
    }

        .rating-box-punjabi .rating-stars label {
            display: inline-block;
            margin: 0;
            color: #d4d4d4;
            cursor: pointer;
            font-size: 40px;
            transition: color 0.2s;
        }

        .rating-box-punjabi .rating-stars input {
            display: none;
        }

            .rating-box-punjabi .rating-stars label:hover, .rating-box-punjabi .rating-stars label:hover ~ label, .rating-box-punjabi .rating-stars input:checked ~ label {
                color: orange;
            }*/
/*application process css*/
.flex-container {
    display: flex;
    justify-content: space-around;
    align-items: flex-start;
    padding: 20px;
}

.flex-item {
    /*text-align: center;*/
    max-width: 200px;
    margin: 10px; /* Add margin to ensure spacing between items */
}

.icon {
    background-color: #65C1AF; /* Similar color to the icon in the image */
    width: 80px;
    height: 80px;
    border-radius: 50%;
    margin: 0 auto 10px auto;
}

/* Media Query for mobile devices */
@media (max-width: 768px) {
    .flex-container {
        flex-direction: column; /* Stack items vertically */
        align-items: center; /* Center items horizontally */
    }

    .pb-20px {
        padding-bottom: 20px!important;
    }

    .footer-font-size{
        font-size:12px;
    }
    .footer-img-size{
        width:20px;
    }
    
}

.h-75px {
    height: 75px;
}

.app-color {
    color: #606060;
}

.footer-section {
    font-size: 24px;
    line-height: 40px;
    font-family: Barlow-Medium;
}

.trident-logo {
    height: 70px;
}
/*thank you page css*/
.flex-container-new {
    display: flex;
    align-items: center;
}

    .flex-container-new > div {
        background-color: transparent;
        color: black;
        width: 200px;
        margin: 10px;
        text-align: center;
        line-height: normal;
        font-size: 18px;
        font-family: 'Barlow-Regular';
    }

.grey-box {
    background: #f1f1f1;
    padding: 29px;
}

.policy-checkbox {
    align-self: self-start;
    margin-top: 19px;
    margin-right: 20px;
}

.field-icon {
    float: right;
    margin-left: -25px;
    margin-top: -25px;
    position: relative;
    z-index: 0;
    padding-right: 30px;
}

.vision-background {
    background-image: url('/images/takshshila_vision.svg');
    background-repeat: no-repeat;
}
/*slider css*/

.carousel {
    width: 100%;
}

.testimonial {
    text-align: center;
    background-color: #fff;
    border-radius: 8px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    position: relative;
}

.testimonial-image {
    position: absolute;
    top: -50px;
    left: 50%;
    transform: translateX(-50%);
    width: 150px;
    height: 150px;
    overflow: hidden;
    border-radius: 50%;
    border: 5px solid #fff;
}

    .testimonial-image img {
        width: 100%;
        height: auto;
    }

.testimonial-text {
    margin-top: 60px;
    padding: 80px 50px;
    border: 3px solid #FDB915;
    margin-bottom: 50px;
}

    .testimonial-text p {
        font-size: 24px;
        color: #606060;
        margin: 10px 0 0 0;
        padding: 0px 120px;
    }

    .testimonial-text h5 {
        font-size: 1.5em;
        margin: 0;
        color: #333;
    }

    .testimonial-text .position {
        font-size: 20px;
        color: #606060;
        margin-top: 5px;
        font-family: hindvadodara-regular;
    }

.carousel-control-prev {
    left: -5%;
    background-color: #333;
    border-radius: 50%;
    padding: 10px;
    width: 10px;
    height: 10px;
    top: 50%;
}

.carousel-control-next {
    right: -5%;
    background-color: #333;
    border-radius: 50%;
    padding: 10px;
    width: 10px;
    height: 10px;
    top: 50%;
}
/*.carousel-control-prev-icon,
.carousel-control-next-icon {
    background-color: #333;
    border-radius: 50%;
    padding: 10px;
}*/
.testimonial-bg:before {
    content: "\f10d";
    font-family: "fontawesome";
    width: 75px;
    height: 75px;
    line-height: 75px;
    text-align: center;
    font-size: 100px;
    color: #FCD06E;
    position: absolute;
    right: 25%;
    bottom: -30px;
}

.testimonial-big-text {
    font-family: hindvadodara-regular;
    font-size: 24px;
    line-height: 31.47px;
    text-align: center;
}
/**/
.btn-otp {
    color: #0F7E71;
    border: 1px solid #0F7E71;
    height: 36px;
    border-radius: 3px;
    background: transparent;
    font-size: 16px;
    font-family: Barlow-Medium;
}

    .btn-otp:hover {
        color: white;
        background: #0F7E71;
    }

.otp-input {
    height: 46px;
    width: 46px;
    margin: 6px;
    border-radius: 13px;
    text-align: center;
    font-size: 24px;
}

.btn-link, btn-link:hover {
    color: #0F7E71;
}

#verifyModal .modal-content {
    height: 308px !important;
}

.capture-box {
    background-color: #F4F4F4;
    padding: 50px;
    width: 100%;
    text-align: center;
}

.detail-box-shadow {
    box-shadow: 0px 2px 4px 0px #00000033;
    padding: 15px 10px 20px 40px;
}

.failed-to-fetch {
    background-color: transparent !important;
    background-image: url('/images/warning-icon.svg');
    background-repeat: no-repeat;
    padding-left: 40px;
    background-position-y: 9px;
    background-position-x: 10px;
    color: #DB563C;
}

    .failed-to-fetch::placeholder {
        color: red;
        opacity: 1; /* Firefox */
    }

.custom-container {
    /* Border color similar to the provided image */
    padding: 10px;
}

.custom-col1 {
    border-top: 8px solid #FDB913;
    border-left: 8px solid #FDB913;
    border-right: 4px solid #FDB913;
    border-bottom: 4px solid #FDB913;
    padding: 15px;
}

.custom-col2 {
    border-top: 8px solid #FDB913;
    border-left: 4px solid #FDB913;
    border-right: 8px solid #FDB913;
    border-bottom: 4px solid #FDB913;
    padding: 15px;
}

.custom-col3 {
    border-top: 4px solid #FDB913;
    border-left: 8px solid #FDB913;
    border-right: 4px solid #FDB913;
    border-bottom: 4px solid #FDB913;
}

.custom-col4 {
    border-top: 4px solid #FDB913;
    border-left: 4px solid #FDB913;
    border-right: 8px solid #FDB913;
    border-bottom: 4px solid #FDB913;
}

.custom-col5 {
    border-top: 4px solid #FDB913;
    border-left: 8px solid #FDB913;
    border-right: 4px solid #FDB913;
    border-bottom: 4px solid #FDB913;
}

.custom-col6 {
    border-top: 4px solid #FDB913;
    border-left: 4px solid #FDB913;
    border-right: 8px solid #FDB913;
    border-bottom: 4px solid #FDB913;
}

.custom-col7 {
    border-top: 4px solid #FDB913;
    border-left: 8px solid #FDB913;
    border-right: 4px solid #FDB913;
    border-bottom: 8px solid #FDB913;
}

.custom-col8 {
    border-top: 4px solid #FDB913;
    border-left: 4px solid #FDB913;
    border-right: 8px solid #FDB913;
    border-bottom: 8px solid #FDB913;
}

.custom-image {
    width: 100%;
    height: 100%;
}

.custom-text {
    padding: 50px;
}

.btn-without-verify {
    border: 1px solid #E8725B;
    color: #E8725B;
    font-size: 16px;
    font-family: Barlow-Regular;
}

    .btn-without-verify:hover {
        color: #E8725B;
    }

.app-process-subtxt {
    font-size: 28px;
    font-family: Inter-Light;
    color: #606060;
}

.play-btn {
    position: absolute;
    transform: translate(-50%, -50%);
    left: 50%;
    top: 50%;
    cursor: pointer;
}

.opportunity_img {
    height: 300px;
}

.title {
    font-size: 32px;
    font-family: 'Inter-SemiBold';
    color: #008676;
}

.title1 {
    font-size: 30px;
    font-family: 'Inter-SemiBold';
    color: #606060;
}

.sub-text-box {
    font-family: Inter-Regular;
    font-size: 24px;
    color: #606060;
}

.medium-inter {
    font-family: Inter-Medium;
}

.life-images {
    width: 100%;
}

.subscribe-txt {
    font-family: 'Stay Classy Stylish ExtraBold';
    font-size: 80px;
    color: #FFFFFF;
}

.subscribe-txt2 {
    font-size: 24px;
    font-family: Inter-Regular;
    color: #FFFFFF;
}

.subscribe-box {
    background-color: #028676;
    color: #FFFFFF;
}
/*.opportunity-responsive-right
{
    padding-right:0px;
}*/
.testimonial-background {
    background-image: url('/images/testimonial-background.png');
    background-repeat: no-repeat;
    background-position-y: top;
    background-size: 100%;
}

.diversity_back {
  /*  background-image: url('/images/bg_02.jpg');
    background-repeat: no-repeat;
    background-size: 100%;*/
    padding-bottom: 100px;
}

.app-process-img {
    width: 100%
}

.btn-without-verify {
    border: 1px solid #E8725B;
    color: #E8725B;
    font-size: 16px;
    font-family: Barlow-Regular;
}

    .btn-without-verify:hover {
        color: #E8725B;
    }

.start-camera {
    position: relative;
    top: 0%;
    transform: translate(0%, -300%);
}

.mobile-control-width {
    width: 80%;
}

.register-form-txt {
    font-size: 23px;
    background: rgba(246, 246, 246, 0.80);
    border-bottom: 2px solid #028676;
}

.email-instruction {
    text-align: left;
    font-size: 14px;
    margin-bottom: 5px;
    /* margin-left: 11px;*/
    margin-top: 4px;
}

.verify-greentick {
    width: 30px;
    height: 30px;
    margin-top: 33px;
}

.verified-text {
    /*  align-self: center;*/
    margin-top: 35px;
    margin-left: -15px;
}

.my-prof-subtxt {
    font-size: 20px;
}

.instruction-text {
    color: #000;
    font-size: 14px;
}

.green-box {
  background-image:url('/images/green-box.png');
    padding: 50px;
    background-size:cover;
    background-repeat:no-repeat;/*
    margin-bottom:100px;*/
}

#HighestQualification .select2-container {
    width: 100% !important;
}
/*dashoboar layout css*/


/* Track */
.talentflow-scroll::-webkit-scrollbar-track {
    background: #f1f1f1;
}

.talentflow-scroll::-webkit-scrollbar {
    width: 3px;
    height: 1px;
}
/* Handle */
.talentflow-scroll::-webkit-scrollbar-thumb {
    background: #888;
}

    /* Handle on hover */
    .talentflow-scroll::-webkit-scrollbar-thumb:hover {
        background: #555;
    }

.nav-link.header-menu {
    font-weight: bold;
    border-bottom: 3px solid #0F7E71;
}

.clearfix:after {
    clear: both;
    content: "";
    display: block;
    height: 0;
}

.talentflow-scroll {
    overflow-y: hidden;
    overflow-x: scroll;
    padding-bottom: 10px;
}

.wrapper {
    display: inline-block;
    vertical-align: middle;
}

.nav {
    margin-top: 40px;
}

.pull-right {
    float: right;
}

a, a:active {
    color: #333;
    text-decoration: none;
}

    a:hover {
        color: #0F7E71;
    }

/* Breadcrups CSS */
.arrow-steps {
    display: flex;
}

    .arrow-steps .step {
        font-size: 14px;
        text-align: center;
        color: #666;
        cursor: default;
        margin: 0 10px;
        padding: 5px 5px 5px 5px;
        min-width: 215px;
        float: left;
        position: relative;
        background-color: #EFEFEF;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        transition: background-color 0.2s ease;
        color: #6A6A6A;
        height: 52px;
        cursor: pointer;
    }

        .arrow-steps .step:after,
        .arrow-steps .step:before {
            content: " ";
            position: absolute;
            top: 0;
            right: -16px;
            width: 0;
            height: 0;
            border-top: 28px solid transparent;
            border-bottom: 24px solid transparent;
            border-left: 17px solid #EFEFEF;
            z-index: 2;
            transition: border-color 0.2s ease;
        }

        .arrow-steps .step:before {
            right: auto;
            left: 0;
            border-left: 17px solid #fff;
            z-index: 0;
        }

        /* .arrow-steps .step:first-child:before {
                border: none;
            }*/

        .arrow-steps .step:first-child {
            border-top-left-radius: 4px;
            border-bottom-left-radius: 4px;
        }

        .arrow-steps .step span {
            position: relative;
        }

        .arrow-steps .step p {
            font-size: 10px;
        }

        .arrow-steps .step span:before {
            opacity: 0;
            content: "✔";
            position: absolute;
            top: -2px;
            left: -20px;
        }

        .arrow-steps .step.done span:before {
            opacity: 1;
            -webkit-transition: opacity 0.3s ease 0.5s;
            -moz-transition: opacity 0.3s ease 0.5s;
            -ms-transition: opacity 0.3s ease 0.5s;
            transition: opacity 0.3s ease 0.5s;
        }

        .arrow-steps .step.current {
            color: #fff;
            background-color: #028676;
        }

            .arrow-steps .step.current:after {
                border-left: 17px solid #028676;
            }

.step:hover {
    color: #0F7E71;
}
/**/
/*myprofile page*/
/* Create four equal columns */
.column {
    flex: none;
    padding: 20px 0px;
    padding-bottom: 0;
    align-content: center;
    text-align:center;
    margin:0px 30px;
}
/**/
.card0 {
    background-color: #F5F5F5;
    border-radius: 8px;
    z-index: 0
}

.card00 {
    z-index: 0
}

.card1 {
    margin-left: 100px;
    z-index: 0;
    border-right: 1px solid #F5F5F5
}

.card2 {
    display: none
}

    .card2.show {
        display: block
    }

.social {
    border-radius: 50%;
    background-color: #FFCDD2;
    color: #E53935;
    height: 47px;
    width: 47px;
    padding-top: 16px;
    cursor: pointer
}

/* input,
        select {
        padding: 2px;
        border-radius: 0px;
        box-sizing: border-box;
        color: #9E9E9E;
        border: 1px solid #BDBDBD;
        font-size: 16px;
        letter-spacing: 1px;
        height: 50px !important
        }

        select {
        width: 100%;
        margin-bottom: 85px
        }

        input:focus,
        select:focus {
        -moz-box-shadow: none !important;
        -webkit-box-shadow: none !important;
        box-shadow: none !important;
        border: 1px solid #E53935 !important;
        outline-width: 0 !important
        }
        */
.custom-checkbox .custom-control-input:checked ~ .custom-control-label::before {
    background-color: #007bff
}

.form-group {
    position: relative;
    margin-bottom: 1.5rem;
    width: 100%;
}

.form-control-placeholder {
    position: absolute;
    top: 0px;
    padding: 12px 2px 0 2px;
    transition: all 300ms;
    opacity: 0.5
}

.form-control:focus + .form-control-placeholder,
.form-control:valid + .form-control-placeholder {
    font-size: 95%;
    top: 10px;
    transform: translate3d(0, -100%, 0);
    opacity: 1;
    background-color: #fff
}

/*.next-button {
        width: 18%;
        height: 50px;
        background-color: #BDBDBD;
        color: #fff;
        border-radius: 6px;
        padding: 10px;
        cursor: pointer
        }

        .next-button:hover {
        background-color: #E53935;
        color: #fff
        }*/

.get-bonus {
    margin-left: 154px
}

.pic {
    width: 230px;
    height: 110px
}

#progressbar {
    position: absolute;
    left: 35px;
    overflow: hidden;
    color: #E53935
}

    #progressbar li {
        list-style-type: none;
        font-size: 8px;
        font-weight: 400;
        margin-bottom: 36px
    }
    /*
        #progressbar li:nth-child(3) {
        margin-bottom: 88px
        }*/

    #progressbar .step0:before {
        content: "";
        color: #fff
    }

    #progressbar li:before {
        width: 30px;
        height: 30px;
        line-height: 30px;
        display: block;
        font-size: 20px;
        background: #fff;
        border: 2px solid #26890D;
        border-radius: 50%;
        margin: auto
    }
    /*
        #progressbar li:last-child:before {
        width: 40px;
        height: 40px
        }*/

    #progressbar li:after {
        content: '';
        width: 3px;
        height: 66px;
        background: #C1C1C14D;
        position: absolute;
        left: 54px;
        top: 15px;
        z-index: -1
    }

    #progressbar li:last-child:after {
        top: 147px;
        height: 132px
    }

    #progressbar li:nth-child(3):after {
        top: 81px
    }

    #progressbar li:nth-child(4):after {
        top: 81px
    }

    #progressbar li:nth-child(2):after {
        top: 0px
    }

    #progressbar li:first-child:after {
        position: absolute;
        top: -81px
    }

    #progressbar li.active:after {
        background: #C1C1C14D
    }

    #progressbar li.active:before {
        background: #26890D;
        font-family: 'FontAwesome';
        content: "\f00c"
    }

    #progressbar li.failed:before {
        background: #E53935; /* Red background for failed steps */
        font-family: 'FontAwesome';
        content: "\f00d"; /* Cross icon */
        color: #fff; /* White icon color */
        border: 2px solid #E53935;
    }

.tick {
    width: 100px;
    height: 100px
}

.prev {
    display: block;
    position: absolute;
    right: 80px;
    cursor: pointer
}

    .prev:hover {
        color: #D50000 !important
    }

.verification-heading {
    color: #028676;
    font-size: 20px;
    font-family: 'Barlow-semiBold';
}

.otp-verification {
    color: #028676;
    font-family: Barlow-SemiBold;
    font-size: 20px;
}

/**/
/*registration page css*/
.select2-container .select2-selection--single {
    box-sizing: border-box;
    cursor: pointer;
    display: block;
    height: calc(1.5em + 0.75rem + 2px) !important;
    -webkit-user-select: none;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #495057 !important;
    line-height: normal;
    padding:5px;
}

.select2-container--default .select2-selection--single {
    background-color: transparent;
    border: 1px solid #ced4da !important;
    border-radius: 4px;
}

    .select2-container--default .select2-selection--single .select2-selection__arrow {
        height: 26px;
        position: absolute;
        top: 6px !important;
        right: 1px;
        width: 20px;
    }
    .select2-container--default .select2-selection--single .select2-selection__rendered {
        color: #444;
        line-height: 25px;
    }
/* Default styles for desktop */
.capture-box video,
.capture-box canvas {
    width: 320px;
    height: 240px;
    margin: 0 auto;
}

/* Styles for mobile screens */
@media (max-width: 768px) {
    .capture-box canvas {
        width: 180px;
        height: 240px;
    }
}

#imgPhoto {
    display: none;
    width: 320px;
    height: 240px;
    margin: 0 auto;
}

.demo-face {
    display: none;
    height: 240px;
    width: 100%;
    left: 0px;
    position: absolute;
    background-image: url('/images/transparent-face.png');
    margin: 0 auto;
    background-position-x: center !important;
    background-position-y: 20px;
    background-repeat: no-repeat;
}

.resetbtn {
    font-size: 15px;
}

    .resetbtn:hover {
        color: #028676;
    }

/*assessment page css*/
.box-shadow {
    box-shadow: 0px 2px 4px 0px #00000033;
    padding: 20px 20px 20px 40px;
}

.bottom-txt {
    position: absolute;
    bottom: 0;
}

.color-red {
    color: #E8725B;
}

.assessment-title {
    font-size: 1.5em;
    color: #008000;
    margin-bottom: 20px;
}

.assessment-details {
    font-size: 1.2em;
    margin-bottom: 40px;
}

    .assessment-details div {
        margin-bottom: 10px;
        font-size: 16px;
    }

.assessment-button {
    background-color: #008000;
    color: white;
    padding: 10px 20px;
    border: none;
    border-radius: 5px;
    cursor: pointer;
    font-size: 1em;
}

    .assessment-button:hover {
        background-color: #006400;
    }

/*end*/
.trident-register {
    position: absolute;
    top: 80%;
    left: 45%;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    background-color: #FCB817;
    color: #028676;
    font-size: 28px;
    border: none;
    cursor: pointer;
    border-radius: 50px;
    text-align: center;
    font-family: Barlow-SemiBold;
    padding: 10px 15px;
}

a.trident-register:hover {
    box-shadow: 4px 4px 10px 0px #6C4F09 inset;
    font-family: Barlow-Bold;
    text-decoration: none !important;
    color: #028676;
}

.trident-register-footer {
    position: absolute;
    top: 55%;
    left: 45%;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    background-color: #FCB817;
    color: #028676;
    font-size: 16px;
    border: none;
    cursor: pointer;
    border-radius: 50px;
    text-align: center;
    font-family: Barlow-SemiBold;
    padding: 10px 15px;
    width: 150px;
}

    .trident-register-footer:hover {
        box-shadow: 4px 4px 10px 0px #6C4F09 inset;
        font-family: Barlow-Bold;
        text-decoration: none;
    }

.footer-txt {
    color: white;
    font-size: 20px;
    font-family: Barlow-Bold;
}

.mb-top {
    margin-top: 28px;
}

.mob-top-23px {
    margin-top: 23px;
}
/*header overlay*/
header {
    position: relative;
    z-index: 1;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3);
    background-color: white;
}

    header .new-header {
        padding: 10px 0rem;
        /* display: flex;
        justify-content: space-between;
        align-items: center;*/
    }

        header .new-header .logo {
            font-size: 20px;
            /*padding-right: 25rem;*/
        }

        header .new-header nav {
            display: flex;
            gap: 3rem;
            align-items: center;
            flex-direction: row;
            justify-content: space-between;
        }

            header .new-header nav ul li a {
                font-size: 16px!important;
            }

                header .new-header nav ul li a.active {
                    background: #eee;
                    transition: 0.5s;
                    border-radius: 10px;
                    padding: 10px 20px;
                }

        header .new-header :is(.bar-icon, .close-icon) {
            font-size: 1.5rem;
            cursor: pointer;
            display: none;
        }

        header .new-header .overlay {
            position: fixed;
            inset: 0;
            z-index: 2;
            background: rgba(0, 0, 0, 0.5);
            display: none;
        }

            header .new-header .overlay.active {
                display: flex;
            }


/*.mobile-top {
    margin-left: 1.5rem;
}*/
.display-contents {
    display: contents;
}

.buttonLink {
    color: #275d8b;
}

.verticalButton {
    padding: 5px;
    width: auto;
    height: auto;
    background: #0F7E71;
    border-radius: 0px 0px 5px 5px;
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    writing-mode: tb-rl; /*for IE*/
    writing-mode: vertical-rl; /*for all modern browsers*/
    text-orientation: upright;
    position: fixed;
    right: 0px;
    top: 200px;
    font-size: 18px;
    z-index: 4;
    color: white !important;
    border-color: #0F7E71;
    font-family: 'Inter-Bold';
}

    .verticalButton:hover {
        background-color: #FDB913;
        color: #0F7E71 !important;
        border-color: #FDB913;
    }

.verticalButton-login {
    padding: 5px;
    width: auto;
    height: auto;
    background: #0F7E71;
    border-radius: 0px 0px 5px 5px;
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    writing-mode: tb-rl; /*for IE*/
    writing-mode: vertical-rl; /*for all modern browsers*/
    text-orientation: upright;
    position: fixed;
    right: 0px;
    top: 400px;
    font-size: 18px;
    color: white !important;
    border-color: #0F7E71;
    z-index: 4;
    font-family: 'Inter-Bold';
}

    .verticalButton-login:hover {
        background-color: #FDB913;
        color: #0F7E71 !important;
        border-color: #FDB913;
    }

.mob-hide {
    display: block;
}

.desk-hide {
    display: none;
}

.btn-menu {
    background: #0F7E71;
    color: white;
}

    .btn-menu:hover {
        color: #0F7E71;
        background-color: #FDB913;
        border-color: #FDB913;
    }

.text-truncate {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: inline-block;
    max-width: 123px;
}

.flex-row {
    flex-direction: row;
}

/*added by Dinesh*/

.responsive-block {
    padding: 0px 6px;
}

.trident-button4 {
    background-color: transparent;
    border: 1px solid #0F7E71;
    color: #0F7E71;
    padding: 4px 16px;
}

    .trident-button4:hover {
        background-color: #0F7E71;
        border: 1px solid #0F7E71;
        color: #fff;
        padding: 4px 16px;
    }

.register-box-success {
    background-color: #fff;
    box-shadow: 2px 4px 8px 0px rgba(0, 0, 0, 0.20);
    padding: 46px 142px;
    text-align:center;
}
.instruction-box {
    border-radius: 3px;
    background: #FFF;
    box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.20);
    margin:30px;
}
.select2-container--default .select2-selection--single .select2-selection__clear
{
    display:none;
}
.link-blue {
    color: #007AFF;
}
.text-green {
    color: #008377;
}

.text-gray {
    color: #8B8B8B;
}
.sub-mini-text {
    color: #676968;
    font-size:30px;
}
.sub-mini-text
{
    font-size:26px;
}
.sub-heading2 {
    font-size: 22px;
    font-family: devanagari;
}
.box-white
{
    background-color:white;
    border-radius:40px;
    padding:30px 58px;
    margin-bottom:25px;
}

.custom-square-bullets {
    list-style-type: none; /* Remove default bullet */
    margin-left: 20px; /* Add spacing */
    padding-left: 0;
    font-family: Arial, sans-serif;
    font-size: 16px;
}

    .custom-square-bullets li.main-bullets {
        position: relative; /* For positioning the custom bullet */
        margin-bottom: 10px; /* Space between bullet points */
        padding-left: 25px; /* Space for the bullet */
        line-height: 1.6;
        color: #828282;
    }

        .custom-square-bullets li.main-bullets::before {
            content: "■"; /* Unicode for a solid square */
            position: absolute;
            left: 0; /* Align the square to the left */
            color: #F8B517; /* Set the color of the square */
            font-size: 22px; /* Adjust the size to match the text */
            line-height: 1;
        }
.inner-bullets {
    list-style-type: disc;
}
.footer {
    
  position:fixed;
  bottom:0;
    background-color: #fff;
    width:100%;
}
.footer-inner {
    padding: 10px 0;
    position: fixed;
    bottom: 0;
    background: white;
    width: 100%;
}
.footer-text {
    display: inline-block;
    vertical-align: top;
    color: #666;
    font-size: 14px;
    margin: 0;
    font-weight: bold;
    font-family: Barlow-Regular;
}

.privacy-policy {
    color: #666;
    text-decoration: none;
    font-family: Barlow-Regular;
    font-size: 14px;
    font-weight:bold;
}

    .privacy-policy:hover {
        text-decoration: underline;
    }
.auto-height {
    min-height: calc(100vh - 80px);
}
    /*}
html, body {
    height: 100%;
    margin: 0;
    display: flex;
    flex-direction: column;
}

main {
    flex: 1;
}

footer {
    background-color: white;
    padding: 10px;
    position:fixed;
    bottom:0;
    width:100%;
}*/
    .auto-height-login
{
    min-height: calc(100vh - 315px);
}

.auto-height-error {
    min-height: calc(100vh - 275px);
}


/*added ruby dinesh*/

.follow-us {
    vertical-align: bottom !important;
    font-weight: bold !important;
    color: #288577 !important;
}


.pl-4-5 {
    padding-left: 4.5%;
}
.pr-4-5 {
    padding-right: 4.5%;
}

.section-size {
    width: 293px;
    height:auto;
}


@media screen and (max-width: 576px) {
    .section-size {
        width: 156px !important;
        height: 117.133px !important;
    }
    .pl-4-5 {
        padding-left: 15px;
    }

    .pr-4-5 {
        padding-right: 15px;
    }

    .margin-sm-0 {
        margin: 0px !important
    }
    .pl-auto
    {
        padding-left:16px!important;
    }

    .nav-pills .nav-link {
        width: 100px !important;
        height: 55px !important;
    }

    .pills-tab {
        padding: 0px;
    }

    .footer-font-size {
        font-size: 12px;
    }

    .footer-img-size {
        width: 20px;
    }
}

.border-radius-tab1 {
    border-radius: 0px 40px 40px 0px !important
}
.padding-left-auto {
    padding-left: 0px !important;
}

.border-radius-tab4 {
    border-radius: 40px 0px 0px 40px !important
}

.padding-right-auto {
    padding-right: 0px !important;
}
@media only screen and (max-width: 768px) {
    .margin-top-smallscreen
    {
        margin-top:1rem!important;
    }
    .padding-left-auto {
        padding-left: 15px !important;
    }
    .padding-right-auto {
        padding-right: 15px !important
    }
    .hide-block {
        display: none !important;
    }

    .border-radius-tab4, .border-radius-tab1 {
        border-radius: 40px!important;
    }
    .img-width{
        max-width:250px
    }
    .text-center{
        text-align:center;
    }
    .pl-auto {
        padding-left: 16px !important;
    }
    .green-box {
        padding: 15px;
       
    }

    .yellow-border {
        border-top: 10px solid #F8B517!important;
    }
}

.yellow-border {
    border-top: 20px solid #F8B517;
}

.pr-5rem
{
    padding-right:5rem!important;
}


@media only screen and (min-width: 4500px) {
    .sub-heading2 {
        font-size: 45px;
        font-family: devanagari;
    }

}


@media screen and (max-width: 360px) {

    .margin-left-sm {
        margin-left: 0.25rem !important;
    }

}