@font-face {
    font-family: 'Mulish';
    src: url('../fonts/Mulish-Light.woff2') format('woff2'),
        url('../fonts/Mulish-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Mulish';
    src: url('../fonts/Mulish-Bold.woff2') format('woff2'),
        url('../fonts/Mulish-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Mulish';
    src: url('../fonts/Mulish-ExtraBold.woff2') format('woff2'),
        url('../fonts/Mulish-ExtraBold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Mulish';
    src: url('../fonts/Mulish-ExtraLight.woff2') format('woff2'),
        url('../fonts/Mulish-ExtraLight.woff') format('woff');
    font-weight: 200;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Mulish';
    src: url('../fonts/Mulish-Black.woff2') format('woff2'),
        url('../fonts/Mulish-Black.woff') format('woff');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Mulish';
    src: url('../fonts/Mulish-Medium.woff2') format('woff2'),
        url('../fonts/Mulish-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Outfit';
    src: url('../fonts/Outfit-ExtraLight.woff2') format('woff2'),
        url('../fonts/Outfit-ExtraLight.woff') format('woff');
    font-weight: 200;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Outfit';
    src: url('../fonts/Outfit-Black.woff2') format('woff2'),
        url('../fonts/Outfit-Black.woff') format('woff');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Outfit';
    src: url('../fonts/Outfit-Regular.woff2') format('woff2'),
        url('../fonts/Outfit-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Outfit';
    src: url('../fonts/Outfit-ExtraBold.woff2') format('woff2'),
        url('../fonts/Outfit-ExtraBold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Outfit';
    src: url('../fonts/Outfit-Bold.woff2') format('woff2'),
        url('../fonts/Outfit-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Outfit';
    src: url('../fonts/Outfit-SemiBold.woff2') format('woff2'),
        url('Outfit-SemiBold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Outfit';
    src: url('../fonts/Outfit-Medium.woff2') format('woff2'),
        url('../fonts/Outfit-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Mulish';
    src: url('../fonts/Mulish-ExtraLight.woff2') format('woff2'),
        url('../fonts/Mulish-ExtraLight.woff') format('woff');
    font-weight: 200;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Mulish';
    src: url('../fonts/Mulish-SemiBold.woff2') format('woff2'),
        url('../fonts/Mulish-SemiBold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Mulish';
    src: url('../fonts/Mulish-Regular.woff2') format('woff2'),
        url('../fonts/Mulish-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Mulish';
    src: url('../fonts/Mulish-SemiBoldItalic.woff2') format('woff2'),
        url('../fonts/Mulish-SemiBoldItalic.woff') format('woff');
    font-weight: 600;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Outfit';
    src: url('../fonts/Outfit-Light.woff2') format('woff2'),
        url('../fonts/Outfit-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Outfit';
    src: url('../fonts/Outfit-Thin.woff2') format('woff2'),
        url('../fonts/Outfit-Thin.woff') format('woff');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Outfit';
    src: url('../fonts/Outfit-Thin.woff2') format('woff2'),
        url('../fonts/Outfit-Thin.woff') format('woff');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}


* {
     margin: 0px;
     padding: 0px;
}
 .clear {
     padding: 0px;
     margin: 0px;
     clear: both;
}
 body {
     overflow-x: hidden;
     margin: 0;
     padding: 0;
     font-family: 'Mulish', sans-serif;
     font-size: 15px;
     position: relative;
}
 ul {
     list-style: none;
     margin: 0px !important;
}
 a:focus, :focus {
     outline: none !important;
}
 a:hover {
     text-decoration: none !important;
}
 a {
     text-decoration: none;
     cursor: pointer;
}
 a img {
     border: none;
}
 h1 {
     font-size: 25px;
     color: #454545;
     margin: 0;
     padding: 0;
}
 h2 {
     font-size: 22px;
     color: #454545;
     margin: 0;
     padding: 0;
}
 h3 {
     font-size: 20px;
     color: #454545;
     margin: 0;
     padding: 0;
}
 h4 {
     font-size: 18px;
     color: #454545;
     margin: 0;
     padding: 0;
}
 h5 {
     font-size: 15px;
     color: #454545;
     margin: 0;
     padding: 0;
}
 h6 {
     font-size: 14px;
     color: #454545;
     margin: 0;
     padding: 0;
}
 p {
     font-family: 'Mulish', sans-serif;
     font-size: 12px;
     color: #454545;
     margin: 0;
     padding: 0;
}
 a {
     padding: 0px;
     margin: 0px;
     outline: none;
}
 ul {
     list-style: none;
     padding: 0px;
     margin: 0px;
}
 label {
     list-style: none;
     padding: 0px;
     margin: 0px;
}
 ul li {
     padding: 0px;
     margin: 0px;
}
 h1, h2, h3, h4, h5, h6 {
     padding: 0px;
     margin: 0px;
}
 input[type="text"]::-webkit-placeholder {
     opacity: 1;
}
 input[type="text"]::-moz-placeholder {
     opacity: 1;
}
 input[type="password"]::-webkit-placeholder {
     opacity: 1;
}
 input[type="password"]::-moz-placeholder {
     opacity: 1;
}
 input[type="search"]::-webkit-placeholder {
     opacity: 1;
}
 input[type="search"]::-moz-placeholder {
     opacity: 1;
}
 input[type="email"]::-webkit-placeholder {
     opacity: 1;
}
 input[type="email"]::-moz-placeholder {
     opacity: 1;
}
 input[type="tel"]::-webkit-placeholder {
     opacity: 1;
}
 input[type="tel"]::-moz-placeholder {
     opacity: 1;
}
 textarea::-moz-placeholder {
     opacity: 1;
}
 textarea::-webkit-placeholder {
     opacity: 1;
}
 a:hover {
     outline: none !important;
     text-decoration: none;
}
 a:active {
     outline: none !important;
     text-decoration: none;
}
 a {
     text-decoration: none !important;
     -webkit-transition: all 0.3s;
     -moz-transition: all 0.3s;
     -ms-transition: all 0.3s;
     -o-transition: all 0.3s;
     transition: all 0.3s;
}
 img {
     vertical-align: middle;
     border-style: none;
}
 .btn.focus, .btn:focus {
     outline: 0;
     box-shadow: none;
}
 :root {
     --dark-blue: #07264A;
     --light-blue: #F3F7FF;
     --yellow:#FFB800;
     --main-red:#B32E56;
}
@import url('https://fonts.googleapis.com/css2?family=Mulish:ital,wght@0,200..1000;1,200..1000&family=Outfit:wght@100..900&display=swap');

/* language-change */
.lang-sec-chng{
     padding: 0px 14px;
     border-right: 1px solid #EFF0F5;
     border-left: 1px solid #EFF0F5;
     display: flex;
     justify-content: center;
     align-items: center;
}
.lang-btn{
     width:39px;
     height:39px;
     display: block;
     border-radius: 50%;
     background-position: center;
     background-size: 100% 100%;
     background-repeat: no-repeat;
 }
 .arabic{
     background-image: url(../images/arabic.png);
 }
 .english{
     background-image: url(../images/england.png);
 }
/* language-change */


 header{
     padding: 0px 67px;
     background-color: white;
     width: 100%;
     height: fit-content;
     display: block;
     box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.11);
     position: fixed;
     top: 0px;
     left: 0px;
     z-index: 1053;
 }
 .header-padding{
     display: block;
     width: 100%;
     padding: 10px;
     height: 75px;
 }
 header nav{
     padding: 0px !important;
     background-color: transparent !important;
     align-items: stretch !important;
 }
.navbar-brand {
  margin: 0 15px 0 0px;
  /* width: 147px; */
  width: 173px;
  height: 74px;
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  padding: 0px !important;
}
 .img-fit{
     width: auto;
     height: auto;
     max-width: 100%;
     max-height: 100%;
     display: block;
 }
 .navbar-collapse{
     display: flex;
     flex-direction: row;
     justify-content: flex-end;
     align-items: stretch !important;
     flex-grow: 1;
 }
 .nav-log-sec{
     display: flex;
     flex-direction: row;
     justify-content: flex-end;
     align-items: center;
     width: fit-content;
     padding-right: 21px;
     gap:15px;
 }
 .navbar-nav{flex-grow: 1; justify-content: center; gap:33px;}
 .nv-login a{
     display: flex;
     flex-direction: row;
     justify-content: flex-end;
     align-items: center;
     gap: 7px;
font-family: 'Outfit';
font-style: normal;
font-weight: 400;
font-size: 17px;
line-height: 21px;
letter-spacing: 0.02em;
text-transform: capitalize;
color: #252A31;
 }
 .nv-login a svg{
     display: block;
     width: 24px;
     height: 24px;
 }
 .nv-login a:hover{
     color: var(--yellow);
 }
 .nv-login a:hover svg path{
     stroke: var(--yellow);
 }
 .nv-signin a{
width: 93px;
height: 39px;
background: #181D5D;
border-radius: 5px;
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
font-family: 'Outfit';
font-style: normal;
font-weight: 600;
font-size: 17px;
line-height: 21px;
text-align: center;
letter-spacing: 0.02em;
color: #FFFFFF;
 }
 .nv-signin a:hover{
     color: var(--dark-blue);
     background: var(--yellow);
 }
 .navbar-nav li{
     display: flex;
     justify-content: center;
     align-items: stretch;
 }
 .navbar-nav li a{
     padding: 28px 4px 24px 4px !important;
font-family: 'Mulish';
font-style: normal;
font-weight: 700;
font-size: 17px;
line-height: 21px;
text-align: center;
letter-spacing: 0.02em;
text-transform: capitalize;
color: #333D4B;
position: relative;
 }

 .navbar-nav li a:before{
     content: '';
     position: absolute;
     bottom: 0px;
     width: 0%;
     height: 0px;
     border-radius: 4px 4px 0 0;
     background-color: transparent;
     opacity: 0;
     left: 50%;
     transform: translateX(-50%);
     transition: all 0.3s ease;
 }
 .navbar-nav li a:hover:before{
     width: 100%;
     height: 3px;
     background-color: var(--dark-blue);
     opacity: 1;
 }
 .navbar-nav li a:hover{
     color: var(--dark-blue);
 }

 .banner{
     background-color: #151E63;
 }
 .banner-text {
    padding: 163px 32px 203px 9px;
    position: relative;
    z-index: 12;
}
 .banner-text h1{
font-family: 'Outfit';
font-style: normal;
font-weight: 700;
font-size: 46px;
line-height: 62px;
letter-spacing: 0.02em;
text-transform: capitalize;
color: #FFFFFF;
margin-bottom: 26px;
 }
 .banner-text h1 b{font-weight: 700;}
 .banner-text p{
font-family: 'Outfit';
font-style: normal;
font-weight: 300;
font-size: 21px;
line-height: 34px;
letter-spacing: 0.01em;
color: #FFFFFF;
margin-bottom: 43px;
margin-right: 50px;
 }
 .banner-img{
     right:0px;
     top: 0px;
     height: 100%;
     /* width: 856px; */
     width: 45.05%;
     z-index: -1;
     display: block;
 }
 .bnr-bfr1{
     top: 0px;
     left: 0px;
     width: 257px;
     height: 100%;
     display: block;
     z-index: -1;
 }
 .bnr-bfr2{
     bottom: 0px;
     width: 636px;
     height: 253px;
     display: block;
     right: 395px;
     z-index: -1;
 }
 .banner-btns{
     display: flex;
     flex-direction: row;
     justify-content: flex-start;
     align-items: stretch;
     gap: 13px;
 }
 .banner-btns a{
width: 146px;
height: 50px;
border-radius: 7px;
font-family: 'Outfit';
font-style: normal;
font-weight: 500;
font-size: 17px;
line-height: 21px;
letter-spacing: 0.02em;
display: flex;
justify-content: center;
align-items: center;
 }
 .banner-btns a.btn-yel{
background: #FFCB24;
border: 1px solid var(--yellow);
color: #06264D;
 }
 .banner-btns a.btn-blue{
background: #151E63;
border: 1px solid #C9C9C9;
color: white;
 }
 .banner-btns a:hover{
     background: var(--light-blue);
     border: 1px solid var(--light-blue);
     color: var(--dark-blue);
 }
.welcome{
     padding-top:89px;
     padding-bottom: 95px;
}
 .welcome-bg{
     width: calc(100% - 32px + 10px);
     margin-left: 32px;
     border-radius: 24px;
     display: flex;
     justify-content: center;
     align-items: center;
     overflow: hidden;
     height: fit-content;
 }
 .welcome-bg img{
     display: block;
     width: 100%;
     height: auto;
 }
 .welcome-txt{
     margin-top: 56px;
     padding: 39px 0px 1px 53px;
     background-color: #fff !important;
     border-radius:15px 0 0 0;
     width: calc(100% + 105px);
     margin-left: -105px;
     position: relative;
     z-index: 9;
     overflow: visible;
 }
 .welcome-txt::before{
     content: '';
     position: absolute;
     display: block;
     width: 67px;
     height: 69px;
     top: -35px;
     right: -15px;
     background-image: url(../images/wlcm-txt-bg.png);
     background-position: center center;
     background-size: 100% 100%;
     background-repeat: no-repeat;
     transform: translateY(-100%);
 }
 .welcome-txt h6{
font-family: 'Mulish';
font-style: normal;
font-weight: 900;
font-size: 31px;
line-height: 47px;
letter-spacing: 0.02em;
text-transform: capitalize;
color: #9FAAB7;
margin-bottom: 9px;
 }
 .welcome-txt h2{
font-family: 'Mulish';
font-style: normal;
font-weight: 800;
font-size: 49px;
line-height: 56px;
letter-spacing: 0.01em;
text-transform: capitalize;
color: #06264D;
margin-bottom: 24px;
 }
 .welcome-txt h2 span{
     color: #FFCB24;
 }
 .welcome-txt p{
     margin-bottom: 27px;
font-family: 'Mulish';
font-style: normal;
font-weight: 500;
font-size: 15px;
line-height: 27px;
letter-spacing: 0.02em;
color: #949495;
 }
 .welcome-txt a{
width: 133px;
height: 47px;
background: #07264A;
border-radius: 8px;
display: flex;
justify-content: center;
align-items: center;
font-family: 'Outfit';
font-style: normal;
font-weight: 500;
font-size: 16px;
line-height: 20px;
text-align: center;
letter-spacing: 0.02em;
color: #FFFFFF;
 }
 .welcome-txt a:hover{
     background: var(--yellow);
     color: var(--dark-blue);
 }
 .wlcm-lrnmore{
     position: absolute;
     left: 17px;
     top: -54px;
width: 208px;
height: 270px;
background: #FFFFFF;
border: 1px solid #E7EEFB;
box-shadow: 0px 15px 23px rgba(0, 0, 0, 0.06);
border-radius: 15px;
padding: 20px 12px 17px 12px;
 }
 .wlcm-lrnmore img{
     display: block;
     width: 37px;
     height: 39px;
     margin-bottom: 10px;
 }
 .wlcm-lrnmore h5{
font-family: 'Mulish';
font-style: normal;
font-weight: 700;
font-size: 17px;
line-height: 27px;
letter-spacing: 0.01em;
color: #06264D;
margin-bottom: 17px;
 }
 .wlcm-lrnmore a{
width:1005;
height: 32px;
background: #07264A;
border-radius: 44px;
display: flex;
justify-content: center;
align-items: center;
font-family: 'Mulish';
font-style: normal;
font-weight: 700;
font-size: 14px;
line-height: 18px;
text-align: center;
letter-spacing: 0.02em;
color: #FFFFFF;
 }
 .wlcm-lrnmore a:hover{
     background: var(--yellow);
     color: var(--dark-blue);
 }
 .works{
     padding: 55px 67px 85px 67px;
     background-color: #F3F7FF;
 }
 .works-hdng{
     width: 815px;
     max-width: 100%;
     display: flex;
     flex-direction: column;
     justify-content: center;
     align-items: center;
     gap: 18px;
     margin: 0 auto 55px auto;
 }
 .works-hdng h2{
font-family: 'Outfit';
font-style: normal;
font-weight: 600;
font-size: 38px;
line-height: 48px;
text-align: center;
letter-spacing: 0.02em;
color: #000000;
 }

 .works-hdng h2 span{
color: #FFCB24;
 }
 .works-hdng p{
font-family: 'Mulish';
font-style: normal;
font-weight: 500;
font-size: 17px;
line-height: 27px;
text-align: center;
letter-spacing: 0.01em;
color: #000000;
 }

 .work-box{
     position: relative;
width: 323px;
background: #FFFFFF;
border: 2px solid #273746;
border-radius: 25px;
padding: 64px 26px 25px 26px;
width: calc(20% - 24px);
 }
 .work-box::after{
     content: '';
     position: absolute;
     top: 0px;
     left: 50%;
     transform: translateX(-50%) translateY(-0%);
     border-radius:0 0 50px 50px ;     
     border-width:2px;
     border-style: solid;
     border-color: var(--dark-blue);
     display: block;     
     background-color: var(--light-blue);     
     width:57px;
     height:27.5px;
     z-index: 2;
 }
 .work-num{
     position: absolute;
     top: 0;
     left: 50%;
     transform: translateX(-50%) translateY(-50%);
     border-radius: 50% ;
     border-width:2px;
     background-color: var(--light-blue);
     display: flex;
     justify-content: center;
     align-items: center;
font-family: 'Mulish';
font-style: normal;
font-weight: 700;
font-size: 18px;
line-height: 23px;
text-align: center;
letter-spacing: 0.02em;
text-transform: capitalize;
color: #000000;
width: 53px;
height: 53px;
z-index: 9;
 }
 .work-box img{
     display: block;
     width: auto;
     height: auto;
     max-width: 96px;
     max-height: 84px;
     margin: 0 auto 19px auto;
 }
 .work-box h5{
font-family: 'Outfit';
font-style: normal;
font-weight: 600;
font-size: 21px;
line-height: 23px;
text-align: center;
letter-spacing: 0.02em;
text-transform: capitalize;
color: #1E2933;
margin-bottom: 16px;
 }
 .work-box p{
font-family: 'Mulish';
font-style: normal;
font-weight: 600;
font-size: 15.5px;
line-height: 23px;
text-align: center;
color: #323E56;

 }
 .works-inr{
     display: flex;
     flex-direction: row;
     justify-content: space-between;
     align-items: stretch;
     gap: 30px;
     flex-wrap: wrap;
 }
 .grt-job{
     background-color: white;
     padding: 50px 0px 39px 0px;
 }
 .grt-bg1{
     position: absolute;
     top: 0px;
     left: 0px;
     width: auto;
     height: auto;
     max-width: 100%;
     max-height: 100%;
     z-index: 1;
 }
 .grt-bg2{
     position: absolute;
     right: 0px;
     bottom: 70px;
     width: auto;
     height: auto;
     max-height: 100%;
     max-width: 100%;
     z-index: 2;
 }
 .grt-job-inr{
     position:relative;
     z-index: 9;
     display: flex;
     flex-direction: row;
     justify-content: space-between;
     align-items: center;
     gap: 30px;
 }
 .grt-job-inr em{
     position: relative;
     transform: translateX(-90px);
     display: flex;
     width: 237px;
     height: 237px;
     justify-content: center;
     align-items: center;
 }
 .grt-job-inr em::before{
     content: '';
     position: absolute;
     z-index: -1;
width: 166.93px;
height: 166.93px;
background: linear-gradient(135.32deg, #DBDAFF 2.12%, #504ADF 64.04%);
border-radius: 35px;
transform: rotate(44.92deg);
display: block;
right: 98px;
 }
 .grt-job-txt{
     display: flex;
     justify-content: flex-end;
     align-items: center;
     gap: 110px;
 }
 .grt-txt h5{
font-family: 'Mulish';
font-style: normal;
font-weight: 700;
font-size: 29px;
line-height: 23px;
color: #252525;
margin-bottom: 22px;
 }
 .grt-txt p{
font-family: 'Mulish';
font-style: normal;
font-weight: 500;
font-size: 17px;
line-height: 23px;
letter-spacing: 0.01em;
color: #576276;
 }
 .grt-job-txt a {
    width: 248px;
    height: 53px;
    background: #181D5D;
    border-radius: 8px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 0px;
    font-family: 'Mulish';
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    line-height: 20px;
    text-align: left;
    letter-spacing: 0.04em;
    text-transform: capitalize;
    color: #FFFFFF;
    padding: 0px 12px;
}
 .grt-job-txt a svg{
     display: block;
     width: 20px;
     height: 20px;
 }
 .grt-job-txt a:hover{
     background: var(--yellow);
     color: var(--dark-blue);
 }
 .grt-job-txt a:hover svg path{
     stroke: var(--dark-blue);
 }
 .comp-works.works{
     padding: 58px 0px 42px 0px;
 }
 .comp-works-inr{
     display: flex;
     flex-direction: row;
     justify-content: space-between;
     align-items: stretch;
     gap: 30px;
 }
 .comp-work-box {
     position: relative;
     width: 323px;
     background: #FFFFFF;
     border: 2px solid #000000;
     border-radius: 25px;
     padding: 58px 20px 30px 20px;
     box-shadow: 4px 4px 0px 2px #000;
     display: flex;
     flex-direction: column;
     justify-content: center;
     align-items: center;
 }
 .cmwr-img{
     display: block;
     width: auto;
     height: auto;
     max-width: 118px;
     max-height: 118px;
     margin: 0 auto 47px auto;
 }
 .comp-work-box h5{
font-family: 'Outfit';
font-style: normal;
font-weight: 600;
font-size: 22px;
line-height: 23px;
text-align: center;
letter-spacing: 0.02em;
color: #273746;
margin-bottom: 13px;
 }
 .comp-work-box p{
font-family: 'Mulish';
font-style: normal;
font-weight: 600;
font-size: 15.5px;
line-height: 23px;
text-align: center;
letter-spacing: 0.01em;
color: #323E56;
 }
.cmp-flow{
     position: absolute;
     top: 50%;
     transform: translateY(-50%);
     left: -137px;
     display: flex;
     justify-content: flex-end;
     align-items: center;
     flex-direction: row-reverse;
}
.cmp-flow span{
     width: 66px;
     height: 66px;
     display: block;
     background-color: var(--light-blue);
     border-radius: 50%;
}
.cmp-flow img{
     display: block;
     width: 99px;
     height: 39px;
     transform: translateX(33px);
     position: relative;
     z-index: 9;
}
.lkng-hire{
     background-color: var(--dark-blue);
     background-image: url(../images/lkng-hire.png);
     background-size: 100% 100%;
     background-position: center center;
     background-repeat: no-repeat;
     margin: 74px 0px 0px 0px;
     position: relative;
z-index: 99;
}
.lkng-hire-inr{
     padding: 50px 0px 46px 0px;
}
.lkng-hire-inr h5 {
    font-family: 'Mulish';
    font-style: normal;
    font-weight: 800;
    font-size: 20px;
    line-height: 25px;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    color: #FFFFFF;
    width: calc(100% - 200px);
}
.lkng-hire-inr h5 b{
font-family: 'Outfit';
font-style: normal;
font-weight: 600;
font-size: 34px;
line-height: 53px;
letter-spacing: 0.02em;
color: #FFFFFF;
text-transform: none !important;
display: block;
}
.lkng-hire-inr a{
width: 248px;
height: 53px;
border: 1.5px solid #777A99;
border-radius: 8px;
display: flex;
justify-content: center;
align-items: center;
gap: 0px;
font-family: 'Mulish';
font-style: normal;
font-weight: 700;
font-size: 16px;
line-height: 20px;
text-align: center;
letter-spacing: 0.04em;
text-transform: capitalize;
color: #FFFFFF;
}
.lkng-hire-inr a svg{
     display: block;
     width: 20px;
     height: 20px;
}
.lkng-hire-inr a:hover{
     border: 1.5px solid var(--yellow);
     background: var(--yellow);
     color: var(--dark-blue);
}
.lkng-hire-inr a:hover svg path{
     stroke: var(--dark-blue);
}
.testimonial{
     padding: 75px 0px 81px 0px;
}
.testi-hdr{
     width: 579px;
     max-width: 100%;
     margin:0 auto 26px auto;
}
.testi-hdr h2{
     margin-bottom: 14px;
font-family: 'Outfit';
font-style: normal;
font-weight: 600;
font-size: 38px;
line-height: 48px;
text-align: center;
letter-spacing: 0.04em;
color: #1C2737;
}
.testi-hdr p{
font-family: 'Mulish';
font-style: normal;
font-weight: 500;
font-size: 17px;
line-height: 27px;
text-align: center;
letter-spacing: 0.01em;
color: #141414;
}
.testi-inr{
     padding: 0px 15px;
}
.owl-testi{
     position: relative;
     width: calc(100% + 50px);
     margin-left: -25px;
}
.owl-testi .item{
     padding: 25px;
}
.testi-box{
height: fit-content;
background: rgba(255, 255, 255, 0.87);
box-shadow: 0px 0px 25px rgba(41, 58, 68, 0.07);
border-radius: 14px;
padding: 28px 33px 21px 29px;
}
.who-testi{
     display: flex;
     justify-content: flex-start;
     align-items: center;
     margin-bottom: 17px;
     gap: 10px;
}
.who-testi em{
     display: flex;
     justify-content: center;
     align-items: center;
     overflow: hidden;
     width: 60px;
     height: 60px;
     border-radius: 50%;
}
.who-testi text{
     width: calc(100% - 70px);
}
.who-testi text h5{
     padding-right: 24px;
     width: fit-content;
     background-image: url(../images/tester-all.png);
     background-size: 17px 18px;
     background-repeat: no-repeat;
     background-position: right top 1px;
}
.who-testi text h6{
font-family: 'Mulish';
font-style: normal;
font-weight: 500;
font-size: 14px;
line-height: 25px;
letter-spacing: 0.02em;
color: #686C73;
}
.who-testi text h6 b{
font-weight: 700;
color: #131415;
}
.testi-box p{
font-family: 'Mulish';
font-style: normal;
font-weight: 500;
font-size: 16.5px;
line-height: 28px;
color: #303131;
}
.owl-testi.owl-theme .owl-nav.disabled+.owl-dots {
     margin-top: 35px;
}

.owl-theme.owl-testi .owl-dots .owl-dot.active span, .owl-theme.owl-testi .owl-dots .owl-dot:hover span{
     width: 15px;
     height: 15px;
     background-color: #A52B50;
}
footer{
     padding: 53px 67px 0px 67px;
     margin-bottom: 37px;
     background-color: #181D5D;
     background-image: url(../images/ftr-bg.png);
     background-position: top left;
     background-repeat: no-repeat;
     background-size: 100% auto;
}
.ftr-hdr{
     margin: 0 auto 59px auto;
     width: 620px;
     max-width: 100%;
}
.ftr-hdr h2{
font-family: 'Outfit';
font-style: normal;
font-weight: 600;
font-size: 40px;
line-height: 50px;
text-align: center;
letter-spacing: 0.02em;
color: #FFFFFF;
margin-bottom: 25px;
}
.ftr-hdr h2 span{
color: #FFB800;
}
.ftr-hdr p{
font-family: 'Mulish';
font-style: normal;
font-weight: 400;
font-size: 20px;
line-height: 29px;
text-align: center;
letter-spacing: 0.02em;
color: #FFFFFF;
margin-bottom: 32px;
}
.ftr-hdr a{
     margin: 0 auto;
     display: flex;
     justify-content: center;
     align-items: center;
     gap: 0px;
width: 238px;
height: 53px;
border: 1.5px solid #777A99;
border-radius: 8px;
font-family: 'Mulish';
font-style: normal;
font-weight: 700;
font-size: 15px;
line-height: 19px;
text-align: center;
letter-spacing: 0.02em;
text-transform: uppercase;
color: #FFFFFF;
}
.ftr-hdr a:hover{
     background-color: var(--yellow);
     border: 1.5px solid var(--yellow);
     color: var(--dark-blue);
}
.ftr-hdr a:hover svg path{
stroke: var(--dark-blue);
}
.ftr-mn{
     background-color: white;
     padding: 41px 141px 25px 141px;
     background-image: url(../images/ftr-inr-bg.png);
     background-position: right top;
     background-repeat: no-repeat;
     /* background-size: 418px 494px; */
     background-size: auto 100%;
}
.ftr-lft{
     width: calc(100% + 20px);
}
.ftr-logo{
     display: flex;
     justify-content: center;
     align-items: center;
     margin-bottom: 13px;
     overflow: hidden;
     width: 223px;
     height: 91px;
}
.ftr-lft p{
font-family: 'Mulish';
font-style: normal;
font-weight: 500;
font-size: 14.5px;
line-height: 27px;
letter-spacing: 0.02em;
color: #4C546A;
margin-bottom: 20px;
}
.ftr-lft a.ftr-rd{
width: 125px;
height: 47px;
background: #FFFFFF;
border: 1px solid #181D5D;
border-radius: 6px;
display: flex;
justify-content: center;
align-items: center;
font-family: 'Outfit';
font-style: normal;
font-weight: 500;
font-size: 16px;
line-height: 20px;
letter-spacing: 0.02em;
color: #181D5D;
}
.ftr-lft a.ftr-rd:hover{
     background: var(--yellow);
     border: 1px solid var(--yellow);
     color: var(--dark-blue);
}
.ftr-mid{
     padding-left: 67px;
     display: flex;
     flex-direction: row;
     justify-content: space-between;
     align-items: flex-start;
     padding-top: 63px;
}
.ftr-mid ul{
     width: fit-content;
}
.ftr-mid ul li a{
font-family: 'Mulish';
font-style: normal;
font-weight: 600;
font-size: 14.5px;
line-height: 34px;
letter-spacing: 0.02em;
color: #4C546A;
}
.ftr-mid ul li a:hover{
     color: var(--dark-blue);
     text-decoration: underline !important;
     text-underline-offset:3px;
}
.ftr-rt{
     padding: 63px 0px 0px 71px ;
}
.ftr-rt li{
     margin-bottom: 23px;
}
.ftr-rt li:last-child{
     margin-bottom: 0px;
}
.ftr-rt li h6{
font-family: 'Mulish';
font-style: normal;
font-weight: 500;
font-size: 15px;
line-height: 20px;
letter-spacing: 0.01em;
color: #393635;
margin-bottom: 4px;
}
.ftr-rt li p{
font-family: 'Mulish';
font-style: normal;
font-weight: 500;
font-size: 15px;
line-height: 20px;
letter-spacing: 0.01em;
color: #6C7487;
}
.ftr-rt li p a{
     color: inherit;
     display: block;
}
.ftr-rt li p a:nth-child(2){
     margin-top:4px;
}
.ftr-rt li p a:hover{
     color: var(--dark-blue);
     text-decoration: underline !important;
     text-underline-offset:3px;
}
.copy-sec {
    background: #1E222E;
    border-radius: 6px;
    padding: 17px 145px 17px 20px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 48px;
    overflow: hidden;
}
.copy-sec p{
font-family: 'Mulish';
font-style: normal;
font-weight: 600;
font-size: 14.5px;
line-height: 27px;
text-align: right;
letter-spacing: 0.02em;
color: #B2B4B6;
}
.copy-sec p a{
     color: inherit;
}
.copy-sec p a:hover{
     color: var(--yellow);
}
.copy-sec ul{
     display: flex;
     flex-direction: row;
     justify-content: flex-start;
     align-items: center;
     gap: 14px;
}
.copy-sec ul li h5{
display: flex;
flex-direction: row;
justify-content: flex-start;
align-items: center;
font-family: 'Mulish';
font-style: normal;
font-weight: 500;
font-size: 15px;
line-height: 27px;
letter-spacing: 0.01em;
color: #FFFFFF;
gap: 12px;
}
.copy-sec ul li h5 img{
     display: block;
     width: 30px;
     height: 25px;
}
.copy-sec ul li a{
     display: flex;
     justify-content: center;
     align-items: center;
     width: 40px;
     height: 40px;
     border-radius: 50%;
     background-color: white;
     overflow: hidden;
}
.copy-sec ul li a svg{
     display: block;
     max-width: 22px;
     max-height: 22px;
     font-size: 24px;
     color: #313041;
}
.copy-sec ul li a:hover {
     background-color: var(--yellow);
}
.scrollTop{
     position: absolute;
     right: 0px;
     bottom: 0px;
     background-color: var(--yellow);
     border:1.5px solid var(--yellow);
     width: 123px;
     height:100%;
     display: flex;
     justify-content: center;
     align-items: center;
     cursor: pointer;
}
.scrollTop:hover{
     background-color: var(--dark-blue);
     border: 1.5px solid var(--light-blue);
}
.scrollTop:hover a svg path{
     stroke: var(--light-blue);
}



.counter{
    padding: 69px 67px 93px 67px;
}
.cntr-inr{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: stretch;
    gap:0px;
}
.cnt-box{
    width: 329px;
    padding: 0px 29px;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
}
.cnt-box h5{
font-family: 'Outfit';
font-style: normal;
font-weight: 600;
font-size: 21px;
line-height: 23px;
text-align: center;
letter-spacing: 0.02em;
text-transform: capitalize;
color: #1E2933;
margin-bottom: 12px;
}
.cnt-box p{
font-family: 'Mulish';
font-style: normal;
font-weight: 600;
font-size: 14px;
line-height: 23px;
text-align: center;
color: #323E56;
margin-bottom: 28px;
}
.cnt-box h3{
font-family: 'Outfit';
font-style: normal;
font-weight: 800;
font-size: 49px;
line-height: 41px;
text-align: center;
letter-spacing: 0.02em;
text-transform: capitalize;
color: #3F66F3;
}
.blog{
    padding: 49px 0px 61px 0px;
}
.blog-hdng{
    width: 579px;
    max-width: 100%;
    margin: 0 auto 4px auto;
}
.blog-hdng h2{
font-family: 'Outfit';
font-style: normal;
font-weight: 600;
font-size: 38px;
line-height: 48px;
text-align: center;
letter-spacing: 0.04em;
color: #1C2737;
margin-bottom: 14px;
}
.blog-hdng p{
font-family: 'Mulish';
font-style: normal;
font-weight: 500;
font-size: 17px;
line-height: 27px;
text-align: center;
letter-spacing: 0.01em;
color: #141414;
}
.owl-blog .item{
    padding: 25px;
}
.blog-box{
background: rgba(255, 255, 255, 0.87);
border: 1px solid #E1E7F5;
box-shadow: 0px 0px 25px rgba(41, 58, 68, 0.07);
border-radius: 14px;
padding: 10px 10px 21px 10px;
}
.blog-box em{
    width: 100%;
    height: 232px;
    border-radius: 11px;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 11px;
}
.blog-box em img{
    display: block;
    object-fit: cover;
    width: 100%;
    height: 100%;
}
.blog-bxtxt{
    padding: 0px 7px;
}
span.tag{
width:fit-content;
background: #DFE5F6;
border-radius: 4px;
display: block;
margin-bottom: 11px;
font-family: 'Mulish';
font-style: normal;
font-weight: 700;
font-size: 12px;
line-height: 18px;
color: #3786E4;
padding: 1px 6px 3px 6px;
}
.blog-bxtxt h3{
font-family: 'Outfit';
font-style: normal;
font-weight: 600;
font-size: 19px;
line-height: 25px;
letter-spacing: 0.02em;
color: #273746;
margin-bottom: 17px;
}
.blog-bxtxt p{
font-family: 'Mulish';
font-style: normal;
font-weight: 600;
font-size: 14.5px;
line-height: 21px;
color: #4F5E64;
margin-bottom: 25px;
}
.poster{
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    gap: 9px;
}
.poster em{
    display: flex;
    justify-content: center;
    align-items: center;
    width: 33px !important;
    height: 33px !important;
    overflow: hidden;
    border-radius: 50%;
    margin-bottom: 0px;
}
.poster em img{
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.pstr-txt{
    width: calc(100% - 42px);
}
.pstr-txt h5{
font-family: 'Outfit';
font-style: normal;
font-weight: 500;
font-size: 14px;
line-height: 18px;
letter-spacing: 0.02em;
color: #616B78;
}
.pstr-txt h6{
font-family: 'Mulish';
font-style: normal;
font-weight: 600;
font-size: 12px;
line-height: 20px;
letter-spacing: 0.01em;
color: #818B9F;
}
.owl-blog{
    z-index: 9;
}
.owl-blog .owl-nav{
    width: 100%;
    margin-top: 0px !important;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: -1;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
}
.owl-blog .owl-nav button{
    margin: 0px !important;
    width: 55px;
    height: 55px;
}
.owl-blog .owl-nav .owl-prev{
    transform: translateX(-30px);
}
.owl-blog .owl-nav .owl-next{
    transform: translateX(30px);
}
.owl-blog .owl-nav button span{
    font-size: 0px !important;
    width: 100%;
    height: 100%;
    display: block;
}
.owl-blog .owl-nav .owl-prev span{
    background-image: url(../images/owl-left.png);
}
.owl-blog .owl-nav .owl-next span{
    background-image: url(../images/owl-right.png);
}
.owl-blog .owl-nav button:hover,
.owl-blog .owl-nav button:focus{
    background-color: transparent !important;
}
.owl-blog .owl-nav .owl-prev:hover span{
    background-image: url(../images/owl-left-hover.png);
}
.owl-blog .owl-nav .owl-next:hover span{
    background-image: url(../images/owl-right-hover.png);
}
.owl-theme.owl-blog .owl-dots .owl-dot.active span, .owl-theme.owl-blog .owl-dots .owl-dot:hover span,
.owl-theme.owl-part .owl-dots .owl-dot.active span, .owl-theme.owl-part .owl-dots .owl-dot:hover span{
    width: 13px;
    height: 13px;
    background-color: #A52B50;
}
.owl-theme.owl-blog .owl-dots{
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}
.trusted{
    background-color: #F3F7FF;
    padding: 41px 0px 86px 0px;
}
.blg-trst-bg{
    right: 0px;
    bottom: 354px;
    display: block;
    position: absolute;
    width: 155px;
    height: 310px;
    z-index: 2;
}
.trusted .blog-hdng{
    margin-bottom: 31px;
}
.trst-inr{
height: 201px;
background: #FFFFFF;
padding: 20px;
}
.part-box em{
    width: 100%;
    padding-top: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    background-color: #F2F1FB;
    border-radius: 7px;
    overflow: hidden;
    margin-bottom: 18px;
}
.part-box em img{
    display: block;
    width: auto !important;
    height: auto !important;
    max-width: 100%;
    max-height: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.part-box h5{
font-family: 'Mulish';
font-style: normal;
font-weight: 700;
font-size: 14px;
line-height: 1.2;
text-align: center;
letter-spacing: 0.01em;
color: #273746;
text-align: center;
}

.owl-part .owl-dots{
    position: absolute;
    margin-top: 0px !important;
    bottom: -71px;
    display: flex !important;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    width: 100%;
}

/* 03-09-2024 */

.prfl-show{
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    align-items: center;
    gap: 6px;
font-family: 'Mulish';
font-style: normal;
font-weight: 700;
font-size: 17px;
line-height: 21px;
letter-spacing: 0.02em;
text-transform: capitalize;
color: #333D4B;
padding-right: 12px;
height: 100%;
cursor: pointer;
}
.prfl-show em{
    display: flex;
    width: 38px;
    height: 38px;
    border-radius: 8px;
    overflow: hidden;
    justify-content: center;
    align-items: center;
    margin-right: 5px;
}
.prfl-show em img{
    display: block;
    width: 100%;
    height: 100%;
}
.prfl-show svg{
    display: block;
    width: 20px;
    margin-top: 4px;
}
.profile-list-toggle {
    border-radius: 5px;
    background-color: white;
    box-shadow: -2px -4px 14px 0px #0000002e;
    width: 160px;
    right: 0px;
    padding: 5px 0px !important;
    z-index: 999;
}
.profile-list-toggle::before{
    content: '';
    position: absolute;
    width: 20px;
    height: 10px;
    background-color: white;
    clip-path: polygon(50% 0%, 0% 100%, 100% 100%);
    top: 0px;
    transform: translateY(-100%);
    right: 10px;
}
.profile-list-toggle li{
    width: 100%;
    padding: 0px 5px;
}
.profile-list-toggle li a {
    padding: 6px 5px;
    font-family: 'Mulish';
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 18px;
    letter-spacing: 0.02em;
    color: #414750;
    width: 100%;
    display: block;
    background-color: white;
}
.list-brk{
    margin-top: 4px;
    width: 100%;
    height: 1px;
    background-color: #efefef;
    display: block;
}
.profile-list-toggle li a:hover,
.profile-list-toggle li a.active{
    background-color: var(--yellow);
    color: var(--dark-blue);
}

.loggd-footer{
    padding: 0px 65px;
    background-color: #1E222E;
}
.logg-copy{
font-family: 'Mulish';
font-style: normal;
font-weight: 600;
font-size: 14px;
line-height: 27px;
letter-spacing: 0.02em;
color: #B2B4B6;
}
.logg-copy a{
    color: inherit;
}
.logg-copy a:hover{
    color: var(--yellow);
}
.trm-prvc{
    margin-left: auto !important;
    margin-right: 208px !important;
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    align-items: center;
    padding: 19px 0px;
    gap: 16px;
}
.trm-prvc li{
    width: fit-content;
}
.trm-prvc li a{
font-family: 'Mulish';
font-style: normal;
font-weight: 600;
font-size: 14.5px;
line-height: 27px;
letter-spacing: 0.02em;
color: #B2B4B6;
}
.trm-prvc li a:hover{
    color: var(--yellow);
}
.list-dot{
    display: block;
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background-color: #828282;
}
.loggd-ftr-inr .scrollTop{
    right: 33px;
    width: 90px;
}
.candidate-loggdinr {
    background-color: #FCFCFC;
    min-height: calc(100vh - 135px);
    margin-bottom: 70px;
}
.cddt-log-paper{
    padding: 60px 0px 72px 0px;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 30px;
}
.logd-lft{
    position: sticky;
    top: 82px;
    width: 277px;
background: rgba(255, 255, 255, 0.87);
border: 1px solid #E1E7F5;
box-shadow: 0px 0px 25px rgba(41, 58, 68, 0.07);
border-radius:0 0 14px 14px;
}


.whoes-profile{
    padding: 19px 16px 35px 16px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    position: relative;
    height: fit-content;
    background-color: var(--dark-blue);
}
.whoes-profile::before{
    content: '';
    position: absolute;
    width: calc(100% - 20px);
    height: 18px;
    border-radius: 10px 10px 0 0;
    display: block;
    background-color: white;
    bottom: 0px;
    left: 50%;
    transform: translateX(-50%);
}
.whoes-profile em{
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    width: 75px;
    height: 75px;
    border-radius: 50%;
    margin-bottom: 12px;
}
.whoes-profile em img{
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.whoes-profile h4{
font-family: 'Mulish';
font-style: normal;
font-weight: 700;
font-size: 18px;
line-height: 23px;
text-align: center;
letter-spacing: 0.02em;
color: #FFFFFF;
margin-bottom: 3px;
}
.whoes-profile a{
font-family: 'Mulish';
font-style: normal;
font-weight: 700;
font-size: 14px;
line-height: 18px;
text-align: center;
letter-spacing: 0.01em;
color: #FFFFFF;
}
.whoes-profile a:hover{
    color: var(--yellow);
}
.log-lft-list{
    padding-right: 21px;
    padding-bottom: 10px;
}
.log-lft-list li{
    padding-left: 18px;
    margin-bottom: 8px;
}
.log-lft-list li:last-child{
    margin-bottom: 0px;
}
.log-lft-list li a{
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 15px;
}
.log-lft-list li a svg{
    display: block;
    width: 16.5px;
    height: 16.5px;
}
.log-lft-list li a text{
    padding: 12px 14px;
font-family: 'Mulish';
font-style: normal;
font-weight: 700;
font-size: 15px;
line-height: 20px;
letter-spacing: 0.02em;
text-transform: capitalize;
color: #383A3D;
background: #fff;
border-radius: 9px;
width: calc(100% - 31.5px);
}
.log-lft-list li a:hover text,
.log-lft-list li a.active text{
    color: white;
    background-color: #B32E56;
}
.loggd-list-line{
    display: block;
    width: 100%;
    height: 1px;
    background-color: #E0DEDE;
    margin: 10px 0px;
}

.logd-rt{
    width: calc(100% - 307px);
background: #FFFFFF;
border: 1px solid rgba(232, 232, 232, 0.8);
box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.05);
border-radius: 8px;
padding: 20px 27px 24px 25px;
}
.crt-prfl-hdr{
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 20px;
    flex-wrap: wrap;
    margin-bottom: 26px;
}

.prfl-hdr-lft h2{
font-family: 'Mulish';
font-style: normal;
font-weight: 700;
font-size: 27px;
line-height: 23px;
color: #2A3B4B;
margin-bottom: 14px;
}
.prfl-hdr-lft p{
font-family: 'Mulish';
font-style: normal;
font-weight: 600;
font-size: 14px;
line-height: 18px;
letter-spacing: 0.02em;
color: #707983;
}
.prfl-progress h6{
font-family: 'Mulish';
font-style: normal;
font-weight: 700;
font-size: 15px;
line-height: 19px;
letter-spacing: 0.02em;
color: #272A30;
margin-bottom: 4px;
}
.prfl-progress{
    width: 360px;
}
.prfl-progress em{
    width: 100%;
    height: 7px;
    border-radius: 44px;
    border: 1px solid var(--yellow);
    position: relative;
    display: block;
}
.prfl-progress em span {
    position: absolute;
    left: 0px;
    top: 0px;
    height: 6px;
    background-color: var(--yellow);
    border-radius: 44px 0 0 44px;
}
.prfl-step-btns{
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: stretch;
    gap: 11px;
    margin-bottom: 37px;
}
.prfl-step-btns a{
width: fit-content;
height: 48px;
background: #ACADB5;
border: 1px solid #ACADB5;
border-radius: 9px;
min-width: 175px;
padding: 12px 15px;
font-family: 'Mulish';
font-style: normal;
font-weight: 700;
font-size: 17px;
line-height: 21px;
text-align: center;
letter-spacing: 0.02em;
color: #FFFFFF;
}
.prfl-step-btns a:hover,
.prfl-step-btns a.active{
    background: var(--dark-blue);
    border: 1px solid var(--dark-blue);
    color: white;
}

.das-inpt-grp{
    margin-bottom: 20px;
    width: 100%;
}
.das-inpt-grp label{
font-family: 'Mulish';
font-style: normal;
font-weight: 700;
font-size: 14px;
line-height: 18px;
letter-spacing: 0.02em;
color: #414750;
margin-bottom: 6px;
}
.das-inpt-grp input,
.das-inpt-grp select,
.das-inpt-grp textarea{
height: 48px;
background-color: transparent !important;
border: 1px solid #BFC4C7;
box-shadow: 0px 4px 4px rgba(2, 2, 2, 0.04);
border-radius: 7px;
width: 100%;
outline: none !important;
font-family: 'Mulish';
font-style: normal;
font-weight: 500;
font-size: 14px;
line-height: 18px;
letter-spacing: 0.02em;
color: #575A5B;
padding: 15px 16px;
display: block;
}
.das-inpt-grp select{
    appearance: none !important;
    background-image: url(../images/select-inptbg.png);
    background-size: 48px 48px;
    background-repeat: no-repeat;
    background-position: right -1px center;
    padding-right: 56px;
}
.das-inpt-grp textarea{
    height: 144px;
    padding: 14px 18px;
}
.das-inpt-grp input:hover,
.das-inpt-grp input:focus,
.das-inpt-grp input:focus-visible,
.das-inpt-grp input:focus-within,
.das-inpt-grp textarea:hover,
.das-inpt-grp textarea:focus,
.das-inpt-grp textarea:focus-visible,
.das-inpt-grp textarea:focus-within,
.das-inpt-grp select:hover,
.das-inpt-grp select:focus,
.das-inpt-grp select:focus-visible,
.das-inpt-grp select:focus-within{
    border: 1px solid var(--yellow);
}
.das-inpt-grp input.datebg {
    padding-right: 56px;
    background-image: url(../images/date-inptbg.png);
    background-size: 48px 48px;
    background-repeat: no-repeat;
    background-position: right -1px center;
}
.select2-container{
    display: block;
}
.select2-choices{
    height: 48px !important;
background-color: transparent !important;
border: 1px solid #BFC4C7 !important;
box-shadow: 0px 4px 4px rgba(2, 2, 2, 0.04) !important;
border-radius: 7px;
width: 100%;
outline: none !important;
padding:7px 33px 7px 15px !important;
    background-image: url(../images/select-inptbg.png) !important;
    background-size: 44px calc(100% + 2px) !important;
    background-repeat: no-repeat !important;
    background-position: right -1px center !important;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px;
    overflow-y: auto !important;
    scrollbar-width: thin;
    scrollbar-color: #eee transparent !important;
}
.select2-container-multi .select2-choices .select2-search-choice{
    margin: 0px !important;
height: 30px !important;
background: #F9F9F9;
border: 1px solid #E9E9E9;
border-radius: 5px;
padding: 0px !important;
}
.select2-container-multi .select2-choices .select2-search-choice div{
font-family: 'Mulish';
font-style: normal;
font-weight: 600;
font-size: 14px;
line-height: 18px;
letter-spacing: 0.02em;
color: #414750;
padding: 5px 25px 7px 9px !important;
}
.select2-search-choice-close {
    display: block;
    width: 12px;
    height: 13px;
    position: absolute;
    right:8px !important;
    top: 8px !important;
    font-size: 1px;
    outline: none;
    background: url('../images/select2.png') !important;
    background-size: 100% 100%;
    background-position: center center;
    background-repeat: no-repeat;
    left: auto !important;
}
.select2-container-multi .select2-choices .select2-search-field input {
    height: 30px !important;
}
.frm-sec-hdng{
    margin-bottom:13px;
font-family: 'Outfit';
font-style: normal;
font-weight: 600;
font-size: 20px;
line-height: 26px;
letter-spacing: 0.02em;
text-transform: capitalize;
color: #1E2933;
}
.candidate-skill{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    row-gap: 11px;
    margin-bottom: 24px;
}
.skill-box{
    width: 161px;
font-family: 'Mulish';
font-style: normal;
font-weight: 600;
font-size: 14px;
line-height: 11px;
letter-spacing: 0.01em;
color: #1D2128;
padding: 4px 0px 4px 33px;
position: relative;
}
.skill-box input{
    position: absolute;
    width: 100%;
    height: 100%;
    display: block;
    top: 0px;
    left: 0px;
    opacity: 0;
    cursor: pointer;
    z-index: 2;
}
span.checkbox{
position: absolute;
width: 21px;
height: 21px;
background: #FFFFFF;
border: 1px solid #B1AFAF;
border-radius: 6px;
display:flex;
left: 0px;
top: 0px;
justify-content: center;
align-items: center;
transition: all 0.3s ease;
}
span.checkbox svg{
    display: block;
    width: 12px;
    height: 12px;
    opacity: 0;
    transition: all 0.3s ease;
}
.skill-box input:hover + span.checkbox,
.skill-box input:checked + span.checkbox{
    border: 1px solid var(--dark-blue);
}
.skill-box input:checked + span.checkbox{
    background-color: var(--dark-blue);
}
.skill-box input:checked + span.checkbox svg{
    opacity: 1;
}
.upld-img-grp {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    margin-top: -12px;
    column-gap: 31px;
    row-gap: 12px;
    flex-wrap: wrap;
}
.upldr-btn text{
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: center;
width: 360px;
height: 48px;
background: #081123;
border: 1px solid #081123;
border-radius: 6px;
padding: 14px 14px 14px 18px;
font-family: 'Mulish';
font-style: normal;
font-weight: 700;
font-size: 14px;
line-height: 20px;
letter-spacing: 0.02em;
color: #F1F3F3;
transition:all 0.3s ease;
}
.upldr-btn text svg{
    display: block;
    width: 18px;
    height: 18px;
    transition:all 0.3s ease;
}
.upldr-btn input{
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    display: block;
    z-index: 3;
    opacity: 0;
    cursor: pointer;
}
.upldr-btn input:hover + text{
    background: var(--yellow);
    color: var(--dark-blue);
    border: 1px solid var(--yellow);
}
.upldr-btn input:hover + text svg path{
 stroke: var(--dark-blue);
 fill: var(--dark-blue);
}
.upldd-img{
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    border-radius: 50%;
    width: 70px;
    height: 70px;
    border: 1px solid #D9D9D9;
}
.upldd-img img{
    display: block;
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 100%;
    object-fit: cover;
}
.prfl-footer{
    margin-top: 11px;
display: flex;
justify-content: space-between;
align-items: center;
flex-wrap: wrap;
}
.prfl-ftr-brdr{
    width: 100%;
    height: 3px;
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 140px;
    margin-bottom: 23px;
}
p.step-num{
font-family: 'Mulish';
font-style: normal;
font-weight: 700;
font-size: 14px;
line-height: 18px;
letter-spacing: 0.02em;
text-transform: capitalize;
color: #414750;
width: fit-content;
}
.prfl-btns{
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    gap: 15px;
}
a.prfl-back{
width: 106px;
height: 50px;
background: #FFFFFF;
border: 1px solid #2C3E50;
border-radius: 8px;
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
font-family: 'Mulish';
font-style: normal;
font-weight: 600;
font-size: 16px;
line-height: 22px;
text-align: center;
letter-spacing: 0.01em;
color: #2C3E50;
gap: 3px;
}
a.prfl-back svg{
    display: block;
    width: 14px;
    height: 15px;
}
a.prfl-back:hover{
    background: var(--yellow);
    border: 1px solid var(--yellow);
    color: var(--dark-blue);
}
a.prfl-back:hover svg path{
    stroke: var(--dark-blue);
}

a.prfl-continue{
width: 239px;
height: 50px;
background: #181D5D;
border-radius: 8px;
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
gap: 4px;
font-family: 'Mulish';
font-style: normal;
font-weight: 700;
font-size: 16px;
line-height: 20px;
text-align: center;
letter-spacing: 0.04em;
color: #FFFFFF;
}
a.prfl-continue:hover{
    background: var(--yellow);
    color: var(--dark-blue);
}
a.prfl-continue:hover svg path{
    stroke: var(--dark-blue);
}




.dash-searchable .select2-container .select2-choice .select2-arrow{
    display: none;
}
.dash-searchable .select2-container{
    border-radius: 7px !important;
    box-shadow: 0px 4px 4px rgba(2, 2, 2, 0.04) !important;
}
.dash-searchable .select2-container .select2-choice {   
    height: 48px !important;
    background-color: transparent !important;
    border: 1px solid #BFC4C7 !important;
    border-radius: 7px !important;
    width: 100%;
    outline: none !important;
}

.select2-choices:hover,
.select2-choices:focus,
.select2-choices:focus-visible,
.select2-choices:focus-within,
.dash-searchable .select2-container .select2-choice:hover,
.dash-searchable .select2-container .select2-choice:focus{
    border: 1px solid var(--yellow) !important;
}
.ad-more{
width: 134px;
height: 48px;
background: #181D5D;
border-radius: 8px;
display: flex;
justify-content: center;
align-items: center;
border: none !important;
outline: none !important;
box-shadow: none !important;
font-family: 'Mulish';
font-style: normal;
font-weight: 700;
font-size: 16px;
line-height: 20px;
text-align: center;
letter-spacing: 0.04em;
color: #FFFFFF;
margin-bottom: 31px;
}
.ad-more b {
    font-size: 22px;
    display: inline-block;
    margin-top: -4px;
    font-weight: 600;
}
.ad-more:hover{
    background: var(--yellow);
    color: var(--dark-blue);
}


.added-info-table{
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: stretch;
    width: 100%;
    gap: 17px;
    margin-bottom: 46px;
}
.info-row{
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: stretch;
background: #FFFFFF;
border: 1px solid #BFC4C7;
box-shadow: 0px 4px 4px rgba(2, 2, 2, 0.04);
border-radius: 7px;
padding: 12px 17px 15px 15px;
gap: 12px;
}
.info-cell{
    display: block;
}
.info-cell h5{
font-family: 'Mulish';
font-style: normal;
font-weight: 700;
font-size: 15px;
line-height: 19px;
letter-spacing: 0.02em;
color: #414750;
margin-bottom: 6.27px;
}
.info-cell p{
font-family: 'Mulish';
font-style: normal;
font-weight: 500;
font-size: 14px;
line-height: 18px;
letter-spacing: 0.02em;
color: #575A5B;
}
.info-cell.w-action{
    margin-left: auto;
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    align-items: center;
    gap: 12px;
    width: 82px;
}
.w-action a{
    width: 35px;
    height: 35px;
    border-radius: 50%;
    border: 1px solid #6C7478;
    display: flex;
    justify-content: center;
    align-items: center;
}
.w-action a:hover{
    border: 1px solid var(--main-red);
}
.w-action a svg{
    display: block;
    width: 19px;
    height: 19px;
}
.w-action a:hover svg path{
    fill: var(--main-red);
}
.w-249{
    width: 249px;
}
.w-291{
    width: 291px;
}
.w-116{
    width: 116px;
}
.w-168{
    width: 168px;
}
.wrkng-margin{
    margin: 40px 0px 10px 0px;
}
/* 03-09-2024 */

/*rabin 04/09*/
.login-inr {
    display: block;
    margin: 64px 0 40px 0;
}
.login_main {
    display: flex;
    justify-content: space-between;
}
.login_left {
    display: block;
    width: 41%;
    padding: 46px 46px 0 46px;
}
.login-inr > p {
    font-family: 'Mulish';
    font-weight: 500;
    font-size: 14px;
    line-height: 22px;
    color: #B2B4B6;
    margin-top: 55px;
}
.login_right_pic_area {
    width: 59%;
    height: 100%;
    position: fixed;
    right: 0;
    background: #151e63;
}
.login_right_pic_area img {
    width: 100%;
}
.login_main > p {
    position: absolute;
    bottom: 0;
}
.login-inpt-box {
    margin-bottom: 15px;
}
.login-inpt-box span {
  box-shadow: none;
  height: 50px;
  position: absolute;
  right: 1px;
  z-index: 9;
  border-radius: 6px;
  border: 1px solid #BFC4C7;
   
  width: 45px;
  border-right: none;
  background: #fff;
}
.login-box {
    position: relative;
    width: 438px;
    margin: 0 auto;
    max-width: 100%;
}
.logbx-hdr {
    margin-bottom: 32px;
    text-align: center;
}
.logbx-hdr h1 {
    margin: 6px 0 10px 0 !important;
    font-style: normal;
    font-weight: 800;
    font-size: 29px;
    line-height: 31px;
    text-align: center;
    letter-spacing: 0.02em;
    color: #07264A;
    font-family: 'Mulish';
}
.logbx-hdr p {
    font-family: 'Mulish';
    font-style: normal;
    font-weight: 500;
    font-size: 15px;
    line-height: 26px;
    text-align: center;
    color: #575A5B;
    margin-bottom: 12px;
}
.login-inpt-box input {
    width: 100%;
    border-radius: 7px;
    background: #fff;
    border: 1px solid #BFC4C7;
    height: 50px;
    box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.09);
    padding: 8px 14px 8px 14px;
    font-family: 'Mulish';
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 18px;
    color: #9BA2B1;
    position: relative;
    z-index: 2;
    transition: all 0.3s ease;
}
.login-inpt-box input:hover {
    box-shadow: none;
    border: 1px solid #FFB800;
    transition: all 0.3s ease;
}
.login-inpt-box input:focus {
    box-shadow: none;
    border: 1px solid #FFB800;
    transition: all 0.3s ease;
}
.login-inpt-box label {
    font-family: 'Mulish';
    font-style: normal;
    font-weight: 700;
    font-size: 14px;
    color: #414750;
    display: block;
    margin: 0 0 5px 0;
    width: 100%;
    position: relative !important;
}
button.login-submit ,
a.login-submit{
    width: 100%;
    height: 50px;
    background: #181D5D;
    border-radius: 8px;
    font-family: 'Mulish';
    font-style: normal;
    font-weight: 700;
    font-size: 17px;
    padding: 4px;
    line-height: 22px;
    text-align: center;
    letter-spacing: 0.02em;
    color: #FFFFFF;
    border: none !important;
    outline: none !important;
    box-shadow: none !important;
}
button.login-submit:hover,
a.login-submit:hover {
    background: #FFCB24;
    color: var(--dark-blue);
    transition: all 0.3s ease;
}
.login-inpt-box i {
    position: absolute;
    top: 41px;
    right: 13px;
    display: block;
    width: 21px;
    height: 21px;
    z-index: 2;
    cursor: pointer;
    z-index: 99;
}
.fa-eye-slash:before {
    content: '' !important;
    background-image: url(../images/eye-slash.svg) !important;
    display: block;
    width: 100%;
    height: 100%;
}
.fa-eye:before {
    content: '' !important;
    background-image: url(../images/eye.svg) !important;
    display: block;
    width: 100%;
    height: 100%;
}
.sign-desc {
    font-family: 'Mulish';
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    color: #6C7C8D;
    text-align: center;
    margin: 20px 0 16px 0;
}
.capcha_area {
  display: block;
  margin: 12px 0 0 0;
}
.sign-desc a {
    color: #B32E56;
}
.sign-desc a:hover {
    color: #FFCB24;
}
.bottom_area p {
    font-family: 'Mulish';
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    color: #333333;
    text-align: center;
    margin: 30px 0 19px 0;
}
.fsg p {
    font-size: 14px !important;
    color: #333333 !important;
    margin: 15px 0 19px 0 !important;
}
.fsg p a {
    color: #B32E56 !important;
}
.fsg p a:hover {
    color: #FFCB24 !important;
}
.bottom_area p strong {
    font-weight: 600;
    color: #666666;
}
.lln {
    display: block;
    height: 2px;
    border-top: 1px solid #c2c2c2;
    position: relative;
    margin: 0 0 22px 0;
    text-align: center;
}
.lln span {
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    top: -13px;
    background: #fff;
    width: 40px;
}
.bottom_for_all {
    display: flex;
    justify-content: space-between;
}
.bottom_for_all a {
    width: 32%;
    height: 47px;
    background: #fff;
    border: 1px solid #181D5D;
    border-radius: 7px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 0px;
    font-family: 'Outfit';
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 20px;
    text-align: center;
    letter-spacing: 0.03em;
    color: #181D5D;
    box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.09);
}
.bottom_for_all a:hover {
    background: #FFCB24;
    color: var(--dark-blue);
    transition: all 0.3s ease;
    box-shadow: none;
    border: 1px solid #FFCB24;
}
.y_bgg{
    background: #feca2c;
}
.das-inpt-grp .readonly_email{
    background: #f7f7f7 !important;
}
/**/
.schdl-view-type{
position: absolute;
background: #FFCB24;
border-radius: 6px;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 9px 12px;
    gap: 4px;
font-family: 'Mulish';
font-style: normal;
font-weight: 700;
font-size: 14px;
line-height: 18px;
text-align: center;
letter-spacing: 0.02em;
color: #241D1D;
right: 0px;
top: 0px;
}
.schdl-view-type svg{
    display: block;
    width: 16px;
    height: 16px;
}
.schdl-view-type:hover{
    background-color: var(--dark-blue);
    color: white;
}
.schdl-view-type:hover svg path{
    stroke: white;
}

.schdl-nav-tabs{
    padding-left: 15px !important;
    gap: 8px;
}
.nav-tabs.schdl-nav-tabs .nav-item .nav-link{
    width: 138px;
    height: 45px;
background: #151E63;
border: 1px solid #151E63;
border-bottom: 0px solid transparent;
border-radius: 9px 9px 0px 0px;
font-family: 'Mulish';
font-style: normal;
font-weight: 700;
font-size: 17px;
line-height: 21px;
text-align: center;
letter-spacing: 0.02em;
color: #FFFFFF;
display: flex;
justify-content: center;
align-items: center;
}
.nav-tabs.schdl-nav-tabs .nav-item.show .nav-link, 
.nav-tabs.schdl-nav-tabs .nav-link.active{
letter-spacing: 0.02em;
color: #151E63;
background-color: white;
}
.schdl-tabcontent .tab-pane{
padding-top: 23px;
}
.tab-table{
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: stretch;
    gap: 22px;
    margin-bottom: 32px;
}
.tab-table-row{
    padding: 11px 17px 14px 14px;
background: #FFFFFF;
border: 1px solid #BFC4C7;
box-shadow: 0px 4px 4px rgba(2, 2, 2, 0.04);
border-radius: 7px;
display: flex;
flex-direction: row;
justify-content: flex-start;
align-items: center;
gap:47px;
}
.tab-tbl-cell h5{
font-family: 'Mulish';
font-style: normal;
font-weight: 700;
font-size: 16px;
line-height: 20px;
letter-spacing: 0.02em;
color: #181D5D;
margin-bottom: 4px;
}
.tab-tbl-cell p{
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    gap: 5px;
font-family: 'Mulish';
font-style: normal;
font-weight: 500;
font-size: 14px;
line-height: 18px;
letter-spacing: 0.02em;
color: #575A5B;
}
.tab-tbl-cell p svg{
    display: block;
    width: 15px;
    height: 15px;
}
.tab-copy-link{
width: 113px;
height: 36px;
background: #FFFFFF;
border: 1px solid #9FA0B0;
border-radius: 6px;
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
padding: 9px;
gap: 7px;
font-family: 'Mulish';
font-style: normal;
font-weight: 500;
font-size: 14px;
line-height: 18px;
letter-spacing: 0.02em;
color: #575A5B;
}
.tab-copy-link svg{
    display: block;
    width: 14px;
    height: 14px;
}
.tab-copy-link:hover{
    background: var(--dark-blue);
    border: 1px solid var(--dark-blue);
    color: white;
}
.tab-copy-link:hover svg path{
    stroke: white;
}
.col-red{
    color: #E12C5C !important;
}
.col-green{
    color: #1FB26C !important;
}
.col-teal{
    color: #2F91B1 !important;
}
.tab-actn-area{
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    align-items: stretch;
    gap: 5px;
    flex-wrap: wrap;
}
.tab-actn-area a{
background: #181D5D;
border-radius: 6px;
padding: 8px 9px;
display: flex;
justify-content: center;
align-items: center;
gap: 6px;
font-family: 'Mulish';
font-style: normal;
font-weight: 700;
font-size: 14px;
line-height: 18px;
text-align: center;
letter-spacing: 0.02em;
color: #FFFFFF;
}
.tab-actn-area a svg{
    display: block;
    width: 15px;
    height: 15px;
}
.tab-actn-area a:hover{
    background: var(--yellow);
    color: var(--dark-blue);
}
.tab-actn-area a:hover svg path{
    stroke: var(--dark-blue);
}
.tb-actn-cel{
    width: 350px;
}
.tb-stat-cel{
    width: 175px;
}
.tb-link-cel{
    width: 133px;
}
.tbw-234{
    width: 240px;
}
.tbw-214{
    width: 214px;
}

.tab-pagination .page-link{
    border: 1px solid #d2d2d2 !important;
font-family: 'Roboto';
font-style: normal;
font-weight: 400;
font-size: 16px;
line-height: 19px;
letter-spacing: 0.01em;
color: #302929;
  }
 .tab-pagination .page-link:hover{
    border: 1px solid var(--main-red) !important;
    background-color: white !important;
  }
.tab-pagination .page-link:focus,
.tab-pagination .page-link.active{
    border: 1px solid var(--main-red) !important;
    background-color: var(--main-red) !important;
    color: white !important;
    box-shadow: none !important;
  }
.tab-pagination  .page-link:focus svg path,
.tab-pagination .page-link.active svg path{
    stroke: white;
  }


  /* full-calendar design */
  .fc-toolbar-title{
font-family: 'Mulish';
font-style: normal;
font-weight: 800;
font-size: 27px !important;
line-height: 23px;
text-align: center;
color: #2A3B4B;
  }

  .fc-button-group{
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    align-items: stretch;
    gap: 6px;
  }
  .fc-button{
width: 62px !important;
height: 45px !important;
background: #FFFFFF !important;
border: 1px solid #151E63 !important;
border-radius: 6px !important;
display: flex;
justify-content: center;
align-items: center;
  }
  .fc-icon:before{
    color: #151E63 !important;
  }
  .fc .fc-button-primary:focus, .fc .fc-button-primary:not(:disabled).fc-button-active:focus, .fc .fc-button-primary:not(:disabled):active:focus{
    box-shadow: none !important;
    background: #151E63 !important;
  }
  .fc .fc-button-primary:focus .fc-icon:before, 
  .fc .fc-button-primary:not(:disabled).fc-button-active:focus .fc-icon:before, 
  .fc .fc-button-primary:not(:disabled):active:focus .fc-icon:before{
    color: white !important;
  }

  .fc-col-header-cell{
    background-color: #504ADF !important;
    border: 1px solid #504ADF !important;
    min-height: 45px !important;
  }
  .fc .fc-col-header-cell-cushion {
    display: inline-block;
    padding: 11px 4px !important;
font-family: 'Mulish';
font-style: normal;
font-weight: 800;
font-size: 16px !important;
line-height: 23px;
color: #FFFFFF !important;
}

.fc .fc-view-harness {
    border-radius: 8px !important;
    overflow: hidden ;
border: 1px solid #E1E7F5 !important;
box-shadow: 0px 0px 25px rgba(41, 58, 68, 0.07) !important;
}
.fc-theme-standard td{
    border: 1px solid #d9d9d9;
}
.fc .fc-day-other{
    background-color: #FAFAFA !important;
}
.fc-daygrid-day-number{
font-family: 'Outfit';
font-style: normal;
font-weight: 500;
font-size: 17px !important;
line-height: 23px;
text-align: left !important;
color: #2A3B4B;
padding: 12px 19px 9px 19px !important;
}
.fc .fc-daygrid-day-top {
    display: flex;
    flex-direction: row !important;
}
.fc .fc-daygrid-body-balanced .fc-daygrid-day-events {
    position: absolute;
    left: 9px !important;
    right: 9px !important;
    height: calc(100% - 55px) !important;
    width: calc(100% - 18px) !important;
} 
.fc-daygrid-event-harness{
    height: 100% !important;
}
.fc-daygrid-event {
    height: 100% !important;
    flex-direction: column-reverse !important;
    justify-content: flex-end !important;
    align-items: flex-start !important;
    padding: 7px 7px 7px 7px !important;
    background: #FFFFFF !important;
    border: 1px solid #BFC4C7 !important;
    box-shadow: 0px 4px 4px rgba(2, 2, 2, 0.04) !important;
    border-radius: 6px !important;
}
.fc-daygrid-event-dot{
    display: none !important;
}
.fc-daygrid-event .fc-event-title {
    flex-grow: 0 !important;
    flex-shrink: 0 !important;
    min-width: 0;
    overflow: hidden;
    font-weight: 700;
    max-width: 100% !important;
    white-space: normal !important;

font-family: 'Mulish';
font-style: normal;
font-weight: 700;
font-size: 13px !important;
line-height: 17px;
letter-spacing: 0.02em;
color: #181D5D !important;
margin-bottom: 1px !important;

}
.fc-daygrid-event .fc-event-time{
    margin: 0px !important;
    padding-left: 16px !important;
    background-image: url(../images/calendar-clock.png) !important;
    background-size: 14px 14px !important;
    background-position: left center !important;
    background-repeat: no-repeat;
font-family: 'Mulish';
font-style: normal;
font-weight: 500;
font-size: 14px !important;
line-height: 18px;
letter-spacing: 0.02em !important;
color: #575A5B !important;
}
.fc-direction-ltr .fc-daygrid-event.fc-event-start, .fc-direction-rtl .fc-daygrid-event.fc-event-end{
    margin-right: 0px !important;
}
.fc-direction-ltr .fc-daygrid-event.fc-event-start, .fc-direction-rtl .fc-daygrid-event.fc-event-end {
    margin-left:0px !important;
}
.evnt-mod-top{
    padding: 3px 3px 0px 3px !important;
    border: 1px solid #BFC4C7;
    border-radius: 7px;
}
.evnt-mod-hdr{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    padding: 9px 9px 10px 19px;
height: 42px;
background: #504ADF;
border: 1px solid #504ADF;
border-radius: 5px 5px 0px 0px;
}
.evnt-mod-hdr h5.modal-title{
font-family: 'Mulish';
font-style: normal;
font-weight: 800;
font-size: 16px;
line-height: 23px;
letter-spacing: 0.02em;
color: #FFFFFF;
margin-right: 12px;
}
.evnt-mod-hdr button.btn-close{
    padding: 0px;
    background-image: url(../images/modal-close.png) !important;
    background-size: 16px 16px;
    background-repeat: no-repeat;
    background-position: right center;
    color: white !important;
    opacity: 1 !important;
}
.evnt-mod-top .modal-body{
    padding: 20px;
}
.evnt-mod-top .modal-body h3{
font-family: 'Mulish';
font-style: normal;
font-weight: 700;
font-size: 19px;
line-height: 24px;
letter-spacing: 0.02em;
color: #181D5D;
margin-bottom: 6px;
}
.evnt-dttm{
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-direction: row;
}
.evnt-dttm svg{
    display: block;
    width: 13px;
    height: 15px;
    margin-right: 5px;
}
.evnt-dttm p{
font-family: 'Mulish';
font-style: normal;
font-weight: 600;
font-size: 14px;
line-height: 18px;
letter-spacing: 0.02em;
color: #575A5B;
margin-right: 10px;
}
.tpsec{
    margin-top: 20px;
}
.tpsec h5{
font-family: 'Mulish';
font-style: normal;
font-weight: 700;
font-size: 15px;
line-height: 19px;
letter-spacing: 0.02em;
color: #414750;
margin-bottom: 6px;
}
.tpsec p{
font-family: 'Mulish';
font-style: normal;
font-weight: 600;
font-size: 14px;
line-height: 18px;
letter-spacing: 0.02em;
color: #575A5B;
}
.mod-ftbtn-sec{
    padding: 16px;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    gap: 9px;
}
.mod-ftbtn-sec a{
width: 100px;
height: 38px;
background: #181D5D;
border-radius: 6px;
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
gap: 3px;
font-family: 'Mulish';
font-style: normal;
font-weight: 700;
font-size: 14px;
line-height: 18px;
text-align: center;
letter-spacing: 0.02em;
color: #FFFFFF;
}
.mod-ftbtn-sec a svg{
    display: block;
    width: 15px;
    height: 15px;
}
.mod-ftbtn-sec a:hover{
    background: var(--yellow);
    color: var(--dark-blue);
}
.mod-ftbtn-sec a:hover svg path{
    stroke: var(--dark-blue);
}
  /* full-calendar design */


  /*rabin-06.09*/
.tab-tbl-cell > img {
    float: left;
    width: 55px;
    margin: 3px 12px 0 0;
  }
  .tb_01 {
    width: 620px;
  }
  .tb_02 {
    width: 340px;
  }
  .tb_03 {
    width: 128px;
  }
  .tb_04 {
    min-width: 160px;
  }
  .tab-tbl-cell > img {
    width: 46px;
    border-radius: 5px;
  }
  .offer_ppg .tab-table-row{
    margin-bottom: 21px;
  }
  .col-orr{
      color:#C9884B !important;
  }
  .offer_letter a {
    display: block;
    background: transparent !important;
    font-family: 'Mulish';
    font-style: normal;
    font-weight: 700;
    font-size: 14px;
    line-height: 18px;
    color: #181D5D;
    padding: 0;
    text-align: center;
  }
  .offer_letter a:hover{
       background: transparent !important;
    color: #B32E56;
  }
  .offer_letter a img {
    width: 14px;
    margin: -3px 0 0 0;
  }
  
  
  
  
  .pagination {
      margin: 20px 0 0 0 !important;
      float: left;
  }
  .pagination li a {
    display: flex;
    width: 41px;
    height: 41px;
    justify-content: center;
    align-items: center;
    border-radius: 4px;
    border: 1px solid #D2D2D2;
    font-family: 'Mulish';
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 19px;
    letter-spacing: 0.01em;
    color: #302929;
    transition: all 0.3s ease;
    margin: 0 6px 8px 0;
  }
  .pagination li span{
    display: flex;
    width: 41px;
    height: 41px;
    justify-content: center;
    align-items: center;
    border-radius: 4px;
    border: 1px solid #D2D2D2;
    font-family: 'Mulish';
    font-style: normal;
    font-weight:600;
    font-size: 16px;
    line-height: 19px;
    letter-spacing: 0.01em;
    color: #302929;
    transition: all 0.3s ease;
    margin: 0 6px 8px 0;
  }
  .pagination li a:hover{
      background:#B32E56;
    border: 1px solid #B32E56;
    color: #fff;
  }
  .pagination li a.active{
    background:#B32E56;
    border: 1px solid #B32E56;
    color: #fff;
  }
  .pagination li a svg{
    display: block;
    width: 15px;
    height: 14px;
  }


  .whoes-public{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    margin-bottom: 31px;
  }
  .whs-pblc-right{
    width: 223px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: stretch;
    gap: 20px;
  }
  .whs-pblc-right a{
width: 223px;
height: 48px;
background: #181D5D;
border-radius: 5px;
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
gap: 8px;
font-family: 'Outfit';
font-style: normal;
font-weight: 600;
font-size: 17px;
line-height: 21px;
letter-spacing: 0.02em;
color: #FFFFFF;
  }
  .whs-pblc-right a.mssg-btn{
    background:var(--yellow);
  }
  .whs-pblc-right img{
    display: block;
    max-width: 24px;
    max-height: 24px;
  }
  .whs-pblc-right a:hover{
    background: var(--main-red);
    color: white;
  }
  .whs-pblc-lft{
    width: calc(100% - 223px);
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    gap: 41px;
  }
  .whs-pblc-lft em{
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    width: 168px;
    height: 168px;
    border-radius: 8px;
  }
  .whs-pblc-lft em img{
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  .whs-pblc-lft text{
    width: calc(100% - 200px);
  }
  .whs-pblc-lft text h3{
font-family: 'Outfit';
font-style: normal;
font-weight: 600;
font-size: 38px;
line-height: 48px;
letter-spacing: 0.02em;
color: #000000;
margin-bottom: 8px;
  }
  .whs-pblc-lft text ul {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    gap: 4px;
    margin-bottom: 8px !important;
}  
  .whs-pblc-lft text ul li{
font-family: 'Mulish';
font-style: normal;
font-weight: 500;
font-size: 17px;
line-height: 22px;
letter-spacing: 0.01em;
color: rgba(54, 71, 86, 0.9);
  }
  .whs-pblc-lft text h5{
    margin-bottom: 11px;
font-family: 'Mulish';
font-style: normal;
font-weight: 500;
font-size: 17px;
line-height: 22px;
letter-spacing: 0.01em;
color: rgba(54, 71, 86, 0.9);
  }
  .main-desc{
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    flex-wrap: wrap;
    gap: 11px;
  }
  .whs-pblc-lft text h6{
    display: inline-flex;
    justify-content: flex-start;
    align-items: center;
    gap: 8px;
font-family: 'Mulish';
font-style: normal;
font-weight: 600;
font-size: 15.5px;
line-height: 19px;
letter-spacing: 0.01em;
color: #323E56;
width: fit-content;
  }
.whs-pblc-lft text h6 img{
    display: block;
    width: 17px;
    height: 17px;
}
.cndt-public-inr{
    padding: 50px 0px 65px 0px;
}
.whoes-abt-outr{
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: stretch;
    gap: 30px;
}
.whs-abt-box{
    padding: 30px 30px;
background: #FFFFFF;
border: 1px solid rgba(232, 232, 232, 0.8);
box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.05);
border-radius: 7px;
}

.whs-inrbx1 h3{  
font-family: 'Mulish';
font-style: normal;
font-weight: 700;
font-size: 29px;
line-height: 36px;
color: #000000;
margin-bottom: 16px;
}
.whs-inrbx1 p{
font-family: 'Mulish';
font-style: normal;
font-weight: 600;
font-size: 15.5px;
line-height: 24px;
color: #323E56;
}
.whs-inrbx2 h2,
.whs-inrbx3 h2{
font-family: 'Mulish';
font-style: normal;
font-weight: 700;
font-size: 29px;
line-height: 36px;
color: #000000;
margin-bottom: 29px;
}
.whs-inrbx2 ul li{
    padding-bottom: 22px;
    margin-bottom: 27px;
    border-bottom: 1px solid #CCCCCC;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 13px;
}
.whs-inrbx2 ul li:last-child{
    padding-bottom: 0px;
    margin-bottom: 0px;
    border-bottom: 0px solid transparent;
}
.whs-inrbx2 ul li em{
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    width: 24px;
    height: 24px;
}
.whs-inrbx2 ul li em img{
    display: block;
    width: 100%;
    height: 100%;
}
.whs-inrbx2 ul li text{
    width: calc(100% - 37px);
}
.whs-inrbx2 ul li text h5{
font-family: 'Outfit';
font-style: normal;
font-weight: 600;
font-size: 21px;
line-height: 26px;
letter-spacing: 0.02em;
color: #1E2933;
margin-bottom: 9px;
}
.whs-inrbx2 ul li text h6{
font-family: 'Mulish';
font-style: normal;
font-weight: 500;
font-size: 17px;
line-height: 22px;
letter-spacing: 0.01em;
color: #364756;
margin-bottom: 13px;
}
.whs-inrbx2 ul li text p{
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    gap: 8px;
font-family: 'Mulish';
font-style: normal;
font-weight: 500;
font-size: 17px;
line-height: 22px;
letter-spacing: 0.01em;
color: #364756;
}
.whs-inrbx2 ul li text p img{
    display: block;
    width: 16px;
    height: 16px;
}
ul.cndt-lang{
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    column-gap: 27px;
    row-gap: 14px;
    flex-wrap: wrap;
}
ul.cndt-lang li{
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    gap: 8px;
font-family: 'Outfit';
font-style: normal;
font-weight: 600;
font-size: 21px;
line-height: 26px;
letter-spacing: 0.02em;
color: #1E2933;
}
.cndt-skills{
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: stretch;
    flex-wrap: wrap;
    gap: 10px;
    margin-bottom: 47px !important; 
}
.cndt-skills li{
    padding: 10px 18px 10px 18px;
background: rgba(204, 204, 204, 0.2);
border-radius: 50px;
display: block;
width: fit-content;
font-family: 'Mulish';
font-style: normal;
font-weight: 600;
font-size: 15.5px;
line-height: 19px;
letter-spacing: 0.01em;
color: #323E56;
text-align: center;
}
.whs-inrbx3 h3{
font-family: 'Outfit';
font-style: normal;
font-weight: 600;
font-size: 21px;
line-height: 26px;
letter-spacing: 0.02em;
color: #1E2933;
margin-bottom: 9px;
}
.res-link{
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-end;
    gap: 10px;
}
.res-link text{
    gap: 13px;
font-family: 'Mulish';
font-style: normal;
font-weight: 600;
font-size: 15.5px;
line-height: 19px;
letter-spacing: 0.01em;
color: #000000;
width: calc(100% - 52px);
}
.res-link text em{
width: 32px;
height: 32px;
background: #FFFFFF;
border: 1px solid #CCCCCC;
border-radius: 7px;
}
.res-link text em img{
    display: block;
    width: 18px;
    height: 18px;
}
.res-link a{
    display: flex;
    justify-content: center;
    align-items: center;
    width: 42px;
    height: 42px;
    background-color: var(--dark-blue);
    border-radius: 50%;
}
.res-link a:hover{
    background-color: var(--main-red);
}
.res-link a img
.cndt-crti li a img{
    display: block;
    width: 16px;
    height: 16px;
}

.cndt-crti li{
    padding-bottom: 28px;
    margin-bottom: 30px;
    border-bottom: 1px solid #ccc;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-end;
    gap: 10px;
}
.cndt-crti li a{
    background-color: var(--dark-blue);
    width: 42px;
    height: 42px;
    border-radius: 50%;
}
.cndt-crti li a:hover{
    background-color: var(--main-red);
}
.cndt-crti li:last-child{
    padding-bottom: 0px;
    margin-bottom: 0px;
    border-bottom: 0px solid transparent;
}
.cndt-crti li div{
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 13px;
    width: calc(100% - 52px);
}
.cndt-crti li div em{
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    width: 27px;
    height: 27px;
}
.cndt-crti li div em img{
    display: block;
    width: 100%;
    height: 100%;
}
.cndt-crti li div text{
    width: calc(100% - 40px);
    display: block;
}
.cndt-crti li div text h5{
font-family: 'Outfit';
font-style: normal;
font-weight: 600;
font-size: 21px;
line-height: 22px;
letter-spacing: 0.02em;
color: #1E2933;
margin-bottom: 10px;
}
.cndt-crti li div text h6{
font-family: 'Mulish';
font-style: normal;
font-weight: 500;
font-size: 17px;
line-height: 21px;
letter-spacing: 0.01em;
color: #364756;
margin-bottom: 12px;
}
.cndt-crti li div text p{
font-family: 'Mulish';
font-style: normal;
font-weight: 500;
font-size: 17px;
line-height: 22px;
letter-spacing: 0.01em;
color: #364756;
gap: 8px;
}
.cndt-crti li div text p img{
    display: block;
    width: 16px;
    height: 16px;
}


.dash-first{
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: stretch;
    gap: 21px;
    margin-bottom: 33px;
}
.dash-box{
    width: calc(33% - 10px);
background: #FFFFFF;
border: 1px solid #D0D4DB;
border-radius: 10px;
padding: 19px 12px 14px 12px;
display: flex;
flex-direction: row;
justify-content: flex-start;
align-items: center;
gap: 15px;
}
.dash-box em{
width: 74px;
height: 74px;
background: #FFFFFF;
border: 1px solid #DFE1E6;
border-radius: 100px;
display: flex;
justify-content: center;
align-items: center;
}
.dash-box em svg{
display:block;
width: 34px;
height: 34px;
}
.dash-box text{
    width: calc(100% - 95px);
}
.dash-box text h3{
font-family: 'Mulish';
font-style: normal;
font-weight: 600;
font-size: 20px;
line-height: 26px;
color: #000000;
margin-bottom: 7px;
}
.dash-box text h5{
font-family: 'Mulish';
font-style: normal;
font-weight: 600;
font-size: 19px;
line-height: 24px;
color: #303439;
}
h5.tbl-subhd{
font-family: 'Mulish';
font-style: normal;
font-weight: 700;
font-size: 20px;
line-height: 23px;
color: #2A3B4B;
margin-bottom: 16px;
}
.intv-shd-dash{
    margin-bottom: 34px;
}
.tb-3wd.tb_03 {
    width: 214px;
}

.tb-4wd.tb_04 {
    min-width: 178px;
}


.message-paper{
    padding: 32px 0px 54px 0px;
}
h2.mssg-ppr-hdng{
    margin: 0px 0px 13px 34px;
font-family: 'Outfit';
font-style: normal;
font-weight: 600;
font-size: 21px;
line-height: 26px;
letter-spacing: 0.02em;
color: #1E2933;
}
.mssg-mn{
width:100%;
background: #FFFFFF;
box-shadow: 0px 0px 20px 2px rgba(0, 0, 0, 0.1);
display: flex;
flex-direction: row;
justify-content: flex-start;
align-items: stretch;
position: relative;
height: 720px;
}
.mssgr-list,.mssgr-deets{
    width: 26.2%;
}
.mssgr-talk{
    width: 47.1%;
}

.mssg-srch{
    padding: 17px 28px 14px 28px;
    border-bottom: 1px solid  rgba(204, 204, 204, 0.5);
}
.mssg-srch form{
    position: relative;
    width: 100%;
}
.mssg-srch form input{
width:100%;
height: 40px;
background: #FFFFFF !important;
box-shadow: 0px 0px 20px 2px rgba(0, 0, 0, 0.1);
border-radius: 8px;
padding: 8px 8px 8px 47px;
font-family: 'Mulish';
font-style: normal;
font-weight: 400;
font-size: 16px;
line-height: 19px;
display: flex;
align-items: center;
color: #000000;
border: 1px solid #fff !important;
outline: none !important;
}
.mssg-srch form input:hover,
.mssg-srch form input:focus,
.mssg-srch form input:focus-visible,
.mssg-srch form input:focus-within{
    border: 1px solid var(--dark-blue);
}
.mssg-srch form input::placeholder{
    color: #cdcdcd;
}
.mssg-srch form svg{
    display: block;
    position: absolute;
    width: 19.4px;
    height: 19.4px;
    top: 10px;
    left: 11px;
}
.mssgr-list-ul{
height:calc(100% - 72px);
width: 100%;
overflow-y: auto;
scrollbar-width: thin;
scrollbar-color:#181D5D #D9D9D9 ;
scrollbar-arrow-color: transparent !important;
}
.mob-mssgarea-trigger{
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    display: none;
    z-index: 9;
    cursor: pointer;
    opacity: 0;
}
.who-mssg{
    margin-left: 6px;
 border-bottom: 1px solid rgba(204, 204, 204, 0.5);
 padding: 10px 28px;
 display: flex;
 flex-direction: row;
 justify-content: flex-start;
 align-items: center;
 gap: 10px;
 position: relative;
}
.who-mssg em,
.who-talking em,
span.holder-image{
    display: flex;
    justify-content: center;
    align-items: center;
    width: 45px;
    height: 45px;
    border-radius: 50%;
    position: relative;
    background: #000;
    overflow:hidden;
}
.who-mssg em img, .who-talking em img {
    display: block;
    width: 100%;
    height: auto;
    border-radius: 50%;
    object-fit: cover;
    object-position: center;
}
span.online{
    position: absolute;
width: 8px;
height: 8px;
background: #0FE04B;
border: 1px solid #FFFFFF;
top: 27px;
left: 37px;
border-radius: 50%;
}
.company_profilee{
    background-color: #FFCB24 !important;
}
.company_profilee h4 {
  color: #000;
}
.company_profilee a {
 font-size: 17px;
line-height: 21px;
}
.company_mm li a.active text{
  color: white;
  background-color: #07264A !important;
}
.company_mm li a:hover text{
  color: white;
  background-color: #07264A !important;
}
.company_mm li a text{
    width: 100% !important;
}
.compp li a:hover, .profile-list-toggle li a.active {
 background-color: #07264A !important;
  color: #fff !important;
}
.email_edit a{
    /*position:absolute;*/
    /*right: 0;*/
    opacity:1;
}
/* .email_edit a:hover{
    opacity:0.5;
} */
.email_edit{
    position:relative;
}
.company_profilee a:hover {
  color: #000;
}
/* Rabin Manna */

.expart_profilee{
    background-color: #B32E56 !important;
}
.expart_mm li a.active text{
  color: white;
  background-color: #07264A !important;
}
.expart_mm li a:hover text{
  color: white;
  background-color: #07264A !important;
}
.expart_mm li a text{
    width: 100% !important;
}
.expp li a:hover, .profile-list-toggle li a.active {
 background-color: #07264A !important;
  color: #fff !important;
}

/* Rabin Manna */


.mn-mssg{
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: calc(100% - 55px);
}
.mn-mssg text h3{
margin-bottom: 5px;
font-family: 'Mulish';
font-style: normal;
font-weight: 700;
font-size: 15px;
line-height: 19px;
color: #000000;
}
.mn-mssg text p{
    width: 224px;
    text-overflow: ellipsis;
font-family: 'Mulish';
font-style: normal;
font-weight: 600;
font-size: 14px;
line-height: 18px;
color: #959595;
}
span.cnt-mssg{
    width: fit-content;
    border-radius: 50%;
    background-color: var(--dark-blue);
    padding:4px 8px;
font-family: 'Mulish';
font-style: normal;
font-weight: 400;
font-size: 11px;
line-height: 14px;
display: flex;
align-items: center;
text-align: right;
color: #FFFFFF;
margin-top:31px;
}
span.mssg-time{
    position: absolute;
    top: 12px;
    right: 28px;
font-family: 'Mulish';
font-style: normal;
font-weight: 400;
font-size: 11px;
line-height: 14px;
display: flex;
align-items: center;
color: #BABABA;
}
.mssg-talk-hdr{
    padding: 13px 30px;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    gap: 20px;
    border-bottom: 1px solid rgba(204, 204, 204, 0.5);
}
.back-tolist{
    display: none;
    justify-content: center;
    align-items: center;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    overflow: hidden;
    background-color: var(--dark-blue);
}
.back-tolist svg{
    display: block;
    width: 22px;
    height: 22px;
}
.who-talking{
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    gap: 9px;
}
.who-talking text h3{
font-family: 'Mulish';
font-style: normal;
font-weight: 700;
font-size: 18px;
line-height: 23px;
color: #333D4B;
margin-bottom:-2px;
}
.who-talking text p{
font-family: 'Mulish';
font-style: normal;
font-weight: 600;
font-size: 16px;
line-height: 20px;
color: #333D4B;
}
.mssgr-talk{
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: stretch;
}
.mssg-talk-write{
padding: 15px 31px;
background-color: #F3F7FF;
}
.mssg-talk-write textarea{
    display: block;
    padding: 9px 18px;
width: 100%;
height: 99px;
background: #FFFFFF;
border-radius: 8px;
margin-bottom: 17px;
font-family: 'Mulish';
font-style: normal;
font-weight: 400;
font-size: 15px;
line-height: 18px;
display: flex;
align-items: center;
color: #000;
border: 1px solid white;
}
.mssg-talk-write textarea::placeholder{
    color: #cdcdcd;
}
.mssg-talk-write textarea:hover,
.mssg-talk-write textarea:focus,
.mssg-talk-write textarea:focus-visible,
.mssg-talk-write textarea:focus-within{
    border: 1px solid var(--dark-blue);
}
.write-frm-btm{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    gap: 20px;
}

.write-frm-btm label {
    position: relative;
    width: fit-content;
    /*display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    gap: 5px;*/
}
.write-frm-btm .uploadImg1{
    margin-right: auto;
    position: relative;
}
.write-frm-btm .uploadImg1 em{
    width: 40px;
    height: 40px;
    border-radius: 4px;
    border: 1px solid var(--dark-blue);
    overflow: hidden;
    justify-content: center;
    align-items: center;
}
.write-frm-btm .uploadImg1 img{
    display: block;
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 100%;
}
.write-frm-btm .uploadImg1 a.delete_image1{
    position: absolute;
    background-color: var(--main-red);
    top: -5px;
    right: -5px;
    width: 14px;
    height: 14px;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    border-radius: 50%;
}
.write-frm-btm .uploadImg1 a.delete_image1 img{
    display: block;
    width: 9px;
    height: 9px;
}
.write-frm-btm label input{
    position: absolute;
    z-index: 9;
    width: 100%;
    height: 100%;
    display: block;
    top: 0px;
    left: 0px;
    opacity: 0;
    cursor: pointer;
}
.write-frm-btm label p{
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    gap: 8px;
font-family: 'Mulish';
font-style: normal;
font-weight: 600;
font-size: 16px;
line-height: 20px;
display: flex;
align-items: center;
color: #06264D;
}
.write-frm-btm label p img{
    display: block;
    width: 24px;
    height: 24px;
}
.write-frm-btm label input:hover + p{
    color: var(--main-red);
}
.write-frm-btm label input:hover + p img{
    filter: invert(25%) sepia(84%) saturate(1251%) hue-rotate(310deg) brightness(90%) contrast(96%);
}
.write-frm-btm button{
    width: fit-content;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 6px;
    border: none !important;
    outline: none !important;
    box-shadow: none !important;
width: 110px;
height: 39px;
background: #181D5D;
border-radius: 5px;
font-family: 'Outfit';
font-style: normal;
font-weight: 700;
font-size: 16px;
line-height: 20px;
text-align: center;
letter-spacing: 0.02em;
color: #FFFFFF;
}
.write-frm-btm button img{
    display: block;
    width: 16px;
    height: 16px;
}
.write-frm-btm button:hover,
.write-frm-btm button:focus{
    background: var(--main-red);
}

.mssg-talk-paper{
    height: calc(100% - 76px - 185px);
    overflow-y: auto;
    scrollbar-width: thin;
scrollbar-color:#181D5D #D9D9D9 ;
scrollbar-arrow-color: transparent !important;
padding: 16px 16px 16px 30px;
border-left: 1px solid #D9D9D9;
border-right: 1px solid #D9D9D9;
}

.mssg-thisdiv{
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: flex-end;
    gap: 6px;
    margin-bottom: 22px;
}
.mssg-thisdiv em{
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    border-radius: 50%;
    width: 25px;
    height: 25px;
}
.mssg-thisdiv em img{
    display: block;
    width: 100%;
    height: 100%;
    border-radius: 50%;
}
.mssg-thisdiv text p{
    padding: 11px 14px 11px 16px;
background: #F3F7FF;
border-radius: 10px 10px 10px 0px;
height: fit-content;
width: fit-content;
max-width: 478px;
font-family: 'Mulish';
font-style: normal;
font-weight: 400;
font-size: 15px;
line-height: 19px;
color: #000000;
}
.mssg-thisdiv text h5{
        margin-bottom: 5px;
    font-family: 'Mulish';
    font-style: normal;
    font-weight: 700;
    font-size: 13px;
    line-height: 1;
    color: #000000;
}
.send-time{
    bottom: -14px;
    left: 30px;
    z-index: 3;
    font-family: 'Mulish';
    font-style: normal;
    font-weight: 400;
    font-size: 11px;
    line-height: 14px;
    display: flex;
    align-items: center;
    color: #BABABA;

}
.mssg-thisdiv.thisdiv-right{
    flex-direction: row-reverse;
}
.mssg-thisdiv.thisdiv-right .send-time{
    left: auto;
    right: 30px;
}
.mssg-thisdiv.thisdiv-right text p{
    background: var(--dark-blue);
    color: white;
    border-radius: 10px 10px 0px 10px;
    max-width: 521px;
}
.mssg-thisdiv.thisdiv-right text h5{
    text-align: right;
}
.mssg-daybrk{
    margin-bottom: 18px;
}
.mssg-daybrk span{
    top: calc(50% + 1px);
    height: 1px;
    background-color: #CCCCCC;
    display: block;
    left: 0px;
}
.mssg-daybrk text{
    position: relative;
    z-index: 3;
    padding: 0px 5px;
    background-color: white;
font-family: 'Mulish';
font-style: normal;
font-weight: 400;
font-size: 15px;
line-height: 19px;
display: flex;
align-items: center;
color: #D9D9D9;
width: fit-content;
margin: 0 auto;
}
.mssgr-deets{
    padding: 25px 19px 13px 20px;
}

.msg-det-top{
    padding-bottom: 27px;
    border-bottom: 1px solid #DFDFDF;
}
.msg-det-top em{
width: 121px;
height: 118px;
border-radius: 5px;
display: flex;
justify-content: center;
align-items: center;
margin: 0 auto 20px auto;
position: relative;
}
.msg-det-top em img{
    display: block;
    width: 100%;
    height: 100%;
    border-radius: 5px;
}
span.big-online{
    display: block;
    position: absolute;
    z-index: 3;
width: 22px;
height: 22px;
background: #0FE04B;
border: 1px solid #FFFFFF;
right: -5px;
bottom: -3px;
border-radius: 50%;
}
.msg-det-top h3{
font-family: 'Mulish';
font-style: normal;
font-weight: 700;
font-size: 18px;
line-height: 23px;
color: #333D4B;
margin-bottom: 8px;
text-align: center;
}
.msg-det-top ul{
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    gap: 5px;
    margin-bottom: 8px !important;
}
.msg-det-top ul img{
    display: block;
    width: 15px;
    height: 15px;
}
.msg-det-top ul li{
font-family: 'Mulish';
font-style: normal;
font-weight: 500;
font-size: 17px;
line-height: 22px;
letter-spacing: 0.01em;
color: rgba(54, 71, 86, 0.9);
}
.msg-det-top h5{
font-family: 'Mulish';
font-style: normal;
font-weight: 500;
font-size: 17px;
line-height: 22px;
letter-spacing: 0.01em;
color: rgba(54, 71, 86, 0.9);
text-align: center;
}
.msg-det-mid{
    border-bottom: 1px solid #dfdfdf;
    padding: 14px;
    margin-bottom: 32px;
}
.det-mid-box{
    margin-bottom: 6px;
}
.det-mid-box h3{
font-family: 'Mulish';
font-style: normal;
font-weight: 600;
font-size: 18px;
line-height: 23px;
color: #141414;
display: inline-block;
margin-bottom: 10px;
width: fit-content;
}
.det-mid-box p{
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 2px;
font-family: 'Mulish';
font-style: normal;
font-weight: 500;
font-size: 15px;
line-height: 19px;
color: #000000;
}

.mssg-det-last{
    height: calc(100% - 389.5px);
    position: relative;
    padding: 0 10px 0 18px;
    overflow-y: auto;
}
.mssg-det-last h3{
font-family: 'Mulish';
font-style: normal;
font-weight: 600;
font-size: 18px;
line-height: 23px;
color: #141414;
margin-bottom: 22px;
}
.mssg-det-last ul{
/*    height: calc(100% - 45px);*/
    max-height: 300px;
    overflow-y: auto;
    scrollbar-width: thin;
    scrollbar-color:#181D5D #D9D9D9 ;
    scrollbar-arrow-color: transparent !important;
}
.mssgr-list-ul::-webkit-scrollbar,
.mssg-talk-paper::-webkit-scrollbar,
.mssg-det-last ul::-webkit-scrollbar,
.mssg-det-last::-webkit-scrollbar
{
    width: 6px;
}
.mssgr-list-ul::-webkit-scrollbar-track,
.mssg-talk-paper::-webkit-scrollbar-track,
.mssg-det-last ul::-webkit-scrollbar-track,
.mssg-det-last::-webkit-scrollbar-track{
    background-color:#D9D9D9 !important;
}
.mssgr-list-ul::-webkit-scrollbar-thumb,
.mssg-talk-paper::-webkit-scrollbar-thumb,
.mssg-det-last ul::-webkit-scrollbar-thumb,
.mssg-det-last::-webkit-scrollbar-thumb{
    background-color: #181D5D !important;
    border-radius: 10px !important; /* Slightly more than 6px scrollbar width */
    border: 2px solid #181D5D !important; /* Optional: add a border for more contrast */
}
.mssgr-list-ul::-webkit-scrollbar-button,
.mssg-talk-paper::-webkit-scrollbar-button,
.mssg-det-last ul::-webkit-scrollbar-button,
.mssg-det-last::-webkit-scrollbar-button{
    width: 0 !important;
    height: 0 !important;
}
.mssg-det-last ul li{
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    margin-bottom:14px;
    gap: 14px;
}
.mssg-det-last ul li em{
    display: flex;
    justify-content: center;
    align-items: center;
width: 58px;
height: 61px;
background: #F3F7FF;
border-radius: 5px;
}
.mssg-det-last ul li em img{
    display: block;
    width: 38px;
    height: 38px;
}
.mssg-det-last ul li h5{
font-family: 'Mulish';
font-style: normal;
font-weight: 500;
font-size: 16px;
line-height: 20px;
color: #000000;
}
.more-reg-btn{
font-family: 'Mulish';
font-style: normal;
font-weight: 500;
font-size: 18px;
line-height: 23px;
color: #181D5D;
position: absolute;
top: 0px;
right: 0px;
}
.more-reg-btn:hover{
    color: var(--main-red);
}
.close-msgrdet{
    position: absolute;
    top:7px;
    right: 14px;
    display: none;
    width: 16px;
    height: 16px;
}
.close-msgrdet:hover svg path{
    stroke: var(--main-red);
}

.search-candidate{
    padding: 30px 0px 88px 0px;
}

h2.srch-cndt-hdng{
font-family: 'Outfit';
font-style: normal;
font-weight: 600;
font-size: 21px;
line-height: 26px;
letter-spacing: 0.02em;
color: #1E2933;
margin-bottom: 20px;
}
.fltr-srch-cndt h2{
font-family: 'Mulish';
font-style: normal;
font-weight: 600;
font-size: 17px;
line-height: 21px;
letter-spacing: 0.01em;
color: #000000;
margin-bottom: 22px;
}
.fltr-paper{
width:calc(100% + 30px);
background: #FFFFFF;
border: 1px solid rgba(232, 232, 232, 0.8);
box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.05);
}

.keyword-frm{
    padding: 17px 16px 16px 12px;
    border-bottom: 1px solid #EDEDFF;
}
.keyword-frm input,
.srch-pgslct select{
height: 50px;
background-color: transparent !important;
border: 1px solid #BFC4C7;
border-radius: 7px;
padding: 15px 28px 15px 12px;
font-family: 'Mulish';
font-style: normal;
font-weight: 500;
font-size: 15px;
line-height: 19px;
letter-spacing: 0.02em;
color: #000;
background-image: url(../images/search.png);
background-repeat: no-repeat;
background-position: right 11px center;
}

.keyword-frm input::placeholder{
    color: #949495;
}
.keyword-frm input:hover,
.keyword-frm input:focus,
.keyword-frm input:focus-visible,
.keyword-frm input:focus-within,
.srch-pgslct select:hover,
.srch-pgslct select:focus,
.srch-pgslct select:focus-visible,
.srch-pgslct select:focus-within{
    border: 1px solid var(--dark-blue);
}
.srch-pgslct{
    padding: 20px 16px 0px 16px;
    margin-bottom: -5px;
}
.srch-pgslct select{
margin-bottom: 15px;
background-image: url(../images/select-drp.png);
appearance: none !important;
width: 100%;
}

.srch-cndt-accrdn .accordion-item{
    padding: 20px 16px;
    border-bottom: 1px solid #EDEDFF;
    border-radius: 0px !important;
    border-width: 0 0 1px 0 !important;
}
.srch-cndt-accrdn .accordion-button{
    padding: 0px !important;
    background-color: transparent !important;
    border-bottom: 0px solid transparent !important;
    box-shadow: none !important;
font-family: 'Mulish';
font-style: normal;
font-weight: 600;
font-size: 16px;
line-height: 20px;
letter-spacing: 0.01em;
color: #141414;
}
.srch-cndt-accrdn .accordion-header{
    margin-bottom: 16px;
}
.srch-cndt-accrdn .accordion-button::after{
    background-image: url(../images/select-drp.png) !important;
}
.skl-body li{
margin-bottom: 15px;
}
.skl-body li label{
    width: fit-content;
    position: relative;
font-family: 'Mulish';
font-style: normal;
font-weight: 500;
font-size: 15px;
line-height: 19px;
letter-spacing: 0.01em;
color: #141414;
padding-left:33px;
}
.skl-body li label input{
    position: absolute;
    z-index: 3;
    width: 100%;
    height: 100%;
    display: block;
    top: 0px;
    left: 0px;
    opacity: 0;
    cursor: pointer;
}
.skl-chk{
position: absolute;
width: 18px;
height: 18px;
background: #FFFFFF;
border: 1px solid rgba(102, 102, 102, 0.4);
border-radius: 4px;
left: 0px;
top: 0px;
display: flex;
justify-content: center;
align-items: center;
transition: all 0.3s ease;
}
.skl-rating .skl-chk{
    border-radius: 50%;
}
.skl-chk svg{
    display: block;
    width: 14px;
    height: 14px;
    opacity: 0;
    transition: all 0.3s ease;
}
.skl-body li label input:hover + .skl-chk,
.skl-body li label input:checked + .skl-chk{
    border: 1px solid var(--dark-blue);
}
.skl-body li label input:checked + .skl-chk svg{
    opacity: 1;
}
.moreskl-btn{
    padding-left: 21px;
font-family: 'Mulish';
font-style: normal;
font-weight: 500;
font-size: 15px;
line-height: 19px;
letter-spacing: 0.01em;
color: #A52B50;
background-image: url(../images/select-drp.png);
background-repeat: no-repeat;
background-position: left center;
background-size: 18px 18px;
}
.moreskl-btn:hover{
    color: var(--dark-blue);
}
.rate-str{
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    gap: 15px;
}
.rate-str ul{
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    gap: 4px;
}
.rate-str ul li{
    display: block;
    width: fit-content;
    height: fit-content;
    margin-bottom: 0px;
}
.rate-str ul li img{
    display: block;
    width: 14px;
    height: 14px;
}
.rate-str p{
font-family: 'Mulish';
font-style: normal;
font-weight: 500;
font-size: 15px;
line-height: 19px;
letter-spacing: 0.01em;
color: #9FAAB7;
}
.srch-filter-btns{
    padding: 22px 12px 28px 12px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    gap: 10px;
}
.srch-apply{
width: 130px;
height: 40px;
background: #181D5D;
border-radius: 5px;
display: flex;
justify-content: center;
align-items: center;
border: none !important;
outline: none !important;
box-shadow: none !important;
font-family: 'Outfit';
font-style: normal;
font-weight: 600;
font-size: 17px;
line-height:16px;
text-align: center;
letter-spacing: 0.02em;
color: #FFFFFF;
}
.filter-reset{
    width: 130px;
height: 40px;
background: transparent;
border-radius: 5px;
display: flex;
justify-content: center;
align-items: center;
border: 1px solid var(--dark-blue);
outline: none !important;
box-shadow: none !important;
font-family: 'Outfit';
font-style: normal;
font-weight: 600;
font-size: 17px;
line-height:16px;
text-align: center;
letter-spacing: 0.02em;
color: var(--dark-blue);
}
.filter-reset:hover,
.filter-reset:focus,
.srch-apply:hover,
.srch-apply:focus{
    background: var(--main-red);
    color: white;
}
.filter-reset:hover,
.filter-reset:focus{
    border: 1px solid var(--main-red);
}
.srch-pgrt{
    width: calc(100% - 30px);
    margin-left: 30px;
}







.filter-toggle {
    display: none; /* flex */
    flex-direction: row;
    justify-content: center;
    align-items: center;
    gap: 5px;
    font-family: 'Outfit';
    font-style: normal;
    font-weight: 400;
    font-size: 15px;
    line-height: 21px;
    text-align: center;
    letter-spacing: 0.02em;
    color: #FFFFFF;
    padding: 5px 13px;
    border-radius: 5px;
    width: fit-content;
    background: var(--dark-blue);
    margin-right: 24px;
}
.filter-toggle svg{
    display: block;
    width: 14px;
    height: 14px;
}
.filter-toggle:hover{
    background: var(--main-red);
    color: white;
}
.srch-list-hdng{
font-family: 'Mulish';
font-style: normal;
font-weight: 700;
font-size: 18px;
line-height: 23px;
letter-spacing: 0.01em;
color: #273746;
}
.listtp-toggle{
    display: flex; /* flex */
    flex-direction: row;
    justify-content: center;
    align-items: center;
    gap: 5px;
    font-family: 'Outfit';
    font-style: normal;
    font-weight: 400;
    font-size: 15px;
    line-height: 21px;
    text-align: center;
    letter-spacing: 0.02em;
    color: #FFFFFF;
    padding: 5px 13px;
    border-radius: 5px;
    width: fit-content;
    background: var(--dark-blue);
    margin-right: 24px;
    margin-left: auto;
}
.srch-pgrt-hdr{
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    margin-bottom: 15px;
}
.listtp-toggle:hover{
    background: var(--main-red);
    color: white;
}
.srch-pgsrt{
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    gap: 6px;
}
.srch-pgsrt label{
font-family: 'Mulish';
font-style: normal;
font-weight: 600;
font-size: 17px;
line-height: 21px;
letter-spacing: 0.01em;
color: #000000;
}
.srch-pgsrt select {
    padding: 2px 13px 2px 0px;
    border: none !important;
    background-color: transparent !important;
    outline: none !important;
    box-shadow: none !important;
    background-image: url(../images/select-drp.png);
    background-repeat: no-repeat;
    background-position: right 0px top 8px;
    background-size: 14px 14px;
    font-family: 'Mulish';
    font-style: normal;
    font-weight: 600;
    font-size: 17px;
    line-height: 21px;
    letter-spacing: 0.01em;
    color: #000000;
    width: fit-content;
    height: fit-content;
    display: block;
    appearance: none !important;
}
.srch-list-ftr .page-link:hover svg path{
    stroke: white;
}
.srch-list-ftr .pagination{
    margin-top: 35px !important;
}

.cndt-listbox{
background: #FFFFFF;
border: 1px solid rgba(232, 232, 232, 0.8);
box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.05);
border-radius: 8px;
padding: 19px 24px 20px 30px;
display: flex;
flex-direction: row;
justify-content: flex-start;
align-items: flex-start;
gap: 48px;
position: relative;
}
.who-cndt{
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    gap: 8px;
}
.who-cndt em{
    width: 132px;
    height: 132px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    overflow: hidden;
}
.who-cndt em img{
    display: block;
    width: 100%;
    height: 100%;
}
.cndt-rateshw{
    width: fit-content;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    gap: 5px;
}
.cndt-rateshw h4{
font-family: 'Mulish';
font-style: normal;
font-weight: 700;
font-size: 12px;
line-height: 15px;
letter-spacing: 0.01em;
color: #323E56;
}
.cndt-rateshw h6{
    padding: 1px 6px 2px 6px;
    background-color: var(--yellow);
background: #FFB800;
border-radius: 5px;
display: flex;
justify-content: center;
align-items: center;
gap: 3px;
font-family: 'Mulish';
font-style: normal;
font-weight: 700;
font-size: 12px;
line-height: 15px;
letter-spacing: 0.01em;
color: #FFFFFF;
}
.cndt-rateshw h6 img{
    display: block;
    width: 9px !important;
height: 9px !important;
filter: invert(1) brightness(100);
}
.cndt-where{
    column-gap: 30px;
    row-gap: 9px;
}
.cndt-where h6{
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    gap: 8px;
font-family: 'Mulish';
font-style: normal;
font-weight: 500;
font-size: 15.5px;
line-height: 19px;
letter-spacing: 0.01em;
color: #323E56;
}
.cndt-where h6 img{
    display: block;
    width: auto;
    height: auto;
}
.cndt-where h6 ul{
    gap: 5px;
}
.who-cndt-skl{
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: stretch;
    gap: 5px;
    margin-top: 10px !important;
    margin-bottom: 13px !important;
}
.who-cndt-skl li{
background: #FFFFFF;
border: 1px solid rgba(232, 232, 255, 0.8);
border-radius: 30px;
padding: 2px 15px 3px 16px;
font-family: 'Mulish';
font-style: normal;
font-weight: 500;
font-size: 15.5px;
line-height: 19px;
letter-spacing: 0.01em;
color: rgba(50, 62, 86, 0.9);
width: fit-content;
display: block;
}
.who-cndt-skl li:last-child{
    background: rgb(232, 232, 232, 70%);
}
p.cndt-txt-desc{
font-family: 'Mulish';
font-style: normal;
font-weight: 500;
font-size: 15px;
line-height: 23px;
display: flex;
align-items: center;
letter-spacing: 0.01em;
color: #6C7487;
}
.srch-list-lstvw{
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: stretch;
    gap: 22px;
    width: 100%;
}
.who-cndt-deet h3,
.grd-dt-expln h3{
font-family: 'Outfit';
font-style: normal;
font-weight: 600;
font-size: 22px;
line-height: 28px;
text-align: left;
letter-spacing: 0.02em;
text-transform: capitalize;
color: #273746;
margin-bottom: 7px;
}
.view-cndt{
width: 130px;
height: 40px;
background: #181D5D;
border-radius: 5px;
font-family: 'Outfit';
font-style: normal;
font-weight: 600;
font-size: 17px;
line-height: 21px;
text-align: center;
letter-spacing: 0.02em;
color: #FFFFFF;
display: flex;
justify-content: center;
align-items: center;
position: absolute;
top:19px;
right:25px;
}
.view-cndt:hover{
    background: var(--main-red);
    color: white;
}

.view-chng-btn{
    width: fit-content;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: stretch;
    margin: 0 24px 0 auto;
    border-radius: 8px;
    border: 1px solid #c8cdf7;
    background-color: var(--dark-blue);
    overflow: hidden;
}
.view-chng-btn a{
    padding: 6px 10px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.view-chng-btn a svg{
    display: block;
    width:20px;
    height:20px;
}
.view-chng-btn a svg path{
    stroke: white;
}
.toggle-btn.active{
    background-color: var(--main-red);
}
.view-chng-btn a:first-child{
    border-right: 1px solid #c8cdf7;
}

.srch-list-lstvw.srch-list-grdvw{
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: stretch;
    flex-wrap: wrap;
    gap: 20px;
}
.srch-list-lstvw.srch-list-grdvw .cndt-listbox {
    width: calc(33% - 13.33px);
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    gap: 3px;
}
.srch-list-lstvw.srch-list-grdvw .view-cndt {
    position: static;
    margin: auto auto 0 auto;
    font-size: 15px;
    font-weight: 400;
    width: 120px;
    height: 33px;
}
.srch-list-lstvw.srch-list-grdvw p.cndt-txt-desc{
    display: none;
}

.cndt-rateshw-div{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 8px;
}
.srch-list-lstvw.srch-list-grdvw .cndt-rateshw-div {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    gap: 8px;
    position: absolute;
    width: 100%;
    background-color: #efefef;
    left: 0px;
    bottom: 65px;
}
.srch-list-lstvw.srch-list-grdvw .cndt-rateshw-div .cndt-rateshw{
    padding: 5px 6px;
}
.srch-list-lstvw.srch-list-grdvw .cndt-rateshw-div .cndt-rateshw:first-child{
    border-right: 1px solid #cccccc;
}
.srch-list-lstvw.srch-list-grdvw .who-cndt-deet h3{
    text-align: center;
    margin-bottom: 7px;
    margin-top: 3px;
}
.srch-list-lstvw.srch-list-grdvw .cndt-where h6 {
    justify-content: center;
    align-items: center;
    gap: 8px;
    font-size: 14px;
    line-height: 19px;
    width: 100%;
}
.srch-list-lstvw.srch-list-grdvw .cndt-where h6 img{
    display: none;
}
.srch-list-lstvw.srch-list-grdvw .cndt-where h6 ul{
    gap: 2px;
}
.srch-list-lstvw.srch-list-grdvw .cndt-where h6 ul img {
    display: block !important;
    width: 12px;
    height: 12px;
}
.cndt-where {
    column-gap: 30px;
    row-gap: 4px;
    margin-bottom: 12px;
}
.who-cndt-skl li {
    padding: 2px 12px 3px 13px;
    font-size: 13px;
    line-height: 19px;
}
/*============== 
Table area start
 ==============*/
 .table_01{
    overflow: hidden;
}
.table_01 > .row {
    width: auto !important;
    max-width: 100% !important;
}
.dash99 {
    background: #FFF;
    border-radius: 0;
    display: block;
    padding: 0 15px;
    width: 100%;
    margin: 0;
}
.dash99 .table_01{
    margin-bottom:0 !important;
}
.amunt {
  background: #07264a;
  color: #FFF;
  font-family: 'Mulish';
  font-size: 15px;
  font-weight: 600;
  line-height: 21px;
  text-align: left;
  border-bottom: 1px solid #07264a;
  padding: 10px 10px !important;
  position: relative;
  z-index: 99;
  white-space: nowrap;
}
.table_01 {
    display: table;
    margin-bottom:0px;
}
.table_01 .row {
    display: table-row;
}
.amunt-detail {
    border-bottom: 1px solid #d3d3d3;
    color: #444141;
    font-family: 'Mulish';
    font-size: 15px;
    font-weight: 500;
    margin: 0 0 0 0;
    text-align: left;
    padding: 15px 10px;
    line-height: 20px;
    overflow: hidden;
}
.cel_area {
    display: table-cell;
}
.table_portion {
    width:100%;
    display:block;
}
.cess {
  vertical-align: middle;
  max-width: 12.5% !important;
}
.hide_big {
    display: none !important;
}



.stat_area_main {
  display: flex;
  margin-bottom: 30px;
  justify-content: space-between;
  gap: 20px;
}


.stat_boxx {
  width: 32.5%;
  border: 1px solid #ccc;
  border-radius: 6px;
  padding: 15px;
}
  .stat_boxx h2{
      font-family: 'Mulish';
  font-style: normal;
  font-weight: 700;
  font-size: 20px;
  line-height: 22px;
  color: #2A3B4B;
  margin-bottom: 5px;
  }
  .stat_boxx p {
    color: #7b838c;
    font-family: 'Mulish';
    font-size: 15px;
    font-weight: 600;
  }

  .ui-widget.ui-widget-content {
    z-index: 999 !important;
}
.srch-tbl {
    width: 104px;
    height: 47px;
    background: #181D5D;
    border-radius: 8px;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    gap: 4px;
    font-family: 'Mulish';
    font-style: normal;
    font-weight: 400;
    font-size: 15px;
    line-height: 20px;
    text-align: center;
    letter-spacing: 0.04em;
    color: #FFFFFF;
    margin-bottom:22px;
}
.srch-tbl svg{
    display: block;
    width: 18px;
    height: 18px;
}
.srch-tbl:hover{
    background: var(--main-red);
    color: white;
}
.wallet-amnt {
    position: absolute;
    top: 16px;
    right: 16px;
    padding: 6px 19px;
    border-radius: 6px;
    border: 1px dashed #9f9f9fcc;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    gap: 9px;
    font-family: 'Outfit';
    font-style: normal;
    font-weight: 600;
    font-size: 20px;
    line-height: 26px;
    letter-spacing: 0.02em;
    text-transform: capitalize;
    color: #1E2933;
    background-color: #f9f9f9;
}
.wallet-amnt img{
    display: block;
    width: 24px;
    height: 24px;
}
.dsh-chk-div ul{
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    gap: 14px;
    margin-top: 12px !important;
}

.skl-body.dsh-chk-div li label {
    padding-left: 24px;
}
.stat-success{color: #2c6ab1 !important;}
.stat-cancel{color: var(--main-red) !important;}
.stat-pending{color: orange !important;}
.stat-approved{color: green !important;}
.cess_cmmnt.cess {
    max-width: 30% !important;
}


.det-mid-box p img{
  margin: -2px 5px 0 0;
}
.det-mid-box p strong {
  font-weight: 500;
  margin: 0 12px 0 0;
}






.tab-tbl-cell p i{
  font-size: 10px;
  position: relative;
  top: 1px;
  margin: 0 5px;
}
.ttle_text {
  font-family: 'Mulish';
  font-style: normal;
  font-weight: 700;
  font-size: 18px;
  line-height: 23px;
  color: #2A3B4B;
  margin-bottom: 0;
  padding: 15px 0 0 17px;
}
.com_ppd {
  padding-top: 4px !important;
}

/*popup area*/
.main_pop_area, .main_pop_area1, .main_pop_area2, .main_pop_area3, .main_pop_area4, .main_pop_area5,.main_pop_area6, .main_pop_area7, .main_pop_area11{
    width: 500px;
    margin: 0 auto;
    position: absolute;
    top: 0;
    outline: 0px none;
    box-shadow: none;
    border-radius: 0px;
    padding: 0;
    margin-top: 100px;
    z-index: 1055;
    left: 0;
    background: #FFF;
    height: auto;
    border-radius: 7px !important;
    right: 0;
    max-width:98%;
}
.main_pop_area11{
    max-width: 100%;
}

.custom_popup{
    margin: 0;
    position:relative;
    background-clip: padding-box;
    outline: 0px none;
    border-radius: 0px;
    padding: 0;
    float:right;
    width: 100%;
}
button.close {
  padding: 0;
  background: transparent;
  border: 0px none;
  border-radius: 50%;
  top: 12px;
  right: 13px;
  z-index: 555;
  position: absolute;
  opacity: 1;
}
.popup_outer {
    width: 100%;
    height: 2790px;
    text-align: center;
    display: block;
    background: transparent url("../images/trans.png") repeat scroll 0px 0px;
    position: fixed;
    z-index:1054;
    top: 0;
}
.tab-actn-area a i {
  width: 14px;
  font-size: 14px;
  float: left;
  margin: 2px 0 0 0;
}
.ress {
  width: 13px !important;
  font-size: 12px !important;
  margin: -1px 0 0 0 !important;
}
.ppsd{
    padding: 18px 18px 10px 18px;
}

.ui-widget.ui-widget-content {
  z-index: 9999999999 !important;
}
.npd1{
  padding-bottom: 0 !important;
  margin-bottom: 0 !important;
  display: flex;
  align-items: center;
overflow: hidden;
}
.for_paypal{
    display:none;
}

.font_size01{
    font-size: 21px !important;
    line-height: 20px !important;
}
.new_dth01 a {
  width: 145px !important;
}
.npd1 label {
  margin: 0 15px 0 0;
}

.view_scoree_area{
  padding: 18px;
  display: flex;
  justify-content: space-between;
}

.view_scoree_area .tpsec {
  margin: 0 !important;
  background: #FFFFFF;
  border: 1px solid #9FA0B0;
  border-radius: 6px;
  padding: 10px;
  width: 32%;
  text-align: left;
}
.view_scoree_area .tpsec h5{
  margin: 0 !important;
}
.view_scoree_area .tpsec h5 strong {
  font-weight: 700;
  background: #ddd;
  padding: 2px 8px;
  border-radius: 4px;
}
.nppda {
  padding: 0 18px 18px 18px !important;
  margin: 0 !important;
}

.all_submitt_btnn{
    padding: 0 12px;
    height: 38px;
    background: #181D5D;
    border-radius: 6px;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    gap: 3px;
    font-family: 'Mulish';
    font-style: normal;
    font-weight: 700;
    font-size: 14px;
    line-height: 18px;
    text-align: center;
    letter-spacing: 0.02em;
    border:none;
    color: #FFFFFF;
}
.all_submitt_btnn:hover{
      background: var(--yellow);
    color: var(--dark-blue);
}




.npd2{
  padding-bottom: 0 !important;
  margin-bottom: 0 !important;
}
.rr001{
  width: 352px;
}

.btnwwa a {
  width: 120px;
}
.login_left a img{
  height: 84px;
}


/* 12-09-anwesa */
.subcription{
    padding: 48px 0px 70px 0px;
    background-color: #FBFBFB;
}
.subs-header{
    width: 753px;
    max-width: 100%;
    margin: 0 auto 30px auto;
}
.subs-header h2{
font-family: 'Mulish';
font-style: normal;
font-weight: 700;
font-size: 32px;
line-height: 40px;
text-align: center;
color: #252525;
margin-bottom: 17px;
}
.subs-header p{
font-family: 'Mulish';
font-style: normal;
font-weight: 400;
font-size: 16px;
line-height: 24px;
text-align: center;
color: #7D7D6C;
}


.subs-table{
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: stretch;
background: #FFFFFF;
border: 1px solid rgba(232, 232, 232, 0.8);
box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.05);
}
.subs-table-move{
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: stretch;
background: #FFFFFF;
}
.subs-clmn1{
    width: 284px;
}
.subs-clmn2{
    width: 236px;
}
.subs-cell{
    border-right: 1px solid #E8E8E8;
    border-bottom: 1px solid #E8E8E8;
    padding: 0px 21px;
}
.subs-cell-hd {
    padding: 39px 27px 24px 27px;
    height: 124px;
}
.subs-cell{
font-family: 'Mulish';
font-style: normal;
font-weight: 500;
font-size: 16px;
line-height: 40px;
text-align: center;
color: rgba(0, 0, 0, 0.7);
}
.subs-clmn1 .subs-cell{
    text-align: left;
}
.subs-cell-hd h2{
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: flex-start;  
    color: var(--dark-blue);  
    font-family: 'Outfit';
    font-style: normal;
}
.subs-cell-hd h2 p{
font-weight: 600;
font-size: 39px;
line-height: 17px;
color: inherit;
font-family: inherit;
font-style: inherit;
width: min-content;
}
.subs-cell-hd h2 p small{
font-weight: 500;
font-size: 16px;
color: inherit;
font-family: inherit;
font-style: inherit;
}
.subs-cell-hd h2 text {
    font-weight: 400;
    font-size: 22px;
    line-height: 1px;
    color: inherit;
    font-family: inherit;
    font-style: inherit;
    margin-right: 5px;
}
.tbl-col{
    width: fit-content;
    height: fit-content;
    position: relative;
    z-index: 2;
}
.tbl-col input{
    position:absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    display: block;
    z-index: 5;
    cursor: pointer;
    opacity: 0;
}
.subs-cell-ftr{
   padding: 31px 43px 48px 49px;
   height: 114px;
}
.subs-cell-ftr a{
width: 100%;
height: 40px;
background: #181D5D;
border-radius: 7px;
font-family: 'Mulish';
font-style: normal;
font-weight: 700;
font-size: 15px;
line-height: 17px;
display: flex;
align-items: center;
letter-spacing: 0.04em;
color: #FFFFFF;
display: flex;
justify-content: center;
align-items: center;
}
.subs-cell-ftr a:hover{
    background: var(--yellow);
    color: white;
}
.tbl-col input:checked + .subs-column,
.tbl-col input:hover + .subs-column{
    background-color: var(--dark-blue);
    border-radius: 6px;
}
.tbl-col input:checked + .subs-column .subs-cell-ftr a,
.tbl-col input:hover + .subs-column .subs-cell-ftr a{
    background: var(--yellow);
    color: white;
}
.tbl-col input:checked + .subs-column .subs-cell-hd h2,
.tbl-col input:checked + .subs-column .subs-cell,
.tbl-col input:hover + .subs-column .subs-cell-hd h2,
.tbl-col input:hover + .subs-column .subs-cell{
    color: white;
}


.faq{
    background-color: #F3F7FF;
    padding: 58px 0px;
}
.faq-accrdn{
    background-color: white;
}
.faq-accrdn .accordion-item{
    border-radius: 0px !important;
    padding: 40px !important;
    border-bottom: 1px solid #EAEDEF !important;
}
.faq-accrdn .accordion-item .accordion-button{
    padding: 0px !important;
    background-color: transparent !important;
    box-shadow: none !important;
font-family: 'Mulish';
font-style: normal;
font-weight: 500;
font-size: 22px;
line-height: 120%;
display: flex;
align-items: flex-start;
letter-spacing: 1px;
color: #000000;
}
.faq-accrdn .accordion-item .accordion-button span{
font-family: 'Outfit';
font-style: normal;
font-weight: 700;
font-size: 30px;
line-height: 120%;
letter-spacing: 0.25px;
color: rgba(60, 60, 67, 0.5);
margin-right: 30px;
}
.faq-accrdn .accordion-item .accordion-button::after{
content: '';
width: 48px;
height: 48px;
background-color: #F3F5F6 !important;
background-image: url(../images/faq+.png) !important;
background-size: 14px 14px !important; 
background-repeat: no-repeat !important;
background-position: center center !important;
border-radius: 50%;
}

.faq-accrdn .accordion-item .accordion-button:not(.collapsed)::after{
background-color: #000 !important;
background-image: url(../images/faqX.png) !important;
}
.faq-accrdn .accordion-item .accordion-body {
    font-family: 'Mulish';
    font-style: normal;
    font-weight: 400;
    font-size: 17px;
    line-height:1.5;
    color: rgba(60, 60, 67, 0.85);
    padding: 0 0 0 59px;
    width: 800px;
    max-width: 100%;
}
.faq-accrdn .accordion-item .accordion-button text {
    width: 777px;
    max-width: 100%;
    margin-top: 5px;
}

.contact-paper{
    padding: 54px 0px 60px 0px;
}
.contact-inr{
    width: 1199px;
    max-width: 100%;
    margin: 0 auto;
    padding: 10px;
    background-image: url(../images/cont-plane.png);
    background-repeat: no-repeat;
    background-position: right 158px bottom;
    background-size: 208px 139px;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: stretch;
background-color: #FFFFFF;
box-shadow: 0px 0px 60px 30px rgba(0, 0, 0, 0.03);
border-radius: 10px;
}
.cont-lft {
    width: 350px;
    background: #181D5D;
    border-radius: 10px;
    background-image: url(../images/cont-infobg.png);
    background-repeat: no-repeat;
    background-size: 208px 210px;
    background-position: right bottom;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    position: relative;
    z-index: 99;
    padding: 40px 40px 36px 40px;
    gap: 57px;
}
.cnt-lft-top h2{
font-family: 'Poppins';
font-style: normal;
font-weight: 600;
font-size: 28px;
line-height: 42px;
color: #FFFFFF;
margin-bottom: 6px;
}
.cnt-lft-top p{
font-family: 'Mulish';
font-style: normal;
font-weight: 400;
font-size: 18px;
line-height: 23px;
color: #C9C9C9;
margin-bottom: 15px;
}
.cont-lft-mid ul{
width: 337px;
max-width: 100%;
display: flex;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
gap: 50px;
}
.cont-lft-mid ul li{
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 25px;
font-family: 'Mulish';
font-style: normal;
font-weight: 500;
font-size: 16px;
line-height: 20px;
color: #FFFFFF;
width: 100%;
}
.cont-lft-mid ul li svg{
    display: block;
    width: 24px;
    height: 24px;
}
.cont-lft-mid ul li text,
.cont-lft-mid ul li a{
    width: calc(100% - 50px);
}
.cont-lft-mid ul li a{
    color: inherit;
}
.cont-lft-mid ul li a:hover{
    color: var(--yellow);
}
.cont-lft-rt{
    margin-top:15px;
}
.cont-lft-rt ul{
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    gap: 24px;
}
.cont-lft-rt ul li a{
width: 30px;
height: 30px;
background: #FFFFFF;
display: flex;
justify-content: center;
align-items: center;
overflow: hidden;
border-radius: 50%;
color: #000;
font-size: 15px;
}
.cont-lft-rt ul li a svg,
.cont-lft-rt ul li a i{
    display: block;
    width: 15px;
    height: 15px;
}
.cont-lft-rt ul li a:hover{
    background: var(--yellow);
}

.cont-right {
    padding: 50px 40px 37px 50px;
}
.cont-input-group{
    margin-bottom: 45px;
}
.cont-input-group label{
font-family: 'Outfit';
font-style: normal;
font-weight: 500;
font-size: 13px;
line-height: 20px;
letter-spacing: 0.02em;
color: #000000;
margin-bottom: 4px;
display: block;
}
.cont-input-group input, .cont-input-group textarea {
    border-radius: 0px !important;
    border-width: 0 0 1px 0 !important;
    border-style: solid;
    border-color: #000 !important;
    outline: none !important;
    box-shadow: none !important;
    padding: 0 0 11px 0px !important;
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    color: #000000;
    width: 100%;
    display: block;
    height: 32px;
}
.cont-input-group input::placeholder,
.cont-input-group textarea::placeholder{
color: #8D8D8D !important;
}
.cont-input-group input:hover,
.cont-input-group textarea:hover,
.cont-input-group input:focus,
.cont-input-group textarea:focus,
.cont-input-group input:focus-visible,
.cont-input-group textarea:focus-visible,
.cont-input-group input:focus-within,
.cont-input-group textarea:focus-within{
    border-color: var(--yellow);
}
.cont-radio{margin-bottom: 45px;}
.cont-radio h4{
margin-bottom: 14.25px;
font-family: 'Outfit';
font-style: normal;
font-weight: 600;
font-size: 15px;
line-height: 20px;
color: #000000;
}
.cont-radio ul {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    gap: 20px;
    flex-wrap: wrap;
}
.subj-cont{
    position: relative;
    z-index: 1;
    padding-left: 23px;
font-family: 'Poppins';
font-style: normal;
font-weight: 400;
font-size: 12px;
line-height: 20px;
color: #000000;
}
.subj-cont input{
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    z-index: 3;
    top: 0px;
    left: 0px;
    cursor: pointer;
    opacity: 0;
}
.subj-cont span {
    width: 15px;
    height: 15px;
    background-color: #E0E0E0;
    position: absolute;
    left: 0px;
    top: 3px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
}
.subj-cont span svg{
    display: block;
    width: 0px;
    height: 0px;
    opacity: 0;
    transition: all 0.3s ease;
}
.subj-cont input:checked + span,
.subj-cont input:hover + span{
    background-color: #000;
}
.subj-cont input:checked + span svg {
    width: 12px;
    height: 12px;
    opacity: 1;
    margin-top: -1px;
}

.cont-send{
    padding: 15px 48px;
padding: 15px 48px;
background: #181D5D;
box-shadow: 0px 0px 14px rgba(0, 0, 0, 0.12);
border-radius: 5px;
font-family: 'Outfit';
font-style: normal;
font-weight: 600;
font-size: 16px;
line-height: 20px;
text-align: center;
letter-spacing: 0.02em;
color: #FFFFFF;
margin-left: auto;
display: block;
border: none !important;
outline: none !important;
}
.cont-send:hover,
.cont-send:focus{
    background: var(--yellow);
    color: var(--dark-blue);
    box-shadow: 0px 0px 14px rgba(0, 0, 0, 0);
}

.inner-banner{
    background-image: url(../images/inr-bnr.png);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-position: center center;
}
.inr-bnr-txt{
    padding: 40px 0px;
    margin: 0 auto;
    max-width: 100%;
    width: 568px;
}
.inr-bnr-txt h1{
font-family: 'Mulish';
font-style: normal;
font-weight: 800;
font-size: 49px;
line-height: 61px;
letter-spacing: 0.01em;
color: #06264D;
text-align: center;
margin-bottom: 22px;
}
.inr-bnr-txt p{
font-family: 'Mulish';
font-style: normal;
font-weight: 500;
font-size: 16px;
line-height: 24px;
text-align: center;
letter-spacing: 0.01em;
color: #364756;
margin-bottom: 19px;
}
.inr-brd .breadcrumb-item,.inr-brd .breadcrumb-item a{
font-family: 'Mulish';
font-style: normal;
font-weight: 600;
font-size: 16px;
line-height: 20px;
letter-spacing: 0.01em;
color: #06264D;
}

.inr-brd .breadcrumb-item+.breadcrumb-item{
    padding-left: 4px !important;
}
.inr-brd .breadcrumb-item+.breadcrumb-item::before{
    padding-right: 4px !important;
}
.inr-brd.inr-brd-dark .breadcrumb-item+.breadcrumb-item::before{
    color: white !important;
}
.inr-brd .breadcrumb-item a:hover{
color: var(--yellow);
}

.abt-str-img{
    margin-right: 11px;
}
img.str-img1{
    width: 100%;
    height: auto;
}
.about-story{
    padding: 65px 0px 70px 0px;
}
.str-img-btm{
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: flex-end;
    gap: 13px;
    margin-top: -144px;
}
.str-img-btm img{
    display: block;
    width: 218px;
    height: 218px;
    border: 10px solid #fff;
    border-radius: 30px;
}
.str-img-btm h2{
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: flex-end;
font-family: 'Outfit';
font-style: normal;
font-weight: 700;
font-size: 66px;
line-height: 69px;
color: #06264D;
gap: 22px;
}
.str-img-btm h2 small{
    display: block;
font-family: 'Outfit';
font-style: normal;
font-weight: 600;
font-size: 16px;
line-height: 34px;
letter-spacing: 0.02em;
color: #06264D;
}
.abt-str-txt{
    margin-left: 16px;
}
.abt-str-txt h6{
font-family: 'Mulish';
font-style: normal;
font-weight: 900;
font-size: 21px;
line-height: 26px;
letter-spacing: 0.02em;
color: #9FAAB7;
margin-bottom: 9px;
}
.abt-str-txt h2{
font-family: 'Mulish';
font-style: normal;
font-weight: 800;
font-size: 48px;
line-height: 56px;
letter-spacing: 0.01em;
color: #06264D;
margin-bottom: 24px;
}
.abt-str-txt p{
font-family: 'Mulish';
font-style: normal;
font-weight: 500;
font-size: 15px;
line-height: 27px;
letter-spacing: 0.02em;
color: #949495;
margin-bottom: 33px;
}
.abt-str-txt a{
background: #07264A;
border-radius: 8px;
padding: 14px 23px;
font-family: 'Outfit';
font-style: normal;
font-weight: 500;
font-size: 16px;
line-height: 20px;
text-align: center;
letter-spacing: 0.02em;
color: #FFFFFF;
}
.abt-str-txt a:hover{
    background: var(--yellow);
    color: var(--dark-blue);
}

.about-why{
    background-color: #181D5D;
    padding: 70px 0px 95px 0px;
}
.abt-why-txt{
    padding-right: 20px;
}
.abt-why-txt h5{
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    margin-bottom: 8px;
    gap: 5px;
font-family: 'Outfit';
font-style: normal;
font-weight: 600;
font-size: 17px;
line-height: 21px;
text-align: center;
letter-spacing: 0.01em;
color: #FFB800;
}
.abt-why-txt h5 span{
    display: block;
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background-color: var(--yellow);
}
.abt-why-txt h2{
font-family: 'Outfit';
font-style: normal;
font-weight: 600;
font-size: 38px;
line-height: 48px;
letter-spacing: 0.02em;
color: #FFFFFF;
margin-bottom: 24px;
}
.abt-why-txt h6{
font-family: 'Mulish';
font-style: normal;
font-weight: 500;
font-size: 20px;
line-height: 29px;
letter-spacing: 0.01em;
color: #FFFFFF;
margin-bottom: 42px;
}
.abt-why-txt ul{
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: stretch;
    gap: 49px;
    flex-wrap: wrap;
    margin-bottom: 60px !important;
}
.abt-why-txt ul li{
    width: calc(50% - 24.5px);
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 22px;
}
.abt-why-txt ul li em{
width: 57px;
height: 57px;
background: rgba(255, 184, 0, 0.9);
border-radius: 3px;
display: flex;
justify-content: center;
align-items: center;
}
.abt-why-txt ul li em img{
    display: block;
    max-width: 31px;
    max-height: 31px;
}
.abt-why-txt ul li text{
    width: calc(100% - 79px);
}
.abt-why-txt ul li text h3{
font-family: 'Outfit';
font-style: normal;
font-weight: 600;
font-size: 22px;
line-height: 28px;
letter-spacing: 0.02em;
color: #FFFFFF;
margin-bottom: 12px;
}
.abt-why-txt ul li text p{
font-family: 'Mulish';
font-style: normal;
font-weight: 500;
font-size: 16px;
line-height: 22px;
letter-spacing: 0.01em;
color: #FFFFFF;
}
.abt-why-txt a{
    padding: 15px 28px;
background: #FFFFFF;
border-radius: 7px;
display: flex;
justify-content: center;
align-items: center;
gap: 9px;
font-family: 'Outfit';
font-style: normal;
font-weight: 500;
font-size: 17px;
line-height: 21px;
letter-spacing: 0.02em;
color: #06264D;
width: fit-content;
}
.abt-why-txt a svg{
    display: block;
    width: 24px;
    height: 24px;
}
.abt-why-txt a:hover{
    background: var(--yellow);
    color: #06264D;
}
.abt-why-img{
    display: block;
    width: 100%;
    height: auto;
}
.abt-comp-work.comp-works.works{
    padding-bottom: 66px;
}
.abt-comp-work .comp-work-box{
background: #FFFFFF;
border: 1px solid rgba(39, 55, 70, 0.35);
box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.05);
border-radius: 25px;
padding: 58px 26px 40px 26px;
}
.abt-comp-work .comp-work-box em{
margin: 0 auto 45px auto;
width: 92px;
height: 92px;
background: #FFFFFF;
border: 1px solid #E8E8E8;
box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.1);
border-radius: 10px;
display: flex;
justify-content: center;
align-items: center;
}
.abt-comp-work .comp-work-box em img{
    display: block;
    width: 60px;
    height: 60px;
}
/* 12-09-anwesa */










.loader_bg {
  position: fixed;
  /*background: rgba(0,0,0,0.9);*/
  background: rgba(255,255,255,0.99);
  z-index: 9999999;
  width: 100%;
  height: 100%;
  text-align: center;
  display: flex;
align-items: center;
}
.loader {
  border: 16px solid #f3f3f3;
  border-radius: 50%;
  border-top: 16px solid #ffcb24;
  border-bottom: 16px solid #141b58;
  width: 120px;
  height: 120px;
  -webkit-animation: spin 2s linear infinite;
  animation: spin 2s linear infinite;
  margin:0 auto;
}

@-webkit-keyframes spin {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

.qwwww .owl-part .owl-dots {
  bottom: -71px !important;
}

.npd1 label {
  margin: 0;
  width: 76%;
  padding-right: 15px;
}
.npd1 select {
  padding: 0px 46px 0 8px;
  width: 24%;
}
.for_width_only{
    width: 700px;
}
.cpb_profile {
  padding: 0 !important;
  box-shadow: none !important;
  border: none !important;
}



.cpb_profile_1 h1 {
    font-family: 'Mulish';
    font-style: normal;
    font-weight: 700;
    font-size: 29px;
    line-height: 36px;
    color: #000000;
    margin-bottom: 22px;
}

.cndt-rateshw-02 h5 img {
  display: block;
  width: 9px !important;
  height: 9px !important;
  filter: invert(1) brightness(100);
}
.cndt-rateshw-02 h5 {
  padding: 1px 6px 2px 6px;
  background-color: var(--yellow);
  background: #FFB800;
  border-radius: 5px;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 3px;
  font-family: 'Mulish';
  font-style: normal;
  font-weight: 700;
  font-size: 12px;
  line-height: 15px;
  letter-spacing: 0.01em;
  color: #FFFFFF;
}
.modefiedd {
    display:block !important;
}
.modefiedd .tpsec {
    display:block !important;
  margin: 5px 0 12px 0 !important;
  width: 100% !important;
}
.modefiedd .tpsec h5{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.modefiedd .tpsec h5 span{
    padding-right:15px;
    
}
.add_rm06{
  display: flex !important;
  justify-content: space-between !important;
}
.start_revieww_area{
  display: flex !important;
  margin: -5px !important;
}
.start_revieww_area > span{
    display: flex;
background:  transparent;
padding: 0;
margin: 0 3px;
width: 21px;
border-radius: 1px;
height: 20px;
overflow: hidden;
align-items: center;
text-align: center;
justify-content: center;
}
.start_revieww_area > span img {
  width: 11px !important;
height: 11px !important;
}
.star-grey {
  background: transparent !important;
}


.add_rm06 h6 {
  font-weight: 700 !important;
  font-size: 16px;
}
.mm_icon svg {
  width: 25px !important;
}
.loggd-footer {
    position: fixed;
    bottom: 0;
    width: 100%;
    z-index:9999;
  }
  
  .login-inr.success-inr {
      min-height: calc(100vh - 234px);
      display: flex;
      flex-direction: column;
      justify-content: space-between;
      align-items: flex-start;
  }
  .sucs-mssg {
      padding: 7px 12px;
      border-radius: 7px;
      background-color: #0080000d;
      border: 1px solid #00800066;
      margin: 14px 0px;
      line-height: 1.4 !important;
      font-size: 15px !important;
      color: #303030 !important;
  }
  
  .sucs-mssg.error-mssg {
      background-color: rgb(255 0 0 / 5%);
      border: 1px solid rgb(255 0 0 / 40%);
  }



.cng-tpsign.prfl-show {
    gap: 2px;
  font-weight: 800;
  font-size: 29px;
  line-height: 31px;
  text-align: left;
  letter-spacing: 0.02em;
    padding-right:0px;
    color: var(--yellow);
}
.mb-14{
    margin-bottom: 14px !important;
}
.error{
    color: red !important;
}


a.bcm-candt {
  width: max-content !important;
  height: auto;
  background: #FFFFFF;
  border: 1px solid #6A7784;
  border-radius: 8px;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  font-family: 'Mulish';
  font-style: normal;
  font-weight: 700;
  font-size: 14px;
  line-height: 23px;
  text-align: center;
  letter-spacing: 0.01em;
  color: #090808;
  gap: 3px;
  padding: 5px 10px;
  margin-right: 6px;
}
a.bcm-candt:hover {
    background: var(--yellow);
    border: 1px solid var(--yellow);
    color: var(--dark-blue);
}

.swal2-confirm{

  background-color: #181D5D !important;
 }
 
 
 
 
 
 
 
 /*16/10/2024*/
 .rm_after_login1 {
  position: absolute;
  left: 0;
  right: 0;
  margin: 0 auto;
   top: 35%;
  width: fit-content;
  text-align: center;
  font-family: 'Mulish';
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 23px;
  color: #323E56;
  z-index: -1;
}
 
 
.prof-status {
    box-sizing: border-box;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 3px 5px 3px 3px;
    gap: 4px;
    border-radius: 3px;
    border-style: solid;
    border-width: 1px;
    font-family: 'Mulish';
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 17px;
    display: inline-flex;
    margin-left: 12px;
    margin-bottom: 4px;
}
.prof-status svg{
    display: block;
    width:19px;
    height:19px;
}
 
 .status-aprvd{
    border-color: #2EB20D;
    color: #2EB20D;
    background-color: rgba(46, 178, 13, 0.08);
 }
 .status-rejected{
    border-color: #BB5710;
    color:#BB5710 ;
    background: rgba(187, 87, 16, 0.08);
 }
 .status-blocked{
    border-color:#F53636 ;
    color: #F53636;
    background: rgba(187, 87, 16, 0.08);
 }
 .status-pending{
    border-color:#0471A6 ;
    color:#0471A6 ;
    background: rgba(187, 87, 16, 0.08);
 }
 
 
 .subs-hist {
    top: -12px;
    right: 15px;
    width: 182px;
    height: 40px;
    background: #181D5D;
    border-radius: 7px;
    font-family: 'Mulish';
    font-style: normal;
    font-weight: 700;
    font-size: 14px;
    line-height: 17px;
    display: flex;
    align-items: center;
    letter-spacing: 0.04em;
    color: #FFFFFF;
    display: flex;
    justify-content: center;
    align-items: center;
}
.subs-hist:hover{
    background:var(--yellow);
    color: var(--dark-blue);
}

.table-overflow.tab-table-row {
    gap: 15px;
    align-items: flex-end;
    overflow-x: auto;
    scrollbar-width: thin !important;
    scrollbar-arrow-color: transparent !important;
}
.table-overflow.tab-table-row::-webkit-scrollbar{
    width: 3px !important;
}
.table-overflow.tab-table-row::-webkit-scrollbar-track{
    background-color: transparent !important;
}
.table-overflow.tab-table-row::-webkit-scrollbar-thumb{
    background: #ccc !important;
}
.table-overflow.tab-table-row .tb_02 {
    width: auto;
    max-width: 150px;
    flex-shrink: 0;
}

.shdl-pic {
    width: 100%;
    margin-bottom: 22px;
}
 .shdl-pic input{
    position: absolute;
    top: 0px;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
    opacity: 0;
    z-index: 3;
    cursor: pointer;
 }
 .shdl-picinr{
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 13px;
 }
 
  .shdl-picinr span {
    width: 18px;
    height: 18px;
    display: block;
    border-radius: 50%;
    border: 1px solid #ccc;
    background-color: white;
    margin-top: 4px;
}
 
 .shdl-picinr text h6{
        font-family: 'Mulish';
    font-style: normal;
    font-weight: 700;
    font-size: 18px;
    line-height: 23px;
    color: #2A3B4B;
    margin-bottom: 5px;
 }
 .shdl-picinr text p{
    font-family: 'Mulish';
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 18px;
    letter-spacing: 0.02em;
    color: #575A5B;
 }
 
 .shdl-pic input:hover + .shdl-picinr span{
    border: 1px solid var(--dark-blue);
 }
 .shdl-pic input:checked + .shdl-picinr span{
    border: 5px solid var(--dark-blue);
 }



 /*user chat page start(21-10-21)*/


/*.user_chat_sec {
    width: 100%;
    display: inline-block;
    padding: 34px 0 54px;
}*/

/*

.user_chat_inr {
    width: 100%;border: solid 1px #e6e6e6;-webkit-box-shadow: 0px 0px 11px 0px rgba(237,237,237,1);-moz-box-shadow: 0px 0px 11px 0px rgba(237,237,237,1);
    box-shadow: 0px 0px 11px 0px rgba(237,237,237,1);
    display: inline-block;
    position: relative;
    border-radius: 15px;
    overflow: hidden;}*/

/*

.user_chat_left {



    float: left;



    width: 29%;



    position: relative;



}
*/


/*.u_chat_le_inr {



    width: 100%;



}



.user_chat_top {



    background: #f7fef3;



    padding: 12px 11px 13px;



    display: inline-block;



    width: 100%;



    position: relative;



}
*/


/*.sharch_input input[type="text"] {



    float: left;



    width: 82%;



    background: #fff;



    height: 50px;



    border: none;



    outline: none;



    padding-left: 18px;



    font-size: 16.67px;



    color: #5c727d;



    font-family: 'Roboto', sans-serif;



    font-weight: 400;



}



.sharch_input {



    width: 100%;



    height: 49px;



    border-radius: 7px;



    overflow: hidden;



    border: solid 1px #afafaf;



    border-radius: 6px;



}



.sharch_input input[type="submit"] {



    height: 49px;



    width: 18%;



    background: url(../images/sharch.png)no-repeat center #338306;



    border: none;



    float: right;



    cursor: pointer;



}



.user_chat_list {



    height: 550px;



    width: 100%;



    overflow-y: auto;



}*/



/*.user_chat_item {



    width: 100%;



    border-bottom: solid 1px #ededed;



    padding: 14px 6px 14px 11px;



    position: relative;



}
*/


.chat_time {



    position: absolute;



    top: 41px;



    right: 6px;



    font-size: 11.67px;



    color: #a5acb0;



    word-break: break-word;



    width: 94px;



    text-align: right;



}



/*.user_chat_item .media em {



    position: relative;



    margin-right: 11px;



}



.user_chat_item .media em img {



    width: 42px;



    height: 42px;



    border-radius: 100%;



    object-fit: cover;



}



.on_li {



    display: inline-block;



    position: absolute;



    right: 0;



    bottom: 2px;



    background: #338306;



    border: solid 1px #fff;



    width: 10px;



    height: 10px;



    border-radius: 100%;



}*/



/*.user_chat_item .media {



    align-items: center;



}*/



/*.user_chat_item h4 {



    font-size: 16.25px;



    color: #2b2b2b;



    padding-right: 57px;



}



.user_chat_item p {



    font-size: 13.33px;



    color: #5c727d;



    margin-top: 7px;



}



.user_chat_item:last-child {



    border-bottom: 0;



}



.user_chat_left::before {



    position: absolute;



    right: -12px;



    top: 0;



    background: url(../images/box_shadow.png)repeat-y;



    width: 15px;



    height: 100%;



    content: "";



}*/



/*.user_chat_right {



    float: right;



    width: 71%;



    position: relative;



    z-index: 2;



}*/



/*.chat_rig_inr {



    width: 100%;



}



.chat_rig_top {



    width: 100%;



    display: flex;



    justify-content: space-between;



    padding: 15px 14px 15px 26px;



    border-bottom: solid 1px #e2e2e2;



}*/



/*.chat_rig_top_le {



    width: 65%;



}



.chat_rig_top_le h1, .chat_rig_top_le h2 {



    font-weight: 500;



    font-size: 18.75px;



    color: #2b2b2b;



}



.chat_rig_top_le p {



    font-size: 14.58px;



    color: #5c727d;



    margin-top: 5px;



}



.chat_rig_body {



    width: 100%;



    padding: 8px 26px 35px;



    height: 500px;



    overflow-y: auto;



}*/



/*.chat_mass_itm {



    width: 64%;



    margin-top: 6px;



}



.chat_mass_itm .media em img {



    width: 34px;



    height: 34px;



    object-fit: cover;



    border-radius: 100%;



    margin-right: 12px;



}



.chat_mass_itm .media-body h5 {



    font-size: 14.58px;



    color: #2b2b2b;



    font-weight: 400;



}



.chat_mass_bx {



    padding: 13px 14px;



    border-radius: 0 11px 11px 11px;



    background: #338306;



    margin-top: 8px;



    position: relative;



    z-index: 4;



    margin-left: 8px;



}



.chat_mass_bx p {



    font-size: 14.17px;



    line-height: 22px;



    color: #fff;



    word-break: break-word;



}



.chat_mass_itm .media-body span {



    font-size: 12.5px;



    color: #b6b6b6;



    margin-top: 7px;



    display: inline-block;



    margin-left: 8px;



}



.chat_mass_bx:before {



    position: absolute;



    left: -9px;



    top: 0;



    background: url(../images/chart_arw1.png)no-repeat;



    width: 27px;



    height: 25px;



    content: "";



    z-index: -1;



}



.chat_mass_itm_rig {



    text-align: right;



    margin-left: auto;



    width: 82%;



}



.chat_mass_itm_rig .media {



    flex-direction: row-reverse;



}



.chat_mass_itm_rig .media em img {



    margin-right: 0;



    margin-left: 12px;



}



.chat_mass_itm_rig .chat_mass_bx {



    text-align: right;



    margin-left: 0;



    margin-right: 8px;



    background: #f7fef3;



}



.chat_mass_itm_rig .chat_mass_bx::before {



    left: inherit;



    right: -9px;



    background: url(../images/chart_arw2.png)no-repeat;



}



.chat_mass_itm_rig .chat_mass_bx p {



    color: #5c727d;



    word-break: break-word;



}*/



/*.chat_rig_foot {



    width: 100%;



    background: #e9fbde;



    padding: 19px 20px 14px;



    display: inline-block;



    margin-bottom: -4px;



}



.chat_rig_inputs {



    float: left;



    width: 92%;



    background: #fff;



    overflow: hidden;



    height: 54px;



    border: solid 1px #afafaf;



    border-radius: 13px;



    padding-left: 15px;



    padding-right: 17px;



}



.chat_rig_inputs input {



    width: calc(100% - 30px);



    height: 53px;



    float: left;



    background: #fff;



    border: none;



    font-size: 15.42px;



    color: #5c727d;



}



.file_in {



    position: relative;



    float: right;



}



.file_in label {



    height: 53px;



    line-height: 53px;



    cursor: pointer;



}



.file_in input {



    position: absolute;



    display: inline-block;



    left: 0;



    top: 0;



    opacity: 0.01;



    cursor: pointer;



}



.inputs_send {



    float: right;



    padding-left: 8px;



    width: 8%;



}



.inputs_send input[type="submit"] {



    background: url(../images/sendbtn.png)no-repeat center #338306;



    border: none;



    height: 54px;



    width: 100%;



    cursor: pointer;



    border-radius: 10px;



}



.inputs_send input.rp_btn {



    background: url(../images/snd_btn.png)no-repeat center #338306;



}



.inputs_send input[type="submit"].rp_btn:hover {



    background: url(../images/snd_btn.png)no-repeat center #3b4144;



}



.inputs_send input[type="submit"]:hover {



    background: url(../images/sendbtn.png)no-repeat center #3b4144;



}



 .user_chat_list::-webkit-scrollbar {



 width: 8px;



}



 .chat_rig_body::-webkit-scrollbar {



 width: 5px;



}



 .user_chat_list::-webkit-scrollbar-track, .chat_rig_body::-webkit-scrollbar-track {



 background: #e6e6e6;



 border-radius: 10px;



}



 .user_chat_list::-webkit-scrollbar-thumb, .chat_rig_body::-webkit-scrollbar-thumb {



 background: #636060;



 border-radius: 10px;



}



 .user_chat_list::-webkit-scrollbar-thumb:hover, .chat_rig_body::-webkit-scrollbar-thumb:hover {



 background: #636060;



}*/
/*Chat end*/



.main-chat-box {
    position: fixed;
    bottom: 65px;
    /* right: 10px; */
    left: 10px;
    width: 295px;
    height: 327px;
    background: #fff;
    border: 1px solid #ccc;
    border-radius: 3px;
    overflow: hidden;
    z-index: 9990;
}
.chat-heads {
    border-bottom: 1px solid #ccc;
    background: #f1eef4;
    padding: 5px 10px;
    float: left;
    width: 100%;
}
.chat-title {
    float: left;
    width: 85%;
}
.chat-title span {
    color: #000;
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    line-height: 25px;
}
.chat-title span .fa {
    color: #24c624;
    margin-right: 4px;
}
.chat-action-des {
    float: right;
    width: 15%;
    text-align: right;
}
.chat-action-des .iconfonts, .chat-action-des .fa {
    color: #000;
}
.discal_div {
    position: absolute;
    width: 100%;
    height: calc(100% - 37px);
    text-align: center;
    top: 37px;
    padding: 0 15px;
    display: flex;
    align-items: center;
    background: #00000014;
    color: #000;
    flex-wrap: wrap;
}
.chat_first_time {
    background: #fff;
    left: 0;
    width: 94%;
    position: absolute;
    top: 0px;
    padding: 29px;
    font-size: 16px;
    line-height: 22px;
}
.new_btns_ok {
    display: block;
    width: 55px;
    margin: 10px auto;
}
.chat-bodys {
    float: left;
    width: 100%;
    padding: 2px 5px;
    height: 240px;
    overflow-y: scroll;
}
.chat-fots {
    float: left;
    width: 100%;
    border-top: 1px solid #ccc;
    position: relative;
}
.type-msgs {
    float: left;
    width: 100%;
    border: none;
    height: 50px;
    padding: 11px 93px 11px 10px;
    font-size: 14px;
    font-weight: 400;
    color: #000;
    overflow: hidden;
    resize: none;
}
.upload_box input {
    width: 40%;
    display: none!important;
    float: left;
}
.upload_box [type="file"] + label.btn-2 {
    background-color: transparent;
    border-radius: 8px;
    overflow: hidden;
    padding: 0px;
    cursor: pointer;
    position: absolute;
    color: #fff;
    font-size: 16px;
    font-weight: 400;
    font-family: 'Roboto', sans-serif;
    /* float: left; */
/*    margin-bottom: 15px !important;*/
    text-align: left;
    transition: all 0.3s;
    /* width: 100%; */
    height: 21px;
    /* left: 0; */
    width: 18px;
    right: 39px;
    z-index: 9999;
    top: 10px;
}
[type="file"] + label.btn-2::before {
    content: ".";
    font-size: 100%;
    right: 0;
    position: absolute;
    top: 0;
    transition: all 0.3s;
    background: url(../images/atac.png);
    background-repeat: no-repeat;
    width: 21px;
    height: 21px;
    background-size: 16px;
    background-position: center center;
}
.uploadImg2 {
    display: flex;
    position: absolute;
    width: 35px;
    height: 35px;
    margin-top: 6px;
    right: 65px;
}
.uploadImg2 img {
    width: 100%;
}
.send-msg-pop-btn {
    position: absolute;
    right: 3px;
    top: 7px;
    cursor: pointer;
    width: 30px;
    background: 0 0!important;
    border: none!important;
}
.send-msg-pop-btn img {
    max-width:19px;
}
/*.buildme {
    width: 100%;
    padding: 7px;
    border-bottom: 1px solid #ccc;
    border-top: 1px solid #ccc;
    background: #f7f7f7;
    float: left;
}
.buildme p a {
    color: #31bef3;
}*/

.chat {
    display: flex;
    flex-direction: row-reverse;
    justify-content: flex-start;
    align-items: flex-end;
    gap: 6px;
    margin-bottom: 22px;
}
.chat.chat-left{
    flex-direction: row;
}
.chat-avatar a {
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    border-radius: 50%;
    width: 25px;
    height: 25px;
    margin-bottom: 20px;
}
.chat-avatar a img {
    display: block;
    width: 100%;
    height: 100%;
    border-radius: 50%;
}
.chat-content{
    padding:6px 11px;
    background: #F3F7FF;
    border-radius: 10px 10px 0px 10px;
    height: fit-content;
    width: fit-content;
    width: 80%;
    margin-left: auto;
}
.chat-content p{
    font-family: 'Mulish';
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 19px;
    color: #000000;    
}
.chat.chat-left .chat-content {
    background: var(--dark-blue);
    color: white;
    border-radius: 10px 10px 10px 0px;
    margin-left: 0px;
}
.chat.chat-left .chat-content p{
color: white;
}
.chat-body{
    width: calc(100% - 31px);
}
span.username{
    display: block;
        margin-bottom: 5px;
    font-family: 'Mulish';
    font-style: normal;
    font-weight: 700;
    font-size: 15px;
    line-height: 19px;
    color: #000000;
    text-align: left;
}
time.chat-time{
    font-family: 'Mulish';
    font-style: normal;
    font-weight: 400;
    font-size: 11px;
    line-height: 19px;
    color: #adaaaa;
    letter-spacing: 0.03em;
    text-align: right;
    margin-left: auto;
    display: block;
}
.chat.chat-left time.chat-time{
    text-align: left;
    margin-left: 0px;
}
.country_code{
    position: absolute;
    top: 27px;
    left: 1px;
    z-index: 99;
    width: 92px;
    border-radius: 7px 0 0 7px;
    background: #fff;
    border: none;
    height: 48px;
    box-shadow: none;
    padding: 8px 16px 8px 10px;
    font-family: 'Mulish';
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 18px;
    color: #9BA2B1;
    border-right: 1px solid #d2d2d2 !important;
}
.login-mob_num input {
    padding: 8px 14px 8px 102px !important;
}

/*.das-inpt-grp select.country_code{*/
/*    position: absolute;*/
/*    top: 27px;*/
/*    left: 1px;*/
/*    z-index: 99;*/
/*    width: 92px;*/
/*    border-radius: 7px 0 0 7px;*/
/*    background-color: #fff;*/
/*    border: none;*/
/*    height: 48px;*/
/*    box-shadow: none;*/
/*    padding: 8px 16px 8px 10px;*/
/*    font-family: 'Mulish';*/
/*    font-style: normal;*/
/*    font-weight: 500;*/
/*    font-size: 14px;*/
/*    line-height: 18px;*/
/*    color: #9BA2B1;*/
/*    border-right: 1px solid #d2d2d2 !important;*/
/*}*/
.country_code,
.das-inpt-grp select.country_code{
    position: absolute;
    top: 26px;
    left: 0px;
    z-index: 99;
    width: 114px;
    border-radius: 7px 0 0 7px;
    background-color: #fff;
    border: none;
    height: 48px;
    box-shadow: none;
    padding: 0 !important;
    font-family: 'Mulish';
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 18px;
    color: #9BA2B1;
    border-right: 1px solid #d2d2d2 !important;
}
.country_code.select2-container .select2-choice .select2-arrow{
    display:none;
}
.country_code.select2-container .select2-choice > .select2-chosen {
    margin-right: 0px !important;
}
.country_code.select2-container .select2-choice {
    display: flex;
    height: 48px;
    padding: 0 0 0 8px;
    border-radius: 5px 0px 0px 5px !important;
    appearance: none;
    background-image: url(../images/select-bg.png) !important;
    background-size: 14px 14px !important;
    background-repeat: no-repeat;
    background-position: right 6px center !important;
    padding-left: 8px !important;
    width: 113px;
}
.login-mob_num input {
    padding: 8px 14px 8px 102px !important;
}
.das-inpt-grp select.country_code{
    background-image: url(../images/select-drp.png);
    background-repeat: no-repeat;
    background-position: right 3px center;
    background-size: 17px 17px;
    width: 70px !important;
}

.pro_mob_number{
    position: relative;
}
.pro_mob_number input {
    padding: 8px 14px 8px 126px !important;
}



/* 13-11 */
.cand-land-banner{
    background-color: #F3F7FF;
    background-image: url(../images/candidate-landbg.png);
    background-position: left center;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.cand-bnr-txt{
    padding:64px 0px;
    width: 700px;
    max-width: 100%;
    margin: 0 auto;
}
.cand-bnr-txt h1{
font-family: 'Outfit';
font-style: normal;
font-weight: 600;
font-size: 49px;
line-height: 62px;
letter-spacing: 0.01em;
color: #06264D;
margin-bottom: 22px;
text-align: center;
}
.cand-bnr-txt p{
font-family: 'Mulish';
font-style: normal;
font-weight: 500;
font-size: 17px;
line-height: 27px;
text-align: center;
letter-spacing: 0.01em;
color: #000000;
}
.abt-cand{
    padding: 70px 0px;    
}
.abt-cand-img{
    margin-right: 31px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.abt-cand-txt h5{
font-family: 'Mulish';
font-style: normal;
font-weight: 800;
font-size: 21px;
line-height: 47px;
letter-spacing: 0.02em;
text-transform: capitalize;
color: #FFCB24;
margin-bottom: 9px;
}
.abt-cand-txt h2{
font-family: 'Mulish';
font-style: normal;
font-weight: 800;
font-size: 49px;
line-height: 56px;
letter-spacing: 0.01em;
/* text-transform: capitalize; */
color: #06264D;
margin-bottom: 24px;
}
.abt-cand-txt p{
font-family: 'Mulish';
font-style: normal;
font-weight: 500;
font-size: 15px;
line-height: 27px;
letter-spacing: 0.02em;
color: #949495;
margin-bottom: 24px;
}
.abt-cand-txt a{
font-family: 'Mulish';
font-style: normal;
font-weight: 700;
font-size: 16px;
line-height: 20px;
text-align: center;
letter-spacing: 0.04em;
text-transform: capitalize;
color: #FFFFFF;
padding: 16px 32px;
width:fit-content;
height: fit-content;
background: #07264A;
border-radius: 8px;
display: block;
margin-top: 27px;
}
.abt-cand-txt a:hover{
    background: var(--main-red);
    color: white;
}

.how-cand{
    padding: 55px 82px 85px 82px;
    background-color: #F3F7FF;
}
.how-sec-hdr{
    width: 815px;
    max-width: 100%;
    margin: 0 auto 53px auto;
}
.how-sec-hdr h2{
    margin-bottom: 18px;
font-family: 'Outfit';
font-style: normal;
font-weight: 600;
font-size: 38px;
line-height: 48px;
text-align: center;
letter-spacing: 0.02em;
color: #000000;
}
.how-sec-hdr h2 span{
    color: var(--yellow);
}
.how-sec-hdr p{
font-family: 'Mulish';
font-style: normal;
font-weight: 500;
font-size: 17px;
line-height: 27px;
text-align: center;
letter-spacing: 0.01em;
color: #000000;
}
.how-cand-inr{
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: stretch;
    gap: 30px;
    flex-wrap: wrap;
}
.how-cand-box-outr{
    width: calc(20% - 24px);
    padding-top: 55px;
    position: relative;
}
span.how-cand-img{
    width: 110px;
    height: 110px;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: white;
    border-radius: 50%;
    position: absolute;
    top: 0px;
    left: 50%;
    transform: translateX(-50%);
    padding: 20px;
}
span.how-cand-img img{
    display: block;
    width: 100%;
    height: auto;
}
.how-cand-box-inr {
    background: #FFFFFF;
    border-radius: 25px;
    padding: 62px 26px 14px 26px;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    box-shadow: 0px 0px 20px 2px rgba(0, 0, 0, 0.25);
    cursor: pointer;
    transition: all 0.3s ease;
}
.how-cand-box-inr:hover{
    box-shadow: 0px 0px 20px 2px rgba(0, 0, 0, 0.5);
}
.how-cand-box-inr h4{
font-family: 'Outfit';
font-style: normal;
font-weight: 600;
font-size: 20px;
line-height: 23px;
text-align: center;
letter-spacing: 0.02em;
text-transform: capitalize;
color: #1E2933;
margin-bottom: 16px;
}
.how-cand-box-inr p{
font-family: 'Mulish';
font-style: normal;
font-weight: 600;
font-size: 15.5px;
line-height: 23px;
text-align: center;
color: #323E56;
}
.cand-faq{
    border-top: 1px solid #E8E8E8;
    padding: 63px 0px 68px 0px;
}
.cand-faq .faq-accrdn{
background: #FFFFFF;
box-shadow: 0px 0px 16px 1px rgba(0, 0, 0, 0.04);
}
.cand-faq .faq-accrdn .accordion-item{
    border-width: 0px 0px 1px 0px !important;
}
.cand-faq .faq-accrdn .accordion-item {
    padding: 19px !important;
}
.cand-faq .faq-accrdn .accordion-item .accordion-button::after {
    width: 24px;
    height: 24px;
    background-size: 7px 7px !important;
}
.cand-faq .faq-accrdn .accordion-item .accordion-button span {
    font-size: 24px;
    margin-right:16px;
}
.cand-faq .faq-accrdn .accordion-item .accordion-button {
    font-size: 17px;
    font-weight: 600;
}
.cand-faq .faq-accrdn .accordion-item .accordion-body {
    font-size: 16px;
    padding: 0 0 0 40px;
    padding-top: 9px;
}
h2.cand-faq-hdr{
    margin-bottom: 45px;
    font-family: 'Outfit';
    font-style: normal;
    font-weight: 600;
    font-size: 38px;
    line-height: 48px;
    text-align: left;
    letter-spacing: 0.02em;
    color: #000000;
}
h2.cand-faq-hdr span{
    color: var(--yellow);
}
.cand-faq-img {
    padding-top: 57px;
    position: sticky;
    top: 0px;
}

.comp-bluesec{
    background-image: url(../images/comp-bluesec.png);
    background-color: #181D5D;
    background-repeat: no-repeat;
    background-position: left center;
    background-size:100% 100%;
}
.comp-blueinr{
    padding: 65px 0px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    gap: 20px;
}
.comp-bluetxt{
width: 733px;
max-width: 100%;
}
.comp-bluetxt h2{
font-family: 'Outfit';
font-style: normal;
font-weight: 600;
font-size: 38px;
line-height: 50px;
letter-spacing: 0.02em;
color: #FFFFFF;
margin-bottom: 30px;
}
.comp-bluetxt p{
font-family: 'Mulish';
font-style: normal;
font-weight: 400;
font-size: 20px;
line-height: 29px;
letter-spacing: 0.02em;
color: #FFFFFF;
}
a.comp-bluebtn{
background: #FFFFFF;
border-radius: 7px;
padding: 15px 20px;
font-family: 'Outfit';
font-style: normal;
font-weight: 500;
font-size: 17px;
line-height: 21px;
letter-spacing: 0.02em;
color: #06264D;
}
a.comp-bluebtn:hover{
    background: var(--yellow);
    color: #06264D;
}

.comp-works.works.cl-works {
    padding: 58px 0px 83px 0px;
}


.cl-works-inr .comp-work-box {
    position: relative;
    width: 323px;
    background: transparent !important;
    border: 0px solid transparent !important;
    border-radius: 25px;
    padding:60px 0px 0px 0px;
    box-shadow: none !important;
    position: relative;
}
span.clw-img{
    position: absolute;
    top: 0px;
    left: 50%;
    transform: translateX(-50%);
    border-radius: 50%;
    z-index: 2;
    width: 134px;
    height: 134px;
    padding: 19px;
    background-color: white;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #FFFFFF;
    box-shadow: 0px 0px 20px 1px rgba(0, 0, 0, 0.05);
    overflow: hidden;
}
span.clw-img img.cmwr-img {
    display: block;
    width: auto;
    height: auto;
    max-width: 100% !important;
    max-height:100% !important;
    margin: 0 auto 0px auto !important;
}
.comp-work-box-inr {
    background: #FFFFFF;
    border: 2px solid rgba(39, 55, 70, 0.35);
    box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.05);
    border-radius: 18px;
    padding: 114px 26px 30px 26px;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
}
.abt-comp .abt-cand-img{
    margin-right: 0px;
    margin-left: 21px;
}
.abt-comp .abt-cand-txt{
    margin-left: 20px;
}
.abt-comp .abt-cand-txt ul,
.abt-cand-txt ul{
    margin-top:24px !important;
    margin-left: 20px !important;
}
.abt-comp .abt-cand-txt ul li,
.abt-cand-txt ul li{
font-family: 'Mulish';
font-style: normal;
font-weight: 600;
font-size: 15px;
line-height: 23px;
letter-spacing: 0.01em;
color: #323E56;
margin-bottom: 8px;
padding-left: 22px;
position: relative;
}
.abt-comp .abt-cand-txt ul li::before,
.abt-cand-txt ul li::before{
    position: absolute;
    top: 9px;
    content: '';
    width: 7px;
    height: 7px;
    display: block;
    border-radius: 50%;
    background-color: var(--dark-blue);
    left: 0px;
}
.abt-comp .abt-cand-txt ul li::marker,
.abt-cand-txt ul li::marker{
    font-size: 30px !important;
    color: var(--dark-blue) !important;
    margin-left: 3px !important;
}
.comp-land-bnr{
    background-image: url(../images/comp-landing-bg.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 100% 100%;
    padding: 176px 0px;
}
.comp-land-bnr-txt{
    width: 741px;
    max-width: 100%;
    margin: 0 auto;
    padding: 95px 0px;
}
.comp-land-bnr-txt h1{
font-family: 'Outfit';
font-style: normal;
font-weight: 600;
font-size: 50px;
line-height: 63px;
text-align: center;
letter-spacing: 0.01em;
color: #FFFFFF;
margin-bottom: 30px;
}
.comp-land-bnr-txt p{
font-family: 'Mulish';
font-style: normal;
font-weight: 600;
font-size: 17px;
line-height: 27px;
text-align: center;
letter-spacing: 0.01em;
color: #FFFFFF;
margin-bottom:28px;
}
.comp-land-bnr-txt a.comp-bnr-btn{
    display: block;
    margin: 0 auto;
background: #FFFFFF;
border-radius: 7px;
width: fit-content;
padding: 15px 25px;
font-family: 'Outfit';
font-style: normal;
font-weight: 500;
font-size: 17px;
line-height: 21px;
letter-spacing: 0.02em;
color: #06264D;
}
.expert-land-bnr{
    z-index: 1;
}
a.ban-bgwhite{
background: #FFFFFF;
border-radius: 7px;
padding: 15px 25px;
display: block;
width: fit-content;
font-family: 'Outfit';
font-style: normal;
font-weight: 500;
font-size: 17px;
line-height: 21px;
letter-spacing: 0.02em;
color: #06264D;
}
a.ban-bgwhite:hover{
    background: var(--yellow);
    color:#06264D ;
}
.expert-land-bnr .banner-text {
    padding: 58px 0px 86px 0px;
}
.expert-land-bnr .banner-text p {
    margin-right: 0px;
}
.expert-land-bnr .banner-img {
    width: 38.05%;
}
.expert-land-bnr .bnr-bfr2 {
    bottom: 0px;
    width: 472px;
    height: 188px;
    display: block;
    right: 35%;
    z-index: -1;
}
.expert-land-bnr .bnr-bfr1 {
    width: 193px;
}


.expert-land-bnr .banner-text h1 {
    margin-bottom: 26px;
    font-family: 'Outfit';
    font-style: normal;
    font-weight: 600;
    font-size: 50px;
    line-height: 63px;
    letter-spacing: 0.01em;
    color: #FFFFFF;
    text-transform: none !important;
    padding-right: 66px;
}
.banner-text p {
    margin-bottom: 43px;
    margin-right: 0px;
font-family: 'Mulish';
font-style: normal;
font-weight: 600;
font-size: 17px;
line-height: 27px;
letter-spacing: 0.01em;
color: #FFFFFF;
}
.abt-exp-imgs{
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    gap: 23px;
}
.abtexp-lftimg{
    width: calc(50% - 23px);
    display: block;
    height: auto;
    border-radius: 15px;
}
.abtexp-rtimgs{
    width: calc(50% - 23px);
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: stretch;
    gap: 23px;
}
.abtexp-rtimgs img{
    display: block;
    width: 100%;
    height: calc(50% -23px);
    border-radius: 15px;
}
.exprt-abt-txt{
    padding-left: 7px;
}
.exprt-abt-txt ul li{
    padding-left: 25px;
    background-image: url(../images/list-tick-circle.png);
    background-size: 15px 15px;
    background-repeat: no-repeat;
    background-position: left top;
    margin-bottom: 11px;
font-family: 'Mulish';
font-style: normal;
font-weight: 600;
font-size: 15px;
line-height: 23px;
letter-spacing: 0.01em;
color: #323E56;
}
.exprt-how{
background-color: #F3F7FF;
padding: 60px 0px 36px 0px;
}
.how-exprt-hdng{
    margin: 0 auto 74px auto;
    width: 816px;
    max-width: 100%;
}
.how-exprt-hdng h2{
font-family: 'Outfit';
font-style: normal;
font-weight: 600;
font-size: 38px;
line-height: 48px;
text-align: center;
letter-spacing: 0.02em;
color: #000000;
margin-bottom: 18px;
}
.how-exprt-hdng h2 span{
    color: var(--yellow);
}
.how-exprt-hdng p{
font-family: 'Mulish';
font-style: normal;
font-weight: 500;
font-size: 17px;
line-height: 27px;
text-align: center;
letter-spacing: 0.01em;
color: #364756;
}
.exprt-how-inr{
    width: 1156px;
    max-width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: stretch;
    gap: 20px;
}
.hwinr-bxinr{
    position: relative;
    margin-bottom: 22px;
    padding: 0 0 19px 24px;
}
.hwinr-bxinr em{
width: 98px;
height: 89px;
background: #FFFFFF;
box-shadow: 0px 10px 40px rgba(14, 100, 215, 0.14);
border-radius: 18px;
padding: 18px 22px;
display: flex;
justify-content: center;
align-items: center;
position: absolute;
bottom: 0px;
left: 0px;
z-index: 3;
}
.hwinr-bxinr em img{
    display: block;
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 100%;
}
.hwinr-bxinr h3 {
    width: 100%;
    height: 96px;
    border-radius: 18px;
    padding: 25px 42px 25px 88px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-family: 'Outfit';
    font-style: normal;
    font-weight: 600;
    font-size: 20px;
    line-height: 23px;
    letter-spacing: 0.02em;
    text-transform: capitalize;
    color: #FFFFFF;
}
.exprt-hwinr-box{
    width: 336px;
}
.exprt-hwinr-box p{
    padding-left: 24px;
font-family: 'Mulish';
font-style: normal;
font-weight: 600;
font-size: 16px;
line-height: 24px;
color: rgba(50, 62, 86, 0.9);
}
.expert-how-btm{
    background-image: url(../images/exprt-btmbg.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    margin-top: 85px;
}
.exprt-btm-txt{
    padding: 22px 0px 34px 0px;
    margin: 0 auto;
    width: 699px;
    max-width: 100%;
}
.exprt-btm-txt h2{
font-family: 'Outfit';
font-style: normal;
font-weight: 600;
font-size: 48px;
line-height: 60px;
letter-spacing: 0.01em;
color: #FFFFFF;
margin-bottom: 17px;
text-align: center;
}
.exprt-btm-txt p{
font-family: 'Mulish';
font-style: normal;
font-weight: 500;
font-size: 17px;
line-height: 27px;
text-align: center;
letter-spacing: 0.01em;
color: #FFFFFF;
margin-bottom: 25px;
}
.exprt-btm-txt a{
    background: #FFFFFF;
    border-radius: 7px;
    padding: 15px 25px;
    display: block;
    width: fit-content;
    font-family: 'Outfit';
    font-style: normal;
    font-weight: 500;
    font-size: 17px;
    line-height: 21px;
    letter-spacing: 0.02em;
    color: #06264D;
    margin: 0 auto;
}
.exprt-btm-txt a:hover{
    background-color: var(--yellow);
    color: #06264D;
}
/* 13-11 */


.faq{
    background-color: #F3F7FF;
    padding: 58px 0px;
}
.faq-accrdn{
    background-color: white;
}
.faq-accrdn .accordion-item{
    border-radius: 0px !important;
    padding: 40px !important;
    border-bottom: 1px solid #EAEDEF !important;
}
.faq-accrdn .accordion-item .accordion-button{
    padding: 0px !important;
    background-color: transparent !important;
    box-shadow: none !important;
font-family: 'Mulish';
font-style: normal;
font-weight: 500;
font-size: 22px;
line-height: 120%;
display: flex;
align-items: flex-start;
letter-spacing: 1px;
color: #000000;
}
.faq-accrdn .accordion-item .accordion-button span{
font-family: 'Outfit';
font-style: normal;
font-weight: 700;
font-size: 30px;
line-height: 120%;
letter-spacing: 0.25px;
color: rgba(60, 60, 67, 0.5);
margin-right: 30px;
}
.faq-accrdn .accordion-item .accordion-button::after{
content: '';
width: 48px;
height: 48px;
background-color: #F3F5F6 !important;
background-image: url(../images/faq+.png) !important;
background-size: 14px 14px !important; 
background-repeat: no-repeat !important;
background-position: center center !important;
border-radius: 50%;
}

.faq-accrdn .accordion-item .accordion-button:not(.collapsed)::after{
background-color: #000 !important;
background-image: url(../images/faqX.png) !important;
}
.faq-accrdn .accordion-item .accordion-body {
    font-family: 'Mulish';
    font-style: normal;
    font-weight: 400;
    font-size: 17px;
    line-height:1.5;
    color: rgba(60, 60, 67, 0.85);
    padding: 0 0 0 59px;
    width: 800px;
    max-width: 100%;
}
.faq-accrdn .accordion-item .accordion-button text {
    width: 777px;
    max-width: 100%;
    margin-top: 5px;
}

.inner-banner.inner-banner-dark{
    background-image: url(../images/inr-bnr-dark.png);
}
.inner-banner.inner-banner-dark .inr-bnr-txt h1,
.inner-banner.inner-banner-dark .inr-bnr-txt p,
.inner-banner.inner-banner-dark .inr-brd .breadcrumb-item,.inner-banner.inner-banner-dark .inr-brd .breadcrumb-item a,
.inr-brd.inr-brd-dark .breadcrumb-item, .inr-brd.inr-brd-dark .breadcrumb-item a{
    color: white;
}
.inner-banner.inner-banner-dark .inr-bnr-txt {
    width: 652px;
}
.faq-tabs{
    padding: 7px;
    width: fit-content;
    margin: 0 auto 30px auto !important;
    justify-content: space-between;
    gap: 7px;
background: #FFFFFF;
box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.05);
border-radius: 8px;
border-bottom: 0px;
}
.faq-tabs .nav-item{
    border: 0px solid transparent !important;
}
.faq-tabs .nav-item .nav-link{
    padding: 15px 22px 16px 22px;
background: #fff;
border-radius: 8px;
display: flex;
justify-content: center;
align-items: center;
font-family: 'Outfit';
font-style: normal;
font-weight: 500;
font-size: 21px;
line-height: 26px;
text-align: center;
letter-spacing: 0.02em;
color: #000;
}
.faq-tabs .nav-item .nav-link.active{
    background-color: #07264A;
    color: white;
}
/* / 14-11 / */
.terms-page{
    background-color: #F3F7FF;
    padding: 70px 0px;
}
.disclaim{
    border: 1px solid var(--dark-blue);
    padding: 14px 20px;
    margin-bottom: 40px;
    border-radius: 20px;
}
.read{
    font-family: 'Mulish';
    font-size: 18px;
    font-weight: 600;
}
.disclaim h6 {
    font-family: 'Outfit';
    font-style: normal;
    font-weight: 600;
    font-size: 19px;
    line-height: 25px;
    text-align: left;
    letter-spacing: 0.02em;
    color: #000000;
    margin-bottom: 13px;
}
.disclaim p{
    font-family: 'Mulish';
    font-style: normal;
    font-weight: 600;
    font-size: 15.5px;
    line-height: 23px;
    text-align: left;
    letter-spacing: 0.01em;
    color: #323E56;
    margin-bottom: 8px;
}
.disclaim p a{
    color: var(--dark-blue);
    font-weight: 600;
    color: inherit;
    text-decoration: underline !important;
    text-underline-offset: 5px;
}
.disclaim p a:hover{
    color: var(--main-red);
}
.disclaim ul li {
    padding-left: 25px;
    background-image: url(../images/list-tick-circle.png);
    background-size: 15px 15px;
    background-repeat: no-repeat;
    background-position: left top 4px;
    margin-bottom: 5px;
    font-family: 'Mulish';
    font-style: normal;
    font-weight: 600;
    font-size: 15px;
    line-height: 23px;
    letter-spacing: 0.01em;
    color: #323E56;
}
.term-box{
    border-bottom: 1px solid #222;
    padding-bottom: 15px;
    margin-bottom: 30px;
}
.term-box h2{
    font-family: 'Outfit';
    font-style: normal;
    font-weight: 600;
    font-size: 28px;
    line-height:1.3;
    text-align: left;
    letter-spacing: 0.02em;
    color: #000000;
    margin-bottom: 14px;
}
.trm-box-inr{
    margin-bottom: 14px;
}
.trm-box-inr h3{
    font-family: 'Outfit';
    font-style: normal;
    font-weight: 600;
    font-size:22px;
    line-height:1.3;
    text-align: left;
    letter-spacing: 0.02em;
    color:#505050;
    margin-bottom:6px;
}
.trm-box-inr h3 span{
    color: var(--main-red);
}
.trm-box-inr p,
.trm-box-inr ul li{
    font-family: 'Mulish';
    font-style: normal;
    font-weight: 600;
    font-size: 15.5px;
    line-height: 23px;
    text-align: left;
    letter-spacing: 0.01em;
    color:#626d85;
    margin-bottom:9px;
}
.trm-box-inr p a{
    color: var(--main-red);
}
.trm-box-inr p a:hover{
    color: var(--dark-blue);
}
.trm-box-inr ul li{
    margin-bottom:6px;
}
.trm-box-inr ul{
    list-style: disc !important;
    list-style-position: inside;
    padding-left: 16px !important;
    margin-bottom: 9px !important;
}
.trm-box-inr p:last-child,
.trm-box-inr ul li:last-child{
    margin-bottom: 0px !important;
}
.trm-box-inr h4{
    font-family: 'Outfit';
    font-style: normal;
    font-weight: 600;
    font-size:19px;
    line-height:1.3;
    text-align: left;
    letter-spacing: 0.02em;
    color:#505050;
    margin-bottom:6px;
    margin-top: 10px;
}
/* / 14-11 / */
.no-mssg-avl{
    margin-top: -71px;
}
.err_mesg_msg_page{
    font-size: 1.2rem;
    font-weight: 500;
    color: var(--main-red);
    margin-top: 8px;
}
.vw-blnc-deets{
    padding: 20px 20px 8px 20px;
}
.vw-blnc-deets ul li{
    margin-bottom: 12px;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 8px;
}
.vw-blnc-deets ul li h5{
    font-family: 'Mulish';
    font-style: normal;
    font-weight: 500;
    font-size: 15px;
    line-height: 18px;
    letter-spacing: 0.02em;
    color: #181D5D;
    width: 265px;
    max-width: 80%;
}
.vw-blnc-deets ul li text{
    width: calc(100% - 273px);
    font-family: 'Mulish';
    font-style: normal;
    font-weight: 500;
    font-size: 13px;
    line-height: 18px;
    letter-spacing: 0.02em;
    color: #575A5B;
    min-width: 20%;
}
.main_pop_area.main-popsz-6{
    width: 397px;
}
.view_balance{
    color: var(--main-red);
}
.view_balance:hover{
    color: var(--yellow);
}
.send-aprv-alert .alert {
    position: relative;
    text-align: center;
    font-size: 15px;
    font-weight: 500;
    color: #000;
    font-family: 'Mulish';
    height: fit-content !important;
    padding: 25px 14px 14px 14px !important;
}
.send-aprv-alert a.close {
    position: absolute;
    top: 3px;
    right: 3px;
    width: 22px;
    height: 22px;
    background-color: white !important;
    display: flex;
    font-size: 17px;
    font-weight: 600;
    color: var(--dark-blue);
    border-radius: 50%;
    line-height: 0.8;
    justify-content: center;
    align-items: center;
    padding: 0px 0px 2px 1px;
}
.send-aprv-alert a.prfl-continue {
    width: fit-content !important;
    height: fit-content !important;
    background: #181D5D;
    border-radius: 8px;
    font-family: 'Mulish';
    font-style: normal;
    font-weight: 600 !important;
    font-size: 14px !important; 
    line-height: 1 !important;
    text-align: center;
    letter-spacing: 0.04em;
    color: #FFFFFF;
    padding: 10px 14px;
    margin: 12px auto 0 auto;
    cursor: pointer;
    float: none !important;
    display: block;
}
.send-aprv-alert a.prfl-continue:hover{
    background: var(--yellow);
    color: #000;
}
.pass-fl{
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 20px;
    padding: 6px 0px 0px 0px;
}
.pass-fl label {
    padding-left: 22px;
    font-family: 'Mulish';
    font-style: normal;
    font-weight: 600;
    font-size: 17px;
    line-height: 18px;
    letter-spacing: 0.02em;
    color: #1c1d20;
    position: relative;
    width: 83px;
}
.pass-fl label label.error {
    padding-left: 0px;
    white-space: nowrap !important;
    font-size: 12px;
    font-weight: 500;
    display: block;
    margin-top: 4px;
    margin-left: -20px;
}
.pass-fl label input{
    position: absolute;
    z-index:2;
    cursor: pointer;
    display: block;
    width: 100%;
    height: 100%;
    opacity: 0;
    top: 0px;
    left: 0px;
}
.psfl-circle {
    display: block;
    width: 16px;
    height: 16px;
    position: absolute;
    left: 0px;
    top: 0px;
    border-radius: 50%;
    border: 1px solid #8d8d8d;
    background-color: transparent;
    outline: 4px solid white;
    outline-offset: -9px;
}
.pass-fl label input:hover ~ .psfl-circle,
.pass-fl label input:checked ~ .psfl-circle{
    border:1px solid var(--dark-blue);
}
.pass-fl label input:checked ~ .psfl-circle{
    background-color: var(--dark-blue);
}
label#comments-error{
    font-size: 12px;
    font-weight: 500;
}
.subs-ovr {
    width: 90%;
    margin: 0px auto 12px auto;
    font-family: 'Outfit';
    font-style: normal;
    font-weight: 400;
    font-size: 17px;
    line-height: 1.6;
    text-align: left;
    letter-spacing: 0.02em;
    text-transform: capitalize;
    color: #273746;
    text-align: center;
}
.subs-ovr a{
    color: var(--dark-blue);
    text-decoration: underline !important;
    text-underline-offset: 4px !important;
}
.subs-ovr a:hover{
    color: var(--main-red);
}
p.note {
    margin-top: 12px;
    font-family: 'Outfit';
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 1.6;
    text-align: left;
    letter-spacing: 0.02em;
    color: #273746;
    padding: 4px 10px;
    background-color: #504adf26;
    border-radius: 6px;
}
p.note b{
    color: var(--dark-blue);
}
.dash-inpt-txt label span{
    font-weight: 400;
    color: var(--dark-blue);
}
.dash-inpt-txt p{
    font-family: 'Outfit';
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 1.6;
    text-align: left;
    letter-spacing: 0.02em;
    color: #273746;
}
.tbl-cl-min{
    min-width: 81px !important;
}
.gap-10{
    gap: 10px !important;
}
.flex-grow1{
    flex-grow: 1;
}
.vw-offr-box{
    margin-bottom: 17px;
}
.vw-offr-box h6 {
    font-family: 'Mulish';
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0.02em;
    color: #181D5D;
    margin-bottom: 4px;
}
.vw-offr-box p{
        font-family: 'Mulish';
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 18px;
    letter-spacing: 0.02em;
    color: #575A5B;
}
.vw-offr-box img{
    display: block;
    width: 24px;
    height: 24px;
    border-radius: 4px;
}
.vw-offr-btns{
    padding-top: 12px;
    border-top: 1px solid #ddd;
}
.vw-offr-btns a{
        background: #181D5D;
    border-radius: 6px;
    padding: 8px 9px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 6px;
    font-family: 'Mulish';
    font-style: normal;
    font-weight: 700;
    font-size: 14px;
    line-height: 18px;
    text-align: center;
    letter-spacing: 0.02em;
    color: #FFFFFF;
}
.vw-offr-btns a:hover{
    background: var(--yellow);
    color: var(--dark-blue);
}
.tab-tbl-cell h5 a:hover{
    color: var(--main-red) !important;
}
.w-fit{
    width: fit-content !important;
}
/* 06-12 */
.blog-list{
    margin: 60px 0px;
}
.blog-list .row{
    row-gap: 30px;
}
.blog-brd{
    background-color: #EAF1FF;
    padding: 12px 0px !important;
}
.blog-details{
    margin: 60px 0px;
}
.blog-deet-rt{
    padding-left: 30px;
    border-left: 1px solid #d2d2d2;
}
.blog-deet-rt h2{
    font-family: 'Outfit';
    font-style: normal;
    font-weight: 600;
    font-size: 38px;
    line-height: 48px;
    letter-spacing: 0.02em;
    color: #000000;
    margin-bottom: 14px;
    padding-bottom: 6px;
    position: relative;
    border-bottom: 1px solid #d2d2d2;
}
.blog-deet-rt h2::before{
    content: '';
    position: absolute;
    left: 0px;
    bottom: 0px;
    width: 80px;
    height: 4px;
    background-color: var(--main-red);
    border-radius: 0 3px 0 0;
    display: block;
}
.blog-brd .breadcrumb-item, .blog-brd .breadcrumb-item a {
    font-family: 'Mulish';
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 28px;
    letter-spacing: 0.01em;
    color: #06264D;
}
.blog-deet-rt .blog-box{
    margin-bottom: 14px;
}
.blog-deet-rt .blog-box em {
    height: 149px;
    margin-bottom: 6px;
}
.blog-deet-rt .blog-bxtxt h3 {
    font-size: 17px;
    line-height:1.4;
    margin-bottom: 10px;
}
.blog-deet-rt span.tag {
    margin-bottom: 5px;
}
.more-blogs{
    width: 100%;
    height: 53px;
    background: #181D5D;
    border-radius: 8px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 0px;
    font-family: 'Mulish';
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    line-height: 20px;
    text-align: center;
    letter-spacing: 0.04em;
    text-transform: capitalize;
    color: #FFFFFF;
}
.more-blogs:hover {
    background: var(--yellow);
    color: var(--dark-blue);
}
.blog-hdgns h2 {
    font-family: 'Mulish';
    font-style: normal;
    font-weight: 800;
    font-size: 36px;
    line-height: 44px;
    letter-spacing: 0.01em;
    color: #06264D;
    margin-bottom: 24px;
}
.blog-poster{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-start;
    gap: 20px;
    flex-wrap: wrap;
}
.blog-share{
    margin-left: auto;
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    align-items:center;
    gap: 6px;
}
.blog-share h6{
    display: block;
    font-family: 'Outfit';
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 34px;
    letter-spacing: 0.02em;
    color: #06264D;
}
.blog-share ul{
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    align-items: center;
    gap: 4px;
}
.blog-share ul li a{
    display: flex;
    justify-content: center;
    align-items: center;
    width: 27px;
    height:27px;
    border-radius: 50%;
    background-color: white;
    overflow: hidden;
    border: 1px solid  #313041;
}
.blog-share ul li a svg {
    display: block;
    max-width: 14px;
    max-height: 14px;
    font-size: 24px;
    color: #313041;
}
.blog-share ul li a:hover{
    background-color: var(--yellow);
    border: 1px solid var(--yellow);
}
.blog-poster .pstr-txt h5 {
    display: block;
    font-family: 'Outfit';
    font-style: normal;
    font-weight: 600;
    font-size: 18px;
    line-height: 1.3;
    letter-spacing: 0.02em;
    color: #06264D;
}
.blog-poster .poster em {
    width: 43px !important;
    height: 43px !important;
}
.blog-poster .pstr-txt h6 {
    font-size: 14px;
    line-height: 32px;
}
.blog-hdgns{
    margin-bottom: 30px;
}
.main-blg-img{
    width: 100%;
    height: fit-content;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    margin-bottom: 16px;
    border-radius: 9px;
}
.main-blg-img img{
    display: block;
    width: 100%;
    height: auto;
    object-fit: cover;
    object-position: center;
}
h3.blog-subhdng {
    margin-bottom: 6px;
    font-family: 'Outfit';
    font-style: normal;
    font-weight: 600;
    font-size: 22px;
    line-height: 1.4;
    letter-spacing: 0.02em;
    color: #181d5d;
}
.blog-txt p{
    font-family: 'Mulish';
    font-style: normal;
    font-weight: 600;
    font-size: 17px;
    line-height:1.7;
    letter-spacing: 0.01em;
    color: #323E56;
    margin-bottom: 14px;
}
.prev-nxt-blog {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-start;
    gap: 20px;
    flex-wrap: wrap;
    padding-top: 16px;
    border-top: 1px solid #d2d2d2;
    margin-top: 40px;
}
.prev-nxt-blog a{
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 11px;
    width: 300px;
}
.prev-nxt-blog a svg{
    display: block;
    width: 16px;
    height: auto;
    margin-top: 5px;
}
.prev-nxt-blog a span{
    font-family: 'Outfit';
    font-style: normal;
    font-weight: 600;
    font-size: 18px;
    line-height: 23px;
    letter-spacing: 0.02em;
    color: #273746;
    display: block;
    width: calc(100% - 27px);
}
.prev-nxt-blog a span small {
    font-family: 'Outfit';
    font-style: normal;
    font-weight: 600;
    font-size: 17px;
    line-height: 1.2;
    letter-spacing: 0.02em;
    color: #273746c7;
    display: block;
    margin-bottom: 4px;
}
.prev-nxt-blog a.next-blog{
    margin-left: auto;
}
.prev-nxt-blog a.next-blog span,
.prev-nxt-blog a.next-blog span small{
    text-align: right;
}
.prev-nxt-blog a:hover span,
.prev-nxt-blog a:hover span small{
    color: var(--yellow);
}
.prev-nxt-blog a:hover svg path{
    stroke: var(--yellow);
}
.blog-deets-lft, .blog-deet-rt{
    height: 100%;
}


/*rabin-09/12*/
.mb_none{
    margin-top:0 !important;
}
.academy_rm1{
}

.academy_rm1 .banner-img {
  width: auto !important;
  max-width:745px;
}



.academy_rm2 .blog-box em {
    background:#f3f7ff;
}
.academy_rm2 .blog-box em iframe {
    width: 100%;
    height: 250px;
}
.academy_rm2 .blog-bxtxt p {
  margin-bottom: 0 !important;
}
.academy_rm2 .blog-bxtxt h3 {
  margin-bottom: 10px !important;
}



.academy_rm3 .blog-bxtxt p {
  margin-bottom: 0 !important;
}
.academy_rm3 .blog-bxtxt h3 {
  margin-bottom: 10px !important;
}
.academy_rm3 {
  padding: 41px 0px 56px 0px !important;
}


.academy_rm4 .blog-bxtxt h3 {
  margin-bottom: 0 !important;
}
/* 06-12 */
.academy_rm3 .blog-hdng {
    margin-bottom: 0 !important;
}
.academy_rm6{
    background-color: #F3F7FF;
}

/*FOR Testimonials*/
.testimonial_rm5{
    padding-top: 50px !important;
    padding-bottom: 50px !important;
}
.testimonial_rm5 .owl-testi .item {
    height: 100%;
}
.testimonial_rm5 .testi-box {
    height: fit-content;
    height: 100%;
}
.testimonial_rm5 .owl-carousel .owl-stage{
    display: flex;
}
.testimonial_rm5 .owl-testi.owl-theme .owl-nav.disabled + .owl-dots {
    margin-top: 12px;
}
.testimonial_rm5 .testi-hdr {
    margin: 0 auto 10px auto;
}
.testimonial_rm5 .testi-box {
    box-shadow: 0px 0px 25px rgba(41, 58, 68, 0.1);
    padding: 22px 20px 22px 22px;
    border-radius: 10px;
}
.testimonial_rm5 .who-testi text h5 {
    font-weight: 800;
}
.testimonial_rm5 .who-testi em {
    width: 55px;
    height: 55px;
}
.testimonial_rm5 .who-testi {
    margin-bottom: 11px;
    border-bottom: 1px dashed #8a8a8a;
    padding-bottom: 14px;
}
.testimonial_rm5 .who-testi span{
    margin: 5px 0 0 0;
    display: block;
    overflow: hidden;
}
.testimonial_rm5 .who-testi span strong{
    float:left;
}
.testimonial_rm5 .who-testi span img {
    width: 12px !important;
    margin: 0 4px 0 0;
}
.testimonial_rm5 .who-testi text h5 {
    background-image: none !important;
}
.testimonial_rm5 .who-testi text h6 {
    font-size: 13px;
    line-height: 23px;
}
.testimonial_rm5 .testi-box p {
  font-size: 15.5px;
  line-height: 26px;
}
.testimonial_rm5 .who-testi > span {
  float: right;
  margin: 0;
}
.testimonial_rm5 .who-testi > span img {
  float: right;
  margin: 0;
 width: 44px !important;
}
.testimonial_rm5 .owl-testi .item {
  padding: 22px;
}
.pub-prv {
    display: inline-flex;
    margin-left: auto;
    width: fit-content;
    padding: 4px 12px;
    font-family: 'Outfit';
    font-style: normal;
    font-weight: 500;
    font-size: 15px;
    line-height: 23px;
    text-align: center;
    letter-spacing: 0.02em;
    text-transform: capitalize;
    color: #1E2933;
    background-color: var(--yellow);
    border-radius: 4px;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    gap: 4px;
    float: right;
}
.pub-prv svg{
    display: inline-block;
    width: 18px;
}
.pub-prv:hover{
    background-color: var(--dark-blue);
    color: white;
}
.pub-prv:hover svg path{
    stroke: white;
}
.swal2-confirm{
    background-color: var(--dark-blue) !important;
    color: white !important;
}
.swal2-confirm:hover{
    background-color: var(--yellow) !important;
    color: var(--dark-blue) !important;
    border: none !important;
    box-shadow: none !important;
    outline: none !important;
}
.swal2-confirm:focus{
    border: none !important;
    box-shadow: none !important;
    outline: none !important;
}
.loggd-area-nav{
    margin-right: 20px !important;
}
.rm_after_login1.prfl-progress{
    top: 24%;
    z-index: 999;
}

.edt-avl{
    display: inline-flex;
    justify-content: center;
    align-items: center;
    padding: 4px 8px;
    border-radius: 3px;
    background-color: var(--dark-blue);
    color: white;
    width: fit-content;
    font-family: 'Mulish';
    font-style: normal;
    font-weight: 500;
    font-size: 13px;
    line-height: 1;
    letter-spacing: 0.02em;
    gap: 3px;
    margin-left: 4px;
}
.edt-avl svg{
    display: block;
    width: 12px;
    height: 12px;
}
.edt-avl svg path{
    stroke: white;
}
.edt-avl:hover{
    background-color: var(--yellow);
    color: var(--dark-blue);
}
.edt-avl:hover svg path{
    stroke: var(--dark-blue);
}
.banner-text .carousel-indicators {
    bottom: -44px;
     margin-right: 0; 
     margin-bottom: 0; 
     margin-left: 0; 
}
.banner-text .carousel-indicators [data-bs-target] {
    width: 10px;
    height: 10px;
    border-radius: 50%;
}
.banner-text .carousel-item {
    height: 360px;
}


/* 14-12 */
.acdm-courses{
    padding: 70px 0px;
}
.acdm-filter {
    /* border: 1px solid #d3d3d3; */
    border-radius: 13px;
    padding: 12px;
    margin-bottom: 40px;
    background-color: #07264a0a;
}
.acdm-filter h3 {
    font-family: 'Mulish';
    font-style: normal;
    font-weight: 700;
    font-size: 21px;
    line-height: 1;
    color: #2A3B4B;
    margin-bottom: 9px;
}
.acdm-filter form .das-inpt-grp,
.acdm-filter form .srch-tbl {
    margin-bottom: 0px;
}
.acdm-filter form .das-inpt-grp select{
    background-color: white !important;
}
.acdm-courses{
    margin-bottom: 40px;
}
.adcm-courses-hdr{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    gap: 12px;
    margin-bottom: 20px;
}
.adcm-courses-hdr h2{
    font-family: 'Mulish';
    font-style: normal;
    font-weight: 700;
    font-size: 27px;
    line-height: 23px;
    color: #2A3B4B;
}
.adcm-courses-hdr a{
    width:fit-content;
    height: fit-content;
    background: #181D5D;
    border-radius: 8px;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    gap: 4px;
    font-family: 'Mulish';
    font-style: normal;
    font-weight: 400;
    font-size: 15px;
    line-height: 20px;
    text-align: center;
    letter-spacing: 0.04em;
    color: #FFFFFF;
    padding:9px 23px;
}
.adcm-courses-hdr a:hover{
    background: var(--main-red);
    color: white;
}
.course-card{
    background: rgba(255, 255, 255, 0.87);
    border: 1px solid #E1E7F5;
    box-shadow: 0px 0px 25px rgba(41, 58, 68, 0.07);
    border-radius: 14px;
    padding: 10px 10px 21px 10px;
    display: block;
}
.acdm-courses .course-card em{
    width: 100%;
    height: 232px;
    border-radius: 11px;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 11px;
}
.acdm-courses .course-card em img{
    display: block;
    object-fit: cover;
    width: 100%;
    height: 100%;
}
.crs-tags {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    gap: 5px;
    margin-bottom: 10px !important;
    flex-wrap: wrap;
}
.crs-tags li{
    width: fit-content;
    background: #DFE5F6;
    border-radius: 4px;
    display: block;
    font-family: 'Mulish';
    font-style: normal;
    font-weight: 700;
    font-size: 12px;
    line-height: 18px;
    color: #3786E4;
    padding: 1px 6px 3px 6px;
}
.acdm-courses .course-card h3 {
    font-family: 'Outfit';
    font-style: normal;
    font-weight: 600;
    font-size: 20px;
    line-height: 25px;
    letter-spacing: 0.02em;
    color: #273746;
    margin-bottom: 11px;
}
.crs-rate{
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    gap: 2px;
    margin-bottom: 12px !important;
}
.crs-rate li{
    display: flex;
    justify-content: center;
    align-items: center;
    width: 18px;
    height: 18px;
}
.crs-rate li svg{
    display: block;
    width: 18px;
    height: 18px;
}
.crs-rate p{
    font-family: 'Outfit';
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 1;
    letter-spacing: 0.02em;
    color: #273746;
}
.acdm-courses .course-card h5{
    font-family: 'Outfit';
    font-style: normal;
    font-weight: 500;
    font-size: 17px;
    line-height: 1;
    letter-spacing: 0.02em;
    color: #273746;
}
.acdm-courses .course-card h5 b{
    font-weight: 700;
    color: var(--main-red);
}
.acdm-courses .course-card:hover {
    box-shadow: 0px 0px 16px 0px #00000030;
}
.acdm-courses-top,
.acdm-courses-btm{
    padding-bottom: 50px;
}
.acdm-courses-btm .crs-rate{
    margin-bottom: 0px !important;
}
.adcm-courses-hdr p {
    font-family: 'Mulish';
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 21px;
    color: #4F5E64;
    margin-top: 12px;
}
.adcm-courses-hdr text{
    width: calc(100% - 157px);
}
.acdm-bluesec .comp-bluetxt h5{
    font-family: 'Outfit';
    font-style: normal;
    font-weight: 500;
    font-size: 20px;
    line-height: 25px;
    letter-spacing: 0.02em;
    color:white;
    margin-bottom:20px;
}
.acdm-bluesec .comp-bluetxt h2 {
    font-family: 'Outfit';
    font-style: normal;
    font-weight: 600;
    font-size: 29px;
    line-height: 1.5;
    letter-spacing: 0.02em;
    color: #FFFFFF;
    margin-bottom: 30px;
}
.acdm-bluesec .comp-blueinr {
    padding: 32px 0px;
}
.acdm-bluesec .comp-bluetxt {
    width: calc(100% - 230px);
    max-width: 100%;
}
.academy_rm4 .blog-bxtxt {
    padding: 0px 0px;
}
.academy_rm4 .blog-bxtxt p{
margin-bottom: 12px;
}
.academy_rm4 .blog-bxtxt a {
    font-family: 'Mulish';
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 1.3;
    text-align: center;
    letter-spacing: 0.04em;
    text-transform: capitalize;
    color: #FFFFFF;
    padding: 6px 11px;
    width: fit-content;
    height: fit-content;
    background: #07264A;
    border-radius: 8px;
    display: block;
}
.academy_rm4 .blog-bxtxt a:hover{
    background: var(--main-red);
    color: white;
}
.academy_rm4 .blog-box {
    padding: 10px 10px 10px 10px;
}
.ai-powered{
    background-color: #F3F7FF;
    padding: 40px 0px;
    background-image: url(../images/grt-bg2.png);
    background-position: left top;
    background-repeat: no-repeat;
    background-size: auto;
}

.ai-text h2{
    font-family: 'Mulish';
    font-style: normal;
    font-weight: 800;
    font-size: 35px;
    line-height: 1.2;
    letter-spacing: 0.01em;
    /* text-transform: capitalize; */
    color: #06264D;
    margin-bottom: 15px;
}
.ai-text p {
    font-family: 'Mulish';
    font-style: normal;
    font-weight: 500;
    font-size: 17px;
    line-height: 32px;
    letter-spacing: 0.02em;
    color: #5a5a5a;
}
.ai-powered em{
    display: flex;
    justify-content: flex-end;
    align-items: center;
    width: 100%;
    height: 300px;
}
.ai-powered em img{
    display: block;
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 100%;
}
.course-card em.micro-play{
    background-color: #F3F7FF;
    height: 150px;
}
.course-card em.micro-play iframe {
    width: 100%;
    height: fit-content;
}
/* 14-12 */

.ai-text h5{
    font-family: 'Mulish';
    font-style: normal;
    font-weight: 500;
    font-size:19px;
    line-height: 1.2;
    letter-spacing: 1px;
    color: #000000;
    margin-bottom: 15px;
}
.comp-bluetxt h5{
    font-family: 'Mulish';
    font-style: normal;
    font-weight: 800;
    font-size: 21px;
    line-height:1;
    letter-spacing: 0.02em;
    color: #FFCB24;
    margin-bottom: 9px;
}
h2.acdm-header{
    font-family: 'Mulish';
    font-style: normal;
    font-weight: 800;
    font-size: 49px;
    line-height: 56px;
    letter-spacing: 0.01em;
    text-transform: capitalize;
    color: #06264D;
    margin-bottom: 24px;
    text-align: center;
}
.who-cndt-deet h3{
    width: calc(100% - 140px);
}
.srch-list-lstvw.srch-list-grdvw .who-cndt-deet h3{
    width: 100%;
}
.srch-list-lstvw.srch-list-grdvw .who-cndt-deet{
    margin-bottom:50px;
}
.shw-phn {
    padding: 8px 7px;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    gap: 5px;
    width: fit-content;
    height: fit-content;
    background-color: var(--dark-blue);
    font-family: 'Mulish';
    font-style: normal;
    font-weight: 500;
    font-size: 13px;
    line-height: 1;
    letter-spacing: 0.01em;
    color: white;
    margin-top: 11px;
    border-radius: 4px;
}
.shw-phn:hover{
    background-color: var(--main-red);
    color: white;
}
.shw-phn svg{
    display: block;
    width: 16px;
    height: 16px;
}
.si-tc5{
    width: 90px;
    padding-top: 22px;
}
.si-tc4{
    width: 105px;
}
.si-tc3{
    width: 105px;
}
.si-tc2{
    width: 256px;
}
.si-tc1{
    width: calc(100% - 636px);
}
.tab-tbl-cell.si-tc2 p {
    flex-wrap: wrap;
}
.si-table{
    align-items: start !important;
}
p.ad-skil-tb span{
    display: inline-flex;
    justify-content: center;
    align-items: center;
    width: fit-content;
    margin: 0 4px 4px 0;
    border-radius: 4px;
    background-color: var(--dark-blue);
    color: white;
    font-size: 13px;
    font-weight: 500;
    padding: 5px 6px;
    line-height: 1;
}

/*14-01*/
.pckg-btn {
    width: fit-content;
    background: #181D5D;
    border-radius: 7px;
    font-family: 'Mulish';
    font-style: normal;
    font-weight: 700;
    font-size: 14px;
    line-height: 17px;
    display: flex;
    align-items: center;
    letter-spacing: 0.04em;
    color: #FFFFFF;
    justify-content: center;
    padding: 8px 19px;
    margin-left:auto;
    }
    .pckg-btn:hover{
        color:#07264A;
        background:#FFB800;
    }
/*14-01*/

.sign-country.country_code{
    top: 23px;
    height: 49px;
}
.sign-country.country_code.select2-container .select2-choice > .select2-chosen {
    width: 100%;
    justify-content: flex-start;
    align-items: center;
    padding-left: 8px !important;
    display: flex;
    border-radius: 6px 0 0 6px;
}
.sign-country.country_code.select2-container .select2-choice {
    height: 50px;
    width: 130px;
}
.select2-drop{
    width: 200px;
}
.pro_mob_number input.more-pad{
    padding: 8px 14px 8px 145px !important;
}

.bottom_for_all label{
    width:32%;
    height: 47px;
    position:relative;
}
.bottom_for_all label input{
    position:absolute;
    z-index:2;
    width:100%;
    height:100%;
    display:block;
    opacity:0;
    cursor:pointer;
    top:0px;
    left:0px;
}
.bottom_for_all label span {
    width: 100%;height:100%;
    background: #fff;
    border: 1px solid #181D5D;
    border-radius: 7px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 0px;
    font-family: 'Outfit';
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 20px;
    text-align: center;
    letter-spacing: 0.03em;
    color: #181D5D;
    box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.09);
}
.bottom_for_all label input:hover + span,
.bottom_for_all label input:focus + span,
.bottom_for_all label input:checked + span{
    background: #FFCB24;
    color: var(--dark-blue);
    transition: all 0.3s ease;
    box-shadow: none;
    border: 1px solid #FFCB24;
}
span.vwd {
    position: absolute;
    top: 3px;
    right: -10px;
    width: fit-content;
    display: flex;
    border-radius: 14px;
    padding: 3px 8px 3px 3px;
    background-color: var(--dark-blue);
    color: white;
    font-family: 'Mulish';
    font-style: normal;
    font-weight: 600;
    font-size: 12px;
    line-height: 1;
    text-align: center;
    letter-spacing: 0.03em;
    border: 3px solid white;
    justify-content: center;
    align-items: center;
    gap: 2px;
}
.blog-brd .container{
    display:flex;
    flex-direction:row;
    justify-content:space-between;
    align-items:center;
    column-gap:20px;
    row-gap:5px;
    flex-wrap:wrap;
}
.print-btn {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    gap: 7px;
    padding: 8px 20px;
    background-color: var(--dark-blue);
    border-radius: 5px;
    font-family: 'Outfit';
    font-style: normal;
    font-weight: 600;
    font-size: 17px;
    line-height: 1;
    letter-spacing: 0.02em;
    color: white;
    width: fit-content;
}
.print-btn:hover{
    background-color:var(--main-red);
    color:white;
}
.das-inpt-grp select.country_code.cc-width {
    background-image: url(../images/select-drp.png);
    background-repeat: no-repeat;
    background-position: right 0px center;
    background-size: 17px 17px;
    width: 118px !important;
    padding-right: 19px !important;
    padding-left: 4px !important;
}

.actTerm{
    display: flex;
    align-items: start;
}
.actTerm input type="checkbox"{
    margin: 5px 5px 0 0;
}

#terms1{
     margin: 5px 5px 0 0 !important;
}

.abc{
    width: fit-content;
    height: 48px;
    background: #07264a;
    border: 1px solid #07264a;
    border-radius: 9px;
    min-width: 175px;
    padding: 12px 15px;
    font-family: 'Mulish';
    font-style: normal;
    font-weight: 700;
    font-size: 17px;
    line-height: 21px;
    text-align: center;
    letter-spacing: 0.02em;
    color: #FFFFFF;
    margin: 0 auto;
}
.abc:hover{
    background: #ffb800;
    border: 1px solid #ffb800;
    color: #FFFFFF;
}