/*** 
====================================================================
 Root Prefix
====================================================================
 ***/

:root {
    --primary-color: #4C5BE5;
    --secondary-color: #2A3CD8;
    --button-font-color: #FFFFFF;
    --primary-color-alpha001: rgba(76, 91, 229, 0.01);
    --primary-color-alpha002: rgba(76, 91, 229, 0.02);
    --primary-color-alpha003: rgba(76, 91, 229, 0.03);
    --primary-color-alpha004: rgba(76, 91, 229, 0.04);
    --primary-color-alpha005: rgba(76, 91, 229, 0.05);
    --primary-color-alpha006: rgba(76, 91, 229, 0.06);
    --primary-color-alpha007: rgba(76, 91, 229, 0.07);
    --primary-color-alpha008: rgba(76, 91, 229, 0.08);
    --primary-color-alpha009: rgba(76, 91, 229, 0.09);
    --primary-color-alpha01: rgba(76, 91, 229, 0.1);
    --primary-color-alpha02: rgba(76, 91, 229, 0.2);
    --primary-color-alpha03: rgba(76, 91, 229, 0.3);
    --primary-color-alpha04: rgba(76, 91, 229, 0.4);
    --primary-color-alpha05: rgba(76, 91, 229, 0.5);
    --primary-color-alpha06: rgba(76, 91, 229, 0.6);
    --primary-color-alpha07: rgba(76, 91, 229, 0.7);
    --primary-color-alpha08: rgba(76, 91, 229, 0.8);
    --primary-color-alpha09: rgba(76, 91, 229, 0.9);
    --gray-color: #505050;
    --white: #ffffff;
    --black: #000000;
    --body-font-color: rgba(0, 0, 0, 0.7);
    --heading-color: #333333;
    --form-input-border-color: rgba(0, 0, 0, 0.1);
}

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

body {
    font-family: 'Inter';
    font-weight: normal;
    font-style: normal;
    font-size: 16px;
    line-height: 28px;
    position: relative;
    color: var(--body-font-color);
}

p {
    font-family: 'Inter';
    font-weight: normal;
    font-style: normal;
    font-size: 16px;
    line-height: 28px;
    color: var(--body-font-color);
}

a {
    color: var(--gray-color);
    cursor: pointer;
}

a:hover {
    color: var(--secondary-color);
}

h1,
h2,
h3,
h4,
h5,
h6 {
    color: var(--heading-color);
    font-weight: 700;
}

.primary-color {
    color: var(--primary-color);
}

.secondary-color {
    color: var(--secondary-color);
}

.primary-bg {
    background-color: var(--primary-color);
}

.secondary-bg {
    background-color: var(--secondary-color);
}

.alt-bg {
    background: var(--primary-color-alpha03);
}

.white-bg {
    background-color: var(--white);
}

.white-alt-bg {
    background: rgba(255, 255, 255, 0.3);
}

.fs-1x2 {
    font-size: 5rem!important;
}

.rb-5 {
    border-radius: 5px;
}

.rb-10 {
    border-radius: 10px;
}

.rb-10 {
    border-radius: 10px;
}

.px-100 {
    padding-left: 100px;
    padding-right: 100px;
}

.primary-button {
    color: var(--button-font-color);
    padding: 10px 20px;
    border-radius: 60px;
    border: 1px solid var(--primary-color);
    display: inline-block;
    width: auto;
    min-width: 120px;
    text-align: center;
    background: linear-gradient(180deg, var(--primary-color) 0%, var(--secondary-color) 100%);
    transition: all 0.3s ease-out;
    font-weight: 500;
    font-style: normal;
    cursor: pointer;
}

.primary-button-bg {
    background: linear-gradient(180deg, var(--primary-color) 0%, var(--secondary-color) 100%);
    border: 1px solid var(--primary-color);
    color: var(--button-font-color);
    transition: all 0.3s ease-out;
}

.primary-button-bg:hover {
    color: var(--button-font-color);
    background: linear-gradient(180deg, var(--secondary-color) 0%, var(--primary-color) 100%);
}

.primary-button:hover {
    color: var(--button-font-color);
    background: linear-gradient(180deg, var(--secondary-color) 0%, var(--primary-color) 100%);
}

.secondary-button {
    color: var(--gray-color);
    padding: 10px 20px;
    border-radius: 60px;
    border: 1px solid var(--primary-color);
    display: inline-block;
    width: auto;
    min-width: 120px;
    text-align: center;
    background: none;
    transition: all 0.3s ease-out;
    font-weight: 500;
    font-style: normal;
    cursor: pointer;
}

.secondary-button:hover {
    color: var(--button-font-color);
    background: var(--secondary-color);
}

.alternative-button {
    color: var(--gray-color);
    padding: 10px 20px;
    border-radius: 60px;
    border: 1px solid var(--primary-color);
    display: inline-block;
    width: auto;
    min-width: 120px;
    text-align: center;
    background: var(--white);
    transition: all 0.3s ease-out;
    font-weight: 500;
    font-style: normal;
    cursor: pointer;
}

.alternative-button:hover {
    color: var(--button-font-color);
    background: var(--secondary-color);
}

.secondary-cta-button {
    font-weight: 400;
    padding: 5px 0;
    color: #28293290;
    font-size: 18px;
}

.theme-main-menu .logo img,
.footer-one_1.logo img {
    min-height: 40px;
}

.span-color {
    color: var(--primary-color);
}

.span-one {
    font-weight: 400;
    line-height: normal;
    letter-spacing: 3.6px;
    color: rgba(80, 80, 80, 1);
    text-align: center;
    text-transform: uppercase;
}

.span-two {
    font-weight: 500;
    color: var(--primary-color);
    text-align: center;
}

.span-three {
    font-weight: 500;
    color: var(--primary-color);
    text-align: center;
    border-radius: 20px;
    background: var(--primary-color-alpha01);
    padding: 10px 20px;
}

h2.heading-2 {
    font-size: 48px;
    font-weight: 700;
    line-height: 68px;
    color: rgba(17, 29, 59, 1);
}

h3.heading-3 {
    font-weight: 500;
    font-size: 28px;
    line-height: 30px;
}

h4.heading-4 {
    font-weight: 500;
    font-size: 24px;
    line-height: 26px;
}

h5.heading-5 {
    font-weight: 500;
}

h6.heading-6 {
    font-weight: 400;
}

.shape {
    position: absolute;
}

::-webkit-scrollbar {
    width: 5px;
}

::-webkit-scrollbar-track {
    background: var(--white);
}

::-webkit-scrollbar-thumb {
    background: var(--primary-color);
    border-radius: 0;
}

/*** 
====================================================================
  Loading Transition
====================================================================
 ***/
.finteck-preloader {
    align-items: center;
    -webkit-align-items: center;
    display: flex;
    display: -ms-flexbox;
    height: 100%;
    justify-content: center;
    -webkit-justify-content: center;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    z-index: 9999999;
    background: var(--white);
    transition: all 0.3s ease-out;
}

.finteck-preloader .animation-preloader {
    position: absolute;
    z-index: 100;
    text-align: center;
    transition: all 0.3s ease-out;
}

.animation-preloader h1 {
    color: var(--secondary-color);
    font-weight: 700;
    font-size: 60px;
    line-height: 90px;
    overflow: hidden;
    border-right: .15em solid var(--black);
    white-space: nowrap;
    margin: 0 auto;
    letter-spacing: .30em;
    animation: typing 5s steps(7) infinite, blink-caret 0.3s infinite;
    animation-fill-mode: forwards;
    transition: all 0.3s ease-out;
}

/* The typing effect */
@keyframes typing {
    0% {
        width: 0;
    }

    25% {
        width: 70%;
    }

    48% {
        width: 100%;
    }

    50% {
        width: 100%;
    }

    55% {
        width: 100%;
    }

    75% {
        width: 70%;
    }

    85% {
        width: 30%;
    }

    100% {
        width: 0;
    }
}

/* The typewriter cursor effect */
@keyframes blink-caret {
    from {
        border-color: transparent;
    }

    to {
        border-color: var(--primary-color);
    }
}

.secondary-heading {
    font-size: 42px!important;
    line-height: 47px!important;
    font-weight: 700!important;
}

.secondary-sub-heading {
    font-size: 24px!important;
    line-height: 29px!important;
    font-weight: 400!important;
}

.w100 {
    width:100%!important;
    max-width: 100%!important;
}

/*** 
====================================================================
  Loading Transition
====================================================================
 ***/
.scroll-top {
    width: 35px;
    height: 35px;
    line-height: 35px;
    position: fixed;
    bottom: 20px;
    right: 5px;
    z-index: 99;
    text-align: center;
    color: var(--white);
    font-size: 25px;
    cursor: pointer;
    border-radius: 50%;
    background: var(--prime-three);
    display: none;
    transition: all 0.3s ease-in-out;
}

.b2b .scroll-top {
    bottom: 50px;
}

.scroll-top:after {
    position: absolute;
    z-index: -1;
    content: '';
    top: 100%;
    left: 5%;
    height: 10px;
    width: 90%;
    opacity: 1;
    background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.25) 0%, rgba(0, 0, 0, 0) 80%);
}

.theme-main-menu .inner-content {
    position: relative;
}

.theme-main-menu {
    position: absolute;
    z-index: 99;
    left: 0;
    right: 0;
    top: 0;
    padding: 18px 40px;
    transition: all 0.3s ease-out;
}

.home .theme-main-menu {
    background-color: var(--primary-color-alpha002);
}

.theme-main-menu.sticky-menu.fixed {
    position: fixed;
    z-index: 999999;
    padding: 10px;
    background: var(--white);
    top: 0;
    box-shadow: 0px 0px 5px 0px #50505050;
    transition: all 0.3s ease-out;
}

.theme-main-menu .navbar {
    font-weight: 500;
}

.left-wiget {
    margin-left: 80px;
}

.navbar-nav .nav-item {
    padding-right: 40px;
}

.right-wiget {
    display: flex;
    margin-left: auto;
}

.right-wiget .sign-up .custom-button {
    background: rgba(25 164 99 / 100%);
    border-radius: 5px;
    color: var(--white);
    padding: 10px 30px;
    text-align: center;
    font-weight: 600;
    font-size: 16px;
    line-height: 30px;
    transition: all 0.3s ease-in-out;
}

.right-wiget .sign-up .custom-button:hover {
    color: var(--white);
    background: rgba(28 116 75 / 100%);
}

.right-wiget .sign-in {
    padding: 7px 0;
    margin: 0 20px 0 0;
}

.right-wiget .sign-in .custom-link {
    position: relative;
    padding-right: 0.8rem;
    padding-left: 0;
    color: var(--gray-color);
}

.right-wiget .sign-in .custom-link:hover {
    color: var(--secondary-color);
}

.right-wiget .sign-in .custom-link::before {
    content: '';
    position: absolute;
    width: 50%;
    height: 3px;
    background: var(--secondary-color);
    border-radius: 20px;
    left: 0;
    bottom: 0;
    transform: scale(0, 1);
    transform-origin: 0 100%;
    opacity: 0;
    transition: all 0.3s ease-in-out;
}

.right-wiget .sign-in:hover .custom-link::before {
    transform: scale(1, 1);
    opacity: 1;
}

.right-wiget .people a {
    padding: 0px 20px;
    transition: all 0.3s ease-in-out;
}

.right-wiget .people a img:hover {
    color: var(--secondary-color);
}
/*header css end*/

/*banner css start*/
.banner-one {
    background: var(--primary-color-alpha005) url("../images/bg/bg-1.png") left top no-repeat;
    height: auto;
    width: 100%;
    position: relative;
}

.banner-one .hero-heading {
    font-weight: 700;
    font-size: 70px;
    line-height: 96px;
    color: #111D3B;
}

.banner-one .hero-heading span {
    color: var(--primary-color);
}

.banner-one form {
    position: relative;
    background: var(--white);
    height: 70px;
    font-weight: 500;
    color: var(--gray-color);
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    box-shadow: 0px 0px 5px 0px #50505050;
    border-radius: 5px;
}

.banner-one form .item_1 {
    padding: 0px 20px;
    color: #111D3B;
}

.banner-one form::after {
    content: '';
    position: absolute;
    left: 50%;
    width: 2px;
    height: 40px;
    background: rgba(17, 29, 59, 0.2);
    border-radius: 5px;
}

.banner-one form .item_2 {
    width: 25%;
    left: -9%;
    position: relative;
}

.banner-one form .item_2 input[type="text"] {
    width: 100%;
    outline: none;
    border: none;
    font-weight: 500;
    color: var(--gray-color);
}

.banner-one form .item_3 {
    color: #111D3B;
}

.banner-one form .item_3 span {
    font-weight: 500;
    color: var(--gray-color);
}

.banner-one form .item_3 i {
    color: var(--gray-color);
}

.banner-one form .item_4 a {
    background: var(--primary-color);
    color: var(--white);
    text-align: center;
    margin-right: 5px;
    transition: all 0.3s ease-in-out;
    line-height: 60px;
    padding: 0px 20px;
    border-radius: 5px;
}

.nice-select {
    padding: 0;
    margin: 0;
    width: 100%;
    outline: none;
    border: none;
    font-weight: 500;
    color: #757575;
    margin-left: 10px;
}

.nice-select:after {
    display: none;
}

.banner-one form .item_4 a:hover {
    color: var(--white);
    background: rgba(28 116 75 / 100%);
}

.right_banner {
    position: relative;
    height: 100%;
    background: rgba(25, 164, 99, 0.1);
}

.right_banner .banner-img0 {
    position: relative;
    bottom: -24px;
    z-index: 1;
}

.right_banner .banner-img1 {
    left: -17%;
    position: absolute;
    bottom: 206px;
    z-index: 2;
}

.right_banner .banner-img2 {
    position: absolute;
    bottom: 348px;
    z-index: 2;
    right: 0px;
}

.right_banner .banner-img3 {
    right: 10%;
    position: absolute;
    bottom: 57px;
    z-index: 2;
}

.right_banner .shape1 {
    position: absolute;
    top: 317px;
    left: 49px;
    z-index: -1;
}

.right_banner .shape2 {
    position: absolute;
    bottom: 130px;
    right: 0;
    z-index: -1;
}

/*banner  css end*/

/*partner css start */
.Partner {
    position: relative;
}

.heading {
    font-size: 32px;
    line-height: 1.5;
}

.heading span {
    color: var(--primary-color);
}

.main-content .content-flex .item {
    padding-right: 98px;
}

.slick-slide img {
    margin: auto;
}
/*partner css end */

/*===========================
category
=============================
*/
.job-category-one {
    width: 100%;
    height: 260px;
    padding: 15px;
    border-radius: 10px;
    background: var(--white);
    box-shadow: 0px 0px 5px 0px #50505050;
    transition: all 0.3s ease-in-out;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.job-category-one:hover {
    box-shadow: 0px 0px 15px 0px #50505050;
}

.job-icon-one {
    width: 80px;
    height: 80px;
    background: rgba(255, 153, 0, 0.2);
    border-radius: 80px;
    transition: all 0.3s ease-in-out;
}

.job-category-page .job-icon-one {
    width: auto;
    height: auto;
    background: none;
    border-radius: 0;
}

.job-icon-two {
    background: rgba(66, 133, 244, 0.2);
}

.job-icon-three {
    background: rgba(37, 217, 248, 0.2);
}

.job-icon-four {
    background: rgba(234, 67, 53, 0.2);
}

.job-icon-five {
    background: rgba(253, 44, 117, 0.2);
}

.job-icon-six {
    background: rgba(65, 94, 246, 0.2);
}

.job-icon-seven {
    background: rgba(150, 92, 245, 0.2);
}

.job-icon-eignt {
    background: none;
}

.job-icon-nine {
    background: rgba(25, 164, 99, 0.2);
}

.category-heading {
    font-weight: 500;
    transition: all 0.3s ease-in-out;
    font-size: 18px;
    line-height: 1.5;
}

.category-link {
    transition: all 0.3s ease-in-out;
}

.job-category-three:hover .category-heading,
.job-category-one:hover .category-heading,
.job-category-three:hover .category-link,
.job-category-one:hover .category-link,
.job-category-one:hover .category-heading a {
/*    color: var(--white);*/
    color: var(--primary-color);
}

.job-category-three:hover,
.job-category-one:hover {
/*    background: var(--primary-color);
    color: var(--white);*/
    color: var(--primary-color);
}

.job-category-one.active {
    background: var(--primary-color);
    color: var(--white);
}

.job-category-one.active h4 {
    color: var(--white);
}

.job-category-one.active a h4 {
    line-height: 45px;
}

.job-category-one:hover .job-icon-one {
    background: var(--white);
}

/*.job-category-one.job-category-page:hover .job-icon-one {
    background: var(--primary-color);
}*/

.job-category-one:hover .job-icon-one i {
    color: var(--primary-color);
}

.job-category-three {
    width: 310px;
    height: 140px;
    padding: 40px 25px;
    background: var(--white);
    border-radius: 10px;
    transition: all 0.3s ease-in-out;
}

.job-category-three:hover img {
    background: var(--white);
    mix-blend-mode: multiply;
}

/*===================================== about us  css start
.about-us
.about-us-rapper
.left-about
.right-about
>=========================================================
*/
.about-us-rapper .shape-4 {
    right: -6%;
    bottom: 10%;
}

.about-us-rapper .shape-6 {
    right: -9%;
    top: 9%;
}

.about-us-rapper .shape-7 {
    left: -9%;
    bottom: 9%;
}

.left-about-one {
    position: relative;
}

.left-about-one::after {
    /* content: url("../images/assets/Group12.png"); */
    position: absolute;
    right: 31px;
    bottom: 152px;
    z-index: -99999;
    transform: rotate(-15deg);
}

.left-about-one .pic-one {
    position: relative;
    bottom: 0;
    max-width: 100%;
}

.left-about-one .pic-two {
    position: absolute;
    top: 42%;
    left: -14%;
    max-width: 100%;
}

.left-about-one .pic-three {
    position: absolute;
    right: -14%;
    top: 4%;
    max-width: 100%;
}

.left-about-one .pic-four {
    position: absolute;
    right: -14%;
    bottom: -11px;
    max-width: 100%;
}

.left-about-one .pic-five {
    position: absolute;
    right: -12%;
    bottom: 18%;
    max-width: 100%;
    z-index: -1;
}

.right-about::after {
    /* content: url("../images/assets/Group12.png"); */
    position: absolute;
    right: 54px;
    bottom: 44px;
    z-index: -99999;
    transform: rotate(-15deg);
    opacity: .2;
}
/* about us  css end */

/*==============================
.feature-job
==============================*/
.feature-job-title .heading-2 {
    font-weight: 700;
    font-size: 48px;
    line-height: 68px;
    color: rgba(17, 29, 59, 1);
}

.feature-job {
    position: relative;
    background: linear-gradient(to right, rgba(25, 164, 99, 0.05), rgba(25, 164, 99, 0.05));
}

.job-1 {
    height: 100%;
    padding: 20px;
    background: var(--white);
    box-shadow: 0px 0px 5px 0px #50505050;
    border-radius: 10px;
    border: 1px solid rgba(0, 0, 0, 0.175);
    transition: all 0.3s ease-in-out;
}

.job-company {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    transition: all 0.3s ease-in-out;
}

.company-name {
    display: flex;
    flex-direction: column;
    grid-gap: 10px;
    transition: all 0.3s ease-in-out;
}

.company-name img {
    height: 30px;
    margin-bottom: 10px;
}

.company-name span {
    font-weight: 400;
    color: var(--gray-color);
    transition: all 0.3s ease-in-out;
}

.company-taq {
    width: 50px;
    height: 50px;
    background: rgba(25, 164, 99, .1);
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--primary-color);
    border-radius: 5px;
    transition: all 0.3s ease-in-out;
}

.job-title {
    display: flex;
    padding-top: 28px;
    padding-bottom: 30px;
    transition: all 0.3s ease-in-out;
}

.job-title h3 {
    font-weight: 700;
    font-size: 24px;
    line-height: 30px;
    color: #111D3B;
    transition: all 0.3s ease-in-out;
}

.job-type span {
    font-weight: 400;
    color: var(--gray-color);
    padding-right: 10px;
}

.job-type span i {
    color: var(--primary-color);
}

.job-sallary {
    display: flex;
    margin: 10px 0;
    align-items: center;
    justify-content: space-between;
}

.job-sallary span {
    font-weight: 400;
    font-size: 16px;
    line-height: 23px;
    color: var(--gray-color);
}

.job-sallary span strong {
    font-weight: 500;
    font-size: 24px;
    line-height: 34px;
    color: #111D3B;
}

/* .job-sallary a {
    background: rgba(25, 164, 99, .1);
    border-radius: 5px;
    font-weight: 500;
    font-size: 16px;
    line-height: 23px;
    color: var(--primary-color);
    transition: all 0.3s ease-in-out;
    padding: 16px 30px;
}

.job-sallary a:hover {
    color: var(--white);
    background: var(--primary-color);
} */

.explore-btn {
    padding-top: 60px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.explore-btn .btn-custom {
    font-weight: 600;
    font-size: 16px;
    line-height: 30px;
    color: var(--white);
    background: var(--primary-color);
    border-radius: 5px;
    transition: all 0.3s ease-in-out;
    padding: 12px 30px;
}

.explore-btn .btn-custom:hover {
    color: var(--white);
    background: rgba(28 116 75 / 100%);
}

/*==============================
.feature-job end
==============================*/

/*==============================
.why-choose-us start
==============================*/
.why-choose-us {
    position: relative;
}

.choose-us-content {
    position: relative;
}

.why-choose-us-rapper .shape-5 {
    left: 38%;
    bottom: 39px;
}

.why-choose-us-rapper .shape-6 {
    left: -90px;
    top: 26%;
}

.why-choose-us-rapper .shape-7 {
    right: -60px;
    top: 50%;
}

.choose-us-heading .span {
    font-weight: 400;
    letter-spacing: 0.2em;
    color: rgba(80, 80, 80, 1);
}

.choose-us-heading ul {
    list-style: none;
    display: flex;
    flex-direction: column;
    grid-gap: 10px;
}

.choose-us-heading ul li {
    list-style: none;
    display: flex;
    flex-direction: row;
    align-items: center;
    flex-wrap: wrap;
    grid-gap: 20px;
}

.choose-us-heading ul li span {
    width: 40px;
    height: 40px;
    background: rgba(25, 164, 99, .1);
    display: flex;
    color: var(--primary-color);
    border-radius: 50%;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.choose-us-heading ul li a {
    font-weight: 500;
    color: #111D3B;
    transition: all 0.3s ease-in-out;
}

.choose-us-heading ul li a:hover {
    color: rgba(28 116 75 / 100%);
}

.choose-us-heading .custom-button {
    background: var(--primary-color);
    border-radius: 5px;
    color: var(--white);
    font-weight: 600;
    transition: all 0.3s ease-in-out;
    padding: 12px 30px;
}

.choose-us-heading .custom-button:hover {
    color: var(--white);
    background: rgba(28 116 75 / 100%);
}

.right-choose-content img {
    position: relative;
    top: 0;
    right: 0;
    z-index: 2;
}

.right-choose-content span:nth-child(2) {
    position: absolute;
    left: -50px;
    bottom: -50px;
    background: rgba(255, 153, 0, 1);
    z-index: 1;
    border-radius: 10px;
    opacity: 0.2;
    width: 30.3rem;
    height: 31.6rem;
}

.right-choose-content span:nth-child(3) {
    position: absolute;
    left: -50px;
    bottom: -50px;
    width: 25.3rem;
    height: 25.3rem;
    background: rgba(255, 153, 0, 1);
    z-index: 1;
    border-radius: 10px;
    opacity: 0.2;
}

.right-choose-content span:nth-child(4) {
    position: absolute;
    left: -50px;
    bottom: -50px;
    z-index: 1;
    border-radius: 10px;
    opacity: 0.2;
    width: 19.8rem;
    height: 19.8rem;
    background: var(--primary-color);
}

button.item1 {
    font-size: 18px;
    font-weight: 500;
    line-height: 2;
}

.collapse {
    transition: all 0.3s ease-in-out;
}

/*==============================
.why-choose-us end
==============================*/
/*=============================
testimonial start
===============================*/
.testimonial-rapper {
    position: relative;
    height: auto;
    background-size: 71% 100%;
}

.testimonial-content {
    position: relative;
/*    height: 600px;*/
    background-position: -10% 100%;
}

.testimonial-rapper .heding-center h2 {
    font-weight: 700;
    font-size: 48px;
    line-height: 68px;
    text-align: center;
    color: rgba(17, 29, 59, 1);
}

#testimonial_slider {
    position: relative;
}

#testimonial_slider .slick-list .slick-slide {
    margin: 0 20px;
}

#testimonial_slider .slick-arrow {
    width: 60px;
    height: 60px;
    position: absolute;
    background: var(--primary-color-alpha03);
    color: var(--black);
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.3s ease-in-out;
    cursor: pointer;
    z-index: 999;
    bottom: -60px;
}

#testimonial_slider i.bi-chevron-right {
    right: 45%;
}

#testimonial_slider i.bi-chevron-left {
    left: 45%;
}

#testimonial_slider i.bi-chevron-left:hover,
#testimonial_slider i.bi-chevron-right:hover {
    background: var(--primary-color);
    color: var(--white);
}

.testimonial-item {
    background: none;
    box-shadow: none;
    border-radius: 10px;
    display: flex;
    padding: 30px 0px;
}

.testimonial-item-inner {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    max-height: 100%;
    max-width: 100%;
    padding: 0 30px;
    margin: 30px 0;
}

.testimonial-item-inner .name {
    font-weight: 500;
    font-size: 24px;
    line-height: 26px;
    padding: 15px 0px;
    color: #111D3B;
}

.testimonial-item-inner .designation {
    font-weight: 400;
    color: var(--gray-color);
}

.testimonial-item-inner .rating {
    font-weight: 500;
    color: #111D3B;
    padding: 10px 0;
}

.testimonial-item-inner .rating span {
    margin: auto;
}

.testimonial-item-inner .rating span i {
    color: #FF9900;
}

.testimonial-item-inner .details p {
    font-size: 16px;
    line-height: 32px;
    color: var(--gray-color);
    text-align: center;
    font-weight: 400;
    font-style: italic;
}

.testimonial-item-inner i {
    transform: rotate(180deg);
    display: inline-block;
}

/*=============================
testimonial end
===============================*/
/*=======================
Download Apps
=================*/
.apps_content-left h2 {
    font-weight: 700;
    font-size: 48px;
    line-height: 68px;
    color: rgba(17, 29, 59, 1);
}

.apps_content-left p {
    font-weight: 400;
    color: var(--gray-color);
}

.apps_content-right {
    position: relative;
    margin-left: 11%;
}

.apps_content-right img:nth-child(1) {
    position: absolute;
    left: -4%;
    bottom: 15%;
    max-width: 30%;
    z-index: 2;
}

.apps_content-right img:nth-child(2) {
    right: 6%;
    bottom: 14%;
    position: absolute;
    max-width: 42%;
    z-index: 2;
}

.apps_content-right img:nth-child(3) {
    left: -10%;
    top: 29%;
    position: absolute;
    max-width: 28%;
    z-index: 2;
}

.apps_content-right img:nth-child(4) {
    position: relative;
    right: 0%;
    top: 0%;
    z-index: 1;
    max-width: 80%;
}

.apps_content-right img:nth-child(5) {
    position: absolute;
    right: 17%;
    top: 32%;
    max-width: 80%;
    z-index: -1;
}

/*=======================
Download Apps
=================*/
.customer-one {
    position: relative;
    background-color: var(--primary-color-alpha007);
}

.customer-one::before {
    content: "";
    background-image: url("../images/bg/bg-2.png");
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    position: absolute;
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px;
    opacity: 0.3;
    z-index: -1;
}

.customer_rapper {
    position: relative;
}

.customer_rapper img:nth-child(1) {
    position: absolute;
    left: 0%;
    bottom: 20%;
    max-width: 11%;
}

.customer_rapper img:nth-child(2) {
    position: absolute;
    right: 0%;
    top: 30%;
    max-width: 11%;
}

.customer_content {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
}

.customer_content p {
    width: 50%;
}

.customer_content .custom-button {
    background: var(--primary-color);
    border-radius: 5px;
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 30px;
    color: var(--white);
    transition: all 0.3s ease-in-out;
    padding: 12px 30px;
}

.customer_content .custom-button:hover {
    background: rgba(28 116 75 / 100%);
}

/*=======================
SUBSCRIBE
=================*/
.subscribe-one {
    border-bottom: 2px solid rgba(114, 107, 122, .06);
}

.subscriber-content-left h2 {
    font-weight: 700;
    font-size: 40px;
    line-height: 60px;
}

.subscriber-content-right form {
    background: var(--white);
    border: 1px solid var(--form-input-border-color);
    border-radius: 100px;
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    transition: all 0.3s ease-in-out;
}

.subscriber-content-right form:hover {
    border: 1px solid var(--primary-color-alpha07);
}

.subscriber-content-right form input {
    font-size: 16px;
    line-height: 32px;
    padding: 10px 30px;
    border: none;
    overflow-x: hidden;
    outline: none;
    border-radius: 100px;
    min-width: 70%;
}

.subscriber-content-right form .custom-button {
    box-shadow: 0px 0px 5px 0px #50505050;
    transition: all 0.3s ease-in-out;
}

/*=======================
footer
=================*/
.footer-one_1 p {
    width: 100%;
    max-width: calc(100% - 90px);
}

.footer-one .copy-right a {
    padding-bottom: 30px;
    transition: all 0.3s ease-in-out;
    font-size: 14px;
    line-height: 28px;
}

.footer-one .copy-right h5 {
    font-size: 14px;
    line-height: 28px;
    font-weight: 500;
}

.social_group ul {
    list-style: none;
    display: flex;
    grid-gap: 10px;
    flex-wrap: wrap;
    transition: all 0.3s ease-in-out;
}

.social_group ul li a {
    width: 48px;
    height: 48px;
    background: var(--primary-color);
    color: var(--white);
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    transition: all 0.3s ease-in-out;
}

.social_group ul li a:hover {
    background: var(--secondary-color);
}

.social_group ul li a i {
    padding: 0;
    margin: 2px 0 0 1px;
}

.footer-one_2 ul {
    list-style: none;
}

.footer-one_2 ul li a {
    padding-bottom: 20px;
    transition: all 0.3s ease-in-out;
}

.footer-one_2 ul li a:hover {
    color: var(--primary-color);
}

/*============Home page two=================*/
.theme-menu-two {
    position: relative;
    top: 0;
}

/* home page 2 banner  */
.banner-two {
    background: var(--primary-color-alpha005) url("../images/bg/bg-5.png") center center no-repeat;
    height: auto;
    max-width: 100%;
    position: relative;
    background-size: cover;
}

.banner-two-rapper {
    padding: 88px 0;
}

.banner-two-rapper p {
    font-weight: 400;
    color: var(--gray-color);
}

.left_banner-two .bannerTwo-form {
    position: relative;
    background: var(--white);
    max-width: 540px;
    height: 70px;
    font-weight: 500;
    color: var(--gray-color);
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    box-shadow: 0px 0px 5px 0px #50505050;
    border-radius: 50px;
}

.left_banner-two .bannerTwo-form::after {
    content: '';
    position: absolute;
    left: 33%;
    width: 2px;
    height: 40px;
    background: rgba(17, 29, 59, 0.2);
    border-radius: 5px;
}

.left_banner-two .bannerTwo-form .item_2 {
    width: 20%;
    left: -27px;
    position: relative;
}

.left_banner-two .bannerTwo-form .item_3-location a:hover {
    color: rgba(28 116 75 / 100%);
}

.left_banner-two .bannerTwo-form .item_3-location {
    padding-right: 20px;
}

.left_banner-two .bannerTwo-form .item_3-location i {
    padding-right: 15px;
}

.left_banner-two .bannerTwo-form .item_4-button a {
    background: var(--primary-color);
    color: var(--white);
    text-align: center;
    border-radius: 30px;
    font-weight: 500;
    font-size: 16px;
    line-height: 30px;
    padding: 15px 30px;
    transition: all 0.3s ease-in-out;
}

.left_banner-two .bannerTwo-form .item_4-button a:hover {
    color: var(--white);
    background: rgba(28 116 75 / 100%);
}

.right_banner_two {
    position: relative;
}

.right_banner_two img:nth-child(1) {
    position: absolute;
    left: 0;
    bottom: 0;
    max-width: 30%;
}

.right_banner_two img:nth-child(2) {
    position: absolute;
    right: 0;
    bottom: 0;
    max-width: 28%;
}

.right_banner_two img:nth-child(3) {
    position: absolute;
    bottom: 11%;
    right: 30%;
    max-width: 43%;
}

.right_banner_two img:nth-child(4) {
    position: relative;
    bottom: 20px;
    z-index: -1;
    max-width: 100%;
    left: 0%;
}

.right_banner_two img:nth-child(5) {
    position: absolute;
    top: 8%;
    left: 40%;
    max-width: 10%;
}

/*Easy Step To 
Get Your Dream Job*/
.dream-job2 {
    position: relative;
    background-color: var(--primary-color-alpha007);
}

.dream-job2::before {
    content: "";
    background-image: url("../images/bg/bg-3.png");
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    position: absolute;
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px;
    opacity: 0.3;
    z-index: -1;
}

.dream-job2 .text-center .top-heading {
    font-weight: 500;
    color: var(--primary-color);
}

.dream-job2 .custom-button {
    background: var(--primary-color);
    border-radius: 5px;
    color: var(--white);
    font-weight: 600;
    font-size: 16px;
    line-height: 30px;
    transition: all 0.3s ease-in-out;
    padding: 12px 30px;
    width: auto;
    margin: 0 auto;
}

.dream-job2 .custom-button:hover {
    background: rgba(28 116 75 / 100%);
}

.dreamitem-1 {
    max-width: 380px;
    height: 360px;
    background: var(--primary-color-alpha03);
    border-radius: 10px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 20px;
}

.dreamitem-1.dreamitem-2 {
    max-width: 100%;
    height: 380px;
}

.dreamitem-1 .dream-icon {
    width: 100px;
    height: 100px;
    background: var(--primary-color);
    color: var(--white);
    border-radius: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 100px;
}

.dreamitem-1 .dream-icon i {
    font-size: 40px;
}

.dreamitem-1 a {
    color: #111D3B;
    font-size: 24px;
    font-weight: 500;
}

.dreamitem-1 a:hover {
    color: var(--primary-color);
}

.dreamitem-3 {
    max-width: 380px;
    height: 170px;
    background: #ffffff;
    border-radius: 10px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 20px;
    box-shadow: 0 0 5px #50505050;
}

.dreamitem-3 a {
    color: #111D3B;
    font-size: 24px;
    font-weight: 500;
}

.dreamitem-3 p {
    font-size: 14px;
    font-weight: 400;
    color: #28293270;
    line-height: 18px;
}
/*=========================slider two======================== */
.top-border,
.bottom-border {
    width: 100%;
    height: 2px;
    background: #111D3B;
    opacity: 0.1;
}

#home-three-blog-slider .card-body:after {
    content: '';
    position: absolute;
    bottom: 135px;
    left: 0;
    width: 100%;
    height: 1px;
    background: rgba(17, 29, 59, 0.2);
}

#partner_slider-two img {
    opacity: .5;
}

/*=====================about-us 2==================================== */
.left-about-two {
    position: relative;
}

.about-us-rapper .shape-8 {
    bottom: 0;
    right: 18%;
}

.left-about-two img:nth-child(1) {
    position: relative;
    left: 0;
    top: 0;
}

.left-about-two img:nth-child(2) {
    position: absolute;
    right: -12%;
    bottom: 0px;
}

.left-about-two img:nth-child(3) {
    position: absolute;
    left: -12%;
    top: 34%;
}

.left-about-two img:nth-child(4) {
    position: absolute;
    right: -13%;
    top: 9%;
}

.left-about-two img:nth-child(5) {
    position: absolute;
    left: 5%;
    bottom: -9%;
}

.left-about-two img:nth-child(6) {
    position: absolute;
    left: -8%;
    bottom: 5%;
    z-index: -1;
}

.left-about-two span:nth-child(7) {
    position: absolute;
    width: 552px;
    height: 640px;
    background: linear-gradient(180deg, var(--primary-color) 0%, rgba(25, 164, 99, 0.00) 100%);
    bottom: 0;
    left: -41px;
    z-index: -1;
    opacity: 0.1;
}

.left-about-two span:nth-child(8) {
    position: absolute;
    width: 351px;
    height: 313px;
    background: linear-gradient(180deg, var(--primary-color) 0%, rgba(25, 164, 99, 0.00) 100%);
    bottom: -47px;
    right: -68px;
    z-index: -1;
    opacity: 0.05;
}

.about-us-rapper .right-about-two .small {
    font-weight: 500;
    color: var(--primary-color);
}

.about-us-rapper .right-about-two h2.heading-2>.big {
    color: var(--primary-color);
    font-weight: 700;
    font-size: 48px;
}

.about-us-rapper .right-about-two p:nth-child(3) {
    position: relative;
    margin-left: 30px;
}

.about-us-rapper .right-about-two p:nth-child(3)::before {
    position: absolute;
    content: '';
    left: -27px;
    width: 5px;
    height: 100%;
    background: var(--primary-color);
    border-radius: 5px;
    margin: auto 0;
    top: 0;
}

.about-us-three {
    position: relative;
    background-color: var(--primary-color-alpha007);
}

.about-us-three::before {
    content: "";
    background-image: url("../images/bg/bg-3.png");
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    position: absolute;
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px;
    opacity: 0.3;
    z-index: -1;
}

/*==========================================about two end*/
.theme-two-category {
    background: var(--primary-color-alpha005) url("../images/bg/bg-3.png") center center no-repeat;
}

.theme-two-category .ctg-1 .c1,
.theme-two-category .ctg-2 .c2,
.theme-two-category .ctg-3 .c3,
.theme-two-category .ctg-4 .c4 {
    background: rgba(25, 164, 99, 0.1);
}

.theme-two-category .ctg-1:hover .c1,
.theme-two-category .ctg-2:hover .c2,
.theme-two-category .ctg-3:hover .c3,
.theme-two-category .ctg-4:hover .c4 {
    background: var(--white);
}

.theme-two-category .ctg-1.active:hover .c1,
.theme-two-category .ctg-2.active:hover .c2,
.theme-two-category .ctg-3.active:hover .c3,
.theme-two-category .ctg-4.active:hover .c4 {
    background: var(--white);
}

/*==============================================*/
.feature-job-2 .job-1 .job-title,
.feature-job-2 .job-1 .job-type,
.feature-job-2 .job-1 .job-type-two {
    margin-bottom: 20px;
    padding: 0;
}

.feature-job-2 .job-1 {
    position: relative;
}

.feature-job-2 .job-1:after {
    content: '';
    position: absolute;
    bottom: 25%;
    height: 2px;
    width: 100%;
    opacity: 0.2;
    background: #111D3B;
    left: 0;
}

.feature-job-2 .job-1 .job-type-two ul li {
    font-size: 14px;
    font-weight: 500;
    line-height: normal;
    background: rgba(25, 164, 99, 0.1);
    display: inline-block;
    color: var(--primary-color);
    margin-right: 20px;
    padding: 12px 30px;
    border-radius: 20px;
    margin: 10px 0;
}

.feature-job-2 .job-1 .job-sallary img {
    height: 30px;
}

/*why-choose-us*/
.why-choose-us2 {
    position: relative;
    background-color: var(--primary-color-alpha007);
}

.why-choose-us2::before {
    content: "";
    background-image: url("../images/bg/bg-3.png");
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    position: absolute;
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px;
    opacity: 0.3;
    z-index: -1;
}

.why-choose-us2 .shape-9 {
    left: -7%;
    top: 28%;
}

.why-choose-us2 .shape-10 {
    right: -6%;
    bottom: 28%;
}

.why-choose-us2 .shape-11 {
    bottom: 108px;
    left: 33%;
}

.left-choose-content .accordion-item {
    background: none;
    border: none;
}

.left-choose-content .accordion-header {
    background: none;
    max-width: 458px;
    display: flex;
    align-items: center;
    justify-content: space-evenly;
    font-weight: 500;
    font-size: 24px;
    line-height: 26px;
    color: #111D3B;
    width: 100%;
}

.left-choose-content .accordion-button {
    font-weight: 500;
    font-size: 1.3rem;
    line-height: 26px;
    color: #111D3B;
    background: none;
    box-shadow: none;
    position: relative;
    display: flex;
    align-items: center;
    width: 100%;
    padding: 1rem 1.25rem;
    text-align: left;
    border: 0;
    border-radius: 0;
    transition: 0.3s ease-in-out;
}

.left-choose-content .accordion-button::after {
    top: 30%;
    position: absolute;
    right: 0;
    width: 15px;
    height: 0;
    margin-left: auto;
    content: "\F64D";
    font-family: 'bootstrap-icons';
    background: none;
    transition: transform 0.3s ease-in-out;
    font-weight: 900;
    font-style: normal;
    font-size: 24px;
    line-height: 34px;
}

.left-choose-content .accordion-button:not(.collapsed)::after {
    top: 30%;
    position: absolute;
    right: 0;
    transform: none;
    width: 15px;
    height: 0;
    margin-left: auto;
    content: " \F63B";
    font-family: 'bootstrap-icons';
    background: none;
    transition: transform 0.3s ease-in-out;
    font-weight: 900;
    font-style: normal;
    font-size: 24px;
    line-height: 34px;
}

.left-choose-content .accordion-body {
    padding: 15px 1.25rem 0 1.25rem;
    max-width: 465px;
    font-weight: 400;
    color: var(--gray-color);
}

.choose-us-heading .custom-2-btn {
    margin-top: 40px;
}

.right-choose-content {
    position: relative;
}

.right-choose-content img:nth-child(1) {
    position: relative;
    border-radius: 20px;
}

.right-choose-content img:nth-child(2) {
    position: absolute;
    right: 76%;
    top: 6%;
}

.right-choose-content img:nth-child(3) {
    position: absolute;
    top: 8%;
    right: -9%;
}

.right-choose-content img:nth-child(4) {
    position: absolute;
    top: 86%;
    right: 43%;
}

/*testimonial-content two*/
.testimonial-two-rapper .span {
    font-weight: 500;
    color: var(--primary-color);
}

.testimonial-item-inner-two .left-side {
    position: relative;
}

.testimonial-item-inner-two .left-side img:nth-child(1) {
    position: relative;
    max-width: 79%;
    z-index: 1;
}

.testimonial-item-inner-two .left-side img:nth-child(2) {
    position: absolute;
    right: 5%;
    bottom: 5%;
    max-width: 11%;
    z-index: 2;
}

.testimonial-item-inner-two .left-side img:nth-child(3) {
    position: absolute;
    right: 1%;
    bottom: 6%;
    max-width: 24%;
}

.testimonial-item-inner-two .left-side img:nth-child(4) {
    position: absolute;
    top: 15%;
    left: 4%;
    z-index: 1;
    max-width: 15%;
}

.testimonial-item-inner-two .left-side img:nth-child(5) {
    position: absolute;
    z-index: 1;
    top: 18.8%;
    left: 7.5%;
    max-width: 8%;
}

.testimonial-item-inner-two .right-side {
    position: relative;
    padding-left: 5%;
}

.testimonial-item-inner-two .right-side::after {
    content: url("../images/icon/commmas.png");
    font-family: bootstrap-icons !important;
    position: absolute;
    right: 4%;
    top: 20%;
    z-index: 99999;
}

.testimonial-item-rapper {
    background: var(--white);
    border-radius: 20px;
    box-shadow: 0px 0px 5px 0px #50505050;
    width: 100%;   
}

.testimonial-page.testimonial-item-rapper {
    min-height: 425px;
}

.testimonial-item-inner-two .right-side .rating {
    color: #FF9900;
    padding-right: 1%;
}

.testimonial-item-inner-two .right-side .rating i {
    padding-right: 3%;
}

.testimonial-item-inner-two .right-side .details {
    font-weight: 500;
    color: #111D3B;
}

.testimonial-item-inner-two .right-side .name {
    font-weight: 700;
    font-size: 28px;
    line-height: 30px;
    color: #111D3B;
}

.testimonial-item-inner-two .right-side .designtion {
    font-weight: 400;
    color: var(--gray-color);
}

#testimonial_slider-two .bi-chevron-left {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 60px;
    height: 60px;
    left: 54%;
    position: absolute;
    top: 15%;
    background: rgba(25, 164, 99, 0.1);
    z-index: 9999;
    color: var(--primary-color);
    border-radius: 50px;
    transition: all 0.3s ease-in-out;
}

#testimonial_slider-two .bi-chevron-right {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 60px;
    height: 60px;
    position: absolute;
    right: 35%;
    top: 15%;
    background: rgba(25, 164, 99, 0.1);
    z-index: 9999;
    color: var(--primary-color);
    border-radius: 50px;
    transition: all 0.3s ease-in-out;
}

#testimonial_slider-two .bi-chevron-left:hover,
#testimonial_slider-two .bi-chevron-right:hover {
    background: var(--primary-color);
    color: #ffff;
}

.apps-download-two {
    background: var(--primary-color-alpha005) url("../images/bg/bg-3.png") right bottom no-repeat;
    height: auto;
    width: 100%;
    position: relative;
}

/*Home page 3 css from here*/
.banner-three {
    background-color: var(--primary-color-alpha005);
}


.banner-three .shape-13 {
    left: 0%;
    top: 14%;
    width: 6%;
}

.banner-three .shape-12 {
    right: 5%;
    bottom: 14%;
    width: 8%;
}

.banner-three-rapper {
    height: auto;
    width: 100%;
    position: relative;
}

.banner-three-rapper::before {
    content: "";
    background-image: url("../images/bg/bg-1.png");
    background-color: var(--primary-color-alpha005);
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    position: absolute;
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px;
    opacity: 0.4;
    z-index: -1;
}

.banner-three-rapper h1 {
    font-weight: 700;
    font-size: 64px;
    line-height: 1.5;
    text-align: center;
    max-width: 700px;
    /* width: 700px; */
    letter-spacing: -1px;
    line-height: 1.1;
}

/*.home .banner-three-rapper h1 {
    text-align: left;
}*/

.banner-three-rapper p {
    max-width: 600px;
    width: 600px;
    text-align: center;
    color: #28293280;
    font-weight: 500;
    font-size: 24px;
    line-height: 29px;
}

.home .banner-three-rapper p {
    text-align: left;
}

.banner-three-rapper p.wide {
    max-width: 640px;
}

.banner-three-rapper p.wider {
    max-width: 720px;
}

.banner-three-rapper p.full-width {
    max-width: 100%;
}

.banner-three-rapper .form-3 {
    width: 100%;
    max-width: 740px;
    max-height: 72px;
    font-weight: 500;
    font-size: 16px;
    line-height: 19px;
    position: relative;
    background: rgba(255 255 255/1);
    box-shadow: 0px 0px 5px 0px #50505050;
    border-radius: 50px;
}

.banner-three-rapper .form-3.cta-form {
    max-width: 280px;
    background: none;
    box-shadow: none;
    margin-left: 0;
    margin-right: 10px;
}

.banner-three-rapper .form-3.cta-form .button {
    width: 100%;
}

.banner-three-rapper .form-3.cta-form .button a {
    width: 100%;
    border-radius: 5px;
    padding: 20px 30px;
}

.banner-three-rapper .form-3.cta-form.secondary-cta-form {
    margin-left: 10px;
    margin-right: 0;
}

.cta-button {
    min-width: 200px;
    padding: 10px 20px;
}

/* .banner-three-rapper .form-3::after {
    content: '';
    position: absolute;
    left: 45%;
    height: 70px;
    width: 2px;
    background: rgba(17, 29, 59, 0.2);
} */

.banner-three-rapper .form-3 .search-icon {
    margin: 0 30px;
}

.banner-three-rapper .form-3 .placeholder {
    width: 75%;
    position: relative;
}

.banner-three-rapper .form-3 .placeholder input {
    width: 100%;
    outline: none;
    border: none;
    font-weight: 500;
    color: #757575;
    padding: 25px 30px 25px 0;
}

.banner-three-rapper .form-3 .location {
    position: relative;
    padding-left: 15px;
    left: -18px;
}

.banner-three-rapper .form-3 .location a i {
    padding-left: 15px;
    transition: 0.3s ease-in-out;
}

.banner-three-rapper .form-3 .location a span {
    padding-left: 15px;
}

/* .banner-three-rapper .form-3 .button {
    padding-left: 30px;
} */

.banner-three-rapper .form-3 .location a:hover {
    color: rgba(28 116 75 / 100%);
}

.banner-three-rapper .form-3 .button a {
    background: var(--primary-color);
    color: var(--white);
    font-weight: 500;
    font-size: 16px;
    line-height: 19px;
    padding: 20px 60px;
    transition: 0.3s ease-in-out;
    border-radius: 30px;
    margin-right: 7px;
}

.banner-three-rapper .form-3 .button a:hover {
    color: var(--white);
    background: rgba(28 116 75 / 100%);
}

.partner-three img {
    opacity: .5;
}

.theme-three-category {
    background: rgba(25, 164, 99, 0.05) url('../images/bg/bg-3.png') left top no-repeat;
}

.theme-three-category .job-ctg1 img,
.theme-three-category .job-ctg2 img,
.theme-three-category .job-ctg3 img,
.theme-three-category .job-ctg4 img {
    padding: 20px;
    border-radius: 20px;
    transition: 0.3s ease-in-out;
}

.theme-three-category .job-ctg1:hover img,
.theme-three-category .job-ctg2:hover img,
.theme-three-category .job-ctg3:hover img,
.theme-three-category .job-ctg4:hover img {
    color: var(--white);
    background: var(--white);
}

.job-ctg1 {
    background: var(--white);
    box-shadow: 0px 0px 5px 0px #50505050;
    border-radius: 10px;
    min-height: 140px;
    width: 100%;
    min-width: 310px;
    transition: 0.3s ease-in-out;
}

.job-ctg1:hover {
    background: var(--primary-color);
}

.job-ctg1:hover .c1,
.job-ctg1:hover .c2,
.job-ctg1:hover .c3,
.job-ctg1:hover .c4 {
    background: var(--white);
}

.job-ctg1:hover .ctg-heading,
.job-ctg1:hover .ctg-heading,
.job-ctg1:hover .ctg-heading,
.job-ctg1:hover .ctg-heading,
.job-ctg1:hover .ctg-details,
.job-ctg1:hover .ctg-details,
.job-ctg1:hover .ctg-details,
.job-ctg1:hover .ctg-details {
    color: var(--white);
}

.job-ctg1 .right-side {
    padding-left: 15px;
}

/* about-3  */
.left-about-three {
    position: relative;
    margin-right: auto;
}

.left-about-three img:nth-child(1) {
    position: relative;
    border-radius: 20px;
}

.left-about-three img:nth-child(2) {
    position: absolute;
    left: -9.5%;
    bottom: -18%;
    z-index: -1;
}

.left-about-three img:nth-child(3) {
    position: absolute;
    top: -8%;
    right: -16%;
}

.left-about-three img:nth-child(4) {
    position: absolute;
    bottom: 0%;
    right: -15%;
}

.left-about-three img:nth-child(5) {
    position: absolute;
    left: 12%;
    bottom: 15%;
}

.feature-job-three .job-1 .job-company img {
    height: 30px;
}

/*statistics*/
.statistics {
    background: var(--secondary-color);
}

.statistics .statistics-1 .top {
    font-weight: 700;
    font-size: 64px;
    line-height: 70px;
    color: var(--white);
}

.statistics .statistics-1 .bottom {
    padding-top: 20px;
    font-weight: 400;
    font-size: 16px;
    line-height: 20px;
    color: var(--white);
}

/*why-choose-us-three*/
.why-choose-us-three .choose-us-heading ul {
    max-width: 460px;
}

.why-choose-us-three .choose-us-heading ul li {
    border-bottom: 1px dashed rgba(0, 0, 0, 0.2);
}

.left-choose-content-three .item1 {
    border-bottom-style: dashed;
    border-bottom-color: rgba(0, 0, 0, 0.2);
}

.why-choose-us-three .choose-us-heading ul li a {
    padding-bottom: 20px;
    font-weight: 500;
    transition: all 0.3s ease-in-out;
}

.right-choose-content-three {
    position: relative;
}

.right-choose-content-three img:nth-child(1) {
    position: relative;
    border-radius: 20px;
}

.right-choose-content-three img:nth-child(2) {
    position: absolute;
    bottom: -10%;
    left: 0%;
    border-radius: 20px;
    box-shadow: 0px 0px 5px 0px #50505050;
}

.right-choose-content-three img:nth-child(3) {
    position: absolute;
    top: -17%;
    left: 15%;
}

.right-choose-content-three img:nth-child(4) {
    position: absolute;
    left: 15%;
    bottom: 56%;
}

.right-choose-content-three img:nth-child(5) {
    position: absolute;
    top: 17%;
    right: -11%;
}

.right-choose-content-three img:nth-child(6) {
    position: absolute;
    bottom: -7%;
    right: 5%;
}

/**/
.join-Company .left-side {
    max-width: 850px;
    padding-right: 5%;
}

.join-Company .right-side .item2 h3 {
    font-weight: 700;
    font-size: 48px;
    line-height: 68px;
    color: rgba(17, 29, 59, 1);
}

.join-Company .right-side .item3 p {
    font-weight: 400;
    color: var(--gray-color);
}

.join-Company .right-side .item4 a {
    width: 158px;
    height: 54px;
    font-weight: 600;
    font-size: 16px;
    line-height: 30px;
    background: var(--primary-color);
    border-radius: 5px;
    color: var(--white);
    display: flex;
    align-items: center;
    justify-content: center;
    transition: 0.3s ease-in-out;
}

.join-Company .right-side .item4 a:hover {
    color: var(--white);
    background: rgba(28 116 75 / 100%);
}

/*testimonial-content-Three*/
.testimonial-three {
    background: rgba(25, 164, 99, 0.05) url("../images/bg/bg-3.png") left top no-repeat;
}

.testimonial-slider-Three .item-rapper {
    max-width: 420px;
    height: 356px;
    background: var(--white);
    border-radius: 10px;
    padding: 30px;
    border: 1px solid;
    border-radius: 10px;
    border: 1px solid rgba(0, 0, 0, 0.1);
}

.testimonial-slider-Three .item-rapper .item1 i {
    color: #F2C94C;
    padding-right: 10px;
}

.testimonial-slider-Three .item-rapper .item3 .right-side {
    padding-left: 30px;
}

.home .testimonial-slider-Three .item-rapper .item3 .right-side {
    padding-left: 0;
}

.testimonial-slider-Three .item-rapper .item3 .right-side h5 {
    font-weight: 700;
    font-size: 28px;
    line-height: 30px;
    color: #111D3B;
}

.testimonial-slider-Three .item-rapper .item3 .right-side span {
    font-weight: 400;
    color: rgba(80, 80, 80, 0.7);
}

#testimonial_slider-three {
    max-width: 100%;
    overflow: hidden;
}

#testimonial_slider-three .testimonial_item {
    margin-left: 30px;
}

#testimonial_slider-three .slick-dots {
    display: flex;
    grid-gap: 20px;
    position: relative;
    top: 50px;
    left: 46%;
    padding-bottom: 50px;
}

#testimonial_slider-three .slick-dots li {
    list-style: none;
}

#testimonial_slider-three .slick-dots li.slick-active {
    background: var(--primary-color);
    border: none;
}

#testimonial_slider-three .slick-dots li {
    font-size: 0;
    line-height: 0;
    width: 14px;
    height: 14px;
    padding: 5px;
    cursor: pointer;
    color: transparent;
    border: 1px solid #000000;
    outline: none;
    background: transparent;
    display: inline;
    border-radius: 50px;
}

.dream-job-three .dreamitem-1 {
    background: none;
}

.dream-job-three .dreamitem-1 a {
    font-size: 28px;
    font-weight: 700;
    line-height: normal;
}

.dream-job-three .dreamitem-1 .dream-icon-one,
.dream-job-three .dreamitem-1 .dream-icon-two,
.dream-job-three .dreamitem-1 .dream-icon-three {
    position: relative;
    background: rgba(25, 164, 99, 0.2);
}

.dream-job-three .dreamitem-1 .dream-icon i {
    color: var(--primary-color);
}

.dream-job-three .dreamitem-1 .dream-icon:before {
    content: '';
    position: absolute;
    top: -3px;
    left: -16px;
    height: 40px;
    width: 40px;
    background: var(--primary-color);
    border-radius: 40px;
    line-height: 40px;
    text-align: center;
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
}

.dream-job-three .dreamitem-1 .dream-icon-one:before {
    content: '01';
}

.dream-job-three .dreamitem-1 .dream-icon-two:before {
    content: '02';
}

.dream-job-three .dreamitem-1 .dream-icon-three:before {
    content: '03';
}

/*blog-main-content*/
.home-blog-three .blog-heading .top {
    width: 148px;
    height: 40px;
    background: rgba(25, 164, 99, 0.01);
    border-radius: 20px;
}

.home-blog-three .blog-heading .top span {
    font-weight: 500;
    text-align: center;
    color: var(--primary-color);
}

.home-blog-three .blog-heading h3 {
    text-align: center;
}

.blog-main-content .card {
    max-width: 410px;
    min-height: 320px;
    background: var(--white);
    box-shadow: 0px 0px 5px 0px #50505050;
    border-radius: 10px;
    overflow: hidden;
    height: 100%;
}

.blog-main-content .card.b2b-api {
    min-height: auto;
}

.blog-main-content .card-body .blog-item1 {
    font-weight: 500;
    color: var(--gray-color);
}

#home-three-blog-slider .card-body {
    margin-top: 30px;
}

.blog-main-content .card-body .blog-item1 i {
    color: var(--primary-color);
    padding-right: 5px;
}

.blog-main-content .card-body h6 {
    font-weight: 500;
    font-size: 24px;
    line-height: 38px;
    color: #161B2D;
    padding: 0;
}

.blog-main-content .card-body hr {
    padding: 0;
    margin: 5px 0;
}

#home-three-blog-slider {
    max-width: 100%;
    overflow: hidden;
}

#home-three-blog-slider .home-three-blog-item {
    margin: 0 15px;
}

#home-three-blog-slider .slick-dots {
    display: flex;
    grid-gap: 20px;
    position: relative;
    top: 50px;
    left: 46%;
    padding-bottom: 50px;
}

#home-three-blog-slider .slick-dots li {
    list-style: none;
}

#home-three-blog-slider .slick-dots li.slick-active {
    background: var(--primary-color);
    border: none;
}

#home-three-blog-slider .slick-dots li {
    font-size: 0;
    line-height: 0;
    width: 14px;
    height: 14px;
    padding: 5px;
    cursor: pointer;
    color: transparent;
    border: 1px solid #000000;
    outline: none;
    background: transparent;
    display: inline;
    border-radius: 50px;
}

/*===========================================About Us page================================*/
.about-us-banner {
    position: relative;
    background: rgba(25, 164, 99, 0.05) url('../images/bg/bg-1.png') left top no-repeat;
}

.about-three-rapper .shape-12 {
    right: 5%;
    bottom: 14%;
    width: 8%;
}

.about-three-rapper .shape-13 {
    left: 0%;
    bottom: 14%;
    width: 6%;
}

.about-us-banner .form-3 {
    position: relative;
}

.about-us-banner .form-3:after {
    content: '';
    position: absolute;
    height: 100%;
    width: 2px;
    border-radius: 5px;
    background: rgba(17, 29, 59, 0.2);
    left: 40%;
}

.about-three-rapper h1 {
    font-weight: 700;
    font-size: 52px;
    line-height: 78px;
    color: rgba(17, 29, 59, 1);
    text-align: center;
}

.about-three-rapper .form-3 {
    width: 100%;
    max-width: 740px;
    max-height: 70px;
    font-weight: 500;
    position: relative;
    background: rgba(255 255 255/1);
    box-shadow: 0px 0px 5px 0px #50505050;
    padding: 0 0 0 18px;
}

.about-three-rapper .form-3 .search-icon {
    padding-left: 30px;
}

.about-three-rapper .form-3 .placeholder {
    position: relative;
    left: -31px;
    width: 32%;
}

.about-three-rapper .form-3 .placeholder input {
    width: 100%;
    outline: none;
    border: none;
    font-weight: 500;
    color: #757575;
}

.about-three-rapper .form-3 .button {
    padding-left: 30px;
}

.about-three-rapper .form-3 .button a {
    background: var(--primary-color);
    color: var(--white);
    font-weight: 500;
    padding: 25px 30px;
    transition: 0.3s ease-in-out;
}

.about-three-rapper .form-3 .button a:hover {
    background: rgba(28 116 75 / 100%);
}

.about-three-rapper .form-3 .location {
    position: relative;
    left: -46px;
}

.left-about-us img:nth-child(1) {
    position: relative;
    width: 90%;
}

.left-about-us img:nth-child(2) {
    position: absolute;
    bottom: -2%;
    left: -10%;
    transform: rotate(4deg);
    border-radius: 20px;
}

.left-about-us img:nth-child(3) {
    position: absolute;
    right: -4%;
    bottom: 31%;
}

.left-about-us img:nth-child(4) {
    position: absolute;
    top: -1%;
    right: 5%;
}

.left-about-us img:nth-child(5) {
    position: absolute;
    bottom: -1%;
    left: 23%;
}

.choose-us-content .item1 {
    border-bottom-style: dashed;
    border-bottom-color: rgba(0, 0, 0, 0.2);
}

/* ====================== */
.our_video_rapper {
    position: relative;
}

.our_video_rapper .video-top {
    color: var(--white);
    max-width: 579px;
    max-height: 187px;
    background: var(--primary-color);
    position: absolute;
    left: 12px;
    top: -15%;
    padding: 30px 30px;
}

/* our video  */
.our_video_rapper .video-top span {
    font-weight: 500;
}

.our_video_rapper .video-top h5 {
    font-weight: 700;
    font-size: 48px;
    line-height: 68px;
}

.our_video_rapper img {
    max-width: 100%;
}

.our_video_rapper .video-icon a {
    position: absolute;
    max-width: 95px;
    max-height: 95px;
    background: var(--white);
    border-radius: 95px;
    z-index: 1;
    top: 5%;
    left: 39%;
    color: var(--primary-color);
    padding: 20px;
    transition: 0.3s ease-in-out;
    line-height: 20px;
}

.our_video_rapper .video-icon a:hover {
    color: var(--white);
    background: rgba(28 116 75 / 100%);
}

.our_video_rapper .video-icon a i {
    font-size: 3.12rem;
}

/*Our Creative Team*/
.our_team {
    background: rgba(25, 164, 99, 0.05) url(../images/bg/bg-3.png) left top no-repeat;
}

.our_team .team-heading span {
    font-weight: 500;
    color: var(--primary-color);
}

#our_team_slider .our_team_item {
    margin-right: 30px;
}

#our_team_slider i.bi-chevron-right {
    width: 60px;
    height: 60px;
    position: absolute;
    top: -120px;
    right: 30px;
    background: rgba(25, 164, 99, .1);
    display: flex;
    align-items: center;
    justify-content: center;
    transition: 0.3s ease-in-out;
    border-radius: 60px;
}

#our_team_slider .our_team_item {
    overflow: hidden;
}

#our_team_slider i.bi-chevron-left {
    width: 60px;
    height: 60px;
    position: absolute;
    top: -120px;
    right: 113px;
    background: rgba(25, 164, 99, .1);
    display: flex;
    align-items: center;
    justify-content: center;
    transition: 0.3s ease-in-out;
    border-radius: 60px;
}

#our_team_slider i.bi-chevron-right:hover,
#our_team_slider i.bi-chevron-left:hover {
    color: var(--white);
    background: rgba(28 116 75 / 100%);
}

.our_team_item .card {
    border: none;
    position: relative;
    background: none;
}

#our_team_slider .card-body {
    background: none;
    left: -15px;
    position: relative;
    padding-top: 25px;
}

.our_team_item .card-body h5 {
    font-weight: 700;
    font-size: 28px;
    line-height: 30px;
    color: #111D3B;
}

.our_team_item .card-body span {
    font-weight: 400;
    color: var(--gray-color);
}

.card .social_group {
    position: absolute;
    bottom: 35%;
    left: 20%;
    transition: 0.3s ease-in-out;
}

.card .social_group ul {
    transition: 0.3s ease-in-out;
    list-style: none;
}

.card .social_group ul li a {
    display: none;
    background: var(--white);
    color: var(--primary-color);
    transition: 0.3s ease-in-out;
}

.card .social_group ul li a:hover {
    color: var(--white);
    background: var(--primary-color);
}

.our_team_item .card img {
    position: relative;
    transition: 0.3s ease-in-out;
    width: 100%;
}

.our_team_item .card:hover img {
    background: rgba(255, 255, 255, 0.6);
    border: 6px solid var(--primary-color);
    opacity: .6;
}

.our_team_item .card:hover .social_group ul li a {
    display: flex;
}

/*job grid page*/
.job-grid-heading .left-grid span {
    font-weight: 500;
    color: #111D3B;
}

.job-grid-heading .right-grid span {
    padding-right: 10px;
    font-weight: 500;
    color: #111D3B;
}

.job-grid-heading .right-grid .form-select {
    width: 60%;
    max-height: 50px;
    border-radius: 5px;
    font-weight: 500;
    color: var(--primary-color);
    padding: 10px 20px;
    display: block;
    border: none;
    outline: none;
    background-color: rgba(17, 29, 59, 0.05);
    transition: all 0.3s ease-in-out;
}

.job-grid-heading .right-grid .form-select option {
    padding-top: 15px;
    font-weight: 500;
}

/*job list page*/

.feature-job-list-rapper .left-list {
    width: 100%;
    max-width: 440px;
    padding: 60px 40px;
    background: rgba(25, 164, 99, 0.05);
    border-radius: 10px;
}

.feature-job-list-rapper .left-list .job-type span {
    font-weight: 500;
    color: #111D3B;
}

.left-list .job-select .form-select option {
    font-weight: 400;
    font-size: 16px;
    line-height: 17px;
    color: var(--gray-color);
    padding: 10px 0;
}

.field-one,
.field-two {
    margin: 0 20px;
    background: var(--white);
    padding: 5px 10px;
    border-radius: 20px;
    transition: 0.3s ease-in-out;
}

#range-slider .form-range {
    background-color: var(--primary-color);
    height: 0;
    margin-top: 60px;
    transition: 0.3s ease-in-out;
}

.left-list .job-range strong {
    font-weight: 500;
    color: #111D3B;
}

.left-list .experience strong {
    padding-bottom: 25px;
    font-weight: 500;
    color: #111D3B;
}

.left-list .experience .left-side .form-check .form-check-input {
    background-color: var(--primary-color);
}

.left-list .experience .left-side .form-check .form-check-label {
    font-weight: 400;
    font-size: 16px;
    line-height: 17px;
    color: #111D3B;
    padding-left: 20px;
}

.left-list .experience .right-side {
    width: 35px;
    height: 25px;
    background: rgba(25, 164, 99, 0.3);
    border-radius: 2px;
}

.left-list .experience .right-side span {
    font-weight: 400;
    font-size: 16px;
    line-height: 17px;
    color: #000000;
}

.feature-job-list-rapper .right-job-list {
    width: 100%;
    max-width: 840px;
}

.right-job-list .job-list-heading strong {
    font-weight: 500;
    color: #111D3B;
}

.right-job-list .job-list-heading .sort-list strong {
    padding-right: 40px;
}

.right-job-list .job-list-heading .sort-list .form-select {
    color: var(--primary-color);
    min-width: 122px;
}

.right-job-list .job-list-heading .sort-list .form-select option {
    font-weight: 500;
    color: var(--primary-color);
    padding-top: 10px;
}

.right-job-list .job-list-1 {
    height: 100%;
    padding: 40px;
    border: 1px solid rgba(17, 29, 59, 0.1);
    border-radius: 10px;
}

.right-job-list .job-list-1 .list-company {
    border-bottom: 1px solid rgba(17, 29, 59, 0.1);
}

.list-company img {
    max-width: 13%;
}

.right-job-list .job-list-1 .list-company span {
    font-weight: 500;
    color: #111D3B;
}

.right-job-list .job-list-1 .list-company span small {
    font-weight: 300;
    font-size: 16px;
}

.right-job-list .job-list-1 .job-list-name h4 {
    font-weight: 700;
    font-size: 28px;
    line-height: 30px;
    color: #111D3B;
}

.right-job-list .job-list-1 .job-list-name span {
    padding-right: 20px;
    font-weight: 400;
    color: var(--gray-color);
}

.right-job-list .job-list-1 .job-list-name span i {
    color: var(--primary-color);
}

.right-job-list .job-list-1 .job-list-name .job-apply a {
    background: rgba(25, 164, 99, 0.1);
    border-radius: 5px;
    font-weight: 500;
    font-size: 16px;
    line-height: 17px;
    display: block;
    padding: 16px 30px;
    color: var(--primary-color);
    transition: 0.3s ease-in-out;
}

.right-job-list .job-list-1 .job-list-name .job-apply a:hover {
    color: var(--white);
    background: var(--primary-color);
}

.job-list-pagination ul.pagination .page-item {
    margin-right: 20px;
}

.job-list-pagination ul.pagination .page-item .page-link {
    width: 40px;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 5px;
    font-weight: 600;
    font-size: 16px;
    line-height: 30px;
    color: var(--gray-color);
    transition: 0.3s ease-in-out;
}

.job-list-pagination ul.pagination .page-item .page-link:hover {
    color: var(--white);
    background: var(--primary-color);
}

/*blog-grid page*/
.blog-grid .explore a {
    font-weight: 600;
    font-size: 16px;
    line-height: 30px;
    width: 162px;
    height: 54px;
    background: var(--primary-color);
    border-radius: 5px;
    color: var(--white);
    transition: 0.3s ease-in-out;
}

.blog-grid .explore a:hover {
    color: var(--white);
    background: rgba(28 116 75 / 100%);
}

/*contact us page*/
.mapouter {
    position: relative;
    text-align: right;
    width: 100%;
}

.gmap_canvas {
    position: relative;
    overflow: hidden;
    background: none !important;
    height: 550px;
    width: 100%;
}

/*get-touch*/
.get-touch .touch-1 {
    background: linear-gradient(241.84deg, rgba(66, 133, 244, 0.1) 0%, rgba(66, 133, 244, 0.2) 100%);
}

.get-touch .touch-2 {
    background: linear-gradient(241.84deg, rgba(255, 153, 0, 0.1) 0%, rgba(255, 153, 0, 0.2) 100%);
}

.get-touch .touch-3 {
    background: linear-gradient(241.84deg, rgba(150, 92, 245, 0.1) 0%, rgba(150, 92, 245, 0.2) 100%);
}

.get-touch .touch-1,
.get-touch .touch-2,
.get-touch .touch-3 {
    padding: 40px;
    width: 100%;
    height: 100%;
    max-width: 400px;
    max-height: 216px;
    border-radius: 10px;
}

.touch-1 .top-touch i {
    width: 80px;
    background: #4285F4;
    color: var(--white);
    border-radius: 50px;
    text-align: center;
    line-height: 80px;
}

.touch-2 .top-touch i {
    width: 80px;
    color: var(--white);
    border-radius: 50px;
    background: #FF9900;
    text-align: center;
    line-height: 80px;
}

.touch-3 .top-touch i {
    width: 80px;
    color: var(--white);
    border-radius: 50px;
    background: #965CF5;
    text-align: center;
    line-height: 80px;
}

.touch-1 .top-touch i,
.touch-2 .top-touch i,
.touch-3 .top-touch i {
    font-size: 2.2rem;
}

.bottom-touch span {
    font-weight: 500;
    color: #111D3B;
}

/*====================contact-form===================*/
.contact-form .form-label {
    font-weight: 400;
    font-size: 16px;
    line-height: 17px;
    color: var(--gray-color);
}

.contact-form .form-control {
    font-weight: 500;
    color: #111D3B;
    padding: 20px 21px;
}

#myRange {
    width: 100%;
    margin-top: 40px;
}

button.custom-button {
    width: 174px;
    height: 54px;
    background: var(--primary-color);
    border-radius: 5px;
    transition: 0.3s ease-in-out;
    font-weight: 600;
    font-size: 16px;
    line-height: 30px;
    color: var(--white);
}

button.custom-button:hover {
    color: var(--white);
    background: rgba(28 116 75 / 100%);
}

.contact-form a.custom-button button {
    font-weight: 600;
    font-size: 16px;
    line-height: 30px;
    color: var(--white);
}

/*job-details css*/
.job-details-left {
    width: 100%;
    height: auto;
    background-color: var(--primary-color-alpha005);
    border-radius: 10px;
    padding: 20px;
}

.job-details-left .left-1 img {
    border-radius: 20px;
}

.job-details-left .left-1 p {
    font-weight: 400;
    color: var(--gray-color);
}

.job-details-left .left-1 strong {
    font-weight: 500;
    font-size: 16px;
    line-height: 23px;
    color: #111D3B;
}

.job-details-left .left-1 span {
    font-weight: 500;
    color: #111D3B;
}

.job-details-left .left-2 a {
    font-weight: 600;
    font-size: 16px;
    line-height: 30px;
    color: var(--white);
    background: var(--primary-color);
    border-radius: 5px;
    padding: 12px 30px;
    transition: 0.3s ease-in-out;
}

.job-details-left .left-2 a:hover {
    color: var(--white);
    background: rgba(28 116 75 / 100%);
}

.job-details-right .job-list-1 {
    width: 100%;
    height: 100%;
    padding: 40px;
    background: var(--white);
    box-shadow: 0px 0px 5px 0px #50505050;
    border-radius: 10px;
}

.job-details-right .job-list-1 span {
    padding-right: 10px;
    font-weight: 400;
    color: var(--gray-color);
}

.job-details-right .job-list-1 .list-company span {
    font-weight: 500;
    color: #111D3B;
}

.job-details-right .job-list-1 .list-company span small {
    font-weight: 400;
    font-size: 16px;
    line-height: 23px;
    color: var(--gray-color);
}

.job-details-right .job-list-1 h4 {
    font-weight: 700;
    font-size: 28px;
    line-height: 40px;
    color: #111D3B;
}

.job-details-right .job-list-1 span i {
    color: var(--primary-color);
}

.job-details-right .job-list-1 .list-company {
    border-bottom: 2px solid rgba(17, 29, 59, 0.02);
}

.job-details-right .job-list-details h4 {
    font-weight: 500;
    color: #111D3B;
    margin-top: 35px;
}

.job-details-right .job-list-details p {
    padding: 25px 0 0 0;
    font-weight: 400;
    color: var(--gray-color);
    text-align: justify;
}

.job-details-right .job-list-details ul {
    margin-left: 15px;
}

.job-details-right .job-list-details ul li {
    font-weight: 400;
    color: var(--gray-color);
    padding: 10px 0;
}

.job-details-right .job-list-details .btn-group .btn {
    background: rgba(25, 164, 99, 0.1);
    color: var(--primary-color);
    margin: 10px 10px;
    border: none;
    padding: 15px 30px;
    font-weight: 500;
    transition: 0.3s ease-in-out;
}

.job-details-right .job-list-details .btn-group .btn:hover {
    color: var(--white);
    background: var(--primary-color);
}

.job-details-right .job-list-details .apply-btn {
    background: var(--primary-color);
    border-radius: 5px;
    font-weight: 600;
    font-size: 16px;
    line-height: 20px;
    color: var(--white);
    padding: 14px 30px;
    transition: 0.3s ease-in-out;
}

.job-details-right .job-list-details .apply-btn:hover {
    color: var(--white);
    background: rgba(28 116 75 / 100%);
}

.job-details-right .job-list-details .social-link span {
    font-weight: 500;
    color: var(--gray-color);
}

.job-details-right .job-list-details .social-link {
    width: 40px;
    height: 40px;
    background: rgba(25, 164, 99, 0.1);
    color: var(--primary-color);
    margin: 0 15px;
    border-radius: 50px;
    transition: 0.3s ease-in-out;
    line-height: 40px;
}

.job-details-right .job-list-details .social-link:hover {
    background: var(--primary-color);
    color: var(--white);
}

.job-details-right .job-list-details .social-link i {
    padding: 10px;
    font-size: 1.2rem;
}

#recent-job-slider .recent-job-item {
    overflow: hidden;
}

#recent-job-slider i.bi-chevron-left {
    width: 60px;
    height: 60px;
    position: absolute;
    top: -70px;
    right: 113px;
    background: rgba(25, 164, 99, .1);
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50px;
    transition: 0.3s ease-in-out;
}

#recent-job-slider i.bi-chevron-right {
    width: 60px;
    height: 60px;
    position: absolute;
    top: -70px;
    right: 30px;
    background: rgba(25, 164, 99, .1);
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50px;
    transition: 0.3s ease-in-out;
}

#recent-job-slider i.bi-chevron-left:hover,
#recent-job-slider i.bi-chevron-right:hover {
    background: var(--primary-color);
    color: var(--white);
}

#recent-job-slider .recent-job-item {
    margin: 0 15px;
    box-shadow: 0px 0px 5px 0px #50505050;
}

#recent-job-slider .candidates-job-item {
    margin: 15px auto;
}

/*==========Candidate=========*/
.candidates-1 {
    position: relative;
    width: 100%;
}

.candidates-1 .round-pic {
    position: relative;
    width: 140px;
    height: 140px;
    background: var(--white);
    top: 30px;
    z-index: 1;
    border-bottom: 1px solid;
    border-bottom-style: inset;
    border-left: none;
    border-right: none;
    border-bottom-right-radius: 50%;
    border-bottom-left-radius: 50%;
}

.candidates-1 .round-pic img {
    position: absolute;
    top: 2%;
    left: 3%;
    border-radius: 80px;
}

.Candidates-grid {
    position: relative;
    border: 1px solid rgba(17, 29, 59, 0.1);
    border-radius: 15px;
    padding: 30px 20px;
}

.Candidates-grid .top-grid-1 span {
    font-weight: 400;
    font-size: 16px;
    line-height: 23px;
    color: var(--gray-color);
}

.Candidates-grid .top-grid-1 strong {
    font-weight: 500;
    color: #111D3B;
    padding: 0 10px;
}

.Candidates-grid .top-grid-1 i {
    color: rgba(255, 153, 0, 1);
}

.Candidates-grid .top-grid-2 span,
.Candidates-grid .top-grid-3 span {
    font-weight: 400;
    font-size: 16px;
    line-height: 17px;
    color: var(--gray-color);
    padding: 0 5px;
}

.Candidates-grid .top-grid-4 a {
    padding: 12px 30px;
    background: rgba(25, 164, 99, 0.1);
    border-radius: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 600;
    font-size: 16px;
    line-height: 30px;
    color: var(--primary-color);
    transition: 0.3s ease-in-out;
}

.Candidates-grid .top-grid-4 a:hover {
    color: var(--white);
    background: var(--primary-color);
}

/*Candidate-list*/
.Candidate-list .Candidate-list-1 {
    background: var(--white);
    border: 1px solid rgba(17, 29, 59, 0.1);
    border-radius: 10px;
    padding: 40px;
}

.Candidate-list .Candidate-list-1 .Candidate-name h4 {
    font-weight: 700;
    color: #111D3B;
}

.Candidate-list .Candidate-list-1 .Candidate-name span {
    padding-top: 10px;
    font-weight: 400;
    font-size: 16px;
    line-height: 17px;
    color: var(--gray-color);
}

.Candidate-list .Candidate-list-1 .Candidate-name span i {
    color: #FF9900;
    padding-right: 5px;
}

.Candidate-list .Candidate-list-1 .Candidate-name span strong {
    font-weight: 500;
    color: #000000;
    padding-left: 5px;
}

.Candidate-list .Candidate-list-1 .Candidate-place span {
    font-weight: 400;
    font-size: 16px;
    line-height: 17px;
    color: var(--gray-color);
    padding: 0 8px;
}

.Candidate-list .Candidate-list-1 .Candidate-contact a {
    background: rgba(25, 164, 99, 0.1);
    border-radius: 5px;
    font-weight: 500;
    font-size: 16px;
    line-height: 17px;
    color: var(--primary-color);
    padding: 16px 21px;
    transition: 0.3s ease-in-out;
}

.Candidate-list .Candidate-list-1 .Candidate-contact a:hover {
    color: var(--white);
    background: var(--primary-color);
}

/*Candidates-Details*/
.candidates-details-left {
    width: 100%;
    min-width: 440px;
    height: auto;
    background: rgba(25, 164, 99, 0.05);
    border-radius: 10px;
    padding: 60px 40px;
}

.candidates-details-left .save-candidate img {
    max-width: 40%;
    height: auto;
    border-radius: 100px;
}

.candidates-details-left .save-candidate span {
    padding: 7px 7px;
    background: var(--white);
    border: 1px solid var(--primary-color);
    border-radius: 5px;
    font-weight: 400;
    font-size: 16px;
    line-height: 17px;
    margin-left: 14px;
    color: var(--primary-color);
}

.candidates-details-left .Profile-name h4 {
    font-weight: 700;
    font-size: 28px;
    line-height: 30px;
    color: #111D3B;
}

.candidates-details-left .Profile-name small {
    font-weight: 500;
    color: var(--gray-color);
    padding-top: 15px;
}

.candidates-details-left .social-link ul {
    list-style: none;
    padding: 30px 0;
    border-bottom: 1px solid rgba(0, 0, 0, 0.2);
}

.candidates-details-left .social-link ul li {
    display: inline-block;
}

.candidates-details-left .social-link ul li a {
    display: inline-block;
    color: var(--primary-color);
    width: 40px;
    background: rgba(25, 164, 99, 0.1);
    text-align: center;
    margin: 0 3px;
    border-radius: 50px;
    line-height: 40px;
    transition: 0.3s ease-in-out;
}

.candidates-details-left .social-link ul li a:hover {
    background: rgba(28 116 75 / 100%);
    color: var(--white);
}

.candidates-details-left .left-1 p {
    font-weight: 400;
    font-size: 16px;
    line-height: 17px;
    color: var(--gray-color);
}

.candidates-details-left .left-1 span {
    font-weight: 500;
    color: #111D3B;
}

.Candidate-pic img {
    max-width: 75%;
    border-radius: 20px;
}

.candidates-details-right .candidate-list-1 {
    background: var(--white);
    box-shadow: 0px 0px 5px 0px #50505050;
    border-radius: 10px;
    padding: 20px;
}

.candidates-details-right .Candidate-name h4 {
    font-weight: 700;
    font-size: 24px;
    line-height: 40px;
    color: #111D3B;
}

.candidates-details-right .Candidate-name span {
    font-weight: 400;
    color: var(--gray-color);
}

.candidates-details-right .Candidate-name span i {
    color: #FF9900;
    padding-right: 5px;
}

.candidates-details-right .Candidate-name span strong {
    font-weight: 500;
    color: var(--gray-color);
}

.candidates-details-right .candidate-place span {
    font-weight: 400;
    font-size: 16px;
    line-height: 23px;
    color: var(--gray-color);
}

.candidates-details-right .candidate-place span i {
    padding-right: 10px;
}

.candidates-details-right .Candidate-contact a {
    background: rgba(25, 164, 99, 0.1);
    border-radius: 5px;
    font-weight: 500;
    font-size: 16px;
    color: var(--primary-color);
    line-height: 23px;
    padding: 16px 36px;
    transition: 0.3s ease-in-out;
}

.candidates-details-right .Candidate-contact a:hover {
    color: var(--white);
    background: var(--primary-color);
}

.candidates-details-right .candidate-list-2 h4 {
    font-weight: 500;
    font-size: 24px;
    line-height: 34px;
    color: #111D3B;
}

.candidates-details-right .candidate-list-2 p {
    font-weight: 400;
    color: var(--gray-color);
    text-align: justify;
}

.candidates-details-right .candidate-list-3 h4 {
    font-weight: 500;
    font-size: 24px;
    line-height: 34px;
    color: #111D3B;
}

.timeline {
    margin: 0 auto;
    letter-spacing: 0.2px;
    position: relative;
    line-height: 1.4em;
    font-size: 1.03em;
    padding: 50px;
    list-style: none;
    text-align: left;
    max-width: 83%;
    right: -15%;
}

.timeline::before {
    top: 0;
    content: '';
    left: -4px;
    position: absolute;
    width: 6px;
    height: 74%;
    background: var(--primary-color);
    opacity: 0.2;
    border-radius: 5px;
}

.timeline .event {
    background: rgba(114, 124, 245, 0.09);
    margin-bottom: 25px;
    position: relative;
    padding: 30px;
}

.timeline .event h4 {
    font-weight: 500;
    font-size: 24px;
    line-height: 34px;
    color: #111D3B;
}

.timeline .event span {
    font-weight: 400;
    font-size: 16px;
    line-height: 23px;
    color: var(--primary-color);
}

.timeline .event p {
    font-weight: 400;
    color: var(--gray-color);
}

.timeline .event:before {
    left: -207px;
    content: attr(data-date);
    min-width: 120px;
    position: absolute;
    font-weight: 500;
    text-align: center;
    color: var(--gray-color);
    top: 20px;
}

.timeline .event:after {
    position: absolute;
    left: -71.8px;
    background: #198754;
    border-radius: 50%;
    height: 40px;
    width: 40px;
    top: 5px;
    content: '+';
    text-align: center;
    padding-top: 5px;
    font-size: 35px;
    color: white;
}

.candidates-details-right .candidate-list-5 h4 {
    font-weight: 500;
    font-size: 24px;
    line-height: 34px;
    color: #111D3B;
}

.candidates-details-right .candidate-list-5 p {
    font-weight: 400;
    color: var(--gray-color);
}

.candidates-details-right .candidate-list-5 .btn {
    font-weight: 500;
    color: var(--primary-color);
    background: rgba(25, 164, 99, 0.1);
    border-radius: 5px;
    border: none;
    margin: 10px 10px;
    padding: 15px 20px;
    transition: 0.3s ease-in-out;
}

.candidates-details-right .candidate-list-5 .btn:hover {
    color: var(--white);
    background: var(--primary-color);
}

.btn-group>.btn-group:not(:last-child)>.btn,
.btn-group>.btn:not(:last-child):not(.dropdown-toggle) {
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
}

.candidates-details-right .candidate-list-6 a {
    background: var(--primary-color);
    border-radius: 5px;
    font-weight: 600;
    font-size: 16px;
    line-height: 30px;
    color: var(--white);
    padding: 12px 30px;
    transition: 0.3s ease-in-out;
}

.candidates-details-right .candidate-list-6 a:hover {
    color: var(--white);
    background: rgba(28 116 75 / 100%);
}

/*blog single css*/
.single-blog-left .left-1 span {
    font-weight: 500;
    color: var(--gray-color);
    padding-bottom: 15px;
}

.single-blog-left .left-1 span i {
    padding: 0 20px;
}

.single-blog-left .left-1 img {
    padding-top: 30px;
}

.single-blog-left .left-1 p {
    font-weight: 400;
    color: var(--gray-color);
    padding-top: 25px;
    text-align: start;
    padding-right: 53px;
}

.single-blog-left .left-2 p {
    font-style: italic;
    font-weight: 400;
    color: #111D3B;
    padding: 0 30px;
    text-align: start;
    padding-right: 53px;
}

.single-blog-left .left-1 h4 {
    font-weight: 700;
    font-size: 28px;
    line-height: 40px;
    color: #111D3B;
}

.single-blog-left .left-3 {
    grid-gap: 20px;
    width: 45%;
}

.single-blog-left .left-4 {
    background: rgba(17, 29, 59, 0.03);
    border-radius: 10px;
    grid-gap: 30px;
    padding: 40px 30px;
}

.single-blog-left .left-4 ul {
    list-style: none;
}

.single-blog-left .left-4 ul li {
    padding-left: 10px;
}

.single-blog-left .left-4 ul li a {
    width: 40px;
    height: 40px;
    background: rgba(25, 164, 99, 0.1);
    color: var(--primary-color);
    text-align: center;
    border-radius: 50%;
    transition: 0.3s ease-in-out;
    line-height: 40px;
}

.single-blog-left .left-4 ul li a:hover {
    background: rgba(28 116 75 / 100%);
    color: var(--white);
}

.single-blog-left .left-5 a {
    width: 211px;
    height: 54px;
    background: var(--primary-color);
    border-radius: 5px;
    font-weight: 600;
    font-size: 16px;
    line-height: 30px;
    color: var(--white);
    text-align: center;
    transition: 0.3s ease-in-out;
}

.single-blog-left .left-5 a:hover {
    color: var(--white);
    background: rgba(28 116 75 / 100%);
}

.single-blog-left .left-5 a span {
    text-align: center;
}

.single-blog-left .left-6 {
    background: var(--primary-color-alpha03);
    border-radius: 10px;
    padding: 40px;
}

.single-blog-left .left-6 .comments-1 {
    grid-gap: 40px;
}

.single-blog-left .left-6 .comments-1 h4 {
    font-weight: 700;
    font-size: 24px;
    line-height: 36px;
}

.single-blog-left .left-6 .comments-1 span {
    font-weight: 500;
}

.single-blog-left .left-6 .comments-1 a {
    width: 183px;
    height: 54px;
    background: rgba(25, 164, 99, 0.1);
    border-radius: 5px;
    color: var(--primary-color);
    font-weight: 600;
    font-size: 16px;
    line-height: 30px;
}

.single-blog-left .make-comment h4 {
    font-weight: 700;
    font-size: 28px;
    line-height: 40px;
    color: #111D3B;
}

.single-blog-left .make-comment .form-label {
    font-weight: 400;
    font-size: 16px;
    line-height: 23px;
    color: var(--gray-color);
}

.single-blog-left .make-comment .form-control {
    padding: 20px;
    font-weight: 500;
    font-size: 15px;
    line-height: 26px;
    color: #111D3B;
}

.single-blog-left .make-comment a {
    width: 195px;
    height: 54px;
    background: var(--primary-color);
    border-radius: 5px;
    font-weight: 600;
    font-size: 16px;
    line-height: 30px;
    color: var(--white);
    transition: 0.3s ease-in-out;
}

.single-blog-left .make-comment a:hover {
    color: var(--white);
    background: rgba(28 116 75 / 100%);
}

.single-blog-right .blog-profile {
    position: relative;
}

.single-blog-right .profile-pic {
    position: relative;
    width: 140px;
    height: 140px;
    background: var(--white);
    top: 43px;
    border-radius: 50%;
}

.single-blog-right .profile-pic img {
    position: absolute;
    top: 8%;
    left: 8%;
    border-radius: 100px;
}

.single-blog-right .profile-name {
    max-width: 360px;
    max-height: 345px;
    background: rgba(17, 29, 59, 0.03);
    border-radius: 10px;
    padding: 50px 0;
}

.comments-1 img,
.single-blog-right .right-2 img,
.single-blog-left .left-4 img,
.profile-pic img {
    border-radius: 100px;
}

.single-blog-right .profile-name h4 {
    font-weight: 700;
    font-size: 28px;
    line-height: 40px;
    color: #000000;
}

.single-blog-right .profile-name span {
    font-weight: 500;
    color: var(--gray-color);
}

.single-blog-right .profile-name p {
    font-weight: 400;
    text-align: center;
    color: var(--gray-color);
}

.single-blog-right .profile-name ul {
    list-style: none;
}

.single-blog-right .profile-name ul li {
    padding-left: 10px;
}

.single-blog-right .profile-name ul li a {
    width: 40px;
    height: 40px;
    background: rgba(25, 164, 99, 0.1);
    text-align: center;
    color: var(--primary-color);
    border-radius: 50%;
    transition: 0.3s ease-in-out;
    line-height: 40px;
}

.single-blog-right .profile-name ul li a:hover {
    background: rgba(28 116 75 / 100%);
    color: var(--white);
}

.single-blog-right .right-1 input {
    background: rgba(17, 29, 59, 0.03);
    border-radius: 5px;
    border: none;
    max-width: 360px;
    padding: 15px 25px;
    font-weight: 400;
    font-size: 16px;
    line-height: 23px;
    color: var(--gray-color);
    width: 100%;
}

.single-blog-right .right-1 a {
    width: 143px;
    height: 50px;
    background: var(--primary-color);
    border-radius: 5px;
    margin-top: 20px;
    font-weight: 500;
    font-size: 16px;
    line-height: 19px;
    color: var(--white);
    transition: 0.3s ease-in-out;
}

.single-blog-right .right-1 a:hover {
    background: rgba(28 116 75 / 100%);
    color: var(--white);
}

.single-blog-right .right-2 h5 {
    font-weight: 500;
    font-size: 24px;
    line-height: 34px;
    color: #111D3B;
    padding-bottom: 25px;
}

.single-blog-right .right-2 ul li {
    list-style-type: none;
    max-width: 360px;
    height: 60px;
    background: rgba(17, 29, 59, 0.03);
    border-radius: 5px;
    margin-bottom: 10px;
    padding: 20px 25px;
    font-weight: 400;
    font-size: 16px;
    line-height: 23px;
    color: var(--gray-color);
}

.single-blog-right .right-2 ul li span {
    font-weight: 500;
    color: #111D3B;
}

.single-blog-right .right-3 span {
    font-weight: 400;
    font-size: 16px;
    line-height: 23px;
    color: var(--gray-color);
}

.single-blog-right .right-3 h6 {
    font-weight: 500;
    color: #111D3B;
}

.single-blog-right .right-4 h5 {
    font-weight: 500;
    font-size: 24px;
    line-height: 34px;
    color: #111D3B;
}

.single-blog-right .right-4 ul {
    list-style: none;
}

.single-blog-right .right-4 ul li {
    padding-right: 10px;
}

.single-blog-right .right-4 ul li a {
    width: 40px;
    height: 40px;
    background: rgba(25, 164, 99, 0.1);
    border-radius: 50%;
    text-align: center;
    color: var(--primary-color);
    transition: 0.3s ease-in-out;
    line-height: 40px;
}

.single-blog-right .right-4 ul li a:hover {
    background: rgba(28 116 75 / 100%);
    color: var(--white);
}

.single-blog-right .right-5 h5 {
    font-weight: 500;
    font-size: 24px;
    line-height: 34px;
    color: #111D3B;
    padding-bottom: 25px;
}

.single-blog-right .right-5 .btn {
    width: 170px;
    height: 60px;
    background: rgba(17, 29, 59, 0.03);
    border-radius: 5px;
    border: none;
    font-weight: 400;
    font-size: 16px;
    line-height: 23px;
    color: var(--gray-color);
    margin: 20px 20px 0px 0px;
    transition: 0.3s ease-in-out;
}

.single-blog-right .right-5 .btn:hover {
    background: rgba(28 116 75 / 100%);
    color: var(--white);
}

/* scroll top button */
.scroll-top {
    width: 48px;
    height: 48px;
    line-height: 48px;
    position: fixed;
    bottom: 24px;
    right: 24px;
    z-index: 99;
    text-align: center;
    color: var(--white);
    font-size: 25px;
    cursor: pointer;
    border-radius: 50%;
    background: var(--primary-color);
    display: none;
    transition: all 0.3s ease-in-out;
}

.scroll-top:hover {
    background: var(--secondary-color);
}

.scroll-top:after {
    position: absolute;
    z-index: -1;
    content: '';
    top: 100%;
    left: 5%;
    height: 10px;
    width: 90%;
    opacity: 1;
    background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.25) 0%, rgba(0, 0, 0, 0) 80%);
}

.event-date {
    background: var(--primary-color-alpha07);
    border: 2px dotted var(--secondary-color);
    color: var(--white);
    border-radius: 50%;
    width: 80px;
    height: 80px;
    font-weight: 500;
    font-size: 14px;
    line-height: 21px;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
}

.event-date.active {
    border: 2px solid var(--secondary-color);
    background: var(--primary-color);
}

.form-container {
    box-shadow: 0px 0px 5px 0px #50505050;
    border-radius: 10px;
}

.blog-grid .card .image-container {
    height: 300px;
    overflow: hidden;
    width: 100%;
}

.blog-grid .card .image-container img {
    width: 90%;
    border-radius: 20px;
    box-shadow: 0px 0px 5px 0px #50505050;
}

.blog-grid .card .float-image {
    position: absolute;
    left: 0;
    top: 0;
    background: var(--white);
    border-bottom-right-radius: 20px;
    padding: 8px 16px;
    width: 60%;
    display: flex;
    overflow: hidden;
    align-items: center;
    justify-content: center;
}

.blog-grid .card .float-image img {
    height: 32px;
}

.blog-grid .card .card-body {
    width: 100%;
}

.blog-grid .card .company-category {
    flex-wrap: wrap;
}

.blog-grid .card .company-category li h5 {
    font-size: 14px;
    font-weight: 700;
    margin:0;
    padding:0;
}

.blog-grid .card .company-category li {
    list-style: none;
    font-size: 12px;
    color: #666666;
    text-wrap: nowrap;
    font-weight: normal;
    padding-right: 5px;
}

.marketplace-filter {
    background: var(--white);
    padding: 5px 20px;
    color: var(--primary-color);
    border: 1px solid var(--secondary-color);
    width: auto;
    margin-right: 5px;
    margin-bottom: 0;
    border-radius: 20px;
    font-size: 12px;
    max-width: 200px;
    overflow: hidden;
    text-wrap: nowrap;
    text-overflow: ellipsis;
}

.marketplace-filter.selected {
    background: var(--primary-color);
    color: var(--white);
}

.full-width-search {
    position: relative;
}

.full-width-search input {
    padding:20px;
    border-radius:50px;
    box-shadow: 0px 0px 5px 0px #50505050;
}

.full-width-search a {
    position: absolute;
    right: 30px;
    top: 4px;
    border: 1px solid #dee2e6;
    border-radius: 50%;
    display: inline-block;
    width: 56px;
    height: 56px;
    text-align: center;
    vertical-align: middle;
    padding: 13px;
    transition: all 0.3s ease-out;
}

.full-width-search a:hover {
    box-shadow: 0px 0px 5px 0px var(--primary-color);
}

.full-width-search a:hover i {
    color:var(--primary-color);
}

.b2b-partnership-notice {
    position: fixed;
    width: 100%;
    left: 0;
    bottom: 0;
    background: var(--primary-color);
    color: var(--white);
    text-align: center;
    font-size: 12px;
    padding: 5px 0;
}

.b2b-partnership-notice a {
    color: var(--white);
    text-decoration: underline;
}

.b2b-partnership-notice a:hover {
    text-decoration: none;
}

.container.b2b,
.container.all-courses,
.container.all-events {
    width: 95%;
    max-width: 95%;
}

.b2b-details footer {
    padding-bottom: 25px;
}

.b2b-tabs li a {
    padding: 5px 10px;
}

.b2b-tabs .active a {
    color: var(--primary-color);
    font-weight: 500;
    border-bottom: 2px solid var(--primary-color);
}

.b2b-banner-container {
    position: relative;
}

.b2b-banner-container .b2b-banner {
    padding-left: 235px;
}

.b2b-banner-container .b2b-logo {
    position: absolute;
    width: 200px;
    height: 200px;
    background: #efefef;
    border-radius: 50%;
    border: 7px solid var(--primary-color-alpha09);
    left: 0;
    bottom: -115px;
    overflow: hidden;
    text-align: center;
    vertical-align: middle;
    display: flex;
    align-items: center;
    justify-content: center;
    padding:10px;
    background-size: contain;
    background-position: center center;
}

.b2b-details-tabs {
    padding-left: 235px;
}

.b2b-details-tabs li {
    padding: 0 50px;
    border-right: 2px solid #efefef;
}

.b2b-details-tabs li:first-child {
    padding-left: 0;
}

.b2b-details-tabs li:last-child {
    padding-right: 0;
    border-right: none;
}

.text-bg-primary-custom {
    background-color: var(--primary-color);
    color: var(--button-font-color);
}

.text-bg-secondary-custom {
    background-color: var(--secondary-color);
    color: var(--button-font-color);
}

.pill-badge-tabs li button {
    color: rgba(var(--bs-secondary-rgb),var(--bs-text-opacity));
    font-weight: normal;
}

.pill-badge-tabs li .active {
    background-color: var(--primary-color);
    color: var(--button-font-color);
}

.home-page-block-1 {
    background: #ffffff url("../images/bg/home-block-1.svg") left top/cover no-repeat scroll;
    min-height: 470px;
}

.home-page-block-2 {
    background: #ffffff url("../images/bg/home-block-2.svg") left top/cover no-repeat scroll;
    min-height: 470px;
}

.home-page-block-3 {
    background: #ffffff url("../images/bg/home-block-3.svg") left top/cover no-repeat scroll;
    min-height: 470px;
}

.home-page-block-4 {
    background: #ffffff url("../images/bg/home-block-4.svg") left top/cover no-repeat scroll;
    min-height: 470px;
}

.home-block-heading {
    font-size: 24px;
    font-weight: 700;
}

.home-block-desc {
    font-size: 16px;
    font-weight: 400;
    color: rgba(0, 0, 0, 0.6);
    padding-top: 15px;
}

.company-news-section .blog-grid .card .image-container {
    height: 250px;
}

.select2-container .select2-search--inline .select2-search__field {
    margin-top: 0!important;
    padding: 15px 7px 5px 7px!important;
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: #2A3CD8!important;
}

.slider_rnge .ui-slider.ui-slider-horizontal.ui-widget.ui-widget-content.ui-corner-all {
    position: relative;
}

.slider_rnge .ui-state-default, 
.slider_rnge .ui-widget-content .ui-state-default, 
.slider_rnge .ui-widget-header .ui-state-default {
    position: absolute;
    background: #FFF;
    border: 1px solid #2A3CD8;
}

.slider_rnge .ui-state-default:focus, 
.slider_rnge .ui-widget-content .ui-state-default:focus, 
.slider_rnge .ui-widget-header .ui-state-default:focus {
    background: #2A3CD8;
}
.footer-dark {
    background: #1C1D2C;
}
.footer-dark p, 
.footer-dark a,
.footer-dark h4,
.footer-dark h5,
.footer-dark .copy-right {
    color: #ffffff;
}

@media screen and (max-width: 768px) {
    .home-page-block-1 {
        background: #ffffff url("../images/bg/home-block-1.svg") center top/cover no-repeat scroll;
        min-height: 430px;
        padding: 10px 30px 10px 30px !important;
    }
    
    .home-page-block-2 {
        background: #ffffff url("../images/bg/home-block-2.svg") center top/cover no-repeat scroll;
        min-height: 330px;
        padding: 10px 30px 10px 30px !important;
        margin-top:0!important;
    }
    
    .home-page-block-3 {
        background: #ffffff url("../images/bg/home-block-3.svg") center top/cover no-repeat scroll;
        min-height: 330px;
        padding: 10px 30px 10px 30px !important;
    }
    
    .home-page-block-4 {
        background: #ffffff url("../images/bg/home-block-4.svg") 10% top/cover no-repeat scroll;
        min-height: 460px;
        padding: 10px 30px 10px 30px !important;
        margin-top:0!important;
    }
    .home-page-block-1 .home-block-heading,
    .home-page-block-2 .home-block-heading,
    .home-page-block-3 .home-block-heading,
    .home-page-block-4 .home-block-heading {
        font-size: 20px;
    }
    #testimonial_slider i.bi-chevron-right {
        right:100px!important;
    }
    #testimonial_slider i.bi-chevron-left {
        left:100px!important;
    }
    .banner-three {
        margin-bottom: 0!important;
    }
    .banner-three-rapper p {
        max-width: 100%;
        width: 100vw;
    }
    .home .theme-main-menu {
        padding-top: 30px;
    }
    .navbar-collapse {
        width: 100%;
        max-width: 100vw;
    }
    .b2b-banner-container .b2b-banner {
        padding-left: 0;
    }
    .b2b-banner-container .b2b-logo {
        width: 125px;
        height: 125px;
        border: 4px solid var(--primary-color-alpha09);
        margin-left: 10px;
        bottom: -125px;
    }
    .auth-left-section {
        display: none;
    }
    .auth-right-section {
        padding: 60px 20px;
    }
    .login_form {
        max-width: 100%;
    }
    .dreamitem-3 {
        width: 100%;
        max-width: 100%;
    }
    .b2b-details-tabs {
        padding-left: 0;
        margin-top: 85px;
    }
    .b2b-details-tabs li {
        padding: 0 10px;
    }
    .b2b-details-tabs li span {
        font-size: 17px!important;
    }
    .b2b-details-tabs li strong {
        padding:0!important;
    }
    .candidates-details-right {
        margin: 0 20px!important;
    }
    .Candidate-pic img {
        max-width: 100%!important;
    }
}