/*--------------------------------------------------------------------------------------*/
/*General-Css-Here
/*--------------------------------------------------------------------------------------*/

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

p {
    margin: 0;
}

body {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: 'Montserrat', sans-serif;
    font-weight: 400;
    font-size: 13px;
    background: #fff;

}

a {
    -webkit-transition: 0.5s ease-out;
    -moz-transition: 0.5s ease-out;
    -o-transition: 0.5s ease-out;
    transition: 0.5s ease-out;
}

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

h1,
h2,
h3,
h4,
h5,
h6,
figure {
    margin: 0;
    padding: 0;
}

img {
    max-width: 100%;
}

.site_content {
    display: block;
    padding-top: 89px;
}

.site_content:after,
.site_content:before {
    display: table;
    clear: both;
    content: "";
}

a:hover {
    text-decoration: none;
}

header,
footer,
section {
    display: block;
}


address {
    margin: 0
}

.container:after,
.container:before {
    display: table;
    clear: both;
    content: "";
}

[type="radio"]:checked,
[type="radio"]:not(:checked) {
    position: absolute;
    left: -9999px;
}

[type="radio"]:checked+label,
[type="radio"]:not(:checked)+label {
    position: relative;
    padding-left: 28px;
    cursor: pointer;
    line-height: 20px;
    display: inline-block;
    color: #666;
}

[type="radio"]:checked+label:before,
[type="radio"]:not(:checked)+label:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 18px;
    height: 18px;
    border: 1px solid #ddd;
    border-radius: 100%;
    background: #fff;
}

[type="radio"]:checked+label:after,
[type="radio"]:not(:checked)+label:after {
    content: "";
    background: #24c4e9;
    width: 12px;
    height: 12px;
    position: absolute;
    top: 3px;
    left: 3px;
    border-radius: 100%;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

[type="radio"]:not(:checked)+label:after {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
}

[type="radio"]:checked+label:after {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
}

a:focus {
    border: none;
    outline: none;
}

button:focus {
    border: none;
    outline: none;
}

select {
    appearance: none;
}


.btn:hover {
    background: #354E5C;
}

.common_title h2 {
    text-align: center;
    font-size: 30px;
    font-weight: 700;
    color: #cf8b46;
    padding-bottom: 40px
}

.md-form input[type="date"]:focus:not([readonly]),
.md-form input[type="datetime-local"]:focus:not([readonly]),
.md-form input[type="email"]:focus:not([readonly]),
.md-form input[type="number"]:focus:not([readonly]),
.md-form input[type="password"]:focus:not([readonly]),
.md-form input[type="search-md"]:focus:not([readonly]),
.md-form input[type="search"]:focus:not([readonly]),
.md-form input[type="tel"]:focus:not([readonly]),
.md-form input[type="text"]:focus:not([readonly]),
.md-form input[type="time"]:focus:not([readonly]),
.md-form input[type="url"]:focus:not([readonly]),
.md-form textarea.md-textarea:focus:not([readonly]) {
    box-shadow: 0 1px 0 0 #ffee04;
    border-bottom: 1px solid #ffee04;
}

.md-form input[type="date"]:focus:not([readonly])+label,
.md-form input[type="datetime-local"]:focus:not([readonly])+label,
.md-form input[type="email"]:focus:not([readonly])+label,
.md-form input[type="number"]:focus:not([readonly])+label,
.md-form input[type="password"]:focus:not([readonly])+label,
.md-form input[type="search-md"]:focus:not([readonly])+label,
.md-form input[type="search"]:focus:not([readonly])+label,
.md-form input[type="tel"]:focus:not([readonly])+label,
.md-form input[type="text"]:focus:not([readonly])+label,
.md-form input[type="time"]:focus:not([readonly])+label,
.md-form input[type="url"]:focus:not([readonly])+label,
.md-form textarea.md-textarea:focus:not([readonly])+label {
    color: #ffee04;
}

#owl-demo .item img {
    display: block;
    width: 100%;
    height: auto;
}

/*fonts*/
@font-face {
    font-family: 'Conv_Cambria_Bold';
    src: url('../fonts/Cambria_Bold.eot');
    src: local('☺'), url('../fonts/Cambria_Bold.woff') format('woff'), url('../fonts/Cambria_Bold.ttf') format('truetype'), url('../fonts/Cambria_Bold.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}


/*--------------------------------------------------------------------------------------*/
/*Header-Css-Here
/*--------------------------------------------------------------------------------------*/
.navbar {
    padding: 0
}

header .nave-bar {
    display: flex;
    align-items: center;
    flex-grow: 1
}

ul#hide-menu {
    padding-left: 35px
}

header {
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    z-index: 99;
    padding: 15px 0;
    background: #fff
}

header .container {
    z-index: 9;
    position: relative
}

ul.navbar-nav li a {
    color: #fff;
    padding: 0 !IMPORTANT;
    text-transform: capitalize;
    margin: 0;
    font-size: 15px;
    font-weight: 700;
    color: #213860
}

ul.navbar-nav li {
    margin: 0 15px !IMPORTANT;
    position: relative
}

ul.navbar-nav li .nav-link:before,
ul.navbar-nav li .nav-link:after {
    position: absolute;
    -webkit-transition: all .35s ease;
    transition: all .35s ease;
    background-color: #f5921b
}

ul.navbar-nav li:after {
    left: 0;
    top: 0;
    padding: .5em 0;
    position: absolute;
    content: attr(data-hover);
    color: #fff;
    white-space: nowrap;
    max-width: 0;
    overflow: hidden
}

ul.navbar-nav>li .nav-link:hover:before,
ul.navbar-nav>li.active .nav-link:before {
    opacity: 1;
    width: 100%;
    background-color: #f5921b
}

ul.navbar-nav li .nav-link:hover:after,
ul.navbar-nav li.active .nav-link:after {
    max-width: 100%
}

li.nav-item.active .nav-link,
ul.navbar-nav li:hover .nav-link {
    color: #213860
}

ul.navbar-nav li:hover ul.sub-menu {
    display: block
}

.sticky {
    background: #0e1f3d;
    padding: 20px 0
}

.inner-fix-header {
    padding-top: 116px
}

.inner-header:after {
    display: none
}

nav.navbar.navbar-expand-lg {
    display: flex;
    align-items: center;
    justify-content: space-between
}

header.sticky:after {
    display: none
}

.header-btn-group a {
    min-width: 110px;
    display: inline-block;
    text-align: center;
    line-height: 40px;
    font-size: 14px;
    font-weight: 600;
    border-radius: 4px;
    color: #fff;
    margin-left: 3px;
    background: #213860
}

.header-btn-group .register-btn {
    background: #54c7f5
}

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

.sticky ul.navbar-nav li a {
    color: #fff !important
}

.sticky .header-view {
    display: none
}

.sticky .stiky-logo {
    display: block !important
}

.navbar-nav li a:hover {
    color: #54c7f5 !important
}

.common-btn {
    border: 0;
    min-width: 161px;
    display: inline-block;
    text-align: center;
    line-height: 41px;
    font-size: 14px;
    font-weight: 600;
    border-radius: 4px;
    color: #fff !important;
    background: #54c7f5
}

ul.footer-social li a:hover i {
    opacity: .8 !important
}

.common-bg-form {
    background: #fff;
    width: 452px;
    margin: auto;
    padding: 40px 40px 40px;
    box-shadow: 0 3px 15px rgb(97 97 97 / 9%);
    border-radius: 18px
}

/*--------------------------------------------------------------------------------------*/
/*header-bottom
/*--------------------------------------------------------------------------------------*/

.header-btn-group a.user-info-blk {
    margin-left: 20px;
    width: 46px;
    min-width: 46px;
    height: 46px;
    display: inline-block;
    border-radius: 50%;
    background-position: center;
    background-size: cover;
}

.header-btn-group.desktop-view {
    display: flex;
    align-items: center;
}

header.login-header {
    padding: 15px 0 0;
}

.header-bottom-block {
    /*    background-color: #F8F9FB;*/
    padding: 10px 0;
    margin-top: 15px;
}

.header-bottom-block ul.navbar-nav {
    display: block;
}

.header-bottom-block ul.navbar-nav li.nav-item {
    display: inline-block;
    margin: 0 20px 0px 0 !important;
}

.header-bottom-block ul.navbar-nav li.nav-item a.nav-link {
    font-size: 14px;
    font-weight: 600;
    color: #213860;
}

.header-bottom-block ul.navbar-nav li.nav-item.active a.nav-link {
    color: #213860;
}

header.login-header.sticky .header-bottom-block ul.navbar-nav li.nav-item a.nav-link {
    color: #0e1f3d !important;
}

.header-bottom-block ul.navbar-nav li.nav-item.logout-link {
    float: right;
    margin: 0 !important;
}

.header-bottom-block ul.navbar-nav li.nav-item.logout-link a.nav-link {
    color: #54C7F5;
}

/*--------------------------------------------------------------------------------------*/
/*banner-slider-changes
/*--------------------------------------------------------------------------------------*/
.top-banner {
    padding-top: 82px
}

.top-banner .owl-carousel .owl-item img {
    display: block;
    height: auto;
    object-fit: none;
    width: 100%;
    object-position: top
}

.carousel-caption-content h1 {
    font-family: 'Conv_Cambria_Bold';
    color: #213860;
    font-size: 55px;
    padding-bottom: 10px
}

.carousel-caption-content p {
    font-size: 16px;
    color: #213860;
    font-weight: 600;
    padding-bottom: 35px;
    line-height: 25px
}

.carousel-caption-box {
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 10;
    padding-top: 20px;
    padding-bottom: 20px;
    color: #fff;
    text-align: left;
    right: 0;
    top: 0;
    margin: auto;
    display: flex
}

.carousel-caption-content {
    width: 500px
}

.carousel-control-next-icon,
.carousel-control-prev-icon {
    box-shadow: 0 1px 3px #0000007a;
    width: 50px;
    height: 50px;
    background: #fff;
    background-size: 100% 100%;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #213860;
    font-size: 22px
}

.top-banner .carousel-item img {
    height: 700px;
    object-fit: cover;
    object-position: top;
}

/*--------------------------------------------------------------------------------------*/
/*about-us-changes
/*--------------------------------------------------------------------------------------*/
.about-us {
    padding: 100px 0 90px
}

section.about-us .row {
    align-items: center
}

.about-us-left h4 {
    font-size: 16px;
    color: #54c7f5;
    font-weight: 600
}

.about-us-left h2 {
    font-size: 38px;
    color: #213860;
    font-weight: 700;
    padding-top: 8px;
    padding-bottom: 10px
}

.description-box p {
    font-size: 15px;
    color: #7e7e95;
    font-weight: 500
}

.description-box p {
    padding-bottom: 25px
}

.description-box p:last-child {
    padding-bottom: 0
}

.about-us-left {
    padding-right: 15px
}

/*.about-us-right figure{padding-top:100%;position:relative}
.about-us-right figure img{border-top-left-radius:132px;position:absolute;top:0;right:0;bottom:0;height:534px}*/

.about-us .common-btn {
    margin-top: 35px;
}

.about-us-right figure {
    text-align: right;
}

.about-us-right figure img {
    border-top-left-radius: 132px;
    height: 534px;
    object-fit: cover;
}

.testimonial-item-content-head figure img {
    width: 75px;
    height: 75px;
    border-radius: 50%;
    border: 2px solid #fff;
    padding: 2px;
    box-shadow: 0 1px 3px #00000014;
    object-fit: cover;
}

.account-form-content label {
    display: block;
}

.profile-main .iti.iti--allow-dropdown {
    width: 100%;
}

.profile-main span.select2-selection.select2-selection--single {
    border: 1px solid #D8DCE5;
    font-size: 14px;
    font-weight: 400;
    padding: 10px;
    color: #ABABC1;
    height: 43px;
    display: flex;
    align-items: center;
}

.profile-main .select2-container {
    width: 100% !important;
}

.header-bottom-block ul.navbar-nav {

    width: 100%;
}

nav.navbar.navbar-expand-lg {
    margin-bottom: 0;
}

.header-bottom-block .container {
    z-index: unset;
}

/*--------------------------------------------------------------------------------------*/
/*description-blue-box
/*--------------------------------------------------------------------------------------*/
.description-blue-box {
    background: #213860;
    padding: 78px 0
}

.description-blue-box h2 {
    font-size: 32px;
    color: #54c7f5;
    font-weight: 700;
    padding-bottom: 15px;
    line-height: 44px
}

.description-blue-box .description-box p {
    color: #Fff
}

/*--------------------------------------------------------------------------------------*/
/*subscription-plan
/*--------------------------------------------------------------------------------------*/
.subscription-plan {
    padding: 70px 0 80px
}

.common-headning h2 {
    font-size: 38px;
    color: #213860;
    font-weight: 700;
    padding-bottom: 10px
}

.common-headning .description-box {
    width: 55%;
    margin: auto
}

.subscription-head {
    background: #54c7f5;
    text-align: center
}

.subscription-head h3 {
    font-size: 40px;
    color: #Fff;
    font-weight: 700
}

.subscription-head h3 sup {
    font-size: 14px;
    vertical-align: middle;
    position: relative;
    top: -10px;
    right: 3px;
    font-weight: 600
}

.subscription-head h3 sub {
    font-size: 14px;
    vertical-align: bottom;
    position: relative;
    bottom: 16px;
    right: 0;
    font-weight: 600
}

.subscription-head small {
    font-size: 14px;
    color: #fff;
    font-weight: 600
}

.subscription-head {
    background: #54c7f5;
    text-align: center;
    padding: 20px 20px;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 176px
}

.top-text {
    position: absolute;
    top: 0;
    left: 0;
    right: 0
}

.top-text span {
    background: #213860;
    font-size: 16px;
    color: #fff;
    display: inline-block;
    font-weight: bold;
    min-width: 175px;
    line-height: 37px;
    border-bottom-left-radius: 18px;
    border-bottom-right-radius: 18px;
    box-shadow: 0 3px 6px rgb(0 0 0 / 16%);
    text-transform: uppercase
}

.subscription-head-content {
    padding-top: 37px
}

.subscription-box {
    box-shadow: 0 3px 6px rgb(0 0 0 / 16%);
    border-radius: 10px;
    overflow: hidden;
    margin-top: 40px
}

.subscription-body {
    padding: 40px 30px 45px
}

.subscription-body ul li {
    font-size: 14px;
    font-weight: 500;
    color: #7e7e95;
    position: relative;
    padding-left: 30px;
    padding-bottom: 15px
}

.subscription-body ul li:after {
    background: url(../images/check-mark.png);
    position: absolute;
    left: 0;
    top: 1px;
    width: 20px;
    height: 20px;
    content: "";
    background-position: center
}

.buy-plan-btn {
    min-width: 150px;
    display: inline-block;
    text-align: center;
    line-height: 42px;
    font-size: 14px;
    font-weight: 600;
    border-radius: 4px;
    color: #fff !important;
    background: #213860
}

.buy-plan {
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    bottom: -19px
}

/*--------------------------------------------------------------------------------------*/
/*slider-magic
/*--------------------------------------------------------------------------------------*/
span.top-sub-title {
    font-size: 20px;
    color: #7e7e95;
    font-weight: 600
}

.owl-carousel .owl-stage {
    display: flex;
    align-items: center;
    justify-content: center
}

.owl-carousel .owl-item img {
    display: block;
    width: auto;
    height: auto
}

.owl-item.active.center img {
    box-shadow: none
}

.owl-nav {
    display: none
}

.slider-magic .owl-item.active.center>div:after {
    display: none
}

.slider-your-business {
    background: #f8f9fb;
    padding: 80px 0 85px
}

.slider-box-content-head {
    display: flex;
    align-items: center
}

.content-head-right h4 {
    font-size: 18px;
    color: #000;
    font-weight: 700;
    padding-bottom: 5px
}

.content-head-right {
    padding-left: 15px
}

.content-head-right small {
    font-size: 14px;
    font-weight: 500;
    color: #7e7e95
}

.slider-box-content-body {
    box-shadow: 0 10px 20px rgb(0 0 0 / 4%);
    background: #fff;
    padding: 25px;
    font-size: 14px;
    color: #7e7e95;
    font-weight: 500;
    line-height: 22px;
    border-radius: 10px;
    margin-top: 12px
}

.slider-box {
    padding-top: 35px
}

.slider-box .owl-nav {
    display: block
}

.owl-nav {
    position: absolute;
    top: -165px;
    right: 0
}

.owl-prev:after,
.owl-next:after {
    font-size: 20px;
    content: "\f060";
    color: #fff;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    background: #0e1f3d;
    align-items: center;
    justify-content: center;
    text-align: center;
    border-radius: 50%;
    width: 50px;
    display: flex;
    height: 50px;
    box-shadow: 0 3px 16px rgb(0 0 0 / 16%)
}

.owl-next:after {
    content: "\f061"
}

.owl-nav {
    position: absolute;
    top: -180px;
    right: 0;
    display: flex !important;
    align-items: center;
    justify-content: center
}

.owl-prev,
.owl-next {
    color: transparent
}

.owl-next {
    margin-left: 8px
}

/*--------------------------------------------------------------------------------------*/
/*animation-effects
/*--------------------------------------------------------------------------------------*/

.icon-1 {
    position: absolute;
    left: -250px;
    top: 0;
    display: inline-block;
    background-repeat: no-repeat
}

.icon-2 {
    position: absolute;
    right: -250px;
    top: 200px;
    display: inline-block;
    background-repeat: no-repeat
}

.icon-3 {
    position: absolute;
    left: 30px;
    top: 30px
}

.icon-4 {
    position: absolute;
    right: 30px;
    bottom: 30px
}

.contact-us .icon-1 {
    left: -150px;
}

.contact-us .icon-2 {
    right: -150px;
}

@keyframes zoom-fade {
    0% {
        -webkit-transform: scale(0.8);
        transform: scale(0.8);
    }

    50% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }

    100% {
        -webkit-transform: scale(0.8);
        transform: scale(0.8);
    }
}





.shape-1 {
    animation-name: float_up_down;
    animation-duration: 5s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
    -webkit-animation-name: float_up_down;
    -webkit-animation-duration: 5s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    -moz-animation-name: float_up_down;
    -moz-animation-duration: 5s;
    -moz-animation-iteration-count: infinite;
    -moz-animation-timing-function: linear;
    -ms-animation-name: float_up_down;
    -ms-animation-duration: 5s;
    -ms-animation-iteration-count: infinite;
    -ms-animation-timing-function: linear;
    -o-animation-name: float_left_right;
    -o-animation-duration: 5s;
    -o-animation-iteration-count: infinite;
    -o-animation-timing-function: linear;
}

@keyframes float_up_down {
    0% {
        transform: translateY(0px);
        transform: translateY(0px);
        opacity: 1;
    }

    50% {
        transform: translateY(30px);
        transform: translateY(30px);
        opacity: 1;
    }

    100% {
        transform: translateY(0px);
        transform: translateY(0px);
        opacity: 1;
    }
}

/*--------------------------------------------------------------------------------------*/
/*Contact-us
/*--------------------------------------------------------------------------------------*/
.contact-us {
    padding-top: 70px;
    padding-bottom: 90px;
    position: relative;
    overflow: hidden;
    background: url(../images/contact-bg.png);
    background-position: center
}

.form-box {
    max-width: 740px;
    margin: auto;
    text-align: center;
    padding: 10px 60px 0
}

.contact-us .form-box textarea {
    border: 1px solid #d8dce5;
    font-size: 14px;
    font-weight: 500;
    border-radius: 5px;
    resize: none;
    height: 123px
}

.contact-us .form-group input,
.contact-us .form-box select.form-control {
    height: 42px !important;
    border: 1px solid #d8dce5;
    font-size: 14px;
    font-weight: 500;
    border-radius: 5px
}

.contact-us .form-group input::-webkit-input-placeholder,
.form-box textarea::-webkit-input-placeholder {
    color: #ababc1;
    font-weight: 500
}

.contact-us .form-group input:-ms-input-placeholder,
.form-box textarea:-ms-input-placeholder {
    color: #ababc1;
    font-weight: 500
}

.contact-us .form-group input::placeholder,
.form-box textarea::placeholder {
    color: #ababc1;
    font-weight: 500
}

.contact-us .buy-plan-btn {
    min-width: 150px;
    display: inline-block;
    text-align: center;
    line-height: 30px;
    font-size: 14px;
    font-weight: 600;
    border-radius: 4px;
    color: #fff !important;
    background: #213860;
    border: 0;
    margin-top: 5px
}

/*--------------------------------------------------------------------------------------*/
/*footer
/*--------------------------------------------------------------------------------------*/
footer {
    background: #0e1f3d;
    padding-top: 90px;
    position: relative;
    overflow: hidden
}

.footer-content:nth-child(1) {
    position: relative
}

.footer-content {
    padding-right: 0
}

.footer-content p {
    font-size: 14px;
    font-weight: 500;
    line-height: 22px;
    color: #fff
}

.footer-content:nth-child(2) {
    padding-left: 75px
}

.footer-content h3:after {
    width: 37px;
    height: 6px;
    position: absolute;
    bottom: 0;
    content: "";
    background: #fff;
    left: 0
}

.footer-content h3 {
    position: relative
}

.footer-content h3 {
    font-size: 22px;
    font-weight: 700;
    padding-bottom: 20px;
    margin-bottom: 30px;
    color: #fff
}

.footer-content ul li {
    position: relative;
    padding-left: 25px;
    padding: 0 0 15px;
    margin-right: 10px
}

.footer-content li a {
    font-size: 14px;
    color: #b0b0bc;
    font-weight: 500;
    text-decoration: none
}

.footer-content ul li a:hover {
    color: #54c7f5;
    padding-left: 2px
}

.footer-bottom {
    font-size: 14px;
    color: #b0b0bc;
    font-weight: 500;
    padding-top: 65px
}

.footer-bottom p {
    padding: 18px 0;
    margin: 0;
    font-weight: 500
}

.footer-content a svg {
    margin-bottom: 25px
}

ul.footer-social {
    display: flex
}

ul.footer-social li i {
    width: 45px;
    height: 45px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 24px;
    border-radius: 50%;
    color: #Fff;
    background: #fff
}

li.facebook-bg a i {
    background: #3b5998
}

li.linkedin-bg a i {
    background: #00a0dc
}

li.instagram-bg a i {
    background: #5851db
}

li.pinterest-bg a i {
    background: #e60023
}

li.twitter-bg a i {
    background: #1da1f2
}

.shape-1 {
    position: absolute;
    right: 0;
    bottom: 0
}


/*--------------------------------------------------------------------------------------*/
/*welcome-css
/*--------------------------------------------------------------------------------------*/
.hvr-sweep-to-right:hover,
.hvr-sweep-to-right:focus,
.hvr-sweep-to-right:active {
    color: white;
    border: 0px solid #202023;
}

.hvr-sweep-to-right {
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    position: relative;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    overflow: hidden;

}

.hvr-sweep-to-right:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #0e1f3d;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: 0 50%;
    transform-origin: 0 50%;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    border: 0px solid #202023;
}

.hvr-sweep-to-right:hover:before,
.hvr-sweep-to-right:focus:before,
.hvr-sweep-to-right:active:before {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
    border: 0px solid #202023;
}



section.form-section {
    margin-top: 82px;
    padding: 70px 0;
    background-color: #F8F9FB;
}

.form-content {
    background-color: #fff;
    padding: 50px 50px;
    border-radius: 10px;
    box-shadow: 0px 1px 15px 0px rgb(0 0 0 / 14%);
}

.form-content-hd {
    font-size: 28px;
    font-weight: 700;
    color: #213860;
    text-align: center;
}

.form-content-text {
    font-size: 14px;
    font-weight: 400;
    color: #617281;
    text-align: center;
}

.form-group input[type="text"],
.form-group select,
.form-group textarea {
    border: 1px solid #D8DCE5;
    font-size: 14px;
    font-weight: 400;
    padding: 10px;
    color: #ABABC1;
}

.form-group textarea {
    height: 100px;
}

.form-group select {
    background-image: url(../images/select-arrow.svg);
    background-repeat: no-repeat;
    background-size: 40px 7px;
    background-position: center;
    background-position-x: right;
    height: 43px !important;
}

.form-group button.form-btn {
    background-color: #213860;
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    display: block;
    width: 100%;
    padding: 10px;
}

.form-action-links {
    display: flex;
    justify-content: space-between;
}

.form-forgot a.forgot-link {
    font-size: 14px;
    font-weight: 500;
    color: #54C7F5;
}

.form-custom-input {
    display: block;
    position: relative;
}


.form-custom-input input[type="checkbox"] {
    left: 0;
    z-index: 1;
    width: 100%;
    position: absolute;
    height: 100%;
    opacity: 0;
}

.form-custom-input input[type="checkbox"]+label {
    font-size: 14px;
    font-weight: 500;
    color: #213860;
    padding-left: 30px;
}

.form-custom-input input[type="checkbox"]+label:before {
    position: absolute;
    content: '';
    width: 20px;
    height: 20px;
    border: 1px solid #707070;
    border-radius: 50%;
    left: 0;
    color: #fff;
    top: 0;
}

.form-custom-input input[type="checkbox"]:checked+label:before {
    border: none;
}

.form-custom-input input[type="checkbox"]:checked+label:after {
    background-color: #54C7F5;
    position: absolute;
    content: '\f00c';
    width: 20px;
    height: 20px;
    border: 1px solid #54C7F5;
    font-size: 13px;
    text-align: center;
    border-radius: 50%;
    left: 0;
    color: #fff;
    font-family: 'Font Awesome 5 pro';
    top: 0px;
}




.form-footer-txt {
    font-size: 14px;
    font-weight: 500;
    text-align: center;
}

.form-footer-txt a.form-footer-link {
    color: #54C7F5;
}

.form-group label {
    font-size: 14px;
    font-weight: 600;
    color: #213860;
}

.form-register-blk .account-step {
    font-size: 14px;
    font-weight: 500;
    color: #7E7E95;
    background-color: #f1f1f2;
    display: inline-block;
    border-radius: 20px;
    padding: 10px 15px;
    text-align: center;
}

.form-register-blk {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.contact-select-group {
    display: flex;
    align-items: center;
}

.contact-select-group select {
    width: 100px;
}

section.page-heading-sec {
    margin-top: 82px;
    background-color: #F8F9FB;
    padding: 60px 0;
    /* position: relative; */
}

.page-heading-sec .shape-box {
    position: absolute;
    top: -130px;
    left: -70px;
}

.shape-2 {
    animation-name: float_up_down;
    animation-duration: 5s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
    -webkit-animation-name: float_up_down;
    -webkit-animation-duration: 5s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    -moz-animation-name: float_up_down;
    -moz-animation-duration: 5s;
    -moz-animation-iteration-count: infinite;
    -moz-animation-timing-function: linear;
    -ms-animation-name: float_up_down;
    -ms-animation-duration: 5s;
    -ms-animation-iteration-count: infinite;
    -ms-animation-timing-function: linear;
    -o-animation-name: float_left_right;
    -o-animation-duration: 5s;
    -o-animation-iteration-count: infinite;
    -o-animation-timing-function: linear;
}

.page-heading-sec .page-heading {
    text-align: center;
    font-size: 38px;
    font-weight: 700;
    color: #213860;
}

section.about-us-main-sec {
    padding: 80px 0;
}

.about-us-main-hd {
    font-size: 38px;
    font-weight: 700;
    color: #213860;
}

.card-gry {
    border-radius: 15px;
    background: #f8f9fb;
    padding: 15px;
}

.list-col2-box .col-md-6 {
    display: flex;
}

.list-col2-box h4 {
    background: #1D1E22;
    color: #fff;
    border-radius: 5px;
    padding: .75rem;
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 15px;
}

.list-col2-box p {
    font-size: 14px;
    margin-bottom: 5px;
}

.date-filer span {
    display: inline-block;
    border-radius: 5px;
    border: 1px solid #d0cccc;
    padding: 8px 15px;
    color: #7E7E95;
    cursor: pointer;
    font-weight: 600;
    background: #fff;
}

.date-filer span.active {
    background: #54C7F5;
    border-color: #54C7F5;
    color: #fff;
}

.date-filer a.active {
    background: #54C7F5;
    border-color: #54C7F5;
    color: #fff;
}

.show-page-no {
    max-width: 200px;
}

.card-gry {
    background: #F8F9FB;
    border-radius: 15px;
    padding: 20px;
}

.table-gry-box {
    margin-bottom: 0
}

.table-gry-box table {
    font-size: 13px;
    width: 100%;
}

.table-gry-box table th {
    font-weight: 600;
    border-top: 1px solid #DBDBDB;
    border-bottom: 1px solid #DBDBDB;
}

.table-gry-box table th,
.table-gry-box table td {
    padding: 10px 5px;
    vertical-align: middle;
}

.table-gry-box table th:first-child,
.table-gry-box table td:first-child {
    padding-left: 0px;
}

.table-gry-box table th:last-child,
.table-gry-box table td:last-child {
    padding-right: 0px;
}

.link-text {
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 15px;
    display: inline-block;
}

.about-us-main-txt {
    font-size: 17px;
    color: #7E7E95;
    font-weight: 400;
}

.about-us-main-txt p {
    margin-bottom: 10px;
}

section.why-choose-us-sec {
    margin-top: 80px;
    padding: 80px 0;
    position: relative;
    background-repeat: no-repeat;
    background-position: left top;
    background-size: contain;
    background-position-x: -20%;
}

.why-choose-us-sec:after {
    content: "";
    position: absolute;
    left: 0;
    width: 50%;
    height: 100%;
    background-image: url('../images/why-choose-us.png');
    top: 0;
    z-index: -1;
    background-size: cover;
    background-position: center;
}

.why-choose-us-left h4 {
    font-size: 16px;
    color: #54c7f5;
    font-weight: 600;
}

.why-choose-us-left h2 {
    font-size: 38px;
    color: #213860;
    font-weight: 700;
    padding-top: 8px;
    padding-bottom: 54px;
}

.why-choose-us-right img {
    position: absolute;
    left: -80px;
    width: 100%;
}

.why-choose-us-left {
    background-color: #fff;
    padding: 64px 50px;
    border-radius: 20px;
    box-shadow: 0px 3px 30px 0px rgb(0 0 0 / 12%);
}

.why-choose-us-left .description-item h4 {
    font-size: 18px;
    font-weight: 600;
    color: #0E1F3D;
    margin-bottom: 8px;
}

.why-choose-us-left .description-box .description-item {
    margin-bottom: 20px;
    padding-left: 30px;
    position: relative;
}

.why-choose-us-left .description-box .description-item:before {
    content: '';
    background-image: url('../images/tick-mark.svg');
    position: absolute;
    background-repeat: no-repeat;
    left: 0;
    top: 1px;
    width: 20px;
    height: 20px;
    background-position: center;
}

.why-choose-us-left .description-item p {
    font-size: 14px;
}

.slider-your-business2 {
    padding: 80px 0 85px;
}

section.content-info-section {
    padding: 50px 0;
}

.content-info h6,
.content-info h5,
.content-info h4,
.content-info h3,
.content-info h2,
.content-info h1 {
    font-size: 24px;
    font-weight: 700;
    color: #0E1F3D;
    margin-bottom: 10px;
}

.content-info p {
    font-size: 14px;
    font-weight: 400;
    color: #7E7E95;
    line-height: 1.7;
    margin-bottom: 20px;
}

section.testimonial-section {
    padding: 60px 0;
}

.testimonial-item-content-head {
    display: flex;
    align-items: center;
}

.testimonial-item-content-body {
    box-shadow: 0 10px 20px rgb(0 0 0 / 4%);
    background: #fff;
    padding: 25px;
    font-size: 14px;
    color: #7e7e95;
    font-weight: 500;
    line-height: 22px;
    border-radius: 10px;
    margin-top: 12px;
    height: 100%;
}

.testimonial-item {
    margin-bottom: 40px;
}

.faq-tabs ul.nav-pills li.nav-item {
    width: 100%;
    display: block;
}

.faq-tabs ul.nav-pills {
    background-color: #EFFAFF;
    border-radius: 10px;
    padding: 20px 0;
}

section.faq-section {
    padding: 80px 0;
}

.faq-tabs ul.nav-pills li.nav-item a.nav-link.active {
    background-color: #54C7F5;
    color: #fff;
}

.faq-tabs ul.nav-pills li.nav-item a.nav-link {
    font-size: 15px;
    font-weight: 400;
    color: #0E1F3D;
    border-radius: 0;
    padding: 16px 25px;
}

.faq-tabs-heading {
    font-size: 22px;
    font-weight: 700;
    color: #0E1F3D;
    margin-bottom: 20px;
}

.faq-tabs-content .card {
    background-color: #EFFAFF;
    border-radius: 10px;
    border: none;
    margin-bottom: 15px;
}

.faq-tabs-content .card .card-header {
    border: none;
    background: none;
    padding: 0;
}

.faq-tabs-content .card .card-header a.card-link {
    font-size: 16px;
    font-weight: 700;
    color: #54C7F5;
    display: block;
    padding: 15px;
}

.faq-tabs-content .card .card-body {
    padding: 0 15px 15px;
    color: #252629;
    font-size: 14px;
    font-weight: 400;
}

.faq-tabs-heading {
    font-size: 22px;
    font-weight: 700;
    color: #0E1F3D;
    margin-bottom: 20px;
}

.faq-tabs-content .card {
    background-color: #EFFAFF;
    border-radius: 10px;
    border: none;
    margin-bottom: 15px;
}

.faq-tabs-content .card .card-header {
    border: none;
    background: none;
    padding: 0;
}

.faq-tabs-content .card .card-header a.card-link {
    font-size: 16px;
    font-weight: 700;
    color: #54C7F5;
    display: block;
    padding: 15px;
}

.faq-tabs-content .card .card-body {
    padding: 0 15px 15px;
    color: #252629;
    font-size: 14px;
    font-weight: 400;
}

.faq-tabs-content .card .card-header a.card-link:before {
    position: absolute;
    content: '\f077';
    font-family: 'Font Awesome 5 Pro';
    right: 20px;
}

.faq-tabs-content .card .card-header a.card-link.collapsed:before {
    position: absolute;
    content: '\f078';
    font-family: 'Font Awesome 5 Pro';
    right: 20px;
}

section.registration-section {
    margin-top: 133px;
    padding: 40px 0 0;
}

.registration-info-block {
    border: 1px solid #EEEFEF;
    border-radius: 10px;
    padding: 20px;
    box-shadow: 0px 10px 20px 0px rgb(0 0 0 / 4%);
    margin-top: 20px;
}

.registration-info-head {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 20px;
}

.registration-info-heading {
    font-size: 28px;
    font-weight: 700;
    color: #213860;
}

.registration-info-right a.upgrade-plan-btn {
    background-color: #213860;
    color: #fff;
    font-size: 14px;
    font-weight: 500;
    padding: 10px 30px;
    border-radius: 4px;
}

.registration-section .common-headning h2 {
    font-size: 28px;
}

.registration-item {
    color: #213860;
    font-size: 14px;
    font-weight: 500;
    display: block;
}

.registration-item span.registration-item-nm {
    width: 20%;
    display: inline-block;
    font-weight: 700;
    color: #213860;
}

.registration-item span.registration-item-sep {
    width: 3%;
    display: inline-block;
}

.registration-detail-block ul li {
    margin-bottom: 10px;
}

section.dasboard-section {
    margin-top: 133px;
    padding: 20px 0 60px;
}

.user-info-block {
    background-color: #F8F9FB;
    padding: 20px;
    border-radius: 8px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.user_profile_image {
    width: 94px;
    height: 94px;
    border-radius: 50%;
    position: relative;
    background-position: center;
    background-size: cover;
}

.user_profile_image .edit_profile_pic {
    width: 40px;
    height: 40px;
    position: absolute;
    right: -20%;
    z-index: 1;
    bottom: 22%;
}

.edit_profile_pic span.upload-icon {
    background: #54C7F5;
    color: #fff;
    padding: 10px 9px;
    width: 40px;
    height: 40px;
    line-height: 40px;
    border-radius: 50%;
    border: 3px solid #fff;
}

.edit_profile_pic form#profile_form {
    position: absolute;
    width: 40px;
    height: 40px;
    opacity: 0;
    overflow: hidden;
    top: 0;
    left: 1px;
    cursor: pointer;
    z-index: 2;
}

.user-info-left {
    display: flex;
    align-items: center;
}

.user-info-left .user-profile-info {
    padding-left: 50px;
}

.user-profile-info span.user-profile-nm {
    font-size: 20px;
    font-weight: 700;
    color: #213860;
    display: block;
}

.user-profile-info span.user-profile-email,
.user-profile-info span.user-profile-num {
    font-size: 15px;
    font-weight: 500;
    color: #7E7E95;
    display: block;
    margin-bottom: 6px;
}

.user-profile-info span img {
    margin-right: 5px;
}

.user-info-right a.edit-profile-btn {
    display: inline-block;
    text-align: center;
    line-height: 40px;
    font-size: 14px;
    padding: 0px 30px;
    font-weight: 600;
    border-radius: 4px;
    color: #fff;
    margin-left: 3px;
    background: #213860;
}

.user-detail-list-hd {
    font-size: 20px;
    font-weight: 700;
    color: #213860;
}

input[type="text"] {
    display: block;
    width: 100%;
    border: 1px solid #D8DCE5;
    padding: 11px 11px 11px 30px;
    font-size: 14px;
    font-weight: 400;
    color: #ABABC1;
}

.patients-list {
    background-color: #F8F9FB;
    padding: 20px;
    border-radius: 10px;
}

.patients-list .table thead th {
    font-size: 14px;
    font-weight: 700;
    color: #213860;
    padding-top: 0;
    border-top: none;
}

.patients-list .table tbody td {
    font-size: 14px;
    font-weight: 400;
    color: #7E7E95;
    vertical-align: middle;
}

.table-btn-group a.table-btn-item {
    display: inline-block;
}

.table-btn-group {
    display: inline-block;
}

section.wallet-detail-section {
    margin-top: 133px;
    padding: 60px 0;
}

.wallet-detail-block {
    background-color: #fff;
    border: 1px solid #EEEFEF;
    box-shadow: 0px 10px 20px 0px rgb(0 0 0 / 4%);
    border-radius: 10px;
    padding: 20px;
}

.wallet-detail-head {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 20px;
}

.wallet-detail-heading {
    font-size: 28px;
    font-weight: 700;
    color: #213860;
}

.wallet-detail-right a.wallet-recharge-btn {
    font-size: 14px;
    font-weight: 500;
    background-color: #213860;
    display: inline-block;
    color: #fff;
    padding: 10px 30px;
    border-radius: 4px;
}

.wallet-credit-blk {
    display: flex;
    justify-content: space-between;
    padding: 20px;
    background-color: #54C7F5;
    border-radius: 10px;
    color: #fff;
    margin-bottom: 20px;
    font-size: 24px;
}

.wallet-credit-blk span.wallet-credit-hd {
    font-weight: 700;
}

.wallet-credit-blk span.wallet-credit-txt {
    font-weight: 400;
}

.wallet-credit-list-hd {
    font-size: 20px;
    font-weight: 700;
    color: #213860;
    text-transform: uppercase;
    margin-bottom: 10px;
}

.wallet-credit-list-info {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 10px;
}

.credit-list-info-badge span {
    font-size: 16px;
    font-weight: 400;
    padding: 10px 30px;
    border-radius: 40px;
}

.credit-list-info-date {
    font-size: 14px;
    font-style: italic;
    color: #7E7E95;
}

.credit-list-info-message {
    font-size: 14px;
    color: #213860;
}

.wallet-credit-list-blk ul li {
    padding: 15px 0;
    border-bottom: 1px solid rgb(213 213 222 / 40%);
}

section.account-detail-section {
    margin-top: 133px;
    padding: 80px 0;
}

.account-detail-block {
    background-color: #fff;
    border: 1px solid #EEEFEF;
    box-shadow: 0px 10px 20px 0px rgb(0 0 0 / 4%);
    border-radius: 10px;
    padding: 20px;
}

.account-detail-head {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 20px;
}

.account-detail-heading {
    font-size: 28px;
    font-weight: 700;
    color: #213860;
}

.account-detail-right a.change-password-btn {
    font-size: 14px;
    font-weight: 500;
    display: inline-block;
    color: #54C7F5;
    padding: 10px 30px;
    border-radius: 4px;
}

.acc_profile_image {
    width: 94px;
    height: 94px;
    border-radius: 50%;
    position: relative;
    background-position: center;
    background-size: cover;
}

.acc_profile_image .edit_profile_pic {
    width: 40px;
    height: 40px;
    position: absolute;
    right: -20%;
    z-index: 1;
    bottom: 22%;
}

.acc_profile_image .edit_profile_pic span.upload-icon {
    background: #54C7F5;
    color: #fff;
    padding: 10px 9px;
    width: 40px;
    height: 40px;
    line-height: 40px;
    border-radius: 50%;
    border: 3px solid #fff;
}

.update-profile .update-profile-btn {
    background-color: #213860;
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    display: inline-block;
    padding: 10px 30px;
    margin: auto;
}

.update-profile {
    text-align: center;
    display: block;
    width: 100%;
}

.form-address-heading {
    font-size: 14px;
    font-weight: 500;
    color: #7E7E95;
    text-transform: uppercase;
}

.form-content-2 {
    background-color: #fff;
    border: 1px solid #EEEFEF;
    box-shadow: 0px 10px 20px 0px rgb(0 0 0 / 4%);
    border-radius: 10px;
    padding: 30px 50px;
}

section.form-section-2 {
    margin-top: 133px;
    padding: 80px 0;
}

.acc_profile_blk .acc_profile_image {
    margin: auto;
}

.user_profile_image_img {
    position: relative;
}

.user_profile_image_img figure {
    width: 100px;
    height: 100px;
    overflow: hidden;
}

.user_profile_image_img figure img {
    border-radius: 50%;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

.user_profile_image_img button {
    border-radius: 50%;
    border: 3px solid #fff;
    position: absolute;
    width: 50px;
    height: 50px;
    background: url(../images/upload-icon.svg) no-repeat;
    background-position: center;
    background-size: 60%;
    position: absolute;
    top: 25px;
    right: -25px;
    background-color: #54C7F5;
}

.user_profile_image_img button input {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
}

.list-group-item-danger {
    background: #FFE4E4;
    color: #FF0000;
}

.credit-list-info-badge span {
    font-weight: 600;
}

.list-group-item-success {
    background: #E4FFEB;
    color: #05983B;
}

.testimonial-section .col-md-4 {
    display: flex;
}

.testimonial-section .col-md-4 .testimonial-item {
    display: flex;
    flex-direction: column;
}

.form-custom-input {
    display: block;
    position: relative;
}

.header_profile_image_img figure img {
    border-radius: 50%;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

.form-custom-input input[type="radio"] {
    left: 0;
    z-index: 1;
    width: 100%;
    position: absolute;
    height: 100%;
    opacity: 0;
}

.form-custom-input input[type="radio"]+label {
    font-size: 14px;
    font-weight: 500;
    color: #213860;
    padding-left: 30px;
}

.form-custom-input input[type="radio"]+label:before {
    position: absolute;
    content: '';
    width: 20px;
    height: 20px;
    border: 1px solid #707070;
    border-radius: 50%;
    left: 0;
    color: #fff;
    top: 0;
}

.form-custom-input input[type="radio"]:checked+label:before {
    border: none;
}

.form-custom-input input[type="radio"]:checked+label:after {
    background-color: #54C7F5;
    position: absolute;
    content: '\f00c';
    width: 20px;
    height: 20px;
    border: 1px solid #54C7F5;
    font-size: 13px;
    text-align: center;
    border-radius: 50%;
    left: 0;
    color: #fff;
    font-family: 'Font Awesome 5 pro';
    top: 0px;
}

.form-input-checks ul li {
    display: inline-block;
    margin-right: 10px;
}

.form-input-checks {
    margin-bottom: 10px;
}

.form-group-heading {
    font-size: 16px;
    color: #54C7F5;
    font-weight: 700;
    margin-bottom: 10px;
}

.form-add-more a.add-more-btn {
    color: #54C7F5;
    border: 1px solid #54C7F5;
    padding: 10px 20px;
    border-radius: 4px;
    display: inline-block;
    margin-bottom: 20px;
}

.add-more-btn-data {
    color: #54C7F5;
    border: 1px solid #54C7F5;
    padding: 10px 20px;
    border-radius: 4px;
    display: inline-block;
    margin-bottom: 20px;
    background: #ffffff;
}

.form-add-more {
    display: block;
    width: 100%;
}

.submit-button-blk .submit-button {
    background-color: #213860;
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    display: inline-block;
    padding: 10px 30px;
    margin: auto;
    min-width: 216px;
    max-width: 100%;
}

.submit-button-blk {
    text-align: center;
}

section.patient-detail-section {
    margin-top: 133px;
    padding: 80px 0;
}

.patient-detail-info-block {
    background-color: #fff;
    padding: 30px 40px;
    border-radius: 10px;
    box-shadow: 0px 10px 20px 0px rgb(0 0 0 / 4%);
}

.patient-detail-head {
    font-size: 28px;
    font-weight: 700;
    color: #213860;
}

.patient-detail-head-blk {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.patient-detail-head-right a.patient-dtl-action {
    margin-left: 10px;
}

.patient-detail-info-hd {
    font-size: 14px;
    font-weight: 600;
    color: #213860;
}

.patient-detail-info-txt {
    font-size: 14px;
    font-weight: 500;
    color: #213860;
}

.detail-heading {
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    color: #213860;
    margin-bottom: 6px;
}

.patient-add-heading {
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase;
    color: #7E7E95;
    margin-bottom: 10px;
}

.patient-detail-suggest {
    font-size: 14px;
    font-weight: 600;
    color: #54C7F5;
    text-decoration: underline;
}

section.buy-plan-section {
    margin-top: 133px;
    padding: 40px 0 60;
}

.payment-select-radio {
    position: relative;
}

.payment-select-radio input[type="radio"] {
    display: none;
}

.payment-select-radio label {
    font-size: 14px;
    color: #000;
    font-weight: 600;
    cursor: pointer;
}

.payment-select-radio input[type="radio"]:checked+label::after {
    background: #213860;
    width: 7px;
    height: 7px;
    content: '';
    top: 14px;
    left: 4px;
    transition: auto;
}

.payment-select-radio input[type="radio"]+label::before {
    width: 15px;
    height: 15px;
    content: "";
    border: 2px solid #213860;
    display: inline-block;
    vertical-align: middle;
    border-radius: 15px;
    position: absolute;
    left: 0px;
    top: 10px;
    text-align: center;
    line-height: 16px;
    font-size: 12px;
    padding: 3px 0px;
}

.payment-select-radio label img {
    padding: 5px 10px;
    border: 1px solid #EEEEEE;
    border-radius: 5px;
    height: 35px;
    width: 70px;
}

.payment-type-list ul li {
    display: inline-block;
    margin-right: 20px;
}

.payment-button-blk .payment-button {
    background-color: #213860;
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    display: inline-block;
    padding: 10px 30px;
    margin: auto;
    min-width: 216px;
    max-width: 100%;
}

#note_popup .modal-dialog {
    top: 0;
    bottom: 0;
    position: absolute;
    right: 0;
    left: 0;
    display: flex;
    align-items: center;
    min-height: 500px;
}

#note_popup .modal-dialog .modal-header {
    border: none;
    padding: 0;
    position: relative;
}

#note_popup .modal-dialog .modal-header button.close {
    position: absolute;
    right: -40px;
    top: -40px;
    background-color: #fff;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    opacity: 1;
}

#note_popup .modal-dialog .modal-body {
    padding: 40px 40px;
}

#note_popup .modal-dialog .modal-content {
    border-radius: 20px;
    border: 0;
}

.note-popup-content-blk .note-img {
    margin-bottom: 10px;
}

.note-content .note-content-hd {
    font-size: 18px;
    color: #213860;
    font-weight: 700;
    margin-bottom: 10px;
}

.note-content-txt {
    font-size: 14px;
    color: #7E7E95;
    font-weight: 400;
}

.note-popup-content-blk .note-img img {
    width: 100%;
}

.bootstrap-tagsinput input {
    width: 100% !important;
    margin-top: 10px !important;
}

.suggest-Modal .modal-dialog {
    max-width: 920px;
}

.suggest-main-bx table tbody tr td label {
    padding-bottom: 0px !important;
}

.suggest-main-bx table tbody tr td p {
    font-size: 14px;
    font-weight: 400;
    color: #213860;
    margin-bottom: 0px;
}

.suggest-main-bx {
    position: relative;
}

.view-template-fx {
    position: absolute;
    top: -30px;
    left: 0;
    width: 100%;
    display: flex;
    justify-content: center;
}

.suggest-Modal .modal-header {
    border: none;
}

.suggest-carousel .owl-nav {
    position: absolute;
    top: 50%;
    right: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    justify-content: space-between;
    align-items: center;
}

.suggest-carousel .owl-item .item {
    padding: 10px 25px;
}

.suggest-carousel .owl-prev::after {
    font-size: 14px;
    width: 40px;
    height: 40px;
}

.suggest-carousel .owl-next::after {
    font-size: 14px;
    width: 40px;
    height: 40px;
}

.patenr-diagnosis select {
    min-width: 100%;
}

.patenr-diagnosis .select2-container--default.select2-container--focus .select2-selection--multiple {
    border: 1px solid #D8DCE5;
    font-size: 14px;
    font-weight: 400;
    padding: 10px;
    color: #ABABC1;
}

.patenr-diagnosis .select2-container--default .select2-selection--multiple {
    border: 1px solid #D8DCE5;
    font-size: 14px;
    font-weight: 400;
    padding: 10px;
    color: #ABABC1;
}

.patenr-diagnosis .select2-container--default .select2-selection--multiple .select2-selection__choice {
    margin-top: 2px;
    margin-bottom: 2px;
}

.add-result h2 {
    font-size: 18px;
    font-weight: 700;
    color: #213860;
    margin-bottom: 20px;
    padding: 30px 30px 10px 30px;
}

.list-of-result ul li {
    display: flex;
    width: 100%;
    margin-bottom: 0px;
    padding: 20px 30px;
    border-bottom: 2px solid #d8dce566;
    background: #eceff4;
}

.list-of-result ul li:last-child {
    border-bottom: none;
}

.list-of-result ul li figcaption {
    padding-left: 15px;
    width: 100%;
}

.list-of-result ul li figcaption p {
    font-size: 14px;
    font-weight: 400;
    color: #7e7e95;
    margin-bottom: 10px;
}

.list-of-result ul li figcaption h6 {
    font-size: 14px;
    font-weight: 600;
    color: #7e7e95;
    margin-bottom: 5px;
}

.list-of-result ul li figcaption h6 i {
    padding-right: 2px;
}

a.add-btn {
    width: 45px;
    min-width: 45px;
    height: 45px;
    border-radius: 4px;
    background: #d9dde3;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 12px;
    font-weight: 600;
}

.add-btn i {
    font-size: 15px;
    color: #fff;
}

.add-btn span {
    display: none;
}

.list-of-result ul li.active {
    background: #fff;
}

.list-of-result ul li.active .add-btn i {
    display: none;
}

.list-of-result ul li.active .add-btn span {
    display: block;
}

.list-of-result ul li.active a.add-btn {
    background: #54c7f5;
}

.account-result .form-content {
    padding: 30px;
}

.form-content.add-result {
    padding: 0px;
}

.fa-bkprew-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0px 30px;
}

.fa-bkprew-btn a {
    color: #213860;
    font-size: 22px;
    text-decoration: none;
}

.owl-carousel.slide-result {
    position: relative;
}

.owl-carousel.slide-result .owl-nav {
    position: absolute;
    top: 0;
    right: 0;
    display: flex !important;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    padding: 0px 20px;
}

.owl-carousel.slide-result .owl-next::after {
    font-size: 20px;
    content: "\f061";
    color: #0e1f3d;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    background: transparent;
    align-items: center;
    justify-content: center;
    text-align: center;
    border-radius: 50%;
    width: 40px;
    display: flex;
    height: 40px;
    box-shadow: none;
}

.owl-carousel.slide-result .owl-prev::after {
    font-size: 20px;
    content: "\f060";
    color: #0e1f3d;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    background: transparent;
    align-items: center;
    justify-content: center;
    text-align: center;
    border-radius: 50%;
    width: 40px;
    display: flex;
    height: 40px;
    box-shadow: none;
}

.owl-carousel.slide-result .form-content {
    box-shadow: none;
}

.owl-carousel.slide-result .item {
    border: 2px solid #cccccc4a;
    margin: 2px;
    border-radius: 10px;
    overflow: hidden;
}

.account-detail-section .form-content {
    box-shadow: 0px 0px 0px 2px rgba(0, 0, 0, 0.07);
}

/*.top-banner {
    padding-top: 135.6px;
}*/



.overBox {
    width: 100%;
    margin-bottom: 30px;
}

.overBox .list-of-result {
    width: 100%;
    max-height: 500px;
    overflow-y: auto;
    overflow-x: hidden;
}

.overBox .add-result h2 {
    padding-left: 0;
    padding-right: 0;
    margin-bottom: 0;
}

.qa-tc-wrap {
    color: #213860;
    font-size: 16px;
}

.qa-tc-wrap b {
    font-weight: 600;
}

.qa-tc-ans .qa-tc-ans-in {
    border-radius: 10px;
    background: #fcfcfc;
    border: 1px solid #f2f2f2;
    padding: 20px;
    margin-bottom: 20px;
}

.qa-tc-head {
    margin-bottom: 20px;
}

.qa-tc-ans-in ul {
    margin-top: 15px;
}

.qa-tc-ans-in ul li {
    margin-bottom: 10px;
    font-size: 14px;
}

.qa-tc-ans-in ul li:last-child {
    margin-bottom: 0;
}

.qa-tc-ans-in h4 {
    font-size: 20px;
    font-weight: 600;
}

.form-staff {
    max-width: 800px;
    margin: 0px auto;
}

.frontimage {
    border-radius: 50%;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

.header-bottom-block ul.navbar-nav li .nav-link::after {
    background: none;
    top: 8px;
}

ul.dropdown-menu li {
    margin: 0px !important;
}

ul.dropdown-menu li a {
    padding: 5px 15px !important;
    display: block;
    font-weight: 500;
}


.progessbar-list {
    width: 100%;
    padding-bottom: 50px
}

.progessbar-list li {
    flex: 1;
    text-align: center;
    counter-increment: step;
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    color: #000;
}

.progessbar-list li span {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    border-radius: 48px;
    padding: 12px 48px;
    background-color: rgba(0, 152, 255, 0.1);
    border: 0.25px solid rgb(0, 152, 255);
}

.progessbar-list li:after {
    content: "";
    height: 1px;
    width: 55%;
    background-color: rgb(153 214 255);
    position: absolute;
    top: 20px;
    right: 0;
    left: calc(-55% + 104px);
}

.progessbar-list li:first-child:after {
    display: none
}

.progessbar-list li.active span {
    border: 0;
    background: rgba(0, 152, 255, 0.4);
    color: #000;
    font-weight: 600;
}

.progessbar-list li.active:after {
    content: "";
    background: #54c7f5
}

.progessbar-list li h6 {
    font-size: 14px;
    color: #1d1616;
    font-weight: 400
}


.inner-space-top {
    padding-top: 50px;
}

.subbtn {
    --tw-bg-opacity: 1;
    background-color: rgb(16 185 129 / var(--tw-bg-opacity));
    border-radius: 0.375rem;
    border: 0;
    font-weight: 600;
}


.rounded-md {
    border-radius: 0.375rem;
}

.form-main.textarea-content textarea#myInput {

    height: 44%;
    font-size: 15px;
    --tw-text-opacity: 1;
    color: rgb(75 85 99 / var(--tw-text-opacity));
    border-radius: 0.375rem;
    width: 100%;
    min-height: 720px;
    border-width: 2px;
    padding: 1.5rem !important;
}




.progress-content-inner {
    background-color: rgba(0, 152, 255, 0.1);
    border: 2px solid rgb(0, 152, 255);
    padding: 24px;
    border-radius: 48px;
    box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 4px;
    text-align: center;
}

.progress-content-inner h3 {
    margin: 0px;
    font-size: 24px;
    font-weight: 600;
    text-align: center;
    margin-bottom: 12px;
}

.progress-content-inner figure {
    text-align: center;
    margin-bottom: 20px;
}

.progress-content-inner p {
    text-align: center;
    font-size: 14px;
    line-height: 19px;
    color: rgb(34, 52, 84);
    font-weight: 500;
}


.progress-content-inner span {
    display: block;
    text-align: center;
    padding-top: 45px;
    padding-bottom: 30px;
    font-size: 22px;
    line-height: 28px;
}

.progress-content-inner span b {
    color: rgb(0, 152, 255);
}

button.btn-temp {
    background: rgb(0, 152, 255);
    border: 2px solid rgb(0, 152, 255);
    font-size: 18px;
    line-height: 24px;
    color: rgb(255, 255, 255);
    border-radius: 50px;
    transition-duration: 0.1s;
    transition-timing-function: ease-in-out;
    padding: 12px 24px;
    font-weight: 600;
}

small.green-text {
    font-size: 14px;
    line-height: 20px;
    color: rgb(0, 199, 129);
    font-weight: 600;
    padding-left: 8px;
}

small.red-text {
    font-size: 14px;
    line-height: 20px;
    color: rgb(255, 64, 64);
    font-weight: 600;
    padding-left: 8px;
}

.progress-content-inner figure {
    margin-bottom: 12px;
}

.input-send-ui {
    position: relative;
}

.input-send-ui input {
    padding-right: 50px;
}

.input-send-ui button {
    position: absolute;
    right: 5px;
    top: 5px;
    width: 33px;
    height: 33px;
    padding: 0 !important;
    border-radius: 3px;
}

.message-send-box .form-control {
    height: 48px;
    resize: none;
    padding-right: 45px;
}

body .message-send-box button {
    top: 8px
}

.input-icons {
    position: relative;
}

.input-icons .next {
    margin: 0 !important;
    position: absolute;
    right: 30px;
    top: 0;
}

.pgn-fixed-suggestions-box,
.sol-fixed-suggestions-box,
.goal-fixed-suggestions-box,
.objective-fixed-suggestions-box,
.strategies-fixed-suggestions-box,
.fixed-suggestions-box {
    background: #E4EFFB;

    width: 100%;
    margin-top: 20px;


    border: 2px solid rgb(0, 152, 255);
    padding: 24px;
    border-radius: 20px;
    box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 4px;
    text-align: center;

    display: none;
}

.pgn-fixed-suggestions-box h3,
.sol-fixed-suggestions-box h3,
.goal-fixed-suggestions-box h3,
.objective-fixed-suggestions-box h3,
.strategies-fixed-suggestions-box h3,
.fixed-suggestions-box h3 {
    font-size: 20px;
    font-weight: bold;
}

.pgn-issue-suggestions,
.sol-issue-suggestions,
.goal-issue-suggestions,
.objective-issue-suggestions,
.strategies-issue-suggestions,
.fixed-suggestions-box .issue-suggestions {
    margin-top: 5px;
    margin-bottom: 5px;
    height: 150px;
    overflow-y: scroll;
}

.pgn-issue-suggestion-item,
.sol-issue-suggestion-item,
.goal-issue-suggestion-item,
.objective-issue-suggestion-item,
.strategies-issue-suggestion-item,
.fixed-suggestions-box .issue-suggestion-item {
    margin-bottom: 3px;
    border: 1px solid gray;
    border-radius: 4px;
    padding: 10px;
    cursor: pointer;
    background: white;
    /* White background for contrast */
}

.pgn-issue-suggestion-item p,
.sol-issue-suggestion-item p,
.goal-issue-suggestion-item p,
.objective-issue-suggestion-item p,
.strategies-issue-suggestion-item p,
.fixed-suggestions-box .issue-suggestion-item p {
    font-size: 13px;
}

.pgn-issue-suggestion-item.active,
.sol-issue-suggestion-item.active,
.goal-issue-suggestion-item.active,
.objective-issue-suggestion-item.active,
.strategies-issue-suggestion-item.active,
.fixed-suggestions-box .issue-suggestion-item.active {
    background: #54c7f5;
    color: white;
}

.sol-loading,
.pgn-loading,
.goal-loading,
.objective-loading,
.strategies-loading,
.fixed-suggestions-box .loading {
    display: none;
}

#report-dropdown .dropdown-submenu .dropdown-menu {
    margin-left: 15px;
    border: none;
}

#report-dropdown .dropdown-menu li a {
    font-size: 14px;
    font-weight: 600;
    color: #213860;
}

#report-dropdown .dropdown-submenu .dropdown-menu li a {
    font-size: 12px;
    font-weight: 600;
    color: #213860;
}

#report-dropdown li a {
    color: #213860 !important;
}