/* Font */
/* font-family: "Rubik", sans-serif;
font-family: "Urbanist", sans-serif; */

/* Font Outfit  Bold */
@font-face {
    font-family: "Outfit";
    src: url('../fonts/Outfit-Bold.woff') format('woff'),
        url('../fonts/Outfit-Bold.woff2') format('woff2');
    font-weight:800;
}

/* Font Outfit Semibold  */
@font-face {
    font-family: "Outfit";
    src: url('../fonts/Outfit-SemiBold.woff') format('woff'),
        url('../fonts/Outfit-SemiBold.woff2') format('woff2');
    font-weight:600;
}

/* Font Outfit Medium  */
@font-face {
    font-family: "Outfit";
    src: url('../fonts/Outfit-Medium.woff') format('woff'),
        url('../fonts/Outfit-Medium.woff2') format('woff2');
    font-weight:500;
}

/* Font Outfit Regular */
@font-face {
    font-family: "Outfit";
    src: url('../fonts/Outfit-Regular.woff') format('woff'),
        url('../fonts/Outfit-Regular.woff2') format('woff2');
    font-weight:400;
}

/* Font Outfit Light */
@font-face {
    font-family: "Outfit";
    src: url('../fonts/Outfit-Light.woff') format('woff'),
        url('../fonts/Outfit-Light.woff2') format('woff2');
    font-weight:300;
}


body{
	margin: 0;
	padding: 0;
	font-family: "Outfit", sans-serif;
    /* background: #F5F5F5; */

}

html {
	box-sizing: border-box;
}
*,
*:before,
*:after {
	box-sizing: inherit;
	margin: 0;
	padding: 0;
}

:root{
    --black:#000000;
    --blue:#36baff;
    --dark-blue:#0F2239;
    --white:#ffffff;
    --body-text:#6A7179;
    --blue-gray: #B3C1D3;

}
h1,h2,h3,h4,h5,h6{
	margin-bottom: 0;
    font-family: "Outfit", sans-serif;
    color: var(--dark-blue);
}


.text-white{
    color: var(--white);
}

.text-blue{
    color: var(--blue) !important;
}

.dark-blue{
    color: var(--dark-blue);
}

h1{
    font-size: 72px;
    line-height: 80px;
    font-weight: 500;
}

h2{
    font-size: 48px;
    line-height: 56px;
    font-weight: 500;
}
h3{
    font-size: 24px;
    line-height: 30px;
    font-weight: 500;
}

h4{
    font-size: 20px;
    line-height: 25px;
}
.fs-40{
    font-size: 40px;
    line-height: 50px;
    font-weight: 500;
}
.fs-60{
    font-size: 60px;
    line-height: 70px;
    font-weight: 500;
}
p{
    font-size: 16px;
    line-height: 24px;
    font-weight: 300;
    color: var(--body-text);
}

a{
    text-decoration: unset;
    font-size: 16px;
    font-weight: 500;
    color: var(--dark-blue);
}
a:hover{
    color: var(--blue);
}

ul{
	list-style: none;
	padding-inline-start: 0px;
	margin: 0;
	padding: 0;
}

/* .container{
    max-width: 1320px;
} */

/* .container{
    max-width: 1146px;
} */
.mb-40{
    margin-bottom: 40px;
}
.mb-20{
    margin-bottom: 20px;
}
.mb-10{
    margin-bottom: 10px;
}
.mt-30{
    margin-top: 30px;
}

.fs-14{
    font-size: 14px;
    line-height: 20px;
}
.fs-18{
    font-size: 18px;
    line-height: 25px;
}
.fs-20{
    font-size: 20px;
    line-height: 25px;
}
.fs-22{
    font-size: 22px;
    line-height: 25px;
}
.fs-54{
    font-size: 54px;
    line-height: 68px;
}

.fw-400{
    font-weight: 400;
}
.fw-500{
    font-weight: 500;
}
.fw-700{
    font-weight: 700;
}
.body-txt{
    color: var(--body-text);
}

.btn-blue,
.border-gray-btn,
.border-blue-btn,
.white-border-btn {
    padding: 18px 40px 18px 40px;
    text-transform: capitalize;
    font-weight: 500;
    line-height: 1;
    border-radius: 50px;
    font-size: 16px;
    border: 1px solid;
    color: var(--white);
    background-color: var(--blue);
    border: 1px solid var(--blue);
    display: inline-flex;
    align-items: center;
    gap: 8px;
}
.btn-blue:hover{
    border: 1px solid var(--dark-blue);
    background-color: var(--dark-blue);
    color: var(--white);
}

.border-blue-btn{
    background-color: #02010100;
    border-color: var(--blue);
    color: var(--blue);
}
.border-blue-btn:hover{
    background-color: var(--blue);
    color: var(--white);
}
.white-border-btn {
    background-color: transparent;
    border: 1px solid var(--white);
    color: var(--white);
}
.white-border-btn:hover{
    background-color: var(--white);
    color: var(--dark-blue);
}
.border-btn{
    padding: 18px 40px 16px 40px;
    text-transform: capitalize;
    font-weight: 500;
    line-height: 1;
    border-radius: 50px;
    font-size: 16px;
    border: 1px solid;
    color: var(--blue);
    background-color: transparent;
    border: 1px solid var(--blue);
    display: inline-flex;
    align-items: center;
}
.border-btn svg,
.btn-blue svg{
    width: 14px;
    height: 14px;
    padding-left: 10px;
}
.border-btn:hover{
    border: 1px solid var(--dark-blue);
    background-color: var(--dark-blue);
    color: var(--white);
}

input:focus,
.btn:focus{
    box-shadow: unset;
}

.sec-pad{
    padding: 100px 8px;
}
.subheading{
    display: block;
    font-size: 16px;
    line-height: 20px;
    font-weight: 500;
    text-transform: uppercase;
    margin-bottom: 10px;
    color: var(--blue);
}

/* ====  Header =====  */
.header-section.home-header,
.header-section{
    top: 0;
    z-index: 999;
    background: rgba(255, 255, 255, 0.5);
    backdrop-filter: blur(20px);
    border-bottom: 1px solid #c9ddf9;
    padding: 16px 8px;
    position: relative;
    width: 100%;
}
.home .header-section.home-header,
.home .header-section{
    position: absolute;
}

.header-section{
    background-color: var(--white);
    backdrop-filter: unset;
    border-bottom: unset;
}
.header-section.sticky{
    box-shadow: 0 0 10px 0 rgb(0 0 0 / 20%);
    position: fixed;
    background: rgba(255, 255, 255, 0.5);
    backdrop-filter: blur(20px);
    border-bottom: 1px solid #c9ddf9;
}
.header-section .navbar-toggler{
    border-color: unset;
    color: var(--blue);
    border: unset;
    font-size: 25px;
}
.header-section .navbar-toggler i{
    color: var(--blue);
}
header .navbar {  
    padding: 0px;
}

header .navbar ul{
    display: flex;
    align-items: center;
    gap: 54px;
    /* margin: 0 auto; */
}
header .navbar ul li a{
    /* padding: 40px 20px; */
    display: block;
    text-transform: capitalize;
    color: var(--dark-blue);
    font-size: 16px;
    font-weight: 500;

}
header .navbar ul li.active a,
.footer-sec .navbar-nav li.active a,
header .navbar ul li a:hover,
.footer-sec .navbar-nav li a:hover{
    color: var(--blue);
}
.header-btn a.btn-blue{
    color: var(--white) ;
}
.header-btn a.btn-blue:hover{
    color: var(--white);
}

header .navbar .navbar-brand img,
.footer-sec .footer-logo img{
    /* height: 47px; */
    max-width: 190px;
    object-fit: contain;
}
header .navbar-light .navbar-toggler:focus{
    box-shadow: unset !important;
}
header .navbar-toggler{
    padding: 0px !important;
}

/* header .navbar-toggler-icon {
    filter: brightness(0) invert(1);
} */

/* Hero Section */
.hero-sec {
    background-image: url("/wp-content/themes/agtalent/img/hero-bg.png");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    position: relative;
    width: 100%;
    /* min-height: 940px; */
    height: 940px;
    padding: 60px 8px;
    overflow: hidden;
}
/* .hero-sec div *{
    height: 100%;
} */
.hero-sec .container,
.hero-sec .row,
.hero-sec .col-md-6{
    height: 100%;
}

.hero-subheading{
    font-size: 20px;
    line-height: 25px;
    margin-bottom: 30px;
}
.hero-right {
    align-items: end;
    justify-content: end;
    display: flex;
    position: unset;
}
.hero-right-img img{
    /* width: 100%; */
    max-width: 100%;
    object-fit: cover;
    height: 100%;
    object-position: bottom;
}
.hero-info{
    display: flex;
    align-items: center;
}
.img-bottom{
    position: absolute;
    right: 6%;
    bottom: 0;
    width: 100%;
}
/*.img-bottom .hero-right-img{*/
/*    max-width: 92%;*/
/*}*/

.hero-right-img{
    position: relative;
}
.brand-logo1 img{
    width: 99px;
    height: 99px;
    object-fit: contain;
}
.brand-logo2 img{
    width: 85px;
    height: 85px;
    object-fit: contain;
}
.brand-logo3 img{
    width: 120px;
    height: 120px;
    object-fit: contain;
}
/* Common styles for all logos */
.brand-logo img {
    object-fit: contain;
    position: absolute;
}

[class^="brand-logo"] {
    /* Styles for all classes that start with 'brand-logo' */
    position: absolute; /* For example */
    /* Add other shared styles here */
}

#brand-logos {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.icon-bg i {
    font-size: 2em; /* Makes the icon about twice as big */
    color: var(--blue); /* Uses the CSS variable for the blue color */
}

.icon-bg svg {
    width: 2em; /* Makes the SVG about twice as big */
    height: 2em; /* Ensures consistent size */
    fill: var(--blue) !important; /* Uses the CSS variable for the blue color */
}

.icon-bg svg path {
    fill: var(--blue) !important; /* Uses the CSS variable for the blue color */
}

/* Position each logo around the circle */
.brand-logo1 {
    top: calc(50% - 99px / 2 - 295px); /* Top middle (radius = 295px) */
    left: calc(50% - 99px / 2); /* Center horizontally */
}

.brand-logo2 {
    top: calc(50% - 85px / 2 - 208px); /* 45 degrees */
    left: calc(50% - 85px / 2 + 208px);
}

.brand-logo3 {
    top: calc(50% - 120px / 2); /* Right middle */
    left: calc(50% + 295px - 120px / 2);
}

.brand-logo4 {
    top: calc(50% - 99px / 2 + 208px); /* 135 degrees */
    left: calc(50% - 99px / 2 + 208px);
}

.brand-logo5 {
    top: calc(50% - 85px / 2 + 295px); /* Bottom middle */
    left: calc(50% - 85px / 2);
}

.brand-logo6 {
    top: calc(50% - 100px / 2 + 208px); /* 225 degrees */
    left: calc(50% - 100px / 2 - 208px);
}

.brand-logo7 {
    top: calc(50% - 85px / 2); /* Left middle */
    left: calc(50% - 85px / 2 - 295px);
}

.brand-logo8 {
    top: calc(50% - 100px / 2 - 208px); /* 315 degrees */
    left: calc(50% - 100px / 2 - 208px);
}




/* Hero Search pannel */

.search-form .box-shadow{
    background-color: var(--white);
    border: 1px solid #E7EEF5;
    box-shadow: 0px 16px 33px rgba(221, 227, 237, 0.35);
    border-radius: 12px;
    padding: 20px 15px;
}
.search-form select:focus{
    box-shadow: unset;
}
.search-form label{
    font-size: 15px;
    color: #6A7179;
    margin-bottom: 0;
    margin-left: 4px;
    font-weight: 300;
}
.search-form select{
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-image: url("http://agtalent.co.uk/wp-content/uploads/2024/08/select-arrow.png") !important;
    background-repeat: no-repeat !important;
    background-position: right center !important;
    background-size: 13px !important;
    padding-left: 4px;
    border: none !important;
    box-shadow: none;
    outline: none;
}
.search-form .btn-blue{
    gap: 5px;
    padding: 14px 18px 14px 18px;
    text-transform: uppercase;
    border-radius: 50px;
    font-weight: 600;
    font-size: 14px;
    line-height: 1;
    letter-spacing: 1px;
    justify-content: center;
}
.search-form .btn-blue i{
    font-size: 13px;
}

.text-underline{
    text-decoration: underline;
}

.demanding-cate{
    background-color: #e6eff4;
}
.popular-links{
    margin: 20px 0 70px 0;
}
.popular-links a{
    color: #0F2239;
}
.link-btn{
    gap: 10px;
    padding-bottom: 2px;
    border-bottom: 2px solid var(--blue);
    display: inline-block;
}
.text-blue {
    color: var(--blue);
}

.job-category{
    display: flex;
    flex-wrap: wrap;
    gap: 30px;
}
.job-category .job-cat-box{
    width: calc(25% - 23px);
    background: #ffffff;
    border: 1px solid #E6E9F4;
    box-shadow: 0px 1px 0px #E6E9F4;
    border-radius: 10px;
    padding: 40px 30px;
}
.job-category .job-cat-box .icon-img{
    height: 80px;
    width: 80px;
    border-radius: 50%;
    border: 1px solid #E6E9F4;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 30px;
    color: var(--blue);
}
.job-category .job-cat-box p{
    margin: 10px 0px 25px;
}

.border-gray-btn{
    border: 1px solid #E6E9F4;
    background-color: transparent;
    color: var(--blue);
    padding: 13px 25px 15px 25px;
    display: inline-flex;
    gap: 10px;
}
.border-gray-btn:hover{
    background-color: var(--blue);
    border: 1px solid var(--blue);
    color: var(--white);
}
.home-about-sec{
    content: "";
    background-image: url("http://agtalent.co.uk/wp-content/uploads/2024/08/about-bg.jpg");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 100% auto;
}
.text-uppercase{
    text-transform: uppercase;
}

/* Home About sec */
.home-about-sec .expert-emp-img{
    position: relative;
}
.home-about-sec .expert-emp-img img{
    height: 550px;
    width: 85%;
    object-fit: contain;
}
.home-about-sec .blue-circle{
    height: 80px;
    width: 80px;
    position: absolute;
    border: 4px solid var(--blue);
    border-radius: 50%;
    left: -10px;
    top: 94px;
}

.home-about-sec .circle-img img{
    height: calc(100% - 15px);
    width: calc(100% - 15px);
    border-radius: 50%;
    display: inline-block;
    position: relative;
}

.home-about-sec .company-list {
    display: flex;
    gap: 16px;
    padding: 0 15px;
}
.home-about-sec .company-list .blue-check-icon{
    font-size: 24px;
    color: var(--blue);
}

.home-about-sec .circle-img{
    height: 300px;
    width: 300px;
    border-radius: 50%;
    background-color: #0859F7;
    overflow: hidden;
    padding: 15px;
    right: 0;
    top: 60%;
    transform: translateY(-50%);
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
}

.home-about-sec .circle-img::before{
    content: '';
    position: absolute;
    height: 100%;
    width: 100%;
    background: #ffffff;
    border-radius: 50%;
    left: -2px;
}
.boreder-form{
    border-right: 1px solid #DBE6F4;

}

/* Counter-sec */
.bg-image{
    background-position: top center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
}
.counter-sec{
    padding: 70px 8px 80px;
    overflow: hidden;
}
.counter-sec .counter-box{
    padding: 15px 0px;
}
.counter-sec .count-col{
    position: relative;
}
.counter-sec .count-col::before{
    content: "";
    background-color: #52afd3;
    width: 2px;
    height: 500px;
    position: absolute;
    top: calc(100% - 200px);
    right: 0;
}

.counter-sec .count-col:last-child::before{
    display: none;
}
/* How it Works? */
.how-it-work-sec{
    position: relative;
    background-image: url(http://agtalent.co.uk/wp-content/uploads/2024/08/how-it-works.jpg);
    background-color: #F5F6F8;
}
.how-it-work-sec .work-box .icon-bg img{
    height: 40px;
    width: 40px;
    object-fit: contain;
}
.how-it-work-sec .work-box .icon-bg{
    height: 100px;
    width: 100px;
    text-align: center;
    background-color: #D2E4F9;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 auto;
    position: relative;
    z-index: 1;
}
.how-it-work-sec .works-col .work-box{
    position: relative;
}
.how-it-work-sec .works-col .work-box::before{
    position: absolute;
    content: '';
    height: 2px;
    width: 100%;
    background: #065af7;
    top: 50px;
    left: 50%;
    z-index: 1;
}
.how-it-work-sec .works-col:last-child .work-box::before{
    display: none;
}
.how-it-work-sec .work-box h3{
    margin: 35px 0px 15px 0px;
}

/* Job of day */
.job-tab .nav {
   column-gap: 20px;
   row-gap: 5px;
   margin-bottom: 30px;
}

.job-tab .nav .nav-item .nav-link {
    border: 1px solid #E6E9F4;
    background-color: transparent;
    border-radius: 5px;
    font-weight: 400;
    padding: 8px 16px;
    font-size: 16px;
    line-height: 29px;
    color: var(--black);
    display: flex;
    gap: 4px;
    align-items: center;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out;
}
.job-tab .nav .nav-item .nav-link.active,
.job-tab .nav .nav-item .nav-link:hover{
    border: 1px solid var(--blue);
    color: var(--blue);
    background-color: transparent;
}

.job-of-day-row{
    display: flex;
    flex-wrap: wrap;
    gap: 30px;
}
.job-by-category-box.w-50{
    width: calc(50% - 15px) !important;
}
.job-by-category-box{
    box-shadow: 0px 1px 0px #E6E9F4;
    border: 1px solid #E6E9F4;
    border-radius: 10px;
    padding: 25px;
    background-color: var(--white);
}
.job-by-category-box .company-info .comapany-logo img{
    height: 83px;
    width: 100%;
    object-fit: cover;
    max-width: 83px;
}
.job-by-category-box .company-info {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
}
.job-by-category-box .job-top-info{
    display: flex;
    justify-content: space-between;
    padding-bottom: 25px;
    border-bottom: 1px solid #E6E9F4;
}
.job-by-category-box  .job-title a{
    font-size: 22px;
    line-height: 30px;
    margin-bottom: 0;
}
.job-by-category-box .save-btn a.job-by-btn{
    background: var(--blue);
    color: #ffffff;
    padding:5px 10px;
    border-radius: 5px;
    cursor: pointer;
    font-size: 16px;
    font-weight: 400;
    
}
.job-by-category-box .save-btn a.job-by-btn:hover{
    background-color: var(--dark-blue);
}
.job-by-category-box .job-tags{
    display: flex;
    flex-wrap: wrap;
    row-gap: 12px;
    column-gap: 5px;
    /* border-top: 1px solid #E6E9F4; */
    border-bottom: 1px solid #E6E9F4;
    padding: 13px 0 13px 0;
    margin: 0px 0px 0px;
    align-items: center;
}
.job-by-category-box .job-tags a.bg-gray{
    background: #F1F1F1;
    margin-right: 10px;
    color: var(--dark-blue);
    padding: 5px 15px;
    border-radius: 5px;
}

.job-by-category-box .job-salary{
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
    padding-top: 20px;
}
.job-by-category-box .job-salary .salary i,
.job-by-category-box .job-salary .salary svg{
    border: 1px solid;
    font-size: 11px;
    border-radius: 50%;
    padding: 1px 3px;
}
.job-bottom-line .job-text-content{
    color: var(--dark-blue);
    font-weight: 500;
    font-size: 18px;
    border: 1px solid var(--dark-blue);
    display: inline-block;
    border-radius: 50px;
    padding: 7px 30px 9px 30px;
    line-height: 23px;
}
.job-bottom-line{
    margin-top: 40px;
}
.job-text-content a:hover{
    color: var(--dark-blue);
}

/* why-choose-sec */
.why-choose-sec{
    background-image: url(http://agtalent.co.uk/wp-content/uploads/2024/08/why-choose-us-bg.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 100px 8px 0px 8px;
}

.why-choose-sec .img-side{
    position: relative;
}
.why-choose-sec .img-side .img{
    height: 100%;
}
.why-choose-sec .img-side .img img{
    width: 112%;
    height: 100%;
    object-fit: contain;
    object-position: bottom;
}
.why-choose-sec .img-side .left-caption-one {
    width: 188px;
    height: 156px;
    position: absolute;
    top: 0;
    right: 80px;
    border-radius: 50%;
    background: linear-gradient(#81E9FA, #CCACF8);
    display: flex;
    align-items: center;
    justify-content: center;
}
.why-choose-sec .img-side .left-caption-one-text-wrapper {
    background: #faf6ed;
    height: 145px;
    width: 175px;
    line-height: 100%;
    border-radius: 50%;
}
.why-choose-sec .img-side .left-caption-one-text {
    background: #ffffff;
    box-shadow: 0px 7px 10px rgba(0, 0, 0, 0.08);
    height: 130px;
    width: 155px;
    border-radius: 50%;
    margin-left: 10px;
    margin-top: 7px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
}
.why-choose-sec .img-side .left-caption-one-text span:first-child,
.why-choose-sec .img-side .left-caption-two-text span:first-child {
    color: #222222;
    font-size: 32px;
    line-height: 40px;
    font-weight: 600;
    margin-bottom: 5px;
}
.why-choose-sec .img-side .left-caption-one-text span,
.why-choose-sec .img-side .left-caption-two-text span {
    display: block;
    font-size: 18px;
}
.why-choose-sec .right-caption{
    background: #ffffff;
    border-radius: 50px;
    position: absolute;
    top: 120px;
    padding: 5px 40px 5px 75px;
    left: -65px;
}
.why-choose-sec .right-caption img{
    width: 54px;
    height: 54px;
    border-radius: 54px;
    object-fit: cover;
    position: absolute;
    left: 10px;
    top: 12px;
}
.why-choose-sec .right-caption h3{
    font-size: 32px;
    line-height: 42px;
    margin-bottom: -5px;
}
.why-choose-sec .right-caption .right-caption-content div{
    font-size: 18px;
    line-height: 27px;
}
.why-choose-sec .content-side{
    max-width: 620px;
    padding-left: 80px;
    padding-bottom: 60px;
}
.why-choose-sec .content-side .icon-box{
    display: flex;
    align-items: flex-start;
    max-width: 470px;
    background-color: #ffffff;
    padding: 30px;
    margin-bottom: 30px;
    border-radius: 10px;
    transition: .3s;
    column-gap: 20px;
}
.why-choose-sec .content-side .icon-box.big{
    width: calc(100% + 30px);
    max-width: 500px;
    margin-right: -30px;
}
.why-choose-sec .content-side .icon-box:hover{
    background-color: var(--blue);
}
.why-choose-sec .content-side .icon-box:hover .icon-box-img svg path{
    fill: var(--white);
}
.why-choose-sec .content-side .icon-box:hover .icon-box-des h4,
.why-choose-sec .content-side .icon-box:hover .icon-box-des p{
    color: var(--white);
}
.why-choose-sec .content-side .icon-box .icon-box-img svg{
    width: 20px;
    height: 20px;
}
.why-choose-sec .content-side .icon-box .icon-box-img svg path{
    fill: var(--blue);
}
.why-choose-sec .content-side .icon-box.ml-30{
    margin-left: 30px;
}


/* company-feedback-sec */
.company-feedback-sec{
    padding: 100px 8px;
    background-color: var(--white);
    position: relative;
    overflow: hidden;
}
.company-feedback-sec::after{
    content: '';
    position: absolute;
    width: 80px;
    height: 100px;
    background-image: url('http://agtalent.co.uk/wp-content/uploads/2024/08/testimonial-shape.png');
    background-position: center center;
    background-size: contain;
    background-repeat: no-repeat;
    top: 50px;
    right: 0;
}
.company-feedback-sec .slick-track{
    display: flex;
    column-gap: 30px;
}
.company-feedback-sec .feedback-slide-box{
    border: 1px solid #E0E5F6;
    border-radius: 10px;
    padding: 40px;
    background-color: #ffffff;
}

.company-feedback-sec .profile-design img {
    max-width: 80px;
}

.company-feedback-sec .profile-design .person-img img {
    max-width: 80px;
    border-radius: 50%;
}

.company-feedback-sec .feedback-slide-box p{
    padding-bottom: 40px;
    font-size: 18px;
    font-weight: 400;
    line-height: 28px;
    border-bottom: 1px solid #E0E5F6;
    color: var(--dark-blue);
}
.company-feedback-sec .feedback-slide-box .profile-design{
    display: flex;
    align-items: center;
    padding-top: 40px;
}
.company-feedback-sec .feedback-slide-box .profile-design .profile{
    display: flex;
    align-items: center;
    column-gap: 15px;
}
.company-feedback-sec .feedback-slide-box .logo-side{
    justify-content: end;
    display: flex;
}
.company-feedback-sec .feedback-slide-box .person-details span{
    color: var(--blue);
}
.company-feedback-sec .slick-dots{
    bottom: -70px;
}
.company-feedback-sec .slick-dots li{
    display: inline-block;
    margin-right: 8px;
    height: 18px;
    width: 18px;
    padding: 4px;
    border: 1px solid #CEDCE9;
    border-radius: 50%;
    cursor: pointer;
}
.company-feedback-sec .slick-dots li.slick-active{
    border: 1px solid var(--blue);
}
.company-feedback-sec .slick-dots button{
    border: 1px solid transparent;
    border-radius: 50%;
    height: 8px;
    padding: 0;
    text-indent: -10000px;
    width: 8px;
    box-shadow: none;
    outline: none;
    cursor: pointer;
    transition: .3s;
    background-color: transparent;
}
.company-feedback-sec .slick-dots button::before{
    display: none;
}
.company-feedback-sec .slick-dots button:hover,
.company-feedback-sec .slick-dots .slick-active button{
    background-color: var(--blue);
}

/* few-minutes-sec */
.few-minutes-sec{
    background-color: var(--white);
}
.few-minutes-sec .row{
    background-color: #f3f7fe;
    border-radius: 20px;
    padding: 70px 70px 95px 70px;
    overflow: hidden;
}
.few-minutes-sec .img-side img{
    margin-bottom: -95px;
    width: 500px;
    height: 460px;
    object-fit: contain;
}
.few-minutes-sec .content-side{
    max-width: 540px;
    padding-left: 50px;
}
.few-minutes-sec .content-side p{
    font-size: 18px;
    line-height: 28px;
}

/* job-portal-sec */
.job-portal-sec{
    padding: 100px 8px;
    background-color: #fff;
} 
.job-portal-sec .two-btn{
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
}

/* border-design */
.border{
    background-color: #fff;
    border: 0 !important;
    padding: 0px 8px 100px 8px;
}
.border-design {
    border-top: 10px solid #E9EDF4;
}

/* our-partner-sec */
.our-partner-sec {
    padding: 120px 8px;
    background-color: white !important;
    overflow: hidden;
}
.our-partner-sec .partners-logo img{
    width: 140px;
    height: 50px;
    object-fit: contain;
    filter: grayscale(100%);
    transition: .3s;
}
.our-partner-sec .partners-logo img:hover{
    filter: unset;
}
.our-partner-sec .slick-initialized .slick-slide{
    display: flex;
    justify-content: center;
}

/* footer */
.main-footer{
    padding: 30px 8px 30px 8px;
    position: relative;
    background-color: #0F1B31;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    overflow: hidden;
}
/*.main-footer::after{*/
/*    content: '';*/
/*    position: absolute;*/
/*    width: 100px;*/
/*    height: 100px;*/
/*    background-image: url(http://agtalent.kinsta.cloud/wp-content/uploads/2024/08/footer-after.png);*/
/*    background-position: center center;*/
/*    background-size: contain;*/
/*    background-repeat: no-repeat;*/
/*    top: 50px;*/
/*    left: 0;*/
/*}*/
/*.main-footer::before{*/
/*    content: '';*/
/*    position: absolute;*/
/*    width: 100px;*/
/*    height: 100px;*/
/*    background-image: url(http://agtalent.kinsta.cloud/wp-content/uploads/2024/08/footer-before.png);*/
/*    background-position: center center;*/
/*    background-size: contain;*/
/*    background-repeat: no-repeat;*/
/*    bottom: 50px;*/
/*    right: 0;*/
/*}*/
.main-footer .footer-first-col .footer-logo img{
    height: 80px;
    margin-bottom: 1rem !important;
    object-fit: contain;
}
.main-footer .footer-first-col p,
.main-footer .footer-form-col p{
    color: var(--blue-gray);
    font-size: 16px;
    font-weight: 500;
    max-width: 320px;
}
.footer-bottom-area .social-icons {
    text-align: right;
    align-self: center;
}
.footer-bottom-area .social-icons .icon a{
    height: 40px;
    width: 40px;
    border: 2px solid #212b40;
    background-color: #212b40;
    border-radius: 50%;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
}
.footer-bottom-area .social-icons .icon a:hover{
    background-color: var(--blue);
}
.footer-bottom-area .social-icons .icon a svg{
    width: 15px;
    height: 15px;
    color: var(--white);
}
.main-footer .footer-first-col h4{
    color: var(--white);
    margin-bottom: 20px;
}
.main-footer .footer-menu-col h3{
    color: var(--white);
    position: relative;
}
.main-footer .footer-menu-col h3::after{
    content: '';
    position: absolute;
    width: 80px;
    height: 3px;
    background-image: url(/wp-content/themes/agtalent/img/title-seperator-old.png);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    bottom: -15px;
    left: 0;
    display: inline-block;
}
.main-footer .footer-menu-col .links-design li svg{
    color: var(--blue-gray);
    width: 10px;
    height: 10px;
    font-weight: 700;
}
.main-footer .footer-menu-col .links-design li{
    margin-bottom: 15px;
    display: flex;
    align-items: center;
    column-gap: 10px;
}
.main-footer .footer-menu-col .links-design li a{
    color: var(--blue-gray);
}
.main-footer .footer-menu-col .links-design li:hover a,
.main-footer .footer-menu-col .links-design li:hover svg{
    color: var(--blue);
}
.main-footer .footer-menu-col.pl-50{
    padding-left: 60px;
}
.main-footer .footer-form-col form label{
    display: none;
}
.main-footer .footer-form-col p{
    margin-bottom: 30px;
}
.main-footer .footer-form-col input{
    background: transparent;
    border: 1px solid #b3c1d36b;
    border-radius: 50px;
    padding: 15px 25px;
    margin-bottom: 20px;
    color: #B3C1D3;
    position: relative;
}
.main-footer .footer-form-col .form-input{
    position: relative;
}
.main-footer .footer-form-col input:focus{
    outline: 0 !important;
    border: 0;
}
.main-footer .footer-form-col .form-input::after{
    content: '';
    position: absolute;
    width: 20px;
    height: 20px;
    background-image: url(http://agtalent.co.uk/wp-content/uploads/2024/08/email.png);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    top: 50%;
    right: 20px;
    transform: translateY(-50%);
    opacity: 0.5;
}
.main-footer .footer-form-col .submit-btn {
    background-color: var(--blue);
    padding: 20px;
    text-transform: capitalize;
    font-weight: 500;
    border-radius: 50px;
    font-size: 16px;
    color: #ffffff;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 208px;
    height: 50px;
    column-gap: 10px;
    border: none;
    margin-bottom: 0 !important;
}
.main-footer .footer-form-col .submit-btn:hover{
    background-color: #B3C1D3;
    color: #fff;
}
.main-footer .footer-form-col .submit-btn svg{
    width: 12px;
    height: 12px;
}
.footer-bottom-area{
    background-color: #0F1B31;
    padding: 25px 0;
    border-top: 1px solid #283752;
}
.footer-bottom-area p{
    color: var(--blue-gray);
    margin-bottom: 0 !important;
}
.footer-bottom-area p a{
    color: var(--blue-gray) !important;
}
.footer-bottom-area p a:hover{
    color: var(--blue) !important;
}
.footer-bottom-area .copyright-line p{
    text-align: right;
}

/* Sub Page Banner */
.sub-banner{
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    min-height: 360px;
    background-color: #1d2327;
    display: flex;
    justify-content: center;
    align-items: center;
}
.sub-banner h1.sub-title{
    font-size: 55px;
    color: var(--white);
    line-height: 70px;
    margin-bottom: 10px;
    text-align: center;
}

.sub-banner .breadcrumb{
    justify-content: center;
    color: var(--white);
}

.sub-banner .breadcrumb .breadcrumb-item+.breadcrumb-item::before{
    content: "//";
    color: var(--white);
}

.sub-banner .breadcrumb .breadcrumb-item,
.sub-banner .breadcrumb .breadcrumb-item a{
    font-size: 20px;
    font-weight: 500;
    color: #ffffff;
}
.sub-banner .breadcrumb .breadcrumb-item a:hover{
    text-decoration: underline;
}

/* ==== Jobs ==== */

.filter-slidebar{
    background: #F5F6F8;
    box-shadow: 0px 1px 0px #E6E9F4;
    border-radius: 10px;
    overflow: hidden;
    padding: 40px;
}
.filter-slidebar .checkbox-group{
    margin-bottom: 20px;
}
.filter-slidebar .checkbox-group:last-child{
    margin-bottom: 0px;
}
.filter-slidebar .form-check{
   display: block;
    cursor: pointer;
}
.filter-slidebar .form-check label{
    font-size: 16px;
    color: var(--dark-blue);
    line-height: 20px;
    padding-left: 5px;
    font-weight: 400;
}

.filter-slidebar .form-check input{
    border-radius: 4px;
    height: 20px;
    width: 20px;
    border: 1px solid #d1d1d1;
    border-radius: 4px;
    cursor: pointer;
}
.filter-slidebar .form-check input:focus,
input, textarea, select{
    box-shadow: unset;
}
.filter-slidebar .form-check-input:checked{
    background-color: var(--blue);
    border-color: var(--blue);
}
.search-btn a{
    padding: 15px 25px;
    text-align: center !important;
    justify-content: center;
    transition: .3s;
    font-size: 18px;
    line-height: 1;
    border-radius: 8px;
    cursor: pointer;
    font-weight: 400;
}
 .small-btn{
    padding: 12px 30px 12px 30px;
    margin-right: 8px;
    margin-bottom: 10px;

}
.small-btn:last-child{
    margin-right: 0px;
}
.job-of-day-row .save-btn{
    display: inline-block;
    text-align: right;
}
.job-tags .employee-rating{
    margin-left: auto;
    color: #FFCC67;
    font-size: 12px;
}
.job-short-details .job-by-category-box{
    padding: 35px;
}
.pagination{
    display: flex;
    gap: 8px;
    margin-top: 70px;
}
.pagination li a{
    display: flex;
    height: 55px;
    border: 2px solid transparent !important;
    border-radius: 5px;
    width: 55px;
    font-size: 18px;
    text-align: center;
    justify-content: center;
    align-items: center;
    font-weight: 500;
    transition: .3s;
    -webkit-transition: .3s;
    color: var(--dark-blue);
    background-color: #F5F5F5;
}
.pagination li.active a,
.pagination li a:hover{
    background-color: var(--blue);
    color: var(--white);
}
/* Contact */
.contact-details .contact-box{
    border-radius: 10px;
    border: 1px solid #EFF2F6;
    background: var(--white);
    box-shadow: 7px 7px 0px 0px #EFF2F6;
    padding: 30px;
    text-align: center;
    height: 100%;
   
}
.contact-details .contact-box .contact-icon{
    height: 100px;
    width: 100px;
    background-color: #e6eefd;
    line-height: 100px;
    border-radius: 50%;
    color: var(--blue);
    font-size: 30px;
    margin:0 auto 20px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.contact-details .contact-box h3{
    margin-bottom: 10px;
}
.bg-light-blue{
    border-radius: 10px;
    background: #EFF2F6;
    padding: 100px;
}
.form-style input:focus,
.form-style textarea:focus{
    box-shadow: unset;
}

.form-style input,
.form-style textarea{
    background-color: #ffffff;
    border-color: #ffffff;
    border-radius: 50px;
    padding: 15px 25px;
    color: var(--dark-blue);
    font-size: 16px;
    font-weight: 400;
}
.form-style textarea{
    border-radius: 10px;
    border-color: #ffffff;
    min-height: 120px;
}
.form-style .form-group{
    margin-bottom: 30px;
}

/* Product */
.product-single-job{
    margin-top: -80px;
}
.job-tags .employee-rating.product-rating{
    color: var(--blue);
}
.job-des-tab .bg-light-gray{
    background: #F5F6F8;
    padding: 30px;
    border-radius: 10px;
}
.job-des-tab .bg-light-gray iframe{
    height: 325px;
}

.job-des-tab .comp-details li{
    font-weight: 400;
    border-bottom: 1px solid #E1E1E1;
    padding: 10px 0;
    color: var(--body-text);
    font-size: 16px;
}
.job-des-tab h3{
    font-size: 26px;
}
.job-des-tab .comp-details li a{
    color: var(--body-text);
    font-size: 16px;
}
.job-des-tab .comp-details li a:hover{
    color: var(--blue);
}
.job-des-tab .comp-details li:last-child{
    border-bottom: unset;
}

.job-des-tab .nav-tabs .nav-link{
    color: var(--body-text);
    font-weight: 500;
    line-height: 20px;
    position: relative;
    padding: 15px 20px;
    background-color: #fff;
    border-color: transparent;
    border: unset;
    margin-bottom: 0px;
}
.job-des-tab .nav-tabs{
    border: 1px solid #E6E9F4;
    box-shadow: 0px 1px 0px #E6E9F4;
    border-radius: 5px;
}
.job-des-tab .nav-tabs .nav-link.active{
    color: var(--blue);
}
.job-des-tab .tab-content{
    padding-top: 25px ;
}
.job-des-tab .tab-content .about-info p{
    font-weight: 400;
    line-height: 1.8;
}
.job-des-tab .tab-content .about-info h3{
    margin: 15px 0px;
}
.job-des-tab .tab-content .about-info ul{
    list-style: disc;
    padding-left: 15px;
}
.job-des-tab .tab-content .about-info ul li{
    margin-bottom: 15px;
    color: var(--body-text);
    font-weight: 400;
    line-height: 1.8;
}

.photo-slider .photo-img img{
    height: 195px;
    width: 100%;
    border-radius: 15px;
    object-fit: cover;
}
.photo-slider .photo-img{
    padding: 0px 15px;
}

.image-slider .slick-track{
    left: -15px;
}
.mb-30{
    margin-bottom: 30px;
}
.review-sec{
    padding: 50px 0px 0px;
}
.average-rating{
    font-size: 42px;
    font-weight: 600; 
}
.rating-breakdown .rating-star,
.review-star svg,
.review-star i{
    color: #feb320;
    font-size: 14px;
}

.rating-breakdown {
    border-radius: 15px;
    border: 1px solid #E6E9F4;
    padding: 30px;
}
.rating-star-break{
    display: flex;
    align-items: center;
}
.rating-breakdown .review-star{
    font-size: 14px;
    width: 10%;
    display: flex;
    align-items: center;
    gap: 3px;
}
.rating-star-break .progress{
    width: calc(100% - 15%);
}
.review-form{
    background-color: #EFF2F6;
    padding: 35px;
    border-radius: 10px;
}

.review-form .re-rat-title{
    border-bottom: 1px solid #00000024;
    padding-bottom: 10px;
    margin-bottom: 15px;
}
.review-form label{
    font-size: 18px;
    margin-bottom: 10px;
    color: var(--body-text);
    font-weight: 400;
}
input:focus, select:focus, textarea:focus{
    box-shadow: unset;
}
.review-form input,
.review-form textarea{
    background: #ffffff;
    border: none;
    border-radius: 3px !important;
    box-shadow: none;
    outline: none;
    padding: 15px;
    font-size: 14px;
    color: var(--dark-blue);
}
.review-form input:focus,
.review-form textarea:focus{
    box-shadow: unset;
}

.form-rating-star{
    font-size: 14px;
    color: var(--dark-blue);
}
.review-form .form-group{
    margin-bottom: 30px;
}
.job-title.fs-22{
    font-size: 22px;
    line-height: 32px;
}

/* About */
.about-first-sec{
    position: relative;
    padding: 110px 8px;
    z-index: 2;
}
/* .about-first-sec::after{
    content: '';
    position: absolute;
    width: 400px;
    height: 400px;
    background-image: url('http://agtalent.kinsta.cloud/wp-content/uploads/2024/08/about-first-shape.png');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    z-index: -1;
} */
.about-first-sec .img-side {
    position: relative;
}
.about-first-sec .img-side::after{
    content: '';
    position: absolute;
    width: 400px;
    height: 400px;
    background-image: url('http://agtalent.co.uk/wp-content/uploads/2024/08/about-first-shape.png');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
    top: 50%;
    transform: translateY(-50%);
    left: -100px;
    z-index: -1;
}
.about-first-sec .img-side img {
    border-radius: 20px;
    text-align: center;
    display: flex;
    margin: 0 auto;
}
.about-first-sec .img-side .text-with-user-image {
    position: absolute;
    left: -20px;
    bottom: 100px;
    text-align: left;
    box-shadow: 0px 6px 35px rgba(9, 22, 48, 0.08);
    background: #ffffff;
    border-radius: 20px;
    padding: 35px 25px 35px 25px;
}
.about-first-sec .img-side .hijobs-images-two-main-container .user-count {
    color: #0f2339;
}
.about-first-sec .img-side .text-with-user-image span {
    display: block;
    font-size: 16px;
    color: #6A7179;
}
.about-first-sec .img-side .text-with-user-image img {
    margin-top: 20px;
}
.about-first-sec .content-side{
    padding-left: 30px;
}
.about-first-sec .content-side .list-mark-design li{
    display: flex;
    align-items: center;
    font-size: 18px;
    color: var(--black);
    column-gap: 10px;
    margin-bottom: 8px;
}
.about-first-sec .content-side .list-mark-design li svg{
    width: 18px;
    height: 18px;
}

/* faq-sec */
.faq-sec{
    padding: 100px 8px;
}
.faq-sec .heading-side h2{
    max-width: 420px;
}
.faq-sec .faq-side .accordion-item .accordion-button{
    padding: 15px 30px !important;
    color: #161c2d;
    background-color: #F5F6F8;
    border: 1px solid rgba(0, 0, 0, .125);
    outline: 0;
    font-size: 20px;
    line-height: 25px;
}
.faq-sec .faq-side .accordion-item .accordion-button:focus{
    box-shadow: none;
}
.faq-sec .faq-side .accordion-item .accordion-button:not(.collapsed){
    border-radius: 5px 5px 0 0;
    background-color: var(--blue);
    color: #ffffff;
    outline: 0;
}
.faq-sec .faq-side .accordion-item{
    margin-bottom: 20px;
}
.faq-sec .faq-side .accordion-button:not(.collapsed):after {
    border-left: 2px solid;
    border-right: 2px solid transparent;
    border-top: 2px solid;
    border-bottom: 2px solid transparent;
    background-image: none;
    height: 12px;
    width: 12px;
    transform: rotate(45deg);
}
.faq-sec .faq-side .accordion-button::after{
    width: 16px;
    height: 16px;
    background-size: 16px;
}
.faq-sec .faq-side .accordion-body{
    border-top: 0;
    background: #F5F6F8;
    border-radius: 0 0 5px 5px;
    padding: 30px;
}
.faq-sec .faq-side .accordion-item:last-child{
    margin-bottom: 0;
}

/* video-modal-sec */
.video-modal-sec{
    overflow: hidden;
    position: relative;
    padding: 0px 8px 100px 8px;
}
.video-modal-sec .container{
    display: flex;
    justify-content: center;
}
.video-modal-sec .row{
    background-image: url('http://agtalent.co.uk/wp-content/uploads/2024/08/video-bg.jpg');
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    width: calc(100% - 20px);
    height: 600px;
    border-radius: 20px;
    position: relative;
}
.video-modal-sec .ep-video-button{
    position: absolute;
    top: 50%;
    margin-top: -15px;
}
.video-modal-sec .ep-video-button:after{
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    display: block;
    width: 100px;
    height: 100px;
    border-radius: 50%;
    transform: translate(-50%, -50%);
    background-color: #fff !important;
}
.video-modal-sec .ep-video-button:before {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    display: block;
    width: 100px;
    height: 100px;
    border-radius: 50%;
    transform: translate(-50%, -50%);
    background-color: #fff;
    animation: pulse-border 1500ms ease-out infinite;
}
@keyframes pulse-border{
    0% {
        transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
        opacity: 1;
    }
    100% {
        transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
        opacity: 0;
    }
}
.video-modal-sec .ep-video-button svg{
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 2;
    transform: translate(-50%, -50%);
    width: 22px;
    height: 22px;
}
.video-modal-sec .ep-video-button svg path{
    fill: var(--blue);
}
.video-modal .modal-dialog{
    max-width: 500px;
}
.video-modal .modal-body video{
    width: 100%;
    height: 100%;
}
.video-modal .modal-content{
    background-color: transparent !important;
    border: none !important;
}
.video-modal .modal-header,
.video-modal .modal-footer{
    border: none;
}
.video-modal .btn-close{
    filter: invert(1);
    opacity: 1;
    position: absolute;
    right: 20px;
}

/* about-counter */
.about-counter {
    margin-bottom: 100px;
}

/* about-company-feedback */
.about-company-feedback {
    background-image: url(http://agtalent.co.uk/wp-content/uploads/2024/08/testimonial-bg.png);
    background-position: left top;
    background-repeat: no-repeat;
    background-size: contain;
}

/* about-portal */
.about-portal .row{
    background-image: url('http://agtalent.co.uk/wp-content/uploads/2024/08/cta-2-bg.jpg');
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 60px 50px 60px 50px;
    border-radius: 10px;
}
.about-portal .content-side h2,
.about-portal .content-side p{
    color: var(--white);
}
.about-portal .btn-side .border-btn{
    border-color: var(--white);
    color: var(--white);
}
.about-portal .btn-side .border-btn:hover{
    background-color: var(--white);
    color: var(--blue);
}
.about-portal .btn-blue {
    background-color: var(--white);
    color: var(--blue);
    border: 1px solid var(--white);
}
.about-portal .btn-blue:hover{
    background-color: transparent;
    color: var(--white);   
}
.job-portal-sec .two-btn{
    justify-content: end;
}

/* team-slider-sec */
.team-slider-section{
    padding: 0px 8px 100px 8px;
}
.team-slider-section .team-slider .slick-slide{
    display: block;
    margin-left: 15px;
    margin-right: 15px;
}
.team-slider-section .team-slider .ep-single-team-member {
    border: 1px solid #E6E9F4;
    border-radius: 10px;
    overflow: hidden;
    transition: all 0.5s;
}
.team-slider-section .team-slider .ep-member-image {
    height: 310px;
    width: 100%;
    background-size: cover;
    background-position: center;
    position: relative;
}
.team-slider-section .team-slider .ep-member-info {
    padding: 15px 30px 25px 30px;
}
.team-slider-section .team-slider .member-name {
    font-size: 22px;
    line-height: 28px;
    margin-bottom: 0;
}
.team-slider-section .team-slider .member-designation{
    font-size: 18px;
    color: var(--blue);
}
.team-slider-section .team-slider .slick-track .slick-slide:nth-child(even) .ep-member-img-shape{
    clip-path: polygon(102% 100%, 100% 72%, 0 100%)
}
.team-slider-section .team-slider .ep-member-img-shape{
    position: absolute;
    background: #ffffff;
    clip-path: polygon(102% 100%, 0 72%, 0 100%);
    height: 85px;
    width: 100%;
    bottom: -1px;
}
.team-slider-section .team-slider .ep-member-social-buttons{
    position: absolute;
    bottom: 5px;
    left: 20px;
    transition: all 0.5s;
}
.team-slider-section .team-slider .ep-member-social-buttons li{
    position: relative;
    overflow: hidden;
    margin-bottom: 10px;
    transition: all 0.5s;
}
.team-slider-section .team-slider .ep-member-social-buttons a{
    height: 45px;
    width: 45px;
    border-radius: 50px;
    box-shadow: 0px 4px 18px rgba(13, 94, 244, 0.24);
    background: #0859F7;
    text-align: center;
    line-height: 50px;
    color: #ffffff;
    transition: all .3s;
    box-shadow: none;
    text-decoration: none;
    display: inline-block;
    display: flex;
    justify-content: center;
    align-items: center;
}
.team-slider-section .team-slider .ep-member-social-buttons li:not(.expand-icon) a{
    transform: translateY(52px);
    transition: all 0.5s;
}
.team-slider-section .team-slider .ep-single-team-member:hover .ep-member-social-buttons li a{
    transform: translateY(0);
    overflow: visible;
    transition: all 0.5s;
}
.team-slider-section .team-slider .slick-arrow{
    width: 50px;
    height: 50px;
    border-radius: 50px;
    position: absolute;
    top: -70px;
    right: 10px;
    bottom: unset;
    background-color: #e4eeff;
    color: #065af7;
}
.team-slider-section .team-slider .slick-arrow.slick-prev{
    right: 75px;
    left: unset;
}
.team-slider-section .team-slider .slick-arrow.slick-prev::before{
    content: '' !important;
    position: absolute;
    width: 18px;
    height: 18px;
    background-image: url('http://agtalent.co.uk/wp-content/uploads/2024/08/right.png');
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) rotate(180deg);
}
.team-slider-section .team-slider .slick-arrow.slick-next::before {
    content: '' !important;
    position: absolute;
    width: 18px;
    height: 18px;
    background-image: url('http://agtalent.co.uk/wp-content/uploads/2024/08/right.png');
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.team-slider-section .team-slider .ep-single-team-member:nth-child(even) .ep-member-social-buttons{
    right: 20px !important;
    left: unset !important;
}


/* Mobile Menu */
.mobile-menu {
    position: fixed;
    top: 0;
    right: -100%;
    width: 100%;
    height: 100vh;
    background-color: #fff;
    z-index: 1000;
    transition: right 0.6s ease;
    background-color: #1d1e21;
    padding: 140px 30px;
    /* box-shadow: -2px 0 5px rgba(0,0,0,0.5); */
}

.mobile-menu.show {
    right: 0;
}

/* Overlay */
.overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    z-index: 999;
    display: none;
}

.overlay.show {
    display: block;
}

/* Close Button */
.close-menu-btn {
    position: absolute;
    top: 30px;
    right: 30px;
    background: none;
    border: none;
    font-size: 24px;
    cursor: pointer;
    width: 20px;
    height: 20px;
    color: var(--white);
    font-weight: 400;
}

.mobile-menu .navbar-nav li{
    padding:10px 0px;
    margin: 0;
    border-bottom: 2px solid #2a2a2a;
    
}
.mobile-menu .navbar-nav li a{
    font-size: 20px;
    font-weight: 400;
    color: var(--white);
}

.mobile-menu .navbar-nav li.active a,
.mobile-menu .navbar-nav li a:hover{
    color: var(--blue);
}

/* Scroll To Top */
.scroll-to-top{
    height: 50px;
    width: 50px;
    border-radius: 50%;
    text-align: center;
    position: fixed;
    right: 50px;
    bottom: 30px;
    cursor: pointer;
    z-index: 100;
    color: #ffffff;
    font-size: 15px;
    background-color: #0e6dfd;
    display: flex;
    justify-content: center;
    align-items: center;
}

@keyframes float1 {
    0% {
        transform: translateY(0);
    }
    50% {
        transform: translateY(-15px); /* Float up by 15px */
    }
    100% {
        transform: translateY(0);
    }
}

@keyframes float2 {
    0% {
        transform: translateY(0);
    }
    50% {
        transform: translateY(-10px); /* Float up by 10px */
    }
    100% {
        transform: translateY(0);
    }
}

@keyframes float3 {
    0% {
        transform: translateY(0);
    }
    50% {
        transform: translateY(-20px); /* Float up by 20px */
    }
    100% {
        transform: translateY(0);
    }
}

@keyframes float4 {
    0% {
        transform: translateY(0);
    }
    50% {
        transform: translateY(-12px); /* Float up by 12px */
    }
    100% {
        transform: translateY(0);
    }
}

/* Apply different animations and delays to each image */
.brand-logo1 img {
    animation: float1 5s ease-in-out infinite; /* 5s duration, different height */
    animation-delay: 0.2s;
}

.brand-logo2 img {
    animation: float2 4s ease-in-out infinite; /* 4s duration */
    animation-delay: 0.4s;
}

.brand-logo3 img {
    animation: float3 6s ease-in-out infinite; /* 6s duration, float higher */
    animation-delay: 0.6s;
}

.brand-logo4 img {
    animation: float4 4.5s ease-in-out infinite; /* 4.5s duration */
    animation-delay: 0.3s;
}

.brand-logo5 img {
    animation: float2 5.5s ease-in-out infinite; /* Reuse animation float2 */
    animation-delay: 0.5s;
}

.brand-logo6 img {
    animation: float1 4s ease-in-out infinite; /* Reuse float1 */
    animation-delay: 0.7s;
}

.brand-logo7 img {
    animation: float3 6.5s ease-in-out infinite; /* Reuse float3 */
    animation-delay: 0.9s;
}

.brand-logo8 img {
    animation: float4 5.2s ease-in-out infinite; /* Reuse float4 */
    animation-delay: 0.2s;
}