body
{
    margin: 0 auto;
    padding: 0;
    font-family: 'Poppins', sans-serif;
overflow-x:hidden ;
}
/*--global-css--*/
*
{
    outline: none;margin: 0;padding: 0;box-sizing: border-box;
}
p {
    font-size: 16px;
    font-weight: 400;
}
h3 {
    font-size: 30px;
    font-weight: 500;
}
h1{font-size: 48px;
    font-weight: 700;}

.white
{
    color: #fff;;
}



 ul li{
    list-style: none ;
 }
 ol, ul {
    padding-left: 0rem;
}
a{
    text-decoration: none;
}

h1, h2, h3, h4, h5, h6, p{
    margin:0px;
    padding: 0px;
}
.relative{
    position:relative;
}
.absolute{
    position:absolute;
}
.flex-bw{
    justify-content: space-between;
}
.btn:focus{
    box-shadow: none;
}

/* header css */
.nav-top{
    margin-left: auto;
}
.main-header{
    position: inherit;
    width: 100%;
    top: 44px;
    background-color: #fff;
    z-index: 99;
    transition: all .2s;
    border-bottom: 1px solid #E4E5E8;
}
.top-banner{
    padding: 45px 0px 20px 0px;
    position: relative;
}
.cross-bar{
    display: none;
}
.scrolling-active .main-header{
    position: fixed;
    top: 0px;
    box-shadow: 0px 4px 6px rgba(0,0,0,.1);
    background-color: #fff;
    z-index: 9999;
}
/* end */

/* footer */
.footer-sec {
    background-color: #133C83;
    padding: 80px 0px 0px 0px;
}


.text-list h5{font-weight: 500;
    font-size: 15px;
   margin-bottom:14px;
    line-height: 24px;
    color: #FFFFFF;}
    .text-list ul li a {
        font-weight: 400;
        font-size: 12px;
        line-height: 24px;
        color: #9FB8D8;
        text-decoration: none;
    }
.text-list ul li{padding-bottom: 6px;}
.text-list ul li a:hover{color:#fff;opacity: 1; padding-left: 10px;}

.cke_notification_warning {
    display: none !important;
}


.copy-right {
    border-top: 1px solid rgb(16 15 15 / 20%);
    margin-top: 65px;
    background: #0E3374;
}
.copy-p{font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    display: flex;
    align-items: center;
    color: #FFFFFF;
margin-bottom: 0px;}

    .copy-p a{color:#00AFF4;text-decoration: none;}
.nav-copy li a{padding:18px 7px;font-weight: 400;
    font-size: 14px;
    color: rgba(255,255,255,.6);text-decoration: none;}
.nav-copy{justify-content: end;    padding: 18px 0px;}
.border-r{border-right: 1px solid rgba(255,255,255,.2);padding:7px 0px;}
.nav-copy li a:hover{opacity: 1;color: #fff;}
.mobile-show{display: none;}
/* end */

/* login css */
.outer-bg-login{
    height: 100vh;
    min-height: 100%;
    width: 100%;
    object-fit: cover;
    position: relative;
}
.outer-bg-login .large-bg{
    height: 100%;
    width: 100%;
    object-fit: cover;
}
.login-logo {
    position: absolute;
    top: 30px;
    left: 40px;
}
.form-outer{
    height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
   
}
.form-main{
    width: 65%;
    margin: auto;
    padding: 20px 0px;
}
.collapse-c{
    width: 100%;
}
/* form input css */
.form-control{
    height: 62px;
    border-radius: 10px;
    border:1px solid #AEB2C5;
    font-size: 16px;
    color: #000;
    font-weight: 400;
    padding:18px 20px;
    background-color: #FBFDFF;
}
.form-control:focus{
    box-shadow: none;
    outline:none
}

input::placeholder{color: #AEB2C5 !important;
}

/* end */
/* .iti__flag-box{
    height: 22px !important;
    width: 22px;
    border-radius: 50% !important;
}
.iti__flag{
    height: 22px !important;
    width: 22px;
    border-radius: 50% !important;
} */


.iti.iti--allow-dropdown{
    width: 100%;
}
 .iti__flag-container:hover .iti__selected-flag {
    background: transparent !important;
}
.iti__selected-flag{
    position: relative;
}
/* .iti__selected-flag::after {
    content: '';
    border-right: 2px solid #ccc;
    height: 23px;
    position: absolute;
    right: -7px;
}
.iti--allow-dropdown input, .iti--allow-dropdown input[type=text], .iti--allow-dropdown input[type=tel],  .iti--separate-dial-code input[type=text], .iti--separate-dial-code input[type=tel] {

    padding-left: 80px !important;
} */
.iti__selected-flag {
    padding: 0 7px 0 14px;
}
.drop-flag .iti__arrow {
    margin-left:9px;
    width: 8px;
    height: 8px;
    border: 2px solid #000;
    border-top: 0px solid transparent;
    border-right: 0px solid transparent;
    transform: rotate(-45deg);
}
.iti__country-list {
    width: 500px;
    max-width: 500px;
}
ul#parsley-id-5{
    position: absolute;
    margin-top: 5px;
}
.head-1{
    font-size: 32px;
    font-weight: 600;
    line-height: 48px;
}
.mail-p {
    color: #848FAC;
    font-size: 18px;
    font-weight: 400;
    line-height: 27px;
    margin: 5px 0px 25px 0px;
}
.common-btn{
    height: 56px;
    background-color: #174088;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    border-radius: 5px;
    font-size: 15px;
    font-weight: 500;
}
.common-btn:hover{
    color: #fff;
    opacity: .9;
}
.common-btn:focus{
    box-shadow: none;
}


.send-otp{
    width: 100%;
    margin-top: 40px;
}

.reg-now{
    text-align: center;
    font-size: 18px;
    font-weight: 400;
    color: #BDBEC2;
    margin-top: 20px;
}
.reg-now a{color:#174088;font-weight: 600;
text-decoration: none;}
.reg-now a:hover{
color: #000;
}

/* otp screen */


.verification-code {
    position: relative;
    margin:50px auto;
    text-align:center;
}
.control-label{
  display:block;
  margin:40px auto;
  font-weight:900;
}
.verification-code--inputs input[type=text] {
    width: 68px;
    max-width: 25%;
    height: 62px;
    padding: 10px;
    text-align: center;
    display: inline-block;
    box-sizing: border-box;
    border-radius: 10px;
    border: 1px solid #AEB2C5;
    font-size: 16px;
    color: #000;
    font-weight: 500;
    padding: 20px;
    background-color: #FBFDFF;
}
.verification-code--inputs {
    display: flex;
    justify-content: center;
    gap:60px;
}

.pt-40{
    padding-top: 100px;
}
.arrow-left{
position: absolute;
top: 9%;
}
.mail-p span{
    color: #174088;
    font-size: 18px;
    font-weight: 500;
}
.input-padding input, .input-padding select {
    padding-left: 45px;
}
.ic_pos{
    position: absolute;
    left: 18px;
    top:20px;
}

.pos-fix{
    position: fixed;
    right: 0px;
}

.input-padding select{
    appearance: none;
}
.drop-ic{position: relative;}
.drop-ic::after {
    position: absolute;
    content: '';
    right: 25px;
    top: 21px;
    border: 5px solid #000;
    border-top: 5px solid transparent;
    border-right: 5px solid transparent;
    transform: rotate(-45deg);
    pointer-events: none;
}

/* landing page css */
.g-bg{
    background-color: #F1F2F4;
    padding: 10px 0px;
}

.nav-top-grey li a{
    color: #131517;
    font-weight: 500;
    font-size: 18px;
    line-height: 24px;
}
.nav-top-grey li{padding-right: 30px;}
.nav-top-grey li:last-child{padding-right: 0px;}
/* .nav-top-right {justify-content: right;} */
/* .nav-top-right li{padding-right: 30px;}
.nav-top-right li:last-child{padding-right: 0px;} */


.lang-head{
    background-color: #174088;
    color: #fff;
}




.outer-lang .lang {
    border: none;
    padding-left: 30px;
    background: transparent;
    color: #5E6670;
    font-size: 14px;
    outline: none;
    appearance: none;
    }
img.flag-ic {
    position: absolute;
    left: 6px;
    top: 6px;
}
.contact-f{
    color: #18191C;
    font-size: 16px;
    font-weight: 400;
    padding-right: 30px;
}
.outer-search input {
    padding: 18px 150px 18px 42px;
    border: none;
    box-shadow: 0px 4px 6px rgba(1,70,177,.1);
    border-radius: 8px;
    width: 100%;
    
}
.outer-search {
    position: relative;
    width: 80%;
    margin-left: 30px;
}
.button-sec {
    position: absolute;
    right: 15px;
    top: 10px;
    display: flex;
    align-items: center;
}

.search-pos input::placeholder{
    color: #6E7175;
    font-size: 14px;
    font-weight: 400;
}
.button-sec {
    position: absolute;
    right: 15px;
    top: 15px;
}

.button-sec button{
    height: 30px;
    font-size: 11px;
}
/* img.search-pos {
    position: absolute;
    right: 28px;
    top: 19px;
} */

img.search-pos {
    position: absolute;
    left: 20px;
    top: 20px;
}
.form-check-inline {
    margin-right: 18px;
    margin-bottom: 5px;
}

.flex-search{align-items: center;}
.nav-right{
    justify-content: right;
}

.notif-pos{
    position: relative;
}

.custom-drop .notif-pos .dropdown-menu {
    min-width: 280px!important;
}
.notif-pos::after {
    position: absolute;
    height: 11px;
    width: 11px;
    border-radius: 50%;
    background-color: #174088;
    border: 2px solid #fff;
    content: '';
    box-shadow: 0px 4px 6px rgba(1,70,177,.1);
    right: 0px;
}
.nav-right li{
    padding-left: 30px;
}

.nav-right li:first-child{
    padding-left:0px;
}
.nav-top.nav-right {
    display: flex;
    align-items: center;
}
button.btn-p.dropdown-toggle {
    background: transparent;
    border: none;
}

.dropdown-toggle::after{
    border: 0px;
}
.profile-outer{
    border: 1px solid #efeeee;
    border-radius: 50%;
}
.profile-outer button{
    height: 50px;
    width: 50px;
    border-radius: 50%;
}
.profile-outer img{
    height: 100%;
    width: 100%;
    border-radius: 50%;
    object-fit: cover;
}
.flex-profile{
display: flex;
align-items: center;
justify-content: end;
gap:25px
}
.p-18{padding: 18px 0px;}

.right-f {
    display: none;
    transition: all .5s;
    position: absolute;
    left: -16px;
    top: 3px;
}
.text-list ul li a{
    transition: all .5s;
    position: relative;
}
.text-list ul li a:hover .right-f {
    display: inline-block;
    transition: all .5s;
    left: -10px;
}


.footer-t{
    font-size: 13px;
    font-weight: 400;
    color: #9FB8D8;
    margin-bottom: 5px;
}
.footer-t span{  font-size: 13px;
    font-weight: 500;
    color: #fff;}

.cursor-pointer
{
    cursor:pointer;
}

.footer-t a{  font-size: 13px;
font-weight: 500;
color: #fff;}

.small-p{
    color: #9FB8D8;
    font-size: 11px;
    font-weight: 400;
}

/* landing1 */
.flex-user{
    display: flex;
    align-items: center;
    width: 100%;
}
.user-content{
    color: #000;
    font-size: 16px;
    font-weight: 600;
    line-height: 20px;
    width: calc(100% - 77px);
    padding-left: 15px;
    max-width: 90%;
}
.user-side {
    background-color: #174088;
    height: 47px;
    width: 47px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 23px;
    color: #fff;
}

.outer-tabs {
    height: 107px;
    border: 1px solid #174088;
    margin-bottom: 15px;
    border-radius: 24px;
    display: flex;
    align-items: center;
    padding: 18px;
    position: relative;
    overflow: hidden;
}
.outer-tabs.active{
    background-color: #174088;
    
}
.outer-tabs.active .user-content{color: #fff;}
.outer-tabs.active .user-side{
    background-color: #fff;
    color: #174088;
}

.top-tabs{
margin-top: 0px;
/* min-height: 60vh; */
}

.head-3{font-size: 18px;
    line-height: 24px;
    font-weight: 500;
color: #18191C;
margin-bottom: 10px;}

button.btn-ic {
    border: 0pc;
    background: transparent;
    color: #174088;
}
.form-label{
    color: #150B3D;
    font-size: 16px;
    font-weight: 500;
}

span.clr-red {
    color: #E0261A;
}

.space-custom{
    margin-top: 44px;
}

/* radio button css*/
.form-check-input:checked {
    background-color: #174088;
    border-color: #174088;
    width: 20px;
    height: 20px;
}

.form-check-input {
    width: 20px;
    height: 20px;
    margin-top: 0px;
    margin-right: 6px;
    background-color: #fff;
    border: 2px solid rgb(19 60 131);
}
.form-check-input:focus {
    border-color: #133c83;
    outline: 0;
    box-shadow: none;
}
label.form-check-label {
    font-size: 18px;
    font-weight: 400;
    line-height: 20px;
    color: #150B3D;
}
.form-check-inline {
    margin-right: 40px;
}
.sm-text{
    font-size: 15px;
    font-weight: 400;
    color: #666C7D;
    margin-top: 5px;
}
.form-label small{
    color: #898A8D;
    font-size: 12px;
    font-weight: 500;
}

.clr-grey{
    border-color:#AEB2C5;
}
.label-15{
    font-size: 15px !important;
    font-weight: 500 !important;
    margin-top:15px !important;
}

.form-sec{
    padding-bottom: 30px;
}

.education-space{
    margin: 40px 0px 20px 0px;
}

.outer-uploads{
    position: relative;
    overflow: hidden;display: flex;
    align-items: center;
    justify-content: center;
    background-color: #FBFDFF;
    border-radius: 10px;
    height: 104px;
    display: flex;
    align-items: center;
    justify-content: center;
    border:1px dotted #AEB2C5;
        font-size: 15px;
        color: #150B3D;
        font-weight: 500;
        line-height: 20px;
        margin-bottom: 10px;
}
input.file-pos {
    position: absolute;
    width: 100%;
    height: 100%;
    opacity: 0;
}  

textarea{
    height: 100% !important;
    resize: none;
}
.max-h-textarea{
    height: 104px !important;
}

.out-up{
    border: none;
    background-color: transparent;
    justify-content: left;
    height: 40px;
    color: #174088;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    max-width: 250px;
}

.out-up .file-pos{
    width: auto;
}

.btn-infos{
        padding: 6px 35px;
        font-size: 18px;
        margin: 25px 0px;
        /* min-width: 280px; */
        
}

.radio-pos{
    margin-left: auto;
}

.btn-ic{
    position: relative;
}

.btn-ic:hover .content-hover{display: block;}
.content-hover {
    padding: 10px;
    border: 1px solid #efefef;
    display: none;
    position: absolute;
    border-radius: 6px;
    background: #fff;
    min-width: 168px;
    text-align: left;
    z-index: 9;
    font-size: 12px;
    color: #000;
    text-align: center;
    box-shadow: 0px 4px 6px rgba(0,0,0,.1);
}
.flex-profile2{
    align-items: center;
        justify-content: right;
        margin-left: auto;
}
.flex-profile2 li{
    padding-left: 40px;
}

.flex-profile2 li:first-child{
    padding-left: 0px;
}
a{
    color: #131517;
    font-size: 18px;
    font-weight: 500;
    line-height: 24px;
}

.flex-profile2 li.active a{
    color: #15408B;
}
.signup {
    height: 48px;
    color: #fff !important;
    border-radius: 8px;
    padding: 5px 27px;
    font-size: 18px;
}
.flex-profile2 li.active .signup{
    color: #fff;
}
.bg-none{
    background-color: transparent;
    top: 0;
}

/* homepage css */
.banner-bg {
	/* background-image: url('/assets/images/b-banner.svg'); */
	position: relative;
	background: url('../images/b-banner.svg');
	background-position: center;
	background-repeat: no-repeat;
	padding: 0px 0px 0px 0px;
	background-size: cover;
	background-image: linear-gradient(to right, #F3F7FA, #E2EBF5);
}
.mob-show{display: none;}
.content-banners h1{
    font-size: 48px;
    font-weight: 700;
    line-height: 51px;
}
.content-banners p{
    font-size: 21px;
    font-weight: 400;
    line-height: 31px;
    padding: 20px 0px 40px 0px;
    text-align: justify;
}
.nav-prof li {
    margin-left: -8px;
}

.flex-part{
    display: flex;
    justify-content: space-between;
}
.img-prof{height: 32px;
width: 32px;
border-radius: 50%;
border:1px solid #fff}
.img-prof img{height: 100%;
    width: 100%;
    border-radius: 50%;
object-fit: cover;}

.left-l h6{
    color: #131517;
    font-size: 16px;
    font-weight: 600;
    margin:15px 0px;
}
.left-l h6 span{color: #0146B1;}
.left-l{
    width: 50%;
}
.right-suit{ width: 50%;}
.position-radio {
    width: 100%;
    height: 100%;
    position: absolute;
    opacity: 0;
    left: 0;
    top:0
}

.active-hide{
    display: none;
}
.outer-tabs.active .active-show{
    display: block;
}
.right-suit{
    height: 105px;
    background-color: #fff;
    padding: 15px;
    text-align: center;
    border-radius: 12px;
    max-width: 185px;
}
.right-suit h3{
    font-size: 24px;
    font-weight: 700;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #131517;

}
.right-suit p{
    padding: 5px 0px;
    font-size: 16px;
    font-weight: 600;
    color: #131517;
}


.link_sec .dropdown-menu.dropdown-menu-right a:active {
    background-color: transparent !important;
}

.dropdown-item.active {
    background-color: transparent !important;
}

.large-search .outer-search {
    position: relative;
    width: 90%;
    margin-left: 0px;
    position: absolute;
    bottom: -60px;
    left: 50%;
    transform: translateX(-50%);
}

.large-search .outer-search input {
    padding: 38px 220px 38px 70px;
    border: none;
    box-shadow: 0px 4px 6px rgba(1,70,177,.1);
    border-radius: 12px;
    width: 100%;
    font-size: 18px;
}
.mw-200{
    max-width: 200px;
    width: 100%;
}
.large-search .outer-search .button-sec button {
    height: 49px;
    font-size: 18px;
    border-radius: 8px;
    padding: 6px 30px;
}


.large-search .outer-search .button-sec {
    position: absolute;
    right: 15px;
    top: 26px;
}
.large-search .button-sec .fas{
    font-size: 25px;
}
.large-search  img.search-pos {
    position: absolute;
    left: 33px;
    top: 38px;
}

.profile-slider{
    padding: 90px 0px 60px 0px;
}

.outer-prfile-slide{
height: 90px;
padding: 20px;
border-radius: 23px;
display: flex !important;
align-items:center;
margin: 10px;
box-shadow: 0px 4px 6px rgba(0,0,0,.1);
}
.outer-prfile-slide p{
    font-size: 17px;
    font-weight: 500;
    line-height: 23px;
    width: calc(100% - 50px);
    padding-left: 10px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.bg-1{
    background-color: #EAF0F6;
    border: 1px solid #2868A4;
}

.img-profiles{
    height: 47px;
    width: 47px;
    border-radius: 50%;
}

.img-profiles img{
    height: 100%;
    width: 100%;
    border-radius: 50%;
    object-fit: cover;
}

.bg-2{
    background-color: #F1ECF6;
    border: 1px solid #7743A8;
}

.bg-3{
    background-color: #EBF9FE;
    border: 1px solid #35C1EF;
}

.bg-4{
    background-color: #EEEDF1;
    border: 1px solid #524B6B;
}
.clamp{ display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;}

.papular-search{
    margin-bottom: 60px;
}

.search-p h5{
    font-size: 14px;
    font-weight: 500;
    line-height: 21px;
    color: #000;
    margin-bottom: 3px;
}
.search-p p{
    font-size: 12px;
    font-weight: 400;
    line-height: 15px;
    color: #767F8C;
}
.head-2{
    font-size: 32px;
    line-height: 48px;
    font-weight: 500;
    margin-bottom: 20px;
}
.search-p {
    margin-bottom: 27px;
    display: block;
    padding: 10px;
    border: 1px solid transparent;
    position: relative;
    overflow: hidden;
}
.search-p.active, .search-p:hover{
background: #F1F5FD;
border: 1px solid #D3E2F9;

border-radius: 6px;
}
.work-bg{
    background-color: #F1F5FD;
    padding: 73px 0px 100px 0px;
}

.search-p input {
    opacity: 0;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
}
.circle-ic {
    height: 54px;
    width: 54px;
    border-radius: 50%;
    background-color: #174088;
    color: #fff;
    margin: 20px auto;
    display: flex;
    align-items: center;
    justify-content: center;
}
.outer-work-sec{
    padding: 20px;
    margin-bottom: 20px;
    text-align: center;
    border-radius: 9px;
    transition: all .5s;
    position: relative;
}
.outer-work-sec h4{
    color: #18191C;
    font-size: 14px;
    line-height: 21px;
    font-weight: 500;
}
.outer-work-sec p{
    color: #767F8C;
    font-size: 11px;
    line-height:15px;
    font-weight: 400;
    text-align: justify;
}

.outer-work-sec:hover, .outer-work-sec.active{
background-color: #DBE3F2;
box-shadow: 0px 2px 2px rgba(0,0,0,.1);
}
.outer-work-sec:hover .circle-ic img{
    transform: scale(1.2);
}
.outer-work-sec .circle-ic img{
    transform: scale(1);
    transition: all .5s;
}

.up-arrow::after {
    content: '';
    position: absolute;
    left: -33%;
    top: 0;
    background-image: url('../images/up-arrow.svg');
    background-repeat: no-repeat;
    width: 100%;
    height: 100%;
}

.down-arrow::after {
    content: '';
    position: absolute;
    left: -33%;
    top: 38%;
    background-image: url('../images/down-arrow.svg');
    background-repeat: no-repeat;
    width: 100%;
    height: 100%;
}

.outer-builder {
    position: relative;
    background: url('../images/resume.jpg');
    background-position: center;
    background-repeat: no-repeat;
    padding: 39px 73px 15px 40px;
    background-size: cover;
    border-radius: 13px;
    min-height: 250px;
    display: flex;
    align-items: center;
    
}

.outer-builder h3{
    color: #fff;
    font-size: 27px;
    line-height:33px;
    font-weight: 500;
}

.outer-builder p{
    color: #fff;
    font-size: 11px;
    line-height:16px;
    font-weight: 400;
    margin: 20px 0px;
   display: -webkit-box;
    -webkit-line-clamp: 6;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.content-builder{
    max-width: 55%;
}
.btn-create{
    height: 40px;
    padding: 5px 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #fff;
    border-radius: 3px;
    font-size: 14px;
    color: #0A65CC;
}
.btn-create:hover{
    background-color: #000;
    color:#fff;
}
/* .grey-assign{position: relative;
    background: url('../images/assisment.jpg');
    background-position: center;
    background-repeat: no-repeat;
    padding: 39px 73px 15px 40px;
    background-size: cover;
    border-radius: 13px;
    min-height: 250px;
    display: flex;
    align-items: center;} */

    .grey-assign {
        position: relative;
        /* background: url('../images/assisment.jpg'); */
background: url('https://s3.ap-south-1.amazonaws.com/getmedjob-assests/public/website/dashboard/assisment-Photoroom.png');

        background-position: center;
        background-repeat: no-repeat;
        /* padding: 39px 73px 15px 40px; */
        background-size: cover;
        border-radius: 13px;
        min-height: 247px;
        display: flex;
        align-items: center;
        padding: 15px 22px 20px 42px;
        margin-bottom: 15px;
    }



    .continue {
        background-color: #174088;
        color: #fff;
        display: inline-flex;
    }

.continue:hover{
    background-color: #000;
    color:#fff;
}
.grey-assign h3{
    color: #191F33;
    font-size: 27px;
    line-height:33px;
    font-weight: 500;
}
.grey-assign p{
    color: #636A80;
    font-size: 11px;
    line-height:16px;
    font-weight: 400;
    margin: 0px 0px 25px 0px;
     /* display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
    overflow: hidden; */
    text-align: justify;
}

.space-y{
    padding: 30px 0px;
}

.card-suggest{
    border: 1px solid #e6e6e6;
    padding: 15px;
    margin-bottom: 20px;
    background-color: #fff;
    border-radius: 12px;
}
.card_cc.card-suggest{
    border: 0px !important; 
    padding: 0px !important; 
}
.parsley-errors-list {
    padding-left: 0px !important;
}
    
.suggest-bg{
    background-image: linear-gradient(to bottom, rgba(253,253,254,1), rgba(251,252,253,1));
    min-height: calc(100vh - 541px);
padding-bottom: 70px;}
.logo-s-flex{
    height: 44px;
    width: 44px;
    overflow: hidden;
}
.logo-s-flex img{
    height: 100%;
    width: 100%;
    object-fit: cover;
    overflow: hidden;
}

.btn-dot{
    padding: 0px 5px;
    border: none;
    background-color: transparent;
}

.flex-logo{
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 15px;
}
.nav-r .pl-20{
    padding-left: 20px;
}
.nav-r li a i{color: #BAC6DC;}
.nav-r li a.active i{color: #174088;}

.custom-drop li:first-child{
    padding-left: 0px;
}
.custom-drop .dropdown-menu {
    border: 1px solid #deeaff;
    background: #fff;
    box-shadow: 0px 4px 7px rgba(0, 0, 0, .2);
    border-radius: 8px;
    overflow: hidden;
}
.custom-drop .dropdown-item:focus, .custom-drop .dropdown-item:hover {
    color: #ffffff;
    background-color: #174088;
}


.custom-drop ul li a{
    color: #150B3D;
    font-size: 12px;
    font-weight: 500;
}
.custom-drop .dropdown-item.active, .custom-drop .dropdown-item:active {
    color: #fff !important;
    text-decoration: none;
    background-color: #174088;
}

.custom-drop li a{
    color: #D0D9E7;
}
.custom-drop li a.active{
    color: #174088;
}
.flex-rate{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.flex-rate p{
    color: #AAA6B9;
    font-size: 11px;
    font-weight: 400;
    line-height: 16px;
}
.btn-apply{
    height: 30px;
    font-size: 12px;
    padding: 5px 20px;
}

.flex-rate h5{font-size: 15px;
    line-height: 20px;
color: #000000;
font-weight: 600;}

.flex-rate h5 span{
    font-size: 13px;
    color: #AAA6B9;
    font-weight: 400;   
}

.card-suggest h6{
    font-size: 18px;
    color: #150A33;
    font-weight: 500;  
}
.card-suggest p{
    font-size: 15px;
    color: #000;
    font-weight: 400;  
    line-height: 20px;
    padding: 5px 0px;
}

/* .left-space{
    padding-left: 8%;
} */
.right-ic{
    margin-left: auto;
    display: block;
}

.find-jobs{
    background-image: linear-gradient(to bottom, rgba(253,253,254,1), rgba(23,64,136,.1));
padding-bottom: 0px;}
.app-btn{
    margin-top: 45px;
    gap:20px;
}

.text-job h3{   font-size: 42px;
    color: #131517;
    font-weight: 700;  
    line-height: 63px;}
    .text-job h3 span{   
        color: #174088;
    }

.text-job p{   font-size: 21px;
    color: #24272D;
    font-weight: 400;  
    line-height: 31px;
margin: 10px 0px;}
    
.testimonial-sec {
    background-color: #F1F2F4;
    padding: 80px 0px;
    border-top: 1px solid #e2e2e2;
}

.cards-out {
    min-height: 220px !important;
    background-color: #fff;
    border-radius: 9px;
    padding: 17px;
    margin: 15px;
    box-shadow: 0px 3px 3px rgba(0,0,0,.02);
}
.nav-star i{
    padding-right: 4px;
    color: #FFAA00;
    font-size: 16px;
}
.cards-out .main-t {
    color: #464D61;
    font-size: 12px;
    font-weight: 400;
    line-height: 18px;
    display: -webkit-box;
    -webkit-line-clamp: 6;
    -webkit-box-orient: vertical;
    overflow: hidden;
    margin: 10px 0px;
    min-height: 105px;
}
.profile-test{
    display: flex;
    align-items: center;
}
.img-test-p{
    height: 36px;
    width: 36px;
    border-radius: 50%;
}
.img-test-p img{
    height: 100%;
    width: 100%;
    border-radius: 50%;
    object-fit: cover;
}
.c-test-p{
    width: calc(100% - 40px);
    padding: 0px 40px 0px 5px;
}
.c-test-p h6{font-size: 12px;
    color: #191F33;
    font-weight: 500;  
    line-height: 18px;}
.c-test-p p{font-size: 10px;
    color: #767E94;
    font-weight: 400;  
    line-height: 15px;}

.quot-ps{
    position: absolute;
    right: 0px;
    top: 0px;
}

/* slick buttons */
.slider-btn .slick-arrow {
    border: none;
    font-size: 0px;
    background: #fff;
    height: 36px;
    width: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 4px;
    padding: 5px;
    top: 40%;
    position: absolute;
}
.slider-btn .slick-next{
    left: 0;
}
.slider-btn .slick-next::after {
    position: absolute;
    left: 50%;
    top: 50%;
    content: '';
    background-image: url('../images/l-arrow.png');
    background-repeat: no-repeat;
    height: 100%;
    width: 100%;
    transform: translate(-26%, -26%);
}
.slider-btn .slick-prev::after {
    position: absolute;
    left: 50%;
    top: 50%;
    content: '';
    background-image: url('../images/r-arrow.png');
    background-repeat: no-repeat;
    height: 100%;
    width: 100%;
    transform: translate(-26%, -26%);
}


.slider-btn .slick-prev{
    right: 0;
}
.slider-btn .slick-dots{display: flex;
align-items: center;
justify-content: center;
margin-bottom: 0px;}

.slider-btn .slick-dots li button{
    border: none;
    height: 8px;
    width: 8px;
    border-radius: 50%;
    background-color: #A0A7B1;
    font-size: 0px;
    z-index: 99;
}
.slider-btn .slick-dots li{
    padding: 3px;
}

.slider-btn .slick-dots li.slick-active button {
    background-color: #174088;
    width: 18px;
    border-radius: 6px;
}
.test-slider .slick-list.draggable {
    width: 92%;
    margin: auto;
}

/* review info css */
.nav-info h6{
    font-size: 16px;
    color: #150B3D;
    font-weight: 500;  
    line-height: 24px;
    margin-bottom: 3px;

}
.nav-info p{
    font-size: 16px;
    color: #524B6B;
    font-weight: 400;  
    line-height: 24px;

}
.nav-info {
    margin: 15px 0px;
}

.nav-info li {
    border-bottom: 1px solid rgba(222, 225, 231, .5);
    display: block;
    width: 100%;
    padding: 14px 0px;
}

.flex-pdf {
    display: flex;
    align-items: center;
    font-size: 12px;
    font-weight: 500;
    color:#150B3D;
}
.flex-pdf img {
    padding-right: 5px;
}
.modal-test .modal-content {
    border-radius: 40px;
}
.modal-test .modal-body {
    padding: 40px;
    text-align: center;
}
.content-m {
    min-height: 180px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.content-m p{
    color: #202244;
    font-size: 22px;
    line-height: 33px;
    font-weight: 600;
}

.space-custom2{
    margin-top:90px
}
.navbar-nav .dropdown-menu {
    position: absolute;
}

.header-image {
    height: 54px;
}

.modal-inner .content-m p {
    font-size: 28px;
    line-height: 42px;
    font-weight: 500;
    padding: 20px 0px;
}


.nav-modal-scroll li .dot {
    border: none;
    height: 8px;
    width: 8px;
    border-radius: 50%;
    background-color: #DDDEDF;
    font-size: 0px;
    z-index: 99;
}
.nav-modal-scroll {
    justify-content: center;
    margin-top: 26px;
}
.nav-modal-scroll li{
    padding:3px;
}
.nav-modal-scroll li.active .dot{
    background-color: #174088;
    width: 25px;
    border-radius: 6px;
}
.nav-modal-scroll li a:hover{
    cursor: pointer;
}
.flex-bs{
        display: flex;
        align-items: center;
        gap: 15px;
}

.btn-not-now{
    border: 1px solid #AAAAAA;
    background-color: transparent;
    color: #AAAAAA;
}
.btn-not-now:hover{
    color: #AAAAAA;
}


.m-w-auto{
    min-width: auto;
}

.content-terms{
    text-align: left;
}
.content-terms h1{
    font-size: 22px;
    line-height: 28px;
    font-weight: 600;
    margin-bottom: 20px;
    color: #000;
}
.content-terms h5{
    font-size: 18px;
    line-height: 27px;
    font-weight: 500;
    margin-bottom: 20px;
    color: #000;
}
.content-terms h6{
    font-size: 15px;
    line-height: 22px;
    font-weight: 400;
    margin-bottom: 3px;
    color: #000;
    text-transform: uppercase;
}
.content-terms p{
    font-size: 15px;
    line-height: 22px;
    font-weight: 400;
    margin-bottom: 30px;
    color: #000;
}
.terms-check{
    font-size: 15px;
    line-height: 22px;
    font-weight: 500;
    color: #4F4F4F;
}
.terms-check a{
    color: #03AEE6 !important;
    font-weight: 600;
}

.congrats h1{
    color: #202244;
    font-size: 28px;
    line-height: 41px;
    font-weight: 600;
    margin-top:30px;
}

.congrats p{
    color: #545454;
    font-size: 16px;
    line-height: 24px;
    font-weight:400 ;
    margin: 20px 0px 40px 0px;
    text-align: justify;
}
.modal-test .btn-infos{height: 68px;}

.arrow-left2{
    position: absolute;
    top: 15px;
    }

.payment-party{
    min-height: 300px;
}

.nav-top-grey li.active a{
    color: #174088;
}

.nav-job li a{
    color: #524B6B;
    font-size: 14px;
    line-height: 21px;
    font-weight: 400;
}
.nav-job li{
    display: flex;
    align-items: center;
}
.nav-job{
    gap: 40px;
}

.nav-job li.active a{
    background-color: #174088;
    height: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 5px 35px;
    color: #fff;
}

.content-sec-tab{
padding:30px 0px;}

.content-sec-tab .btn-apply{
    height: 40px;
}

.large-card .card-suggest h6 {
    font-size: 18px;
    color: #150A33;
    font-weight: 500;
    line-height: 27px;
}
.large-card .card-suggest p {
    font-size: 16px;
    color: #524B6B;
    font-weight: 400;
    line-height: 24px;
    padding: 0px 0px;
}
.pagination-sec .pagination{
    gap:8px;
    padding-top: 20px;
    display: flex;
    align-items: center;
}
.pagination-sec .pagination li a {
    border: 0px;
    color: #515B6F;
    font-size: 16px;
    line-height: 26px;
    font-weight: 600;
    height: 46px;
    width: 46px;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.pagination-sec .pagination .page-item.active .page-link {
    z-index: 3;
    color: #fff;
    background-color: #174088;
    border-color: #174088;
}
.pagination-sec .pagination .page-item.active, .pagination-sec .pagination .page-link:focus{
box-shadow: none;
}
.pagination-sec .pagination .page-item:last-child .page-link {
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px;
}

.pagination-sec .pagination .page-item:first-child .page-link {
    border-top-left-radius: 8px;
    border-bottom-left-radius: 8px;
}
.pagination .page-item.active a{
color: #fff !important;
}


.right-box{
border: 1px solid #A0A7B1;
padding: 45px 55px;
border-radius: 7px;
}

.form-small .form-control{
height: 50px;
font-size: 12px;
padding: 10px 15px;
}
.form-small .drop-ic::after {
    right: 20px;
    top: 18px;
}
.form-small .sm-text{
    font-size: 11px;
    line-height: 16px;
    font-weight: 400;
}
.form-small .form-label {
    color: #150B3D;
    font-size: 14px;
    font-weight: 500;
}

.form-small .accordion {
    margin-top: 40px;
  }
  .form-small .accordion .card {
    border: none;
    margin-bottom: 20px;
    background-color: transparent;
  }
  .form-small .accordion .card h2 {
    background: url(https://cdn0.iconfinder.com/data/icons/entypo/91/arrow56-512.png) no-repeat calc(100% - 10px) center;
    background-size: 15px;
    cursor: pointer;
    font-size: 14px;
    line-height: 21px;
    font-weight: 500;
    color: #150B3D;
  }
  .form-small .accordion .card h2.collapsed {
    background-image: url(https://cdn0.iconfinder.com/data/icons/arrows-android-l-lollipop-icon-pack/24/expand2-256.png);
  }
  .form-small .accordion .card-body {
    padding-left: 0;
    padding-right: 0;
    padding-bottom: 0px;
  }

.nav-tb li a{
    height: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #F5F4F6;
    border-radius: 6px;
    color: #524B6B;
    font-size: 12px;
    line-height: 18px;
    padding: 5px 15px;
}

.nav-tb{
    gap:10px;
}
.nav-tb li.active a{
   background-color: #174088;
   color: #fff;
}
.nav-exp-level li{
    margin-bottom: 15px;
}

.nav-exp-level .form-check-input {
    width: 18px;
    height: 18px;
}
.nav-exp-level label.form-check-label {
    font-size: 12px;
    font-weight: 400;
    line-height: 18px;
    color: #524B6B;
}
.nav-exp-level  .form-check {
    padding-left: 1.2em;
}

.description-bg{
    background-color: #F1F5FD;
}

.f-logo{
    display: flex;
    align-items: center;
}

.logo-f-outer {
    height: 112px;
    width: 112px;
    border: 2px solid #F2F2F2;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 19px;
    border-radius: 50%;
    overflow: hidden;
    background: #fff;
}

.content-f-outer h3{
    font-size: 30px;
    line-height: 45px;
    font-weight: 500;
}
.content-f-outer p{
    font-size: 22px;
    line-height: 33px;
    font-weight: 400;
}

.content-f-outer{
    padding-left: 20px;
    width: calc(100% - 112px);
}
.outer-book{
    height: 48px;
    width: 48px;
    border-radius:4px ;
    background-color: #E7F0FA;
    display: flex;
    align-items: center;
    justify-content: center;
}
.js-right{justify-content: right;
/* align-items: center; */
gap:10px;}
.btn-l{
    padding: 5px 40px;
    height: 48px;
}
.link_sec.dropdown{
    margin-top: 10px;
}
.job-d h3{
    font-size: 16px;
    line-height:23px;
font-weight: 500;
margin-bottom: 10px;
}
.job-d p{
    font-size: 13px;
    line-height:20px;
font-weight: 400;
margin-bottom: 14px;
}
.require-nav li{
    padding-bottom: 7px;
    position: relative;
    font-size: 13px;
    line-height:20px;
font-weight: 400;
padding-left: 17px;
}

.require-nav li:before {
    content: '';
    position: absolute;
    left: 0px;
    top: 7px;
    height: 5px;
    width: 5px;
    border-radius: 50%;
    background-color: #959191;
}

.require-nav{
    margin-bottom: 20px;
}

.jobs-card{
    border: 1px solid #E7F0FA;
    margin-bottom:30px;
    align-items: center;
    border-radius: 6px;
}
.jobs-card p{    font-size: 13px;
    line-height:20px;
font-weight: 500;}
.jobs-card h5{    font-size: 16px;
    line-height:20px;
font-weight: 500;
padding: 5px 0px;
color: #174088;}
.jobs-card h6{    font-size: 11px;
    line-height:16px;
font-weight: 400;
color: #767F8C;}

.content-rise {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    padding: 15px 0px;
}
.content-rise.border-r {
    position: relative;
}
.content-rise.border-r:after{
    content:'';
    position: absolute;
    border-right: 1px solid #E7F0FA;
    height: 100%;
    right: 0px;
} 
.jobs-card{
    padding: 25px;
}
.jobs-card h4{
    color: #18191C;
    font-size: 15px;
    line-height:23px;
font-weight: 500;
}

.job-over h6{
    font-size: 11px;
}
.job-over h5 {
    color: #18191C;
    font-weight: 500;
    font-size: 11px;
    padding: 0px;
    word-break: break-all;
}
.job-over img{
    padding-bottom: 3px;
}
.job-over .content-rise{
justify-content: left;
text-align: left;
display: block;
}
    

.modal-apply h1{
    color: #18191C;
    font-size: 20px;
    line-height:30px;
font-weight: 600;
text-align: center;
margin-bottom: 30px;
}

.modal-apply{
    text-align: left !important;
}
.modal-apply label{
color:#150B3D;
}


.f-22{
    font-size: 22px !important;
}
.you-apply{
    max-width: 70%;
    text-align: center;
    color: #545454;
    font-size: 18px !important;
    line-height:30px !important;
font-weight: 400 !important;
margin: 15px 0px 40px 0px !important;

margin-left: auto !important;
margin-right: auto !important;
}

.add-m{
    color: #174088;
    font-size: 16px;
    font-weight: 600;
    margin:20px 0px
}

.l-33{
    line-height: 33px !important;
}
.form-small hr {
    background: #c7c7c7;
}

/* assignment test */
.p-16{
    font-size: 16px;
    font-weight: 400;
    line-height: 20px;
    color: #5E6670;
}
.outer-pay{
    border: 1px solid #174088;
    padding: 15px;
    border-radius: 20px;
    background-color: #fff;
}
.outer-pay p{
    margin-bottom: 10px;
    font-size: 17px;
}
.copy-p{
    display: block;
    font-size: 14px;
}
.copy-p a{
   font-size: 14px;
   color: #fff;
}
.outer-pay .btn-success{
    margin-top: 10px;
    background-color: #174088;
    border: none;
}
.outer-pay:hover .btn-success{
    background-color: #fff;
    color: #174088;
}
.nav.nav-pay li .outer-pay{
    padding: 15px 40px;
}
.outer-pay button {
    height: 53px;
    font-size: 18px;
    font-weight: 700;
}
.nav-pay{
    margin:30px 0px;
}
.nav-pay li{
    margin-bottom:0px;
    width: 100%;
}
.btn-pay{
    font-size: 16px;
}
h3.price-tag {
    font-size: 22px;
    text-align: center;
    font-weight: 500;
    line-height: 36px;
}
.nav-pay li.active .outer-pay, .nav-pay li.active .outer-pay .head-3 , .nav-pay li:hover .outer-pay, .nav-pay li:hover .outer-pay .head-3{
    background: #174088;
    color: #fff;
}

.nav-pay li.active .outer-pay button{
    background-color:#fff ;
    color: #174088;
}


.nav-pay li.active .btn-pay{
    background-color: #fff;
    color:  #174088;
}
.nav-pay li.active .p-16 {
    color: #C8C8C8;
}


.nav-pay li:hover .btn-pay{
    background-color: #fff;
    color:  #174088;
}
/* .nav-pay li:hover .p-16 {
    color: #C8C8C8;
} */
.body-checkbox{
    text-align: left !important;
}
.body-checkbox .content-m{
    align-items: start;
}
.body-checkbox .form-check .form-check-input {
    float: left;
    margin-left: -1.5em;
    margin-top: 4px;
}
.body-checkbox .form-check {
    min-height: 1.5rem;
    padding-left: 1.9em;
    margin-bottom: .4rem;
}

.body-checkbox label.form-check-label{
    color: #202244;
    font-size: 22px;
    line-height: 31px;
    font-weight: 500;
}
.anchor-t a {
    color: #174088;
    font-size: 28px;
    word-break: break-all;
}

/* terms-condition */
.terms-sec{
    padding: 10px 0px;
}

.require-nav.public li{
    font-size: 16px;
    color: #000000;
    line-height: 24px;
}

.terms-sec h6{
    font-size: 16px;
    color: #000000;
    line-height: 24px;
    font-weight: 500;
    margin-bottom: 10px;
}
.terms-sec p{
    font-size: 16px;
    color: #000000;
    line-height: 24px;
    font-weight: 400;
    margin-bottom: 9px;
}
.terms-sec h5{
    font-size: 16px;
    color: #000000;
    line-height: 24px;
    font-weight: 400;
    margin-bottom: 0px;
    text-transform: uppercase;
}

.pera-space{
    margin-bottom: 20px !important;
}
.terms-c .label-16{
    font-size: 16px;
    font-weight: 600;
}
.terms-c .label-16 a{
    color: #03AEE6;
}
.terms-c{
    margin: 10px 0px;
}
.terms-c .form-check-input.clr-grey{
margin-top: 3px;
}
.flex-bw{
    display: flex;
    justify-content: space-between;
}
.timer-sec {
    color: #fff;
    height: 36px;
    background: #174088;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 5px 10px;
    font-size: 23px;
    font-weight: 600;
    border-radius: 5px;
}
/* progress bar */
.audio-progress {
    height: .2rem;
    width: 100%;
    background-color: #DEE1E7;
    position: relative;
}
  .audio-progress .bar {
    height: 100%;
    background-color: #174088;
    border-radius: 10px;
  }
  #audio-progress-handle {
    display: block;
    position: absolute;
    z-index: 1;
    margin-top: 0px;
    margin-left: -16px;
    cursor: pointer;
    right: -13px;
    border: 12px solid #174088;
    border-bottom: 12px solid transparent;
    border-left: 12px solid transparent;
    transform: rotate(-45deg);
    border-radius: 3px;
}
  
.progress-b .draggable {
    float: left; margin: 0 10px 10px 0;
  }
  #draggable-point{
    top:9px
  }

.flex-progress{
    display: flex;
    align-items: center;
}

.rount-count{
    height: 42px;
    width: 42px;
    background-color: #174088;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    font-weight: 600;
    color: #fff;
}
.progress-b{
    width: calc(100% - 45px);
    padding-left: 10px;
}
.qus-sec {
    padding: 15px 0px;
    margin: 24px 0px 40px 0px;
    border-bottom: 1px solid #DEE1E7;
}

.qus-sec .qus-1{
    font-size: 23px;
    font-weight: 500;
    line-height: 34px;
    color: #150B3D;
}
.qus-nav{
    display: block;
    margin-top: 20px;
}
.qus-nav li{
    margin-bottom: 15px;
}

.qus-nav .form-check-input {
    width: 20px;
    height: 20px;
    margin-top: 0px;
    margin-right: 6px;
    background-color: #ECEDEE;
    border: 2px solid #A4A6A9;
}

.qus-nav .form-check-input:checked {
    background-color: #174088;
    border-color: #174088;
}

.qus-nav label.form-check-label {
    font-size: 20px;
    font-weight: 500;
    line-height: 20px;
    color: #150B3D;
}

.result-contennt{
    text-align: center;
}
.outer-results {
    background-color: #fff;
    border-radius: 18px;
    margin: 20px 0px;
    box-shadow: 0px 0px 5px rgba(0,0,0,.1);
    padding: 30px 15px;
    text-align: center;
}
.col-6.border-rs {
    border-right: 1px solid #AEB2C5;
}
.outer-results h1{
    color: #174088;
    font-size: 28px;
    font-weight: 700;
    line-height: 42px;
}
.outer-results p{
    color: #202244;
    font-size: 15px;
    font-weight: 500;
    line-height: 22px;
}

.result-content h3 {
    color: #545454;
    font-size: 14px;
    font-weight: 400;
    line-height: 21px;
    margin: 22px 0px 45px 0px;
    text-align: center;
    display: block;
}
.t-left{
    text-align: left;
    padding: 40px 40px 10px 40px;
}
.congrats.t-left h1 {
    color: #202244;
    font-size: 25px;
    line-height: 37px;
    font-weight: 600;
    margin: 20px 0px 20px 0px;
}
.p-40{
    padding: 40px;
}

.tex-left{
    text-align: left;
}

.tex-left p{
    border-top: 1px solid #DEE1E7;
    border-bottom: 1px solid #DEE1E7;
    padding: 13px 40px;
    display: flex;
    align-items: center;
    color: #545454;
    font-size: 12px;
    line-height: 18px;
}
.tex-left p span{
    width: 90px;
    color: #202244;
    font-size: 18px;
    line-height: 27px;
    font-weight: 500;
}
.content-ff{
    padding-right: 40px;
    position: relative;
}

.edit-ic{
    position: absolute;
    right: 10px;
    top: 5px;
    color: #174088 !important;
}

/* payment history css */
.t-right{
    text-align: right;
}
.c-wallet h4{
    color: #000;
    font-size: 24px;
    line-height: 37px;
    font-weight: 500;
}
.c-wallet p{
    color: #263238;
    font-size: 19px;
    line-height: 34px;
    font-weight: 400;
}
.flex-wallet{
    display: flex;width: 100%;
    align-items: center;
}
.outer-wallet{
    background-color: #fff;
    border: 1px solid #A0A7B1;
    padding: 20px;
    border-radius: 13px;
}
.nav-wallet li{
    width: 100%;
    margin-bottom: 20px;
}
.c-wallet{
        width: calc(100% - 80px);
        padding-left: 15px;
}
.img-wallet {
    width: 80px;
} 
.t-right h4{
    color: #000;
    font-size: 24px;
    line-height: 34px;
    font-weight: 600;
}

.t-right a{
    color: #174088;
    font-size: 19px;
    line-height: 34px;
    font-weight: 600;
}

/* help-support */
.help-content{
    padding: 20px 0px;
}
.help-content h2{
    color: #000;
    font-size: 18px;
    line-height: 22px;
    font-weight: 600;
    margin-bottom: 15px;
}
.outer-mail{
    background-color: #F2F7FE;
    border: 1px solid rgba(23, 64, 136, .4);
    border-radius: 8px;
    margin-bottom: 10px;
    padding: 37px 23px;
}
.content-emails{
    position: relative;
    padding-left: 72px;
}
.content-emails h4{ color: #174088;
    font-size: 21px;
    line-height: 30px;
    font-weight: 500;}
.content-emails p{ color: #263238;
    font-size: 18px;
    line-height: 30px;
    font-weight: 600;}

    .content-emails i {
        position: absolute;
        left: 0;
        top: 3px;
        font-size: 50px;
        color: #174088;
    }


    /* chat */
    .main-heading{
        color: #1F384C;
        font-size: 20px;
        margin-bottom: 22px;
      }
    
      .outer-chat {
        display: flex;
        width: 100%;
        border: 1px solid #e0e0e0;
        background-color: #fff;
        margin: 15px 0px 0px 0px;
        height: 650px;
        overflow: hidden;
    }
    .left-msgs{
        width: 420px;
        border-right: 1px solid #B3B6C7;
    }
    .right-msgs{
        width: calc(100% - 420px);
       
    }
    
    .left-chat-header {
        background-color: transparent;
        padding: 10px 20px;
        position: relative;
    }
    
    .left-chat-header input {
        height: 55px;
        width: 100%;
        border-radius: 12px;
        background-color: transparent;
        padding-right: 40px;
        border: 1px solid #AEB2C5;
    }
 .left-chat-header .search-pos2 {
        position: absolute;
        right: 30px;
        top: 19px;
    }
    
        .chat-list {
            height: calc(650px - 183px);
            overflow: auto;
          
        }
        section.order-tab {
            margin: 20px 0px;
        }
    .flex-chatlist{
        display: flex;
        justify-content: space-between;
        padding: 10px 20px;
    }
    
    .name-line  p{color: #150B3D;
        font-size: 14px;
        font-weight: 500;
        letter-spacing: 0;
        line-height: 21px;
        display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
      }
      .name-line {
        display: flex;
        align-items: center;
        width: calc(100% - 80px);
    }
    .time-slot{
        /* max-width: 70px; */
        max-width:100%; 
        text-align: right;
        color: #9A9A9A;
        font-size: 9px;
        font-weight: 400;
        letter-spacing: 0;
        line-height: 14px;
    }
    .chat-list-size{
        height: 50px;
        width: 50px;
        border-radius: 50%;
        border: 1px solid #e6e3e3cc;
    }
    .chat-list-size img{
        height: 100%;
        width: 100%;
        border-radius: 50%;
        object-fit: cover;
    }
    /* .chat-list ul li:nth-child(2n+1){
        background-color: #F1F2F7;
    } */
    .chat-list ul li.active a{
        background-color: #174088;
    }
    
    .chat-list ul li.active a p, .chat-list ul li.active a h6{
        color: #fff;
    }
    .chat-head-flex{
        display: flex;
        align-items: center;
    }
    .chat-h-size{
        height: 50px;
        width: 50px;
        border-radius: 50%;
        position: relative;
    }
    .chat-h-size img{
        height: 100%;
        width: 100%;
        border-radius: 50%;
        object-fit: cover;
    }
    .chat-head-flex span {
        color: #101828;
        font-size: 17px;
        letter-spacing: 0;
        line-height: 34px;
        font-weight: 500;
        
    }
.online-active{
    font-size: 12px;
    color: #4EC133;
}
.content-online p {
    font-size: 14px;
    font-weight: 400;
    line-height: 23px;
}
.nav-phone {
    justify-content: end;
    align-items: center;
    gap: 10px;
    float: right;
}
    .content-online{width: calc(100% - 110px);
        padding-left: 20px;}
    .header-chat-right {
        padding: 14px 20px;
        border-bottom: 1px solid #AEB2C5;
    }
    .right-chat{
        width: calc(100% - 420px);
    }
    /* .chat-list-size:after{
        content:'';
        position: absolute;
        height: 11px;
        width: 11px;
        border: 1px solid #FFFFFF;
        background-color: #2BD926;
        border-radius: 50%;
        right: 0px;
        top:5px;
    } */
    /* .footer-chat {
        background-color: #dbe0f1;
        padding: 10px;
    } */
    .input-outer {
        position: relative;
        border-top: 1px solid #AEB2C5;
        padding-top: 7px;
    }
    .input-outer .form-control {
        border-radius: 0px;
        background-color: #fff;
        padding: 10px 92px 6px 50px;
        border: 0px;
    }
    .nav-send li {
        padding-left: 7px;
        margin-left: 7px;
    }
    .chat-send{
        display: flex;
    align-items: center;
    justify-content: center;
    height: 60px;
    width: 60px;
    border-radius: 18px;
    background-color: #133C83;
    }
    .chat-send svg {
        width: 25px;
        height: 22px;
    }
    .nav-send li a {
        padding: 7px;
        color: #253057;
        font-size: 18px;
    }
    
    .nav-send {
        position: absolute;
        left: 13px;
        top: 16px;
        font-size: 25px;
        color: #174088;
    }
    .border-l {
        border-left: 1px solid #9797974a;
        overflow: hidden;
    }
    
    .nav-send li:first-child{
        margin-left: 0px;
        padding-left: 0px;
    }
    
    .chat-body {
        padding: 20px 20px;
        overflow: auto;
        height: calc(650px - 164px);
    }
    
    .recv-msg{
        border-radius: 17px 17px 17px 0;
        background-color: #E8ECF4;
        color: #524B6B;
        font-size: 14px;
      padding: 15px 16px;
      font-weight: 400;
      display: table;
      margin-top: 20px;
      max-width: 52%;
    }
    .time-chat {
        color: #9A9A9A;
        font-size: 12px;
        font-weight: 500;
        letter-spacing: 0;
        line-height: 14px;
        margin-bottom: 20px;
        margin-top: -12px;
    }
    .today{
        color:#AAA6B9;
        font-size: 16px;
        font-weight: 400;
        line-height: 20px;
        text-align: center;
        margin-bottom: 10px;
    }
    .send-msg {
        padding: 15px 15px;
        font-weight: 400;
        display: table;
        margin-top: 20px;
        border-radius: 17px 17px 0 17px;
        background-color: #174088;
        margin-left: auto;
        max-width: 52%;
        color: #fff;
        font-size: 14px;
    }
    .time-chat-right {
        color: #9A9A9A;
        font-size: 12px;
        font-weight: 500;
        letter-spacing: 0;
        line-height: 14px;
        margin-bottom: 20px;
        margin-top: -12px;
        text-align: right;
    }
    .file-pos {
        position: absolute;
        left: 0;
        width: 32px;
        opacity: 0;
    }

    .toggle-chat{
        /* display: none; */
        color: #000;
        /* padding-right: 18px; */
        font-size: 22px;
    }


    a.toggle-chat.pos_mobs {
        display: none;
    }
    
    .toggle-chat:hover{ color: #fff;}
    
    .t-chat-left{
        display: none;
    }
    
.chat-list ul{
    padding-left: 0px;
}
.d-inline-grid {
    display: inline-grid;
    color: #fff;
    width: calc(100% - 47px);
}
.input-outer textarea::placeholder{font-size:14px;
font-weight: 400;
line-height: 21px;}

.plane-left {
        color: #174088;
        font-size: 18px;
        position: absolute;
        right: 14px;
        top: 12px;
}
.all-chat{
    color: #0D0D26;
    font-size: 16px;
    font-weight: 500;
    line-height: 20px;
    margin-top: 15px;
}
.msg-line{
    color: #524B6B;
    font-size: 12px;
    font-weight: 500;
    line-height: 18px;  
    display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
overflow: hidden;
    
}
.content-ch {
    padding-left: 15px;
    width: calc(100% - 50px);
}

.notif-msg{
    background-color: #1A92CB;
    height: 15px;
    width: 15px;
    border-radius: 50%;
    margin-top: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 9px;
    font-weight: 600;
    color:#fff;
    margin-left: auto;
}
.clr-seen {
    color: #05B016;
    font-size: 14px;
}
.clr-uncheck{
    color: #898989;
}

.size-pdf{
    color: #D0DBE0;
    font-size: 10px;
    font-weight:400;
    line-height: 14px;

}

/* chat end */

/* scroll custom */
#style-2::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    border-radius: 10px;
    background-color: #e6e6e6;
}

#style-2::-webkit-scrollbar {
    width: 6px;
    background-color: #e6e6e6;
}

#style-2::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
    background-color: #174088!important;
}
#style-2::-webkit-scrollbar {
    width: 6px;
    height: 6px
}
/* end */

/* notification popups css */
.min-w-230{
min-width: 230px;
left: -170px !important;
}
.flex-profile-sec {
    display: flex;
    align-items: center;
    padding: 21px;
    border-bottom: 1px solid rgba(0, 0, 0, .20);
    margin-bottom: 5px;
}
.profile-c-size h6{
    color: #000;
    font-size: 14px;
    font-weight:500;
    line-height: 22px;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;

}
.profile-c-size p{
    color: #000;
    font-size: 14px;
    font-weight:400;
    line-height: 16px;
    opacity: .5;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;

}
.profile-m-size {
    height: 50px;
    width: 50px;
    border-radius: 50%;
}

.profile-c-size {
    width: calc(100% - 50px);
    padding-left: 12px;
}
.list-spaces li a {
    position: relative;
    font-size: 14px !important;
    font-weight: 500 !important;
    line-height: 17px !important;
    color: #174088 !important;
    padding: 13px 18px 13px 50px;
    display: block;
}

.list-spaces li a:hover {
    color: #fff !important;
    background: #174088;
}

.list-spaces li a i {
    position: absolute;
    left: 18px;
    top: 11px;
    font-size: 18px;
}


/* language dropdown */
.lang-head h3{
    color: #fff;
    font-size: 16px;
    font-weight:500;
    line-height: 19px;
    padding: 20px 25px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.body-lang{
    padding: 20px 25px;
}
.outer-flags {
    border: 1px solid #DADADA;
    padding: 15px 25px 15px 15px;
    border-radius: 8px;
    overflow: hidden;
    position: relative;
    display: flex;
    align-items: center;
    background-color: #F0F5FD;
}
.min-w-380 li a{
    padding: 0px;
}
.check-pos {
    position: absolute;
    right: 17px;
    top: 22px;
}

.flex-cc{
    color: #150B3D;
    font-size: 12px;
    font-weight:400;
    line-height: 18px;
    padding-left: 15px;
}
.flex-ss{
    height: 30px;
width: 30px;
border-radius: 50%;}

.flex-ss img{
    height: 100%;
width: 100%;
border-radius: 50%;}

.outer-flags i{
    display: none;
}

.outer-flags:hover{
    background-color: #174088;
   
}
.outer-flags:hover .flex-cc{
    color: #fff;
} 
.body-lang li{margin-bottom: 15px;}
.body-lang li.active .outer-flags{background-color: #174088;}
.body-lang li.active .flex-cc{
    color: #fff;
} 
.body-lang li.active .outer-flags i{
    display: block;
    color: #fff;
}

.new-notifcation {
    padding: 15px 15px 0px 15px;
    max-height: 388px;
    overflow: auto;
}
.new-notifcation h4{
    color: #0D0D26;
    font-size: 14px;
    font-weight:600;
    line-height: 18px;
    margin-bottom: 15px;
}
.notif-img{
    height: 40px;
    width: 40px;
    border-radius: 50%;
}
.notif-img img{
    height: 100%;
    width: 100%;
    object-fit: cover;
    border-radius: 50%;
}

.notif-content{
    padding-left: 15px;
    width: calc(100% - 40px);

}

.notif-content h3{
    color: #0D0D26;
    font-size: 14px;
    font-weight:500;
    line-height: 22px;
    margin-bottom: 3px;
}
.notif-content p{
    color: #0D0D26;
    font-size: 13px;
    font-weight:500;
    line-height: 20px;
}

.btn-div{
    padding: 21px;
    border-top: 1px solid #6e6e6e40;
}

.notif-content h3 span{
    font-size: 15px;
    font-weight: 600;
}

.nav-notif{
    padding-left: 0px;
    margin-bottom: 10px;

}
.nav-notif li{
    margin-bottom: 10px;
}
.w-47{
    width: 47px;
}

.radio-pos2{
    position: absolute;
    width: 100%;
    height: 100%;
    object-fit: cover;
    opacity: 0;
}

/* resume sample */

.nav-sample-tabs{
    padding-bottom: 40px;
}
.nav-sample-tabs li a{
    color: #524B6B;
    font-size: 14px;
    font-weight:400;
    line-height: 21px;
    padding: 15px 25px;
    
}
.nav-sample-tabs li.active a{
    background-color:#174088;
    color: #fff;

}
.height-cv {
    /* height: 432px; */
    height:354px ;
    width: 100%;
    margin-bottom: 15px;
    border: 1px solid #ccc;
}
.height-cv img{
    width: 100%;
    height: 100%;
    object-fit: contain;
}
.height-cv-lg{
    width: 100%;
    height: auto;
}
 .height-cv-lg.active img{
    border: 1px solid #174088;
    
}
.height-cv.active{
    border: 1px solid #174088;
}
.btn-sece{
    display: flex;
    align-items: center;
}
.btn-sece p{
    color: #18191C;
    font-size: 22px;
    font-weight:500;
    line-height: 36px; 
    padding-right: 20px;
}
.content-tankyou{
    margin-bottom: 20px;
}

.content-tankyou h3{color: #18191C;
    font-size: 22px;
    font-weight:500;
    line-height: 36px; }
.content-tankyou p{color:#616064;
    font-size: 16px;
    font-weight:500;
    line-height: 24px; }


/* filter page */

.outer-search .form-sec input, .outer-search .form-sec select {
    padding: 10px 15px;
    border: 1px solid #AEB2C5;
    background: #fbfdff;
    height: 48px;
    font-size: 14px;
}
.outer-search .form-sec .form-label{
    font-size: 14px;
}
 .form-sec .drop-ic::after {
    position: absolute;
    content: '';
    right: 23px;
    top: 22px;
    border: 4px solid #000;
    border-top: 4px solid transparent;
    border-right: 4px solid transparent;
    transform: rotate(-45deg);
    pointer-events: none;
}
.form-sec{
    padding-bottom: 15px;
}
 .btn-div .btn-filter{
    height: 46px !important;
    font-size: 14px;
}
/* edit profile css */
.card-profile {
    border-radius: 8px;
    background-color: #fff;
    /* margin-bottom: 20px; */
    padding: 20px;
    box-shadow: 0px 3px 7px rgba(0,0,0,.1);
    border: 1px solid #f3f3f3;
}
.edit-profile-img {
    height: 100px;
    width: 100px;
    border-radius: 50%;
    margin: auto;
    position: relative;
    border: 2px solid #e7e7e7;
}

.edit-profile-img img {
    height: 97px;
    width: 100px;
    border-radius: 50%;
    object-fit: cover;
}
.edit-circle {
    height: 27px;
    width: 27px;
    border-radius: 50%;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #174088;
    font-size: 13px;
    color: #fff;
    position: absolute;
    bottom: 8px;
    right: 0;
    border: 2px solid #fff;
    box-shadow: 0px 4px 5px rgba(0,0,0,.1);
}

.edit-img{
    color: #18191C;
    font-size: 16px;
    font-weight:500;
    line-height: 20px; 
    padding: 10px 0px;
    text-align: center;
}

.remove-circle {
    height: 27px;
    width: 27px;
    border-radius: 50%;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #d9534f; /* Red color for remove */
    font-size: 13px;
    color: #fff;
    position: absolute;
    bottom: 8px;
    left: 0; /* Position it on the bottom-left */
    border: 2px solid #fff;
    box-shadow: 0px 4px 5px rgba(0, 0, 0, .1);
    cursor: pointer;
}

/* custom cv css */
.btn_prins{justify-content: center;}
.resume {
    width: 800px;
    height: auto;
    display: flex;
    margin: 50px auto !important;
    border: 1px solid #174088;
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15);
}
  
  .resume .resume_left {
    width: 280px;
    background-color: #0bb5f4 !important;
  }
  
  .resume .resume_left .resume_profile {
    width: 100%;
    height: 280px;
  }
  
  .resume .resume_left .resume_profile img {
    width: 100%;
    height: 100%;
  }
  
  .resume .resume_left .resume_content {
    padding: 0 25px;
  }
  
  .resume .title {
    margin-bottom: 20px;
  }
  
  .resume .resume_left .bold {
    color: #fff;
  }
  
  .resume .resume_left .regular {
    color: #b1eaff;
  }
  
  .resume .resume_item {
    padding: 25px 0;
    border-bottom: 2px solid #b1eaff;
  }
  
  .resume .resume_left .resume_item:last-child,
  .resume .resume_right .resume_item:last-child {
    border-bottom: 0px;
  }
  
  .resume .resume_left ul li {
    display: flex;
    margin-bottom: 10px;
    align-items: center;
  }
  
  .resume .resume_left ul li:last-child {
    margin-bottom: 0;
  }
  
  .resume .resume_left ul li .icon {
    width: 35px;
    height: 35px;
    background: #fff;
    color: #0bb5f4;
    border-radius: 50%;
    margin-right: 15px;
    font-size: 16px;
    position: relative;
  }
  
  .resume .icon i,
  .resume .resume_right .resume_hobby ul li i {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }
  
  .resume .resume_left ul li .data {
    color: #b1eaff;
  }
  
  .resume .resume_left .resume_skills ul li {
    display: flex;
    margin-bottom: 10px;
    color: #b1eaff;
    justify-content: space-between;
    align-items: center;
  }
  
  .resume .resume_left .resume_skills ul li .skill_name {
    width: 25%;
  }
  
  .resume .resume_left .resume_skills ul li .skill_progress {
    width: 60%;
    margin: 0 5px;
    height: 5px;
    background: #009fd9;
    position: relative;
  }
  
  .resume .resume_left .resume_skills ul li .skill_per {
    width: 15%;
  }
  
  .resume .resume_left .resume_skills ul li .skill_progress span {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    background: #fff;
  }
  
  .resume .resume_left .resume_social .semi-bold {
    color: #fff;
    margin-bottom: 3px;
  }
  
  .resume .resume_right {
    width: 520px;
    background: #fff;
    padding: 25px;
  }
  
  .resume .resume_right .bold {
    color: #0bb5f4;
  }
  
  .resume .resume_right .resume_work ul,
  .resume .resume_right .resume_education ul {
    padding-left: 40px;
    overflow: hidden;
  }
  
  .resume .resume_right ul li {
    position: relative;
  }
  
  .resume .resume_right ul li .date {
    font-size: 16px;
    font-weight: 500;
    margin-bottom: 15px;
  }
  
  .resume .resume_right ul li .info {
    margin-bottom: 20px;
  }
  
  .resume .resume_right ul li:last-child .info {
    margin-bottom: 0;
  }
  
  .resume .resume_right .resume_work ul li:before,
  .resume .resume_right .resume_education ul li:before {
    content: "";
    position: absolute;
    top: 5px;
    left: -23px;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    border: 2px solid #0bb5f4;
  }
  
  .resume .resume_right .resume_work ul li:after,
  .resume .resume_right .resume_education ul li:after {
    content: "";
    position: absolute;
    top: 14px;
    left: -21px;
    width: 2px;
    height: 115px;
    background: #0bb5f4;
  }
  
  .resume .resume_right .resume_hobby ul {
    display: flex;
    justify-content: space-between;
  }
  
  .resume .resume_right .resume_hobby ul li {
    width: 80px;
    height: 80px;
    border: 2px solid #0bb5f4;
    border-radius: 50%;
    position: relative;
    color: #0bb5f4;
  }
  
  .resume .resume_right .resume_hobby ul li i {
    font-size: 30px;
  }
  
  .resume .resume_right .resume_hobby ul li:before {
    content: "";
    position: absolute;
    top: 40px;
    right: -52px;
    width: 50px;
    height: 2px;
    background: #0bb5f4;
  }
  
  .resume .resume_right .resume_hobby ul li:last-child:before {
    display: none;
  }
  

/* end */

/* new */
.main-table.table tr td{padding: 0px;}
.main-table table{
    width: 100% !important;
}

/* get-job css */
.nav-skill li {
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 16px;
    font-size: 12px;
    color: #fff;
    font-weight: 400;
    padding: 5px 15px;
    background-color: #174088;
}
.nav-skill li a{ font-size: 12px;
    color: #fff;
padding-left: 5px;}

.nav-skill{gap:7px}

.suggest-skill h4{
    font-size: 14px;
    font-weight: 500;
    line-height: 18px;
    margin-bottom: 10px;
    display: block;
}
.suggest-skill{
    border-radius: 10px;
    background-color: #F3F6FA;
    margin: 16px 0px;
    padding: 16px;
}
.nav-suggest li a{
    border: 1px solid #96969A;
    border-radius: 20px;
    padding:5px 15px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 16px;
    font-size: 12px;
    color: #666666;
    font-weight: 400;
}
.nav-suggest li a i{
    padding-left: 5px;
}
.nav-suggest{
    gap:9px;
}
.f-22{
    font-size: 22px;
}

.gap-0{gap:0px}

.gap-0 li a{
    padding: 5px 35px;
}

.loc-name{
    color: #18191C;
    font-size: 12px;
    line-height: 18px;
    font-weight: 400;
    margin-bottom: 10px;
}
.content-map{
    height: 185px;
    width: 100%;
    overflow: hidden;
}

.card-request{
    border: 1px solid #e6e6e6;
    margin-bottom: 20px;
    background-color: #fff;
    border-radius: 12px;
}

.flex-ic{display: flex;
align-items: center;
justify-content: center;
}
.imgs-flex{
    height: 40px;
    width: 40px;
    border-radius: 50%;
}
.imgs-flex img{
    height: 100%;
    width: 100%;
    border-radius: 50%;
    object-fit: cover;
}
.cont-flex{
    width: calc(100% - 40px);
    padding-left: 15px;
}
.cont-flex h6{
    color: #150A33;
    font-size: 14px;
    line-height: 21px;
    font-weight: 500;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.cont-flex p{
    color: #524B6B;
    font-size: 12px;
    line-height: 18px;
    font-weight: 400;
}
.cont-flex h6 span{
    font-size: 10px;
    color: #AAA6B9;
}
.p-15{
    padding: 15px;
}
.nav-us li{
    display: flex;
    align-items: center;
    margin-bottom: 4px;
}
.nav-us{
    padding: 10px 0px 0px 10px;
}

.img-rup{
    width: 30px;
}

.content-rup{
    width: calc(100% - 30px);
    padding-left: 12px;
    font-size: 14px;
    line-height: 20px;
    font-weight: 400;
    color: #524B6B;
}
.btn-sms .btn{
height: 45px;
font-size: 16px;
}
.text-left{
    text-align: left !important;
}
.btn-r{
    margin-left: auto;
    border-radius: 0px;
}

.shadow-sm .w-5.h-5{
    width: 28px;
}
.pagination-sec .flex.justify-between.flex-1.sm\:hidden{
    display: none;
}

.job-d ul {
    margin-bottom: 20px;
}
.job-d ul li {
    padding-bottom: 7px;
    position: relative;
    font-size: 13px;
    line-height: 20px;
    font-weight: 400;
    padding-left: 17px;
}
.job-d ul li:before {
    content: '';
    position: absolute;
    left: 0px;
    top: 7px;
    height: 5px;
    width: 5px;
    border-radius: 50%;
    background-color: #959191;
}
.select2-selection{
    height: 62px !important;
    border-radius: 10px !important;
    border: 1px solid #AEB2C5 !important;
    font-size: 16px;
    color: #000;
    font-weight: 400;
    padding: 18px 20px;
    width: 100% !important;
    background-color: #FBFDFF !important;
    padding-right: 38px;
}
.select2-selection__arrow{
    display: none;
}

.select2-selection__clear{
    display: none;
}
.h-select .select2-selection{
    overflow: auto;
    min-height:62px !important;}

.add-more{
    height: 44px;
}
.btn-primary {
    color: #fff;
    background-color: #174088;
    border-color: #174088;
}
.btn-primary:hover {
    color: #fff;
    background-color: #174088;
    border-color: #174088;
    box-shadow: none;
}
.h-select .select2-selection::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    border-radius: 10px;
    background-color: #e6e6e6;
}

.h-select .select2-selection::-webkit-scrollbar {
    width: 6px;
    background-color: #e6e6e6;
}

.h-select .select2-selection::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
    background-color: #174088!important;
}
.h-select .select2-selection::-webkit-scrollbar {
    width: 6px;
    height: 6px
}
.exploore-btn {
    border: 1px solid #174088;
    border-radius: 4px;
    color: #174088;
    font-size: 13px;
    font-weight: 500;
}

.exploore-btn:hover {
    background-color: #174088;
    color: #fff;
}
.badge-danger{background:#DC3545;
}
.badge-success{background:#28A745;}
.badge {
    font-weight: 400;
    font-size: 12px;
}

.badgs{
    padding-left: 30px;
}
.active-badge{
    display: flex;
    align-items: center;
}


.total-application{
    margin-top: 10px;
}
.total-application a,
.total-application .btn-duplicate {
    height: 30px;
    font-size: 12px !important;
    border-radius: 2px;
}

.card-scroll {
    max-height: 640px;
    overflow: hidden;
    padding: 0px;
    margin: 30px 0px 0px 0px;
    padding-right: 5px;
    overflow-y: auto;
}

.bars{
    display: none;
  }
.pull-right{
    float: right;
}

.right-pos {
    position: absolute;
    right: 10px;
    left: initial !important;
}

/* submenu profile */
.rotate{
    transform: rotate(90deg);
   }
   
   .close-btn{
    position: absolute;
    color: #fff;
   
    font-size: 23px;
    right:  0px;
    margin: 15px;
    cursor: pointer;
   }
   
   .menu-btn{
    position: absolute;
    color: rgb(0, 0, 0);
    font-size: 35px;
    margin: 25px;
    cursor: pointer;
   }
   
   .main{
    height: 100vh;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 50px;
   }
   
   .main h1{
    color: rgba(255, 255, 255, 0.8);
    font-size: 60px;
    text-align: center;
    line-height: 80px;
   }

   .side-bars .menu{
    width: 100%;
   }
   
   .side-bars .menu .item{
    position: relative;
    cursor: pointer;
   }
   
   .side-bars .menu .item a{
    color: #fff;
    text-decoration: none;
    display: block;
    line-height: 60px;
   }
   
   .side-bars .menu .item a:hover{
    background: #174088 ;
    transition: 0.3s ease;
   }
   
   .side-bars .menu .item i{
    margin-right: 15px;
   }
   
   .side-bars .menu .item a .dropdown{
    /* position: absolute;
    right: 0;
    margin: 20px; */
    transition: 0.3s ease;
   }
   
   .side-bars .menu .item .sub-menu{
    /* background: #262627; */
    display: none;
   }
   
   .side-bars .menu .item .sub-menu a{
    padding-left: 48px;
    padding-top: 8px;
    padding-bottom: 8px;
   }
.sub-btn{
    position: relative;
    font-size: 14px !important;
    font-weight: 500 !important;
    line-height: 17px !important;
    color: #174088 !important;
    padding: 13px 5px 13px 50px;
}

.accordian-modify .accordion-button:not(.collapsed)::after {
    /* background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%230c63e4'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e"); */
    transform: rotate(90deg);
    position: absolute;
    right: 18px;
    top: 17px;
    font-size: 16px;
    background-image: none;
    color: #174088 !important;
  
}

/* .accordian-modify li.active .accordion-button::after {
    float: right;
    background-image: none;
    content:"\f054";
    font-family: fontawesome;
    color: #fff !important;
}*/
/* .accordian-modify li .accordion-button::after {
    float: right;
    background-image: none;
    content:"\f054";
    font-family: fontawesome !important;
    color: #174088 !important;
}  */
.accordian-modify li .accordion-button::after {
    margin-left: 4px;
    width: 12px;
    height: 12px;
    border: 2px solid #174088;
    border-top: 0px solid transparent;
    border-right: 0px solid transparent;
    transform: rotate(-45deg) !important;
    float: right !important;
    background-image: none;
    top: 13px !important;
}
.accordian-modify li.active .accordion-button::after {
    /* margin-left: 9px;
    width: 8px;
    height: 8px; 
        transform: rotate(-226deg) !important;
    top: 17px !important;*/
    border: 2px solid #d7d7d7;
    border-top: 0px solid transparent;
    border-right: 0px solid transparent;
     float: right !important;
    background-image: none; 
}
.accordian-modify a:hover.accordion-button::after{
    /* border: 2px solid #fff; */
    border-color: #fff;
    float: right !important;
}

.accordion-button:hover .accordian-modify .accordion-button::after{
color: #fff !important;
border: 2px solid #d7d7d7;
float: right !important;
}

.accordian-modify .accordion-button {
    color: #174088;
    background-color: transparent;
    box-shadow: none;
}
 /* .accordian-modify li.active .accordion-button:not(.collapsed) {
    color: #fff !important;
    background-color: #174088;
    box-shadow: none;
    border-radius: 0px !important;
    border: none;
} */
.pagination-outer ul{
    justify-content:center;
    margin: 20px 0px 15px 0px;
}
.pagination-outer .page-item.active .page-link {
  
    background-color: #174088;
    border-color: #174088;
}

.pagination-outer .page-item .page-link {
    color: #174088;
}
.pagination-outer .page-item.active .page-link {
    color: #fff;
}


.accordian-modify .accordion-button.collapsed:hover .accordion-button::after{
    color: #fff !important;
    border: 2px solid #fff !important;
    float: right !important;
}
.accordian-modify .accordion-button.collapse .accordion-button::after{
    color: #fff !important;
    border: 2px solid #fff;
    float: right;
}
.accordian-modify li.active .accordion-button:hover .list-spaces li a.accordion-button::after{
    color: #fff !important;
    background-color: #174088 !important;
    float: right;
}
.accordian-modify li.active .dropdown-item{
    background-color: #174088;
    color: #fff !important;
}

.accordian-modify .accordion-item:hover .accordian-modify .accordion-button::after{
    color: #fff !important;
    float: right;
}

.accordian-modify .accordion-item{
    border: none;
}
/* .sub-menu{
    background: #ebf1fd;
} */
/* end */

.card-scroll-2 {
    /* max-height: 100vh;
    overflow: auto; */
    padding-bottom: 100px !important;
    position: relative;
}

.bottom-fix {
    position: absolute;
    bottom:8px;
    width: 100%;
}

#add_more{
    height: 48px;
    outline: none;
    border: 0px;
}

.sub-menu a {
    padding: 11px 5px 9px 50px !important;
    margin-top: 1px;
}
.nav-active{
    padding: 10px 0px;
    margin-bottom: 10px;
}
.nav-active li a {
    font-size: 14px;
    padding: 5px 19px;
    border: 1px solid #174088;
    border-radius: 17px;
    color: #174088;
}
.nav-active{
    gap: 10px;
}
.nav-active li.active a{
background-color: #174088;
color: #fff;
}
.card-report {
    background: #1740880d;
    padding: 20px;
    margin-bottom: 10px;
}
.card-report h3 {
    font-size: 20px;
    font-weight: 600;
    margin: 8px 0pc;
}
.card-report p{
    font-size: 14px;
    margin-bottom: 20px;
}
.user-lg{
    font-size: 36px;
    color: #000;
    margin-bottom: 10px;
}
.no-found{
    font-size: 14px;
    color: #000;
}
.no-found a {
    font-size: 14px;
    text-decoration: underline;
}

.btn-report{
    display: inline-flex;
    height: 45px;
    width: auto;

}

button.btn.more-coin {
    border: 1px solid #174088;
    border-radius: 4px;
    margin: auto;
    display: block;
    color: #174088;
    font-size: 14px;
    font-weight: 500;
    margin-bottom: 18px;
}
p.coin-blc {
    text-align: center;
    font-size: 16px;
    color: #174088;
    font-weight: 500;
    margin-bottom: 10px;
}

/* manage cons */
.card-outline {
    padding: 20px;
    border: 1px solid #e8e8e8;
    margin-bottom: 15px;
    border-radius: 6px;
}

.transfer-h{
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 10px;
    line-height: 22px;
}
.transfer-h span{
        background: #17408838;
        border-radius: 20px;
        padding: 4px 8px;
        font-size: 13px;
        color: #174088;
}
.manage-card p {
    font-size: 19px;
    margin-bottom: 5px;
    line-height: 20px;
    font-weight: 600;
    color: #4F4F4F;
}
.nav_plans_summery li{
    margin-bottom: 12px;
}

.nav-manage li{padding-left:30px;
position: relative;font-size: 16px;}
.nav-manage li:after{
    position: absolute;
    content:'\f00c';
    font-family: fontawesome;
    color: #174088;
    font-size: 16px;
left: 0px;
top: 0px;
}
.nav-manage{
    display: block;
    margin-bottom: 10px;
}
.btnns-flex{
    display: flex;
    align-items: center;
    padding-top: 15px;
}
.m-inherit{
    margin: inherit !important;
}
.read-more{
    color: #174088;
    font-size: 14px;
    margin-left: 15px;
}
.buy-coin{
    color: #fff !important;
    height: 42px;
    margin-left: auto !important;
    /* display: block; */
}

.balce-c img{
    width: 40px;
    margin-right: 15px;
}

.balce-c {
    font-size: 22px;
    font-weight: 600;
    margin: 20px 0px;
    display: flex;
    align-items: center;
}
.expire-coins{
    font-size: 14px;
}
.expire-coins span{
 font-weight: 600;
}
.expire-coins{
    line-height: 20px;
    font-size: 14px !important;
    color: #000;
}
.read-more:hover{
    color: #000;
}
.p-20{
    padding: 20px;
}
.table-coins tr th{
    border-bottom:1px solid #ededed!important;
}

.table-points tr th, .table-points tr td{
    padding:10px 13px !important;
    font-size: 14px;
 }
 .table-points tr th{
    background-color: #f1f1f1;
}


 .table-coins tr td h6 {
    white-space: break-spaces;
}
.table-coins tr th, .table-coins tr td{
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    vertical-align: middle;
    padding: 15px 10px;
    white-space: nowrap;
}
.table-coins tr td h6{
    font-size: 14px;
    font-weight: 500;
}
.table-coins tr td p{    font-size: 12px;
    color: #717070;
line-height: 18px;}

.status-success {
    background-color: #4fb49117;
    color: #4FB491;
    border-radius: 20px;
    height: 36px;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    padding: 5px 15px;
    display: inline-flex;
}
.text-underline{
    text-decoration: underline;
    font-size: 12px;
}
.pp-20{
    padding: 20px 40px;
}
.mw-100{
    min-width: auto;
    width: 45%;
}

.btn-grey-cancel{
    background-color: #ccc;
    color: #000;
}
.modal-heading{
    color: #fff;
    font-size: 20px;
    font-weight: 600;
}
.bg-theme{
background-color: #174088;
color: #fff;
}
.text-inr{
    font-size: 16px;
    color: #174088;
    font-weight: 600;
}
.text-sec {
    font-size: 16px;
    font-weight: 600;
}
.btn-close {
    color: #000;
    border: none;
    outline: none;
    height: 25px;
    width: 25px;
    background-color: #fff;
    opacity: 1;
    border-radius: 50%;
    box-shadow: 0px 4px 6px rgba(0,0,0,.2);
    background-size: 14px;
}
.text-gr{
    font-size: 14px;
    color: #616060;
    font-weight: 400;
}
button.btn.btn-solid.mb-2.custom_amount {
    border: 1px solid #1740882e;
}
.overflow-600{
    max-height: 550px;
    overflow: auto;
}
.btns-ad a{font-size: 13px !important;
font-weight: 400;}
.btns-ad{
    gap: 10px !important;
}
.right-box .select2-selection {
    height: 50px !important;
    border-radius: 10px !important;
    border: 1px solid #AEB2C5 !important;
    font-size: 12px;
    color: #000;
    font-weight: 300;
    padding: 10px 15px;
    width: 100% !important;
    background-color: #FBFDFF !important;
}
.select2-search input::placeholder{
    color: #000 !important;
}
  
  @media screen and (max-width: 668px){
    .loder{
      height: 60px;
      width: 60px;
      border-top: 6px solid #174088;
    }
  }
  /* end */
  

/* subscription */
.subscription-sec{
    padding: 70px 0px;
}

.nav-plan li.active a{
    background-color:#174088;
    color: #fff;
}
.nav-plan li a {
    padding: 10px 35px;
    display: block;
    font-size: 19px;
    font-weight: 700;
    color: #174088;
}
.nav-plan li a:hover{
    color: #000;
}
.nav-plan li.active a:hover{
    color: #fff;
}
.nav-plan {
    justify-content: center;
    align-items: center;
    gap: 5px;
    border: 1px solid #174088;
    display: inline-flex;
    margin-bottom: 78px;
    border-radius: 11px;
    overflow: hidden;
}
.plan-list{
    text-align: center;
}
.outer-plan {
    border: 1px solid #174088;
    border-radius: 21px;
    margin-bottom: 15px;
    padding: 40px 0px 40px 0px;
    text-align: center;
    transition: all .5s;
    /* pointer-events: none; */
    width: 100%;
}
.plan_lr{
    padding:0px 20px;
}

.outer-plan .btn-basic:hover{
    background-color: transparent;
    color: #174088;
}
.btn-basic {
    border: 1px solid #174088;
    border-radius: 8px;
    margin-bottom: 15px;
    padding: 8px 8px;
    font-size: 11px;
    margin: auto;
    color: #174088;
    height: 56px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-weight: 600;
    width: 100%;
}
.btn-basic:hover{
    background-color: #174088;
    color: #fff;
}
.rupee-text{
    text-align: center;
    font-size: 21px !important;
    font-weight: 700;
    color: #174088;
    margin-top: 40px;
}
.user-month {
    font-size: 14px;
    font-weight: 500;
    color: #133c83d1;
    line-height: 26px;
}
.nav-month {
    margin: 50px 0px;
    text-align: left;
}
.nav-month li {
    position: relative;
    margin-left: 30px;
    font-size: 11px;
    margin-bottom: 7px;
    color: #174088;
    list-style: disc;
    font-weight: 400;
    line-height: 22px;
}
.nav-month li.active{
    /* color: #174088; */
}
.nav-month li.active .far{
    /* color:#2DC937; */
}

.nav-month li .far{
    position: absolute;
    left: 0px;
    top: 4px;
    display: none;
}
.choose-plan{
    height: 50px;
    display: flex;
    align-items: center;
    justify-content:center;
    color: #174088;
    background-color:#F1FDFF;
    border-radius: 8px;
    margin-top: 30px;
    padding: 6px 25px;
    font-size: 16px;
    font-weight: 700;
}
.choose-plan:hover{
    background-color: #174088;
    color: #fff;
}

.outer-plan:hover {
    box-shadow: 0px 5px 12px rgba(0,0,0,.2);
}
.outer-plan.active {
    background-color: #174088;
    color: #fff;
    /* transform: scaleY(1.10); */
}
.outer-plan.active li.active{
    color: #fff;
}
.outer-plan.active li{
    color: #ffffffab;
}

.outer-plan.active .choose-plan{
    background-color: #fff;
}
.outer-plan.active .choose-plan:hover{
    color: #174088;
}
.outer-plan.active .btn-basic{
    border-color: #fff;
    color: #fff;
}
.outer-plan.active .rupee-text, .outer-plan.active .user-month{
    color: #fff;
}
  .table-nowrap thead tr th , .table-nowrap tbody tr td{
	white-space: normal !important;
}

/* personality test */
.bg-test{
    background-color: #F6F6F7;
    padding: 40px 0px;
    position: relative;
    /* height: 400px; */
}
.pos-sec{
    position: absolute;
    bottom: 0px;
}
.review-t{
    font-size: 16px;
    margin-bottom: 22px;
}
.result-card {
    margin-bottom: 15px;
    padding: 20px 30px;
    border-top: 4px solid #133c83;
    border-radius: 8px;
    background-color: #ffffff;
    background-image: url("../images/bg-result-2.png");
    background-position: top;
    background-size: contain;
    background-repeat: no-repeat;
    border: 1px solid #17408826;
    transition: all .5s;
    width: 100%;
}
.result-card:hover {
    box-shadow: 0px 6px 14px rgba(0,0,0,.1);
}
.result-card h3{
    font-size: 14px;
    text-align: center;
    color: #343c4b;
    margin-bottom: 7px;
}
.result-card h4{
    color: #343c4b;
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 15px;
    line-height: 24px;
    text-align: center;
}

.animate-img{
    width: 200px;
    margin: 30px auto;
    display: block;
}
.pera-result {
    font-size: 15px;
    line-height: 22px;
    color: #343c4b;
    margin-bottom: 10px;
    font-weight: 500;
    display: -webkit-box;
    -webkit-line-clamp: 6;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.card-right{
    width: 100%;
    border-radius: 8px;
    background-color: #ffffff;
    transition: all .5s;
    border: 1px solid #17408826;
}
.card-right:hover{   box-shadow: 0px 6px 14px rgba(0,0,0,.1);}
.p-card {
    padding: 15px 20px;
    position: relative;
    min-height: 384px;
}
.card-h {
    padding: 10px 20px;
    border-bottom: 1px solid #cccccc5c;
}

.card-h h3{
    color: #343c4b;
    font-size: 16px;
    font-weight: 600;
}
.flex-cards{
    display: flex;
    position: relative;
}

.left-progress{
    width:calc(100% - 222px);
}
.right-value{
    width: 222px;
}

.handle-2 {
    margin-top: -13px !important;
    margin-left: 5px;
    cursor: pointer;
    right: -13px;
    height: 15px !important;
    width: 15px !important;
    background: #fff !important;
    border: 2px solid #174088 !important;
    border-radius: 50% !important;
}
.card-list-first {
    display: flex;
    align-items: end;
    padding: 18px 10px;
    border-radius: 8px 0px 0px 8px;
    margin-bottom: 0px;
}

.card-list-first:hover {
    background: #f5f5f5;
}

.card-list-first h4{
    width: 100px;
    font-size: 15px;
    color: #343c4b;
}

.progeress-sec{
    width: calc(100% - 200px);
    padding: 4px 10px;
}
.extract{
    color: #000;
    font-size: 16px;
    font-weight: 600;
    text-align: center;
    margin-bottom: 5px;

}


.card-main-r:hover .right-result{
    display: block;
}


.right-result {
    padding: 15px 15px;
    background: #f5f5f5;
    position: absolute;
    width: 222px;
    right: 0px;
    top: 0px;
    border-radius: 8px;
    display: none;
}
.animate-img-sm {
    width: 185px;
    margin: 32px auto;
}
.right-result h3{
    font-size: 14px;
    text-align: center;
    color: #343c4b;
    margin-bottom: 7px;
}
.right-result h4{
   
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 15px;
    line-height: 24px;
    text-align: center;
    color:#174088 ;
}
.right-result h4 span{ color: #343c4b;}


.right-result p {
    font-size: 14px;
    line-height: 23px;
    font-weight: 500;
}
.card-list-first .text-right {
    text-align: left;
    padding-left: 10px;
}

.card-f {
    padding: 10px 20px;
    border-top: 1px solid #cccccc5c;
    text-align: right;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.card-f a{
    color:#174088 ;
    font-size: 14px;
}

/* modal result */
.result-qus{
    text-align: left;
}
.result-progress li.active .card-list-first {
    background: #f5f5f5;
}
.blues .bar{
    background-color: #4298b4 !important;
}

.card-list-first .bar{
    height: 8px;
}
.blues .handle-2 {
    border: 2px solid #4298b4 !important;
 
}
.left-progress .audio-progress {
    height: 8px !important;
    border-radius: 8px;
}
.left-progress #audio-progress-handle {
    right: -7px !important;
}
.blues .extract span{
    color: #4298b4 ;
}
.blues .right-result h4{color: #4298b4 !important;}



.yellows .extract span{
    color: #e4ae3a ;
}
.yellows .bar{
    background-color:#e4ae3a !important;
}
.yellows .handle-2 {
    border: 2px solid #e4ae3a !important;
 
}
.yellows .right-result h4{color:  #e4ae3a !important;}


.greens .extract span{
    color: #33a474 ;
}
.greens .bar{
    background-color:#33a474 !important;
}
.greens .handle-2 {
    border: 2px solid #33a474 !important;
 
}
.greens .right-result h4{color:  #33a474 !important;}

.purp .extract span{
    color: #88619a ;
}
.purp .bar{
    background-color:#88619a !important;
}
.purp .handle-2 {
    border: 2px solid #88619a !important;
 
}
.purp .right-result h4{color:  #88619a !important;}



.reds .extract span{
    color: #f25e62;
}
.reds .bar{
    background-color:#f25e62!important;
}
.reds .handle-2 {
    border: 2px solid #f25e62!important;
 
}
.reds .right-result h4{color:  #f25e62!important;}

ul.nav.nav-top-right {
    justify-content: right;
}
.btn-click-now {
    background: #fff;
    font-size: 12px;
    color: #0e3374;
    margin-left: 5px;
    font-weight: 500;
}
/* modals re-design */

.result-qus{
    text-align: left !important;
}
.head-44 {
    font-size: 25px;
    line-height: 24px;
    font-weight: 500;
    color: #18191C;
    margin-bottom: 10px;
}
.test-name{
    font-size: 18px;
    line-height: 24px;
    font-weight: 500;
    color: #18191C;
    margin-bottom: 15px;
    text-align: center;
    text-transform: uppercase;
}

.qus-1 {
    font-size: 16px;
    margin-bottom: 12px;
}
.space-ans p, .space-ans h1{
    font-size: 14px;
    font-weight: 500;
    margin-bottom: 4px;
    display: flex;
}
.space-ans i{
    font-style: normal !important;
}
.space-ans p b, .space-ans h1 b{
    font-weight: 500;
    font-size: 14px;
    font-weight: 500;
    margin-bottom: 4px;
}
.space-ans{
    margin-bottom: 20px;
}

.result-height{
    max-height: 600px;
    overflow: auto;
}
.select2-container {
    width: 100% !important;
}
select.form-control{
    padding-right:37px
}
.select2-container--default .select2-selection--multiple .select2-selection__choice__display {

    font-size: 12px;
}
.select2-container--default .select2-selection--multiple {
    padding-bottom: 12px;
    padding-top: 12px;
}


/* innerpages contact us css */
.login-out{
    position: relative;
    padding-left: 35px;
    color: #000;
    margin-bottom: 15px;
 
}
.login-out a{
    font-size: 16px;
}
.login-out a:hover{
    color: #174088;
}

.i-pos {
    position: absolute;
    left: 0px;
    top: 1px;
    font-size: 20px;
    color: #174088;
}
.nav-contact{
    padding-left: 0px !important;
}

.border-bb {
    border-bottom: 1px solid #efe4e4;
    align-items: end;
}
.bg-theme-btn {
    color: #174088;
    font-size: 16px;
    padding: 0px;
    font-weight: 500;
    text-decoration: underline;
    line-height: 17px;
    padding-right: 10px;
}
.head-4{
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 14px;
}
/* contct us end */

/* carreer start css */

.carrier-content h6 {
    font-size: 15px;
    margin-bottom: 20px;
    color: #626262;
    font-weight: 400;
    line-height: 23px;
}

.seek-c{
    font-size: 15px;
    margin-bottom: 10px;
    color: #626262;
}

/* end */

.h42{
    height: 42px;
}
/* faq -sec */
.faq-sec .accordion-item{
    border-bottom: 10px;
    border: 1px solid #ccc;
    margin-bottom: 10px;
}
.faq-sec .accordion-item {
    border-bottom: 10px;
    margin-bottom: 17px;
    box-shadow: 0px 2px 8px rgba(0,0,0,.09);
    border-radius: 8px;
    overflow: hidden;
    border: 1px solid #17408817;

}
.faq-sec .accordion-button{
    padding: 1.33rem 1.25rem;
}
.faq-sec .accordion-button:not(.collapsed) {
    color: #000000;
    background-color: #F1F5FD;
    box-shadow: none;
}
.faq-sec .accordion-button:focus{
    box-shadow: none;
    border-bottom: none;
}
.faq-sec h2{
    margin: 0px;
}

.mobile-slides-ic{
    display: none;
}

.bars-filter {
    display: none;
}
.side-bar-btn{display: none;}


.form-small .h-select .select2-selection {
    overflow: auto;
    min-height: 50px !important;
    padding: 10px 12px;
}

.select2-container .select2-search--inline .select2-search__field {
    margin-left: 0px !important;
    padding: 0;
}
.cms-inner tbody, td, tfoot, thead, tr {
    border-width: thin !important;
    padding: 9px 13px !important;
    font-size: 21px;
    text-align: center;
    font-weight: 400;
    line-height: 31px;
    color: #000;
    vertical-align: middle;
}
.cms-inner .table.table-bordered{
    border-color: #282121;
}


.cms-inner tbody th{
    font-size: 23px;
    font-weight: 600;
    line-height: 34px;
    text-align: center;
}
.cms-inner table th:first-child, .cms-inner table tr td:first-child {
    text-align: left;
}

.cms-inner{min-height: 50vh;}
/* .cms-inner  ul li{
		list-style: disc !important;
 } */
 .cms-inner  ul {
    padding-left: 22px;
    margin-top: 5px;
}
.cms-inner  ol {
	padding-left: 0px !important;
}
.cms-inner h2{
        font-size: 20px;
        font-weight: 600;
        margin: 0px;
}
.cms-inner strong{
    font-weight: 600;
}
.cms-heading{
    font-size: 24px;
    font-weight: 600;
    color: #000;
}

.advance-service {
    font-size: 20px;
    font-weight: bold;
    margin: 34px 0px 15px;
}

.nav-contact li{
    margin-bottom: 18px;
    list-style: none !important;
}

.btn-right{
    float: right;
}
.sm-btn-right .btn-sm.btn-primary{
    float: right;
    margin-top: -6px;
}
.job-d h2{
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 15px;
}
.job-d a{
    font-size: 13px;
    font-weight: 600;
}


 /* inner pricing  */

.nav-candidate{
    margin-bottom: 30px;
    border: 1px solid #8A8A8A;
    border-radius: 4px;
}
.nav-candidate.nav-pills .nav-link.active, .nav-candidate.nav-pills .show>.nav-link {
    color: #fff;
    background-color: #174088;
    border-radius: 0px;
 
}
.nav-candidate li{
    width: 50%;
    text-align: center;
    border-radius: 0px;
    list-style: none !important;
}
.nav-candidate li a{
    padding: 20px 0px;
    font-size: 18px;
    text-transform: uppercase;
    color: #174088;
    font-weight: 600;
}
.nav-candidate li a:hover{
    color: #174088;
}
.pricing-disc li {
    list-style: disc;
    font-size: 19px;
    margin-bottom: 1px;
    line-height: 34px;
    color: #000;
    font-weight: 400;
}
.pricing-disc {
    padding-left: 30px;
    margin: 7px 0px 18px 0px;
}
.mt_30{
    margin-top: 30px;
}
.candidate-content h5{
    font-size: 18px;
    font-weight: 600;
    margin: 25px 0px 15px 0px;
}

.candidate-content p{
    font-size: 19px;
    margin-bottom: 10px;
    color: #000;
    font-weight: 500;
}
.head-center{
    font-size: 22px;
    margin:30px;
    text-align: center;
    font-weight: 600;
}
.list-head {
    font-size: 20px;
    font-weight: 500;
    padding-top: 15px;
    display: block;
    line-height: 29px;
}

.cms-inner table tr th {
    background-color: #174088;
    color: #fff;
    font-weight: 600;
    font-size: 23px;
    line-height: 34px;
    text-align: center !important;
}
.nav-candidate{
    padding-left: 0px !important;
}
.cms-inner table{
    border-radius: 10px;
    /* overflow: hidden; */
}
.cms-inner .h-42 {
    height: 59px;
    margin: 0 auto;
    font-size: 18px;
    font-weight: 700;
}



.cms-inner table th , .cms-inner table tr td{
    text-align: center;
}



/* .select2-dropdown.select2-dropdown--below, .select2-dropdown.select2-dropdown--above{
    max-width: 560px !important;
    width: 100% !important;
} */

 .select2-container.select2-container--default.select2-container--open{
    max-width: 640px !important;
} 
.card-smm p{
line-height: 20px;
}
.total-application h6{
    font-size: 14px;
    font-weight: 600;
    color: #000;
}
.total-application p{
    font-size: 13px;
    font-weight: 400;
    color: #AAA6B9;
    padding: 4px 0px 4px 0px;
    margin-right: 20px;
}
.total-application p span{
    padding-right: 6px;
    font-size: 14px;
    font-weight: 600;
    color: #000;
}
.total-application {
    display: flex;
    align-items: center;
}
.total-application {
    padding: 5px 0px;
}
.time-bold{
    font-weight: bold;
    padding-left: 7px;
}
.card-suggest.card-md h6{
font-size: 13px;
font-weight: 700;
line-height: 20px;
margin-bottom: 0px;
}
.card-suggest.card-md h5 span{
    font-size: 13px;
    font-weight: 400;
    padding-right:16px;
    line-height: 20px;
    color: #000;
    }
    .card-suggest.card-md h5 {
        margin-bottom: 2px;
        color: #999;
        font-weight: 400;
    }

    .company-n {
        font-size: 16px;
        font-weight: 600;
        margin-bottom: 5px;
        color: #174088;
    }

.card-suggest.card-md p {
    font-size: 13px;
    color: #4a4141;
    font-weight: 400;
    line-height: 20px;
    padding: 4px 0px;
    font-weight: 600;
    display: flex;
}
.left-i{
    min-width: 110px;
    display: inline-block;
    margin-right: 5px;
    color: #000;
    font-weight: 400;
    font-size: 13px;
}
.label_location{
    width: calc(100% - 110px);
    font-weight: 400;
    word-break: break-word;
}


.left-i i{
    padding-right: 7px;
    color: #878787;
}
.card-suggest.card-md .flex-ratew {
    margin-top: 10px;
}
.card-suggest.card-md .flex-ratew a{
    margin-right: 10px;
    font-size: 13px;
}
.card-suggest.card-md .flex-ratew a i{
    padding-right: 5px;
}
.total-application p a{
    font-size: 16px;
}
.card-scroll2 {
    max-height: 700px;
    overflow-y: auto;
}



.flex-icc{
    display: flex;
    align-items: center;
}
.img-flex{
    height: 44px;
    width: 44px;
    border-radius: 50%;
    overflow: hidden;

}
.img-flex img{
    height:100%;
    width: 100%;
    border-radius: 50%;
    object-fit: cover;
}
.content-flex{
    width: calc(100% - 55px);
    padding-left: 15px;
}
.card-footers {
    border-top: 1px solid rgba(0,0,0,.1);
    padding: 7px 15px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.lock-s{
    font-size: 11px;
    color: #7a6f6f;
}
.lock-s span{
    padding:0px 4px;
}
.card-h{
    padding: 15px;
    border: 1px solid rgba(0,0,0,.1);
    margin-bottom: 15px;
}
.card-b {
    max-height: 350px;
    overflow: auto;
    border: 1px solid rgba(0, 0, 0, .1);
    overflow-x: hidden;
}
.card-f{
    padding: 15px;
    border: 1px solid rgba(0,0,0,.1);
}

.btn-clr {
    color: #174088 !important;
}
.btn-clr:hover{
    color: #000;
}
.btn-smm{
    height: 38px;
    font-size: 14px !important;

}
.keyword-sec{
    position: relative;
}
.keyword-input{
    padding: 15px;
    border: 1px solid rgba(0,0,0,.2);
    margin-bottom: 10px;
}
.keword-contents{
    background-color: #F2F4F6;
    padding: 15px;
    border-radius: 8px;
    margin-bottom: 15px;
}
.keword-contents h4{
font-size: 14px;
display: flex;
align-items: center;
color: #000;
font-weight: bold;
margin-bottom: 15px;

}
.nav-tags li a {
    background-color: #fff;
    font-size: 14px;
    border: 1px solid rgba(0,0,0,.2);
    border-radius: 26px;
    padding: 10px 19px;
    display: block;
}
.keword-contents ul{
    gap: 10px;
}
.nav-tags li a:hover{
    color: #000;
} 
.nav-tags li.active a{
    background-color: #174088;
    color: #fff;
}
.keyword-input{
    padding-left: 240px;
}
.pos-tag{
    position: absolute;
    left: 10px;
    top: 8px;
}
.nav-tags li{
    position: relative;
    overflow: hidden;
}
.radio-pos {
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    opacity: 0;
}
.input-s{
    display: flex;
    align-items: center;
    gap: 10px;
}
.input-s select {
    height: 42px;
    padding: 7px;
    width: 184px !important;
    font-size: 14px;
    border-radius: 6px;
}
.input-s .drop-ic::after {
    right: 17px;
    top: 13px;
}
.arrow-r{
    transition:all .5s;
    font-size: 13px;
}
.arrow-r:hover{
    padding-left: 5px;
}

.modal-r {
    background-color: #fff;
    box-shadow: 0px 4px 6px rgba(0, 0, 0, .2);
    position: fixed;
    right: -100%;
    top: 0;
    height: 100vh;
    z-index: 999;
    width: 776px;
    transition: all .5s;
}
.btns-phons .fa-phone{
    transform: rotate(90deg);
}
.btn-check:focus+.btn-primary, .btn-primary:focus{
    background-color: #174088;
}
.modal-left .modal-r{
    right: 0;
}
.moadal-headers.card-suggest.card-md{
    padding-bottom: 15px !important;
    z-index: 999 !important;
    min-height: 100%;
}
.modal-left{
    position: relative;
}
.modal-left .modal-r::after{
    position: fixed;
    content: '';
    background-color: rgba(0, 0, 0, .40);
    width: 100%;
    height: 100vh;
    top: 0;
    left: 0;
      z-index:-99;
    transition: all .7s;

}
.moadal-headers {
    position: relative;
    margin-bottom: 0px;
    padding: 20px 20px 0px 20px !important;
    /* box-shadow: 0px 4px 6px rgba(0,0,0,.1); */
    border-radius: 0px;
    border-bottom: 1px solid rgba(0,0,0,.1);

}
.cross-pos{
    position: absolute;
    right: 15px;
    top: 15px;
    color: #000;
    font-size: 18px;
}
.moadal-headers .flex-icc{
    padding-right: 40px;
}
.croess-pos {
    position: absolute;
    right: 25px;
    top: 22px;
}
.p-20{
    padding: 20px !important;
}
.moadal-11-body {
    overflow: auto;
    height: calc(100vh - 234px);
}
.btn-ph {
    border-top: 1px solid rgba(0,0,0,.1);
}
.btn-ph a {
    height: 44px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    padding: 5px 20px;
}
.nav-tbbs a {
    color: #a9a9a9;
    font-size: 16px;
    font-weight: 400;
    line-height: 18px;
    position: relative;
    padding: 7px 15px;
}
.nav-tbbs li.active a:after {
    position: absolute;
    content: '';
    border-top: 1px solid #174088;
    width: 100%;
    bottom: 0px;
    left: 0px;
}
.nav-tbbs li.active a{
    color: #174088;
    font-weight: 500;
}


.nav-tbbs {
    padding-top: 20px;
    padding-bottom: 6px;
}

.work-exps h5{
    font-size: 15px;
    font-weight: 600;
    margin-bottom: 15px;
}
.work-exps {
    margin-bottom: 42px;
}
.wp-list li p {
    font-size: 14px;
    color: #7a7a7a;
}
.wp-list li{
    margin-bottom: 12px;
    position: relative;
}
.wp-list li:after {
    position: absolute;
    content: '';
    height: 15px;
    width: 15px;
    border-radius: 50%;
    background-color: #DADDE2;
    left: -18px;
    top: 5px;
}
.wp-list li::before {
    position: absolute;
    content: '';
    border-left: 2px solid #DADDE2;
    left: -23px;
    top: 13px;
    height: 100%;
}
.wp-list li:last-child::before{
    border: 0px;
}
.wp-list{
    display:block;
    padding-left: 20px;
}


.wp-list-inud li p{
background-color: #F2F4F6;
border-radius: 4px;
font-size: 13px;
color: #000;
padding: 4px 13px;
text-transform: capitalize;
}

.wp-list-inud{
    gap: 10px;
}
.nav-subs li{
    width: 100%;
    display:flex;
    gap: 15px;
    display: none;
}
/* .nav-subs li.active{
    display: block !important;
} */

.active-tb .nav-subs li.active{
display: block;
}
.active-tb .nav-subs li{
    display: none;
}
.overflow-s{
    max-height: 280px;
    overflow: auto;
    margin-top: 5px;
}

.btns-phons a{
    padding: 7px 12px;
    font-size: 12px;
    margin-right: 6px;
}
.btns-phons a i{
    padding-right: 3px;
}

.btns-phons{
    margin-top: 7px;
}
.btns-phons .form-control {
    height: 34px;
    border-radius: 4px;
    border: 1px solid #AEB2C5;
    font-size: 12px;
    color: #A0A0A0;
    font-weight: 400;
    padding: 5px 8px;
    background-color: #FBFDFF;
    max-width: 200px;
    padding-right: 25px;
}
.flex-bs .btn-infos a{
    color: #fff !important;
}

.flex-bs .btn-infos:hover a{
    color: #fff !important;
}
.btns-phons .drop-ic::after {
    right: 12px;
    top: 16px;
    border: 4px solid #525050;
    border-top: 4px solid transparent;
    border-right: 4px solid transparent;

}
/* .card-profile .card-scroll{
    padding-right: 20px;
} */

.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: #5897fb8a !important;
    color: white;
}
.select2-results__options li:hover{
    background-color: #5897fb8a !important;
}
.otp_inputs input::-webkit-outer-spin-button,
 .otp_inputs input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
  }
  .otp_inputs input{
    text-align: center;
  }

/* loader css */
.preloder {
    height: 100vh;
    width: 100%;
    position: fixed;
    top: 0;
    left: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: rgba(0,0,0,.7);
    z-index: 99;
}
  
  
  .loder{
    width: 70px;
    height: 70px;
    border-radius: 50%;
    border: 5px solid #D1DFFF;
    border-top: 8px solid #174088;
    animation: spinner 1s linear infinite;
  }
  
  @keyframes spinner{
    0%{
      transform: rotate(0deg);
  
    }
    50%{
      border-top-width: 5px;
    }
    100%{
      transform: rotate(360deg);
    }
  }

/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
input[type=number] {
  -moz-appearance: textfield;
}

.custom-drop .dropdown-menu {
    min-width: auto !important;
}

.logo_outer{
    margin-bottom: 15px;
    border-right: 1px solid rgba(0,0,0,.1);
}
.logo_outer h3{
    text-align: center;
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 10px;
}
.logo_outer_main {
    background-color: #fff;
    padding: 15px;
    box-shadow: 0px 2px 5px rgba(0,0,0,.1);
    border-radius: 8px;
    border: 1px solid rgba(0,0,0,.01);
    margin-bottom: 20px;
}
.border_all{
    border: 1px solid rgba(0,0,0,.1);

}
.logo_outer_main tr th{
    border-bottom: none;
}
.logo_outer_main table{
margin-bottom: 0px;
}

.img-logos{
width: 120px;
    margin: auto;
}
.table_logos tr th {
    font-size: 18px;
    font-weight: 600;
    text-transform: uppercase;
    white-space: nowrap;
}
.table_logos tr td{
    vertical-align: middle;
}

.modal_cong .fa_round{
        height: 95px;
        width: 95px;
        margin: 0 auto;
        background: #ccc;
        display: flex;
        align-items: center;
        background: #1f4088;
        color: #fff;
        font-size: 37px;
        border-radius: 50%;
        border: 15px solid rgba(255,255,255,.9);
    
}
.modal_cong  .you-apply{
        font-size: 22px !important;
        line-height: 33px !important;
        color: #202244;
        font-weight: 600 !important;
        margin-bottom: 33px !important;
}





/* blog page new */
.blog_main{
    height: 736px;
    width: 100%;
    overflow: hidden;
    border-radius: 29px;
    position: relative;

}
.blog_main img{
    height: 100%;
    width: 100%;
    object-fit: cover;
    border-radius: 29px;

}
.body_blog {
    padding: 6px 28px;
    position: absolute;
    bottom: 28px;
    left: 0px;
    z-index: 99;
}

.card_blog{
    position: relative;
    margin-bottom: 63px;
}
.body_blog h2, .blog_head{
    font-size: 40px;
    font-weight: 500;
    line-height: 42px;
    color: #fff;
    margin-bottom: 11px;
}
.body_blog p{
    font-size: 18px;
    font-weight: 700;
    line-height: 21px;
    color: #fff;
}

.body_blog h6{
    font-size: 20px;
    font-weight: 700;
    line-height: 18px;
    color: #fff;
    margin-bottom: 11px;

}


.blog_main::after {
    display: block;
    position: absolute;
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0, #000 100%);
    margin-top: -150px;
    height: 150px;
    width: 100%;
    content: '';
    bottom: 0px;
    /* z-index: 9; */
}

.ceta_head{
    font-size: 27px;
    font-weight: 700;
    line-height: 42px;
    color: #000000;
    margin-bottom: 35px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.ceta_head a{
    font-size: 18px;
    font-weight: 700;
    line-height: 42px;
    color: #4F4F4F;

}
.ceta_head a:hover{
    color: #4F4F4F;
}

.left_ceta_head{
    font-size: 30px;
    font-weight: 700;
    line-height: 45px;
    color: #000000;
    margin-bottom: 10px;
}

.carrier_list li a {
    border-bottom: 1px solid #BCBCBC;
    color: #000000;
    font-size: 20px;
    font-weight: 500;
    line-height: 30px;
    display: block;
    padding: 13px 0px;
}
.carrier_list li:last-child a{
    border-bottom: 0px;
}
.card_ctg{
    margin-bottom: 77px;
}
.font_25{
    font-size: 25px;
    font-weight: 700;
    line-height: 37px;
    display: block;
    color: #000;
}

.carrier_top li{
    border-bottom: 1px solid #BCBCBC;
    color: #000000;
    display: block;
    padding: 22px 0px 22px 30px;
    position: relative;
}
.carrier_top li:last-child{
    border-bottom: none;
}
.carrier_top li a{
    font-size: 15px;
    font-weight: 500;
    line-height: 28px;
    color: #000;
}
.number_pos{
    position: absolute;
    left: 0px;
    top: 15px;
    font-size: 35px;
    font-weight: 700;
    line-height: 52px;
    color: #000;
}
.carrier_top li p {
    font-size: 15px;
    font-weight: 500;
    line-height: 22px;
    color: #4F4F4F;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 8px;

}

.right_sp{
    padding-right: 30px;
}
.mb_20{
    margin-bottom: 20px;
}

.social_head{
    font-size: 25px;
    font-weight: 700;
    line-height: 42px;  
    margin-bottom: 5px;
}
.card_cata_8{
    margin-bottom: 15px;
}
.card_8{
margin-bottom: 20px;
}
.card_8_img{
    height: 248px;
    border-radius: 25px;
    width: 100%;
    margin-bottom: 14px;
}
.card_8_img img{
    height: 100%;
    border-radius: 25px;
    width: 100%;
    object-fit: cover;
}

.card_8_content{
    padding: 0px;
}
.card_8_content h5{
    font-size: 27px;
    font-weight: 700;
    line-height: 42px;  
    margin-bottom: 7px;
    color: #4F4F4F;
}
.card_8_content p{
    font-size: 15px;
    font-weight: 400;
    line-height: 21px;  
    margin-bottom: 7px;
    color: #4F4F4F;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;

}
.card_8_content h6{
    font-size: 15px;
    font-weight: 700;
    line-height: 21px;  
    margin-bottom: 0px;
    color: #4F4F4F;
}
.row_space:first-child{
    padding-left: 0px;
}
.row_space:nth-child(odd){
    padding-right: 40px;
}
.row_space:nth-child(even){
    padding-left: 40px;
}

.row_space{
    padding-left: 15px !important;
}

.achieve_goals{
    background-color: #F1F5FD;
    border-radius: 29px;
    margin: 40px 0px;
    position: relative;
    padding: 24px 14px;
    display: flex;
    align-items: center;
    gap: 20px;
}

.achieve_goals h4{
    font-size: 25px;
    font-weight: 600;
    line-height: 37px;  
    margin-bottom: 7px;
    color: #000000;
}
.achieve_goals h4 span{
    color: #174088;
}
.achieve_goals p{
    font-size: 18px;
    font-weight: 600;
    line-height: 27px;  
    margin-bottom: 16px;
    color: #4F4F4F;
    text-align: justify;

}
.img_cc{
    width: calc(100% - 204px);
}
.btn_flx{
    display: flex;
    align-items: center;
    gap: 30px;
}
.btn_flx a{
background-color: #174088;
color: #fff;
font-size: 14px;
padding: 10px 20px;
font-weight: 600;
}
.mb_102{
    margin-bottom: 102px;
}
.card_head_b{
    font-size: 42px;
    font-weight: 600;
    line-height: 63px;  
    margin-bottom: 16px;
    color: #174088;
}

.img_ff_outer{
    height: 366px;
    border-radius: 35px;
    margin-bottom: 20px;
}
.img_ff_outer img{
    height: 100%;
    width: 100%;
    border-radius: 35px;
    object-fit: cover;
}
.card_head_42{
font-size: 34px;
line-height: 42px;
color: #5F5353;
font-weight: 700;
margin-bottom: 17px;
}

.f_18{
    font-size: 18px;
    line-height: 21px;
    color: #5F5353;
    font-weight: 400;
    margin-bottom: 17px;
    }

.date_auther{
    font-size: 18px !important;
    line-height: 27px !important;
    color: #4F4F4F !important;
    font-weight: 700 !important;
}
.mt-63{
    margin-top: 63px;
}

.breadcrumb{
    background-color: transparent;
    margin-bottom: 0px;
}
.breadcrumb li, .breadcrumb li a {
    font-size: 18px;
    font-weight: 400;
    line-height: 27px;
    color: #4F4F4F;
}

.bread_sce{
    padding: 40px 0px;
}

.img_blog_lg{
    height: 748px;
    width: 100%;
    overflow: hidden;
    box-shadow: 0px 4px 4px 0px rgba(0,0,0,.2);
    border-radius: 25px;
    margin-bottom: 40px;
}
.img_blog_lg img{
    height: 100%;
    width: 100%;
    border-radius: 25px;
    object-fit: cover;
}
.blog_s_content p, .blog_s_content ul li{
    font-size: 17px;
    line-height: 33px;
    font-weight: 400;
    margin-bottom: 33px;
    color: #000;
}

.blog_s_content h2, .blog_s_content h3 {
    font-size: 24px;
    line-height: 46px;
    font-weight: 700;
    margin-bottom: 33px;
    color: #000;
}
.blog_s_content h4, .blog_s_content h5 {
    font-size: 20px;
    line-height: 38px;
    font-weight: 700;
    margin-bottom: 26px;
    color: #000;
}
.blog_s_content p img {
    max-height: 300px;
    object-fit: contain;
    width: 100%;
    margin-bottom: 20px;
}
.blog_s_content a{
color: #0057FF;
font-size: 17px;
line-height: 33px;
font-weight: 400;
}
.blog_s_content{
    padding-right: 30px;
}
.nav_r li {
    display: flex;
    align-items: center;
    gap: 20px;
    color: #4F4F4F;
    font-size: 16px;
    line-height: 37px;
    font-weight: 400;
}
.nav_r li span{
    color: rgba(23, 64, 136, 0.65);
    max-width: 120px;
    width: 100%;
}

.nav_res{
    margin-top: 40px;
    padding-left: 18px;
}
.nav_res li a{
    margin-left: 7px;
    position: relative;
    font-size: 17px;
    font-weight: 400;
    line-height: 41px;
    border-bottom: 2px solid #007CCB;

}
.nav_res li{
    list-style-type:decimal;
}
.single_center{
    margin: 80px 0px 60px 0px;
    text-align: center;
    font-size: 37px;
    font-weight: 700;
    line-height: 60px;
}

.f-15{
    font-size: 15px !important;
    }

/* health care css */
.head_one{
    font-size: 30px;
    font-weight: 700;
    color: #000000;
    line-height: 43px;
    margin-bottom:80px;
    text-align: center;
}
.health_card h6{
    font-size: 13px;
    font-weight: 700;
    color: #000000;
    line-height: 24px;
}

.nav_health{
    padding-left: 0px !important;
}
.nav_health li a{
    font-size: 13px;
    font-weight: 300;
    color: #000000;
    line-height: 24px;
}
.health_care{
    padding: 80px 0px;
}
.health_card{
    margin-bottom: 80px;
}
.card_employ{
    position: relative;
    background-color: #F1F5FD;
    border-radius: 26px;
    margin-bottom: 20px;
    box-shadow: 0px 0px 11px 0px rgba(0, 0, 0, .25);
    margin-top: 80px;
   
}
.pos_emp{
    margin-top: -38px;
}

.card_employ h6{
    color: #24272D;
    font-size: 22px;
    line-height: 33px;
    font-weight: 400;
    margin-bottom: 38px;
    text-align: justify;
}
.login-c{
    font-size: 18px;
    line-height: 27px;
    font-weight: 700;
    color: #fff;
    background-color: #224B92;
    height: 46px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 10px 36px;
    border-radius: 5px;
}
.login-c:hover{
    color: #fff;
}


.card_border{
    padding: 30px;
}
.border_rr{
    border-right: 1px solid rgba(31, 22, 18, 0.27);
}

.f_44{
    font-size: 44px;
    color: #4F4F4F;
}
.effective_text{
    font-size: 27px;
    line-height: 40px;
    font-weight: 400;
    color: #000000;
    margin-bottom: 68px;
    text-align: center;
}
.grow_team{
    width: 100%;
    height: 131px;
    display: flex;
    align-items: center;
    justify-content: center;
    /* background-image: url('https://d3ind2mr69yf7n.cloudfront.net/public/website/dashboard/blue-striped-concrete-wall-textured-background1.svg'); */
    /* background-size: cover; */
    overflow: hidden;
    /* background-repeat: no-repeat; */
    /* border-radius: 10px; */
    font-size: 51px;
    line-height: 76px;
    font-weight: 700;
    color: #000;
    /* background-color: #224b92; */
    margin-bottom: 70px;
}
/* .grow_team:hover{
    color: #fff;
} */
.head_acc{
    font-size: 28px;
    line-height: 42px;
    font-weight: 700;
    color: #4F4F4F;
    margin-bottom: 32px;
}
.accout_card{
    margin-bottom: 45px;
}
.nav_acc li a{
    font-size: 18px;
    line-height: 27px;
    font-weight: 400;
    margin-bottom: 32px;
    color: #4F4F4F;
    display: block;
}
.nav_acc li:last-child a{
    margin-bottom: 0px;
}


/* home page changes */

.banner_blue_line{
    border-radius: 14px;
    background-color: #174088;
    padding: 9px 15px;
    overflow: hidden;
    margin-top: 88px;
}

.blue_img_size{
    height: 57px;
    width: 57px;
    border-radius: 50%;
}

.blue_img_size img{
    height: 100%;
    width: 100%;
    border-radius: 50%;
    object-fit: cover;
}
.sm_blue{
    display: flex;
    align-items: center;
    gap: 13px;
    padding: 0px 15px;
}
.sm_blue span{
    color: #fff;
    font-size: 16px;
    line-height: 24px;
    font-weight: 400;
    width: calc(100% - 57px);
    max-width: 128px;
}

.flex_all_blue{
    display: flex;
    align-items: center;
    justify-content: center;
}
.border_rrr{
    border-right: 1px solid #fff;
}

.top_company{
    font-size: 30px;
    line-height: 45px;
    color: #000;
    font-weight: 600;
    margin-bottom: 35px;
    text-align: center;
}
.card_ic{
    background-color:#F1F5FD;
    padding: 14px 24px;
    margin-bottom:22px;
    display: flex;
    align-items: center;
    gap: 27px;
    box-shadow: 0px 4px 4px 0px rgba(0,0,0,.25);
    border-radius: 9px;
    color: #174088;
    font-size: 24px;
    line-height: 36px;
    font-weight: 700;
}
.view_all{
    height: 61px;
    background-color: #174088;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
    line-height: 27px;
    font-weight: 700;
    margin:0 auto;
    padding: 15px 20px;
    border-radius: 12px;
    color: #fff;
    width: 190px;
    margin-top: 40px;
}
.view_all:hover{
    color: #fff;
}

.card_sales{
    background-color: #F1F5FD;
    padding: 15px;
    margin-bottom: 15px;
    box-shadow: 0px 4px 4px 0px rgba(0,0,0,.25);
    border-radius: 12px;
    width: 100%;
}
.card_ic img {
    height: 51px;
    width: 51px;
    object-fit: contain;
}
.card_sales h5{
    font-size: 24px;
    line-height: 36px;
    color: #4F4F4F;
    font-weight: 700;
    margin-bottom: 0px;
}

.card_sales p{
    font-size: 11px;
    line-height: 17px;
    color: #4F4F4F;
    font-weight: 400;
    margin-bottom: 0px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
text-align: justify;
}
.card_sales img{
    width: 80px;
    height: 80px;
    object-fit: contain;
    margin-bottom: 10px;
}
.job_department{
    padding-bottom: 100px;
}
.outer_builder_sec{
    background-color: #00A6E4;
    border-radius: 10px;
    margin-bottom: 15px;
    width: 100%;
}
.cintetnt_builder{
    padding: 15px 22px 20px 42px;
}
.outer_builder_sec{
    display: flex;
    align-items: center;
}

.cintetnt_builder{
    width: 60%;
}

.img_resumes{
    width: 40%;
    padding-top: 10px;
}

.cintetnt_builder h3{
    font-weight: 500;
    font-size: 27px;
    line-height: 33px;
    color: #fff;
    margin-bottom: 5px;
}
.cintetnt_builder p{
    font-weight: 500;
    font-size: 11px;
    line-height: 16px;
    color: #fff;
    margin-bottom: 25px;
    text-align: justify;
}

.job_outer{
    background-color: #F1F5FD;
    padding: 30px 45px;
    border-radius: 22px;
    display: flex;
    align-items: center;
    gap: 43px;
}

.content_jobs h6{
    font-weight: 600;
    font-size: 20px;
    line-height: 30px;
    color: #000;
    margin-bottom: 4px;
}
.content_jobs p{
    font-weight:400;
    font-size: 17px;
    line-height: 25px;
    color: #24272D;
    margin-bottom:8px;
    text-align: justify;
}
.content_jobs a{
    margin: 0px;
}
.content_jobs a:hover{
 color: #fff;
}
.dream-job{
    margin: 50px 0px;
}

.for_candidate{
    background-color: #F1F5FD;
    box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, .25);

padding: 24px 0px;}

.for_candidatte_text{
    font-weight: 600;
    font-size: 30px;
    line-height: 45px;
    color: #000;
    margin-bottom: 4px;
}

.find_access{
    font-weight: 400;
    font-size: 22px;
    line-height: 33px;
    color: #24272D;
    margin-bottom: 4px;
}
.bg_blue_outer{
    background-color: #03AEE6;
    border-radius: 0px 0px 20px 20px;
}
.blue_sec_cc{
    padding: 80px 22px;
}
.blue_ic{
    margin-bottom: 72px;
}
.bg_check {
    background-color: #fff;
    border-radius: 11px;
    margin-bottom: 24px;
    font-weight: 600;
    font-size: 27px;
    line-height: 29px;
    color: #174088;
    padding: 16px 80px 16px 32px;
    position: relative;
    display: inline-flex;
}
.pos_check {
    position: absolute;
    right: -25px;
    top: -17px;
}
.left_alg {
    margin-left: -57px;
}

.card_hires{
    background-color: rgba(255, 255, 255, 0.15);
    border-radius: 9px;
    padding: 12px 12px 12px 46px;
    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, .25);
    margin-bottom: 25px;
    position: relative;

font-weight: 600;
font-size: 23px;
line-height: 24px;
color: #fff;
overflow: hidden;
} 
.view_jobs {
    height: 64px;
    border-radius: 5px;
    background-color: #fff;
    font-weight: 700;
    font-size: 30px;
    line-height: 45px;
    color: #174088;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    padding: 7px 53px;
}
.card_hires:before {
    content: '';
    position: absolute;
    left: 0px;
    height: 100%;
    width: 33px;
    background-color: #fff;
    top: 0px;
}

.img_blue_sec{
    position: absolute;
    bottom: 0px;
    left: 0px;
}
.bg_blue_outer{
    position: relative;
}
.right_aligns{
    left: auto;
    right: 0px;
}

.campous_head{
    color: #174088;
    font-weight: 600;
font-size: 44px;
line-height: 66px;
text-align: center;
}

.campus{
    background-color: #F1F5FD;
    padding: 50px 0px;
}
.mb_77{
    margin-bottom: 77px;
}
.acc_learn{
    color: #174088;
    font-weight: 400;
font-size: 28px;
line-height: 46px;
text-align: center;
text-align: justify;
}


.acc_learn span{
    font-weight: 700;
}
.know-mores{
    background-color: #174088;
    border-radius: 12px;
    color: #fff;
    font-weight: 700;
    font-size: 18px;
    height: 61px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 190px;
    margin-top: 20px;
}
.know-mores:hover{
    color: #fff;
}
.img_comp{
    height: 490px;
    overflow: hidden;
    width: 100%;
    border-radius: 14px;
    margin-bottom: 20px;
}
.img_comp img{
    height: 100%;
    overflow: hidden;
    width: 100%;
    border-radius: 14px;
    object-fit: cover;
}
.top_companies{
    padding: 98px 0px 140px 0px;
}

.campous_head2{
    color: #174088;
    font-weight: 600;
font-size: 30px;
line-height: 38px;
margin-bottom: 15px;
text-align: justify;

}
.content_comp p{
    color: #4F4F4F;
    font-weight: 400;
    font-size: 22px;
    line-height: 34px;
    margin-bottom: 15px;
    text-align: justify;
}

.content_comp{
    padding-left: 35px;
}
.content_comp a{
    margin-left: 0px;
}
.news_head{
    color: #4F4F4F;
    font-weight: 500;
    font-size: 30px;
    line-height: 45px;
    margin-bottom: 78px;
    text-align: center;
}
.card_news {
    height: 306px;
    width: 100%;
    border-radius: 18px;
    background-color:#F1F5FD;
    padding: 17px;
    overflow: hidden;
    margin-bottom: 20px;
    box-shadow: 0px 4px 4px 0px rgba(0,0,0,.25);
}
.card_news img{
    height: 100%;
width: 100%;
border-radius: 18px;
object-fit: cover;
}

.news_update{
    padding-bottom: 120px;
}
.card_testi{
    background-color: #fff;
    padding: 18px;
    box-shadow: 0px 4px 16px 0px rgba(0, 44, 109, 0.05);
    border-radius: 9px;
}
.test_p {
    color: #464D61;
    font-size: 12px;
    font-weight: 400;
    line-height: 18px;
    margin: 12px 0px 10px 0px;
    height: 70px;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-align: justify;

}
.img_clients{
    display: flex;
    align-items: center;
    padding-right: 40px;
    gap: 9px;
    position: relative;
    width: 100%;
}
.img_c{
    height: 36px;
    width: 36px;
    border-radius: 50%;

}
.img_c img{
    height: 100%;
    width: 100%;
    border-radius: 50%;
    object-fit: cover;
}
.content_client h6{
    color: #191F33;
    font-size: 12px;
    line-height: 18px;
}
.content_client p{
    color: #767E94;
    font-size: 10px;
    line-height: 15px;
    font-weight: 400;
}
.content_client{
    position: relative;
}
.pos_comma{
    position: absolute;
    right: 0px;
    top: 0px;
}
.star_nav li i{
    color: #FFAA00;
    font-size: 16px;
}
.star_nav{
    gap: 2px;
}


/* job title */
.f_40{
    font-size: 40px !important;
    margin-bottom: 18px !important;
}

.effective_text2{
    font-size: 23px;
    line-height: 36px;
    font-weight: 400;
    color: #4F4F4F;
    margin-bottom: 68px;
    text-align: center;
}

.cms_health_care h6, .cms_health_care h5, .cms_health_care h4, .cms_health_care h3, .cms_health_care h2{
    font-size: 17px;
    line-height: 40px;
    font-weight: 700;
    color: #4F4F4F;
    margin-bottom: 0px;
}

.head_acc2{
    font-size: 24px;
    line-height: 45px;
    font-weight: 700;
    color: #4F4F4F;
    margin-bottom: 0px;
}
.description-t{
    font-size: 17px;
    line-height: 33px;
    font-weight: 400;
    color: #4F4F4F;
    margin-bottom: 44px;
    display: block;
}
.cms_health_care p{
    font-size: 17px;
    line-height: 33px;
    font-weight: 400;
    color: #4F4F4F;
    margin-bottom: 44px;
    display: block;
}
.cms_health_care img{
    width: 100%;
    height: 280px;
    margin-top: 10px;
    object-fit: cover;
}
.cms_health_care iframe{
    width: 100%;
    height: 410px;
    margin-top: 10px;
    object-fit: cover;
}

.cms_health_care li {
    position: relative;
    margin-left: 20px;
    color: #4F4F4F;
    font-size: 17px;
    font-weight: 400;
    line-height: 33px;
}

/* .cms_health_care li::after {
    content: '';
    position: absolute;
    left: 0px;
    top: 19px;
    height: 5px;
    width: 5px;
    background-color: #4F4F4F;
    border-radius: 50%;
} */
.cms_health_care ul{
    margin-bottom: 44px;
}
.desc_list li{
    position: relative;
    padding-left: 20px;
    color: #4F4F4F;
    font-size: 17px;
    font-weight: 400;
    line-height: 33px;
}
.desc_list li::after {
    content: '';
    position: absolute;
    left: 0px;
    top: 19px;
    height: 5px;
    width: 5px;
    background-color: #4F4F4F;
    border-radius: 50%;
}

.desc_list{
    margin-bottom: 44px;
}

.job_post{
    background-color:#174088 ;
    border-radius: 5px;
    color: #fff;
    display: inline-flex;
    height: 62px;
    align-items: center;
    justify-content: center;
    padding: 5px 40px;
    font-size: 25px;
    line-height: 35px;
    font-weight: 700;
}

.job_post:hover{
    color: #fff;
}
.related_jobs h6{
    font-size: 20px;
    font-weight: 700;
    line-height: 37px;
    color: #4F4F4F;
}

.nav_related li a{
    font-size: 20px;
    font-weight: 400;
    line-height: 37px;
    color: #4F4F4F;
}
.related_sec{
    padding-top: 70px;
}
.nav_related{
    margin-bottom: 20px;
}


/* resources -page */

.resources_sec {
    background-color: #0B3A58;
    overflow: hidden;
    background-image: url('https://d3ind2mr69yf7n.cloudfront.net/public/website/dashboard/a-clean-professional-illustration-of-a-light-bulb--omWK_nXVRmGqiaa7Poyyiw-g1ptZINBTfC7DI6cy9GODQ1.svg');
    background-position: 100% 0px;
    width: 100%;
    object-fit: contain;
    background-repeat: no-repeat;
    height: 523px;
}
.min_532{
    height: 523px;
}
.content_explore h1{
    font-size: 42px;
    font-weight: 700;
    color: #fff;
    line-height: 63px;
    margin-bottom: 8px;
}
.content_explore p{
    font-size: 21px;
    font-weight: 500;
    color: #fff;
    line-height: 31px;
    margin-bottom: 34px;
}
.btn_explore_white{
    font-size: 23px;
    font-weight: 700;
    color: #0B3A58;
    line-height: 34px;
    height: 53px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 5px 30px;
    background-color: #fff;
    border-radius: 5px;
}

.btn_explore_white:hover{
    color: #fff;
    opacity: .9;
}

.jobs_cc{
    height: 246px;
    width: 100%;border-radius: 8px;
    margin-bottom: 100px;
    box-shadow: 11px 9px 6px 0px rgba(0, 0, 0, .25);
    overflow: hidden;
    position: relative;
}
.jobs_cc img{
    height: 100%;
    width: 100%;
    border-radius: 8px;
    object-fit: cover;
}
.resources_cards{
    padding: 43px 0px 20px 0px;
}

.content_jobs_cc {
    background-color: rgba(11, 58, 88, .70);
    padding: 4px 8px;
    text-align: center;
    color: #fff;
    font-size: 23px;
    line-height: 34px;
    font-weight: 700;
    position: absolute;
    bottom: 0px;
    width: 100%;
    transition: all .5s;
}
.jobs_cc:hover .content_jobs_cc{
    background-color: rgba(11, 58, 88, 1);
}

.contain_img{
    border-radius: 8px;
    object-fit: contain !important;
    margin: auto !important;
    height: auto !important;
    width: auto !important;
    display: block;}

.space_items{
    padding: 0px 50px;
}

.bg_cd{
    background: #eff4fa;
}

.assesment_test{
    padding: 80px 0px;
}
.for-fresher{
    color: rgba(23, 64, 136, 0.69);
    font-size: 35px;
    line-height: 52px;
    font-weight: 500;
    width: 80%;
    text-align: center;
    margin: auto;
    margin-bottom: 100px;

}
/* c2c slider */
.outer_sliders{
    background-image: linear-gradient(rgba(76, 54, 219, 1), rgba(75, 63, 153, 1));
   
    border-radius: 36px;
    overflow: hidden;
    min-height: 429px;
}
.content_slider_top {
    padding: 64px;
    padding-right: 10px;
}
.img_right{
    float: right;
}
.slider_tops{
    padding-top: 14px;
    padding-bottom: 80px;
}
.left_plus{
    position: relative;
    padding-left: 50px;
}

.content_slider_top h4{
    color: #fff;
    font-size: 25px;
    line-height: 42px;
    font-weight: 400;
    text-transform: uppercase;
    letter-spacing: 3px;
}
.content_slider_top h5{
    color: #fff;
    font-size: 35px;
    line-height: 50px;
    font-weight: 700;
    margin-bottom: 33px;
}
.left_plus{
    font-size: 25px;
    color: #fff;

    line-height: 42px;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 3px;
    position: relative;
}
.left_plus span {
    font-size: 64px;
    color: #EDC035;
    position: absolute;
    left: 0px;
}
.texts_logos{
    margin: 43px 0px 112px 0px;
}
.texts_logos p{
    width: 87%;
    text-align: justify;
    margin: 0 auto;
    font-size:19px;
    font-weight: 400;
    line-height: 30px;
    color: #000000;
}
.campus_sec{
    background-color: #F1F5FD;
    padding: 30px 0px;
    margin-bottom: 92px;
}

.head_campus{
    font-size: 27px;
    font-weight: 500;
    line-height: 42px;
    margin-bottom: 19px;
    color: #000000;
}
.capmus_c p{
    font-size: 21px;
    font-weight: 500;
    line-height: 27px;
    color: #000000;
margin-bottom: 49px;
position: relative;
padding-left: 60px;
padding-right: 30px;
}
.capmus_c p span {
    height: 47px;
    width: 47px;
    background-color: #fff;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 25px;
    font-weight: 700;
    line-height: 42px;
    position: absolute;
    left: 0px;
    top: -11px;
}

.btn_flex{
    display: flex;
    align-items: center;
    gap: 14px;
}
.btn_flex .job_post{
    height: 74px;
    font-size: 18px;
    font-weight: 700;
    border-radius: 12px;
}

.head_campus2{
    font-size: 35px;
    font-weight: 700;
    line-height: 42px;
    margin-bottom: 70px;
    color: #000000;
    text-align: center;
}

.card_corporate{
    position: relative;
    padding: 42px;
    border-radius: 36px;
    background-color: #F1F5FD;
    margin-bottom: 26px;
    overflow: hidden;
    width: 100%;
}


.card_corporate h6{
    font-size: 24px;
    font-weight: 700;
    line-height: 42px;
    color: #000000;
margin-bottom: 5px;
position: relative;
padding-left: 70px;
}
.card_corporate h6 span {
    height: 55px;
    width: 55px;
    background-color: #fff;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 32px;
    font-weight: 700;
    line-height: 42px;
    position: absolute;
    left: 0px;
    top: -8px;
}
.text_corp{
    padding-right: 150px;
}
.card_corporate p {
    color: #4F4F4F;
    font-size: 18px;
    font-weight: 300;
    line-height: 30px;
    margin-bottom: 14px;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
text-align: justify;
    min-height: 80px;
}

img.img-fluid.pos_ic {
    position: absolute;
    right: 0px;
    bottom: 0px;
}

.card_corporate img{
    max-width: 190px;
}
.login_emp_sec{
    /* padding: 183px 0px 103px 0px; */
}

.sec_logo_bottom{
    margin-top: 100px;
}

.sec_logo_bottom p{
    margin: 19px 0px;
    font-size: 25px;
    font-weight: 500;
    line-height: 26px;
    color: #000;
    text-align: center;

}
.sec_logo_bottom p span{
    font-family: "Moon Dance", cursive;
}
.logo_bootom{
    margin-bottom: 103px;
}
.f_20{
    font-size: 20px;
    line-height: 26px;
    font-weight: 300;
    color: #000;

}
.m_10{
    margin: 10px 0px 70px 0px;
}
.center_justify{
    justify-content: center;
}
.mt_98{
    margin-top: 98px;
}

.text_corp.pr-0{
    padding-right: 0px !important;
}
.space_x{
    padding: 0px 30px;
    margin-bottom: 55px;
}

.space_x img{
    margin-bottom: 13px;
}
.mb_148{
    margin-bottom: 148px;
}
.special_features{
    background-color: #F1F5FD;
    padding: 44px 0px 60px 0px;
    margin-top: 70px;
}

.img_car_test{
    border: 5px solid #174088;
    border-radius: 85px;
    background-color: #fff;
    overflow: hidden;
}
.img_test{
    /* height: 430px; */
    width: 100%;
    padding: 15px;
}
.img_test img{
    height: 100%;
    width: 100%;
    object-fit: cover;
}

.upper_text {
    justify-content: center;
    background-color: #174088;
    color: #FFFFFF;
    font-weight: 700;
    font-size: 32px;
    line-height: 46px;
    padding: 14px;
    text-align: center;
    box-shadow: 0px 4px 4px 0px rgba(0,0,0,.25);
    border-radius: 0px 0px 0px 40px;
    width: 90%;
    display: flex;
    margin-left: auto;
}

.lower_text {
    background-color: #174088;
    color: #FFFFFF;
    font-weight: 700;
    font-size: 32px;
    line-height: 46px;
    padding: 14px;
    text-align: center;
    box-shadow: 0px 4px 4px 0px rgba(0,0,0,.25);
    border-radius: 0px 40px 0px 0px;
    width: 90%;
    display: block;
}

.card_content_img{
    box-shadow: 0px 4px 4px 0px rgba(0,0,0,.25);
    margin-bottom: 40px;
    border-radius: 14px;
    background-color: #fff;

}
.empy_top {
    background-color: #174088;
    padding: 15px 67px;
    color: #fff;
    line-height: 30px;
    font-weight: 700;
    font-size: 19px;
    text-align: center;
    margin: 0 auto;
    display: table;
    border-radius: 0px 0px 27px 27px;
}
.card_cont{
    padding: 20px 15px;
}

.space_x_33{
    padding-left:33px;
}
.nav_emp li{
    line-height: 30px;
    font-weight: 600;
    font-size: 19px;
    color: #000;
    position: relative;
    padding-left: 20px;
    text-align: justify;
}

.nav_emp li span{
    color: #03AEE6;
}

.nav_emp li::after {
    content: '';
    position: absolute;
    left: 0px;
    top: 10px;
    height: 5px;
    width: 5px;
    background-color: #4F4F4F;
    border-radius: 50%;
}
.mt_82{
    margin-top: 82px;
}


/* slick buttons */

.slider_btn .slick-dots{
    display: flex;
    justify-content: center;
    gap: 5px;
    margin-top: 30px;
}

.slider_btn .slick-dots li {
    border: 0px;
    background: transparent;
    font-size: 0px;
    height: 7px;
    width: 7px;
    background-color: #F1F5FD;
    border-radius: 50%;
}
.slider_btn .slick-dots li button{
    border: 0px;
}
.slider_btn .slick-dots .slick-active {
    width: 18px;
    background-color: #174088;
    border-radius: 24px;
}

.slider_btn .slick-arrow{
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 99;
    border: none;
    background-color: #fff;
    height: 36px;
    width: 36px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0px;
    border: 1px solid #f5f5f5;
}

button.slick-prev.slick-arrow {
    right: 0px;
}
button.slick-next.slick-arrow {
    left: 0px;
}
button.slick-prev.slick-arrow::after {
    left: 50%;
    top: 50%;
    transform: translate(-43% , -48%);
    position: absolute;
    /* content: '\f061';
    font-family: fontawesome !important;
     */
    content: '';
    background-image: url('https://d3ind2mr69yf7n.cloudfront.net/public/website/dashboard/fi_arrow-right.svg');
    color: #174088;
    font-size: 13px;
    background-position: center;
    background-repeat: no-repeat;
    height: 15px;
    width: 13px;
}

button.slick-next.slick-arrow::after {
    left: 50%;
    top: 50%;
    transform: translate(-48% , -48%);
    position: absolute;
    /* content: '\f060';
    font-family: fontawesome !important; */
    content: '';
    background-image: url('https://d3ind2mr69yf7n.cloudfront.net/public/website/dashboard/fi_arrow-right(1).svg');
  
    color: #174088;
    font-size: 13px;
    background-position: center;
    background-repeat: no-repeat;
    height: 15px;
    width: 13px;
}
/* end */


.blue_slide{
    background-image: linear-gradient(rgba(28, 151, 241, 1), rgba(0, 126, 207, 1));

}


.align-items-bottom{
    align-items: end;
}
.yellow_slide{
    background-image: linear-gradient(rgba(245, 166, 35, 1), rgba(189, 119, 2, 1));

}
.yellow_slide .left_plus span {
    color: #4DD3EC;
}

/* .white_slide{
    background-color: #fff;
    background-image: none;
    border-radius: 36px;
    overflow: hidden;
    box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, .10);

} */

.white_slide {
    background-color: #fff;
    background-image: none;
    border-radius: 36px;
    overflow: hidden;
    box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, .10);
    /* padding: 10px; */
    display: flex;
    align-items: center;
    justify-content: center;
}

.slider_logo{
    min-height: 387px;
    display: flex;
    align-items: center;
    justify-content: center;
         padding: 10px; 
}

.slider_test{
    padding: 0px 35px;
}

/* assignment test css */
.assigment_content h4{
    line-height: 57px;
    font-weight: 600;
    font-size: 32px;
    color: #000; 
    margin-bottom: 30px;
}
.assigment_content p{
    line-height: 34px;
    font-weight: 400;
    font-size: 22px;
    color: #000; 
    margin-bottom: 30px;
}
.job_post.f_23 {
    height: 53px;
    font-size: 23px;
}

.apptitude_card{
    border: 3px solid #174088;
    padding: 18px 24px;
    border-radius: 26px;
    background-color: #fff;
    margin-bottom: 128px !important;
    box-shadow: 0px 4px 4px 0px rgba(0,0,0,.25);
width: 100%;
}

.apptitude_card h6 {
    text-align: center;
    font-size: 26px;
    line-height: 39px;
    font-weight: 600;
    color: #000;
    margin-bottom: 28px;
}
.app_left_cont{
    column-count: 2;
    column-gap: 35px;
}

.app_left_cont p{
    font-size: 19px;
    color: #000;
    font-weight: 400;
    line-height: 28px;
    margin-bottom: 10px;
}
.app_left_cont ul li{
    font-size: 19px;
    color: #000;
    font-weight: 400;
    line-height: 28px;
    margin-bottom: 10px;
    margin-left: 10px;
    list-style: disc !important;
}

.app_left_cont ul li {
    background-color: transparent !important;
}
.app_left_cont p span{
    font-weight: 600;
}
.job_post.f_17 {
    height: 53px;
    font-size: 17px;
    padding: 9px 15px;
    width: 100%;
    margin-top: 20px;
    text-align: center;
    border: none;
}
.nav.nav-r.js-right.btn_line{
    gap: 0px;
}
.img_sze{
    width: 100%;
    height: 100%;
    max-width: 180px;
    object-fit: cover;
    margin: 0 auto;
    display: block;
}
.web_show{
    display: block;
}
.mob_show{
    display: none;
}
.apptitude-list li{
    position: relative;
    padding-left: 0px;
    font-size: 19px;
    line-height: 28px;
    font-weight: 400;
    margin-bottom: 18px;
}
/* .apptitude-list li::after {
    content: '';
    position: absolute;
    left: 0px;
    top: 10px;
    height: 5px;
    width: 5px;
    background-color: #4F4F4F;
    border-radius: 50%;
} */

.apptitude_card:hover{background-color:#F1F5FD;}
.apptitude_card:nth-child(odd) {
    background-color:#F1F5FD;
}


.expend_know{
    background-color: #F1F5FD;
    padding: 64px 0px;
}

.expend_know h6{
    font-size: 29px;
    line-height: 43px;
    font-weight: 600;
    margin-bottom: 75px;
    color: #000;
    text-align: center;
}
.looking_more{
    font-size: 23px;
    line-height: 39px;
    font-weight: 400;
    margin-bottom: 50px;
    color: #000;
}

.looking_more span{
    font-weight: 600;
}
.pt_80{
    padding-top: 80px;
}
.content_congrats h6{
font-size: 26px;
font-weight: 600;
color: #000;
margin-bottom: 20px;
line-height: 37px;
text-align: left;
}
.content_congrats{
    text-align: left;
    padding: 48px 48px 0px 48px;
}
.pad-48{
    padding: 12px 48px 48px 48px;
}
.mb_27{
    margin-bottom: 27px;
}

.flex_border{
    display: flex;
    align-items: center;
    gap: 22px;
    border-top: 1px solid #DEE1E7;
    padding: 16px 48px 16px 48px;
}
.flex_border p{
font-size: 12px;
font-weight: 400;
text-align: left;
line-height: 19px;
color:#545454
}
.flex_border span{
font-size: 18px;
font-weight: 500;
text-align: left;
line-height: 27px;
color: #202244;
}
.body-spacing {
    padding: 0px !important;
}


/* result new design */
.f_25{
    font-size: 25px;
    font-weight: 500;
    color: #000;
    margin-bottom:95px
}
.test_percent{
    background-color: #F1F5FD;
    padding: 20px 60px;
    border-radius:18px;
    box-shadow: 0px 1px 6px 0px rgba(0,0,0,.10);
    margin-bottom: 30px;
}
.percent-img img{
    width: 100%;
}

.percent-img{
    margin-bottom: 20px;
}
.card-modify {
    background-color: transparent;
    border-radius: 18px;
    margin: 0px;
    box-shadow: none;
    padding: 0px;
    text-align: center;
}
.card-modify h1{
    font-size: 22px;
    font-weight: 700;
    line-height: 33px;
    color: #174088;
}
.card-modify p{
    font-size: 17px;
    font-weight: 500;
    line-height: 25px;
    color: #202244;
}

.b-clr{
    border-color: #AEB2C5;
}

.space_33{
    padding: 0px 33px;
}
.result_cc h5{
color: #4F4F4F;
margin-bottom: 8px;
font-size: 20px;
font-weight: 700;
line-height: 30px;
}
.result_cc{
    text-align: center;
}

.result_cc h6{
    color: #174088;
    margin-bottom: 15px;
    font-size: 17px;
    font-weight: 500;
    line-height: 25px;
    }


.papular-search.mt-5 {
    margin-top: 80px !important;
}

.result_cc p{
color: #4F4F4F;
margin-bottom: 15px;
font-size: 17px;
font-weight: 500;
line-height: 25px;
}
.flex_btns {
    display: flex;
    align-items: center;
    gap: 12px;
}
.flex_btn {
    display: flex;
    align-items: center;
    gap: 8px;
    border-top: 1px solid rgba(0,0,0,.2);
    justify-content: center;
    padding: 12px 0px 0px 0px;
}
.flex_btn a{
    font-size: 13px;
    border-radius: 5px;
}



.flex_btns a{
    font-size: 16px;
    border-radius: 5px;
}
.download_green{
    background-color: #00903A;
    height: 54px;
    border-radius: 4px;
    font-size: 21px;
    font-weight: 500;
margin-top: 0px;
}

.card_flex_c h5{
    font-size: 24px;
    font-weight: 700;
    line-height: 29px;
    margin-bottom: 26px;
    color: #4F4F4F;
}
.card_jobs_right{
    background-color: #F1F5FD;
    border-radius: 28px;
    margin-bottom: 20px;
    overflow: hidden;
    box-shadow: 0px 0px 12px 0px rgba(0,0,0,.25);
display: flex;
align-items: center;

}
.card_flex_c{
    padding: 20px ;
}
.register_now {
    border: 0px;
    height: 39px;
    color: #fff;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    line-height: 18px;
    font-weight: 700;
    background-color: #174088;
    border-radius: 5px;
    padding: 5px 20px;
}
.register_now:hover{
    color: #fff;
    opacity: .9;
}
.btn_40{
    height: 40px;
    font-size: 16px;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.nav-r .custom-drop .dropdown-menu {
    min-width: 91px!important;
}
.currency_t span{
    color: #000;
    font-weight: 500;
    font-size: 15px;
}
.refer_sec{
    padding: 90px 0px;
}
.card_great_carrier{
    background-color: #F1F5FD;
    padding: 30px 90px;
    border-radius: 25px;
}
.card_great_carrier h5{
    margin-bottom: 27px;
    font-weight: 600;
    font-size: 30px;
    line-height: 46px;
    color: #000;
    text-align: center;
}

.card_great_carrier p{
    margin-bottom: 25px;
    font-weight: 500;
    font-size: 30px;
    line-height: 35px;
    color: #000;
    text-align: center;
    width: 90%;
    margin: 0 auto;
    display: block;
    margin-top: 27px;
    margin-bottom: 40px;


}
.card_great_carrier p a{
    color: #174088;
    font-weight: 600;
    font-size: 30px;
}

.watsap_share{
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
    max-width: 88%;
    background-color: #238B2B;
    color: #fff;
    font-weight: 600;
    font-size: 28px;
    line-height: 35px;
    height: 81px;
    border-radius: 11px;
    margin: 0 auto;
}
.watsap_share:hover{
    color: #fff;
    opacity: .9;
}


.link_s a {
    color: #174088;
    font-weight: 600;
    font-size: 28px;
    line-height: 35px;
    text-align: center;
    gap: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.link_s .dropdown-menu.dropdown-menu-right::after {
    position: absolute;
    content: "";
    height: 16px;
    width: 16px;
    background-color: #fff;
    top: 10px;
    transform: rotate(45deg);
    left: -7px;
}


/* .link_s{
    margin-top: 17px;    
    text-align: center;
} */
.link_s {
    text-align: center;
    width: 260px;
    margin: 0 auto;
    margin-top: 17px;

}
.link_s .dropdown-menu.dropdown-menu-right {
    left: 153px !important;
    top: -35px !important;
    border: 1px solid #C7C7C7;
    border-radius: 12px;
    box-shadow: 0px 2px 9px 0px rgba(0,0,0,.20);
    padding: 0px;
}

.link_s .dropdown-menu.dropdown-menu-right a {
    font-size: 11px;
    line-height: 17px;
    font-weight: 500;
    display: flex;
    align-items: center;
    border-bottom: 1px solid #606060;
    text-align: left;
    justify-content: left;
    padding: 7px 12px;
    gap:10px;
    color: #000;
}
.link_s .dropdown-menu.dropdown-menu-right a:hover{
    background-color: transparent;
    color: #174088;
}


.link_s .dropdown-menu.dropdown-menu-right a:last-child{
    border-bottom: 0px;
}


/* new */

/* .link_sec {
    text-align: center;
    width: 260px;
    margin: 0 auto;
    margin-top: 17px;

} */
.link_sec .dropdown-menu.dropdown-menu-right {
    top: 20px !important;
    border: 1px solid #C7C7C7;
    border-radius: 12px;
    box-shadow: 0px 2px 9px 0px rgba(0,0,0,.20);
    padding: 0px;
    position: relative;
}
.link_sec .dropdown-menu.dropdown-menu-right::after {
    position: absolute;
    content: "";
    height: 18px;
    width: 18px;
    background-color: #fff;
    top: 10px;
    transform: rotate(45deg);
    right: -5px;
}
.link_sec .dropdown-menu.dropdown-menu-right a {
    font-size: 11px;
    line-height: 17px;
    font-weight: 500;
    display: flex;
    align-items: center;
    border-bottom: 1px solid #606060;
    text-align: left;
    justify-content: left;
    padding: 7px 12px;
    gap:10px;
    color: #000;
}
.link_sec .dropdown-menu.dropdown-menu-right a:last-child{
    border-bottom: 0px;
}
.link_sec .dropdown-menu.dropdown-menu-right a:hover{
    background-color: transparent;
    color: #174088;
}


.login_emp_sec22{
    margin-top: 50px;
}
.copy_content {
    background-color: #fff;
    border: 1px solid #B8B8B8;
    box-shadow: 3px 2px 17px 0px rgba(0, 0, 0, .25);
    display: flex;
    align-items: center;
    padding: 17px 23px;
    font-weight: 600;
    font-size: 20px;
    line-height: 30px;
    gap: 5px;
    border-radius: 15px;
    position: absolute;
    right: 52px;
    top: -45px;
    color: #000;
}
.copy_content a:hover{
    color: #000;
}
.head_blue{
    color: #174088;
    margin-bottom: 108px !important;
}

.write_me{
    padding: 20px 0px;
}
.share_content{
    font-size: 19px;
    font-weight: 400;
    color: #000;
    line-height: 28px;
}
.share_content a{
    color: #174088;
    font-weight: 700;
}
.mb_50{
    margin-bottom: 50px;
}
.jurney_card{
    background-color: #003E8B;
    border-radius: 44px;
    margin: 133px 0px 70px 0px;
    padding: 30px 66px;
    text-align: center;

}
.jurney_card h6{
    font-size: 35px;
    font-weight: 600;
    color: #fff;
    line-height: 52px;
    margin-bottom: 13px;
}

.jurney_card p{
    font-size: 19px;
    font-weight: 400;
    color: #fff;
    line-height: 30px;
}
.jurney_card p a{
    font-weight: 700;
    color: #fff;
    text-decoration: underline;
}

.guideline_sec{
    background-color: #F1F5FD;
    padding: 26px 0px;
}
.f_35{
    font-size: 35px;
    font-weight: 600;
    color: #000;
    line-height: 54px;
}

.nav_guideline{
    margin-top: 25px;
    border-left: 12px solid #003E8B;
}
.nav_guideline li{
    font-size: 19px;
    font-weight: 400;
    color: #000;
    line-height: 28px;
    padding-left: 30px;
    margin-bottom: 25px;
}
.nav_guideline li span{
    font-weight: 600;
}

.nav_write li{
    font-size: 18px;
    font-weight: 400;
    color: #000;
    line-height: 35px;
margin-bottom: 20px;
list-style: decimal;
word-break: break-all;
}
.nav_write li p{
word-break: break-all;

}

.nav_write li a{
    font-weight: 600;
    color: #174088;
}
.nav_write{
    padding-left: 30px;
}
.write_me{
    padding: 60px 0px 90px 0px;
}
.mb-20{
    margin-bottom: 20px;
}
.p-40 {
    padding: 40px 0px;
}

.card_g{
    margin-bottom: 22px;
    padding: 26px 36px;
    border-radius: 29px;
    box-shadow: 0px 4px 10px 1px rgba(0, 0, 0, .25);
    background-color: #fff;
    width: 100%;
}

.card_g h4{
    font-size: 23px;
    font-weight: 600;
    color: #000;
    margin-bottom: 8px;
}
.card_g p{
    font-size: 18px;
    font-weight: 400;
    line-height: 34px;
    color: #000;
}
.px-25{
    padding: 0px 25px;
}

.nav_faq li{
    border-top: 1px solid #000;
    /* border-bottom: 1px solid #000; */
padding: 16px 0px;

}
.nav_faq li a{
    color: #174088;
    font-weight: 600;
}
.nav_faq li h5{
    font-size: 19px;
    font-weight:600;
    line-height: 33px;
    color: #000;
    margin-bottom: 5px;
}
.nav_faq li p{
    font-size: 19px;
    font-weight: 400;
    line-height: 33px;
    color: #000;
    word-break: break-all;
}

.nav_faq li:last-child{
    border-bottom: 1px solid #000;
}

#resumeTemplate .form-group{
    margin-bottom: 30px;
}
#resumeTemplate label{
    margin-bottom: 7px;
}
.icon-box .fa-plus {
    position: inherit !important;
    right: 0px !important;
    top: 0% !important;
    transform: translateY(0%) !important;
    border: none !important;
    border-radius: 0px !important;
    padding: 0px;
    background-color: transparent !important;
    font-size: 16px !important;
    color: #174088 !important;
    padding: 0px !important;
}
label.icon_add {
    display: flex;
    align-items: center;
    justify-content: space-between;

}

.icon-box {
    width: auto;
    color: #174088 !important;
    font-size: 16px !important;
    font-weight: 600;
    gap: 5px ;
}

.border_ic {
    border: 1px solid #e5e5e5;
    padding-top: 35px;
    position: relative;
}
.border_ic .icon-box .fa-minus {
    position: static !important;
    right: 0px !important;
    top: 0% !important;
    transform: translateY(0%) !important;
    border: none !important;
    border-radius: 0px !important;
    padding: 0px;
    background-color: transparent !important;
    font-size: 16px !important;
    color: #174088 !important;
    padding: 0px !important;
}
.border_ic .icon-box {
    position: absolute !important;
    right: 15px !important;
    top: 10px;
}

.select2-container .select2-selection--multiple {

    overflow: auto !important;
}
.bottom_pad .login_emp_sec {
    padding: 0px 0px 0px 0px;
}
.mobile_border{
    display: none;
}
.campus_sec .btn_flex{
    margin-top: 20px;
    padding-left: 57px;
}

.job_sticky .sticky-top{
    top: 85px;
    z-index: 9;
}
.createChatRoom.btn_40:focus{
    background-color: #174088;
}
.form-check .terms-check .form-check-input {
    margin-left: -1.1em;
}
.w_30{
    width: 30px !important;
    height: 30px;
    object-fit: contain;
}
a.btn.common-btn.h-42 {
    margin-top: 14px !important;
}


.main-top-heading.cms-inner{
    padding-left: 15px !important;
}
.main-top-heading.cms-inner li{
   list-style: disc;
}
.cms-inner ul li{
    list-style: disc !important;
 }


.min-w-380{
    min-width: 380px !important;
    left: -200px !important;
    width: 380px;
}
.assesment_drop{
    text-align: right;
}
.assesment_drop .dropdown-menu.show {
    padding: 0px;
    background: #F1F2F4;
    padding: 0px 7px;
}
.assesment_drop .btn_ass {
    background: #174088;
    padding: 4px 30px 4px 11px;
    font-size: 10px;
    font-weight: 700;
    position: relative;
    color: #fff;
    border-radius: 5px;
    width: 130px;
    text-align: left;
    margin-bottom: 7px;
}
.assesment_drop .btn_ass::after {
    position: absolute;
    content: '';
    border: 4px solid #fff;
    border-top: 4px solid transparent;
    border-right: 4px solid transparent;
    transform: rotate(-45deg);
    right: 10px;
    pointer-events: none;
    top: 5px;
}
.assesment_drop a {
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 10px;
    font-weight: 400;
    color: #000;
    padding: 3px 0px;
    border-bottom: 1px solid #000;
}
.assesment_drop a:last-child{
    border-bottom: 0px;
}


.assesment_drop a:hover{
    background-color: transparent;
}
.assesment_drop a span{
    color: #4F4F4F;
}
.personality_test{
    background-color: #174088;
    font-size: 10px;
    font-weight: 700;
    line-height: 14px;
    padding: 4px 11px;
    border-radius: 5px;
    width: 100%;
    display: block;
    color: #fff;
}
.personality_test:hover{
    color: #fff;
}
.text-right22{
width: 156px;
    margin-left: auto;
}

.modal_545 .modal-content{
    border-radius: 14px;
    overflow: hidden;}
    .modal_545 .modal-body{
        padding: 30px;
    }

    .modal_545 .modal-header{
        padding: 30px;
        border: none;
        padding: 12px 16px;
        background-color: #EEEEEE;
       box-shadow: 0px 1px 10px 0px rgba(0, 0, 0,.25);
    }

    .modal_545 .modal-title{
        font-size: 15px;
        font-weight: 600;
    }
.modal_545 .close{
    border: 0px;
    padding: 0px;
    font-size: 30px;
    line-height: 20px;

}
/* progress css */

.nav_poor li{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.nav_poor li span{
    font-size: 22px;
    font-weight: 600;
    color: #7D8085;
}




.progress {
    overflow: visible;
    height: 6px;
    width: 100%;
    margin: 0px 15px;
    position: relative;
  }
  .progress .progress-bar {
    background-color: #2790A6;
    position: relative;
    border-radius: 4px;
  }
  .progress .progress-bar span {
    background-color: #2790A6;
    position: absolute;
    bottom: 10px;
    font-size: 10px;
    line-height: 10px;
    padding: 2px 3px 2px 4px;
    right: -1.4em;
    border-radius: 2px;
    color: #fff;
  }
  .progress .progress-bar span:after {
    bottom: -10px;
    left: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(255, 255, 255, 0);
    border-bottom-color: #2790A6;
    border-width: 5px;
    margin-left: -5px;
    transform: rotate(179deg);
}
  .progress .progress-bar {
    overflow: visible;
}
.progress .textPprogress {
    color: #2C3437 !important;
    font-size: 10px !important;
    font-weight: 600 !important;
    text-align: right;
    padding: 0px !important;
    position: absolute;
    right: 0;
    top: -35px;
}


.p_yellow.progress-bar span {
background-color: #E89D3A;}
.p_yellow .progress-bar {
background-color: #E89D3A;}

.p_yellow .progress-bar span {
background-color: #E89D3A;}
.p_yellow .progress-bar span:after {
    border-bottom-color:#E89D3A;}




.p_green.progress-bar span {
background-color: #1F9A6E;}
.p_green .progress-bar {
background-color: #1F9A6E;}

.p_green .progress-bar span {
background-color: #1F9A6E;}
.p_green .progress-bar span:after {
border-bottom-color:#1F9A6E;}


.p_purple.progress-bar span {
background-color: #7E598B;}
.p_purple .progress-bar {
background-color: #7E598B;}
.p_purple .progress-bar span:after {
    border-bottom-color:#7E598B;}
.p_purple .progress-bar span {
background-color: #7E598B;}


.p_red.progress-bar span {
    background-color: #F84A54;}
    .p_red .progress-bar {
    background-color: #F84A54;}
    
    .p_red .progress-bar span {
    background-color: #F84A54;}
    .p_red .progress-bar span {
        background-color: #F84A54;}   
        .p_red  .progress-bar span:after {
            border-bottom-color:#F84A54;}

.nav_poor li{margin-bottom: 40px;}
.nav_poor li:last-child{margin-bottom: 0px;}

.modal_545 .modal-body {
    padding: 50px 20px 30px;
}
.glex_check{
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 18px;
}
.glex_check label {
    font-size: 16px;
    font-weight: 500;
    color: #000000;
    display: flex;
    align-items: center;
    gap: 10px;
}


/* .form-lock label{
    color: #999999;
} */
.mx_h{
    max-height: initial !important;
}
.buy_plan{
    font-size: 13px;
    font-weight: 500;
    /* color: #FF5454; */
    line-height: 20px;
}
.plus_fields{
    display: flex;
    align-items: center;
    font-size: 16px;
    line-height: 24px;
    font-weight: 500;
    gap:10px;
    color: #999999;
    margin-bottom: 10px;
}
.plus_fields:hover{
    color: #999999;
}

/* about us */
.head_banner{
    background-image: url('https://s3.ap-south-1.amazonaws.com/getmedjob-assests/public/website/dashboard/bg_about.png');
    background-size:cover;
    background-position: center;
    background-repeat: no-repeat;
    padding: 30px 0px;
    min-height: 460px;
    display: flex;
    align-items: center;
    justify-content: center;

}

.content_banner h1{
    font-size: 63px;
    line-height: 94px;
    font-weight: 700;
    margin-bottom: 7px;
    text-align: center;
    color: #fff;
}
.content_banner p{
    font-size: 46px;
    line-height: 69px;
    font-weight: 400;
    margin-bottom: 7px;
    text-align: center;
    color: #fff;
}

.pr-custom p{
font-size: 20px;
line-height: 30px;
font-weight: 400;
margin-bottom: 25px;
color: #000;
text-align: justify;
}

.head_getmed{
    padding: 105px 0px;
}

.our_offer{
    font-size: 35px;
    line-height:52px;
    font-weight: 700;
    margin-bottom: 40px;
}
.offer_sec p{
    font-size: 20px;
    line-height:30px;
    font-weight: 400;
    margin-bottom: 25px;
    text-align: justify;
}

.focus_bg{
    background-color: #F1F5FD;
    padding: 33px 20px;
    border-radius: 8px;
    margin-bottom: 130px;
}
 .focus_sec li{
    border-bottom: 1px solid #174088;
    font-size: 20px;
    line-height:30px;
    font-weight: 400;
    text-align: justify;
    padding: 15px 0px;
position: relative;
padding-left: 30px;
 }
 .focus_sec li span{
    font-weight: 700;
 }
 .focus_sec li:last-child{
    border-bottom: none;
    padding-bottom: 0px;
 }
 .focus_sec li::after {
    position: absolute;
    content: '';
    height: 7px;
    width: 7px;
    background-color: #000;
    border-radius: 50%;
    left: 4px;
    top: 26px;
}

.address_p{
    font-size: 20px;
    line-height:30px;
    font-weight: 400;
    margin-bottom: 25px;

}

.card_choose{
    padding: 24px 70px 24px 36px;
    background-color: #F1F5FD;
    box-shadow: 3px 5px 13px 0px rgba(0,0,0,.25);
    margin-bottom: 50px;
    border-radius: 28px;

}
.icon_text h6{
    font-size: 20px;
    line-height:30px;
    font-weight: 600;
    color: #000;
    padding-left: 15px;
   width: calc(100%  - 55px);
}
.icon_text {
    display: flex;
    align-items: center;
    
    margin-bottom: 20px;
}
.icon_text .pos_iic{
    width: 53px;
}
.card_choose p{
    font-size: 17px;
    line-height:25px;
    font-weight: 400;
    column-rule-color: #000;
    text-align: justify;
    margin-bottom: 5px;
}
.address_pp{
    font-size: 20px;
    line-height:30px;
    font-weight: 500;
    color: #000;
    margin-bottom: 20px;
    text-align: justify;
}
.knoe_btn{
    margin-top: 10px;
    font-size: 18px;
    line-height: 27px;
    color: #5A8DFF;
    display: flex;
    align-items: center;
    text-align: justify;
    gap: 5px;
}
 .pl-35{
    padding-left: 35px;
}
 .pr-35{
    padding-right: 35px;
}
.f_700{
    font-weight: 700 !important;
}
.mission_sec{
    padding-top: 105px;
}
.mission_sec .our_offer{
    margin-bottom: 23px;
}

.mb_60{
    margin-bottom: 60px;
}
.mission_sec{
    margin-bottom: 70px;
}
.founder_sec{
    padding-bottom: 120px;
}

.team_sec p{
    font-size: 18px;
    font-weight: 400;
    line-height: 30px;
    text-align: justify;
}
.img_team{
    height: 392px;
    border-radius: 28px;
    overflow: hidden;
    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, .25);

}
.img_team img{
    height: 100%;
    width: 100%;
    border-radius: 28px;
    object-fit: cover;
}
.team_sec{
    background-color: #F1F5FD;
    padding: 40px 0px 70px 0px;
    margin-bottom: 40px;
}
.team_sec p{
    font-size: 18px;
    line-height: 29px;
    font-weight: 400;
    margin-bottom: 25px;
    color: #000;
    text-align: justify;
}
.mb_80{
    margin-bottom: 80px;
}
.jurney_sec{
    padding: 75px 0px 42px 0px;
    background-color: #F1F5FD;
    margin-bottom: 75px;
}

.jurney_sec p{
    font-size: 20px;
    line-height: 29px;
    font-weight: 500;
    margin-bottom: 34px;
    text-align: justify;
}
.img_sec_founder{
    background-image: url("https://s3.ap-south-1.amazonaws.com/getmedjob-assests/public/website/dashboard/Group1686557481.svg");
    background-position: center;
    background-repeat:no-repeat;
    min-height: 630px;
    background-size: cover;
}
.testing_junney{
    font-size: 18px !important;
    line-height: 27px !important;
    font-weight: 500;
    margin-bottom: 7px !important;
    text-align: center !important; 
}
.date_jurney{
    font-size: 20px;
    line-height: 29px;
    font-weight: 700;
    margin-bottom: 9px !important;
    text-align: center;

}
.testing_junney{
    font-size: 18px;
    line-height: 27px;
    font-weight: 500;
    margin-bottom: 9px;
    text-align: center;

}

.site_flex{
    display: flex;
}
.site_map{
    width: 20%;
    text-align: center;
}

.site_map:nth-child(odd){
    padding-top: 345px;
}
.site_map:nth-child(even){
    padding-top: 200px;
}

.accordian-modify .dropdown-item.active, .accordian-modify .dropdown-item:active {
    color: #fff !important;
    text-decoration: none;
    background-color: #174088 !important;
}

.circle_assesment {
    width: 129px;
    height: 129px;
    border: double 10px transparent;
    border-radius: 50%;
    background-image: linear-gradient(white, white), 
                      linear-gradient(to bottom, #174088, #03AEE6);
    background-origin: border-box;
    background-clip: content-box, border-box;
    margin: 0 auto;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}
.outer-pay:hover .circle_assesment{
    color: #174088;
}
.circle_assesment p{
    font-size: 14px;
    line-height: 21px;
    font-weight: 400;
    margin-bottom: 3px;
    color: #174088;
}
.circle_assesment h6{
    font-size: 34px;
    line-height: 41px;
    font-weight: 700;
    color: #174088;

}
.w-230{
    width: 230px;
    float: right;
}
.outer-pay h3{
    font-size: 25px;
    font-weight: 500;
    color: #000000;
    line-height: 37px;
}
.check_sec .form-check{
    float: right;
}

.check_sec .form-check-input{
        float: right;
    }
    .outer-pay:hover .check_sec .form-check label{
color: #fff;
    }
    .outer-pay:hover .check_sec .form-check .form-check-input {        border-color: #fff;}
    .check_sec .form-check .form-check-input {
        float: right;
        margin-left: 10px;


    }
.nav-pay li.active .check_sec .form-check label{
    color: #fff;
        }

        .link_sec.dropdown a{
            max-width: 190px;
            border-radius: 3px;
        }
        .mob_flex button{
            max-width: 190px;
            border-radius: 3px;
        }

.bold_rate{
    font-weight: 700 !important;
}

.flex_cc{
    display: flex;
}
.flex_cc span{
    width: 50px;
}
.flex_cc label {
    width: calc(100% - 50px);
    word-wrap: break-word;
}

.plan-amount {
    margin-bottom: 40px;
    font-size: 11px;
    font-weight: 400;
    line-height: 20px;
    color: #174088;
    text-align: center;
}
.outer-plan.active .plan-amount {
    color: #fff;
}
.add_cc {
    font-size: 13px;
    margin: 23px 0px;
    font-weight: 400;
}
.plan_tt {
    font-size: 26px;
    font-weight: 400;
    line-height: 39px;
    margin-bottom: 23px;
    padding-bottom: 0px !important;
}
.location-p .left-i i{
    display: none;
}
.match_clr{
    font-size: 13px;
    color: #6192E6;
    font-weight: 600;
}
/* .card_cc{
    padding: 0px;
} */
.card_cc .card-h{
    border-bottom: 0px;
}

.purchase_plans{
    background-color:#F1FDFF;
}

.purchase_plans{
    border-radius: 12px;
    padding: 38px 0px;
}
.p_plans{
    padding: 30px 30px;
}
.summery_text {
    font-size: 20px !important;
    font-weight: 700 !important;
    line-height: 33px !important;
    color: #174088 !important;
    text-align: center;
    margin-bottom: 32px !important;
}

.summery_flex{
    display: flex;
}
.summery_flex_left{
    width: 80%;
}
.summery_flex_right{
    width: 20%;
}
.nav_plans_summery {
    border-bottom: 1px solid #174088;
    padding: 30px 25px;
}
.border-b-0{
    border: 0px;
}
.btn_pays {
    margin: 7px auto;
    display: block;
    height: 49px;
    border-radius: 12px;
    font-size: 19px;
    font-weight: 700;
    padding: 5px 26px;
    background-color:#1EA265;
}
.plan_pad{
    padding:0px 30px 20px 30px;
font-size: 22px;
font-weight: 700;
}

.qus_bb{
    position: relative;

}
.qus_box{
    background: #fff;
    padding: 15px;
    border: 1px solid rgba(0,0,0,.30);
    border-radius: 8px;
    max-width: 540px;
    position: absolute;
    left: 210px;
    top: -2px;
   display: none;
   transition: all .5s;
}
.qus_box h6{
    font-size: 15px;
    font-weight: 500;
    margin-bottom: 0px;
    line-height: 29px;
    color: #000;
}
.qus_box p{
    font-size: 15px;
    font-weight: 400;
    line-height: 34px;
    color: #000;
}
.nav_qus li {
    margin-left: 26px;
    list-style: disc;
    font-size: 15px;
    font-weight: 500;
    margin-bottom: 0px;
    color: #000;
    line-height: 34px;

}
.qus_bb:hover .qus_box{
   display: block;
}

.card_great_carrier h1{
    font-size: 30px;
    font-weight: 600;
    line-height: 46px;
    text-align: center;
}


/* resources-video sec */
.resources_video_sec{
    background-color: #F1F5FD;
    padding: 170px 0px;
}
.resources_video_sec .content_explore h1{
    color: #000;
    font-size: 49px;
    font-weight: 700;
    line-height: 73px;
    color: #000;
}

.resources_video_sec .content_explore p{
    color: #000;
    font-size: 32px;
    font-weight: 400;
    line-height: 48px;
    color: #000;
    margin-bottom: 0px;
}

.content_jobs_img {
    height: 223px;
    border-radius: 24px;
    overflow: hidden;
}
.card_video{
    background-color: #F1F5FD;
    border-radius: 18px;
    height: auto;
    margin-bottom: 90px;
    box-shadow: 0px 4px 18px 0px rgba(23, 64, 136, 0.17);
}
.resources_cards_video .space_items {
    padding: 0px 25px;
}
.content_jobs_card{
    padding: 10px 30px 15px 30px;
    font-size: 22px;
    font-weight: 700;
    line-height: 33px;
    color: #174088;
}
section.resources_cards_video {
    padding: 75px 0px;
}

.modal_video_631{
    height: 631px;
    width: 100%;
}

.modal_view_video .modal-body {
    padding: 2px;
    border-radius: 0px;
}
.naws_update_sec{
    padding: 112px 0px;
}
.recent_text{
    font-size: 30px;
    font-weight: 700;
    line-height: 45px;
    color: #000;
    margin-bottom: 27px;
}
.card_update{
    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, .25);
border-radius: 12px;
padding: 10px;
margin-bottom: 15px;
width: 100%;
height: 100%;
}

.update_img{
    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, .25);
    border-radius: 18px;
    height: 351px;
    width: 100%;
    overflow: hidden;
    margin-bottom: 20px;
}
.update_img img{
    height: 100%;
    object-fit: cover;
    width: 100%;
    border-radius: 18px;

}
.content_update_card h6 {
    font-size: 16px;
    font-weight: 700;
    line-height: 24px;
    color: #000;
    margin-bottom: 9px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.content_update_card p{
    font-size: 11px;
    font-weight: 400;
    line-height: 16px;
    color: #000;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;

}

.content_talent p{
    font-size: 18px;
    font-weight: 400;
    line-height: 27px;
    color: #000000;
    margin-bottom: 15px;
}

.card_rec{
    background-color: #F1F5FD;
    padding: 15px;
    border-radius: 20px;
    height: 350px;
    width: 100%;
    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, .25);
    margin-bottom: 20px;
}
.card_rec img{
    border-radius: 20px;
    height: 100%;
    width: 100%;
    object-fit: cover;
}
.content_talent{
    padding-left: 40px;
}
.mb-30{
    margin-bottom: 30px;
}


.pera_details{
    font-size: 18px;
    font-weight: 400;
    line-height: 27px;
    color: #000000;
    margin-bottom: 15px;
}
.web-80{
    width: 80%;
}
.f_20{
    font-size: 20px;
    color: #4F4F4F;
    font-weight: 700;
    line-height: 37px;
    margin: 70px 0px 20px 0px;
}
.recent_ups{
    font-size: 20px;
    font-weight: 400;
    line-height: 37px;
    color: #4F4F4F;
    margin-bottom: 15px;
}

.mob_hide{
    display: block;
}
.mob_show{
    display: none;
}

.position_ss {
    position: sticky;
    position: -webkit-sticky;
    top: 130px;
}
.cms-inner{
    text-align: justify;
}
.underline_t{
    text-decoration: underline;
}
.underline_t:hover{
    color: #000;
}

.just_center{
    justify-content: center;
}

.outer-builder, .grey-assign {
    background-position: calc(100% - 0px) 0;
    background-color: #E3E3E3;
    background-size: auto 100%;
}
.mb_30{
    margin-bottom: 30px;
}
.w_80{
    width: 80%;
}
.table-pricing{
   padding: 30px 0px;
}
.p_75{
    padding: 75px 0px;
}

.card_p{
    padding: 5px;
}

.card_library .img_heights {
    height: 136px;
    border-radius: 24px;
    overflow: hidden;
    width: 100%;
}
.card_library .img_heights img{
    height: 100%;
    border-radius: 24px;
    object-fit: cover;
    width: 100%;
}
.card_library .content_jobs_card {
    padding: 6px 0px;
}
.card_library .content_jobs_card p{
    font-size: 16px;
    font-weight: 700;
    line-height: 24px;
    color: #174088;
    text-align: center;
    margin-bottom: 4px;
}
.view_all_25{
    height: 26px;
    background-color: #174088;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 10px;
    line-height: 15px;
    font-weight: 700;
    margin: 0 auto;
    padding: 5px 10px;
    border-radius: 5px;
    color: #fff;
    width: 112px;
}
.view_all_25:hover{
    color: #fff;
    opacity: .9;
}

.card_library{
    margin-bottom: 55px;
}

.libarary_data{
    margin-left: auto;
    height: 307px;
    max-width: 410px;
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0px 4px 4px 0px rgba(0,0,0,.25);
}
.libarary_data img{
    height: 100%;
    width: 100%;
    border-radius: 12px;
    object-fit: cover;
    
}
.f_right{
    float: right;
}
.nav_folder{
    display: flex;
    flex-wrap: wrap;
}
.nav_folder li {
    padding: 10px;
    margin-bottom: 15px;
    width: 10%;
}
.nav_folder li:last-child{
    margin-right: 0px;
    }
.folder_lists{
    margin-bottom: 80px;
}
.nav_folder li p{
    text-align: center;
    color: #000;
    font-size: 14px;
    word-break: break-all;
    padding-top: 4px;
    }
.builder-doccument{
    padding: 30px 0px 80px 0px;
}
.builder-doccument .row{
    padding: 0px 30px 0px 30px;
}

.dropdown.assesment_drop .dropdown-menu{
    z-index: 9;
}


.mx-15{
    margin-left: 15px;
    margin-right: 15px;
}
.moadal-11-body.p-20 {
    padding: 20px 0px !important;
}

.moadal-11-body.p-20 .work-exps h5 {
    margin-bottom: 15px;}

    .moadal-11-body.p-20 .work-exps li p{
padding: 4px 10px;
    }

    .pos_cross {
        position: absolute;
        right: 20px;
        top: 16px;
        box-shadow: 0px 4px 4px 0px rgba(0,0,0,.1);
        border: 1px solid #efe9e9;
    }

    .cms-inner ul li, .cms_health_care ul li{
        list-style: disc !important;
     }

     .nav.nav-pills.nav-candidate li{
    list-style: none !important;
     }
.wid_img{
    width: 154px;
    height: 132px;
    overflow: hidden;
    margin: 10px auto;
}

.wid_img img{
    width: 100%;
    height: 100%;
    object-fit: contain;
}
.test-odd li:nth-child(odd) {
    background-color: #F1F5FD;
}
.test-odd .apptitude_card {
    background-color: #fff;
}
.test-odd .apptitude_card:hover{
    background-color: #F1F5FD;

}
.icon-chat{
    margin-bottom: 27px;
}
.content_center_modal{
    text-align: center;
}
.f_22{
    font-size: 22px;
    line-height: 33px;
}
.x_btn {
    width: 17px;
}


.btn_free:hover{
    cursor: auto;
    background-color: #F1FDFF;
    color: #174088;
}
.v_sp:hover .arrow-r{
    padding-left: 5px;
}

.v_sp{
text-decoration: underline;
}
.v_sp:hover{
    text-decoration-color: #000;
    }

.first_blue tbody tr:first-child td{
    background-color: #03AEE6;
    color: #fff;
}
.btn_line li {
    display: flex;
    align-items: center;
    gap: 12px;
    flex-direction: column;
}
.btn_line li a {
    margin-top: 0px !important;
}

.nav-pay.pay-1 li:hover  .p-16{color: #fff !important;}

.nav-pay.pay-1 li{
    margin-bottom: 40px;
}
.apptitude-test ul li{
    list-style: disc !important;
}
.btn_pay_n a{
    max-width: 229px !important;
    margin-left: auto;
}
.flex_column {
    display: block;
    float: right;
}
.details_disc p, .details_disc p a {
    font-size: 18px;
    line-height: 32px;
    color: #000;
    font-weight: 400;
}
.flex_line {
    display: flex;
    align-items: flex-start;
    gap: 5px;
}

.nac_candy li a{
    color: #000;
    font-size: 16px;
}
.nac_candy li{
    margin-bottom: 10px;

}
.nac_candy li.active a{
color: #174088;
}

.flex_candidate{
    display: flex;
    align-items: center;
    justify-content: start;
}
.nac_candy {
    gap: 26px;
    padding-left: 26px;
}

.sure_text{
        font-size: 22px !important;
        line-height: 33px;
        font-weight: 600 !important;
        padding: 20px 0px;
        text-align: center !important;
        width: 70%;
        margin: 0 auto;
        max-width: 100%;
}

.btn_grey{
    background-color: #4F4F4F;
    color: #fff;

}
.gap_40{
    gap: 40px;
}
.app_success{
    font-size: 18px !important;
    line-height: 27px !important;
    font-weight: 400;
    color: #545454 !important;
    padding: 0px !important;
    width: 70%;
    margin: 0 auto;
}
.t_100{
    width: 100%;
    font-weight: 600;
    font-size: 22px !important;
    padding-bottom: 10px !important;
}
.back-home {
    font-size: 17px;
    font-weight: 500;
    line-height: 26px;
    text-align: center;
    justify-content: center;
    text-decoration: underline;
    margin: 10px auto;
    color: #174088;
}

.w-80{
    width: 80%;
    margin: 0 auto;
}
#img_upload_profile{
    font-size: 14px;
    display: flex;
    align-items: flex-start;
    gap: 5px;
}
.btn_w_100 a{
width: 100%;
}

.flex_ll {
    display: flex;
    gap: 15px;
    justify-content: end;
}
.text-right22 {
    width: 180px;
    margin-left: 0px;
    text-align: center;
}
    .personality_test {
        padding: 6px 11px;
    }

.sticky_115{
    position: sticky;
    top: 115px;
}
.urgent_hire {
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 11px;
	border-radius: 4px;
	background-color: #ffe9d0;
	color: #f4a653;
	gap: 5px;
	font-weight: 500;
	padding: 3px 8px;
	margin-right: 12px;
	height: 25px;
}