/* FONT IMPORT */

/* Google Font */
@import url('https://fonts.googleapis.com/css2?family=EB+Garamond:ital,wght@0,400..800;1,400..800&family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');

@font-face {
    font-family: "Source Sans Pro";
    src: url("../fonts/source/SourceSansPro-LightIt.eot");
    src: url("../fonts/source/SourceSansPro-LightIt.eot?#iefix") format("embedded-opentype"),
        url("../fonts/source/SourceSansPro-LightIt.woff2") format("woff2"),
        url("../fonts/source/SourceSansPro-LightIt.woff") format("woff"),
        url("../fonts/source/SourceSansPro-LightIt.ttf") format("truetype");
    font-weight: 300;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: "Source Sans Pro";
    src: url("../fonts/source/SourceSansPro-Light.eot");
    src: url("../fonts/source/SourceSansPro-Light.eot?#iefix") format("embedded-opentype"),
        url("../fonts/source/SourceSansPro-Light.woff2") format("woff2"),
        url("../fonts/source/SourceSansPro-Light.woff") format("woff"),
        url("../fonts/source/SourceSansPro-Light.ttf") format("truetype");
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Source Sans Pro";
    src: url("../fonts/source/SourceSansPro-It.eot");
    src: url("../fonts/source/SourceSansPro-It.eot?#iefix") format("embedded-opentype"),
        url("../fonts/source/SourceSansPro-It.woff2") format("woff2"),
        url("../fonts/source/SourceSansPro-It.woff") format("woff"),
        url("../fonts/source/SourceSansPro-It.ttf") format("truetype");
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: "Source Sans Pro";
    src: url("../fonts/source/SourceSansPro-ExtraLightIt.eot");
    src: url("../fonts/source/SourceSansPro-ExtraLightIt.eot?#iefix") format("embedded-opentype"),
        url("../fonts/source/SourceSansPro-ExtraLightIt.woff2") format("woff2"),
        url("../fonts/source/SourceSansPro-ExtraLightIt.woff") format("woff"),
        url("../fonts/source/SourceSansPro-ExtraLightIt.ttf") format("truetype");
    font-weight: 200;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: "Source Sans Pro";
    src: url("../fonts/source/SourceSansPro-ExtraLight.eot");
    src: url("../fonts/source/SourceSansPro-ExtraLight.eot?#iefix") format("embedded-opentype"),
        url("../fonts/source/SourceSansPro-ExtraLight.woff2") format("woff2"),
        url("../fonts/source/SourceSansPro-ExtraLight.woff") format("woff"),
        url("../fonts/source/SourceSansPro-ExtraLight.ttf") format("truetype");
    font-weight: 200;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Source Sans Pro";
    src: url("../fonts/source/SourceSansPro-Bold.eot");
    src: url("../fonts/source/SourceSansPro-Bold.eot?#iefix") format("embedded-opentype"),
        url("../fonts/source/SourceSansPro-Bold.woff2") format("woff2"),
        url("../fonts/source/SourceSansPro-Bold.woff") format("woff"),
        url("../fonts/source/SourceSansPro-Bold.ttf") format("truetype");
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Source Sans Pro";
    src: url("../fonts/source/SourceSansPro-SemiboldIt.eot");
    src: url("../fonts/source/SourceSansPro-SemiboldIt.eot?#iefix") format("embedded-opentype"),
        url("../fonts/source/SourceSansPro-SemiboldIt.woff2") format("woff2"),
        url("../fonts/source/SourceSansPro-SemiboldIt.woff") format("woff"),
        url("../fonts/source/SourceSansPro-SemiboldIt.ttf") format("truetype");
    font-weight: 600;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: "Source Sans Pro";
    src: url("../fonts/source/SourceSansPro-Black.eot");
    src: url("../fonts/source/SourceSansPro-Black.eot?#iefix") format("embedded-opentype"),
        url("../fonts/source/SourceSansPro-Black.woff2") format("woff2"),
        url("../fonts/source/SourceSansPro-Black.woff") format("woff"),
        url("../fonts/source/SourceSansPro-Black.ttf") format("truetype");
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Source Sans Pro";
    src: url("../fonts/source/SourceSansPro-BlackIt.eot");
    src: url("../fonts/source/SourceSansPro-BlackIt.eot?#iefix") format("embedded-opentype"),
        url("../fonts/source/SourceSansPro-BlackIt.woff2") format("woff2"),
        url("../fonts/source/SourceSansPro-BlackIt.woff") format("woff"),
        url("../fonts/source/SourceSansPro-BlackIt.ttf") format("truetype");
    font-weight: 900;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: "Source Sans Pro";
    src: url("../fonts/source/SourceSansPro-BoldIt.eot");
    src: url("../fonts/source/SourceSansPro-BoldIt.eot?#iefix") format("embedded-opentype"),
        url("../fonts/source/SourceSansPro-BoldIt.woff2") format("woff2"),
        url("../fonts/source/SourceSansPro-BoldIt.woff") format("woff"),
        url("../fonts/source/SourceSansPro-BoldIt.ttf") format("truetype");
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: "Source Sans Pro";
    src: url("../fonts/source/SourceSansPro-Semibold.eot");
    src: url("../fonts/source/SourceSansPro-Semibold.eot?#iefix") format("embedded-opentype"),
        url("../fonts/source/SourceSansPro-Semibold.woff2") format("woff2"),
        url("../fonts/source/SourceSansPro-Semibold.woff") format("woff"),
        url("../fonts/source/SourceSansPro-Semibold.ttf") format("truetype");
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Source Sans Pro";
    src: url("../fonts/source/SourceSansPro-Regular.eot");
    src: url("../fonts/source/SourceSansPro-Regular.eot?#iefix") format("embedded-opentype"),
        url("../fonts/source/SourceSansPro-Regular.woff2") format("woff2"),
        url("../fonts/source/SourceSansPro-Regular.woff") format("woff"),
        url("../fonts/source/SourceSansPro-Regular.ttf") format("truetype");
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

/* Local Font */
/* @font-face {
	font-family: "Font Name";
	src: url("../fonts/fontpath.ttf");
  } */

:root {
    --white: #fff;
    --black: #000;
    --primary: #3e94e7;
    --secondary: #333333;

    /* Font Variable */
    --font-text: "Poppins", sans-serif;
    --font-heading: "Poppins", sans-serif;
}

html {
    scroll-behavior: smooth;
    height: 100%;
    overflow-x: hidden;
}

body {
    position: relative;
    background: #fff;
    overflow-x: hidden;
    height: 100%;
    font-family: "Inter", sans-serif;
}

section {
    position: relative;
    padding: 6rem 0;
}

img {
    max-width: 100%;
    height: auto;
}

p {
    font-size: 1rem;
    font-weight: 400;
    line-height: 2;
    color: #828282;
}

h1,
h2,
h3 {
    font-family: "IBM Plex Sans", sans-serif;
}

h4,
h5,
h6 {
    color: #000;
    font-family: "IBM Plex Sans", sans-serif;
}

.img-auto {
    display: block;
    max-width: 100%;
    margin: 0 auto;
}

a,
button {
    text-decoration: none !important;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

a:hover,
button:hover {
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

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

figure {
    margin: 0 !important;
}

[class^="box-"] {
    display: none;
}

[class^="box-"].showfirst {
    display: block;
}

/* Cursor Start */

.mouse-cursor {
    position: fixed;
    left: 0;
    top: 0;
    pointer-events: none;
    border-radius: 50%;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    visibility: hidden;
}

.cursor-inner {
    margin-left: 2px;
    margin-top: 2px;
    width: 7px;
    height: 7px;
    z-index: 10000001;
    background-color: var(--primary);
    -webkit-transition: width 0.3s ease-in-out, height 0.3s ease-in-out, margin 0.3s ease-in-out, opacity 0.3s ease-in-out;
    -o-transition: width 0.3s ease-in-out, height 0.3s ease-in-out, margin 0.3s ease-in-out, opacity 0.3s ease-in-out;
    transition: width 0.3s ease-in-out, height 0.3s ease-in-out, margin 0.3s ease-in-out, opacity 0.3s ease-in-out;
}

.cursor-inner.cursor-hover {
    margin-left: -10px;
    margin-top: -10px;
    width: 30px;
    height: 30px;
    background-color: var(--primary);
    opacity: 0.3;
}


/* Cursor End */


/* PRELOADER */

.preLoader {
    width: 100%;
    height: 100%;
    z-index: 1111;
    display: flex;
    align-items: center;
    justify-content: center;
    position: fixed;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
}

.preLoader.black {
    background-color: var(--white);
    z-index: 11113;
}

.preLoader.white {
    z-index: 11112;
    background-color: var(--primary);
}


/* PRELOADER */


/* GLOBAL CSS */

.themeBtn {
    background: #058ee8;
    font-size: 0.8rem;
    color: var(--white);
    text-transform: capitalize;
    font-weight: 500;
    display: inline-block;
    padding: 1.04em 1.96em;
    border-radius: 50px;
    line-height: normal;
}

.btn-primary {
    background: #058ee8 !important;
    border: none;
    font-size: 14px;
}

.themeBtn.borderBtn {
    background: transparent;
    border: 1px solid #fff;
    padding: 1.04em 2em;
}



/* NAV HEADER CSS */

header {

    100%;
    padding: 0;
    background-color: var(--primary);
}

.navbar-brand {
    padding: 0;
    margin: 0;
}

.navbar-nav {
    align-items: center;
    gap: 30px;
}

.navbar-nav .nav-item .nav-link {
    font-size: 14px;
    color: white;
    text-transform: capitalize;
    =: 500;
    padding: 0 0;
    display: inline-block;
    text-align: center;
}


/* !NAV HEADER CSS */


/* MAIN HERO SLIDER CSS */

.main-slider {
    height: 980px;
}

.homeSlider.swiper-container {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 0;
    overflow: hidden;
}

.homeSlider.swiper-container .swiper-slide {
    overflow: hidden;
}

.homeSlider .swiper-pagination {
    bottom: 8rem;
    width: fit-content;
    left: 18rem;
}

.homeSlider .swiper-button-prev,
.homeSlider .swiper-button-next {
    width: 4.35rem;
    height: 4.35rem;
    font-size: 1rem;
    color: #fff;
    display: inline-grid;
    place-items: center;
    border-radius: 50%;
    background-color: rgba(255, 255, 255, 0.28);
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 1;
    transition: 0.3s ease-in-out;
    cursor: pointer;
}

.homeSlider .swiper-button-next {
    right: 1rem;
}

.homeSlider .swiper-button-prev {
    left: 1rem;
}

.homeSlider .swiper-button-next:hover,
.homeSlider .swiper-button-prev:hover {
    background: var(--white);
    color: var(--black);
}

.homeSlider .swiper-pagination-bullet {
    height: 12px;
    width: 12px;
    display: inline-block;
    margin: 0 0.5rem !important;
    opacity: 1;
    border: 1px solid var(--white);
    background: transparent;
}

.homeSlider .swiper-pagination-bullet-active {
    background: var(--white);
    position: relative;
}

.homeSlider .slide-inner {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
    background-size: cover;
    background-position: center;
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    justify-content: center;
}

.main-slider h1 {
    margin: 0;
    color: #000;
    font-size: 85px;
    line-height: 1;
    font-weight: 500;
    text-transform: capitalize;
}

.main-slider p {
    color: rgb(0 0 0 / 70%);
    font-weight: 400;
    line-height: 1.2;
    margin: 1.5rem 0 2rem 0;
    font-size: 20px;
}

.slideOne {
    text-align: center;
    margin-top: -10rem;
}

ul.loginlist {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-right: 1rem;
}

ul.loginlist li a {
    color: #212529;
    font-weight: 500;
}

.field-group select {
    height: unset;
    border: unset;
    width: unset;
    outline: unset;
    background: transparent !important;
    padding: 0;
    box-shadow: unset !important;
    color: rgb(0 0 0 / 70%);
    font-size: 16px;
    font-weight: 500;
}

form.book-form::placeholder {
    color: #dde8dd;
}

.field-group {
    display: flex;
    /* align-items: center; */
    justify-content: center;
    background: #fff;
    gap: 64px;
    border-radius: 10px;
    padding: 1rem 0;
    box-shadow: 0px 25px 40px rgb(19 35 56 / 6%);
}

.field-group h3 {
    font-size: 13px;
    font-weight: 500;
    color: rgb(0 0 0 / 50%);
    font-family: 'Inter';
    /* margin: 0; */
}

.designbrnd h5 {
    font-size: 1rem;
    color: #757575;
    font-weight: 500;
    font-family: 'Inter';
    margin: 0;
}

.field-group .themeBtn {
    border-radius: 6px;
    text-transform: uppercase;
    padding: 1rem 2.5rem;
}

.designbrnd {
    border-left: 1px solid #E6E6E6;
    padding-left: 2rem;
}

.field-group .form-group {
    margin-bottom: 0;
}

a.upload-cv {
    font-size: 15px;
    font-weight: 500;
    color: #212529;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: fit-content;
    margin: 2rem auto 0;
    gap: 15px;
    border-bottom: 2px solid #000;
}

a.upload-cv input {
    position: absolute;
    inset: 0;
    /* width: fit-content; */
    margin: auto;
    opacity: 0;
}

.bnrimg11 {
    position: absolute;
    top: 20%;
    left: 8%;
}

.bnrimg22 {
    position: absolute;
    top: 42%;
    left: 4%;
}

.bnrimg33 {
    position: absolute;
    right: 8%;
    top: 20%;
}

.bnrimg44 {
    position: absolute;
    right: 4%;
    top: 42%;
}

/* !MAIN HERO SLIDER CSS */

.mainHead {
    font-size: 48px;
    font-weight: 600;
    color: #212529;
    margin: 0;
    text-transform: capitalize;
}

.subHead {
    font-size: 1rem;
    color: var(--primary);
    font-weight: 500;
    border-bottom: 1px solid var(--primary);
}

/* categoire */
.topcategorie {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 54px;
    gap: 1rem;
    flex-wrap: wrap;
}

.categorieswrap {
    border: 1px solid #D1ECE7;
    border-radius: 60px;
    padding: 30px 10px;
    text-align: center;
    transition: 0.5s ease;
}

.categorieswrap h2 {
    font-size: 2.6rem;
    font-weight: 600;
    color: #686868;
    transition: all 0.4s;
}

.categorieswrap h4 {
    font-size: 1.125rem;
    font-weight: 500;
    color: #000;
    margin: 2rem 0;
}

.categorieswrap a {
    font-size: 14px;
    font-weight: 400;
    color: var(--primary);
}

.categorieswrap:hover {
    border-color: var(--primary);
}

.categorieswrap:hover h2 {
    color: var(--primary);
}

/* categoire */
/* jobsec */

.jobwrap h2 {
    font-size: 70px;
    font-weight: 500;
    text-transform: capitalize;
    color: #fff;
}

.jobwrap p {
    font-size: 20px;
    font-weight: 400;
    line-height: 2;
    color: #fff;
    margin: 3rem 0;
}

section.job-section::before {
    position: absolute;
    content: "";
    background: var(--primary);
    border-radius: 30px;
    width: 80%;
    height: 592px;
    inset: 0;
    margin: auto;
    right: -130px;
}

.findjb {
    display: flex;
    align-items: center;
    gap: 15rem;
    border: 1px solid #fff;
    width: fit-content;
    height: 42px;
    border-radius: 30px;
    background: rgb(255 255 255 / 7%);
    padding: 0 14px;
}

.explorebtn {
    display: flex;
    align-items: center;
    gap: 1rem;
}

.explorebtn h4 {
    font-size: 1rem;
    font-weight: 500;
    margin: 0;
    color: #fff;
    flex-shrink: 0;
}

.explorebtn a {
    font-size: 1rem;
    font-weight: 400;
    color: #fff;
    text-decoration: underline !important;
    flex-shrink: 0;
}

.jobwrap {
    padding: 0 4rem 0 4rem;
}

.findjb i {
    color: #fff;
}


section.categories-sec {
    padding-bottom: 0;
}

/* jobsec */

/* jobcompleted */
section.complete-job {
    padding: 2rem 0;
}

.job-wraps h4 {
    font-size: 40px;
    font-weight: 600;
    font-family: 'Inter';
    color: var(--black);
    margin: 1rem 0px;
}

.job-wraps h5 {
    font-size: 1rem;
    font-weight: 400;
    color: var(--primary);
}

.job-wraps {
    text-align: center;
}

.jobline {
    border-bottom: 1px solid #DEE2E6;
    padding-bottom: 3rem;
}

/* jobcompleted */


/* lisitingjob */
.lisitngmain {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 42px 35px;
    border-bottom: 1px solid #DBE8E5;
}

.lisitngmain>div:nth-child(1) {
    width: 40%;
}

.lisitngmain>div:nth-child(2),
.lisitngmain>div:nth-child(3),
.lisitngmain>div:nth-child(4) {
    width: 20%;
}

.listfiest {
    display: flex;
    align-items: center;
    gap: 30px;
}

.listfiest h3 {
    font-size: 19px;
    font-weight: 500;
    line-height: 1.4;
    color: #000;
    margin: 0;
    font-family: 'Inter';
    width: 52%;
}

.lisitngmain h5 {
    font-size: 15px;
    font-weight: 500;
    color: #00BF58;
    margin: 0;
}

.lisitngmain h5 span {
    display: block;
    font-size: 1rem;
    font-weight: 400;
    color: rgb(0 0 0 / 50%);
}

.lisitngmain h5 span strong {
    font-weight: 500;
    color: #000;
}


.lisitngmain h4 {
    font-size: 15px;
    font-weight: 400;
    color: rgb(0 0 0 / 70%);
}

.lisitngmain h4 span {
    display: block;
    font-weight: 500;
    color: #000;
    font-size: 1rem;
}

.bookmark i {
    color: #D6D6D6;
}

a.bookmrk i {
    color: #D6D6D6;
}

a.bookmrk {
    border: 1px solid #D6D6D6;
    width: 35px;
    height: 35px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
}

.btnicon {
    display: flex;
    align-items: center;
    gap: 1rem;
    justify-content: flex-end;
}

.jobmainbdr {
    border: 1px solid #DBE8E5;
    border-radius: 10px;
}

.lisitngmain.listred h5 {
    color: #FF6060;
}

.bottmisitng h3 {
    font-size: 1rem;
    color: #000;
    font-weight: 500;
    margin: 0;
    font-family: 'Inter';
}

.bottmisitng {
    text-align: center;
    border: 1px solid #D6ECE0;
    border-radius: 30px;
    width: fit-content;
    margin: auto;
    padding: 10px;
    background: #F1F6F3;
    margin-top: 5rem;
}

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

.bottmisitng h3 a {
    color: var(--primary);
    font-weight: 400;
}

section.job-listing {
    padding-bottom: 2rem;
}

/* lisitingjob */

/* review-sec */
.swiper-slide-active .tetsiwrap {
    background: var(--primary);
}

.tetsiwrap {
    background: #686868;
    border-radius: 30px;
    padding: 37px 40px;
}

.tetsiwrap h3 {
    font-size: 45px;
    font-weight: 500;
    color: #fff;
}

.tetsiwrap p {
    font-size: 36px;
    font-weight: 500;
    color: #fff;
    line-height: 1.3;
    margin: 49px 0;
}

.tetsiwrap h4 {
    font-size: 1rem;
    font-weight: 500;
    color: #fff;
    margin: 0;
}

.reviewwrap h4 {
    font-size: 20px;
    font-weight: 500;
}

.reviewwrap {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-top: 1px solid #fff;
    padding-top: 2rem;
    margin-top: 40px;
}


ul.star {
    display: flex;
    align-items: center;
    gap: 6px;
}

ul.star li a {
    color: #fff;
}

.reviewsec .mainHead {
    margin-bottom: 4rem;
}

.reviewsec .swiper-button-prev:after,
.reviewsec .swiper-button-next:after {
    font-family: 'Font Awesome 5 Pro';
    font-size: 22px;
}

.reviewsec .swiper-button-prev:after {
    content: '\f177';
}

.reviewsec .swiper-button-next:after {
    content: '\f178';
}

.reviewsec .swiper-button-next,
.reviewsec .swiper-button-prev {
    color: #000;
    top: 19%;
    transition: 0.5s ease-in-out;
}

.reviewsec .swiper-button-next:hover,
.reviewsec .swiper-button-prev:hover {

    color: var(--primary);
}

.reviewsec .swiper-button-next {
    right: 16%;
}

.reviewsec .swiper-button-prev {
    left: inherit;
    right: 18%;
}

/* review-sec */

/* talent-job  */
.talentfig {
    display: flex;
    align-items: center;
    gap: 36px;
}

figure.talentperson {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 35px;
}

section.talent-job {
    padding: 7rem 0 4rem 0;
}

/* talent-job  */


/* Faq Sec Css Start */

.faqSec {
    margin-top: -5rem;
    padding: 8rem 0 8rem 0;
}

.faqSec #accordion .card {
    border: none;
    padding: 0;
    background: transparent;
    margin-bottom: 1rem;
    border-radius: unset;
}

.faqSec #accordion .card .btn-link {
    --height: 3.5rem;
    --width: 4.5rem;
    width: 100%;
    display: flex;
    align-items: center;
    color: #1a1a1a;
    padding: 0;
    border: 0;
    font-size: 24px;
    border-radius: unset;
    overflow: hidden;
    border-bottom-left-radius: 0;
    text-align: left;
    font-weight: 500;
    /* margin-bottom: 1rem; */
    padding-bottom: 1rem;
}

.faqSec #accordion .card .btn-link i {
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--black);
    width: var(--width);
    height: var(--height);
    margin-left: auto;
    border-radius: 50%;
    background: 000;
    font-size: 1rem;
    height: 2rem;
    width: 2rem;
}

.faqSec #accordion .card .btn-link i::before {
    content: "\f068";
}

.faqSec #accordion .card .btn-link.collapsed i::before {
    content: "\f067";
}

.faqSec #accordion .card .btn-link.collapsed i {
    color: #225743;
    height: 2rem;
    width: 2rem;
    font-size: 1rem;
}

.faqSec #accordion .card .btn-link i {
    color: #282828;
}

.faqSec #accordion .card .btn-link.collapsed {
    border-bottom: 3px solid #000000;
}

.faqSec #accordion .card .btn-link.collapsed i {}

.faqSec #accordion .card+.card {
    margin-top: 0;
}

.faqSec #accordion .card .card-body {
    padding: 0rem 0rem 0.5rem 0rem;
}

.faqSec #accordion .card .card-body p {
    color: #212529;
    font-size: 1rem;
    margin: 0;
    line-height: 33px;
}

.talent-head h4 {
    font-size: 14px;
    font-weight: 400;
    text-transform: uppercase;
    color: var(--primary);
}

.talent-head p {
    color: var(--black);
}

.talent-head {
    margin-bottom: 2rem;
}

/* section.talent-job.faqSec .themeBtn {
    background: transparent;
    color: #00BF58;
    border: 1px solid #00BF58;
    border-radius: 10px;
    margin-top: 2rem;
} */
.talent-job .themeBtn {
    border-radius: 5px;
}

.talentright {
    position: absolute;
    top: 0;
    left: 26%;
}

/* Faq Sec Css Start */
.faqsecond div#accordion {
    background: #EFF6F3;
    border-radius: 30px;
    padding: 60px;
}

section.faqSec.faqsecond #accordion .card .btn-link {
    border-bottom: 1px solid rgb(0 0 0 / 8%);
}

section.faqSec.faqsecond #accordion .card .card-body p {
    width: 70%;
}

section.faqSec.faqsecond #accordion .card+.card {
    padding: 28px 0 0 0;
    margin: 15px 0;
}

section.faqSec.faqsecond #accordion .card .btn-link i {
    background: #fff;
}

.themeBtn:hover {
    background: #000;
    color: #fff;
}

.navbar-nav .nav-item .nav-link:hover {
    color: white;
}

/* Portal-Sec Css Start */
.protal-content h2 {
    font-size: 3.4375rem;
    font-weight: 500;
    text-transform: capitalize;
}

.protal-content p {
    color: rgb(0 0 0 / 70%);
    font-size: 1.25rem;
}

section.portal-sec .btn-group .themeBtn:nth-child(1) {
    background: transparent;
    border: 1px solid var(--primary);
    color: var(--primary);
}

.btn-group .themeBtn {
    font-size: 1rem;
    font-weight: 500;
    color: var(--white);
    padding: 1rem 2.1875rem;
    background-color: var(--primary);
    border-radius: 6px;
}

section.portal-sec .btn-group {
    gap: 1rem;
}

/* Portal-Sec Css End  */
/* Footer-Sec Css Start */
footer figure a {
    font-size: 1.125rem;
    font-weight: 500;
    color: var(--primary);
    text-decoration: underline !important;
    display: block;
}

footer figure img {
    margin-bottom: 2rem;
}

footer h2 {
    font-size: 1.375rem;
    font-weight: 500;
    text-transform: capitalize;
    margin-bottom: 1rem;
}

ul.footerlist li a {
    color: rgb(0 0 0 / 70%);
    font-size: 1rem;
    font-weight: 400;
    text-transform: capitalize;
    font-family: 'Inter';
}

ul.footerlist li+li {
    margin: 0.625rem 0;
}


ul.footer-icon li a {
    font-size: 1rem;
    font-weight: 400;
    text-transform: capitalize;
    color: var(--black);
    font-family: 'Inter';
}

ul.footer-icon {
    display: flex;
    align-items: center;
    gap: 1rem;
}

ul.footer-socail {
    display: flex;
    align-items: center;
    gap: 1.1rem;
    justify-content: end;
}

ul.footer-socail li a i {
    color: rgb(0 0 0 / 70%);
}

footer p {
    color: rgb(0 0 0 / 70%);
}

footer p a {
    color: var(--primary);
    font-size: 1rem;
    font-weight: 600;
}

.footer-bottom {
    margin-top: 4.3rem;
}


/* Footer-Sec Css End  */
h3.faqlinks {
    text-align: center;
    font-size: 1rem;
    font-weight: 500;
    font-family: 'Inter';
    border: 1px solid var(--primary);
    width: fit-content;
    padding: 10px;
    border-radius: 30px;
    margin: 3rem auto 0;
}

h3.faqlinks a {
    color: var(--primary);
    font-weight: 400;
    text-decoration: underline !important;
}

section.faqSec.faqsecond {
    padding: 6rem 0 3rem 0;
}

.row.align-items-center.justify-content-between.protalbdr {
    border-top: 1px solid #EBEBEB;
    border-bottom: 1px solid #EBEBEB;
    padding: 3rem 0;
}

section.portal-sec {
    padding: 3rem 0;
}

/* 404 chat page css start */

.chat-page {
    padding: 2rem 0 6rem;
}

.following-card {
    border: 1px solid #e5e5e5;
    text-align: center;
    padding: 2.7rem 0 0;
    position: relative;
    margin-bottom: 2rem;
}

.following-card:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 102px;
    background: rgb(0 123 255 / 50%);
    z-index: -1;
}

.following-card figure img {
    border: 5px solid var(--white);
    border-radius: 50%;
}

.following-card h2 {
    font-size: 24px;
    font-family: "Source Sans Pro";
    font-weight: 600;
    margin: 0.7rem 0 0;
}

.following-card p {
    font-size: 14px;
    color: #686868;
    font-family: "Source Sans Pro";
}

.following-card ul li {
    border-top: 1px solid #e5e5e5;
    padding: 0.7rem 0;
}

.following-card ul li h3 {
    font-size: 1.25rem;
    color: #686868;
    margin: 0;
    font-weight: 500;
    font-family: "Source Sans Pro";
}

.following-card ul li span {
    font-size: 1.25rem;
    color: var(--black);
    font-weight: 400;
    font-family: "Source Sans Pro";
}

a.profile-btn {
    font-size: 14px;
    color: var(--primary);
    display: block;
    /*font-family: "Space Mono", monospace;*/
}

.suggestion-card {
    border: 1px solid #e5e5e5;
    border-top: 0;
    position: relative;
    padding-bottom: 1rem;
}

.suggestion-card .d-flex {
    align-items: center;
    justify-content: space-between;
    padding: 1rem 1.5rem;
    position: relative;
    border-bottom: 1px solid #e5e5e5;
}

.suggestion-card .d-flex h2 {
    font-size: 1.125rem;
    color: var(--primary);
    font-weight: 600;
    font-family: "Source Sans Pro";
    margin: 0;
    text-transform: capitalize;
}

.chat-page .post-coment+.post-coment {
    margin-top: 20px;
}

.top-profile .dropdown-toggle,
.cmnt-jhn .dropdown-toggle,
.suggestion-card .d-flex .dropdown-toggle {
    all: unset;
    cursor: pointer;
    color: #b7b7b7;
    font-size: 21px;
    line-height: unset;
}

.top-profile .dropdown-toggle::after,
.post-coment .cmnt-jhn .dropdown-toggle::after,
.suggestion-card .d-flex .dropdown-toggle:after {
    display: none;
}

.top-profile .dropdown-menu,
.cmnt-jhn .dropdown-menu,
.suggestion-card .d-flex .dropdown-menu {
    right: 20px;
    float: unset;
    left: auto !important;
    transform: unset !important;
    top: 30px !important;
}

.top-profile .dropdown,
.cmnt-jhn .dropdown,
.suggestion-card .d-flex .dropdown {
    position: unset;
}

.top-profile .dropdown-menu .dropdown-item,
.cmnt-jhn .dropdown-menu .dropdown-item,
.suggestion-card .d-flex .dropdown-menu .dropdown-item {
    font-size: 14px;
    padding: 5px 10px;
}

.jesi-flex {
    display: flex;
    align-items: center;
    gap: 10px;
}

.suggestion-card ul li {
    display: flex;
    /* align-items: center; */
    justify-content: space-between;
    padding: 0.9rem 1.5rem;
}

.jesi-flex h4 {
    font-size: 14px;
    color: var(--black);
    font-weight: 600;
    font-family: "Source Sans Pro";
    margin: 0 0 2px;
}

.jesi-flex span {
    font-size: 14px;
    color: #686868;
    font-weight: 400;
    font-family: "Source Sans Pro";
}

.suggestion-card ul {
    padding: 1rem 0 0;
}

.jesi-flex+a {
    width: 30px;
    height: 30px;
    border: 1px solid #e5e5e5;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--primary);
}

.suggestion-card a.profile-btn {
    text-align: center;
    padding: 1rem 0;
}

.help-card {
    border: 1px solid #e5e5e5;
    border-top: 0;
    padding: 1rem 1rem;
}

.help-card ul {
    display: flex;
    align-items: center;
    flex-flow: wrap;
    gap: 11px 0;
}

.help-card ul li a {
    font-size: 13px;
    color: #b2b2b2;
    font-weight: 400;
    border-right: 1px solid #b2b2b2;
    display: inline-block;
    padding: 0 13px;
    font-family: "Source Sans Pro";
}

.help-card ul li a:last-child {
    border-right: 0;
    padding-right: 0;
}

.copyrght-chat {
    padding: 1rem 0.9rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.copyrght-chat a.cht-bold {
    font-size: 22px;
    color: var(--primary);
    font-weight: 600;
    font-family: "Source Sans Pro";
}

.copyrght-chat span {
    font-size: 14px;
    color: #b2b2b2;
    font-weight: 400;
    font-family: "Source Sans Pro";
    display: flex;
    align-items: center;
    gap: 6px;
}

.postjob-card {
    border: 1px solid var(--primary);
    border-top: 5px solid var(--primary);
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 2rem 1.5rem;
    margin-bottom: 1.8rem;
}

.postjob-card figure img {
    width: 80px;
    border-radius: 60px;
}

.post-flex a {
    background: #e5e5e5;
    border-radius: 3px;
    color: #363636;
    border-radius: 37px;
    font-weight: 600;
    padding: 0.7rem 1.3rem;
}

.post-flex {
    display: flex;
    align-items: center;
    gap: 10px;
}

.post-flex a+a {
    background: #268bed;
    color: var(--white);
}

.post-coment {
    border: 1px solid #e4e4e4;
    border-radius: 3px;
    padding: 1.5rem 1rem;
    border-top: 0;
    box-shadow: 0 2px 0 #e4e4e4;
}

.post-coment .cmnt-jhn {
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
}

.cmnt-jhn figure {
    width: 50px;
    height: 50px;
}

.post-coment .cmnt-jhn .d-flex {
    align-items: center;
    gap: 15px;
}

.cmnt-jhn h4 {
    color: #000;
    font-family: 'Source Sans Pro';
    font-weight: 600;
    font-size: 18px;
    margin: 0 0 3px 0;
}

.cmnt-jhn span {
    color: #B2B2B2;
    font-size: 14px;
    font-family: 'Source Sans Pro';
    display: flex;
    align-items: center;
    gap: 5px;
}

.epic-flex {
    display: flex;
    justify-content: space-between;
    margin-top: 15px;
    flex-wrap: wrap;
    gap: 1rem;
}

.loc-flex {
    display: flex;
    align-items: center;
    gap: 18px;
}

.loc-flex a {
    color: #B2B2B2;
    display: flex;
    align-items: center;
    gap: 5px;
    font-size: 14px;
    font-family: 'Source Sans Pro';
}

.bokmark a {
    color: #fff;
    padding: 7px 12px;
    border-radius: 2px;
    background-color: #3e94e7;
    font-size: 16px;
}

.bokmark a:first-child {
    background: #E5E5E5;
    color: black;
    font-size: 16px;
}

.bokmark a:last-child {
    background: #3e94e7;
    font-size: 16px;
}

.senir-wrodpres .full-time {
    display: flex;
    align-items: center;
    gap: 15px;
    margin-bottom: 22px;
}

.senir-wrodpres h3 {
    color: #333333;
    font-size: 16px;
    font-family: 'Source Sans Pro';
    margin: 15px 0 15px;
    font-weight: 600;
}

.senir-wrodpres .time {
    background: #51A5FB;
    color: #fff;
    border-radius: 3px;
    padding: 3px 13px;
    font-size: 17px;
    font-family: 'Source Sans Pro';
}

.senir-wrodpres span {
    color: #6F42C1;
    font-size: 1rem;
    font-family: "Space Mono", monospace;
}

.senir-wrodpres p {
    color: #666666;
    font-size: 0.9rem;
    line-height: 24px;
    font-family: 'Source Sans Pro';
    margin-bottom: 7px;
    width: 95%;
}

.senir-wrodpres .view {
    color: var(--primary);
    font-size: 0.9rem;
    font-weight: 600;
    font-family: 'Source Sans Pro';
}

.course {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 23px 0 25px;
    border-bottom: 2px solid #E5E5E5;
    flex-wrap: wrap;
}

.course li a {
    color: #B2B2B2;
    background: #f1f1f1;
    padding: 5px 15px;
    border-radius: 30px;
    display: inline-block;
}

.like-comnt {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 21px;
    flex-wrap: wrap;
    gap: 1rem;
}

.last-ele {
    margin: 0;
    padding: 20px 0;
    border-bottom: 2px solid #ececec;
}

.like-comnt ul li {
    display: flex;
    align-items: center;
}

.like-comnt a {
    color: #B2B2B2;
    font-size: 14px;
    font-weight: 400;
    display: flex;
    align-items: center;
    gap: 5px;
}

.like-comnt figure {
    margin: 0 23px 0 5px;
    position: relative;
}

.like-comnt figure span {
    width: 30px;
    height: 30px;
    background: var(--primary);
    border-radius: 50%;
    color: #fff;
    display: grid;
    place-items: center;
    font-size: 0.9rem;
    font-weight: 600;
    position: absolute;
    left: 25px;
    bottom: 0;
}

/* top profile */
.top-profile {
    border: 1px solid #E5E5E5;
    margin: 20px 0;
    position: relative;
}

.heading {
    padding: 20px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid #E5E5E5;
}

.heading h3 {
    color: #000;
    font-size: 20px;
    font-weight: 600;
    font-family: 'Source Sans Pro';
    margin: 0;
}

.profileSlide {
    margin: 20px 25px;
}

.profile-card {
    text-align: center;
    border: 1px solid #ececec;
    border-top: 0;
}

.profile-card figure {
    margin: 20px 0 8px;
}

.profile-card h3 {
    color: #000;
    font-size: 1rem;
    font-weight: 600;
    font-family: 'Source Sans Pro';
}

.profile-card p {
    color: #B2B2B2;
    font-size: 0.8rem;
    font-weight: 400;
    font-family: 'Source Sans Pro';
    margin: 2px 0 13px;
}

.profile-card ul {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 2px;
    padding-bottom: 15px;
    border-bottom: 1px solid #ececec;
}

.profile-card ul li a {
    padding: 4px 8px;
    color: #fff;
    border-radius: 3px;
    font-size: 0.7rem;
    font-weight: 400;
    font-family: 'Source Sans Pro';
}

.profile-card ul li:nth-child(1) a {
    background: #E5E5E5;
    color: black;
}

.profile-card ul li:nth-child(2) a {
    background: var(--primary);
}

.profile-card ul li:nth-child(3) a {
    background: var(--primary);
}

.view-profile {
    padding: 14px 0px;
}

.view-profile a {
    color: #000;
    font-size: 0.8rem;
    font-weight: 600;
    font-family: 'Source Sans Pro';
}

.top-profile .swiper-button-next,
.top-profile .swiper-button-prev {
    width: 30px;
    height: 30px;
    border: 1px solid #ececec;
    border-radius: 15px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    -ms-border-radius: 15px;
    -o-border-radius: 15px;
    background: #fff;
}

.top-profile .swiper-button-next::after,
.top-profile .swiper-button-prev::after {
    font-size: 12px;
    color: #51A5FB;
    font-weight: 600;
}

.top-profile .swiper-button-prev {
    left: -15px;
    right: auto;
    top: 60%;
}

.top-profile .swiper-button-next {
    right: -15px;
    left: auto;
    top: 60%;
}

.plus {
    padding: 30px 0;
    display: grid;
    place-items: center;
}

.plus a {
    color: #B2B2B2;
    font-size: 20px;
    width: 40px;
    height: 40px;
    border: 1px solid #B2B2B2;
    border-radius: 50%;
    display: grid;
    place-items: center;
    font-weight: 400;
}

.comments ul .comnt-title {
    color: #000;
    font-size: 1rem;
    font-weight: 600;
    font-family: 'Source Sans Pro';
}

.comments ul .comnt-time {
    color: #B2B2B2;
    font-size: 0.8rem;
    font-weight: 400;
    font-family: 'Source Sans Pro';
    margin: 10px 0 14px;
    display: flex;
    align-items: center;
    gap: 5px;
}

.comments ul .comnt-des {
    color: #686868;
    font-size: 0.9rem;
    font-family: 'Source Sans Pro';
    font-weight: 400;
    margin-bottom: 12px;
}

.comments .boxOne .cmnt-rply a {
    color: var(--primary);
    font-size: 0.8rem;
    font-weight: 600;
    font-family: 'Source Sans Pro';
    display: flex;
    align-items: center;
    gap: 5px;
}

.comments .boxThree .cmnt-rply a,
.comments .boxTwo .cmnt-rply a {
    color: #B2B2B2;
    font-size: 0.8rem;
    font-weight: 600;
    font-family: 'Source Sans Pro';
    display: flex;
    align-items: center;
    gap: 5px;
}

.boxTwo {
    padding: 30px 20px 30px 70px;
}

.reply-input {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 24px;
}

.reply-input {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 24px;
}

.reply-input div {
    width: 100%;
    background: #EFEFEF;
    height: 40px;
    margin: 10px;
    display: flex;
    align-items: center;
}

.reply-input input {
    background: transparent;
    border: 0;
    outline: 0;
    padding-left: 10px;
}

.reply-input input::placeholder {
    color: #B2B2B2;
    font-size: 0.9rem;
    font-weight: 400;
    font-family: 'Source Sans Pro';
}

.reply-input button {
    background: var(--primary);
    border: 0;
    outline: 0;
    padding: 8px 11px;
    color: #fff;
    border-radius: 3px;
}

/* third row */

.chat-404 {
    border: 1px solid #E4E4E4;
    border-top: 0;
    text-align: center;
    box-shadow: 0 2px 0 #e4e4e4;
    margin-bottom: 20px;
}

.track h2 {
    color: var(--primary);
    font-size: 30px;
    font-family: 'Source Sans Pro';
    margin: 0;
    text-decoration: underline;
}

.track h2 span {
    font-weight: 700;
}

.track {
    padding: 44px 10px 30px;
}

.track h4 {
    color: #000;
    font-size: 20px;
    font-family: 'Source Sans Pro';
    font-weight: 600;
    margin: 40px 0 12px;
}

.track p {
    color: #686868;
    font-size: 0.9rem;
    font-weight: 400;
}

.sign-up {
    padding: 16px 0;
    border: 1px solid #ececec;
}

.sign-up h4 {
    color: #000;
    font-size: 18px;
    font-weight: 600;
    font-family: 'Source Sans Pro';
    margin-bottom: 3px;
    text-transform: uppercase;
}

.sign-up a {
    color: var(--primary);
    font-size: 0.9rem;
    font-weight: 400;
    font-family: 'Source Sans Pro';
}

.top-jobs .dropdown-toggle {
    all: unset;
    cursor: pointer;
    color: #b7b7b7;
    font-size: 21px;
    line-height: unset;
}

.top-jobs .dropdown-toggle:after {
    display: none;
}

.top-jobs {
    position: relative;
}

.top-jobs .dropdown-menu {
    right: 20px;
    float: unset;
    left: auto !important;
    transform: unset !important;
    top: 30px !important;
}

.top-jobs .dropdown {
    position: unset;
}

.top-jobs .dropdown-item {
    font-size: 14px;
    padding: 5px 10px;
}

.top-jobs {
    box-shadow: 0 2px 0 #e4e4e4;
    border: 1px solid #ececec;
    border-top: 0;
    margin-bottom: 20px;
}

.job-list {
    padding: 20px 10px;
}

.job-list li:nth-child(odd) .job-title span {
    color: #6F42C1;
}

.job-title {
    display: flex;
    align-items: start;
    justify-content: space-between;
    flex-wrap: wrap;
}

.job-title h4 {
    font-size: 0.9rem;
    font-weight: 600;
    font-family: 'Source Sans Pro';
    margin: 0 0 11px;
}

.job-title span {
    color: var(--primary);
    font-size: 0.9rem;
    font-weight: 600;
    font-family: 'Source Sans Pro';
}

.job-item:not(:last-child) {
    margin-bottom: 23px;
}

.job-item p {
    color: #686868;
    font-size: 0.9rem;
    font-family: 'Source Sans Pro';
    line-height: 20px;
    width: 94%;
}

.img-wrap {
    position: relative;
}

.absolute-img {
    position: absolute;
    bottom: -5rem;
    right: -2rem;
}

.inner-banner-content h1 {
    margin: 0;
    color: #000;
    font-size: 85px;
    line-height: 1;
    font-weight: 500;
    text-transform: capitalize;
}

.inner-banner-content p {
    color: rgb(0 0 0 / 70%);
    font-weight: 400;
    line-height: 1.2;
    margin: 1.5rem 0 2rem 0;
    font-size: 20px;
}

.inner-banner-content {
    text-align: center;
}

.inner-banner {
    padding-top: 10rem;
    padding-bottom: 0;
}

.inner-banner-img {
    margin-top: -6rem;
    z-index: -1;
    position: relative;
}

.sign-content h2 {
    font-size: 35px;
    color: var(--black);
}

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

.sign-content .seperator {
    width: 30px;
    height: 2px;
    background-color: var(--primary);
    margin: 1.5rem 0;
}

.sign-tab-content .seperator {
    width: 30px;
    height: 2px;
    background-color: var(--primary);
    margin: 1.5rem 0;
}

.sign-content p {
    font-size: 14px;
    color: var(--secondary);
    margin-bottom: 20px;
}

.sign-sec {
    padding-top: 5rem;
}

.sign-tabs {
    display: flex;
}

.sign-tabs li button {
    padding: 5px 10px;
    background-color: #E5E5E5;
    border: none;
    font-size: 14px;
    color: var(--black);
    text-transform: capitalize;
    border-radius: 0 !important;
}

.sign-tabs li button.active {
    background-color: var(--primary) !important;
    color: var(--white) !important;
}

.sign-tabs li:first-child button {
    border-radius: 4px 0 0 4px !important;
}

.sign-tabs li:last-child button {
    border-radius: 0 4px 4px 0 !important;
}

.sign-tabs li button:focus {
    outline: none;
}

.form-field {
    position: relative;
}

.form-field i {
    position: absolute;
    left: 15px;
    top: 50%;
    color: #666666;
    transform: translateY(-50%);
}

.form-field input {
    width: 100%;
    padding: 10px 10px 10px 40px;
    border: 1px solid #E5E5E5;
    border-radius: 3px;
    color: #B2B2B2;
}

.form-field input::placeholder {
    color: #B2B2B2;
}

.form-field {
    margin-bottom: 1rem;
}

.flex-between-center {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: 1rem;
}

.flex-between-center label,
.flex-between-center a {
    font-size: 14px;
    color: var(--black);
}

.sign-in-btn button {
    border: none;
}

.sign-tab-content h5 {
    font-size: 14px;
    font-weight: 600;
    color: var(--black);
    text-align: center;
    margin: 1rem 0;
}

.login-via-social {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.login-via-social li button {
    width: 100%;
    font-size: 15px;
    color: var(--white);
    text-transform: capitalize;
    border-radius: 3px;
    background-color: #4099FF;
    padding: 10px 0;
    border: none;
}

.login-via-social li button i {
    padding-right: 5px;
}

.login-via-social li:first-child button {
    background-color: #3B5998;
}

.sign-in-and-sign-up-wrap {
    padding-left: 10rem;
    border-left: 1px solid #F0F0F0;
}

.sign-in-btn .themeBtn {
    border-radius: 3px;
}

.sign-wrap {
    padding-right: 10rem;
}

.sign-tab-content h3 {
    font-size: 18px;
    font-weight: 600;
    color: var(--black);
    text-transform: capitalize;
    margin-bottom: 1rem;
}

.inner-banner-sec {
    background-size: cover;
    background-position: center;
    padding: 6rem 0;
}

.profile-label input {
    display: none;
}

.profile-label {
    position: absolute;
    top: 0;
    right: 1rem;
}

.profile-following-card figure {
    display: inline-block;
    position: relative;
}

.profile-following-card {
    text-align: center;
}

.profile-following-card label i {
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: var(--primary);
    border-radius: 100%;
    color: var(--white);
}

.profile-following-card h2 {
    font-size: 24px;
    font-weight: 600;
    color: var(--black);
    margin-bottom: 0.5rem;
}

.profile-following-card p {
    font-size: 18px;
    color: #686868;
    margin: 0;
}

.profile-following-card {
    text-align: left;
}

.profile-page .profile-following-card {
    margin-top: -4rem;
    text-align: left;
}

.setting-btn .themeBtn {
    border-radius: 3px;
    padding: 10px 15px;
}

.setting-btn {
    text-align: right;
}

.follow {
    display: flex;
    gap: 1rem;
    justify-content: space-between;
    padding: 1rem;
}

.follow h3 {
    font-size: 20px;
    color: #686868;
    margin-bottom: 0.5rem;
}

.follow span {
    font-size: 20px;
    font-weight: 600;
    color: var(--black);
}

.follow {
    text-align: center;
}

.profile-social-links li {
    border-bottom: 1px solid #E5E5E5;
    padding: 1rem 0;
}

.profile-social-links li a {
    display: flex;
    align-items: flex-start;
    gap: 0.4rem;
    font-size: 14px;
    color: #51A5FB;
    word-break: break-word;
}

.profile-social-links li a i {
    padding-top: 4px;
    width: 15px;
}

.profile-social-links {
    margin-bottom: 2rem;
}

.profile-social-links li:nth-child(2) a i {
    color: #3B5998;
}

.profile-social-links li:nth-child(3) a i {
    color: #1DA1F2;
}

.profile-social-links li:nth-child(4) a i {
    color: #00BF58;
}

.profile-social-links li:nth-child(5) a i {
    color: #1769FF;
}

.profile-social-links li:nth-child(6) a i {
    color: #BD081C;
}

.profile-social-links li:nth-child(7) a i {
    color: #833AB4;
}

.profile-social-links li:nth-child(8) a i {
    color: #CD201F;
}

.flex-center-one {
    display: flex;
    align-items: center;
    gap: 1rem;
}

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

.stars {
    display: flex;
    gap: 0.4rem;
}

.profile-status-rating a {
    font-size: 18px;
    color: #51A5FB;
    font-weight: 600;
    border-bottom: 2px solid #51A5FB;
}

.profile-tabs {
    display: flex;
    gap: 0.4rem;
    border: none;
}

.profile-tabs li a {
    display: flex;
    align-items: center;
    flex-direction: column;
    border: none;
    font-size: 16px;
    color: #B2B2B2;
}

.profile-tabs li a.active {
    border: none;
    color: var(--primary) !important;
}

.profile-tabs li a:hover {
    border: none;
}

.profile-tabs li a img {
    width: 30px;
    height: 30px;
    object-fit: contain;
}

.portfolio-list {
    display: flex;
    flex-wrap: wrap;
    padding: 0 10px;
}

.portfolio-list li {
    padding: 10px;
    width: 33.33%;
}

.portfolio-list li img {
    width: 100%;
}

.friend-request-box {
    border: 1px solid #E4E4E4;
    border-top: none;
    margin: 1rem 0;
}

.friend-request-box-top {
    text-align: center;
    padding: 1.8rem;
}

.friend-request-box-top h4 {
    font-size: 18px;
    font-weight: 600;
    color: var(--black);
    margin: 1rem 0 0;
}

.friend-request-box-top p {
    font-size: 14px;
    color: #6F42C1;
    margin-bottom: 1rem;
}

.friend-request-list {
    display: flex;
    gap: 1rem;
    justify-content: center;
}

.friend-request-list li button {
    padding: 7px 15px;
    border: none;
    font-size: 16px;
    color: var(--white);
    text-transform: capitalize;
    background-color: #3e94e7;
    border-radius: 3px;
    opacity: 1.7;
}

.friend-request-list li:nth-child(2) button {
    background-color: #6F42C1;
}

.friend-request-list li:nth-child(3) button {
    background-color: #ff050aba;
}

.friend-request-box-bottom {
    border-top: 1px solid #E4E4E4;
}

.friend-request-box-bottom a {
    font-size: 16px;
    color: var(--black);
    width: 100%;
    padding: 15px;
    text-align: center;
    display: block;
}

.friend-request-content h4 {
    font-size: 20px;
    font-weight: 600;
    color: var(--black);
    margin-bottom: 1rem;
    text-transform: capitalize;
}

.friend-request-sec {
    padding-top: 2rem;
}

.notification-content h5 {
    color: var(--primary);
    font-size: 16px;
    font-weight: 600;
    padding: 1rem 1.5rem;
    padding-bottom: 0;
}



/* chat system */
.user-profile {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    margin: 0 -5px;
}

.user-profile>div {
    padding: 0 5px;
}

.user-profile-img img {
    width: 35px;
    height: 35px;
    border-radius: 100%;
}

.user-profile-content button {
    font-size: 12px;
    color: var(--white);
}

.user-profile-content button i {
    padding-left: 5px;
}

.user-profile-list li {
    padding: 10px 5px;
    border-bottom: 1px solid #E4E4E4;
    text-align: center;
}

.user-profile-list li.last {
    border: none;
}

.user-profile-list li a {
    font-size: 14px;
    color: var(--black);
}

.chat-system-box {
    border: 1px solid #EBF1F6;
}

.chat-box-1 {
    padding: 2rem 1.5rem;
    border: 1px solid #EBF1F6;
}

.chat-user-profile .user-profile-img img {
    /* width: 60px; */
    /* height: 60px; */
}

.chat-user-profile {
    justify-content: flex-start;
    margin: 0 -10px;
}

.chat-user-profile>div {
    padding: 0 10px;
}

.chat-user-profile .user-profile-content h6 {
    font-size: 18px;
    font-weight: 600;
    color: var(--black);
    margin: 0;
}

.user-sign {
    width: 10px;
    height: 10px;
    border-radius: 100%;
    background-color: var(--primary);
    position: absolute;
    bottom: 0;
    right: 0;
    border: 2px solid var(--white);
}

.chat-user-profile .user-profile-img {
    position: relative;
}

.chat-search-field i {
    left: 10px;
}

.chat-search-field input {
    box-sizing: border-box;
}

.chat-and-alert-tabing-list {
    display: flex;
    margin: 0 -5px;
}

.chat-and-alert-tabing-list li {
    padding: 0 5px;
    width: 50%;
}

.chat-and-alert-tabing-list li button {
    width: 100%;
    padding: 10px 10px;
    text-align: center;
    color: #ACADB7;
    border: 1px solid #ACADB7;
    background-color: var(--white);
    font-size: 16px;
}

.chat-and-alert-tabing-list li.current button {
    background-color: #363636;
    color: var(--white);
    border: 1px solid #363636;
}

.userchat-para {
    display: block;
    font-size: 16px;
    color: #686868;
    margin: 0;
}

.user-chat-image-and-title .user-profile-img img {
    /* width: 50px; */
    /* height: 50px; */
}

.user-chat-image-and-title .user-profile-content h6 {
    font-size: 18px;
    font-weight: 600;
    color: var(--black);
    margin: 0;
}

.user-chat-image-and-title {
    margin: 0 0 0 0;
    cursor: pointer;
}

.user-chat-image-and-title>div {
    padding: 0 10px;
}

.user-chat-image-and-title .user-sign {
    right: 14px;
}

.red-sign {
    background-color: #FA896B;
}

.yellow-sign {
    background-color: #FFAE1F;
}

.user-chat-tabing-list>li {
    padding: 12px 0;
    display: block !important;
}

.chat-time {
    display: inline-block;
    position: absolute;
    top: 0;
    right: 0;
    font-size: 14px;
    color: #686868;
    line-height: unset;
    margin: 0;
}

.user-chat-tabing-list {
    height: auto;
}

.user-chat-tabing-list::-webkit-scrollbar {
    width: 1px;
    background-color: transparent;
}

.user-chat-tabing-list::-webkit-scrollbar-button:start:decrement,
::-webkit-scrollbar-button:end:increment {
    display: none;
}

.user-chat-tabing-list::-webkit-scrollbar-track-piece {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0);
    background-color: transparent;
}

.user-chat-tabing-list::-webkit-scrollbar-thumb:vertical {
    border-radius: 5px;
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0);
    background-image: linear-gradient(#CCCCCC, #CCCCCC);
}

.user-chat-tabing-list::-webkit-scrollbar-thumb:hover {
    background: #999999;
}

.user-alert-image-and-title {
    position: relative;
    margin: 0;
    padding: 15px 10px;
}

.user-alert-image-and-title::before {
    content: "";
    width: 4px;
    height: 100%;
    background-color: white;
    border-radius: 10px;
    position: absolute;
    left: 0;
    top: 0;
}

.green-box {
    background-color: #E6FAF5;
}

.green-box::before {
    background-color: #00CC99;
}

.red-box {
    background-color: #FDEFEF;
}

.red-box::before {
    background-color: #EB5757;
}

.blue-box {
    background-color: #E7EFFA;
}

.blue-box::before {
    background-color: #2680EB;
}

.yellow-box {
    background-color: #FDF8E8;
}

.yellow-box::before {
    background-color: #F2C94C;
}

.user-alert-image-and-title .user-profile-img img {
    /* width: 55px; */
    height: 55px;
}

.user-alert-image-and-title .user-profile-content h6 {
    font-size: 16px;
}

.user-alert-image-and-title .user-profile-content p {
    font-size: 12px;
}

.user-alert-image-and-title .chat-time {
    top: 5px;
    right: 10px;
}

.user-alert-tabing-list li {
    padding: 10px 0px;
}

.chat-user-profile2 {
    padding: 1rem;
    border-bottom: 1px solid #EBF1F6;
    margin: 0;
}

.chating-box .user-profile-img img {
    width: 70px;
    height: 70px;
}

.chating-list li .chating-content span {
    font-size: 14px;
    color: #B2B2B2;
    display: inline-block;
    margin-bottom: 0;
    width: 100%;
}

.chating-list li .chating-content p {
    font-size: 14px;
    color: #686868;
    padding: 8px 12px;
    background-color: #EFEFEF;
    display: inline-block;
    margin-bottom: 0.5rem;
    border-radius: 10px;
}

.chating-list li .chating-content div:last-child p {
    margin: 0;
}

.chating-list li:nth-child(even) .chating-content p {
    background-color: #EFEFEF;
    color: #686868;
}

.chating-list li:nth-child(even) .chating-box {
    /*justify-content: flex-end;*/
}

.chating-list li:nth-child(even) .chating-content {
    text-align: left;
}

.chating-list li {
    padding: 12px 0;
}

.chating-list {
    height: 100%;
    padding: 1rem;
    padding-top: 0;
}

.chating-box {
    align-items: flex-start;
}

.chating-content img {
    border-radius: 10px;
}

.chating-list::-webkit-scrollbar {
    width: 1px;
    background-color: transparent;
}

.chating-list::-webkit-scrollbar-button:start:decrement,
::-webkit-scrollbar-button:end:increment {
    display: none;
}

.chating-list::-webkit-scrollbar-track-piece {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0);
    background-color: transparent;
}

.chating-list::-webkit-scrollbar-thumb:vertical {
    border-radius: 5px;
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0);
    background-image: linear-gradient(#CCCCCC, #CCCCCC);
}

.chating-list::-webkit-scrollbar-thumb:hover {
    background: #999999;
}

.chat-field input {
    border: 1px solid #EBF1F6;
    width: 100%;
    padding: 1rem 1rem 1rem 3rem;
    background-color: var(--white);
    color: var(--black);
}

.chat-field input::placeholder {
    color: #ACADB7;
}

.chat-field {
    margin-left: 0;
    position: relative;
    width: 100%;
}

.chat-field-icon {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}

.chat-field-icon i {
    font-size: 20px;
    color: #3e94e7;
}

.emoji-icon {
    left: 15px;
}

.microphone-icon {
    right: 40px;
}

.file-icon {
    right: 70px;
}

.image-icon {
    right: 110px;
}

.chat-field-icon>input {
    display: none;
}

.chat-box-3 {
    display: none;
}

.alert-chat-field::before {
    content: "";
    width: 100%;
    height: 100%;
    background-color: rgba(255, 255, 255, 0.6);
    position: absolute;
    top: 0;
    left: 0;
    z-index: 9;
}

.searched-sports {
    display: none;
}

.chat-box-2 {
    border: 1px solid #EBF1F6;
    height: 100%;
}

.chating-profile-img img {
    width: 60px;
    height: 60px;
}

.chating-profile-img {
    padding: 0 !important;
}

.chat-field-and-btn {
    display: flex;
    gap: 1rem;
    padding: 1rem;
    border: 1px solid #EBF1F6;
    flex-wrap: wrap;
    margin-top: 2.7rem;
}

.chat-btn {
    flex-shrink: 0;
}

.chat-btn .themeBtn {
    padding: 1.1rem 3rem;
    border: none;
    border-radius: 0;
}

.chat-user-profile2 .user-profile-img .user-sign {
    right: 10px;
    width: 15px;
    height: 15px;
}

.setting-flex {
    display: flex;
    align-items: center;
    gap: 1rem;
}

.chating-list .chat-user-profile>div:first-child {
    flex-shrink: 0;
}

.user-chat-tabing-list .chat-user-profile {
    width: 100%;
}

.chating-list .right-side-chat>div:first-child {
    flex-shrink: unset;
}

.chating-list .user-profile {
    margin: 0;
}

.user-profile-content p {
    margin: 0;
}

.chat-field-and-btn-wrap {
    display: flex;
    gap: 1rem;
    width: 100%;
}

.chat-icons {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    color: #B2B2B2;
}

.setting-tabing-list .user-chat-image-and-title .user-profile-img img {
    width: 20px;
    height: 20px;
    border-radius: 0;
    object-fit: contain;
}

/* toggle button */
.switch input {
    display: none;
}

.switch {
    display: inline-block;
    width: 60px;
    /*=w*/
    height: 30px;
    /*=h*/
    margin: 4px;
    transform: translateY(15%);
    position: relative;
}

.slider {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    border-radius: 30px;
    box-shadow: 0 0 0 2px #E1E1E1, 0 0 4px #E1E1E1;
    cursor: pointer;
    border: 4px solid transparent;
    overflow: hidden;
    transition: 0.2s;
}

.slider:before {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    background-color: #E1E1E1;
    border-radius: 30px;
    transform: translateX(-30px);
    /*translateX(-(w-h))*/
    transition: 0.2s;
}

input:checked+.slider:before {
    transform: translateX(30px);
    /*translateX(w-h)*/
    background-color: var(--primary);
}

input:checked+.slider {
    box-shadow: 0 0 0 2px var(--primary), 0 0 8px var(--primary);
}

.setting-wrap {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 2rem;
    padding: 20px;
    border-bottom: 1px solid #E5E5E5;
}

.setting-wrap h5 {
    font-size: 16px;
    font-weight: 600;
    color: var(--black);
}

.setting-wrap p {
    font-size: 14px;
    color: #686868;
    margin: 0;
}

.setting-box hr {
    margin-bottom: 0;
}

.setting-box h4 {
    font-size: 18px;
    font-weight: 600;
    color: var(--black);
    margin: 0;
    padding: 20px;
}

.setting-wrap button {
    padding: 10px 20px;
    border: 1px solid #E5E5E5;
    border-radius: 3px;
    color: var(--primary);
    font-size: 16px;
    font-weight: 600;
    text-transform: capitalize;
    background-color: transparent;
}

.setting-btn-wrap {
    justify-content: flex-start;
    gap: 1rem;
    flex-wrap: wrap;
}

.setting-tabing-list li {
    border-bottom: 1px solid #E5E5E5;
}

.setting-tabing-list li:last-child {
    border: none;
}

.ad-wrap {
    background-color: var(--primary);
    text-align: center;
    padding: 8rem 1rem;
}

.ad-wrap h2 {
    font-size: 2rem;
    color: var(--white);
    text-decoration: underline;
    line-height: 1.2;
    font-weight: 600;
}

.inner-banner-content h2 {
    font-size: 3.1rem;
    color: var(--white);
    text-decoration: underline;
}

.inner-banner-content p {
    font-size: 1rem;
    color: var(--white);
    margin: 2rem 0;
}

.inner-banner-content a {
    border-radius: 5px;
}

.btns-wrap {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    gap: 1rem;
}

.btns-wrap .underline-btn {
    font-size: 1rem;
    color: var(--primary);
}

.btns-wrap .underline-btn span {
    border-bottom: 1px solid var(--primary);
    padding-bottom: 5px;
    display: inline-block;
}

.btns-wrap .underline-btn i {
    padding-left: 5px;
}

.friend-request-list {
    display: flex;
    gap: 1rem;
}

.friend-request-list .friend-request-box {
    border-top: 1px solid #E4E4E4;
    width: 100%;
}

.btn-wrap .themeBtn {
    border-radius: 5px;
}

.blog-box-content {
    padding: 1rem 2rem;
    background-color: var(--white);
    border-radius: 0 0 10px 10px;
}

.blog-box-content h5 {
    font-size: 20px;
    color: var(--black);
    margin-bottom: 1rem;
}

.blog-box-content p {
    font-size: 16px;
    color: #777777;
    margin-bottom: 1rem;
}

.blog-box-content .seperator {

    margin: 1rem -2rem;
}

.blog-option-list {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    margin: 0 -15px;
}

.blog-option-list li {
    padding: 0 15px;
    position: relative;
}

.blog-option-list li::before {
    content: "";
    width: 8px;
    height: 8px;
    background-color: var(--primary);
    border-radius: 100px;
    position: absolute;
    top: 50%;
    left: -5px;
    transform: translateY(-50%);
}

.blog-option-list li:first-child:before {
    display: none;
}

.blogsec {
    background-color: #F4F4F4;
}

.blog-box-img img {
    width: 100%;
    border-radius: 10px 10px 0 0;
}

.blogsec .swiper-button-prev:after,
.blogsec .swiper-button-next:after {
    font-family: 'Font Awesome 5 Pro';
    font-size: 22px;
}

.blogsec .swiper-button-prev:after {
    content: '\f177';
}

.blogsec .swiper-button-next:after {
    content: '\f178';
}

.blogsec .swiper-button-next,
.blogsec .swiper-button-prev {
    color: #000;
    top: 15%;
    transition: 0.5s ease-in-out;
}

.blogsec .swiper-button-next:hover,
.blogsec .swiper-button-prev:hover {

    color: var(--primary);
}

.blogsec .swiper-button-next {
    right: 16%;
}

.blogsec .swiper-button-prev {
    left: inherit;
    right: 18%;
}

.inner-blogsec .blog-box {
    margin: 1rem 0;
}

.marketplace-box .epic-flex h6,
.marketplace-box .epic-flex p {
    margin: 0;
    text-align: left;
}

.marketplace-box .epic-flex .bokmark a:last-child {
    color: var(--white);
}

.marketplace-box .epic-flex {
    margin: 0;
}

.marketplace-box {
    border-top: 1px solid #E4E4E4;
    border-radius: 10px;
}

.marketplace-box span {
    font-size: 28px;
    font-weight: 600;
    color: var(--white);
    background-color: var(--primary);
    border-radius: 100%;
    /*width: 160px;*/
    /*height: 160px;*/
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 2rem auto;
}

.marketplace-box .friend-request-list li:nth-child(2) button {
    background-color: #3e94e7;
    border: 1px solid var(--primary);
}

.marketplace-box .friend-request-list li:nth-child(1) button {
    background-color: transparent;
    color: #686868;
    border: 1px solid #686868;
}

.marketplace-box .friend-request-box-bottom a {
    color: var(--primary);
}

.search-wrap {
    display: flex;
}

.search-wrap input {
    width: 100%;
    height: 40px;
    border: none;
    background-color: #f5f5f5;
    padding: 0 10px;
    border-radius: 5px 0 0 5px;
}

.search-wrap button {
    background-color: #EFEFEF;
    color: var(--primary);
    padding: 0 1rem;
    height: 40px;
    border: none;
    border-radius: 0 5px 5px 0;
}

.profile-wrap button {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    border: none;
    background-color: transparent;
    padding: 1.5rem 1rem;
    border-left: 1px solid rgba(255, 255, 255, 0.5);
    border-right: 1px solid rgba(255, 255, 255, 0.5);
    margin: 0;
    color: white;
}

.profile-wrap button:focus {
    outline-color: transparent;
    outline: none;
}

.profile-wrap button figure {
    flex-shrink: 0;
}

.profile-wrap button figure img {
    border-radius: 100%;
}

.menuwrap {
    justify-content: center;
    gap: 40px;
}

.reply-input figure {
    flex-shrink: 0;
}

.inner-banner-sec {
    position: relative;
}

.profile-img-change-btn {
    padding: 10px;
    background-color: white;
    border: 1px solid var(--primary);
    border-radius: 3px;
    font-size: 15px;
    color: var(--primary);
    font-weight: 500;
    top: -5.5rem;
    right: 3rem;
    text-transform: uppercase;
}

.notification {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 1rem;
    background-color: var(--primary);
    padding: 1rem;
}

.notification h2 {
    font-size: 1.125rem;
    color: var(--white);
    font-weight: 600;
    font-family: "Source Sans Pro";
    margin: 0;
    text-transform: capitalize;
}

.notification button {
    font-size: 14px;
    color: var(--white);
    font-weight: 500;
    font-family: "Source Sans Pro";
    margin: 0;
    text-transform: capitalize;
    background-color: transparent;
    border: none;
}

.blog-box-rating {
    display: flex;
    align-items: center;
    gap: 0.2rem;
    position: absolute;
    bottom: 1rem;
    left: 1rem;
}

.blog-box-rating i {
    color: #FFD900;
}

.blog-box-img {
    position: relative;
}

.marketplace-box .friend-request-box-top p {
    color: #686868;
}

.marketplace-box .loc-flex {
    align-items: flex-start;
}

.marketplace-box .loc-flex i {
    color: #FFD900;
}

.user-chat-tabing-list li.current {
    background-color: #EFEFEF;
}

.chat-noti {
    width: 25px;
    height: 25px;
    border-radius: 100%;
    background-color: var(--primary);
    color: var(--white);
    font-size: 14px;
    display: inline-block;
    position: absolute;
    bottom: 0%;
    right: 0%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.chat-card {
    border-top: 1px solid #e5e5e5;
}

.chat-card .d-flex {
    align-items: center;
    justify-content: space-between;
    padding: 1.9rem 1.5rem;
    position: relative;
    border-bottom: 1px solid #e5e5e5;
}

.setting-card {
    height: 100%;
}

.show-tablet {
    display: none;
}

.job-show-tablet {
    display: none;
}

.blue-section {
    background-color: #1769FF;
}

.search-container {
    background-color: white;
    padding: 8px 20px;
    border-radius: 30px;
    box-shadow: 0 2px 10px rgba(0,0,0,0.1);
    display: flex;
    align-items: center;
    margin-top: 10px;
  }

  .search-container input[type="text"] {
    border: none;
    outline: none;
    font-size: 16px;
    padding: 1px 10px;
    width: 100%;
  }

  .search-container button {
    background-color: #3e94e7;
    color: white;
    border: none;
    border-radius: 20px;
    padding: 8px 15px;
    cursor: pointer;
    font-size: 14px;
    margin-left: 10px;
  }

  .search-container button:hover {
    background-color: #0056b3;
  }


svg {
    background: #fff;
    width: 100%;
    max-width: 850px;
    height: auto;
  }

  .txt_1, .txt_2, #ad_cta, #logo, #txtIntro, #txtAlt {
    opacity: 0;
  }

  .txt {
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
    font-size: 14px;
  }

  .txt_b {
    font-weight: 500;
  }

  .txt_3 {
    opacity: 1;
    font-size: 10.2px;
  }
section.market-news h2 {
    font-size: 48px;
    font-weight: 600;
    color: #212529;
    text-align: center;
    margin-bottom: 3rem;
}

section.market-news {
    padding: 2rem 0 4rem 0;
}

.market-contnet h3 {
    font-size: 35px;
    font-weight: 600;
    color: #212529;
    text-align: center;
    border-bottom: 1px solid #E4E4E4;
    padding: 1rem 0;
    margin: 0;
}

.market-contnet a {
    font-size: 1rem;
    font-weight: 400;
    color: #3E94E7;
    text-align: center;
    display: block;
    padding: 17px 0;
}

.market-wraps figure img {
    width: 100%;
    padding: 20px 13px;
}

.market-wraps {
    border: 1px solid #E4E4E4;
    /* padding: 20px 13px; */
    border-radius: 10px;
    margin-bottom: 31px;
}

section.emerging-content h2 {
    font-size: 48px;
    color: #212529;
    font-weight: 600;
}

.emergingwraps p {
    font-size: 1.125rem;
    color: #000;
}

.emergingwraps a {
    font-size: 1rem;
    color: #1436cb;
}
.custom-file-label {
    display: inline-block;
    padding: 7px 44px;
    background-color: #eee;
    border: 1px solid #ccc;
    border-radius: 4px;
    cursor: pointer;
}

.file-name-placeholder {
    margin-left: 10px;
    font-style: italic;
    color: #777;
}
section.quarter-section .mainHead {
    text-align: center;
    margin-bottom: 2rem;
}

.quratercntnt h3 {
    font-size: 20px;
    font-weight: 500;
    margin: 12px 0 5px 0;
}

.quarter-wrap figure img {
    width: 100%;
}

.garphicimage figure img {
    width: unset;
}

.graphicquarter {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-top: 1px solid #EAEAEA;
    padding-top: 10px;
}

.garphicimage {
    display: flex;
    align-items: center;
    gap: 1rem;
}

.garphicimage h3 span {
    display: block;
}

.loc a {
    font-size: 14px;
    font-weight: 400;
    color: #007BFF;
}

.loc a span {
    color: #54D691;
    margin-right: 5px;
}

.quratercntnt h4 {
    font-size: 14px;
    font-weight: 600;
    color: #000;
    margin: 10px 0;
}

.quratercntnt h4 span {
    font-size: 1rem;
    color: #54D691;
}

.quratercntnt h4 strong {
    color: #686868;
}

ul.quraterlist1 {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

ul.quraterlist1 li {
    color: #686868;
    font-size: 14px;
    font-weight: 400;
}

ul.quraterlist1 li span {
    font-weight: 600;
    color: #000;
    font-size: 1rem;
}

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

ul.quraterlist2 li {
    color: #686868;
    font-size: 14px;
}

.span1 {
    color: #007BFF !important;
}

ul.quraterlist2 li span {
    color: #000;
}

.quratercntnt {
    flex: 1;
}

.quarter-wrap {
    border: 1px solid rgb(104 104 104 / 10%);
    border-radius: 10px;
    padding: 15px;
    margin-bottom: 2rem;
}

figure.quarteimg {
    position: relative;
}

figure.quarteimg a {
    position: absolute;
    right: 10px;
    background: #3e94e7;
    color: #fff;
    padding: 7px 12px;
    border-radius: 4px;
    top: 7px;
}

.tabularwrap h2 {
    font-size: 20px;
    font-weight: 500;
    color: #007BFF;
}

section.tabular-section .mainHead {
    text-align: center;
    margin-bottom: 2rem;
}

ul.tabliast1 {
    display: flex;
    align-items: center;
    gap: 10px;
}

ul.tabliast1 li {
    color: #B2B2B2;
    font-size: 14px;
}

ul.tabliast1 li i {
    margin-right: 5px;
}

li.green1 {
    color: #007BFF !important;
}

li.green1 span i {
    color: #54D691;
}

ul.tablist2 li a {
    font-size: 14px;
    color: #686868;
}


ul.tablist2 li {
    background: rgb(104 104 104 / 14%);
    padding: 6px 7px;
    border-radius: 3px;
    width: fit-content;
}

ul.tablist2 {
    display: flex;
    flex-flow: column wrap;
    gap: 11px 10px;
    max-height: 92px;
    margin: 20px 0;
}

.tabularwrap {
    border: 2px solid rgb(104 104 104 / 14%);
    padding: 43px 29px;
    border-radius: 10px;
    margin-bottom: 2.2rem;
}

.tabularwrap .themeBtn {
    border-radius: 10px;
}

/* New Css Start */

section.respont-sec h2 {
    text-align: center;
    font-size: 2.5rem;
    font-weight: 500;
    text-transform: capitalize;
    color: var(--black);
    margin-bottom: 2.5rem;
}

.respont-box h3 {
    font-size: 1.25rem;
    font-weight: 500;
}

.respont-box h6 {
    display: flex;
    align-items: center;
    gap: 0.225rem;
    font-size: 14px;
    font-weight: 400;
    text-transform: capitalize;
    color: #007BFF;
}

.respont-box h6 span {
    font-size: 14px;
    font-weight: 600;
    color: #54D691;
}

ul.respont-list li a {
    font-size: 14px;
    font-weight: 400;
    text-transform: capitalize;
    color: #686868;
    display: flex;
    align-items: center;
    gap: 160px;
    padding: 1rem 0 1rem 1.25rem;
    background: rgb(104 104 104 / 14%);
}

ul.respont-list li a span {
    font-size: 14px;
    font-weight: 400;
    color: var(--black);
}

ul.respont-list li+li {
    margin: 0.985rem 0;
}

.respont-list {
    margin: 1.5rem 0 2.5rem;
}

.respont-box {
    border: 2px solid rgb(104 104 104 / 14%);
    border-radius: 10px;
    padding: 41px 30px 41px 31px;
}

ul.respont-type li a {
    font-size: 14px;
    font-weight: 400;
    text-transform: capitalize;
    color: #686868;
    display: flex;
    align-items: center;
    gap: 140px;
}

ul.respont-type li a span {
    color: var(--black);
}

ul.respont-type li+li {
    margin: 0.625rem 0;
}

.respont-form .form-control {
    height: 45px;
    border: 1px solid #E5E5E5;
    outline: unset;
    box-shadow: unset;
    font-size: 14px;
    font-weight: 400;
    text-transform: capitalize;
    color: #777777;
    border-radius: 3px;
}

.respont-form .form-control::placeholder {
    font-size: 14px;
    font-weight: 400;
    text-transform: capitalize;
    color: #777777;
}

form.respont-form textarea.form-control {
    height: 5rem;
}

.respont-wrapp p {
    color: #B2B2B2;
    font-size: 14px;
    line-height: 1.5;
}

.form-flex {
    display: flex;
    align-items: center;
    gap: 0.625rem;
}

.form-flex span {
    font-size: 0.625rem;
    font-weight: 400;
    color: #777777;
}

.repont-main {
    display: flex;
    align-items: center;
}

.repont-main .form-group:nth-child(2) .form-control {
    width: 560px;
}



.repont-main .form-group:nth-child(1) .form-control {
    width: 70px;
}

form.respont-form button {
    border: unset;
    border-radius: 3px;
}

/* New Css End  */
/* New Css End  */

.tabularwrap.tablisting h3 {
    font-size: 30px;
    font-weight: 500;
    color: #000;
}

ul.tablist2.tablisting2 {
    display: flex;
    flex-flow: unset;
}

.tabularwrap.tablisting {
    padding: 0;
    border: unset;
}

section.tabular-listing h2 {
    font-size: 50px;
    font-weight: 500;
    margin-bottom: 1rem;
}

p.tbaularpara {
    font-size: 1rem;
    color: #686868;
    line-height: 1.7;
    width: 93%;
    margin-bottom: 2rem;
}

p.tbaularpara a {
    color: #007BFF;
    font-weight: bold;
}

section.tabular-listing {
    padding: 3rem 0;
}

h4.tabexplore {
    font-size: 40px;
    font-weight: 500;
}

ul.explorelisting li {
    border: 1px solid #9A9A9A;
    border-radius: 30px;
    width: fit-content;
    padding: 7px 10px;
}

ul.explorelisting li+li {
    margin-top: 10px;
}

ul.explorelisting li a {
    color: #000;
}