/*--------------------------------------------------------------------------------------*/
/*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 {
  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{
  font-size:20px;
  font-weight:bold;
}
.pgn-issue-suggestions, .sol-issue-suggestions, .goal-issue-suggestions, .objective-issue-suggestions, .strategies-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 {
  margin-bottom:3px;border:1px solid gray;border-radius:4px; padding:10px;
   cursor:pointer;
}
.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 {
  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 {
  background:#54c7f5;
  color:white;
}
.sol-loading, .pgn-loading, .goal-loading, .objective-loading, .strategies-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;
}