body {
    /*font-size: 1pc;*/
    /*letter-spacing: .5px;
      line-height: 24px;*/
    /*color: #fff;*/
    /*font-family: Basis-regular;*/
    /* font-family: var(--heading-font) !important;*/
    padding-right: 0rem !important;
    padding-left: 0rem;
    /* font-weight: 400;*/
    margin: 0;
    text-align: var(--bs-body-text-align);
    /*background-color: var(--bs-body-bg);*/
    background-color: #fcfcfc;
    /*-webkit-text-size-adjust: auto !important;*/
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    font-family: var(--body-font) !important;
    /*font-size: 1pc;*/
    letter-spacing: .5px;
    line-height: 18px;
    font-weight: 400;
    color: #fffCCC;
    font-size: 12px;
    

}

.ddlFontSize{
font-size:12px;

}

.email {
    display: inline-block;
    margin-bottom: 5px; /* Adds space between lines */
    width: 100%; /* Ensures each span takes up the full width, forcing new lines */
}
p {
    text-align: justify !important;
}

.nav-link {
    font-size: 12px;
}

.h1, .h2, .h3, .h4, .h5, .h6, .h7, .h8, .h9, h1, h2, h3, h4, h5, h6, h7, h8, h9 {
    color: black;
}

section {
    padding: 0px 0;
    overflow: hidden;
}

.dropdown-item {
    /* font-family: var(--heading-font) !important;*/
    border-bottom: 1px solid lightgray;
    text-wrap: wrap;
    font-family: var(--body-font) !important;
    font-weight: 500;
    background-color: #ffffff;
    color: #004088 !important;
    font-size: 12px;
}

    .dropdown-item:hover, .dropdown-item:focus, .dropdown-item.active, .dropdown-item:active {
        color: blue !important;
        /*background-color: #efeff4 !important;*/
        background-color: #dddce2 !important;
        text-wrap: wrap;
    }

.dropdown-menu {
    /*flex-wrap: wrap;*/
    text-wrap: wrap;
    --bs-dropdown-font-size: .9rem;
        font-size: 12px;
}

    .dropdown-menu.show {
        background: #ffffff;
        display: block;
        text-wrap: wrap;
        justify-self: center;
        width: fit-content;
        font-size: 12px;
    }

:root,
[data-bs-theme=light], :root,
[data-bs-theme=dark] {
    /* --bs-bg-topnav-bar-foreColor: 1;
            --bs-bg-secondnav-bar-foreColor: 1;*/
    --bs-bg-firstfooter-foreColor: white;
    --bs-bg-botomfooter-foreColor: white;
    /*  --bs-bg-topnav-bar-backcolor: #fff !important;
            --bs-bg-secondnav-bar-backcolor: #fff !important;*/
    --bs-bg-firstfooter-backcolor: #0b0b0bc7 !important;
    --bs-bg-botomfooter-backcolor: #0b0b0bc7 !important;
}

.FooterProp {
    /*background: #474154;*/
    /*background: var(--bs-bg-botomfooter-backcolor);*/
    color: var(--bs-bg-botomfooter-foreColor);
    background-color: #4b556e;
}

footer {
    color: var(--bs-bg-firstfooter-foreColor);
    background-color: #4b556e;
    /*background-color: var(--bs-bg-firstfooter-backcolor);*/
}

::before #increase, ::before #decrease {
    color: black !important;
    background-color: white !important;
}

.dropdown-item {
    padding: 8px 5px 3px 7px !important;
}

.bg-TopNav {
    line-height: 30px;
    --bs-bg-opacity: 1;
    background: #4b556e !important;
}

.bg-primary {
    /*background: rgb(90 110 140) !important;*/
    background: #004088 !important;
    color: #3387fc;
}

.text-body-secondary {
    --bs-text-opacity: 1;
    color: rgb(255 255 255 / 75%) !important;
}

.bi::before, [class*="bi bi-linkedin"]::before,
.bi::before, [class*="bi bi-instagram"]::before,
.bi::before, [class*="bi bi-facebook"]::before,
.bi::before, [class*="bi bi-twitter-x"]::before {
    color: white !important;
    background: none !important;
}

img {
    border: none;
    max-width: 100%;
    height: 69%;
    margin: 6px;
    width: 80%;
}

.py-lg-1 {
    font-size: x-large;
    font-weight: 800;
}

.vr {
    align-self: stretch;
    width: 13%;
    min-height: 1em;
    opacity: 0.78;
}

section, .section {
    /*color: var(--accent-color);*/
    color: #161616;
    /*background-color: #ffffff;*/
    background-color: #fafafa !important;
    padding: 0px 0;
    scroll-margin-top: 100px;
    overflow: clip;
}


.contact .info-item {
    height: 100%;
    background-color: #ffffff;
    padding: 20px 0 30px 0;
    box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.1);
}

    .contact .info-item i {
        font-size: 20px;
        color: #388da8;
        width: 56px;
        height: 56px;
        font-size: 24px;
        display: flex;
        justify-content: center;
        align-items: center;
        border-radius: 4px;
        transition: all 0.3s ease-in-out;
        border-radius: 50%;
        border: 2px dotted color-mix(in srgb, var(--accent-color), transparent 40%);
    }


.bi::before, [class^="bi-"]::before, [class*=" bi-"]::before {
    display: inline-block;
    font-family: bootstrap-icons !important;
    font-style: normal;
    font-weight: normal !important;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    vertical-align: -.125em;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.contact .php-email-form button[type=submit] {
    color: var(--contrast-color);
    background: var(--accent-color);
    border: 0;
    padding: 10px 30px;
    transition: 0.4s;
    border-radius: 50px;
}

.section-title h2:after {
    content: "";
    position: absolute;
    display: block;
    width: 50px;
    height: 3px;
    background: var(--accent-color);
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
}

.php-email-form .loading {
    display: none;
    background: var(--surface-color);
    text-align: center;
    padding: 15px;
    margin-bottom: 24px;
}

.php-email-form .error-message {
    display: none;
    background: #df1529;
    color: #ffffff;
    text-align: left;
    padding: 15px;
    margin-bottom: 24px;
    font-weight: 600;
}

.section-title {
    text-align: start;
    /*text-align: center;*/
    padding-bottom: 20px;
    position: relative;
}

    .section-title h2 {
        text-align: center;
        font-size: 16px;
        font-weight: 700;
        margin-bottom: 16px;
        padding-bottom: 20px;
        position: relative;
    }

.nav-item a, .nav-item a:focus {
    color: var(--nav-color);
    padding: 7px 14px;
    /* padding: 10px 15px;*/
    /*font-size: 10px;*/
    font-family: var(--body-font) !important;
    font-weight: 400;
    display: flex;
    align-items: center;
    justify-content: space-between;
    white-space: nowrap;
    transition: 0.3s;
}

.dropdown-menu[data-bs-popper] {
    top: 95%;
}

:root {
    --pnbl: 'proxima_novablack';
    --pneb: 'proxima_novaextrabold';
    --pnb: 'proxima_novabold';
    --pnr: 'proxima_novaregular';
    --pnsb: 'proxima_novasemibold' !important;
    --pnt: 'proxima_novathin';
    --pnl: 'proxima_novalight';
    --pnm: 'proxima_novamedium';
    --pni: 'proxima_novaitalic';
    --default-font: "Roboto", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    --heading-font: "Playfair Display", sans-serif;
    --nav-font: "Poppins", sans-serif;
    --nav-font-brand: "Poppins", ui-sans-serif;
    --body-font: Verdana;
    --background-color: #ffffff;
    --default-color: #3d4348;
    --heading-color: #3e5055;
    --accent-color: #004088;
    --surface-color: #ffffff;
    --contrast-color: #ffffff;
}


.header .container .navigation ul li {
    padding: 0 25px;
    font-size: 10px;
    /*font-family: var(--nav-font) !important;*/
    font-family: robotobold;
    height: 100%;
    position: relative;
}

.navbar-brand-name {
    /*font-family: var(--nav-font-brand) !important;*/
    font-family: robotobold;
}

.slidetext {
    color: #090e25;
    font-weight: 500;
    text-align: left;
}

.slidetextnum {
    font-weight: 500;
    color: #090e25;
    text-align: right;
}

.back-to-top.active {
    visibility: visible;
    opacity: 1;
}

.back-to-top {
    position: fixed;
    visibility: hidden;
    opacity: 0;
    right: 15px;
    bottom: 40px;
    z-index: 996;
    background: #517fed;
    width: 25px;
    height: 25px;
    border-radius: 4px;
    transition: all 0.4s;
}

    .back-to-top i {
        font-size: 28px;
        color: #fff;
        line-height: 0;
    }

.img-fluid {
    max-width: 100% !important;
    width: auto;
    height: auto;
}

@keyframes slidein-left {
    0% {
        transform: translateX(-100%);
    }

    100% {
        transform: translateX(0);
    }
}

@keyframes slidein-right {
    0% {
        transform: translateX(100%);
    }

    100% {
        transform: translateX(0);
    }
}



@keyframes slidein-up {
    0% {
        transform: translateY(-100%);
    }

    100% {
        transform: translateY(0);
    }
}

@keyframes slidein-down {
    0% {
        transform: translateY(100%);
    }

    100% {
        transform: translateY(0);
    }
}

.aos-animate, .aos-animate-left {
    animation: 1s slidein-right;
}

.aos-animate-right {
    animation: 1s slidein-left;
}

.aos-animate-up {
    animation: 1s slidein-up;
}

.aos-animate-down {
    animation: 1s slidein-down;
}

.navbar-toggler {
    font-size: 1rem;
    color: transparent !important;
    background-color: #ffffff !important;
}
/* Default navbar-toggler-icon */
.navbar-toggler-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba%280, 0, 0, 0.5%29' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
}

    /* Custom X icon */
    .navbar-toggler-icon.open {
        background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath stroke='rgba%280, 0, 0, 0.5%29' stroke-width='2' d='M1 1l14 14M1 15L15 1'/%3E%3C/svg%3E");
    }



.header-container {
    display: flex;
    align-items: center;
    justify-content: space-between;
    /* padding: 10px;
     margin: 10px;*/
    flex-wrap: wrap;
}

    .header-container .logo {
        flex: 0 0 auto;
        text-align: center;
    }

    .header-container .text {
        flex: 1;
        text-align: center;
    }

    .header-container .logo img {
        padding: 5px !important;
        margin: 8px !important;
        width: 65%;
        height: 80px;
    }

   

    .header-container .certification {
        font-weight: bold;
    }

.info-item {
    padding: 20px 10px;
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 100%;
}

.row-equal-height {
    display: flex;
    flex-wrap: wrap;
}

    .row-equal-height > [class*='col-'] {
        display: flex;
        flex-direction: column;
    }



.company-details {
    box-shadow: 0 2px 70px 0 rgba(110, 130, 208, 0.18);
    border-radius: 5px;
    margin-bottom: 20px;
    border-bottom: 5px solid #6db9ef;
}

.job-update {
    background: white;
    padding: 10px 20px;
    border-radius: 5px;
}

    .job-update h4 strong {
        /*color: #46494c;*/
        color: black;
        font-size: 30px;
        font-family: "Oswald", sans-serif;
    }

    .job-update .fa {
        margin-top: 5px;
        margin-right: 10px;
        color: #21738d;
    }

.price {
    color: #018f62;
}

.location {
    color: red;
}


/*     .description {
            overflow: hidden;
            height: 0;
            opacity: 0;
            transition: height 0ms 400ms, opacity 400ms 0ms;
        }

        .company-details :hover .description {
            height: auto;
            opacity: 1;
            transition: height 0ms 0ms, opacity 600ms 0ms;
        }*/


.bookmark {
    color: #000 !important;
    float: right;
    display: inline-flex;
    font-size: 20px;
    cursor: pointer;
}

    .bookmark p {
        margin-left: 5px;
        font-size: 20px;
        cursor: pointer;
    }

.fa-heart-o:before {
    content: "\f08a";
    margin-right: 8px;
    font-size: 20px;
    cursor: pointer;
    color: rgb(33, 33, 226) !important;
}

    .fa-heart-o:before .bookmark {
        color: rgb(33, 33, 226) !important;
    }

.fa-heart:before {
    content: "\f004";
    margin-right: 8px;
    font-size: 20px;
    cursor: pointer;
    color: rgb(33, 33, 226) !important;
}

.job-update small {
    background: #e5e5e5;
    padding: 2px 5px 2px 5px;
    border-radius: 7px;
    margin: 0 5px;
}

    .job-update small:hover {
        cursor: pointer;
        background: #23c0e9;
        z-index: 2;
        transition: all 200ms ease-in;
        transform: scale(1.1);
        color: white;
    }

.job-update p {
    margin-bottom: 0 !important;
}

.job-update a {
    text-decoration: none !important;
    color: #b6bed2;
    float: right;
}

    .job-update a:hover {
        text-decoration: none !important;
        color: rgb(0, 95, 238);
        float: right;
    }

.apply-btn {
    display: none;
    height: 50px;
    background-image: linear-gradient(to right, #6db9ef, #111136);
    padding: 5px;
    border-bottom-left-radius: 5px;
}

/*     .apply-btn .btn-primary {
                padding: 0 30px;
                float: right;
                box-shadow: none !important;
                background: transparent;
                border: 1px solid #fff;
                width: 100px;
                height: 30px;
                line-height: 30px;
                background: #f36969;
                color: #ffffff;
                font-size: 16px;
                text-transform: uppercase;
                border-radius: 10px;
            }*/

.pagelink li {
    height: 25px;
    list-style: none;
    width: 25px;
    display: inline-block;
    cursor: pointer;
}

    .pagelink li:hover,
    .activa {
        color: #fff;
        background-image: linear-gradient(to right, #6db9ef, #7ce08a);
    }

.left-arrow {
    color: #999;
}

.right-arrow {
    color: #29b929;
}

@media (min-width: 768px) {
    .col-auto {
        flex: 0 0 auto;
        width: auto;
    }
}

/* Default font size for desktop */

/* Adjust font size for tablets (768px - 1024px) */
@media (min-width: 768px) and (max-width: 1024px) {
    body {
        font-size: 10px;
    }

    .col-auto {
        flex: 0 0 auto;
        width: auto;
    }

    .form-label, .form-control, .btn {
        font-size: 10px;
    }
}
/* Adjust font size for mobile devices (up to 767px) */
@media (max-width: 767px) {

    body {
        font-size: 14px;
    }

    .form-label, .form-control, .btn {
        font-size: 12px;
    }

    .header-container {
        flex-direction: column;
        align-items: center;
    }

    .info-item p {
        padding: 0 1rem;
    }

    .header-container {
        flex-direction: column;
        align-items: center;
    }

        .header-container .logo,
        .header-container .text {
            margin-bottom: 10px;
        }

    .h3, h3 {
        font-size: calc(.8rem + .5vw);
    }

    .header-container .logo, .header-container .text {
        margin-bottom: 0px;
    }

        .header-container .logo img {
            padding: 5px !important;
            margin: 8px !important;
            width: 100%;
            height: 50px;
        }
}
.small, small {
    width: 100%;
    font-size: .8em;
    line-height: 16px;
    display: table;
}
/* Custom styling for the horizontal dropdown */
.dropdown-menu {
    width: 100%; /* Full width */
    left: 0; /* Align with the left edge of the parent */
    right: 0; /* Align with the right edge of the parent */
    padding: 1rem 1.5rem; /* Add some padding for better spacing */
    column-count: 2; /* Divide into 3 columns */
}

.dropdown-item {
    width: 100%;
    padding: 0.5rem 1rem; /* Adjust padding for better spacing */
    text-align: left; /* Align text to the left */
}

    /* Additional customization */
    .dropdown-item:hover {
        background-color: #f8f9fa; /* Light gray on hover */
        color: #007bff; /* Blue text on hover */
    }

.navbar-nav .dropdown:hover .dropdown-menu {
    display: block; /* Show dropdown on hover */
}

.dropdown, .dropdown-center, .dropend, .dropstart, .dropup, .dropup-center {
    position: initial;
}

.dropdown-menu[data-bs-popper] {
    background: #f4f6f8;
    justify-self: center;
    width: auto;
}

.dropdown-item {
    background: #f4f6f8;
}


/* Responsive adjustments for tablet view */
@media (max-width: 768px) {
    .dropdown-menu {
        column-count: 1; /* Stack items in a single column */
        padding: 0.5rem; /* Reduce padding for smaller screens */
    }

        .dropdown-menu[data-bs-popper] {
            width: 95%;
        }

    .nav-item a, .nav-item a:focus {
        text-wrap: wrap;
    }

    .dropdown-item {
        padding: 0.5rem; /* Adjust padding for better fit on small screens */
    }
}

/* Responsive adjustments for mobile view */
@media (max-width: 576px) {
    .dropdown-menu {
        column-count: 1; /* Ensure single column layout for mobile */
        width: 100%; /* Full width for mobile */
        padding: 0.25rem; /* Further reduce padding for mobile screens */
    }

    .nav-item a, .nav-item a:focus {
        text-wrap: wrap;
    }

    .dropdown-menu[data-bs-popper] {
        width: 90%;
    }

    .dropdown-item {
        padding: 0.5rem 0.75rem; /* Adjust padding to fit mobile screens */
    }
}

.footerSpacing {
    margin-right: -4%;
    margin-left: 2%
}

.footerSpacing1 {
    margin-right: -1%;
    margin-left: 1%
}

/* Ensure the parent menu item is relatively positioned */
.navbar .dropdown {
    position: relative;
}

/* Ensure the dropdown menu is absolutely positioned */
.navbar .dropdown-menu {
    position: absolute;
    top: 100%; /* Aligns the dropdown directly below the menu item */
    left: 0; /* Aligns to the left edge of the parent */
    margin-top: 0; /* Optional: Adjust if you want a small gap */
    z-index: 1000; /* Ensures it appears on top */
}

/* Adjust the dropdown items padding/margin if necessary */
.navbar .dropdown-item {
    padding: 8px 16px;
    white-space: nowrap; /* Prevents text from wrapping */
}
.text-body-secondary {
    --bs-text-opacity: 1;
    color: rgb(255 255 255 / 75%) !important;
}
.footerSpacing1 {
            margin-right: -1%;
            margin-left: 1%
        }