revinr
/
student-admission


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813814815816817818819820821822823824825826827828829830831832833834835836837838839840841842843844845846847848849850851852853854855856857858859860861862863864865866867868869870871872873874875876877878879880881882883884885886887888889890891892893894895896897898899900901902903904905906907908909910911912913914915916917918919920921922923924925926927928929930931932933934935936937938939940941942943944945946947948949950951952953954955956957958959960961962963964965966967968969970971972973974975976977978979980981982983984985986987988989990991992993994995996997998999100010011002100310041005100610071008100910101011101210131014101510161017101810191020102110221023102410251026102710281029103010311032103310341035103610371038103910401041104210431044104510461047104810491050105110521053105410551056105710581059106010611062106310641065106610671068106910701071107210731074107510761077107810791080108110821083108410851086108710881089109010911092109310941095109610971098109911001101110211031104110511061107110811091110111111121113111411151116111711181119112011211122112311241125112611271128112911301131113211331134113511361137113811391140114111421143114411451146114711481149115011511152115311541155115611571158115911601161116211631164116511661167116811691170117111721173117411751176117711781179118011811182118311841185118611871188118911901191119211931194119511961197119811991200120112021203120412051206120712081209121012111212121312141215121612171218121912201221122212231224122512261227122812291230123112321233123412351236123712381239124012411242124312441245124612471248124912501251125212531254125512561257125812591260126112621263126412651266126712681269127012711272127312741275127612771278127912801281128212831284128512861287128812891290129112921293129412951296129712981299130013011302130313041305130613071308130913101311131213131314131513161317131813191320132113221323132413251326132713281329133013311332133313341335133613371338133913401341134213431344134513461347134813491350135113521353135413551356135713581359136013611362136313641365136613671368136913701371137213731374137513761377137813791380138113821383138413851386138713881389139013911392139313941395139613971398139914001401140214031404140514061407140814091410141114121413141414151416141714181419142014211422142314241425142614271428142914301431143214331434143514361437143814391440144114421443144414451446144714481449145014511452145314541455145614571458145914601461146214631464146514661467146814691470147114721473147414751476147714781479148014811482148314841485148614871488148914901491149214931494149514961497149814991500150115021503150415051506150715081509151015111512151315141515151615171518151915201521152215231524152515261527152815291530153115321533153415351536153715381539154015411542154315441545154615471548154915501551155215531554155515561557155815591560156115621563156415651566156715681569157015711572157315741575157615771578157915801581158215831584158515861587158815891590159115921593159415951596159715981599160016011602160316041605160616071608160916101611161216131614161516161617161816191620162116221623162416251626162716281629163016311632163316341635163616371638163916401641164216431644164516461647164816491650165116521653165416551656165716581659166016611662166316641665166616671668166916701671167216731674167516761677167816791680168116821683168416851686168716881689169016911692169316941695169616971698169917001701170217031704170517061707170817091710171117121713171417151716171717181719172017211722172317241725172617271728172917301731173217331734173517361737173817391740174117421743174417451746174717481749175017511752175317541755175617571758175917601761176217631764176517661767176817691770177117721773177417751776177717781779178017811782178317841785178617871788178917901791179217931794179517961797179817991800180118021803180418051806180718081809181018111812181318141815181618171818181918201821182218231824182518261827182818291830183118321833183418351836183718381839184018411842184318441845184618471848184918501851185218531854185518561857185818591860186118621863186418651866186718681869187018711872187318741875187618771878187918801881188218831884188518861887188818891890189118921893189418951896189718981899190019011902190319041905190619071908190919101911191219131914191519161917191819191920192119221923192419251926192719281929193019311932193319341935193619371938193919401941194219431944194519461947194819491950195119521953195419551956195719581959
							<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="utf-8" />
        <title>Research Admission</title>
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <meta name="description" content="Information & Guidance on the PhD Process, Connect with Supervisor and Many" />
        <meta name="keywords" content="" />
        
         <!-- facebook tags -->
         <meta property="og:url" content="http://www.facebook.com/researchadmission"/>
         <meta property="og:type" content="website"/>
         <meta property="og:title" content="Research Admission"/>
         <meta property="og:description" content="Information & Guidance on the PhD Process, Connect with Supervisor and Many"/>
          <!-- Linkedin tags -->
         <meta property="og:url" content="https://www.linkedin.com/company/researchadmission"/>
         <meta property="og:type" content="website"/>
         <meta property="og:title" content="Research Admission"/>
         <meta property="og:description" content="Information & Guidance on the PhD Process, Connect with Supervisor and Many"/>

        <!-- favicon -->
        <link rel="shortcut icon" href="{{asset('web/images/logo.png') }}">
        <!-- Bootstrap -->
        <link href="{{ asset('web/css/bootstrap.min.css') }}" rel="stylesheet" type="text/css" />
        <!-- tobii css -->
        <link href="{{asset('web/css/tobii.min.css')}}" rel="stylesheet" type="text/css" />
        <!-- Icons -->
        <link href="{{asset('web/css/materialdesignicons.min.css')}}" rel="stylesheet" type="text/css" />
        <link rel="stylesheet" type="text/css" href="{{ asset('web/stylesheets/font-awesome.min.css') }}" />
        <link rel="stylesheet" href="https://unicons.iconscout.com/release/v3.0.6/css/line.css">
        <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.1.1/css/all.min.css">
        <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/limonte-sweetalert2/11.6.15/sweetalert2.min.css">
        
        <!-- Slider -->               
        <link rel="stylesheet" href="{{asset('web/css/tiny-slider.css')}}"/>
        <!-- Main Css -->
        <link href="{{asset('web/css/style.css')}}" rel="stylesheet" type="text/css" id="theme-opt" />
        <link href="{{asset('web/css/colors/default.css')}}" rel="stylesheet" id="color-opt">
        <link rel="preconnect" href="https://fonts.googleapis.com">
        <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
        <link href="https://fonts.googleapis.com/css2?family=Roboto:wght@400;900&display=swap" rel="stylesheet">
        
        <link rel="preconnect" href="https://fonts.googleapis.com">
        <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
        <link href="https://fonts.googleapis.com/css2?family=Oswald:wght@200&family=Quicksand:wght@400;500;600;700&display=swap" rel="stylesheet">
        <link rel="stylesheet" href="{{asset('web/css/datepicker.min.css')}}">
        <link rel="stylesheet" href="{{asset('web/css/sweetalert/sweetalert.css')}}">
    </head>
    <style>
body {
    font-family: 'Oswald', sans-serif;
    font-family: 'Quicksand', sans-serif;
}
h1, h2, h3, h4, h5, h6 {
    font-family: 'Oswald', sans-serif;
    font-family: 'Quicksand', sans-serif;
}
.bg-half-170 {
    padding:0px;
}
#topnav {
    background-color: #1E0A46;
}
#topnav .navigation-menu > li > a {
    color:white !important;
}
#topnav .navigation-menu {
    display: initial;
}
#topnav.nav-sticky{
    background-color: #1E0A46;
}
.form-control:focus {
    box-shadow: 0 0 0 0.25rem rgb(13 110 253 / 25%) !important;
}
.horizontal-menu .header-navbar.navbar-fixed {
    position: fixed;
    width: 100%;
}
.btn1{
    background-color: #aba3db !important; 
    color:white !important; 
    border-radius: 20px; 
    box-shadow:none !important;
}
.btn1:hover{
    background: #453993 !important;
    color: #fff !important;
    border-radius: 20px;
}
.title{
    font-size:12px;
}
.badge-title{
    background: #dedbf1;
    font-weight: 600;
    color: #2e1153;
    padding: 2px 8px;
    border-radius: 4px;
    border: 1px solid #d8e2e7;
    font-size: 11px;
}
.label_badge_radius {
    color: #2e1153;
    border-radius: 20px;
    padding: 1px 10px;
    font-size: 11px;
    line-height: 1.3;
    letter-spacing: .2px;
    font-weight: 600;
    background: rgb(255, 255, 255);
}
.body ul {
    list-style-type: none;
    padding-left: 0;
    margin-bottom: 0;
    font-size:12px;
}
.badge-lighter-green {
    background: #d8fdd8!important;
    color: green!important;
}
.badge-lighter-red {
    background: #f3dadc!important;
    color: #de1528!important;
}
.uil-map-marker {
    color: #2e1153;
    background: #f1f0fb;
    border-radius: 100%;
    font-size: 14px;
    padding: 4px 6px;
    border: 1px solid #ceccda;
}
.bg-primary, .btn-primary, .btn-soft-primary:hover, .btn-soft-primary:focus, .btn-soft-primary:active, .btn-soft-primary.active, .btn-soft-primary.focus, .btn-outline-primary:hover, .btn-outline-primary:focus, .btn-outline-primary:active, .btn-outline-primary.active, .btn-outline-primary.focus, .btn-outline-primary:not(:disabled):not(.disabled):active, .pagination .page-item.active .page-link, .nav-pills .nav-link.active, #preloader #status .spinner .double-bounce1, #preloader #status .spinner .double-bounce2, .social-icon li a:hover, #topnav .navbar-toggle.open span:hover, .bg-animation-left.crypto-home:after, .bg-animation-left.task-management-home:after, .classic-app-image .bg-app-shape:after, .classic-saas-image .bg-saas-shape:after, .swiper-slider-hero .swiper-container .swiper-button-prev:hover, .features.fea-primary:hover, .tns-nav button.tns-nav-active, .ribbon.ribbon-primary span, .sidebar .widget .tagcloud > a:hover, .work-container.work-modern .icons .work-icon:hover, .timeline-page .timeline-item .date-label-left:after, .timeline-page .timeline-item .duration-right:after, #navmenu-nav li.account-menu.active .navbar-link, #navmenu-nav li.account-menu:hover .navbar-link, .form-check-input.form-check-input:checked, .qs-datepicker-container .qs-squares .qs-square:not(.qs-empty):not(.qs-disabled):not(.qs-day):not(.qs-active):hover, .qs-datepicker-container .qs-squares .qs-square.qs-current, .carousel-indicators [data-bs-target], .carousel-indicators .active, .tns-controls button[data-controls="prev"]:hover, .tns-controls button[data-controls="next"]:hover, .back-to-top {
    background-color:  #2e1153  !important; 
    color:  white!important;
}
/* .nav-pills .nav-link {
    color: #625f8b !important;
} */
.form-check-input.form-check-input:checked{
    background-color: #2f55d4 !important;
    border-radius: 7px !important;
}
.small, small {
    background-color: #dedbf1;
    border-radius: 20px;
    padding: 3px 22px;
    font-size: 11px;
    color: #2e1153 !important;
}
.small, small:hover, small:focus, small:active {
    background-color: #2e1153;
    border-radius: 20px;
    padding: 3px 22px;
    font-size: 11px;
    color: #fff !important;
}
.nav-pills {
    margin-bottom: 0px;
     background:none;
}
.content_header {
    display: flex;
    width: 100%;
    line-height: 1.2;
}
.content_header .left {
    width: 40px;
    align-self: center;
    margin-top: -3px;
}
.content_header .right .main_title {
    font-size: 18px;
    font-weight: 600;
    display: block;
}
.content_header .left .fa {
    background: #f1f0fb;
    border-color: transparent;
    color: #2e1153;
    border-radius: 100%;
    font-size: 14px;
    border: 1px solid #ceccda;
}
.submit_button {
    background-color: #2e1153!important;
    border-width: 1px!important;
    border-color: #2e1153!important;
    color: #fff!important;
    border-radius: 30px!important;
    padding: 0 11px!important;
    height: 28px!important;
    font-size: 14px!important;
    line-height: 1!important;
    font-weight: 600!important;
}
.ad_pref_item_header {
    display: flex;
    background: #dedbf1;
    padding: 7px 16px;
    border-radius: 7px;
    position: relative;
    font-size: 12px;
    font-weight: 700;
    justify-content: space-between;
}
.ad_pref_item_header .destination {
    width: 295px;
    align-self: center;
}
.ad_pref_item_header .second {
    align-self: center;
    width: 300px;
}
.ad_pref_item_header .third {
    width: 200px;
    align-self: center;
    margin-right: 25px;
}
.ad_pref_item_header .fourth {
    width: 50px;
    align-self: center;
    text-align: center;
}
.ad_pref_item_header .last {
    width: 125px;
    align-self: center;
    text-align: -webkit-right;
}
.single_ad_pref_item {
    display: flex;
    padding: 10px;
    margin-top: 10px;
    border-radius: 7px;
    position: relative;
    border: 1px solid #e9f0f3;
}
.single_ad_pref_item2 {
    display: flex;
    margin-top: 10px;
    border-radius: 5px;
    position: relative;
    background-color: whitesmoke;
}
.single_ad_pref_item1 {
    display: flex;
    padding: 6px;
    border-radius: 4px;
    margin-top: 10px;
    position: relative;
    background-color: #ebf9ff;
    color: #898686;
}

.single_ad_pref_item .destination {
    align-self: center;
    display: flex;
}
.single_ad_pref_item .destination_left {

    align-self: center;
}
.single_ad_pref_item:hover {
    background: #f5f4fd;
}
.single_ad_pref_item .left {
    align-self: center;
   
}
.ad_pref_part .single_ad_pref_item .left strong {
    color: #393b3e;
    font-size: 12px;
}
.single_ad_pref_item .label_badge_radius {
    background-image: linear-gradient(90deg,rgba(46,17,83,.19),#f5f4fd);
    color: #2e1153;
    border-radius: 20px;
    padding: 1px 10px;
    font-size: 11px;
    font-weight: 400;
    line-height: 1.3;
    letter-spacing: .2px;
}
.single_ad_pref_item .middle {
    align-self: center;
    margin-right: 25px;
}
.single_ad_pref_item .status_column {
    align-self: center;
    text-align: center;
}
.single_ad_pref_item .right {
    align-self: center;
    text-align: -webkit-right;
}
.table {
    width: 100%;
    color: #6e6b7b;
}
.list_table thead tr th {
    font-size: 12px;
    font-weight: 700;
    background-color: #dedbf1!important;
    text-transform: capitalize;
    color: #343434;
}
.list_table thead tr th {
    padding: 11px 6px 10px!important;
}
.list_table .institute_info {
    display: flex !important;
}
.list_table .institute_info .left {
    width: 45px;
    align-self: center;
}
.list_table .institute_info .left .fa {
    background: #f1f0fb;
    padding: 10px;
    border-radius: 100%;
    font-size: 14px;
    color: #2e1153;
}
tbody, td, tfoot, th, thead, tr {
    border-color: inherit;
    border-style: dashed;
    border-width: 0;
}
.change_pass_btn {
    margin-top: 0;
    color: #2e1153;
    border: 1px solid #dedbf1;
    border-radius: 50%;
    padding: 5px 6px;
    margin-right: 0;
    background: #dedbf1;
    font-size: 15px!important;
}
.navbar {
    display: inline-block;
}
.change_pass_btn:hover {
    color: #ff7f00;
    transition: all 1s cubic-bezier(.19,1,.22,1) 0s;
    border: 1px solid #ff7f00!important;
}
.card {
    background-color: inherit;
}
.education{
    padding: 10px 16px;
    background-color: #dedbf1!important;
    margin-left: -12px;
    margin-right: -12px;
    border-radius: 4px 4px 0px 0px;
    font-size: 12px;
}
.btn2{
    background-color: #2e1153 !important; 
    color:white !important; 
    border-radius: 20px; 
    box-shadow:none !important;
    padding:3px 13px !important;
    font-size:13px;
}
.btn2:hover{
    background: #fff !important;
    color:  #2e1153  !important;
    border-radius: 20px;
    border-color: #2e1153!important;
}
.btncl{
    padding: 2px 6px;
    color: #ffffff !important;
    background-color: #ffc107 !important;
    border-radius: 30px;
}
.btncl:hover {
    background-color: #ffffff !important;
    border-color: #ffc107 !important;
    color: #ffc107 !important;
}
.btn3{
    background-color: #2e1153 !important; 
    color:white !important; 
    border-radius: 20px; 
    box-shadow:none !important;
    padding:3px 17px !important;
    font-size:13px;
}
.btn3:hover{
    background: #fff !important;
    color:  #2e1153  !important;
    border-radius: 20px;
    border-color: #2e1153!important;
}
.features.fea-primary:hover {
     background-color:white !important;
    }
    .label_badge_radius {
    border-radius: 20px;
    padding: 1px 10px;
    font-size: 13px;
    font-weight: 800;
    line-height: 1.3;
    letter-spacing: .2px;
    display: inline-block;
}
.fea.icon-sm {
    height: 10px;
    width: 12px;
}
.key-feature:hover {
     transform: none; 
     box-shadow: none !important; 
}
.label_badge_radius {
    border-radius: 20px;
    padding: 1px 10px;
    font-size: 11px;
    font-weight: 400;
    line-height: 1.3;
    letter-spacing: .2px;
    display: inline-block;
}
.test_list {
    display: flex;
    flex-direction: row;
    width: 100%;
    margin: 10px 0;
}
.test_list .test_open {
    background: #dfdcf2;
}
.test_list .btn {
    display: inline-block;
    padding: 8px 16px;
    border-radius: 5px;
    border: 1px solid #d8e2e7;
    font-size: 13px;
    font-weight: 500;
}
.btn5{
    background-color:#dfdcf2 !important;
}
.btn6:hover{
    background-color:#dfdcf2 !important;
}
.btn7:hover{
    background-color:#dfdcf2 !important;
}
.list_table .label_badge_light {
    border-radius: 20px;
    padding: 1px 10px;
    font-size: 10px !important;
    font-weight: 400;
    line-height: 1.3;
    color: black;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    background-image: linear-gradient(to right, #dedbf1 , #f5f4fd);
}
.icon_bar {
    width: fit-content;
    overflow: auto;
    border-radius: 0.25rem;
    padding: 2px 4px;
    margin: 0 auto;
    border: 0.5px solid #d8e2e7;
}
.icon_bar a {
    text-align: center;
    padding: 0;
    color: #818084;
    font-size: 16px;
    margin: 0 3px;
    border-bottom: none;
    top: 0;
}
element.style {
    border-bottom: 0.5px dashed #e3e8ec;
    padding-bottom: 10px;
}
.info-palate {
    width: 100%;
    float: left;
    margin: 10px 0;
    position: relative;
    font-size: 12px !important;
}
.stage_form_header {
    display: flex;
    width: 100%;
    margin-bottom: 20px;
    line-height: 1.2;
    background-image: linear-gradient(to right, #dedbf1 , #f5f4fd);
    padding: 7px 10px;
    border-radius: 4px;
    border: none;
}
.stage_form_header .left {
    width: 40px;
    align-self: center;
}
.stage_form_header .right {
    width: 95%;
}
.stage_form_header .right .main_title {
    font-size: 13px;
    font-weight: 600;
    color: black;
    display: block;
}
.stage_form_header .right .sub_title {
    color: #343434;
    font-weight: 400;
}
.icn{
    background: #fff;
    border-radius: 100%;
    font-size: 14px;
    border: 1px solid #ceccda;
}
.tbl {
    color: #868e96;
    font-size: 10px;
    font-weight: 600 !important; 
    margin:0px !important;
}
.tbl2 {
    font-weight: 600 !important; 
    font-size: 11px !important;
}
/* new css */
.shadow {
    box-shadow: none !important;
}
.nav-fill .nav-item .nav-link, .nav-justified .nav-item .nav-link {
    background-color: #dedbf1;
    font-size: 9px;
    color: #2e1153  !important;
    padding: 2px 15px !important;
    border-radius: 12px !important;
}
.nav-pills .nav-link.active{
    background-color: #dedbf1;
    font-size: 9px;
    color: #ffffff !important;
    padding: 2px 15px !important;
    border-radius: 12px !important;
}
.profile_top_part_info {
    background: linear-gradient(to bottom, #FFF 0%,#FFF 55%,#ebe8ff 80%,#eceaf7 100%);
    border-bottom: 1px solid #dedbf1;
    padding: 15px;
}
.profile_top_part_info .whole_part {
    width: 100%;
    display: flex;
    height: 145px;
}
.profile_top_part_info .whole_part .left_part {
    width: 150px;
    position: relative;
    line-height: 145px;
}
.profile_top_part_info .whole_part .left_part .profile-photo {
    left: 48%;
    transform: translate(-50%, 0);
    margin-left: 0 !important;
}
.profile-photo {
    position: absolute;
}
.profile-photo .profile_pic {
    width: 130px;
}
.profile_pic img {
    border: 2px solid #2e1153;
    border-radius: 1.25rem;
}
.profile_top_part_info .whole_part .right_part {
    width: calc(100% - 150px);
    display: flex;
}
.profile_top_part_info .whole_part .right_part .right_part_right {
    width: 100%;
    margin-top: 10px;
}
.right_part_right_whole {
    display: flex;
    width: 100%;
    position: relative;
    justify-content: flex-end;
}
.summary_bordered_box {
    text-align-last: start;
    margin: 10px 20px 0;
    padding: 15px;
    border-radius: 0.25rem;
    position: relative;
    width: calc(100% - 310px);
    border: 1px solid #e9f0f3;
}
.review-block-title {
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 3px !important;
}
.label {
    display: inline-block;
    line-height: 1;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: 0.25rem;
    font-size: 10px;
    font-weight: 400;
}
.left_function_part {
    display: flex;
    width: 100%;
    border-radius: 0.25rem;
}
.left_function_part .left {
    width: 125px;
    align-self: center;
    padding-right: 10px;
}
.left_function_part .left span {
    font-size: 10px;
    color: #2e1153;
}
.left_function_part .right {
    width: calc(100% - 125px);
    display: flex;
}
.top_part_status_name {
    border-radius: 20px;
    padding: 1px 22px 1px 10px;
    font-size: 10px;
    font-weight: 400;
    line-height: 1.3;
    letter-spacing: .2px;
    top: 0;
    position: relative;
    width: fit-content;
    display: flex;
}
.dropdown-menu {
    display: none;
    float: left;
    min-width: 7rem;
    padding: 0.5rem 0;
    margin: 0.125rem 0 0;
    color: #212529;
    text-align: left;
    list-style: none;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0,0,0,.15);
    border-radius: 0.25rem;
    font-size: 11px;
    background-color: #dedbf1;
}
.dropdown-item {
    display: block;
    width: 100%;
    clear: both;
    font-weight: 400;
    text-align: inherit;
    white-space: nowrap;
    background: 0 0;
    border: 0;
    padding: 4px 12px;
}
.top_part_status .dropdown .dropdown-menu.show .dropdown-item:first-child {
    border-top-left-radius: 0.25rem;
    border-top-right-radius: 0.25rem;
}
.top_part_status .dropdown .dropdown-menu.show .dropdown-item:hover {
    background: #2e1153;
    color: #fff !important;
}
.top_info_left_part {
    float: left;
    padding-top: 15px;
    margin-left: -15px;
}
.grade_box {
    white-space: nowrap;
    max-width: 100%;
}
.grade_box .grade_disable {
    background: #fff;
    color: #666666;
}
.sing_grade {
    display: inline-block;
    text-align: center;
    font-size: 10px;
    cursor: pointer;
    border-radius: 0.25rem;
    padding: 3px;
}
.grade_box .grade_A_hover:hover {
    background: #28a745;
    color: #fff;
}
.grade_box .grade_B_hover:hover {
    background: #ffc107;
    color: #fff;
}
.grade_box .grade_D_hover:hover {
    background: #c6d0d8;
    color: #fff;
}
.grade_box .grade_S_hover:hover {
    background: #007bff;
    color: #fff;
}
.grade_box .grade_P_hover:hover {
    background: #dc3545;
    color: #fff;
}
.grade_box .grade_Z_hover:hover {
    background: #17a2b8;
    color: #fff;
}
.top_info_part {
    display: flex;
    float: right;
}
.top_info_part .round_icon_badge {
    color: #fff;
    width: fit-content;
    border-radius: 5px;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: .2px;
    display: flex;
    border-radius: 15px;
    line-height: 16px;
}
.top_info_part .round_icon_badge .icon {
    border-radius: 15px;
    width: 27px;
    font-size: 12px;
    background: white;
    border: 1px solid #ceccda;
    height: 27px;
    text-align: center;
    line-height: 27px;
}
.fa {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
}
.top_info_part .round_icon_badge .text {
    border-top-right-radius: 15px;
    border-bottom-right-radius: 15px;
    padding: 6px 10px;
}   
.profile_top_part_info {
    background: linear-gradient(to bottom, #FFF 0%,#FFF 55%,#ebe8ff 80%,#eceaf7 100%);
    border-bottom: 1px solid #dedbf1;
    padding: 15px;
}
.card {
    margin-bottom: 15px;
    border-color: #fff;
}
.profile_top_part_info .whole_part {
    width: 100%;
    display: flex;
    height: 145px;
}
.profile_top_part_info .whole_part .left_part {
    width: 150px;
    position: relative;
    line-height: 145px;
}

.profile-photo .profile_pic {
    width: 130px;
}
.profile_pic img {
    border: 2px solid #2e1153;
    border-radius: 1.25rem;
}
.profile_pic img {
    width: 130px;
    height: 130px;
}
.profile_top_part_info .whole_part .right_part {
    width: calc(100% - 150px);
    display: flex;
}
.profile_top_part_info .whole_part .right_part .right_part_left {
    width: 30%;
    margin-top: 40px;
}
.review-block-title {
    font-size: 23px;
    font-weight: 600;
    margin-bottom: 3px !important;
}
.profile_top_part_info .whole_part .right_part .right_part_right {
    width: 70%;
    margin-top: 10px;
}
.right_part_right_whole {
    display: flex;
    width: 100%;
    position: relative;
    justify-content: flex-end;
}
.summary_bordered_box {
    text-align-last: start;
    padding: 15px;
    position: relative;
    border: 1px solid #e9f0f3;
    border-radius: 0.25rem;
}
.profile-photo {
    position: absolute;
}
.label_badge_radius {
    border-radius: 20px;
    padding: 1px 10px;
    font-size: 11px;
    font-weight: 400;
    line-height: 1.3;
    letter-spacing: .2px;
    display: inline-block;
}
/* .top_right_info_box {
    display: grid;
} */
.left_function_part {
    display: flex;
    width: 100%;
    border-radius: 0.25rem;
}
.left_function_part .left {
    width: 125px;
    align-self: center;
    border-right: 1px solid #d9dbdf;
    padding-right: 10px;
}
.left_function_part .left span {
    font-size: 12px;
    color: #2e1153;
}
.left_function_part .right {
    width: calc(100% - 125px);
    display: flex;
}
.top_part_status_name {
    border-radius: 20px;
    padding: 1px 13px 1px 10px;
    font-size: 11px;
    font-weight: 400;
    line-height: 1.3;
    letter-spacing: .2px;
    top: 0;
    position: relative;
    width: fit-content;
    display: flex;
}
.top_part_status .dropdown .dropdown-toggle {
    margin-left: 5px;
    cursor: pointer;
}
.dropdown-menu {
    border-color: #d8e2e7;
    font-size: .8125rem;
}

.dropdown-menu {
    display: none;
    float: left;
    min-width: 10rem;
    padding: 0.5rem 0;
    margin: 0.125rem 0 0;
    color: #212529;
    text-align: left;
    list-style: none;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0,0,0,.15);
    border-radius: 0.25rem;
}
.left_function_part .right .fa-info { 
    position: relative;
}
dd {
    color: lightslategray;
    margin: 0px;
}
.lead_summary_part .single_glance_row {
    background-color: rgb(255 255 255);
    font-size: 12px !important;
    margin: 0 !important;
    border: none;
    border-bottom: 1px solid #e8eef1;
    border-radius: 0;
    padding: 8px 10px;
    color: #343434;
    font-size: 1rem;
}
.lead_summary_part .single_glance_row .title {
    font-size: 12px;
    font-weight: 600;
    color: black;
}
.remarks-tab {
    background-color: #f2f3f5 !important;
}
 .tabs-section-nav {
    border-color: #fff;
    overflow: hidden;
    border: none;
}
.tabs-section-nav.tabs-section-nav-left .nav {
    padding: 10px;
    background-color: #f6f5fe;
    border-top: 1px solid #d8e2e7;
    border-bottom: 1px solid #d8e2e7;
}
.tabs-section-nav.tabs-section-nav-left .nav-item {
    width: 90px;
    margin-right: 10px;
}

.tabs-section-nav.tabs-section-nav-left .nav-item {
    margin-bottom: -1px;
}
.tabs-section-nav .nav-item {
    background: transparent !important;
}
.tabs-section-nav .nav-item:first-child .nav-link {
    border-left-color: #f6f5fe;;
}

.tabs-section-nav.tabs-section-nav-left .nav-link, .tabs-section-nav.tabs-section-nav-left .nav-link-in {
    border-radius: 0 !important;
    background: transparent !important;
}
.tabs-section-nav .nav-link.active .nav-link-in {
    padding-bottom: 8px;
}
.tabs-section-nav .nav-link.active .nav-link-in {
    border-bottom: #f6f5fe;;
}
.remarks-tab .nav-item .nav-link.active .nav-link-in i {
    color: #2e1153 !important;
}
.tabs-section-nav .nav-link.active .nav-link-in {
    border-top-color: #f6f5fe;
}
.tabs-section-nav.tabs-section-nav-left .nav-item:last-child .nav-link.active {
    border-right: solid 1px #f6f5fe;
}
.tabs-section-nav .nav-link.active {
    border-bottom-color: #f6f5fe; 
    border-right-color: #f6f5fe;
    border: none !important;      
}
.tabs-section-nav a.color_blue .nav-link-in small {
    color: #2e1153 ;
}
.tabs-section-nav .nav-link .nav-link-in small {
    background: #dedbf1 ;
    border-radius: 20px;
    padding: 3px 17px;
    font-size: 11px;
    font-weight: 600;
    line-height: 1.3;
    letter-spacing: .2px;
    width: 90px;
    margin-top: 4px;
}
.tabs-section-nav .nav-link .nav-link-in small:hover {
    background: #2e1153;
    color: #fff ;
}
.tab-content>.active {
    display: block;
}
.box-typical.box-typical-padding {
    padding: 20px 15px;
}
.box-typical {
     border: none !important;

}
.content_header {
    display: flex;
    width: 100%;
    line-height: 1.2;
    margin-left: 13px;
}
.content_header .left {
    width: 40px;
    align-self: center;
    margin-top: -3px;
}
.content_header .left .fa{
    background: #f1f0fb;
    border-color: transparent;
    color: #2e1153;
    border-radius: 100%;
    font-size: 14px;
    border: 1px solid #ceccda;
}
.content_header .right .main_title {
    font-size: 18px;
    font-weight: 600;
    display: block;
}
.action_dropdown {
    display: inline;
}
.action_dropdown .dropdown-toggle {
    border-radius: 50%;
    cursor: pointer;
}
.set_req_drop_toggle {
    border: 1px solid #2e1153 !important;
    color: #2e1153 !important;
    background: #fff !important;
}
.box-typical .box-typical-header {
    display: table;
    width: 100%;
}
.label {
    font-size: 10px;
    font-weight: 400;
}
.label_badge_radius1 {
    background-image: linear-gradient(to right, rgb(46 17 83 / 19%), rgb(245, 244, 253));
    color: rgb(46, 17, 83);
    border-radius: 20px;
    padding: 1px 10px;
    font-size: 11px;
    font-weight: 400;
    line-height: 1.3;
    letter-spacing: .2px;
    display: inline-block;
}
.text-muted {
    font-size: 12px;
    padding: 4px 0 0;
    display: block;
}
.box-typical .box-typical-header .tbl-cell.tbl-cell-action-bordered {
   border:none; 
}
.bhoechie-tab-container {
    display: flex;
}
.bhoechie-tab-menu {
    width: 13%;
    background: #eef2f4;
    background-color: #eef2f4;
    color: #ff7f00;
}
.list_group_item {
    padding: 9px 9px !important;
    width: 40px;
    border-top: 1px solid #f2f3f5 !important;
    border-left: 1px solid #f2f3f5 !important;
}
.bhoechie-tab-content {
    background-color: #eef2f4;
    padding-left: 0;
    padding-top: 5px;
    padding-bottom: 5px;
}
.div_height {
    height: 188px;
    position: relative;
}
.tab_add_btn {
    position: inherit;
    color: #625f8b;
    cursor: pointer;
    float: right;
    margin-right: 5px;
    margin-bottom: 5px;
}
.info_middle {
    margin: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-right: -50%;
    transform: translate(-50%, -50%);
    font-size: 12px;
}
.box-typical.box-typical-padding {
    padding: 20px 15px;
}
.profile_tab_basic_info .single_part {
    border: 1px solid #d8e2e7;
    border-radius: 0.25rem;
    padding: 10px;
    display: grid;
    height: 145px;
}
.profile_tab_basic_info .single_part table td {
    padding: 2px 0;
    color: #868e96;
    font-size: 12px;
}
.content_header .left .font-icon {
    background: #f1f0fb;
    border-color: transparent;
    color: #2e1153;
    border-radius: 100%;
    font-size: 14px;
    border: 1px solid #ceccda;
}
.list_table thead tr th, .list_table tbody tr td {
    padding: 11px 6px 10px;
}
.list_table .institute_info .left {
    width: 45px;
    align-self: center;
}
.list_table .label_badge_light {
    border-radius: 20px;
    padding: 1px 10px;
    font-size: 10px;
    font-weight: 400;
    line-height: 1.3;
    letter-spacing: .2px;
    color: black;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    background-image: linear-gradient(to right, #dedbf1 , #f5f4fd);
}
.list_table .institute_info .left .fa {
    background: #f1f0fb;
    padding: 10px;
    border-radius: 100%;
    font-size: 14px;
    color: #2e1153;
}
.list_table .institute_info {
    display: flex;
}
.content_header .left .fa, {
    padding: 7px 6px;
    background: #f1f0fb;
    border-color: transparent;
    color: #2e1153;
    border-radius: 100%;
    font-size: 14px;
    border: 1px solid #ceccda;
}
</style>
<body>
<header id="" class="defaultscroll sticky">
            <div class="container-fluid">
                <div class="row">
                    <div class="col-lg-12">
                        <nav class="mt-2 header-navbar navbar-expand-lg navbar-fixed align-items-center navbar-brand-center">
                                <div class="navbar-container d-flex content">
                                    <div class="col-md-10">
                                        <div class="d-flex align-items-center">
                                            <ul class="nav navbar-nav mr-auto header_left">
                                                <li class="nav-item d-flex">
                                                    <a href="" class="navbar-brand router-link-exact-active router-link-active">
                                                        <img src="web/images/logo.png" style="max-width: 130px; height: 35px;"> 
                                                    </a>
                                                    <div style="align-self: center;">
                                                        <span style="font-weight: 600; font-size: 18px;">DEMO</span>
                                                    </div>
                                                </li>
                                            </ul>
                                        </div>
                                    </div>
                                    <div class="col-md-2" style="display:flex;">
                                        <ul class="nav navbar-nav align-items-center ml-auto header_right ps-5">
                                            <li class="nav-item dropdown dropdown-notification">
                                                <a href="">
                                                    <i class="fa fa-bell change_pass_btn"></i>
                                                </a>
                                            </li>
                                        </ul>                                    
                                        <ul class="nav navbar-nav align-items-center ml-auto header_right ps-2">
                                            <li class="nav-item dropdown dropdown-notification">
                                                <a href="">
                                                    <i class="fa fa-cog change_pass_btn"></i>
                                                </a>
                                            </li>
                                        </ul>
                                        <ul class="nav navbar-nav align-items-center ml-auto header_right ps-2">
                                            <li class="nav-item dropdown dropdown-notification">
                                                <a href="">
                                                    <i class="fa fa-sign-out change_pass_btn"></i>
                                                </a>
                                            </li>
                                        </ul>
                                        <ul class="nav navbar-nav align-items-center ml-auto header_right ps-2">
                                            <li class="nav-item dropdown dropdown-notification">
                                                <a href="">
                                                    <h5 class="change_pass_btn" style="height: 33px; margin-top: 7px; padding: 5px 8px;">IZ</h5>
                                                </a>
                                            </li>
                                        </ul>   
                                    </div>
                                </div>
                            </nav>
                        </div> 
                    </div>   
                </div>                    
        </header>
        <!-- Hero Start -->
       <section class="bg-half-170 d-table w-100 it-home" style="background-color: #efefef;">
            <div class="container-fluid">
               <div class="row">
                    <div class="col-md-12 mt-4" style="padding-left: 21px; padding-right: 25px;">
                        <div class="card profile_top_part_info">
                            <div class="whole_part">
                                <div class="left_part">
                                    <div class="profile-photo" style="margin-left: 25px;">
                                        <div class="profile_pic" style="border-radius: 0px;-webkit-border-radius:0px;">
                                            <img src="web/images/male.png" alt="">
                                        </div>
                                    </div>
                                </div>
                                <div class="right_part">
                                    <div class="right_part_right">
                                        <div class="right_part_right_whole">
                                            <div class="summary_bordered_box" style="line-height: 20px; width: inherit; background: linear-gradient(to bottom, #FFF 50%,#FFF 35%,#dedbf1 80%,#dedbf1 100%); height: 130px; margin: 0 15px 0 0;">
                                                <div class="review-block-title mb-0">
                                                    <span>Mr B</span>
                                                    <span>Islam</span>
                                                </div>
                                                <label class="label" style="padding: 0; background: #fff;">
                                                    <label class="label" style="background: #2e1153; padding: 3px 7px; border-top-right-radius: 0; border-bottom-right-radius: 0; font-size: 10px;">
                                                         Apply Reference
                                                    </label>
                                                    <label class="label" style="background: #fff; padding: 2px 7px 2px 4px; color: #2e1153; font-weight: 600; border-top-left-radius: 0; border-bottom-left-radius: 0;border: 1px solid #ceccda; position: relative; left: -3px; font-size: 10px;">
                                                            114673
                                                    </label>
                                                </label>
                                                    <br>
                                                <span style="font-size:10px;">
                                                    <span style="color: #868e96;">Nationality:</span>
                                                    <strong>Bangladesh</strong>
                                                </span>
                                                <br>
                                                <span style="font-size:10px;">
                                                    <span style="color: #868e96;">Gender:</span>
                                                    <strong>Male</strong>
                                                </span>
                                                <br>
                                                <span style="font-size:10px;">
                                                    <span style="color: #868e96;">Funding:</span>
                                                    <strong>Self Funded</strong>
                                                </span>
                                            </div>
                                            <div class="top_right_info_box" style="width: inherit; border: 1px solid #e9f0f3; border-radius: 0.25rem; padding: 15px; background: linear-gradient(to bottom, #FFF 50%,#FFF 35%,#dedbf1 80%,#dedbf1 100%); margin-right: 15px; display: grid;">
                                                <div class="left_function_part">
                                                    <div class="left" style="margin-top:-10px;">
                                                    <span>
                                                        <i class="fa fa-folder-open-o mr-1"></i>
                                                        Documents
                                                    </span>
                                                    </div>
                                                    <div class="right">
                                                        <div class="top_part_status" style="position: relative; width: fit-content; margin-left: 10px;">
                                                            <span class="top_part_status_name" style=" background: #fff0d6; color: #fdad2a;">
                                                                Outstanding
                                                            </span>
                                                            <div class="dropdown" style="top: -4px; position: absolute; right: 7px;">
                                                                <i class="fa fa-caret-down dropdown-toggle add_hover tooltips" id="dropdownMenuButton" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true" data-original-title="Change Status" style="color: #fdad2a;"></i>
                                                                <div class="dropdown-menu" aria-labelledby="dropdownMenuButton" x-placement="bottom-start" style="position: absolute; transform: translate3d(438px, 16px, 0px); top: 0px; left: 0px; will-change: transform; margin-left: -75px; z-index: 2; margin-top: 10px;">
                                                                    <a class="dropdown-item document_review_status_change" data-sval="1" name="sublead_status" href="#">Received</a>
                                                                    <a class="dropdown-item document_review_status_change  activate" data-sval="2" name="sublead_status" href="#">Outstanding</a>
                                                                    <a class="dropdown-item document_review_status_change" data-sval="3" name="sublead_status" href="#">Terminated</a>
                                                                </div>
                                                            </div>
                                                        </div>
                                                        <div class="dropdown d-inline reason_drop">
                                                            <i class="fa fa-info-circle ml-2 dropdown-toggle hand" style=" font-size: 15px; padding: 0px; border-radius: 0.25rem; width: fit-content; color: #dbdfe3; display: inline-block; margin-left: 10px; line-height: 17px;"></i>
                                                        </div>
                                                        <i class="fa fa-info tooltips" style="font-size: 15px; padding: 0; border-radius: 0.25rem; width: fit-content; color: #dbdfe3; display: inline-block; margin-left: 10px; line-height: 17px; top: 0;"></i>
                                                    </div>
                                                </div>
                                                <div class="left_function_part mb-1">
                                                    <div class="left" style="margin-top:-5px;">
                                                    <span>
                                                        <i class="fa fa-bolt mr-1"></i>
                                                        App Quality
                                                    </span>
                                                    </div>
                                                    <div class="right">
                                                        <div class="top_part_status" style="position: relative; width: fit-content; margin-left: 10px;">
                                                            <span class="top_part_status_name" style="background: #f3dadc; color: #de1528;">
                                                                Pending
                                                            </span>
                                                            <div class="dropdown" style="top: -4px; position: absolute; right: 7px;">
                                                                <i class="fa fa-caret-down dropdown-toggle add_hover tooltips" id="dropdownMenuButton" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true" data-original-title="Change Status" style="color: #de1528;"></i>
                                                                <div class="dropdown-menu" aria-labelledby="dropdownMenuButton" x-placement="bottom-start" style="position: absolute; transform: translate3d(10px, 13px, 0px); top: 0px; left: 0px; will-change: transform; margin-left: -75px; z-index: 2; margin-top: 10px;">
                                                                    <a class="dropdown-item document_review_status_change" data-sval="1" name="sublead_status" href="#">Poor</a>
                                                                    <a class="dropdown-item document_review_status_change  activate" data-sval="2" name="sublead_status" href="#">Average</a>
                                                                    <a class="dropdown-item document_review_status_change" data-sval="3" name="sublead_status" href="#">Good</a>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="left_function_part mb-1">
                                                    <div class="left" style="margin-top:-5px;">
                                                    <span>
                                                        <i class="fa fa-check-circle-o mr-1"></i>
                                                        Course Verified
                                                    </span>
                                                    </div>
                                                    <div class="right">
                                                        <div class="top_part_status" style="position: relative; width: fit-content; margin-left: 10px;">
                                                            <span class="top_part_status_name" style="background: #e7f3ea; color: #0ba52e; padding: 1px 10px;">
                                                                 Verified
                                                            </span>
                                                        </div>
                                                        <div class="dropdown d-inline reason_drop">
                                                            <i class="fa fa-info-circle ml-2 dropdown-toggle hand" style=" font-size: 15px; padding: 0px; border-radius: 0.25rem; width: fit-content; color: #dbdfe3; display: inline-block; margin-left: 10px; line-height: 17px;"></i>
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="left_function_part">
                                                    <div class="left" style="margin-top:-10px;">
                                                    <span>
                                                        <i class="fa fa-check-square-o mr-2"></i>
                                                        Approved
                                                    </span>
                                                    </div>
                                                    <div class="right ms-5">
                                                        -
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="top_right_info_box" style="width: inherit; border: 1px solid #e9f0f3; border-radius: 0.25rem; padding: 15px; background: linear-gradient(to bottom, #FFF 50%,#FFF 35%,#dedbf1 80%,#dedbf1 100%); margin-right: 15px; display: grid;">
                                               <span style="margin-bottom: -10px; display: block; line-height: 18px; font-size:11px !important;">
                                                    <i class="fa fa-building-o mr-1"></i>
                                                    <strong class="margin-bottom: 3px;">International Education Counselling Centre (IECC)</strong>
                                                    <br>
                                                    <span style="margin-left: 16px; color: #868e96;">
                                                         Head Office
                                                    </span>
                                                    <br>
                                                    <span style="margin-left: 16px; color: #868e96;">
                                                     admin@iecc.co.uk
                                                    </span>
                                                    <br>
                                                    <span style="display: block; line-height: 18px;">
                                                        <i class="fa fa-user mr-1"></i>
                                                        <span class="ms-1">
                                                            Mr XYZ
                                                        </span>
                                                        <br>
                                                        <span class="ms-3">
                                                            xyz@mail.com
                                                        </span>

                                                    </span>
                                                </span>
                                            </div>
                                            <div class="top_right_info_box" style="width: inherit; border: 1px solid #e9f0f3; border-radius: 0.25rem; padding: 15px; background: linear-gradient(to bottom, #FFF 50%,#FFF 35%,#dedbf1 80%,#dedbf1 100%); margin-right: 15px; display: grid;">
                                               <span style="margin-bottom: -10px; display: block; line-height: 18px; font-size:11px !important;">
                                                    <i class="fa fa-building-o mr-1"></i>
                                                    <strong class="margin-bottom: 3px;">International Education Counselling Centre (IECC)</strong>
                                                    <br>
                                                    <span style="margin-left: 16px; color: #868e96;">
                                                         Head Office
                                                    </span>
                                                    <br>
                                                    <span style="margin-left: 16px; color: #868e96;">
                                                     admin@iecc.co.uk
                                                    </span>
                                                    <br>
                                                    <span style="display: block; line-height: 18px;">
                                                        <i class="fa fa-user mr-1"></i>
                                                        <span class="ms-1">
                                                            Mr XYZ
                                                        </span>
                                                        <br>
                                                        <span class="ms-3">
                                                            xyz@mail.com
                                                        </span>

                                                    </span>
                                                </span>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-3 mt-1" style="padding: 20px;">
                        <div class="card shadow p-3 rounded border-0" style="background-color: white;">
                            <div class="info-palate mt-0" style="border-bottom: .5px dashed #e3e8ec; padding-bottom: 10px;">
                                <div class="left">
                                    <div class="stage_form_header">
                                        <div class="left">
                                        <i class="fa fa-user icn" style="padding: 5.5px 7.5px;"></i>
                                        </div>
                                        <div class="right" style="align-self: center;">
                                        <span class="main_title">Demo Account</span>
                                        <span class="sub_title">Demo</span>
                                        </div>
                                    </div>
                                    <div class="load_primary_information">
                                        <dd class="tbl">Given Name</dd>
                                        <dt class="tbl2 mb-2">Demo</dt>
                                        <dd class="tbl">Family Name</dd>
                                        <dt class="tbl2 mb-2">Demo</dt>
                                        <dd class="tbl">Date Of Birth</dd>
                                        <dt class="tbl2">Demo</dt>
                                        <dd class="tbl">Nationality</dd>
                                        <dt class="tbl2">Demo</dt>
                                        
                                    </div>
                                </div>
                            </div>
                            <div class="full-box" style="padding:10px;">
                                <div class="card-body" style="padding:11px !important;">
                                    <span class="fa fa-address-book" style="font-size:12px; background: rgb(245, 244, 253); padding: 6px; border-radius: 50%; border: 1px solid rgb(216, 226, 231);"></span>
                                    <span class="h6"> Contact Information</span>
                                    <div class="info">
                                        <dl style="position: relative;">
                                            <dt style="font-size: 11px; font-weight: 200;"> 
                                                <i class="fa fa-phone"></i>
                                                <span>+441142725444</span>
                                            </dt>
                                            <dt class="mt-1" style="font-size: 11px; font-weight: 200;"> 
                                                <i class="fa fa-envelope-o"></i>
                                                <span>hadiur.iecc@gmail.com2</span>
                                            </dt>
                                        </dl>
                                    </div>
                                </div>
                            </div>
                            <div class="card p-3 lead_summary_part profile_at_a_glance">
                           <div class="load_primary_information" style="padding: 10px; border-radius: 0.25rem; margin-bottom: 10px; border: 1px solid #e9f0f3;">
                               <dd>Given Name</dd>
                               <dt>Abdur Rajjak</dt>
                               <dd>Family Name</dd>
                               <dt>Emon</dt>
                               <dd>Date Of Birth</dd>
                               <dt>26 Jul 2001  (20 Years 6 Months)</dt>
                           </div>
                           <div class="single_glance_row mt-3">
                              <span class="title">Passport No:</span>
                              BW0337839 
                              <span style="font-size: 12px; color: #868e96;">
                              (550 Days Left)
                              </span>
                           </div>
                           <div class="single_glance_row mt-3">
                              <span class="title">Visa History:</span>
                              <span class="label_badge_radius" style="background: #f3dadc !important; color: #de1528;">
                              No
                              </span>
                           </div>
                           <div class="single_glance_row mt-3">
                              <span class="title">Visa Rejection:</span>
                              <span class="label_badge_radius" style="background: #f3dadc !important; color: #de1528;">
                              No
                              </span>
                           </div>
                      </div> 
                        </div>
                    </div><!--end col-->

                    <div class="col-md-9 mt-4" style="">
                        <div class="card border-0" style="border-radius:0px !important;">
                            <div class="container-fluid">
                                <div class="row">
                                    <div class="col-md-12">
                                        <div class="row align-items-center">
                                            <div class="col-md-12 col-12" style="padding:0px;">
                                                <div class="card rounded border-0 shadow" style="background-color:white;">
                                                        <div class="container" style="padding-left: 13px; padding-right: 12px;">
                                                                <div class="row">
                                                                    <div class="col-md-12" style="border-top:1px solid #d8e2e7; border-bottom:1px solid #d8e2e7;">
                                                                            <div class="col-md-3 text-center">
                                                                                <ul class="nav nav-pills shadow border-bottom flex-column flex-sm-row d-md-inline-flex nav-justified mb-0 bg-white rounded-top position-relative overflow-hidden" id="pills-tab" role="tablist">
                                                                                    <li class="nav-item m-1">
                                                                                        <i class="fa fa-graduation-cap"></i></br>
                                                                                            <a class="nav-link active rounded" id="buy-login" data-bs-toggle="pill" href="#buy" role="tab" aria-controls="buy" aria-selected="false">
                                                                                                Proposal
                                                                                            </a><!--end nav link-->
                                                                                    </li><!--end nav item-->
                                                                                    
                                                                                    <li class="nav-item m-1 ms-3">
                                                                                        <i class="fa fa-list-ul"></i></br>
                                                                                            <a class="nav-link rounded" id="sold-login" data-bs-toggle="pill" href="#sold" role="tab" aria-controls="sold" aria-selected="false">
                                                                                                Action R
                                                                                            </a><!--end nav link-->
                                                                                    </li><!--end nav item-->                                         
                                                                                </ul><!--end nav pills-->
                                                                            </div>
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                
                                                                <div class="row p-3">
                                                                    <div class="col-12" style="height:300px !important;">
                                                                        <div class="tab-content bg-white rounded-bottom shadow" id="pills-tabContent">
                                                                            <div class="card border-0 tab-pane fade show active" id="buy" role="tabpanel" aria-labelledby="buy-login">
                                                                                <div class="row align-items-center">
                                                                                    <div class="col-md-12 mt-2">
                                                                                            <div class="row">
                                                                                                <div class="col-md-10" style="width:83%;">
                                                                                                    <div class="content_header ml-0">
                                                                                                        <div class="left">
                                                                                                            <i class="fa fa-university" style="padding: 7px;"></i>
                                                                                                        </div>
                                                                                                        <div class="right">
                                                                                                            <span class="main_title">Admission Preference</span>
                                                                                                        </div>
                                                                                                    </div>
                                                                                                </div>
                                                                                                <div class="col-md-2 text-right">
                                                                                                    <button class="submit_button" style="margin-left:2.6rem;">Add New</button>
                                                                                                </div>
                                                                                            </div>
                                                                                    </div><!--end col-->
                                                                                    <div class="col-md-12">
                                                                                            <div class="ad_pref_item_header" style="margin-top: 15px;">
                                                                                                <div class="destination">Destination</div>
                                                                                                <div class="second">University Details</div>
                                                                                                <div class="third">Course Information</div>
                                                                                                <div class="fourth">Status</div>
                                                                                                <div class="last">Action</div>
                                                                                            </div>
                                                                                            <div class="scrolled_content_part">
                                                                                                <div class="single_ad_pref_item">
                                                                                                    <div class="destination">
                                                                                                    <div class="destination_left">
                                                                                                            <i class="fa fa-map"></i>
                                                                                                            <!-- <img src="" class="img-fluid" alt=""> -->
                                                                                                        </div>
                                                                                                        <div class="destination_info">
                                                                                                        <strong style="font-size:13px;">United Kingdom</strong>
                                                                                                        </div>
                                                                                                    </div>
                                                                                                    <div class="left">
                                                                                                        <div class="uni_details">
                                                                                                        <div class="inner_left">
                                                                                                            <i class="fa fa fa-university"></i>
                                                                                                        </div>
                                                                                                        <div class="inner_right">
                                                                                                            <strong style="font-size:13px;">De Montfort University</strong></br>
                                                                                                            <span class="label_badge_radius">Masters</span>
                                                                                                            <span>.</span>
                                                                                                            <span class="label_badge_radius">Apr 2021</span>
                                                                                                        </div>
                                                                                                        </div>
                                                                                                    </div>
                                                                                                    <div class="middle">
                                                                                                        <span style="font-size:11px;">MBA with Placement</span></br>
                                                                                                        <span class="label_badge_radius" style="background: rgb(255, 237, 204); color: orange;">2nd Choice</span>
                                                                                                    </div>
                                                                                                    <div class="status_column"></div>
                                                                                                    <div class="right">
                                                                                                        <i class="fa fa-ellipsis-v"></i>
                                                                                                    </div>
                                                                                                </div>
                                                                                            </div>
                                                                                    </div><!--end col-->
                                                                                </div><!--end row-->
                                                                            </div><!--end teb pane-->
                                                            
                                                                            <div class="card border-0 tab-pane fade" id="sold" role="tabpanel" aria-labelledby="sold-login">
                                                                                    <div class="row align-items-center">
                                                                                        <div class="col-md-12 mt-2">
                                                                                            <div class="row">
                                                                                                <div class="col-md-10" style="width:83%;">
                                                                                                    <div class="content_header ml-0">
                                                                                                        <div class="left">
                                                                                                            <i class="fa fa-graduation-cap" style="padding: 7px;"></i>
                                                                                                        </div>
                                                                                                        <div class="right">
                                                                                                            <span class="main_title">Education History</span>
                                                                                                        </div>
                                                                                                    </div>
                                                                                                    <div class="content_header ml-0 mt-3">
                                                                                                        <div class="left">
                                                                                                            <i class="fa fa-graduation-cap" style="padding: 7px;"></i>
                                                                                                        </div>
                                                                                                        <div class="right">
                                                                                                            <span class="main_title">Bachelor</span>
                                                                                                        </div>
                                                                                                    </div>
                                                                                                </div>
                                                                                                <div class="col-md-12 mt-2">
                                                                                                    <div class="table-responsive">
                                                                                                        <table class="table table-bordered list_table">
                                                                                                            <thead>
                                                                                                                <tr>
                                                                                                                    <th>Institution</th>
                                                                                                                    <th>Subject</th>
                                                                                                                    <th>Result</th>
                                                                                                                    <th>Method</th>
                                                                                                                    <th>PYear</th>
                                                                                                                    <th>Country</th>
                                                                                                                </tr>
                                                                                                            </thead>
                                                                                                            <tbody>
                                                                                                                <tr>
                                                                                                                    <td>
                                                                                                                        <div class="institute_info">
                                                                                                                        <div class="left">
                                                                                                                                <i class="fa fa-university" style="padding: 7px;"></i>
                                                                                                                            </div>
                                                                                                                            <div class="right">
                                                                                                                                <span class="main_title" style="font-size: 11px;">Demo 1</span>
                                                                                                                            </div>
                                                                                                                    </td>
                                                                                                                    <td style="font-size: 11px;">test</td>
                                                                                                                    <td style="font-size: 11px;">
                                                                                                                        <span>test</span>
                                                                                                                    </td>
                                                                                                                    <td style="font-size: 11px;">test</td> 
                                                                                                                    <td style="font-size: 11px;">test</td> 
                                                                                                                    <td style="font-size: 11px;">test</td>
                                                                                                                </tr>
                                                                                                            </tbody>
                                                                                                        </table>
                                                                                                    </div>
                                                                                                </div>
                                                                                            </div>
                                                                                    </div><!--end col-->
                                                                                </div><!--end row-->   
                                                                                <div class="row align-items-center">
                                                                                        <div class="col-md-12 mt-2">
                                                                                            <div class="row">
                                                                                                <div class="col-md-10" style="width:83%;">
                                                                                                    <div class="content_header ml-0">
                                                                                                        <div class="left">
                                                                                                            <i class="fa fa-graduation-cap" style="padding: 7px;"></i>
                                                                                                        </div>
                                                                                                        <div class="right">
                                                                                                            <span class="main_title">Masters</span>
                                                                                                        </div>
                                                                                                    </div>
                                                                                                </div>
                                                                                                <div class="col-md-12 mt-2">
                                                                                                    <div class="table-responsive">
                                                                                                        <table class="table table-bordered list_table">
                                                                                                            <thead>
                                                                                                                <tr>
                                                                                                                    <th>Institution</th>
                                                                                                                    <th>Subject</th>
                                                                                                                    <th>Result</th>
                                                                                                                    <th>Method</th>
                                                                                                                    <th>PYear</th>
                                                                                                                    <th>Country</th>
                                                                                                                </tr>
                                                                                                            </thead>
                                                                                                            <tbody>
                                                                                                                <tr>
                                                                                                                    <td>
                                                                                                                        <div class="institute_info">
                                                                                                                        <div class="left">
                                                                                                                                <i class="fa fa-university" style="padding: 7px;"></i>
                                                                                                                            </div>
                                                                                                                            <div class="right">
                                                                                                                                <span class="main_title" style="font-size: 11px;">Demo 2</span>
                                                                                                                            </div>
                                                                                                                    </td>
                                                                                                                    <td style="font-size: 11px;">test</td>
                                                                                                                    <td style="font-size: 11px;">
                                                                                                                        <span>test</span>
                                                                                                                    </td>
                                                                                                                    <td style="font-size: 11px;">test</td> 
                                                                                                                    <td style="font-size: 11px;">test</td> 
                                                                                                                    <td style="font-size: 11px;">test</td>
                                                                                                                </tr>
                                                                                                            </tbody>
                                                                                                        </table>
                                                                                                    </div>
                                                                                                </div>
                                                                                            </div>
                                                                                    </div><!--end col-->
                                                                                </div><!--end row-->   
                                                                                <div class="row align-items-center">
                                                                                        <div class="col-md-12 mt-2">
                                                                                            <div class="row">
                                                                                                <div class="col-md-10" style="width:83%;">
                                                                                                    <div class="content_header ml-0">
                                                                                                        <div class="left">
                                                                                                            <i class="fa fa-graduation-cap" style="padding: 7px;"></i>
                                                                                                        </div>
                                                                                                        <div class="right">
                                                                                                            <span class="main_title">Ielts</span>
                                                                                                        </div>
                                                                                                    </div>
                                                                                                </div>
                                                                                                <div class="col-md-12 mt-2">
                                                                                                    <div class="table-responsive">
                                                                                                        <table class="table table-bordered list_table">
                                                                                                            <thead>
                                                                                                                <tr>
                                                                                                                    <th>Institution</th>
                                                                                                                    <th>Subject</th>
                                                                                                                    <th>Result</th>
                                                                                                                    <th>Duration</th>
                                                                                                                </tr>
                                                                                                            </thead>
                                                                                                            <tbody>
                                                                                                                <tr>
                                                                                                                    <td>
                                                                                                                        <div class="institute_info">
                                                                                                                        <div class="left">
                                                                                                                                <i class="fa fa-university" style="padding: 7px;"></i>
                                                                                                                            </div>
                                                                                                                            <div class="right">
                                                                                                                                <span class="main_title" style="font-size: 11px;">Demo 3</span>
                                                                                                                            </div>
                                                                                                                    </td>
                                                                                                                    <td style="font-size: 11px;">test</td>
                                                                                                                    <td style="font-size: 11px;">
                                                                                                                        <span>2.00</span>
                                                                                                                        <span>CGPA</span>
                                                                                                                    </td>
                                                                                                                    <td style="font-size: 11px;">June 2015 - February 2018</td>
                                                                                                                </tr>
                                                                                                            </tbody>
                                                                                                        </table>
                                                                                                    </div>
                                                                                                </div>
                                                                                            </div>
                                                                                    </div><!--end col-->
                                                                                </div><!--end row-->   
                                                                                    
                                                                                    <div class="row align-items-center mt-2">
                                                                                        <div class="col-md-12">
                                                                                            <div class="row">
                                                                                                <div class="col-md-10" style="width:83%;">
                                                                                                    <div class="content_header ml-0">
                                                                                                        <div class="left">
                                                                                                            <i class="fa fa-briefcase" style="padding: 7px;"></i>
                                                                                                        </div>
                                                                                                        <div class="right">
                                                                                                            <span class="main_title">Work Experience</span>
                                                                                                        </div>
                                                                                                    </div>
                                                                                                </div>
                                                                                                <div class="col-md-12 mt-2">
                                                                                                    <div class="table-responsive">
                                                                                                        <table class="table table-bordered list_table">
                                                                                                            <thead>
                                                                                                                <tr>
                                                                                                                    <th>Title</th>
                                                                                                                    <th>Meth</th>
                                                                                                                    <th>Dept</th>
                                                                                                                    <th>Funding</th>
                                                                                                                    <th>Month</th>
                                                                                                                </tr>
                                                                                                            </thead>
                                                                                                            <tbody>
                                                                                                                <tr>
                                                                                                                    <td>
                                                                                                                        <div class="institute_info">
                                                                                                                        <div class="left">
                                                                                                                                <i class="fa fa-briefcase" style="padding: 7px;"></i>
                                                                                                                            </div>
                                                                                                                            <div class="right">
                                                                                                                                <span class="main_title" style="font-size: 11px;">IECC</span>
                                                                                                                            </div>
                                                                                                                    </td>
                                                                                                                    <td style="font-size: 11px;">test</td>
                                                                                                                    <td style="font-size: 11px;">test</td>
                                                                                                                    <td style="font-size: 11px;">test</td>
                                                                                                                    <td style="font-size: 11px;">test</td>
                                                                                                                    
                                                                                                                </tr>
                                                                                                            </tbody>
                                                                                                        </table>
                                                                                                    </div>
                                                                                                </div>
                                                                                            </div>
                                                                                    </div>    
                                                                                    </div>
                                                                                </div><!--end teb pane-->

                                                                                <div class="tab-pane fade" id="pills-apps" role="tabpanel" aria-labelledby="pills-apps-tab">
                                                                                    <div class="row align-items-center">
                                                                                    <div class="col-md-12 mt-2">
                                                                                            <div class="row">
                                                                                                <div class="col-md-10" style="width:83%;">
                                                                                                    <div class="content_header ml-0">
                                                                                                        <div class="left">
                                                                                                            <i class="fa fa-folder-open-o" style="padding: 7px;"></i>
                                                                                                        </div>
                                                                                                        <div class="right">
                                                                                                            <span class="main_title">Proposal</span>
                                                                                                        </div>
                                                                                                    </div>
                                                                                                </div>
                                                                                                <div class="col-md-12 mt-2">
                                                                                                    <div class="table-responsive">
                                                                                                        <table class="table table-bordered list_table">
                                                                                                            <thead>
                                                                                                                <tr>
                                                                                                                    <th>Institution</th>
                                                                                                                    <th>Subject</th>
                                                                                                                    <th>Result</th>
                                                                                                                    <th>Duration</th>
                                                                                                                </tr>
                                                                                                            </thead>
                                                                                                            <tbody>
                                                                                                                <tr>
                                                                                                                    <td>
                                                                                                                        <div class="institute_info">
                                                                                                                        <div class="left">
                                                                                                                                <i class="fa fa-folder-open-o" style="padding: 7px;"></i>
                                                                                                                            </div>
                                                                                                                            <div class="right">
                                                                                                                                <span class="main_title" style="font-size: 11px;">test</span>
                                                                                                                            </div>
                                                                                                                    </td>
                                                                                                                    <td style="font-size: 11px;">test</td>
                                                                                                                    <td style="font-size: 11px;">
                                                                                                                        <span>test</span>
                                                                                                                        <span>test</span>
                                                                                                                    </td>
                                                                                                                    <td style="font-size: 11px;">test</td>
                                                                                                                </tr>
                                                                                                            </tbody>
                                                                                                        </table>
                                                                                                    </div>
                                                                                                </div>
                                                                                            </div>
                                                                                    </div> 
                                                                                    </div>    <!--end row-->  
                                                                                    <form class="login-form">
                                                                                        <div class="row">
                                                                                            <div class="col-md-12 back">
                                                                                                <div class="row">
                                                                                                    <div class="col-md-12">
                                                                                                        <div class="mb-1">
                                                                                                            <label class="form-label"></label>
                                                                                                            <div class="form-icon position-relative">
                                                                                                                <input type="text" class="form-control" placeholder="Title" name="s" required="">
                                                                                                            </div>
                                                                                                        </div>
                                                                                                    </div>
                                                                                                <div class="row">
                                                                                                    <div class="col-md-4 back">
                                                                                                            <div class="mb-3">
                                                                                                                <label class="form-label"></label>
                                                                                                                <select class="form-control" id="" name="">
                                                                                                                    <option>Methology</option>
                                                                                                                    <option>Quantitative </option>
                                                                                                                    <option>Qualitative </option>
                                                                                                                </select>
                                                                                                            </div>
                                                                                                    </div>
                                                                                                        <div class="col-md-4">
                                                                                                            <div class="mb-1">
                                                                                                                <label class="form-label"></label>
                                                                                                                <div class="form-icon position-relative">
                                                                                                                    <input type="text" class="form-control" placeholder="Department" name="s" required="">
                                                                                                                </div>
                                                                                                            </div>
                                                                                                        </div>
                                                                                                        <div class="col-md-4 back">
                                                                                                            <div class="mb-3">
                                                                                                                <label class="form-label"></label>
                                                                                                                <select class="form-control" id="" name="">
                                                                                                                    <option>Funding Status</option>
                                                                                                                    <option>Self-Funded</option>
                                                                                                                    <option>Govt. Scholarship</option>
                                                                                                                    <option>Other Scholarship</option>
                                                                                                                </select>
                                                                                                            </div>
                                                                                                    </div>
                                                                                                </div>
                                                                                                    <div class="col-md-4 back">
                                                                                                        <div class="mb-3">
                                                                                                            <label class="form-label"></label>
                                                                                                            <select class="form-control" id="" name="">
                                                                                                                <option>Month</option>
                                                                                                                <option>1</option>
                                                                                                                <option>2</option>
                                                                                                                <option>3</option>
                                                                                                                <option>4</option>
                                                                                                            </select>
                                                                                                        </div>
                                                                                                    </div>
                                                                                                    <div class="col-md-4 back">
                                                                                                        <div class="mb-3">
                                                                                                            <label class="form-label"></label>
                                                                                                            <select class="form-control" id="" name="">
                                                                                                                <option>Year</option>
                                                                                                                <option>1</option>
                                                                                                                <option>2</option>
                                                                                                                <option>3</option>
                                                                                                                <option>4</option>
                                                                                                            </select>
                                                                                                        </div>
                                                                                                    </div>
                                                                                            </div>                                                                                                                                                            
                                                                                    </form>                      
                                                                                </div><!--end teb pane-->
                                                                    </div><!--end tab content-->
                                                                </div><!--end col-->
                                                        </div><!--end row-->
                                                    </div><!--end container-->
                                                </div>
                                            </div><!--end col-->
                                    </div><!--end row-->
                                </div><!--end container-->
                            </div>
                        </div><!--end col-->
                   </div>
                </div><!--end row-->
            </div><!--end container-->
        </section><!--end section-->
        <!-- Hero End -->
      <!-- Main Js -->
      <script src="{{asset('web/js/bootstrap.bundle.min.js')}}"></script>
      <!-- tobii js -->
      <script src="{{asset('web/js/tobii.min.js')}}"></script>
      <!-- SLIDER -->
      <script src="{{asset('web/js/tiny-slider.js')}}"></script>
      <!-- Icons -->
      <script src="{{asset('web/js/feather.min.js')}}"></script>
      <!-- Main Js -->
      <script src="https://cdn.jsdelivr.net/npm/jquery@3.6.0/dist/jquery.slim.min.js"></script>
      <script src="https://cdn.jsdelivr.net/npm/bootstrap@4.6.1/dist/js/bootstrap.bundle.min.js"></script>
      <script src="https://cdnjs.cloudflare.com/ajax/libs/limonte-sweetalert2/11.6.15/sweetalert2.min.js"></script>
      <script src="{{asset('web/js/plugins.init.js')}}"></script>
      <script src="{{asset('web/js/app.js')}}"></script>
      <script src="{{asset('web/js/datepicker.min.js')}}"></script>
      <script src="{{asset('web/js/bootstrap.bundle.min.js')}}"></script>
      <script src="{{asset('web/js/plugins.init.js')}}"></script>
      <script src="{{asset('web/js/app.js')}}"></script>
      <script src="{{asset('web/css/sweetalert/sweetalert.min.js')}}"></script>
      <script src="https://code.jquery.com/jquery-3.1.1.min.js"></script>
</body>
</html>