@font-face{font-family:alumni;font-style:normal;font-weight:300;src:local('Alumni'),url('../fonts/alumni/AlumniSans-Italic-VariableFont_wght.ttf') format('ttf')}
@font-face{font-family:alumni;font-style:normal;font-weight:900;src:local('Alumni'),url('../fonts/alumni/AlumniSans-VariableFont_wght.ttf') format('ttf')}
/* @font-face{font-family:urbanist;font-style:normal;font-weight:300;src:local('Urbanist'),url('../fonts/urbanist/Urbanist-Italic-VariableFont_wght.ttf') format('ttf')}
@font-face{font-family:urbanist;font-style:normal;font-weight:900;src:local('Urbanist'),url('../fonts/urbanist/Urbanist-VariableFont_wght.ttf') format('ttf')} */

body{
    font-family: 'Urbanist', sans-serif;
    background: #FFF;
    /* background: #F7F5F5; */
}
header{background: #23313F;}

p{font-family: 'Urbanist', sans-serif;}
.navbar-brand img {
    width: 207px;
}
.nav-link {
    color: rgb(255 255 255) !important;
}
.btn.them-btn {
    background: rgb(75 194 225);
    color: rgb(255 255 255);
    font-weight: 600 !important;
}

.btn.them-btn-com {
    color: rgb(255 255 255);
    font-weight: 600 !important;
}
.nav-link {
    color: rgb(255 255 255) !important;
    font-size: 18px !important;
    font-weight: 600 !important;
    padding: 8px 10px !important;
    font-family: sans-serif;
}
.nav-link-d {
    color: rgb(255 255 255) !important;
    font-size: 18px !important;
    font-weight: 600 !important;
    padding: 5px 10px !important;
    font-family: sans-serif;
}

.form-custom {
    padding-top: 48px;
    padding-left: 50px;
    padding-bottom: 21px;
    border-radius: 50px 0px 0px 50px;
}
.form-custom-1 {
    padding-top: 48px;
    padding-left: 50px;
    padding-bottom: 21px;
    padding-right: 80px;
    border-radius: 0px 50px 50px 0px;
}
label.form-label.custom {
    position: absolute;
    top: 19px;
    left: 48px;
    z-index: 99;
}
label.form-label.custom-1 {
    position: absolute;
    top: 19px;
    left: 48px;
    z-index: 99;
}
.loction-srch strong {
    color: rgb(30 42 61);
}
.hearo-section {
    background: url(../img/hero-bg.jpg);
    padding: 50px 0px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    background-color: #71BDF7;
}
button.btn.sarch-btn {
    position: absolute;
    right: 14px;
    background: rgb(75 194 225);
    top: 12px;
    border-radius: 50%;
    width: 70px;
    height: 70px;
}
.hearo-section h2 {
    color: rgb(255 255 255);
    font-weight: 700;
    font-size: 50px;
}
.hearo-section p {
    color: rgb(255 255 255);
    font-size: 20px;
}
a{text-decoration: none;}
.hero-text {
    padding: 37px 0px;
}
.section-padding {
    padding: 80px 0;
}
.genreal-informastion p {
    color: rgb(75 194 225);
   /* font-size: 20px;*/
}
.genreal-informastion h2 {
    color: #1E2A3D;
    font-weight: 700;
    font-size: 38px;
}
.text-first{
    color: #4BC2E1 !important;
}
.text-second{
    color: #1E2A3D !important;
}
.line-1 {
    background: rgb(75 194 225);
    height: 2px;
    width: 138px;
    border-radius: 32px;
    margin-top: 20px;
    margin-bottom: 40px;
}
.track-your-case a{
background: rgb(255 255 255);
    border-radius: 50%;
    width: 95px;
    height: 95px;
    box-shadow: 0px 0px 6px 1px #13131347;
}
.track-your-case img{
position: relative;
    top: 16px;
}
.tracking-icons {
    margin-top: 80px;
}
.features{
    background: #4BC2E1;
}
.features h3 {
    font-weight: 600;
    font-size: 24px;
}
.p-tag {
    position: relative;
    left: 83px;
}
.statics{
    background: #2D97B2;
}
.statics .number {
    font-size: 60px;
    font-family: system-ui;
    font-weight: 600;
}
.statics .number-2{
    font-size: 13px;
}

.carousel-wrap {
  position: relative;
  margin-top: 80px;
}

/* fix blank or flashing items on carousel */
.owl-carousel .item {
  position: relative;
  z-index: 100;
  -webkit-backface-visibility: hidden;
  padding-top: 67px;
  margin: 12px;
}

/* end fix */
.owl-nav > div {
  margin-top: 0px;
  position: absolute;
  top: 50%;
  color: #cdcbcd;
}

.owl-nav i {
    font-size: 38px;
    position: relative;
    left: 18px;
    top: 6px;
}

.owl-nav .owl-prev {
  left: -50px;
}

.owl-nav .owl-next {
  right: -50px;
}
.owl-prev {
    background: #4BC2E1;
    height: 50px;
    width: 50px;
    border-radius: 50%;
    color: rgb(255 255 255) !important;
}
.owl-next {
    background: #4BC2E1;
    height: 50px;
    width: 50px;
    border-radius: 50%;
    color: rgb(255 255 255) !important;
}
.feedback-user {
    background: rgb(255 255 255);
    border-radius: 7px;
    padding: 34px;
}
.feedback-user-img img {
    border-radius: 50%;
    width: 100px !important;
    text-align: center;
    margin: auto;
    position: relative;
    top: -77px;
    margin-bottom: -77px;
}
.feedback h3 {
    font-weight: 600;
    font-size: 22px;
    margin-top: 33px;
}
footer{
    background: #23313F;

}
.quick-links ul {
    list-style: none;
    padding-inline-start: 0px;
}
.quick-links ul li a {
    color: rgb(255 255 255);
    }
.quick-links ul li {
    padding: 5px 0;
     color: rgb(255 255 255);
}
.sign-up h2 {
    font-weight: 600;
}
.d-flex.switcher a {
    font-size: 22px;
    font-weight: 600;
    font-family: sans-serif;
    color: rgb(145 145 145);
}

.sign-up .form-switch .form-check-input{ background-image: url(../img/circle.svg) !important;
background-color: #E7EDF4;}
.sign-up .form-check-input:checked[type=checkbox] {
    background-color: #E7EDF4;
    }
    .switcher ul li {
    list-style: none;
    display: flex;
}
 .switcher ul{
    list-style: none;
    display: flex;
    padding-inline-start: 0px;
}
.switcher ul li {
    padding: 0px 10px;
}
.switcher ul li a {
    font-size: 22px;
    color: rgb(145 145 145);
    font-weight: 600;
    font-family: sans-serif;
}

.sign-up label {
    font-weight: 600;
    color: rgb(30 42 61) !important;
}
.sign-up .form-control {
    height: 55px;
}
.sign-up-section {
    width: 100%;
    max-width: 608px;
    margin: auto;
}
.description-box h4 {
    font-weight: 600;
    font-family: sans-serif;
}
.description-box {
    background: rgb(247 245 245);
}
.description-box p {
    display: block;
    padding-left: 46px;
}
.sign-in-section.bg-white {
    width: 100%;
    max-width: 600px;
    padding: 48px;
    margin: auto;
    border-radius: 7px;
}
.sign-in label {
    font-weight: 600;
    color: rgb(30 42 61) !important;
}
.sign-in .form-control {
    height: 55px;
}
.sign-in h2 {
    font-weight: 600;
}
.sign-in .form-check-input:checked {
    background-color: rgb(75 194 225);
    border-color: rgb(75 194 225);
}
.search-results {
    background: rgb(75 194 225);
    padding-top: 33px;
    padding-bottom: 25px;
}

.search-results .form-custom {
    padding-top: 25px;
    padding-left: 50px;
    padding-bottom: 8px;
    border-radius: 50px 0px 0px 50px;
}

.search-results .form-custom-1 {
    padding-top: 25px;
    padding-left: 50px;
    padding-bottom: 8px;
    padding-right: 80px;
    border-radius: 0px 50px 50px 0px;
}
.search-results label.form-label.custom {
    position: absolute;
    top: 5px;
    left: 48px;
    z-index: 99;
}
.search-results label.form-label.custom-1 {
    position: absolute;
    top: 5px;
    left: 48px;
    z-index: 99;
}
.search-results button.btn.sarch-btn {
    position: absolute;
    right: 9px;
    background: rgb(75 194 225);
    top: 7px;
    border-radius: 50%;
    width: 45px;
    height: 45px;
}
.line-2 {
    background: rgb(234 234 234);
    height: 1px;
    width: 100%;
    margin-top: 27px;
    margin-bottom: 27px;
}
select.form-select {
    height: 55px;
}
.section-padding-2{
padding: 27px 0;
}
.user-search-info {
    border-radius: 7px;
    padding: 30px 30px;
    margin-bottom: 30px;
    padding-left: 90px;
}
.user-info-side h4 {
    font-weight: 600;
    font-size: 21px;
    color: rgb(75 194 225);
    letter-spacing: 1.5px;
}
.user-info-side p {
    margin-bottom: 6px;
}
.line-3{
    background: rgb(234 234 234);
    height: 1px;
    width: 100%;
    margin-top: 16px;
    margin-bottom: 16px;
}
.user-info-side h5 {
    font-weight: 600;
}
.vip img {
    position: absolute;
    right: 22px;
    top: -19px;
    width: 45px;
}
.tracking-results label.form-label.custom {
    position: absolute;
    top: 17px;
    left: 48px;
    z-index: 99;
}
.them-btn-2 {
    border: solid rgb(75 194 225);
    border-radius: 33px;
    color: rgb(75 194 225);
    font-family: sans-serif;
    padding: 10px 23px;
}
.btn:hover {
    color: auto;
}
.them-btn-2:hover {
    color: rgb(75 194 225) !important;
}
.pdf-btn {
    text-align: right;
    position: relative;
    top: 11px;
}
.reference-postion ul {
    list-style: none;
        padding-inline-start: 0px;
}
.reference-postion ul li {
    padding: 10px 0px;
}
.circle {
    border: solid 4px rgb(169 173 190);
    border-radius: 76px;
    height: 88px;
    width: 88px;
    padding: 17px 12px;
    position: relative;
    text-align: center;
    left: -46px;
    background: rgb(255 255 255);
    line-height: 1;
    color: rgb(169 173 190);
    font-family: sans-serif;
    font-size: 20px;
}
span.circle img {
    margin-top: 5px;
}
/*.circle::after {
    content: "/";
    width: 4px;
    background: rgb(169 173 190);
    height: 100%;
    color: rgb(0 0 0 / 0%);
    position: relative;
    top: 36px;
    left: -10px;
}*/
.text-list {
    position: relative;
    top: 6px;
    left: 19px;
    font-family: sans-serif;
    color: rgb(169 173 190);
    font-weight: 600;
    font-size: 23px;
}
.text-list {
    position: relative;
    top: 1px;
    left: -12px;
    font-family: sans-serif;
    color: rgb(169 173 190);
    font-weight: 600;
    font-size: 19px;
}
.reference-postion ul li {
    padding: 10px 0px;
    border-left: solid 4px rgb(169 173 190);
}
.complated {
    color: rgb(30 190 124) !important;
    border-color: rgb(30 190 124) !important;
}
.sub-text {
    position: absolute;
    bottom: 20px;
    left: 100px;
}
.pending-color{color: #828593;}

.dashboard {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    min-height: 100vh;
}

.dashboard-app {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-flex: 2;
    -webkit-flex-grow: 2;
    -ms-flex-positive: 2;
    flex-grow: 2;
}

.dashboard-content {
    -webkit-box-flex: 2;
    -webkit-flex-grow: 2;
    -ms-flex-positive: 2;
    flex-grow: 2;
    padding: 25px;
}

.dashboard-nav {
    min-width: 270px;
    position: fixed;
    left: 0;
    top: 0;
    bottom: 0;
    overflow: auto;
    background-color: #373193;
}

.dashboard-compact .dashboard-nav {
    display: none;
}

.dashboard-nav header {
    min-height: 72px;
    padding: 8px 27px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.dashboard-nav header .menu-toggle {
    display: none;
    /* margin-right: auto; */
}

.dashboard-nav a {
    color: #515151;
}

.dashboard-nav a:hover {
    text-decoration: none;
}

.dashboard-nav {
    background-color: rgb(35 49 63);
}

.dashboard-nav a {
    color: #fff;
}

.brand-logo {
    font-weight: bold;
    font-size: 20px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    color: #515151;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.brand-logo:focus, .brand-logo:active, .brand-logo:hover {
    color: #dbdbdb;
    text-decoration: none;
}

.brand-logo i {
    color: #d2d1d1;
    font-size: 27px;
    margin-right: 10px;
}

.dashboard-nav-list {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
}

.dashboard-nav-item {
    min-height: 46px;
    padding: 16px 20px 16px 70px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    letter-spacing: 0.02em;
    transition: ease-out 0.5s;
    font-size: 13px;
    letter-spacing: 0.5px;
    gap: 8px;
}

.dashboard-nav-item i {
    width: 20px;
    font-size: 19px;
    margin-left: -40px;
}

.dashboard-nav-item:hover {
    background: rgba(255, 255, 255, 0.04);
}

.active-das {
    background: rgb(75 194 225);
}
a.dashboard-nav-item:hover {
     background: rgb(75 194 225);
}
.dashboard-nav-dropdown {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
}

.dashboard-nav-dropdown.show {
    background: rgba(255, 255, 255, 0.04);
}

.dashboard-nav-dropdown.show > .dashboard-nav-dropdown-toggle {
    font-weight: bold;
}

.dashboard-nav-dropdown.show > .dashboard-nav-dropdown-toggle:after {
    -webkit-transform: none;
    -o-transform: none;
    transform: none;
}

.dashboard-nav-dropdown.show > .dashboard-nav-dropdown-menu {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    font-size: 13px;
    letter-spacing: 0.5px;
}

.dashboard-nav-dropdown-toggle:after {
    content: "";
    margin-left: auto;
    display: inline-block;
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid rgba(81, 81, 81, 0.8);
    -webkit-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
}

.dashboard-nav .dashboard-nav-dropdown-toggle:after {
    border-top-color: rgba(255, 255, 255, 0.72);
}

.dashboard-nav-dropdown-menu {
    display: none;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    font-size: 13px;
    letter-spacing: 0.5px;
}

.dashboard-nav-dropdown-item {
    min-height: 40px;
    padding: 8px 20px 8px 70px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    transition: ease-out 0.5s;
}

.dashboard-nav-dropdown-item:hover {
    background: rgba(255, 255, 255, 0.04);
}

.menu-toggle {
    position: relative;
    width: 42px;
    height: 42px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: rgb(35 49 63);
}

.menu-toggle:hover, .menu-toggle:active, .menu-toggle:focus {
    text-decoration: none;
    color: #875de5;
}

.menu-toggle i {
    font-size: 20px;
}

.dashboard-toolbar {
    min-height: 59px;
    background-color: transparent;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 8px 27px;
    position: relative;
    right: 0;
    left: 0 !important;
    z-index: 1000;
}

.nav-item-divider {
    height: 1px;
    margin: 1rem 0;
    overflow: hidden;
    background-color: rgba(236, 238, 239, 0.3);
}
.dashboard {
    margin-top: 70px;
}
@media (min-width: 992px) {
    .dashboard-app {
        margin-left: 272px;
    }

    .dashboard-compact .dashboard-app {
        margin-left: 0;
    }
}


@media (max-width: 768px) {
    .dashboard-content {
        padding: 15px 0px;
    }

    .hearo-section {
        /* background-image: none; */
        background: url(../img/hero-bg-mobile.jpg);
        background-size: cover;
        background-position: center;
    }

    .form-custom, .form-custom-1 {
        border-radius: 20px !important;
    }
}

@media (max-width: 992px) {
    .dashboard-nav {
        display: none;
        position: fixed;
        top: 0;
        right: 0;
        left: 0;
        bottom: 0;
        z-index: 1070;
    }

    .dashboard-nav.mobile-show {
        display: block;
    }
}

@media (max-width: 992px) {
    .dashboard-nav header .menu-toggle {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
    }
}

@media (min-width: 992px) {
    .dashboard-toolbar {
        left: 238px;
    }

    .dashboard-compact .dashboard-toolbar {
        left: 0;
    }
}


.user-login-top-img {
    width: 40px;
    height:40px;
    border-radius: 50%;
}
.dropdown-toggle::after {
    color: #fff;
    font-size: 18px;
    }
 ul.dropdown-menu.show {
    left: -160px;
    min-width: 220px;
}
span.notification-counter {
    color: rgb(255 255 255);
    position: absolute;
    right: 0;
    background: #F45190;
    border-radius: 50%;
    width: 20px;
    height: 20px;
    text-align: center;
    vertical-align: middle;
    line-height: 21px;
}
.Profile h5 {
    font-family: sans-serif;
    font-weight: 600;
    font-size: 20px;
}

button#pills-home-tab {

}

.nav-pills .nav-link.active, .nav-pills .show>.nav-link {
   width: 100%;
    padding: 15px 13px !important;
    border-radius: 5px !important;
    background: rgb(75 194 225);
}

.nav-pills .nav-link, .nav-pills .show>.nav-link {
   width: 100%;
    padding: 15px 13px !important;
    border-radius: 5px !important;
    background: rgb(35 49 63);
    margin-bottom: 30px;
}
::-webkit-calendar-picker-indicator {
  background-image: url('../img/icons/calendar-1.svg');
}
.form-check-input:checked {

    border-color: rgb(75 194 225) !important;
}
.form-check-input[type=checkbox] {
    border-radius: 12.25em !important;
}
.login-common-err-successfeedback{
  color:green;
}

/* venom edit */
.btn-back {
    width: 34px;
    margin-right: 5px;
    background:#000;
    color:#fff;
}

.btn-back:hover {
    background:#999;
    color:#fff;
}

nav .dropdown-item {
    white-space: unset;
}

.badge-pill {
    padding-right: 0.6em;
    padding-left: 0.6em;
    border-radius: 10rem;
}

.badge-notification {
    margin-left:7px;
    color: #fff;
    background-color: #dc3545;
}