:root {
    --primary-color: #1bbd35;
    --secondary-color: #005368;
    --primary-hover-color: #e5f7ee;
    --secondary-hover-color: #dff0ee;
    --background-color:#e1f0ee;
    --booking-card-background:#ecffef;

    --white-bg:#fff;

    --large-font-size: 1.3rem;
    --medium-font-size: 1rem;

    --large-font-weight: 800;
    --medium-font-weight: 600;
    --small-font-weight: 400;


    --family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
}




*{
    list-style: none;
    box-sizing: border-box;
}
@font-face {
    font-family: 'ITC Bauhaus';
    src:url('fonts/ITC-Bauhaus-Medium.otf');
}
::-webkit-scrollbar{
    display: none;
}

.font-medium-4{
    font-size: 1.4rem !important;
}
.layout__top-padding{
    padding: 80px 0 0 0 !important;
}
.no-padding{
    padding: 0;
}
.border-radius--10{
    border-radius: 10px;
}
.mb-10 {
    margin-bottom: 10%!important;
}
.card-design {
    border: 1px solid #55b34d;
}
.card-background {
    background: #fff;
    cursor: pointer;
    display: flex;
    flex-flow: column;
    min-height:13rem;
    justify-content: space-between;
    cursor: pointer;
    transition: all 0.3s ease-in-out;
    color: #000000;
}

/*.container-fluid.contact-section{*/
/*    max-width: 100%;*/
/*    padding-left: 0px!important;*/
/*    padding-right: 0px!important;*/
/*}*/

.card-background:hover{
    box-shadow: 0 2px 4px rgb(0 0 0 / 8%);
    transition: all 0.3s ease-in-out;
    border: none;
    color: #000000;
}
.height-150 {
    height: 150px!important;
}
.overflow-hidden {
    overflow: hidden!important;
}
.height-30-per {

    margin-bottom: 5%;
    /*height: 30%!important;*/
}
.card--title {
    padding: 10px;
    font-size: 1.7rem!important;
}
.text-bold-700 {
    font-weight: 700;
}
.pl-4 {
    padding-left: 4%!important;
}
.pr-2 {
    padding-right: 2%!important;
}
.text-bold-500 {
    font-weight: 500;
}
.sorting{
    padding: 5px 10px;
    border: 1px solid #e0e0e0;
    clear: both;
    background: #FFF;
    height: 40px;
    color: #e0e0e0;
}
.sorting h4{
    padding: 4px 0 0;
    margin: 0;
}
.sorting span.pointer{
    height: 30px;
    width: 30px;
    border-left: 1px solid #ddd;
    text-align: center;
    color: #c49633;
    font-size: 20px;
    margin-left: 5px;
    padding-left: 5px;
    padding-top: 3px;
}

.arrow-up {
    content: " ";
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-bottom: 7px solid #fff;
    position: absolute;
    top: 229px;
    left: 20px;
    transform: rotate(45deg);
}

/*.top-menu-default {
    padding-left:41px;
    padding-right:41px;
    color: grey;
}*/

/*.top-menu-default .material-icons {
    color: #ab47bc !important;
}*/

.top-menu-background {
    /*background:linear-gradient(90deg,#70d467 0,#6fbbfa) !important;*/
    background: white;
}

.top-menu-background .dropdown .dropdown-header ul li a {
    color: #3baeda;/* #373a3c */
    /*font-weight: bold;*/
}
.add_article_btn{
       border: none;
       background: #fdbe34;
       padding: 12px 34px;
       border-radius: 5px;
       color: #ffffff;
       width: 20%!important;
       position: absolute;
        right: 4%;
       font-size: 14px;
       margin: 0;
       font-weight: 600;
       text-transform: uppercase;
       cursor: pointer;
}


@media only screen and (min-width:768px) and (max-width:1024px){
    .add_article_btn {
        width: 36%!important;
        right: 6%!important;
    }
    .flex--align-center {
        margin-bottom: 4%!important;
    }
    .container-fluid.contact-section {
        display: flex;
        flex-direction: column;
    }
    .home-contact-us-btn {
        top:87%!important;
         transform: translate(8%, -50%)!important;
     }
    .card-background {
          min-height: 18rem!important;
      }
    .all__add-btn {
        padding: 12px 0px!important;
    }
    .table__container {
        /* margin-top: 28px; */
        margin: 1%!important;
    }


}
@media only screen and (min-width:1025px) and (max-width:1199px){
    .add_article_btn {;
        width: 30%!important;
        right: 6%!important;
    }
}

@media only screen and (min-width: 1200px) and (max-width: 1490px){
    .home-contact-us-btn {
        top: 83%!important;
    }
    .cantact_card__button{
        height:auto!important;
    }
    .contact_card__text,p {
        font-size: 14px !important;
    }
    .add_article_btn {
        width: 25%!important;
        right: 5%!important;
    }
}

@media only screen and (min-width: 1491px) and (max-width: 1562px){
    .home-contact-us-btn {
        top: 85%!important;
        transform: translate(10%, -50%);
    }
}

@media (max-width: 694px){
    .add_article_btn {
        width: 32%!important;
        right: 7%!important;
    }
}

@media (max-width: 767px) {
    .add_article_btn {
        width: 34%!important;
        right: 5%!important;
    }
    .contact_card__text,p {
        font-size: 14px!important;
    }
    .cantact_card__button{
        height:auto!important;
    }
	.right-advert {
		display: none;
	}
    .top-menu-default {
        padding: 0;
    }

    .top-menu-default .dropdown .dropdown-header ul li a {
        color: grey;
    }

    #navbar-mobile {
        margin-bottom: 10px !important;
    }

    .nav-text {
        width: 100%;
    }
    .col-md-12.height-30-per.background-color--light-orange.flex--align-center.flex-justify--space-between {
        margin-bottom: 3%!important;
    }
    p.no-bottom-margin.font-medium-1.text-bold-500.pl-4.pr-2.explore-section-description {
        font-size: 1.3rem!important;
        margin: 2% auto;
    }
}




[ng\:cloak], [ng-cloak], [data-ng-cloak], [x-ng-cloak], .ng-cloak, .x-ng-cloak {
  display: none !important;
}

#itemLeftMenu :hover {
      color: #006699;
}

.avatar-status {
  position: relative;
  display: inline-block;
  line-height: 50px;
  white-space: nowrap;
  border-radius: 1000px;
  vertical-align: bottom;
}

.avatar-status i {
  position: absolute;
  right: -2px;
  bottom: 18px;
  width: 9px !important;
  height: 9px !important;
  border: 1px solid #fff;
  border-radius: 100%;
}

.avatar-status span.text-circle {
  text-align: center;
  vertical-align: middle;
  color: #fff;
  font-size: 1.2rem;
  background: #fafafa;
  display: table-cell;
}

.avatar-status img {
  width: 40px;
  height: 40px;
  background: #e6e6e6;
  border: 0 none;
  border-radius: 1000px;
}

.avatar-online i {
  background-color: #00E676;
}

.avatar-off i {
  background-color: #bdbdbd;
}

.avatar-busy i {
  background-color: #FF1744;
}

.avatar-away i {
  background-color: #ffc400;
}

.avatar-100 {
  width: 100px;
}

.avatar-100 span.text-circle {
  width: 100px;
  height: 100px;
}

.avatar-100 i {
  height: 20px;
  width: 20px;
}

.avatar-50 {
  width: 50px;
}

.avatar-50 span.text-circle {
  width: 50px;
  height: 50px;
}

.avatar-50 i {
  height: 10px;
  width: 10px;
}

.avatar-lg {
  width: 144px;
}

.avatar-lg span.text-circle {
  width: 144px;
  height: 144px;
}

.avatar-lg i {
  right: 0;
  bottom: 0;
  height: 20px;
  width: 20px;
}

.avatar-md {
  width: 40px;
}

.avatar-md span.text-circle {
  width: 40px;
  height: 40px;
}

.avatar-md i {
  right: 0;
  bottom: 0;
  height: 10px;
  width: 10px;
}

.avatar-sm {
  width: 32px;
}

.avatar-sm span.text-circle {
  width: 32px;
  height: 32px;
}

.avatar-sm i {
  height: 8px;
  width: 8px;
}

.avatar-xs {
  width: 24px;
}

.avatar-xs span.text-circle {
  width: 24px;
  height: 24px;
}

.avatar-xs i {
  height: 7px;
  width: 7px;
}

.material-icons {
  font-family: 'Material Icons';
  font-weight: normal;
  font-style: normal;
  font-size: 24px!important;
  /* Preferred icon size */
  display: inline-block;
  line-height: 1;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;
  /* Support for all WebKit browsers. */
  -webkit-font-smoothing: antialiased;
  /* Support for Safari and Chrome. */
  text-rendering: optimizeLegibility;
  /* Support for Firefox. */
  -moz-osx-font-smoothing: grayscale;
  /* Support for IE. */
  font-feature-settings: 'liga';
}

/* Rules for sizing the icon. */
.material-icons.md-18 {
  font-size: 18px;
}

.material-icons.md-24 {
  font-size: 24px;
}

.material-icons.md-36 {
  font-size: 36px;
}

.material-icons.md-48 {
  font-size: 48px;
}

/* Rules for using icons as black on a light background. */
.material-icons.md-dark {
  color: rgba(0, 0, 0, 0.54);
}

.material-icons.md-dark.md-inactive {
  color: rgba(0, 0, 0, 0.26);
}

/* Rules for using icons as white on a dark background. */
.material-icons.md-light {
  color: white;
}

.material-icons.md-light.md-inactive {
  color: rgba(255, 255, 255, 0.3);
}

.transparent {
	background: transparent !important;
}
.transparent-5 {
	background: rgba(255,255,255,0.5) !important;
}
.transparent-7 {
	background: rgba(255,255,255,0.7) !important;
}

.autocomplete {
  /*the container must be positioned relative:*/
    position: relative;
    display: inline-block;
    width: 100%;
    border: 1px solid #ccc;
}

.autocomplete-items {
  position: absolute;
  border: 1px solid #d4d4d4;
  border-bottom: none;
  border-top: none;
  z-index: 99;
  /*position the autocomplete items to be the same width as the container:*/
  top: 100%;
  left: 0;
  right: 0;
}
.autocomplete-items div {
  padding: 10px;
  cursor: pointer;
  background-color: #fff;
  border-bottom: 1px solid #d4d4d4;
}
.autocomplete-items div:hover {
  /*when hovering an item:*/
  background-color: #e9e9e9;
}
.autocomplete-active {
  /*when navigating through the items using the arrow keys:*/
  background-color: DodgerBlue !important;
  color: #ffffff;
}

.btn-outline-danger-custom {
  border-color: #72C043;
  background-color: transparent;
  color: #72C043;
}

.btn-outline-danger-custom:hover {
  background-color: #72C043;
  color: #FFF !important;
}

.cover-custom {
  width: 100%;
  /* whatever width you want */
  display: inline-block;
  position: relative;
}
.cover-custom:after {
  padding-top: 56.25%;
  /* 16:9 ratio */
  display: block;
  content: '';
}
.main {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  /* fill parent */
  background-color: #fff;
  /* let's see it! */
}

.round-custom {
	width:22px;
	height:22px;
	border-radius: 50%;
	color: #fff;
	z-index: 99;
	background-color: red;
	position: absolute;
}

.round-card {
	width:40px;
	height:40px;
	border-radius: 50%;
	box-shadow: 0 6px 20px 0 rgba(38, 198, 218, 0.5);
	color: #72C043;
	background-color: #fff;
}

.round-card:hover {
	background-color: #72C043;
  	color: #FFF !important;
}

 /* The switch - the box around the slider */
.switch {
  position: relative;
  display: inline-block;
  width: 30px;
  height: 17px;
}

/* Hide default HTML checkbox */
.switch input {display:none;}

/* The slider */
.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: .4s;
  transition: .4s;
}

.slider:before {
  position: absolute;
  content: "";
  height: 13px;
  width: 13px;
  left: 2px;
  bottom: 2px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
}

input:checked + .slider {
  background-color: #2196F3;
}

input:focus + .slider {
  box-shadow: 0 0 1px #2196F3;
}

input:checked + .slider:before {
  -webkit-transform: translateX(13px);
  -ms-transform: translateX(13px);
  transform: translateX(13px);
}

/* Rounded sliders */
.slider.round {
  border-radius: 17px;
}

.slider.round:before {
  border-radius: 50%;
}

.star-rating{
	font-size: 0;
}
.star-rating__wrap{
	display: inline-block;
	font-size: 1rem;
}
.star-rating__wrap:after{
	content: "";
	display: table;
	clear: both;
}
.star-rating__ico{
	float: right;
	padding-left: 2px;
	cursor: pointer;
	color: #FFB300;
}
.star-rating__ico:last-child{
	padding-left: 0;
}
.star-rating__input{
	display: none;
}
.star-rating__ico:hover:before,
.star-rating__ico:hover ~ .star-rating__ico:before,
.star-rating__input:checked ~ .star-rating__ico:before
{
	content: "\f005";
}

.pac-container {
    z-index: 10000 !important;
}

.zoom {
	background-color: #fff;
    transition: transform .2s; /* Animation */
    width: auto;
    height: auto;
    margin: 0 auto;
}

.zoom:hover {
	transform: scale(1.5); /* (150% zoom - Note: if the zoom is too large, it will go outside of the viewport) */
	background-color: #fff;
}

.list-card {
	box-shadow: 0px 4px 13px #eee;
	-webkit-box-shadow: 0px 4px 13px #eee;
	-moz-box-shadow: 0px 4px 13px #eee;
	-ms-box-shadow: 0px 4px 13px #eee;
	-o-box-shadow: 0px 4px 13px #eee;
	border-bottom: 1px solid #ccc;
	border-top: 1px solid #ccc;

    padding: 15px 5px;
    border-radius: 5px;
    border: 1px solid #ccc;
}

.survey-form input[type=text] {
	width: 100%;
}

.password-no-bottom-margin {
	margin-bottom: 0 !important;
}

#nexhome .card {
	margin-bottom: 0 !important;
}
::selection {
  background: #48b337; /* WebKit/Blink Browsers */
  color: #fff;
}
::-moz-selection {
  background: #37BC9B; /* Gecko Browsers */
  color: #fff;
}

/*----------------------
 Landing Page Styling
------------------------ */

#cover-section {
	/*background-image: url('../images/cover.png'); */
    background:#21303E;
	background-size: cover;
	/* height: 100vh; */

}
#cover-search {
	top:45%;
	/*transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);*/
}
#cover-search input, #cover-search .btn {
	line-height: 1.4em;
	font-size: 1.3rem;
	font-stretch: condensed;
}
#cover-search input {
	letter-spacing: 1px;
	/*background-color: rgba(255,255,255,0.15);
	border-color: rgba(255, 255, 255, 0.5) !important;*/
	background-color:white;
	border-color: #cfcfcf !important;
	color:#303F42;
	border-radius:6px;
}

#cover-search input:hover, #cover-search input:focus, #cover-search input:active {
	background-color: rgba(255,255,255,0.3);
	color:#303F42;

}
#cover-search input::-webkit-input-placeholder {
/*	color: rgba(255,255,255,0.5);
color: #EEC015;*/
color:#303F42;

}
#cover-search input::-moz-placeholder {
color:#303F42;
/*color: rgba(255,255,255,0.5);*/
}
#cover-search input:-ms-input-placeholder {
	color: #303F42;
/*color: rgba(255,255,255,0.5);*/
}

.col-center {
	float: none !important;
	margin: 0 auto !important;
}
#feature-section .card-body {
	margin: 80px auto;
}
#about-us-section {
	height: 550px;
}
#about-us-section .back-drop {
/*	background-image: url('../images/cover.jpg'); */
	background-color:#606060;
	background-position: top;
	background-size: cover;
	position: absolute;
	/*filter: blur(2px);
	-webkit-filter: blur(2px);
	-moz-filter: blur(2px);
	-o-filter: blur(2px);
	-ms-filter: blur(2px);*/
}
#about-us-body {
	color: #fff;
	margin-top: 20% !important;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
}
#sponsor-section {
	min-height: 300px;
}
.sponsor {
	padding-top: 20px;
	text-align: center;
	line-height: 80px;
}
.sponsor img {
	max-width: 280px;
    max-height: 140px;
    vertical-align: middle;
padding-top:10px !important;
}
#client-comments {
	background-color: #03C9A9;
}
.social-icons {
	margin: 30px 0;
	font-size: 3rem;
	word-spacing: 1.5rem;

}

/*explore cards */


/*reponsive screens*/



/*........*/
p.no-bottom-margin.font-medium-1.text-bold-500.pl-4.pr-2.explore-section-description {
    font-size: 1rem!important;
}
.margin-top-50 {
	margin-top: 50px;
}
.margin-top-15 {
	margin-top: 15px;
}
.margin-top-30 {
	margin-top: 30px;
}
.margin-top-10 {
    margin-top: 10px;
}
.margin-top-5 {
    margin-top: 5px;
}

.no-bottom-margin {
	margin-bottom: 0 !important;
    cursor:pointer;
}


.input-group.select-area {
    margin-top: -14%!important;
}

.no-right-margin {
    margin-right: 0 !important;
}

.no-left-margin {
    margin-left: 0 !important;
}

.no-top-margin {
    margin-top: 0 !important;
}

/*--------------------
	Font size Classes
--------------------*/
.text-small-point-8 {
	font-size: 0.8rem !important;
}
/*---------------------
 Error Message Styling
 ---------------------- */
.error-input {
    background-image: url("../images/exclamation.png");
    background-position: 99% center;
    background-repeat: no-repeat;
    background-size: 14px auto;
}
.error-message {
    background-image: url("../images/exclamation.png");
    background-position: left 3px;
    background-repeat: no-repeat;
    background-size: 14px auto;
    padding-left: 20px;
    color: red;
}
#toast-container {
	margin-top: 60px;
}


/*---------------------
	Others
---------------------*/
.flex-center {
	display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
	display: flex !important;
	align-items: center;
	justify-content: center;
}

.radcls{
	border-radius: 4px;
}
.bg-btnsuccess{
	background-color: #F09735;
	color:#FFF;
}

.border-successcp {
  border-color: #72C043;
}
.customAlText{
	float:right;
}
.btn-outline-primary:hover{
	background:#72C043;
}
.navlitext{
	padding-right:9px;
}
.titlecaption{
	text-align: center;
	color: #CFCFCF;
	padding-top:20px;
}

.header-navbar.navbar-semi-dark .navbar-nav .nav-link{
	font-size:0.875rem;
}
.navbar-light .navbar-nav .nav-link{
	font-size:0.875rem;
}
span.user-name{
	/* color:white; */
	font-style: italic;
    /* font-size:13px; */
    text-transform:capitalize;
}
/* .footerbg{
	background-color:#3A3A3A;
}
.bluetext{
	color:#597FC8;
font-family:Nunito,sans-serif;
}
.blacktext{
	color:#323232;
font-family:Nunito,sans-serif;
}
.bgblack{
	background:#000000;
} */

#hw-section {
	min-height: 150px;
}
.hw {
	padding-top: 20px;
	text-align: center;
	line-height: 40px;
}
.hw img {
	/*max-width: 140px;
    max-height: 60px;*/
    vertical-align: middle
}
#logo{
	width:40px;
height:20px;
}
.bg-btndownload{
	background-color: #951B1A;
	color:#FFF;
}
.bg-btnvideo{
	background-color: #3A3A3A;
	color:#FFF;
}
.display-block-center {
	display: block;
	text-align: center;
}

.row-hover:hover {
  background-color: rgba(0, 0, 0, 0.075);
}

input#search:FOCUS {
	outline-style: none !important;;
}

/* * {
  box-sizing: border-box;
} */

.search-select-box{
	height: 100%;
	width: 100%;
	background: #e7e7e7 !important;
    border: 1px solid #d2d2d2;
    box-shadow: 0 0 0 1px rgba(0,0,0,.1), 0 2px 3px rgba(0,0,0,.15);
}

select.select-css:FOCUS {
	outline: 0 !important;
}

.select-css {
    display: block;
    font-size: 16px;
    font-family: sans-serif;
    font-weight: 700;
    color: #444;
    line-height: 1.3;
    padding: .6em 1.4em .5em .8em;
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
    margin: 0;
    border: 1px solid #aaa;
    box-shadow: 0 1px 0 1px rgba(0,0,0,.04);
    border-radius: .5em;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    background-color: #fff;
    background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23007CB2%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E'),
      linear-gradient(to bottom, #ffffff 0%,#e5e5e5 100%);
    background-repeat: no-repeat, repeat;
    background-position: right .7em top 50%, 0 0;
    background-size: .65em auto, 100%;
}
.select-css::-ms-expand {
    display: none;
}
.select-css:hover {
    border-color: #888;
}
.select-css:focus {
    border-color: #aaa;
    /* box-shadow: 0 0 1px 3px rgba(59, 153, 252, .7); */
    box-shadow: 0 0 0 3px -moz-mac-focusring;
    color: #222;
    outline: none;
}
.select-css option {
    font-weight:normal;
}

.scroll-x-hidden{
	overflow-x: hidden !important;
}

/*CUSTOM MODAL WIDTH*/
/*@media (min-width: 992px) {
	.modal-lg {
	    max-width: 850px !important;
	}
}*/

.nk-button{
	padding: 5px 16px;
    font-size: 14px;
    height: auto;
}
.nk-button-save{
	background: green;
}
.nk-button-cancel{
	background: red;
}
.nk-button-icon{
	padding: 0;
    height: 29px;
    width: 29px;
    font-size: 24px;
    display: flex;
    align-items: center;
    box-sizing: border-box;
    justify-content: center;
    border-radius: 3px;
    cursor: pointer;
}
.nk-button-color-blue{
	border: 1px solid #2aa1b8;
    background: #2aa1b8;
    color: white;
    background-image: linear-gradient(#2aa1b8, #004350, #2aa1b8);
}
.nk-modal-image{
	width: 100%;
    height: 200px;
    box-shadow: 0 0px 4px 1px rgba(0,0,0,.1), 0 2px 6px 0px rgba(0,0,0,.1);
}
.nk-modal-round{
	border-radius: 10px;
    overflow: hidden;
    box-shadow: 0 0 10px 0px rgba(0,0,0,.3);
}
.nk-modal-header{
	padding: 10px 26px;
	color: white !important;
	background-color: #37bc9b !important;/* #555555 */
}
.nk-modal-footer{
	padding: 10px 0px;
	margin-top: 20px;
	background-color: #FAFAFA !important;
}

.nk-modal-close-button{
    height: 18px !important;
    width: 18px !important;
    border-radius: 12px !important;
    background: white !important;
    color: black !important;
    font-size: 14px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    position: relative !important;
    top: 2px !important;
    right: -8px !important;
    opacity: .75;
    float: right;
    font-weight: bold;
    line-height: 14px;
    border: 0;
    padding: 0;
    cursor: pointer;
}
.nk-modal-close-button:hover{
	text-decoration: none;
    cursor: pointer;
    opacity: .5;
}
.nk-font-heading{
	font-size: 1rem !important;
}
.nk-font-menu{
	font-size: 0.875rem !important;
}
.nk-font-body{
	font-size: 0.875rem !important;
}
.nk-font-tag{
	font-size: 0.75rem !important;
}
.table th, .table td{
	font-size: 0.875rem !important;
}
div{
	font-size: 0.875rem !important;
}
.form-control{
	font-size: 0.875rem !important;
}

/* * Social Icons Hover * */
.social:hover .fa-facebook-f{
	color: #238fdf;
}
.social:hover .fa-google{
	color: #f84553;
}
a.forgetPass:hover{
	color: #5f5f5f;
}
@keyframes animGradientBG {
	0% {
		background-position: 0% 50%;
	}
	50% {
		background-position: 100% 50%;
	}
	100% {
		background-position: 0% 50%;
	}
}
.badge-campaign{
	padding: 2px 20px;
    color: #fff;
    background: linear-gradient(-45deg, #ee7752, #e73c7e, #23a6d5, #23d5ab);
    background-size: 400% 400%;
    animation: animGradientBG 15s ease infinite;
}

.nk-btn-active{
	background: green;
	color: #000000;
}
.navigation-item{
    border-left: 3px solid transparent;
    margin: 2px 0;
    padding: 5px 0;
    cursor:pointer;
    display: flex;
    align-items: center;
}
.navigation-item div:nth-child(2){
    padding: 0;
}
.left-bar-menu{
    font-size: 1.3rem;
    font-weight: 600;
}
.nk-item-active {
    color: #58b805 !important;
    border-left: 3px solid #58b805 !important;
    background: rgba(39, 178, 75, 0.1) !important;
}
.nk-item-active.navigation-item:hover {
    background: rgba(39, 178, 75, 0.1) !important;
    color: rgb(39, 178, 75) !important;
}
.left-bar-bg:hover{
    background: rgba(39, 178, 75, 0.1) !important;
    color: rgb(39, 178, 75) !important;
}

.navbar-light .navbar-nav .nav-link:hover{
	color: #f5f8fa !important;
    border-radius: 100px;
}


/*@media only screen and(min-width:993px) and (max-width: 1023px){*/
/*   */
/*}*/


.content-wrapperresourse{
    margin: 14px 0px 0 0;
    background: #ffffff;
    padding: 14px;
    border-radius: 10px 10px 0 0;
    min-height: 100vh;
}
.content-wrapper{
    margin: 14px 0px 0 0;
    background: #ffffff;
    padding: 14px;
    border-radius: 10px 10px 0 0;
    min-height: calc(100vh - 94px);
}
.page__heading-text{
    font-size: 2vw;
    padding: 7px;
    margin-bottom: 28px;
    font-family: "EB Garamond", Garamond, "Times New Roman", serif;
    background: #ececec61;
    border-radius: 6px;
    color: #0000009c;
    text-transform: capitalize;
}

.border-radius--50-per {
    border-radius: 50%;
}

.border-radius--2 {
    border-radius: 2px;
}

.border-radius--5 {
    border-radius: 5px !important;
}

.border-radius--10 {
    border-radius: 10px;
}

.border-radius--top-left-10 {
    border-top-left-radius: 10px;
}

.border-radius--top-right-10 {
    border-top-right-radius: 10px;
}
.border-radius--top-left-5 {
    border-top-left-radius: 5px;
}

.border-radius--top-right-5 {
    border-top-right-radius: 5px;
}

.border-bottom-radius-10 {
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}

.modal-close-button {
    background: #e3e0e0 !important;
    width: 30px;
    height: 30px;
    border-radius: 5px;
}

.modal-title--black {
    color: black;
}

.modal-button--submit {
    border: none;
    color: white;
    background: #4CAF50;
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
    border-radius: 6px;
    margin-top: 20px;
    margin-bottom: 20px;
}

.modal-button--submit:hover {
    border: none;
    color: white;
    background: #318d35;
}

.modal-button--submit:focus {
    color: white;
    outline: none;
}
.modal-button--submit.button-small {
   	height: 30px;
    padding: 0.25rem 0.5rem;
}

.modal-button--approve {
    border: none;
    color: white;
    background: rgb(0, 77, 0);
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
}
.modal-button--approve:hover {
    border: none;
    color: white;
    background: rgb(0, 153, 0);
}

.modal-button--approve:focus {
    color: white;
}

.modal-button--decline {
    border: none;
    color: white;
    background: rgb(179, 0, 0);
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
}
.modal-button--decline:hover {
    border: none;
    color: white;
    background: rgb(230, 46, 0);
}

.modal-button--decline:focus {
    color: white;
}

.modal-button-next-outline {
    border: 1px solid #e5e5e5;
    color: #4CAF50 ;
    background: transparent;
}

.modal-button-next-outline:hover {
    color: #4CAF50 ;
    border-color: #4CAF50 ;
}

.modal-button-next-outline:focus, .modal-button-next-outline.focus {
    color: #4CAF50 ;
    border-color: #4CAF50 ;
}

.display-flex {
    display: flex !important;
}

.inline-flex {
	display: inline-flex;
}

.inline-flex-align-center {
	display: inline-flex;
	align-items: center;
}

.inline-flex-justify-center {
	display: inline-flex;
	justify-content: center;
}

.flex--align-start {
    display: flex;
    align-items: flex-start;
}

.flex--align-center {
    display: flex !important;
    align-items: center;
}

.flex--align-end {
    display: flex;
    align-items: flex-end;
}



.flex--justify-end {
    display: flex;
    justify-content: flex-end;
}

.flex--justify-center {
    display: flex;
    justify-content: center;
}

.flex--justify-start {
    display: flex;
    justify-content: flex-start;
}

.flex-wrap--wrap {
    display: flex;
    flex-wrap: wrap !important;
}

.flex-flow--column-wrap {
    display: flex;
    flex-flow: column wrap !important;
}

.flex-justify--space-between {
    display: flex;
    justify-content: space-between !important;
}

.flex-justify--space-around {
    display: flex;
    justify-content: space-around !important;
}

.flex-justify--space-evenly {
    display: flex;
    justify-content: space-evenly !important;
}

.flex-basis--50-per{
    flex-basis: 50%;
}

.modal-header--height-10 {
    height: 10%;
}

.modal-header--height-12 {
    height: 12%;
}

.modal-button--radio {
    border: none;
    color: white;
    background: #4CAF50;
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
}

.btn-radio > input[type=radio] {
    position       : absolute;
    clip           : rect(0, 0, 0, 0);
    pointer-events : none;
}

.modal-select {
    width: 100%;
    border: 1px solid #ccc;
    /*box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);*/
}

.ms-input {
    width: 100%;
    height: calc(2rem + 5px);
    padding: 5px;
    background: white;
    border: 1px solid #ccc;
    /*box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);*/
}

.ms-input-text {
    width: 100%;
    height: auto;
    padding: 5px;
    border: 1px solid #ccc;
    /*box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);*/
}

.ms-input--border {
    border: 1px solid #ccc !important;
}

.select-label {
    position: relative;
    display: block;
    width: 100%;
    padding-left: 10px;
    margin-bottom: 0 !important;
}

.select-label:after {
    font: normal normal normal 25px/1 "Material Icons";
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\e5c5";
    padding-right: 10px;
    text-align: right;
    position: absolute;
    right: 0;
    top: 20%;
    background: aliceblue;
    text-rendering: optimizeLegibility;
    z-index: 1;
}

.background_color__even{
    background: #f9faff;
}

.background_color__odd{
    background: #ffffff;
}

.section_heading__col{
    padding-top: 50px;
    padding-bottom: 50px;
    text-align: center;
}

.content_heading__col{
    padding-top: 50px;
    padding-bottom: 50px;
    text-align: center;
    display: flex;
    justify-content: space-evenly;
}

.content_heading__col .contact-section{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px;
}

.content_heading__col .contact-section .address-info{
    background-color: #4fa739;
    padding: 15px 30px;
    font-weight: 600;
    color: white;
    border-radius: 10px;
    font-size: 20px;
    font-family: "inherit";
}



.section_heading__design{
    font-family: "EB Garamond", Garamond, "Times New Roman", serif;
    margin-bottom: 50px;
    color: #1F243C;
    font-size: 44px !important;
    letter-spacing: -.005em;
    line-height: 52px !important;
    font-style: normal;
    font-weight: 700 !important
}

.background_color__even{
    background: #f9faff;
}

.background_color__odd{
    background: #ffffff;
}


.fade-in{
    animation: fadeIn 3s;
}

.fade-out{
    animation: fadeOut 3s;
}


@keyframes fadeIn {
    from{
        opacity: 0;
    }
    to{
        opacity: 1;
    }
}

@keyframes fadeOut {
    from{
        opacity: 1;
    }
    to{
        opacity: 0;
    }
}


/*Header*/

.header__initial {
    background: none !important;
    box-shadow:none !important;
}

.header__menu {
    position: relative;
    top: 50%;
}
.header__initial--height {
    top: 50%;
    padding: 0;
}
.header__initial a {
    font-family: 'EB Garamond', 'Product Sans Regular', sans-serif !important;
    color: #000000 !important;
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: .2px !important;
    background-color: transparent !important;
    line-height: 1.125rem;
    padding: .5rem .5rem;
    margin: 0;
    height: auto;
    border: 1px solid transparent;
    font-weight: 400;
    text-decoration: none;
    cursor: pointer;
}

.header__initial a:hover{
    background: #ececec52 !important;
    border-radius: 6px !important;
}

.top-menu-default a:hover{
    background: #ecececb8 !important;
    border-radius: 6px;
}

/* .nav-menu-content {
	margin-right: 0;
	margin-left: 230px !important;
	height: 100% !important;
} */
.header-menus {
	display: flex;
	width: 100%;
	height: 100%;
	align-items: center;
	justify-content: flex-end;
}
.header__leftMenu {
    text-align: right;
    width: 100%;
    white-space: nowrap;
}
.header__rightMenu {
    text-align: right;
    white-space: nowrap;
}
.header__initial .nav-burger a {
	height: 44px !important;
	padding: .5rem .5rem;
}

@media (min-width: 992px) {
	.nav-menu-content {
		margin-right: 0;
		margin-left: 230px !important;
		height: 100% !important;
        padding: 0;
	}
	.nav-burger-visibility {
		display: none !important;
	}
	.header__rightMenu .get-started-button {
		border: 1px solid #ffffff17;
		border-radius: 6px;
		box-shadow: 0px 0px 19px 2px #0080001a;
		background: #59ba03 !important;
		padding: .3rem .5rem !important;
		white-space: nowrap;
	}
	.header__rightMenu .signup-button {
		background: #59ba03 !important;
		border-radius: 6px;
		padding: .3rem .5rem !important;
		white-space: nowrap;
	}
	.nav-upper-tab {
		display: block;
    	height: 100%;
	}
	.navbar-open-close {
		height: 100%;
		padding-right: 10px;
		padding-top: 20px;
	}
    .container-custom {
        position: absolute;
        width: 100%;
        flex-direction: column;
        align-items: center;
    }
    .container-custom .card-custom {
        max-width: 400px;
        height: auto;
        flex-direction: column;
        background: transparent;
    }
    .container-custom .card-custom .imgBx {
        position: relative;
    }
}
@media (max-width: 991px) {
    .table__container {
        /* margin-top: 28px; */
        margin: 0% -1%!important;
    }
	.header__leftMenu {
		width: 100%;
		display: flex;
		flex-direction: column;
	}
	.header__rightMenu {
		width: 100%;
		display: flex;
		flex-direction: column;
	}
	.header-menus {
		flex-direction: column;
		height: auto;
	}
	.hh-left-menu a {
		border-bottom: 1px solid #ababab99 !important;
	}
	.hh-right-menu a {
		border-bottom: 1px solid #ababab99 !important;
	}
	.hh-right-menu a:last-child {
		border-bottom: none !important;
	}
	body.vertical-layout.vertical-menu .navbar .navbar-header {
		width: 100%;
	}
	.header-navbar .navbar-header .open-navbar-container i {
		font-size: 1.8rem;
	}
	.header__initial .nav-menu-content a {
		/* color: #fff !important; */
		padding: 10px 20px !important;
	}
	.top-menu-default .nav-menu-content a {
		color: #fff !important;
		padding: 10px 20px !important;
		border-bottom: 1px solid #ababab99 !important;
	}
	.top-menu-default .nav-menu-content a {
		/* color: #fff !important; */
		padding: 10px 20px !important;
	}
	.header-navbar.navbar-with-menu .navbar-container  {
		display: table;
		background: transparent;
	}
	.header-navbar.navbar-with-menu .navbar-container .navbar-open-close {
		/* background: white; */
		/* background: rgba( 255, 255, 255, 0.25 );
		box-shadow: 0 8px 32px 0 rgba( 31, 38, 135, 0.37 );
		backdrop-filter: blur( 4px );
		-webkit-backdrop-filter: blur( 4px );
		border-radius: 10px;
		border: 1px solid rgba( 255, 255, 255, 0.18 ); */
		background: rgba( 0, 0, 0, 0.25 );
		box-shadow: 0 8px 32px 0 rgba( 31, 38, 135, 0.37 );
		backdrop-filter: blur( 12.5px );
		-webkit-backdrop-filter: blur( 12.5px );
		border-radius: 10px;
		border: 1px solid rgba( 255, 255, 255, 0.18 );
	}
	.header-navbar.navbar-with-menu .navbar-container .navbar-open-close a {
		color: white
	}
	.nav-menu-content {
		width: 100%;
	}
    quote-content {
        width: 100%;
    }
    /*.all__add-btn {*/
    /*    width: 7rem!important;*/
    /*    margin-left: -21%!important;*/
    /*    padding: 12px 0px!important;*/
    /*}*/

}

.header__info {
    margin-left: 15px;
    width: 50%;
    position: absolute;
    top: 40%
}
.header__info {
    margin-left: 15px;
    position: absolute;
    top: 27%
}

.header__info p{
    font-family: "EB Garamond", Garamond, "Times New Roman", serif !important;
}

.header--hight{
    height: 85px;
    padding: 0;
    transition-duration: .4s;
    background-color: #ffffff;
}

.header--scroll{
    height: 85px;
    padding: 0;
    transition-duration: .4s;
}

.right-slide-menu{
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}
.right-slide-menu span{
    font-size: 2rem;
}
.slide-color{
    color: #ffffff !important;
}

.right-menu{
    position: fixed;
    height: 100vh;
    width: 100%;
    backdrop-filter: brightness(0.3);
    top: 74px;
    transform: translateX(100%);
    left: 0;
    transition: all -0.1s ease-in-out;
}
.right-menu-slide{
    transform: translateX(0%);
}
.r-side-nav{
    position: relative;
    width: 365px;
    float: right;
    height: calc(100% - 74px);
    background: #ffffff;
    border-top-left-radius: 7px;
    border-bottom-left-radius: 7px;
    transform: translateX(100%);
    transition: all 0.3s ease-in-out;
}
.r-side-nav-slide{
    transform: translateX(0);
}
.close-btn{
    cursor: pointer;
    background: transparent;
    margin: 14px 0;
    display: flex;
    justify-content: end;
}
.close-btn span{
    font-size: 2rem;
    border-radius: 6px;
    padding: 0 7px;
}
.close-btn span:active{
    background: red;
    color: #ffffff;
}
.sidebar-menu li a{
    color: #000000 !important;
}
.learn-mindshaper{
    width: 320px;
    height: 250px;
    border: 1px solid #ececec;
    border-radius: 6px;
    margin: 0 auto;
}
.learn-mindshaper h3{
    font-size: 1.3rem;
    margin: 0;
    border-bottom: 1px solid #ececec;
    padding: 14px;
    font-family: Inter;
}
.sidebar-menu{
    margin: 0;
    padding:3px;
}
.sidebar-menu li{
    display: inline-block;
    width: 70px;
    text-align: center;
    margin-bottom: 8px;
    padding-top: 4px;
    vertical-align: top;
}
.sidebar-menu li:hover a span:first-child{
    box-shadow: 0px 1px 4px 0 rgb(32 33 36 / 28%);
}
.sidebar-menu li a{
    display: block;
    padding-top: 4px;
    text-decoration: none;
}
.sidebar-menu li a:hover{
    background: none !important;
}
.sidebar-menu li a span:first-child{
    color: #5aba03;
    padding: 7px;
    border: 1px solid #ececec;
    margin-bottom: 7px;
}
.sidebar-menu li a span:nth-child(2){
    color: #9ba98f;
    font-family: Inter;
}
.message-modal{
    position: fixed;
    bottom: 525px;
    right: 65PX;
}
.floating-message{
    position: fixed;
    right: 35px;
    bottom: 57px;
    background: #55b408;
    border-radius: 50%;
    height: 60px !important;
    width: 60px;
    display: grid;
    place-content: center;
    cursor: pointer;
}
.floating-message a:hover{
    background: none !important;
}
.floating-message span{
    font-size: 2.2rem;
    color: #ffffff;
}
.start-conversation{
    position: absolute;
    width: 350px;
    height: 400px;
    /*bottom: 52px;*/
    right: 0;
    background: #ffffff;
    display: none;
    border-radius: 6px;
    border: 1px solid #ececec;
}
.show-conversation{
    display: block;
}
.header-label{
    font-family: 'EB Garamond', 'Product Sans Regular', sans-serif !important;
    color: #000000 !important;
    text-transform: initial !important;
    letter-spacing: .2px !important;
    font-size: 1.4rem !important;
    background-color: transparent !important;
    line-height: 1.125rem;
    /*padding: .5rem 1rem;*/
    margin: 0;
    height: auto;
    border: 1px solid transparent;
    font-weight: bold;
    text-decoration: none;
    cursor: pointer;
}


.top-menu-default a{
    font-family: 'EB Garamond', 'Product Sans Regular', sans-serif !important;
    color: #292525 !important;
    font-size: 13px;
    text-transform: uppercase;
    text-transform: uppercase !important;
    letter-spacing: 0.2px !important;
    font-size: 11px !important;
    background-color: transparent !important;
    line-height: 1.125rem;
    padding: .5rem .5rem;
    margin: 0;
    height: auto;
    border: 1px solid transparent;
    font-weight: 400;
    text-decoration: none;
    cursor: pointer;
}
.top-menu-default button{
    font-family: 'EB Garamond', 'Product Sans Regular', sans-serif !important;
    color: #292525 !important;
    text-transform: uppercase !important;
    letter-spacing: .2px !important;
    font-size: 0.875rem !important;
    background-color: transparent !important;
    line-height: 1.125rem;
    padding: .5rem 1rem;
    margin: 0;
    height: auto;
    border: 1px solid transparent;
    font-weight: bold;
    text-decoration: none;
    cursor: pointer;
}

.nav-item--li{
    font-size: 18px !important;
    font-weight: 800 !important;
    font-family: "EB Garamond", Garamond, "Times New Roman", serif;
    color: #2db34b !important;
    margin-left: 20px;
}

/*Banner section*/


.baner_bottom__img img{
    height: 40px;
    margin: 2px 0 0 0;
    object-fit: contain;
    margin-right: 50px;
}

.logo-slide div {
    text-align: -webkit-center;
}

.banner_heading p{
    margin: 0px;
}

.banner_heading__text{
    color: #0b7b00;
    font-size: 2.5rem;
    font-family: "EB Garamond", Garamond, "Times New Roman", serif;
    font-weight: bold;
}

.banner_subtitel__text{
    color: #b2c700;
    font-size: 1.3rem;
    font-family: "EB Garamond", Garamond, "Times New Roman", serif;
    font-weight: 600;
    line-height: 1.2;
}
.banner-images-slider{
    height: 100%;
    width: 100%;
    object-fit: cover;
    min-height: 100vh;
}

/*Second Section*/

.scnd-sec-btn{
    height: 40px;
    /*width: 100px;*/
    background: green;
    border: none;
    color: #ffffff;
    font-size: 1.2rem;
    font-family: inter;
    font-weight: 600;
    letter-spacing: 1px;
    border-radius: 6px;
    /*margin: 5%;*/
    box-shadow: 0px 0px 19px 2px #00000085;
    cursor: pointer;
}

.mosaic-section--ul{
    position: relative;
    height: 800px;
    margin: 0 auto;
}

.mosaic-section--ul li{
    list-style: none;
}

.mosaic_grid__img{
    height: 100%;
    width: 100%;
    object-fit: cover;
    transition-duration: 1s;
}

.li_view:hover .mosaic_grid__img{
    transform: scale(1.2);
    transition-duration: 1s;
}

.mosaic_info__holder{
    display: block;
    color: #ffffff;
    cursor: pointer;
    font-size: 13px;
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0%;
}

.issue_name_design{
    position: absolute;
    color: white;
    text-align: center;
}

.text_design{
    position: absolute;
    bottom: 0;
    display: block;
    color: #ffffff ;
    text-align: center;
    background: #f7dc167a;
    border-radius: 100% 100% 0% 0%;
    width: 100%;
    height: 15%;
}


.text_design_{
    position: absolute;
    bottom: 0;
    display: block;
    color: #ffffff ;
    text-align: center;
    background: #f7dc167a;
    border-radius: 100% 100% 0% 0%;
    width: 100%;
    height: 30%;

}

.text_design_ h4 {
    font-size: 30px !important;
    font-weight: 400 !important;
    font-family: "EB Garamond", Garamond, "Times New Roman", serif;
    margin: 10px;
}



.info_{
    color: #323a45;
    cursor: pointer;
    display: none;
    font-size: 13px;
    position: absolute;
    top: 0;
    text-align: center;
    height: 100%;
    width: 100%;
}

.info__{
    color: #323a45;
    cursor: pointer;
    display: none;
    font-size: 13px;
    position: absolute;
    top: 0;
    text-align: center;
    height: 100%;
    width: 100%;
}

.hover--info{
    /*background: #f7dc167a;*/
    background: rgba(10, 10, 10, 0.51);
    /*border-radius: 33% 33% 0% 0%;*/
    height: 100%;
    width: 100%;
    font-size: 13px !important;
    font-weight: 400 !important;
    font-family: "EB Garamond", Garamond, "Times New Roman", serif;
    color: #ffffff;
}

.hover--info h5{
    font-size: 22px;
    padding-top: 14px;
}

.hover--info p{
    font-size: 18px;
    padding-top: 0 !important;
}

.text_design h4 {
    font-size: 30px !important;
    font-weight: 400 !important;
    font-family: "EB Garamond", Garamond, "Times New Roman", serif;
    margin: 10px;
}

.li_view{
    overflow: hidden;
    transition-duration: 2s;
}

.li_view:hover > .mosaic_info__holder > .text_design {
    display: none;
    transform: scale(1.2);
    transition-duration: 2s;
}
.li_view:hover > .mosaic_info__holder > .text_design_ {
    display: none;
    transform: scale(1.2);
    transition-duration: 2s;
}

.li_view div h1:hover{
    display: block;
    cursor: pointer;
    transition-duration: 2s;
}

.li_view:hover > .info_{
    display: block;
    transition-timing-function: ease-in;
    transition: 2s;
}

.li_view:hover > .info__{
    display: block;
    transition-timing-function: ease-in;
    transition: 2s;
}

.ease-in{
    animation: easeIn 3s;
}

.ease-out{
    animation: fadeOut 3s;
}


@keyframes easeIn {
    from{
       height: 20px !important;
    }
    to{
        height: 40px !important;
    }
}

@media (min-width: 1199px)and  (max-width: 1920px ) {
}

@keyframes easeOut {
    from{
        opacity: 1;
    }
    to{
        opacity: 0;
    }
}

/*Services Section*/

.serviceCard{
    border-radius: 5px;
}

.serviceCard:hover{
    transform: scale(1.01);
    transition-duration: .4s;
    cursor: pointer;
    box-shadow: 0 1px 6px 0 rgba(32, 33, 36, .28);
}

.left_servicecard{
    width: 85%;
    text-align: center;
    margin-top: 20px;
}

.card-div--one{
    display: flex;
    justify-content: center;
    margin-top: 10px;
}

.card-div--two{
    /*background: #ffffff;
    height: 150px;
    width: 150px;*/
    border-radius: 50%;
    /*border: 1px solid #0080001a;*/
    text-align: center;
    padding: 10px;
    margin-top: 30px;
}


.card-div--three{
    background: #ffffff;
    height: 120px;
    width: 120px;
    border-radius: 50%;
    /*border: 1px solid #00800059;*/
    text-align: center;
    padding: 10px;
}

.serviceCard-img{
    height: 95px;
    width: 95px;
    object-fit: contain;
    border-radius: 50%;
    text-align: center;
}

.serviceCard_title{
    color: #1F243C;
    font-size: 20px;
    letter-spacing: -.005em;
    line-height: 52px;
    margin: 0;
    font-weight: 500;
}

.serviceCard_text{
    margin: 10px;
    line-height: 1.1;
    font-weight: normal;
    font-family: inter;
    font-size: 15px;
    font-weight: 400 !important;
    margin-top: -10px;
}


.serviccecard-right--heading{
    color: #4fa739;
    font-size: 40px;
    letter-spacing: -.005em;
    line-height: 52px;
    font-style: normal;
    font-weight: 700 !important;
    margin: 0;
    padding-top: 14px;
    padding-bottom: 14px;
    font-family: "EB Garamond", Garamond, "Times New Roman", serif;
}

.serviccecard-right--subtitle{
    margin: 10px;
    line-height: 1.4;
    font-weight: normal;
    font-family: inter;
    font-size: 20px;
    font-weight: 400 !important;
}

.serviccecard-right--subtitle p{
    margin: 10px;
    line-height: 1.4 !important;
    font-weight: normal;
    font-family: inter;
    font-size: 25px;
    font-weight: 400;
    padding-top: 1rem;
}
.service-initial--heading{
    font-size: 1.8rem !important;
    font-weight: 600 !important;
    color: #48b337;
    letter-spacing: 1px;
}

.service-initial--subtittle{
    line-height: 1.1 !important;
    font-family: inter !important;
    font-size: 1.4rem !important;
    font-weight: 400 !important;
    color: #141212;
    text-align: left;
}


/*Artical section*/


.article-post--images{
    height: 100px;
    width: 100%;
    border-radius: 4px;
    object-fit: cover;
}

.article-post--heading{
    line-height: 1;
    font-weight: normal;
    font-family: inter;
    font-size: 20px !important;
    font-weight: 400;
    text-align: left;
}

.article-post--heading:hover{
    text-decoration: underline;
    cursor: pointer;
    color: #59ba03;
}

.article-post--subtitle{
    height: 58px;
    font-family: inter;
    text-align: left;
    color: black;
    overflow: hidden !important;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}

.article-post--subtitle p span{
    font-size: 14px !important;
    font-weight: 400 !important;
    line-height: 20px !important;
    letter-spacing: 0.5px !important;
    text-align: left !important;
    font-family: Inter !important;
    margin: 0;
}

.article-post--subtitle p{
    font-size: 14px !important;
    font-weight: 400 !important;
    line-height: 20px !important;
    letter-spacing: 0.5px !important;
    text-align: left !important;
    font-family: Inter !important;
    margin: 0;
}

.article-post--tags{
    font-family: inter;
    font-size: 12px;
    line-height: 20px;
    text-align: center;
    color: rgb(73 147 14);
    background: #80808038;
    border-radius: 20px;
}

.article-post--button{
    float: right;
    border: none;
    font-size: 0.975rem !important;
    color: #59ba03;
}

.article-bottom:first-child::after{
    content: '';
    display: inline-block;
    height: 1px;
    width: 100%;
    background-color: #c1c1c1;
    margin-bottom: 5px;
}

.article-post--button:hover{
    text-decoration: underline;
    cursor: pointer;
}

.article-post--bgImage{
    background-position: center center;
    object-fit: cover;
    background-repeat: no-repeat;
    height: auto;
    min-height: 455px;
    border-radius: 4px;
    background-size: cover;
}

.text-decoration--underline {
    text-decoration: underline !important;
}

.textStyle{
    font-size: 14px;
    font-family: sans-serif;
    color: rgb(4, 61, 4);
}

._button{
    margin-top: 5px;
    background: #2db34b;
    color: #fff;
    border: none;
    border-radius: 5px;
    height: 45px;
    margin-left: 10px;
    float: right;
    margin-right: 20px;
    height: 30px;
    width: 100px;
}

.article-icon-style{
    color: #55b309 !important;
    width: 45px;
    height: 44px;
    padding: 10px;
    border-radius: 4px;
    cursor: pointer;
    font-size: 2rem !important;
    font-weight: 800 !important;
}

/*Write us*/

.home-contact-us{
    max-width: 1111px;
    margin: auto;
    display: flex;
    flex-direction: row;
    padding-bottom: 50px;
}

.contact_1stCard__Design{
    min-height: 368px;
    width: 315px;
    background: #fff;
    box-shadow: 0 3px 5px 0 rgba(154,160,185,.05), 0 10px 20px 0 rgba(166,173,201,.2);
    margin: 34px;
    border-radius: 8px;
    border-top: 8px solid #f7dc16;
    position: relative;
}

.contact_card__text{
    padding: 20px 20px 10px;
    /*height: 260px;*/
    color: #4fa739;
    font-size: 1.3rem !important;
}

.cantact_card__button{
    background: #fff;
    border: 1px solid #f7dc16;
    border-radius: 6px;
    height: 35px;
    display: block;
    text-align: center;
    width: 100%!important;
    width: 200px;
    margin-top: 15px;
    transition-duration: 1s;
}


.cantact_card__button:hover{
    cursor: pointer;
    background: #59ba03 !important;
    border: none;
    color: #ffffff;
    transition-duration: 1s;
    cursor: pointer;
}

.contact_2ndCard__Design{
    /*height: 437px;*/
    height: 368px;
    width: 345px;
    background: #fff;
    box-shadow: 0 3px 5px 0 rgba(154,160,185,.05), 0 10px 20px 0 rgba(166,173,201,.2);
    border-radius: 8px;
    border-top: 8px solid #4fa739;
    position: relative;
}

.contact_card__textMiddle{
    padding: 20px 20px 10px;
    /*height: 295px;*/
    color: #4fa739;
    font-size: 1.3rem !important;
}

.home-contact-us-btn {
    position: absolute;
    bottom: 35px;
    right: 10%;
    top: 78%;
    transform: translate(10%, -50%);
    /* justify-content: center; */
    width: 100%;
}
/*.home-contact-us-btn{*/
/*    position: absolute;*/
/*    bottom: 35px;*/
/*    right: 10%;*/
/*    top: 78%;*/
/*     transform: translate(0%, -50%);*/
/*    !* justify-content: center; *!*/
/*    width: 100%;*/
/*}*/

.home-contact-us-btn-support{
    position: absolute;
    bottom: 35px;
    right: 10%;
    top: 78%;
    transform: translate(19%, -50%);
    width: 100%;
}


.home-contact-us-btn a{
    padding: 7px 35px !important;
}

.home-contact-us-btn:hover a span{
    color: #ffffff !important;
}

/*Testimonial Carousel*/

.padding-carousel-7{
    padding: 7px;
}

.Carousel_div{
    background: #ffffff;
    border-radius: 6px;
    padding: 15px;
    min-height: 250px;
    /*width: 320px;*/
    width: 100%;
}

.Carousel_div_transform{
    transform: scale(1.3);
}

.Carousel_text{
    font-size: 0.8rem !important;
    font-weight: 300;
    color: #828594;
    width: 100%;
    margin-top: 1.5rem;
    text-align: justify;
}

.Carousel_text__name{
    font-size: 13px;
    margin: 0;
    font-family:  inter;
}

.Carousel_text__position{
    font-size: 13px !important;
    margin: 0;
    color: #4fa739;
    white-space: normal;
}

.Carousel-img{
    height: 70px;
    width: 70px;
    border-radius: 50%;
    object-fit: cover;
}



/*ABOUT PAGE*/

.heading-text{
    font-size: 3rem;
    font-weight: 300;
    font-family: "EB Garamond", Garamond, "Times New Roman", serif;
    color: #55b44c;
    margin-bottom: 0em;
}

.text-Style{
    font-size: 14px;
    font-family: sans-serif;
    color: #083e08;
}

.htext{
    font-size: 4rem;
    font-weight: 300;
    font-family: serif;
    color: #00000075;
    margin-bottom: 0em;
}

.img-style{
    height: 123px;
    width: 123px;
    border-radius: 50%;
}

.heading-Text{
    font-size: .875rem;
    font-weight: 700;
    font-family: serif;
    color: black;
    margin-bottom: 0;
}

.margin-left--250 {
    margin-left: 250px !important;
}

.margin-left--255 {
    margin-left: 255px !important;
}

.margin-right--250 {
    margin-right: 250px !important;
}

.button-icon-round {
    display: flex;
    justify-content: center;
    align-items: center;
    float: right;
    height: 25px;
    width: 25px;
    padding: 0px;
    border-radius: 50%;
    line-height: 20px;
    text-align: center;
    cursor: pointer;
}

.button-icon-round.no-border{
    border: none !important;
}

.ui-select-custom.ms-input {
	height: calc(2rem + 5px);
	padding: 5px;
	border: #eee solid 1px;
	box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
}
.ui-select-custom.ms-input .ui-select-match-item  {
	padding: 2px;
	font-size: 12px;
	border-radius: 5px;
	border: 1px solid #dedede;
	background: #f9f9f9;
	height: 22px;
	line-height: 20px;
}




.light-bottom-border {
	display: block;
    background: transparent;
    padding: 0 0 10px;
    border-bottom: 2px solid #ececec;
}

.topmargin { margin-top: 50px !important; }

.bottommargin { margin-bottom: 50px !important; }

.divcenter {
	position: relative !important;
	float: none !important;
	margin-left: auto !important;
	margin-right: auto !important;
}
.norightmargin { margin-right: 0 !important; }
.py-1 {
	padding-top: 1rem;
	padding-bottom: 1rem;
}
.nobottommargin { margin-bottom: 0 !important; }
.button {
    display: inline-block;
    position: relative;
    cursor: pointer;
    outline: none;
    white-space: nowrap;
    margin: 5px;
    padding: 0 22px;
    font-size: 14px;
    height: 40px;
    line-height: 40px;
    background-color: #8CC63F;
    color: #FFF;
    font-weight: 600;
    text-transform: capitalize;
    letter-spacing: 1px;
    border: none;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
}
.button.button-small {
	padding: 0 17px;
	font-size: 10px;
	height: 32px;
	line-height: 32px;
}

.button-p {
	display: inline-block;
	line-height: 1.25;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	border: 1px solid #27b24b;
	padding: 0.5rem 1rem;
	font-size: 0.875rem;
	border-radius: 1rem;
	transition: .2s ease-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	-webkit-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}
.button-p-link {
	border: 1px solid #27b24b;
	color: #27b24b;
}
.button-p-link:hover {
	color: #1c7d34;
}

.border-bottom-1{
	border-bottom: 1px solid #DCDCDC;
}
.button.button-rounded { border-radius: 3px; }



.nomargin {margin: 0 !important; }
.has-feedback .form-control-feedback {
	top: 30px !important;
}
.modal-body-delete {
    position: relative;
    padding: 15px;

}

.modal-body-for-company {
  position: relative;
  padding: 15px;
}

.delete-modal-bg{
	background-color:#fff !important
}

.modal-title {
    margin: 0;
    line-height: 1.42857143;
}

h4 {
    font-weight: 600;
}
h4 {
    font-size: 18px;
}


/*Blog Post*/

.post-background{
    background: #fff;
    box-shadow: 0 0px 10px  rgba(218, 211, 211, 0.25), 0 4px 6px rgba(204, 191, 191, 0.22);
    border-radius: 5px;
}

.p-text{
    font-size: 12px;
}

.add-img img{
    height: 100%;
    width: 100%;
}

.ad-div{
border-radius: 4px;
    border: 1px solid #f2f2f2;
    box-shadow: 0 0px 10px  rgba(218, 211, 211, 0.25), 0 4px 6px rgba(204, 191, 191, 0.22);
    margin-bottom: 20px
}





/*Modal*/

.modal-text{
    font-size: 20px;
    font-family: "EB Garamond", Garamond, "Times New Roman", serif;
    color: black;
    font-weight: normal;
    margin-left: 10px;
    top: 5px;
}

.modal-heading{
    font-family: "EB Garamond", Garamond, "Times New Roman", serif;
    color: #48b337;
    font-weight: bold;
    font-size: 20px !important;
    margin: 0;
    margin-bottom: 10px;
    margin-top: 20px;
}

.modal-info{
    line-height: 1.1 !important;
    font-size: 14px !important;
    font-weight: 400 !important;
    color: #141212;
    text-align: left;
    margin: 5px;
}

.modal-info-list{
    line-height: 1.1 !important;
    font-size: 1.29rem !important;
    font-weight: 400 !important;
    color: rgba(20, 18, 18, 0.73);
    text-align: left;
    list-style-type: circle;
}

.modal-order-list li{
    list-style-type: circle;
    color: #141212;
    font-size: .975rem;
    line-height: .1;
}

.modal-order-list li p{
    color: #141212!important;
    font-weight: 400 !important;
}

.bg-image--service{
    background-position: center center;
    object-fit: cover;
    background-repeat: no-repeat;
    height: auto;
    min-height: 626px;
    border-radius: 4px;
}

.bg-image-shade{
    background: #ffffff;
    height: auto;
    min-height: 626px;
    opacity: .9;
}

.service-mid-d{
    min-height: 435px;
}

.serviceContact-label{
    font-size: 17px;
    letter-spacing: 1px;
    font-weight: 600;
    text-align: left;
    padding-left: 45px;
    padding-bottom: 25px;
}



/*NEW SECTIONS*/

.img-div{
    min-height: 100px;
}

.img-d{
    height: 150px;
    width: 125px;
    margin-bottom: -24px;
}

.img-div2{
    min-height: 140px;
}

.image_title{
    color: #1F243C;
    font-size: 2rem;
    letter-spacing: -.005em;
    line-height: 52px;
    margin: 0;
    font-weight: 500;
}

.image_subtitle{
    color: #1F243C;
    font-size: 17px;
    letter-spacing: -.005em;
    line-height: 1;
    margin: 0;
    font-weight: 500;
    padding-top: 10px;
    width: 80%;
}


/***********************/

.article-nav{
    padding: 0;
}


/******Footer************/

.footer-heading {
    font-size: 30px!important;
    line-height: 1.1 !important;
    font-weight:700 !important;
    text-transform: capitalize;
    font-family: "EB Garamond", Garamond, "Times New Roman", serif;
}

.footer-subHeading {
    font-family: inter !important;
    font-size: 14px !important;
    line-height: 32px !important;
    font-weight: normal !important;
    color: #1F243C;
    font-style: normal;
    margin: 0;
    height: 120px;
}

.footer-button{
    width: 250px;
    height: 50px;
    font-size: 20px;
    background: #11a683;
    outline: none;
    border: none;
    border-radius: 6px;
}

.footer-button:hover{
    background: #11a683bf;
}

.footer-icon ul li a i{
    font-size: 40px;
    margin-right: 15px;
    color: #ffffff;
}

.footer-sitemap li a {
    margin-right: 40px;
    font-family: "GTWalsheim", sans-serif !important;
    font-size: 14px !important;
    line-height: 1.1 !important;
    font-weight: normal !important;
    color: #000000 !important;
}

.index-footer{
    padding: 0 !important;
}

.footer-img-d{
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
}

.footer-img1{
    height: 32px;
    left: 7%;
    position: absolute;
    top: 123px;
    width: 111px;
}

.footer-img2{
    bottom: 80px;
    height: 115px;
    position: absolute;
    right: 9%;
    width: 180px;
}

.footer-img3{
    bottom: 70px;
    height: 133px;
    position: absolute;
    right: 171px;
    width: 159px;
}

/****************************************************RADIO BUTTON******************/

.text{
    font-family: inter !important;
    font-size: 20px !important;
    line-height: 1.1 !important;
    font-weight: normal !important;
    color: #3C4043 !important;
}



/***********************CONTACT PAGE********************/


.contact-heading h1{
    color: #2b2d38;
    font-size: 36px;
    font-weight: 700;
    letter-spacing: -.2px;
    line-height: 54px;
    margin-bottom: 8px;
}

.contact-subHeading p{
    color: #3b3e4d;
    font-size: 21px;
    letter-spacing: .1px;
    line-height: 36px;
    margin-bottom: 58px;
}
.form-d{
    background: #fff;
    border-radius: 10px;
    border-top: 9px solid #4c7af1;
    box-shadow: 0 3px 16px 0 rgba(154,160,185,.05), 0 10px 40px 0 rgba(166,173,201,.41);
    max-width: 100%;
    padding: 28px;
    position: relative;
    text-align: center;
    margin-bottom: 100px;
}

.contact-bbg-img1{
    left: -127px;
    position: absolute;
    top: 150px;
    z-index: 1;
}
.contact-bbg-img2{
    right: -119px;
    top: -89px;
    position: absolute;
    z-index: 1;
}
.contact-bbg-img3{
    position: absolute;
    z-index: 1;
    left: -479px;
    top: 481px;
}

.contact-form-title-d{
    color: #2b2d38;
    font-size: 14px !important;
    line-height: 18px;
    margin: auto;
    text-align: left;
    width: 87.24%;
}

.contact-form-input-d{
    text-align: left;
    width: 87.24%;
    margin: 20px auto;
}
.form__submit-btn{
    padding: 7px 40px;
    background: #4CAF50;
    border: none;
    color: #ffffff;
    border-radius: 6px;
    font-size: 17px;
    display: flex;
    align-items: center;
}
.submit_form-container{
    display: flex;
    justify-content: end;
    width: 87.24%;
    margin: 0 auto;
}
.form__submit-btn i{
    margin-right: 7px;
}
.contact-form-padding-d{
    color: #8189a9;
    line-height: 17px;
    margin-bottom: 4px;
}

.contact-form-input{
    border: 1px solid #e4e6f2;
    border-radius: 3px;
    box-sizing: border-box;
    color: #2b2d38;
    height: 40px;
    line-height: 18px;
    outline: none;
    padding: 0 10px;
    position: relative;
    transition: box-shadow .2s;
    width: 100%;
}
.joinus-contact--form{
    color: #55b408;
    font-size: 17px !important;
    display: flex;
    align-items: center;
}
.joinus-contact--form i{
    font-size: 20px;
    margin-right: 7px;
}
.joinus-contact--form a{
    color: #55b408;
    font-family: "EB Garamond", Garamond, "Times New Roman", serif;
}
.contact-form-bottom-padding-d{
    color: #f23452;
    filter: none;
    font: 400 12px/16px AkkuratPro;
    letter-spacing: 0;
    margin-top: 6px;
    min-height: 24px;
    opacity: 1;
    transition: opacity .2s;
}

.contact-form-textarea-d{
    border: 1px solid #e4e6f2;
    border-radius: 3px;
    color: #60657b;
    height: 121px;
    letter-spacing: .2px;
    line-height: 18px;
    margin-top: 8px;
    outline: none;
    padding: 8px 10px 0;
    resize: none;
    width: 100%;
}

.contact-form-button{
    background-color: rgba(21,195,154,.7);
    border: none;
    width: 250px;
    height: 50px;
    font-size: 18px;
    border-radius: 10px;
    margin-bottom: 50px;
    font-family: inter;
}
.contact-form-button:hover{
    background: #ffffff;
    color: #000000 !important;
    border: 1px solid green;
}

.contact-form-right-d{
    justify-content: center;
    margin-bottom: 40px;
    margin-left: 75px;
    margin-top: 50px;
}

.contact-form-right-title{
    color: #60657b;
    filter: alpha(opacity=90);
    font-family: inter;
    font-weight: 800;
    line-height: 32px;
    margin-bottom: 8px;
    opacity: .9;
    font-size: 22px !important;
}

.contatc-form-right-subtitle{
    color: #9fa6bf;
    font-family: inter;
    font-size: 18px !important;
    letter-spacing: 0;
    line-height: 27px;
    margin-bottom: 18px !important;
}


/************************************FAQ****************************/


.accordion-d{
    background: green;
    margin: 10px;
    border-radius: 4px;
}
.accordion {
    background-color: #4fa73982;
    cursor: pointer;
    padding: 10px;
    width: 100%;
    border: none;
    text-align: left;
    outline: none;
    transition: 0.4s;
    color: #ffffff;
    font-size: 22px;
    font-family: "EB Garamond", Garamond, "Times New Roman", serif !important;
    border-radius: 5px;
}

/**
 * Following class is commented out due to
 * it's usage by summernote text editor.
 * This class is changing summernote style
**/
/*.panel {
    display: none;
    background-color: #baccb3;
    overflow: hidden;
    width: 100%;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
}*/

.accordion-subtitle p{
    font-size: 14px;
    font-family: inter;
    color: #000000;
    margin: 10px;
    padding-bottom: 20px

}

.search-wrap{
    position: relative;
    width: 650px;
    margin: 0 auto;
}

.search-wrap:before{
    content: "";
    position: absolute;
    text-align: center;
    top: 1px;
    left: 0;
    width: 50px;
    height: 100%;
    z-index: 1;
    background-image: url("../images/svg/iconfinder-icon.svg");
    background-repeat: no-repeat;
    background-size: 30px auto;
    background-position: 90% 50%;
}
.search-input-field{
    width: 100%;
    height: 57px;
    border-radius: 100px;
    border: 2px solid #878EA6;
    font-size: 27px;
    padding-left: 50px;
    color: #c8c0c0;
}

.search-input-field:focus{
    outline: none;
    box-shadow: 0 8px 16px 0 rgba(198, 203, 222, 0.66), 0 16px 48px 0 rgba(198, 203, 222, 0.88);
}

/************************PRESS PAGE******************/

.press-d{
    border-radius: 10px;
    cursor: pointer;
    padding: 16px;
    position: relative;
    min-height: 290px;
}

.press-d:hover{
    background: lightgrey;
    cursor: pointer;
}

.press-d-2{
    border-radius: 10px;
    height: 170px;
    overflow: hidden;
    width: 100%;
}

.press-d-2 img {
    height: 100%;
    object-fit: cover;
    width: 100%;
}

.press-tag p{
    color: #8189a9;
    margin-top: 10px;
    font-size: 1.2rem;
    margin-bottom: 0;
}

.press-description p{
    color: #1c1e29;
    font-size: 20px;
    font-weight: 400;
    margin-top: 5px;
}

.transform-2s {
    transition: transform .2s;
}

.transform-2s:hover {
    cursor: pointer;
    transform: scale(1.1);
}

.explore-label {
    --value:0;
}

.explore-label:hover {
    --value:1.1;
    color: blueviolet;
}

.explore-label > .explore-img {
    transform: scale(var(--value));
}

.profile-container {
	position: relative;
}
.profile-banner {
	height: 250px;
	overflow: hidden;
	z-index: 1;
    background-color: transparent;
}

.profile-banner img {
	margin-top: -20%;
	width: 100%;
}
.profile-content {
	position: absolute;
	left: 32px;
	bottom: 0px;
	right: 0;
	height: 140px;
	z-index: 2;
}
.profile-img {
	width: 140px;
	height: 140px;
	border-radius: 50%;
	margin-top: 4rem;
	overflow: hidden;
	box-shadow: 0 0 0 5px #fff;
	background: white;
}
.profile-img img {
    width: 100%;
    height: 100%;
}
.info-grid {
    position: relative;
    padding: 16px 32px 48px;
    background: white;
}
.profile-edit {
	text-align: right;
}
.uname-b {
	margin-top: 0;
    font-size: 24px;
    font-weight: bold;
    margin-bottom: 10px;
}
.address-info span {
	white-space: nowrap;
    margin-right: 16px;
    font-size: 14px;
}
.tab-link {
    background: white !important;
    color: grey !important;
    border-bottom: 2px solid #e6e6e6;
    border-radius: 0 !important;
    letter-spacing: 1px;
}
.tab-link.active {
	color: #44a724 !important;
    border-bottom: 2px solid #49b924 !important;
    font-weight: bold;
}
.quote-content {
	position: absolute;
    right: 0;
    top: 60%;
    transform: translateY(-50%);
    width: 78%;
    text-align: center;
    line-height: 30px;
    padding: 15px;
}
.blockquote {
	border-left: 0 !important;
}
.blockquote:before {
	position: absolute;
    font-family: 'FontAwesome';
    top: -60%;
    content: "\f10d";
    font-size: 100px;
    color: rgba(0,0,0,0.1);
    transform: translateY(0%);
}

.blockquote::after {
    content: "";
    top: -20px;
    left: 50%;
    transform: translateX(-50%);
    position: absolute;
    border-bottom: 3px solid #bf0024;
    height: 3px;
    width: 100px;
}
/*@media (max-width: 991px) {*/
/*	.quote-content {*/
/*		width: 100%;*/
/*	}*/
/*}*/

/*.explore-right-background{
    position: relative;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    !*background-color: rgba(0,0,0,0.6);*!
    border-radius: 4px;
    box-shadow: 6px 6px 20px #e1e1e1, -6px -6px 20px #e1e1e1;
}*/

.explore-icon{
    width: 30px;
}

.profile-click-menu{
    position: absolute;
    background-color: #ffffff;
    top: 42px;
    min-width: 230px;
    right: 0;
    padding: 14px;
    box-shadow: 0 2px 4px rgb(0 0 0 / 10%), inset 0 8px 16px rgb(0 0 0 / 10%);
    border-radius: 6px;
}

.explore-quote{
    font-family: 'Engravers MT';
    text-align: center;
    margin: 0 ;
    height: 30px;
    font-size: 15rem;
    transform: rotate(180deg);
    /*color: #00A7BF;*/
    color: #ffffff;
    position: relative;
}

.explore-img-bg{
    position: absolute;
    height: 100%;
    width: 100%;
    background: #55b34d;
    opacity: .6;
}

.explore-quote-font{
    font-size: 3rem;
    font-family: "EB Garamond", Garamond, "Times New Roman", serif !important;
    line-height: 1;
    margin-top: -25px;
    height: 100px;
}


#style-8::-webkit-scrollbar-track
{
    border: 1px solid black;
    background-color: #F5F5F5;
}

#style-8::-webkit-scrollbar
{
    width: 10px;
    background-color: #F5F5F5;
}


#message-scroll::-webkit-scrollbar,
#style-7::-webkit-scrollbar
{
    display: block !important;
    width: 8px;
    background-color: #F5F5F5;
    border-radius: 6px;
    margin-right: 5px;
}

#message-scroll::-webkit-scrollbar-thumb,
#style-7::-webkit-scrollbar-thumb
{
    border-radius: 4px;
    background-color: #967B96;
    position: absolute;
    right: -4px;
    z-index: 1;
    display: block !important;
}

#message-menu:hover #message-scroll,
#message-menu:hover #style-7{
    overflow: auto !important;
    transition-duration: .4s;
    display: block !important;
}

.articel-title{
    font-size: 18px !important;
    margin-bottom: 10px !important;
}

.articel-title:hover{
    color: green !important;
    cursor: pointer;
}

.border-bottom-article{
    border-bottom: 1px solid #ececec !important;
}

.border-bottom-article:last-child{
    border-bottom: none !important;
}

.link-hover:hover{
    cursor: pointer;
}

.bg-filter{
    backdrop-filter: brightness(0.5);
    width: 100%;
    height: 100%;
    position: absolute;
    transition: all 0.3s ease-in-out;
}

.img-holder{
    position: relative;
    backdrop-filter: brightness(0.5);
}

.img-getStart{
    width: 100%;
    transition: all 0.3s ease-in-out;
    height: 300px;
    /*opacity: .3;*/
}

.img-holder:hover .img-getStart{
    transform: scale(1.03);
    transition: all 0.3s ease-in-out;
}
.bg-filter:hover{
    backdrop-filter: brightness(0.5);
}

.detail-container{
    position: absolute;
    top: 13%;
    width: 93%;
    text-align: center;
}

.detail-title{
    font-size: 35px;
    font-width: 600;
    color: #ffffff;
}

.details-button{
    border: none;
    height: 40px;
    width: 140px;
    border-radius: 6px;
    color: #ffffff;
    background: rgb(255, 221, 25);
    font-size: 20px;
}

.details-button:hover{
    cursor: pointer;
}

.custom-container{
    padding: 1rem 16rem;
}

.col-c{
    padding: 0 3rem;
}

.col-c-bg-1{
    background-image: url("https://assets.website-files.com/5f6b857977880892ab55498c/5f6d02d7b9a13c2cdd71dd1a_cash.svg");
    background-repeat: no-repeat;
}

.col-c-bg-2{
    background-image: url("https://assets.website-files.com/5f6b857977880892ab55498c/5f6d02f12fce078d5a92f092_group.svg");
    background-repeat: no-repeat;
}
.col-c-bg-3{
    background-image: url("https://assets.website-files.com/5f6b857977880892ab55498c/5f6d02dfe39d9bd76b5514df_paperwork.svg");
    background-repeat: no-repeat;
}
.col-c-bg-4{
    background-image: url("https://assets.website-files.com/5f6b857977880892ab55498c/5f6d02fbebe8f17ab974c744_time.svg");
    background-repeat: no-repeat;
}
.col-c-bg-5{
    background-image: url("https://assets.website-files.com/5f6b857977880892ab55498c/5f6d02e9a658c5934225d9a9_globe.svg");
    background-repeat: no-repeat;
}
.col-c-bg-6{
    background-image: url("https://assets.website-files.com/5f6b857977880892ab55498c/5f6d030474712e8661141be1_calendar.svg");
    background-repeat: no-repeat;
}

.tabli{
    margin: 1rem;
    height: 50px;
    padding: 7px;
    font-size: 1.2rem;
    letter-spacing: 1px;
    font-weight: 600;
    font-family: inter;
    border-radius: 20px;
    box-shadow: 0px 0px 12px 0px #53b00b59;
    min-width: 250px;
    display: flex;
    justify-content: center;
    color: #53b008;
    transition-duration: 1s;
}

.tabDetailContainer{
    text-align: center;
    transition-duration: 2s;
    max-width: 1100px;
    margin: auto;
}

.innerdiv-slider{
    transform: translateX(100%);
    opacity: 0;
}

#personalC,
#coupleC,
#corporateC,
#corporateT:hover{
    cursor: pointer;
}

/*.activeLi{
    background: #53b008;
    color: #ffffff;
    box-shadow: 0px 0px 15px 0px #52ae0c;
}*/


#talkbubbleFirst {
    width: 100%;
    height: 100%;
    /*background: #e9f5ef;*/
    position: relative;
    margin-top: 2.1rem;
/*    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;*/
}
/*#talkbubbleFirst:before {
    content: "";
    position: absolute;
    right: 72%;
    top: -46px;
    width: 0;
    height: 0;
    border-left: 120px solid transparent;
    border-right: 120px solid transparent;
    border-bottom: 46px solid #e9f5ef;
}*/

#talkbubbleMid {
    width: 100%;
    height: 100%;
    /*background: #f1f1f1;*/
    position: relative;
    margin-top: 2.1rem;
/*    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;*/
}

/*
#talkbubbleMid:before {
    content: "";
    position: absolute;
    right: 51%;
    top: -46px;
    width: 0;
    height: 0;
    border-left: 120px solid transparent;
    border-right: 120px solid transparent;
    border-bottom: 46px solid #f1f1f1;
}
*/


#talkbubbleThird {
    width: 100%;
    height: 100%;
    /*background: #f1f1f1;*/
    position: relative;
    margin-top: 2.1rem;
    /*    -moz-border-radius: 10px;
        -webkit-border-radius: 10px;
        border-radius: 10px;*/
}

/*#talkbubbleThird:before {
    content: "";
    position: absolute;
    right: 30%;
    top: -46px;
    width: 0;
    height: 0;
    border-left: 120px solid transparent;
    border-right: 120px solid transparent;
    border-bottom: 46px solid #f1f1f1;
}*/

#talkbubbleLast {
    width: 100%;
    height: 100%;
    /*background: #f1f1f1;*/
    position: relative;
    margin-top: 2.1rem;
/*    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;*/
}
#talkbubbleSixth {
    width: 100%;
    height: 100%;
    /*background: #f1f1f1;*/
    position: relative;
    margin-top: 2.1rem;
/*    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;*/
}
/*#talkbubbleLast:before {
    content: "";
    position: absolute;
    right: 8%;
    top: -46px;
    width: 0;
    height: 0;
    border-left: 120px solid transparent;
    border-right: 120px solid transparent;
    border-bottom: 46px solid #f1f1f1;
}*/

@media screen and (max-width: 764px) {
    #talkbubbleFirst:before{
        display: none !important;
    }

    #talkbubbleMid:before{
        display: none !important;
    }

    #talkbubbleLast:before{
        display: none !important;
    }
}

/*          Feed Page and modal--Start         */


.fst-col{
    width: 330px;
}

.scnd-col{
    width: 620px;
}

.thrd-col{
    width: 330px;
    padding-left: 15px;
}

.innerdiv{
    min-height: 450px;
}

.profile-img{
    width: 70px;
    height: 70px;
    border-radius: 50%;
    overflow: hidden;
    margin: 0;
    box-shadow: 0 0 0 2px #fff;
}

#postProfile .profile-img,
.individualPostProfile .profile-img{
    width: 50px;
    height: 50px;
    border-radius: 20%;
    overflow: hidden;
    margin: 0;
    /*box-shadow: 0 0 0 2px #fff;*/
    border: 1px solid #C9CEC9;
}

.profile-info{
    text-align: center;
    font-family: inter;
    padding-top: 2rem;
    padding-bottom: 1rem;
    height: 100px;
}

.name-info ,
.name-info p{
    font-weight: 500;
    font-size: 1rem;
    margin-bottom: 5px;
}

.post-btn{
    height: 48px;
    width: 100%;
    border: 1px solid #b7b6b6;
    border-radius: 50px;
    text-align: left;
    padding: 10px;
    color: #000000ab;
    font-weight: 600;
    font-family: inter;
    background: #ffffff;
}
.post-btn:hover{
    background: #e0e0e0;
    cursor: pointer;
}

.post-img{
    padding-top: 15px;
}

.post-details{
    padding-top: 15px;
}

.post-details h4{
    display: block;
    max-width: 100%;
    margin: 0 auto;
    line-height: 2;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: .975rem;
    font-weight: 100;
    text-align: justify;
}

.removeOverflow {
    height: 100% !important;
    overflow: hidden !important;
}

.cmnt-like-section{
    padding-top: 5px;
}

.cmnt-like-section img{
    margin: 5px;
    width: 15px;
    height: 15px;
}

.seeMoreHide{
    display: none;
}

.initialSeeMore{
    background: none;
    border: none;
    float: right;
    color: blueviolet;
    cursor: pointer;
}

#exampleModalCenter .modal-dialog{
    width: 553px !important;
}

::placeholder{
    color: #312f2f;
    font-size: 1.1rem;
}

.txtArea{
    min-height: 120px;
    width: 100%;
    border: 1px solid #ececec;
    border-radius: 6px;
}

.txtArea:focus{
    outline: black;
}

.hasTag{
    border: none;
    background: no-repeat;
    color: blue;
    font-size: 1.2rem;
    font-weight: 500;
    font-family: inter;
    cursor: pointer;
}

.hasTag:hover{
    background: #f1f1f1;
}

.cmntAny{
    font-size: 1.1rem;
    margin: 0;
    font-weight: 600;
    color: #666666;
}
.cmntAny-d{
    width: 21%;
    margin-left: 2%
}

.cmntAny-d:hover{
    background: #ead9d9;
    border-radius: 50px;
}

.post-button{
    font-size: 1.1rem;
    border-radius: 6px;
    color: #ffffff;
    font-weight: 600;
    cursor: pointer;
    background-color: rgb(89,186,3);
    padding: 7px 40px;
    margin-bottom: 7px;
}

.attatchment i{
    cursor: pointer;
}

.eachBtn{
    background: #ffffff;
    border-radius: 32px;
    height: 32px;
    margin: 4px;
    overflow: hidden;
    padding: 0 16px;
    width: 224px;
    transition-duration: 167ms;
    border: none;
    font-size: 1rem;
    font-family: inter;
    color: #906363;
    letter-spacing: .7px;
    font-weight: 600;
}

.eachBtn:hover{
    background: #e0dfdc;
    border: 1px solid rgba(0, 0, 0, 0.86);
    cursor: pointer;
}


/*          Feed Page and modal--End         */


/*          Styled Button Start           */


.draw-border {
    box-shadow: inset 0 0 0 2px #58b805;
    color: #58b805;
    transition: color 0.25s 0.0833333333s;
    position: relative;
}
.draw-border::before, .draw-border::after {
    border: 0 solid transparent;
    box-sizing: border-box;
    content: '';
    pointer-events: none;
    position: absolute;
    width: 0;
    height: 0;
    bottom: 0;
    right: 0;
}
.draw-border::before {
    border-bottom-width: 4px;
    border-left-width: 4px;
}
.draw-border::after {
    border-top-width: 4px;
    border-right-width: 4px;
}
.draw-border:hover {
    color: #ffffff;
}
.draw-border:hover::before, .draw-border:hover::after {
    border-color: #ffffff;
    transition: border-color 0s, width 0.25s, height 0.25s;
    width: 100%;
    height: 100%;
}
.draw-border:hover::before {
    transition-delay: 0s, 0s, 0.25s;
}
.draw-border:hover::after {
    transition-delay: 0s, 0.25s, 0s;
}
#styled-button .btn {
    background: none;
    border: none;
    cursor: pointer;
    line-height: 1.5;
    font: 700 1.5rem inter;
    padding: 0em 2em;
    letter-spacing: 0.05rem;
    height: 60px;
    margin-left: 2rem;
}
#styled-button .btn:focus {
    outline: 2px solid rgb(255, 221, 25);
}

/*          Styled Button End           */

/*          Self Assessment Card start           */



#SelfAssessment {
    /*display: flex;*/
    flex-direction: column;
    justify-content: center;
    align-items: center;
    /*min-height: 100vh;*/
}
.container-custom {
    position: relative;
    max-width: 100vw;
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap;
}
.container-custom .card-custom {
    position: relative;
    width: 280px;
    height: 215px;
    background: #fff;
    margin: 14px 14px;
    border-radius: 20px;
    box-shadow: 0 5px 15px rgb(0 0 0 / 10%);
    flex: 1 0 21%;
}
.container-custom .card-custom .imgBx {
    position: absolute;
    top: 10px;
    left: 10px;
    background: rgba(255, 255, 255, .1);
    backdrop-filter: blur(20px);
    width: calc(100% - 20px);
    height: calc(100% - 20px);
    z-index: 10;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    border-radius: 20px;
    border: 1px solid rgba(255, 255, 255, .2);
    box-shadow: 5px 5px 30px rgba(0, 0, 0, .1);
    transition: 0.5s ease-in-out;
}
.container-custom .card-custom .imgBx .fab {
    font-size: 4em;
}
.container-custom .card-custom .imgBx .fa-angular {
    background-color: #ff753b;
    background-image: linear-gradient(45deg, #ff753b 0%, #ff2525 74%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.container-custom .card-custom .imgBx .fa-react {
    background-color: #409eff;
    background-image: linear-gradient(45deg, #4f29cd 0%, #409eff 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.container-custom .card-custom .imgBx .fa-vuejs {
    background-color: #74ebd5;
    background-image: linear-gradient(45deg, #74ebd5 0%, #9face6 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.container-custom .card-custom:hover .imgBx {
    width: 150px;
    height: 150px;
    left: -75px;
    top: calc(50% - 75px);
    padding: 10px;
}
.container-custom .card-custom .content-custom {
    position: absolute;
    right: 0;
    width: calc(100% - 75px);
    height: 100%;
    padding: 30px;
}
.container-custom .card-custom .content-custom h3 {
    font-size: 1rem;
    margin-bottom: 5px;
    font-family: inter;
}
.container-custom .card-custom .content-custom p {
    font-size: 0.85rem;
}
.container-custom .card-custom .content-custom a {
    display: inline-block;
    font-size: 0.7em;
    margin-top: 10px;
    padding: 8px 20px;
    border-radius: 5px;
    text-decoration: none;
    font-weight: 600;
    color: #fff;
    background: linear-gradient(90deg, #03a9f4, #f441a5, #ffeb3b, #03a9f4);
    background-size: 400%;
    z-index: 1;
}
.container-custom .card-custom .content-custom  {
    color: #ff5165;
}
.container-custom .card-custom .content-custom  {
    color: #60dafa;
}
.container-custom .card-custom .content-custom  {
    color: #43b885;
}
.container-custom .card-custom .content-custom a:hover {
    animation: animate 8s linear infinite;
}
@keyframes animate {
    0% {
        background-position: 0;
    }
    100% {
        background-position: 400%;
    }
}
.container-custom .card-custom:after, .container-custom .card-custom:before {
    content: '';
    position: absolute;
    top: -2px;
    left: -2px;
    background: linear-gradient(45deg, #ff753b 0%, #ff2525 74%);
    background-size: 400%;
    border-radius: 20px;
    width: calc(100% + 4px);
    height: calc(100% + 4px);
    z-index: -1;
    animation: border 20s linear infinite;
}
.container-custom .card-custom:after {
    filter: blur(20px);
}
.container-custom .card-custom:nth-child(2)::before, .container-custom .card-custom:nth-child(2)::after {
    background-image: linear-gradient(45deg, #4f29cd 0%, #409eff 100%);
}
.container-custom .card-custom:nth-child(3)::before, .container-custom .card-custom:nth-child(3)::after {
    background-image: linear-gradient(45deg, #74ebd5 0%, #9face6 100%);
}


/*@media (max-width: 992px) {*/
/*    .container-custom {*/
/*        position: absolute;*/
/*        width: 100%;*/
/*        flex-direction: column;*/
/*        align-items: center;*/
/*    }*/
/*    .container-custom .card-custom {*/
/*        max-width: 400px;*/
/*        height: auto;*/
/*        flex-direction: column;*/
/*        background: transparent;*/
/*    }*/
/*    .container-custom .card-custom .imgBx {*/
/*        position: relative;*/
/*    }*/
/*}*/

.card-custom-text{
    font-size: 1.7rem;
    font-family: inter;
    color: green;
}



/*          Self Assessment Card End           */

.list-group-item.active, .list-group-item.active:focus {
	z-index: 2;
	color: #fff !important;
	text-decoration: none;
	background-color: #27b24b;
	border-color: #27b24b;
}
.list-group-item.active:hover {
	z-index: 2;
	color: #fff !important;
	text-decoration: none;
	background-color: #27b24b;
	border-color: #27b24b;
}


/*          Wave Background         */

.waveHead {
    background-image: linear-gradient( 0deg , #f7dd15 0%, #5aba03 100%);
    padding: 0px 0 98px 0;
    position: relative;
}
.waveHead.wave-bottom:after, .waveHead.wave-top:after {
    content: "";
    display: block;
    margin: 0;
    padding: 0;
    background-position: left center;
    background-repeat: no-repeat;
    background-size: 100% 64px;
    position: absolute;
    left: 0;
    width: 100%;
    height: 64px;
}
@media only screen and (min-width:425px ) and (max-width:481px ){
    .add_article_btn {
        padding: 2%;
        margin-right: 2%;
    }
    .action__bar {
        margin-top: 26%!important;
        margin-bottom: 14%!important;
    }
}

@media (max-width: 424px){

    .add_article_btn {
        width: 48%!important;
        padding: 2%;
        margin-right: 3%;
    }
}

@media (max-width: 362px){
    .add_article_btn {
        width: 50%!important;
        padding: 2%;
    }
}
@media(max-width: 349px) {
    .add_article_btn {
        width: 52%!important;
    }
    .waveHead.wave-bottom:after, .waveHead.wave-top:after {
        height: 16px;
        background-size: 100% 16px;
    }
}

@media (max-width: 320px){
    .add_article_btn {
        width: 58%!important;
    }
}
@media (max-width: 590px){
    .add_article_btn {
        width: 33%!important;
        right: 7%!important;
    }
    .home-contact-us {
        flex-direction: column !important;
        margin: 3% auto !important;
        align-items: center !important;
    }
    .contact_2ndCard__Design {
        width: 315px!important;

    }
}

@media (max-width: 767px) {
    .flex--align-center {
        margin-bottom: 0%!important;
    }
    .waveHead.wave-bottom:after, .waveHead.wave-top:after {
        height: 32px;
        background-size: 100% 32px;
    }
    .home-contact-us-btn {
        top: 85%!important;
        transform: translate(10%, -50%)!important;
        width: 100%;
    }
    .content_heading__col{
        padding-top: 50px;
        padding-bottom: 50px;
        text-align: center;
        display: flex;
        flex-direction: column;
    }
    .contact-section{
        display: flex;
        flex-direction: column;
    }
    .google-map{
        width: 100% !important;
    }
}
.waveHead.wave-bottom:after {
    bottom: 0;
    background-image: url("https://triss.dev/examples/wave.php?color=white&orientation=0deg");
}
.waveHead.wave-top:after {
    top: 0;
    background-image: url("https://triss.dev/examples/wave.php?color=white&orientation=180deg");
}




.howWork{
    text-align: center;
    padding-right: 5rem;
}

.howWork h3 {
    font-size: 1.6rem;
    font-weight: 800;
    font-family: "EB Garamond", Garamond, "Times New Roman", serif;
    margin-bottom: 10px;
}

.howWork p{
    font-size: 1.1rem;
    font-family: inter;
}

/*          Custom Button           */


.learn-more {
    position: relative;
    display: inline-block;
    cursor: pointer;
    outline: none;
    border: 0;
    vertical-align: middle;
    text-decoration: none;
    background: transparent;
    padding: 0;
    font-size: inherit;
    font-family: inherit;
}
.learn-more {
    width: 12rem;
    height: auto;
}
.learn-more .circle {
    transition: all 0.45s cubic-bezier(0.65, 0, 0.076, 1);
    position: relative;
    display: block;
    margin: 0;
    width: 100% !important;
    height: 3rem;
    background: #59b904;
    border-radius:6px;
}
/*.learn-more .circle .icon {
    transition: all 0.45s cubic-bezier(0.65, 0, 0.076, 1);
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    background: #fff;
}*/
/*.learn-more .circle .icon.arrow {
    transition: all 0.45s cubic-bezier(0.65, 0, 0.076, 1);
    left: 0.625rem;
    width: 1.125rem;
    height: 0.125rem;
    background: none;
}*/
/*.learn-more .circle .icon.arrow::before {
    position: absolute;
    content: '';
    top: -0.25rem;
    right: 0.0625rem;
    width: 0.625rem;
    height: 0.625rem;
    border-top: 0.125rem solid #fff;
    border-right: 0.125rem solid #fff;
    transform: rotate(45deg);
}*/
.learn-more .button-text {
    transition: all 0.45s cubic-bezier(0.65, 0, 0.076, 1);
    position: absolute;
    top: 0;
    left: -28px;
    right: 0;
    bottom: 0;
    padding: 0.75rem 0;
    margin: 0 0 0 1.85rem;
    color: #ffffff;
    font-weight: 700;
    line-height: 1.6;
    text-align: center;
    text-transform: uppercase;
}
.learn-more:hover .circle {
    width: 100%;
}
/*.learn-more:hover .circle .icon.arrow {
    background: #fff;
    transform: translate(1rem, 0);
}*/
.learn-more:hover .button-text {
    color: #fff;
}
@supports (display: grid) {
    /*body {*/
    /*    display: grid;*/
    /*    grid-template-columns: repeat(4, 1fr);*/
    /*    grid-gap: 0.625rem;*/
    /*    grid-template-areas: ". main main ." ". main main .";*/
    /*}*/
    #container {
        grid-area: main;
        align-self: center;
        justify-self: center;
    }
}


/*          NEON LIGHT BUTTON           */


.neonBtn {
    position: relative;
    display: inline-block;
    padding: 15px 30px;
    /*margin: 40px 0;*/
    color: #ffffff;
    text-decoration: none;
    text-transform: uppercase;
    transition: 0.5s;
    letter-spacing: 4px;
    overflow: hidden;
    margin-right: 50px;
    height: 60px;
    font-size: 1.2rem;
    font-family: inter;
    border: 2px solid #59ba03;
}
.neonBtn:hover {
    background: #59ba03;
    color: #ffffff;
    box-shadow: 0 0 5px #59ba03, 0 0 25px #59ba03, 0 0 50px #59ba03, 0 0 200px #59ba03;
    -webkit-box-reflect: below 1px linear-gradient(transparent, #0005);
    border: none;
}

.neonBtn span {
    position: absolute;
    display: block;
}
.neonBtn span:nth-child(1) {
    top: 0;
    left: 0;
    width: 100%;
    height: 2px;
    background: linear-gradient(90deg, transparent, #03e9f4);
    animation: animate1 1s linear infinite;
}

.neonBtn span:nth-child(2) {
    top: -100%;
    right: 0;
    width: 2px;
    height: 100%;
    background: linear-gradient(180deg, transparent, #03e9f4);
    animation: animate2 1s linear infinite;
    animation-delay: 0.25s;
}

.neonBtn span:nth-child(3) {
    bottom: 0;
    right: 0;
    width: 100%;
    height: 2px;
    background: linear-gradient(270deg, transparent, #03e9f4);
    animation: animate3 1s linear infinite;
    animation-delay: 0.5s;
}


.neonBtn span:nth-child(4) {
    bottom: -100%;
    left: 0;
    width: 2px;
    height: 100%;
    background: linear-gradient(360deg, transparent, #03e9f4);
    animation: animate4 1s linear infinite;
    animation-delay: 0.75s;
}
@keyframes animate4 {
    0% {
        bottom: -100%;
    }
    50%,
    100% {
        bottom: 100%;
    }
}
.mini-radio {
	display: none;
    vertical-align: middle;
    margin: 0;
    padding: 0;
    width: 22px;
    height: 22px;
    border: none;
    outline: none;
    appearance: none;
}
.mini-radio ~ label {
    display: inline-block;
    border: 2px solid #cecece;
    height: 22px;
    width: 22px;
    vertical-align: middle;
    padding: 0;
    margin: 0;
    border-radius: 50%;
/*     display: inline-flex; */
/*     align-items: center; */
/*     justify-content: center; */
}
.mini-radio:hover ~ label {
	border: 2px solid green;
}
.mini-radio:checked ~ label {
    border: 2px solid green;
    background: green;
}
.mini-radio ~ label > .checkmark {
    display: none;
}
.mini-radio:checked ~ label > .checkmark {
    display: block;
}
.mini-radio ~ label > .checkmark {
    display: none;
	height: 18px !important;
    width: 18px !important;
    line-height: 18px !important;
    font-size: 18px !important;
    color: white !important;
    font-weight: 600 !important;
}

.mini-checkbox {
	display: none;
    vertical-align: middle;
    margin: 0;
    padding: 0;
    width: 22px;
    height: 22px;
    border: none;
    outline: none;
    appearance: none;
}
.mini-checkbox ~ label {
    display: inline-block;
    border: 2px solid #cecece;
    height: 22px;
    width: 22px;
    vertical-align: middle;
    padding: 0;
    margin: 0;
}
.mini-checkbox:hover ~ label {
	border: 3px solid green;
}
.mini-checkbox:checked ~ label {
    border: 3px solid green;
    background: green;
}
.mini-checkbox ~ label > .checkmark {
    display: none;
}
.mini-checkbox:checked ~ label > .checkmark {
    display: block;
}
.mini-checkbox ~ label > .checkmark {
    display: none;
	height: 18px !important;
    width: 18px !important;
    line-height: 16px !important;
    font-size: 18px !important;
    color: #FFF !important;
    font-weight: 600 !important;
}

.mini-counter {
	display: none;
    vertical-align: middle;
    margin: 0;
    padding: 0;
    width: 22px;
    height: 22px;
    border: none;
    outline: none;
    appearance: none;
}
.mini-counter ~ label {
    display: inline-block;
    border: 0px solid #cecece;
    height: 50px;
    width: 50px;
    vertical-align: middle;
    padding: 0;
    margin: 0;
}
.mini-counter:hover ~ label.ipositive {
	border: 0px solid green;
    color: green;
}
.mini-counter:hover ~ label.inegative {
	border: 0px solid #ff9191;
    color: #ff9191;
}
.mini-counter:hover ~ label.ipositive > .checkmark {
    color: green !important;
}
.mini-counter:hover ~ label.inegative > .checkmark {
    color: #ff9191 !important;
}
.mini-counter:checked ~ label.ipositive {
	border: 0px solid green;
    background: transparent;
    color: green;
}
.mini-counter:checked ~ label.inegative {
	border: 0px solid #ff9191;
    background: transparent;
    color: #ff9191;
}
.mini-counter ~ label > .checkmark {
    /* display: none; */
}
.mini-counter:checked ~ label.ipositive > .checkmark {
    display: block;
    color: green !important;
}
.mini-counter:checked ~ label.inegative > .checkmark {
    display: block;
    color: #ff9191 !important;
}
.mini-counter ~ label > .checkmark {
    /* display: none; */
    height: 48px !important;
    width: 48px !important;
    line-height: 48px !important;
    font-size: 48px !important;
    color: #cecece !important;
    font-weight: 600 !important;
}
.mini-counter-cont {
    display: flex;
    justify-content: flex-start;
}
.mini-counter-cont > div {
    margin-right: 10px;
}

/* *** Switch *** */
.nk-switch {
    position: relative;
    display: inline-block;
    width: 56px;
    height: 24px;
    margin-bottom: 0;
}

.nk-switch input {
    opacity: 0;
    width: 0;
    height: 0;
}

.nk-slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    -webkit-transition: .4s;
    transition: .4s;
}

.nk-slider:before {
    position: absolute;
    content: "";
    height: 16px;
    width: 16px;
    left: 4px;
    bottom: 4px;
    background-color: white;
    -webkit-transition: .4s;
    transition: .4s;
    border: 2px solid white;
}

input:checked + .nk-slider {
    background-color: green;
}

input:focus + .nk-slider {
    box-shadow: 0 0 1px #2196F3;
}

input:checked + .nk-slider:before {
    -webkit-transform: translateX(32px);
    -ms-transform: translateX(32px);
    transform: translateX(32px);
}

/* Rounded sliders */
.nk-slider.nk-round {
    border-radius: 34px;
}

.nk-slider.nk-round:before {
    border-radius: 50%;
}

/*.nk-switch:hover .nk-slider::before {
    border: 2px solid green;
    -webkit-transition: none;
    transition: none;
}*/

/*          Campaign Slider         */

#container {
    height: 500px;
    width: 100%;
    background-color: transparent;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    box-sizing: border-box;
    position: relative;
}

#mainView {
    height: 400px;
    width: 650px;

    border-radius: 5px;
    background-color: #eb9100;
    margin-left: 10px;
    margin-right: 10px;
    z-index: 1;
    transition: all 1s;

}
#mainView:hover {
    transform: scale(1.01);
    transition: all 1s;

}

#leftView {
    height: 400px;
    width: 306px;
    opacity: 0.5;
    border-radius: 5px;
    transform: skewy(0deg);
    transform-origin: top right;
    background-color: #eb9100;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: all 1s;

}
#leftView:hover {
    opacity: 1;
    transition: all 1s;
}

#rightView {
    height: 400px;
    width: 306px;
    opacity: 0.5;
    border-radius: 5px;
    transform: skewy(0deg);
    transform-origin: top left;
    background-color: #eb9100;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: all 1s;
}

#rightView:hover {
    opacity: 1;
    transition: all 1s;
}

.navBtns {
    width: 80px;
    height: 80px;
    border-radius: 50%;
    border: none;
    position: absolute;
    opacity: 0.8;
    background-color: transparent;
    cursor: pointer;
    color: white;
}

#navLeft {
    left: 18%;
    opacity: 1;
    transition: all 1s;
    background-color: #eb9100;
}

#navRight {
    right: 18%;
    opacity: 1;
    transition: all 1s;
    background-color: #eb9100;
}

#linkTag {

    cursor: pointer;
    z-index: 1;
    box-sizing: border-box;
}

.img-size{
    background-size: cover !important;
    background-repeat: no-repeat !important;
    height: 100%;
    width: 100%;
    border-radius: 5px;
}

.benefit-heading{
    font-size: 3rem;
    letter-spacing: 2px;
    font-weight: 800;
    /*font-family: "EB Garamond", Garamond, "Times New Roman", serif;*/
}

.benefit-subHeading{
    font-size: 1.2rem;
    font-weight: 600;
    font-family: "EB Garamond", Garamond, "Times New Roman", serif;
}

.benefit-detail{
    font-size: 0.8rem !important;
    text-align: justify;
    font-family: inter;
}

.benefit-detail-li li{
    list-style-type: circle !important;
    font-family: inter;
    font-size: 0.8rem;
}

#tabliPersonalC{
    transition-duration: 2s;
}

.btn-continue {
    padding: 13px 0px 13px;
}

.btn-continue button{
    padding: 10px 40px !important;
}

.btn-inner-getstarted{
    border: none;
    background: #59b904;
    color: #ffffff;
    width: 130px;
    padding: 6px 16px;
    border-radius: 6px;
    font-size: 1rem;
    height: 32px;
    cursor: pointer;
    text-transform: capitalize;
}

.get-started-btn-container{
    position: absolute;
    left: 0;
    right: 0;
    bottom: 12px;
}


.btn-hover {
    border: none;
    display: block;
    text-align: center;
    cursor: pointer;

    outline: none;
    overflow: hidden;
    position: relative;
    color: #fff;
    font-weight: 700;
    font-size: 15px;
    background-color: rgb(89,185,4);
    padding: 17px 60px;
    margin: 0 auto;
    box-shadow: 0 5px 15px rgba(0,0,0,0.20);
    border-radius: 6px;
}

.btn-hover span {
    position: relative;
    z-index: 1;
    white-space: nowrap;
}

.btn-hover::after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    height: 490%;
    width: 140%;
    background: rgb(89 175 13);
    -webkit-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
    -webkit-transform: translateX(-90%) translateY(-25%) rotate(45deg);
    transform: translateX(-90%) translateY(-25%) rotate(45deg);
}

.btn-hover:hover::after {
    -webkit-transform: translateX(-9%) translateY(-25%) rotate(45deg);
    transform: translateX(-9%) translateY(-25%) rotate(45deg);
}


/*          Inner Get started Butten             */
.btn-inner-getstarted {
    border: none;
    display: block;
    text-align: center;
    cursor: pointer;
    text-transform: uppercase;
    outline: none;
    overflow: hidden;
    position: relative;
    color: #fff;
    font-weight: 700;
    font-size: 14px;
    background-color: rgb(89,185,4);
    padding: 6px 20px;
    margin: 0 auto;
    box-shadow: 0 5px 15px rgba(0,0,0,0.20);
    border-radius: 6px;
}

.btn-inner-getstarted span {
    position: relative;
    z-index: 1;
    white-space: nowrap;
}

.btn-inner-getstarted::after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    height: 490%;
    width: 140%;
    background: rgb(89 175 13);
    -webkit-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
    -webkit-transform: translateX(-90%) translateY(-25%) rotate(45deg);
    transform: translateX(-90%) translateY(-25%) rotate(45deg);
}

.btn-inner-getstarted:hover::after {
    -webkit-transform: translateX(-9%) translateY(-25%) rotate(45deg);
    transform: translateX(-9%) translateY(-25%) rotate(45deg);
}

.left-menu-top-margin{
    margin-top: 47px !important;
}

.right-content-top-align{
    margin-top: 9px !important;
}

.create-now{
    color: #ffffff !important;
    font-size: .875rem !important;
    font-family: inter;
}

.show-top-drawer{
    display: block !important;
}

.top-drawer{
    /*display: none !important;*/
}

.secondary-login-btn{
    border: 1px solid #51B308;
    background: #ffffff;
    padding: 10px 40px;
    transition-duration: 1s;
    border-radius: 5px;
}

.secondary-login-btn:hover{
    border: 1px solid transparent;
    color: #ffffff;
    background: #59ba03;
    transition-duration: 1s;
}
/*          Feed Page           */
.button-icon-grad {
    font-family: monospace !important;
    letter-spacing: -2px;
    line-height: 20px;
    /* background: linear-gradient(to bottom, #fff7f1 0%, #cc9078 40%, #a55757 100%); */
    border-radius: 10px;
    /* transition: all 0.1s ease; */
    /* box-shadow: 0px 2px 5px 0px rgb(0 0 0 / 30%) !important; */
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    -webkit-tap-highlight-color: transparent;
    /* transition: box-shadow 0.6s cubic-bezier(.79,.21,.06,.81); */
    font-size: 20px;
    text-decoration: none;
    border: 1px solid #d0d0d0;
    text-shadow: 0 0 2px #bbbbbb;
    color: #4a4a4a;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}

.user-activity-actions  {
    position: relative;
}
.user-activity-positive {
    /* transition: box-shadow 0.1s cubic-bezier(.79,.21,.06,.81); */
    border-radius: 10px;
    align-items: center;
    display: flex;
    justify-content: center;
}
.user-activity-positive > .button-icon-grad {
    height: 40px;
    width: 40px;
    /* border-radius: 50%; */
    /* background: #48b337; */
    background: linear-gradient(to bottom, #6aef55a6 0%, #48b337 40%, #5dd84ab3 100%);
    /* background: linear-gradient(to bottom, #edffe9 0%, #9fb993 40%, #8ea08e 100%); */
    /* box-shadow: 0px 2px 5px 0px rgb(0 0 0 / 30%) !important; */
    /* border: 1px solid #d0d0d0; */
    text-shadow: 0 0 2px #bbbbbb;
    color: #4a4a4a;
}
.user-activity-positive > .button-icon-grad:hover {
    background: linear-gradient(to bottom, #6aef55a6 0%, #48b337 40%, #5dd84ab3 100%);
	/* background: linear-gradient(to bottom, #d3ffc8 0%, #7dab68 40%, #507950 100%); */
}
.user-activity-positive > .button-icon-grad:active {
	box-shadow: inset 0px 2px 5px 0px rgb(0 0 0 / 30%) !important;
}
.user-activity-positive > .button-icon-grad:visited {
	box-shadow: inset 0px 2px 5px 0px rgb(0 0 0 / 30%) !important;
}
/* .user-activity-positive > .button-icon-grad:visited {} */
.user-activity-negative {
    /* transition: box-shadow 0.1s cubic-bezier(.79,.21,.06,.81); */
    border-radius: 10px;
    align-items: center;
    display: flex;
    justify-content: center;
}
.user-activity-negative > .button-icon-grad {
    height: 40px;
    width: 40px;
    /* border-radius: 50%; */
    /* background: #949494; */
    background: linear-gradient(to bottom, #c7c1c1a6 0%, #949494 40%, #a59b9ba8 100%);
    /* background: linear-gradient(to bottom, #fff7f1 0%, #cc9078 40%, #a55757 100%); */
    /* box-shadow: 0px 2px 5px 0px rgb(0 0 0 / 30%) !important; */
    /* border: 1px solid #d0d0d0; */
    text-shadow: 0 0 2px #bbbbbb;
    color: #4a4a4a;
}
.user-activity-negative > .button-icon-grad:hover {
    background: linear-gradient(to bottom, #c7c1c1a6 0%, #949494 40%, #a59b9ba8 100%);
	/* background: linear-gradient(to bottom, #ffe2cc 0%, #d07e5d 40%, #ab3939 100%); */
}
.user-activity-negative > .button-icon-grad:active {
	box-shadow: inset 0px 2px 5px 0px rgb(0 0 0 / 30%) !important;
}
.user-activity-negative > .button-icon-grad:visited {
	box-shadow: inset 0px 2px 5px 0px rgb(0 0 0 / 30%) !important;
}
.user-activity-score {
    font-size: 24px !important;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 40px;
    box-shadow: 0 2px 8px -8px black;
    font-family: monospace;
}
.survey-definition-info {
	height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.score-label {
	height: 20px;
    font-size: 20px;
    line-height: 20px;
    color: white;
    filter: drop-shadow(0px 0px 5px #777);
    text-shadow: 0 0 #c3c3c3;
}
.make-appointment-sidebar{
    padding: 20px !important;
    color: #000000;
    width: 100%;
    background-color: #FFFFFF;
    border-radius: 12px;
    box-shadow: 0px 0px 0 1px rgba(0,0,0,0.08);
    /*background: linear-gradient(to right, #FFFFFF, #C4FCEF);*/
}
.make-appointment-sidebar i{
    padding: 0;
    border-radius: 50%;
    font-size: 45px;
    /*color: #cac7dd;*/
    color:#4DB00A;
}
.make-appointment-sidebar h3{
    margin: 15px 0 2px 0;
    font-size: 1.4vw;
    line-height: 30px;
    letter-spacing: 0.5px;
    font-weight: 600;
    font-family: "EB Garamond", Garamond, "Times New Roman", serif;
    /*color: #000000b8;*/
    color:#4DB00A;
}
.make-appointment-sidebar p{
    font-size: 1.4vw;
    font-weight: 600;
    margin-bottom: 2px;
    font-family: "EB Garamond", Garamond, "Times New Roman", serif;
    color: #000000b8;
    margin-bottom: 7px;
}
.make-appointment-sidebar a:first-child{
    margin: 0;
    font-size: 1.4vw;
    font-weight: 600;
    color: rgb(83, 100, 113);
    letter-spacing: 2px;
    font-family: "EB Garamond", Garamond, "Times New Roman", serif;
}
.make-appointment-sidebar span{
    font-size: 1.3rem;
    font-weight: 500;
    color: #0000008c;
}

.each-job-container{
    padding: 20px 14px;
    background: #f9faff;
    margin: 5px;
    border-radius: 5px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border: 1px solid #ffffff;
}
.each-job-container:hover{
    border: 1px solid #59ba037a;
}
.brief-job--details{
    width: 100%;
    margin: 0 14px;
}
.brief-job--details h3{
    margin: 0;
    font-size: 1.75rem;
    font-family: "EB Garamond", Garamond, "Times New Roman", serif;
    cursor: pointer;
}
.brief-job--details h3:hover{
    text-decoration: underline;
}
.brief-job--details p{
    margin: 0;
    font-size: .875rem;
    font-family: Inter;
}
.job-apply{
    background: #59ba03;
    padding: 5px 24px;
    border: none;
    color: #ffffff;
    border-radius: 5px;
    cursor: pointer;
    transition: all 0.3s ease-in-out;
    font-weight: 700;
    white-space: nowrap;
}
.job-apply:hover{
    transform: scale(1.03);
    transition: all 0.3s ease-in-out;
}

.back-to--jobs{
    color: #59ba03;
    text-decoration: underline;
    font-size: 1.2rem;
    font-family: "EB Garamond", Garamond, "Times New Roman", serif;
    padding-left: 14px;
    cursor: pointer;
}
.apply-form{
    padding: 40px;
    background: #59ba0321;
    box-sizing: border-box;
    border-radius: 10px;
}
.job-apply-btn{
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 14px;
}

.shadow-bottom {
    box-shadow: 0 4px 4px -4px rgba(0, 0, 0, .3) !important;
}
.container {
    width: 100% !important;
}

.nb__text {
    font-size: 17px;
    font-family: "EB Garamond", Garamond, "Times New Roman", serif;
    color: #9f8b8b;
    letter-spacing: 0.5px;
}
/**
 * Hide DOM content before rendering
 */
[ng\:cloak], [ng-cloak], [data-ng-cloak], [x-ng-cloak], .ng-cloak, .x-ng-cloak {
    display: none !important;
}

.fa-facebook.social-share-btn {
    background: #5073bd;
    padding: 4px;
    color: white;
    border-radius: 4px;
}

.skeleton{
    opacity: .7;
    animation: skeleton-loading 1s linear infinite alternate;
}

@keyframes skeleton-loading {
    0%{
        background-color: hsl(200, 20%, 60%);
    }
    100%{
        background-color: hsl(200, 20%, 90%);
    }
}

.skeleton-text{
    width: 100%;
    height: 0.5rem;
    margin-bottom: .25rem;
    border-radius: .125rem;
}
.skeleton-text:last-child{
    margin-bottom: 0;
    width: 80%;
}
.border-radius-10{
border-radius: 10px;
}

.all__add-btn{
    border: none;
    background: #fdbe34;
    padding: 12px 34px;
    border-radius: 5px;
    color: #ffffff;
    width: 88%;
    font-size: 14px;
    margin: 0;
    font-weight: 600;
    text-transform: uppercase;
    cursor: pointer;
}
.all__add-btn:focus{
    outline: none;
}
.row::after{
    display: none !important;
}
.search__input-field{
    display: flex;
    justify-content: space-between;
    align-items: center;
    border: 1px solid #cdc5c5;
    border-radius: 6px;
    padding: 12px 14px;
}
.search__input-field input{
    width: 100%;
    outline: none;
    border: none;
    color: #a19d96;
    font-size: 14px !important;
    font-weight: 500;
}
.search__input-field input::placeholder{
    color: green;
    font-size: 14px;
    font-weight: 500;
}
.search__input-field i{
    color: #F5F5F5;
}
.table__container{
    margin-top: 28px;
}

.icon-size{
    font-size: 25px !important;
}
.delete-icon{
    color:  red;
}
.edit-icon{
    color: blue;
}

.table__action--icon{
    display: flex;
    justify-content: start;
    color: #ffaf00;
}
.table__action--icon i{
    font-size: 25px !important;
    padding-right: 10px;
}

.table__action--icon .details-color{
    color: #3bafda;
}

.table__action--icon .fa-info-circle{
    color: #e0335a;
}

.table__action--icon .fa-check-square-o{
    color: green;
}

.table__action--icon .fa-edit{
    color: blue;
}

.table__action--icon .fa-plus-square{
    color: blueviolet;
}

.table__action--icon .fa-recycle{
    color: #13d787;
}

.table__action--icon .fa-external-link{
    color: green;
}

.table__action--icon .fa-hourglass-end{
    color: green;
}

.table__action--icon .delete__icon{
    color: red !important;
}
.text-right{
    text-align: right;
}
.user__sort{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.each_checkbox{
    width: 20%;
}
.each_checkbox label{
    padding: 0;
    margin: 0;
    font-size: 15px;
    font-weight: 500;
    /*letter-spacing: 0.5px;*/
}
.action__bar{
    border: 1px solid #d3c1c136;
    margin-top: 14%;
    padding: 14px;
    box-shadow: inset 3px -1px 20px 1px #c3b4b41c;
    border-radius: 6px;
}
.search__btn{
    border: none;
    background: #5dbea3;
    /*padding: 12px 34px;*/
    padding: 8px 20px;
    border-radius: 5px;
    color: #ffffff;
    font-size: 14px;
    margin: 0;
    font-weight: 600;
    text-transform: uppercase;
    cursor: pointer;
}
.pt-14px{
    padding-top: 14px;
}
.search__bar{
    border: 1px solid #d3c1c136;
    padding: 14px;
    box-shadow: inset 3px -1px 20px 1px #c3b4b41c;
    border-radius: 6px;
}
.search__btn:focus{
    outline: none;
}
.common__btn{
    border: none;
    background: rgb(89,185,4);
    padding: 8px 20px;
    border-radius: 5px;
    color: #ffffff;
    font-size: 14px;
    margin: 0;
    font-weight: 600;
    text-transform: uppercase;
    cursor: pointer;
}

.common__btn:focus{
    outline: none;
}

.select__input select{
    height: 50px !important;
}
.search__d{
    text-align: right;
}
.white{
    background-color: #ffffff;
}
.hidden {
    display: none;
    visibility: hidden;
}
.height-130 {
    height: 130px!important;
}
.resource-cover-img{
    height: 200px;
    width: 100%;
    object-fit: cover;
}
.font-large-4 {
    font-size: 5rem !important;
}
.width-100-per{
    width: 100% !important;
}
.each_items{
    padding-top: 14px;
}
.each_items:not(:last-child){
    border-bottom: 1px solid #ede1e1;
}
.each_items i{
    font-size: 20px;
    color: #47aa0da6;
}
.experience-card:not(:first-child){
    margin-top: 1rem;
}
.experience-card:last-child{
    margin-bottom: 1rem;
}
.add_qualification{
    font-size: 24px !important;
    font-weight: 600 !important;
    color: #85c65f;
    border: 3px solid #80808012;
    border-radius: 4px;
    cursor: pointer;
}

.plan-card {
    text-align: center;
    border-radius: 5px;
    box-shadow: rgba(0, 0, 0, 0.16) 0px 3px 6px, rgba(0, 0, 0, 0.23) 0px 3px 6px;
}

.plan-name {
    text-align: center;

    font-size: 14px;
    text-shadow: 0 0 #000000;
    /* filter: drop-shadow(2px 4px 6px #41dd00); */
    letter-spacing: 1px;
    margin: 0;
    font-style: italic;
}

.ms-input input,
.ms-input .ui-select-match {
    width: 100% !important;
}

.ui-select-choices {
    position: absolute;
    box-shadow: 0 4px 8px rgba(0,0,0,.25);
}

.ui-select-match-item {
    border: none;
    box-shadow: 0 0 2px 0px #898989;
}

.ui-select-multiple.ui-select-bootstrap .ui-select-match .ui-select-match-item.btn.btn-default.btn-xs {
    padding: 4px 6px;
    font-size: 14px;
    line-height: 14px;
}

.ui-select-multiple.ui-select-bootstrap .ui-select-match .ui-select-match-item .close {
    font-size: 14px;
    line-height: 14px;
}

.green-text {
    color: #48b337;
}

.show-all--article{
    background: #59ba03;
    padding: 7px 28px;
    color: #ffffff;
    border-radius: 4px;
    margin-left: 40px;
}

.multi-step-form {
    position: relative;
    display: grid;
    grid-template-columns: 1fr;
    place-items: center;
}

.multi-step-form .form-step {
    grid-row-start: 1;
    grid-column-start: 1;
    position: relative;
    left: 0;
    white-space: nowrap;
    z-index: 1;
    /*background: white;/*/
    border: 0;
    overflow: hidden;
    height: 100%;
    width: 700px;
    visibility: hidden;
    transform: translateX(-10px);
    padding: 10px;
    -webkit-transition: all linear 300ms;
    transition: all linear 300ms;
    opacity: 0;
}

.multi-step-form  .form-step.slide-in {
    height: 100%;
    width: 900px;
    visibility: visible;
    padding: 10px;
    transform: translateX(0px);
    z-index: 2;
    left: 0;
    opacity: 1;
}

.multi-step-form .step-button {
    position: absolute;
    top: 14px;
    z-index: 999;
}

.multi-step-form .step-button.left {
    left: 0;
}

.multi-step-form .step-button.right {
    right: 0;
}

@media (max-width: 1200px) {
    .multi-step-form .form-step.slide-in{
        width: 100vw;
    }
    .multi-step-form .form-step {

    }

    .multi-step-form .step-button.left {
        left: 25%;
    }

    .multi-step-form .step-button.right {
        right: 25%;
    }
}

.button-square-40 {
    height: 40px;
    width: 40px;
}

.no-outline {
    outline: none !important;
}

.mb-2 {
    margin-bottom: 1.3rem !important;
}

.service-query-list,
.service-query-list li {
    list-style: disc;
}
.media-card {
    display: flex;
    border-radius: 6px;
    overflow: hidden;
    transition: linear 150ms;
    box-shadow: 1px 2px 3px -2px #00000047;
}
.media-card:hover {
    box-shadow: 1px 2px 8px -3px #00000047;
}
.media-card-left {
}
.media-card-body {
    flex: 1;
    padding: 10px 20px;
}
.media-card-heading {
    color: #005368;
    font-family: "EB Garamond", Garamond, "Times New Roman", serif;
    font-size: 1.5rem;
}
.media-card-body p {
    font-family: 'Roboto', sans-serif;
}
.media-card-right {
    display: flex;
    align-items: center;
    padding: 1rem;
}
.hover-shadow:hover {
    -webkit-box-shadow: #0a568c;
    -moz-box-shadow: #0a568c;
    -o-box-shadow: #0a568c;
    box-shadow: #0a568c;
}

.sub-service-label {
    font-size: 16px !important;
    letter-spacing: .05rem;
    font-weight: 500;
}
.color-green {
    color: #55b408 !important
}
.cursor-pointer {
    cursor: pointer !important;
}

.card-active {
    /*border: 1px solid transparent;
    box-shadow: 0 0px 0px 1px #0ba50b;*/
}

.order-btn {
    letter-spacing: 1px;
    font-weight: 700;
    color: #000000;
    background: rgb(255 255 255);
    border-radius: 6px;
    width: 160px;
    height: 50px;
    cursor: pointer;
    transition: all 0.4s ease;
    border: none;
    margin: 14px 0;
    margin-bottom: 28px;
    font-family: Inter;
    text-transform: uppercase;
    box-shadow: 0 0 0 1px #bfbfbf;
    outline: none !important;
}

.order-btn:hover{
    /*background: #000000;*/
    box-shadow: 0 0 0 1px rgb(89 185 4);
}
.order-btn.package-active {
    background-color: #ffffff;
    color: #54b11b;
}

.price-value {
    pointer-events: none;
    font-size: 3rem;
    display: flex;
    justify-content: center;
    align-items: center;
    text-shadow: 0 0 #41dd00;
    filter: drop-shadow(2px 2px 6px #41dd00);
    margin: 10px 0;
}

.price-value::before{
    content: '৳';
    font-size: 30px;
    margin-right: 7px;
    color: #000000;
}

.plan-facilities {
    padding: 0 !important;
}
.plan-facilities li {
    padding: 2px 4px;
    background: #34701bb8;
    color: #ffffff;
    white-space: normal;
    word-break: break-word;
    padding-bottom: 6px !important;
    padding-top: 6px !important;
    border-bottom: 1px solid #4f704d !important;
}

.plan-facilities li:last-child {
    border-bottom: 0 !important;
}

.booking-date {
    padding: 8px 10px;
    background: #f5f5f5;
    font-size: 16px !important;
    font-weight: 500;
    margin-top: 10px;
    margin-bottom: 10px;
    border-radius: 4px;
    letter-spacing: .035rem;
}

.booking-features {
    padding: 10px;
}

.feature-check {
    float: left;
    margin-right: 14px;
    font-size: 14px !important;
    border-radius: 50%;
    color: white;
    background: green;
    height: 20px;
    width: 20px;
    display: flex !important;
    align-items: center;
    justify-content: center;
    margin-top: 4px;
}
.feature-detail {
    padding-left: 34px;
}
.feature-detail .feature-header {
    font-size: 18px;
    font-family: "EB Garamond", Garamond, "Times New Roman", serif;
    letter-spacing: 0 !important;
    font-weight: 600;
    margin: 0;
}
.feature-conclusion {
    font-size: .775rem;
    color: #292525 !important;
    text-align: justify;
    font-family: Inter;
    margin: 0;
    white-space: normal;
}

.booking-summary {
    padding-top: 60px;
}
.booking-summary-invoice td{
    margin-bottom: 0;
    font-family: "EB Garamond", Garamond, "Times New Roman", serif;
    letter-spacing: 0 !important;
    border: 0;
    padding: 6px 8px;
    font-size: 16px !important;
    font-weight: 600;
}
.btns-hover {
    border: none;
    display: block;
    text-align: center;
    cursor: pointer;
    text-transform: uppercase;
    outline: none;
    overflow: hidden;
    position: relative;
    color: #fff;
    font-weight: 700;
    font-size: 15px;
    background-color: rgb(255,0,0);
    padding: 9px 59px;
    margin: 0 auto;
    box-shadow: 0 5px 15px rgba(0,0,0,0.20);
    border-radius: 6px;
}
.btns-hover:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    height: 490%;
    width: 140%;
    background: rgb(234 13 13);
    -webkit-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
    -webkit-transform: translateX(-90%) translateY(-25%) rotate(45deg);
    transform: translateX(-90%) translateY(-25%) rotate(45deg);
    z-index: -1;
}
.btns-hover:hover::after {
    -webkit-transform: translateX(-9%) translateY(-25%) rotate(45deg);
    transform: translateX(-9%) translateY(-25%) rotate(45deg);
}
.button-pay-now {
    background-color: rgb(89,185,4);
    padding: 9px 22px;
    font-size: 12px;
    font-weight: 500;
}
.button-pay-later {
    border: none;
    text-align: center;
    cursor: pointer;
    text-transform: uppercase;
    outline: none;
    overflow: hidden;
    position: relative;
    color: #fff;
    font-weight: 500;
    font-size: 12px;
    background-color: #414141;
    padding: 9px 22px;
    margin: 0 auto;
    box-shadow: 0 5px 15px rgb(0 0 0 / 20%);
    border-radius: 6px;
}
.button-pay-later span {
    z-index: 10;
}

.break-word {
    word-break: break-word;
    white-space: normal;
}

.font-roboto {
    font-family: Roboto, sans-serif;
}

.pb-5px{
    padding-bottom:5px;
}
.pb-10px{
    padding-bottom:10px;
}
.pb-15px{
    padding-bottom:15px;
}
.pb-20px{
    padding-bottom:20px;
}
.pt-5px{
    padding-top:5px;
}
.pt-10px{
    padding-top:10px;
}
.pt-15px{
    padding-top:15px;
}
.pt-20px{
    padding-top:20px;
}
.pl-5px{
    padding-left:5px;
}
.pl-7px{
    padding-left:7px;
}
.pl-10px{
    padding-left:10px;
}
.pl-15px{
    padding-left:15px;
}
.pl-20px{
    padding-left:20px;
}
.pt-5px{
    padding-top:5px;
}
.pt-10px{
    padding-top:10px;
}
.pt-15px{
    padding-top:15px;
}
.pt-2rem{
    padding-top:2rem !important;
}
.pt-3rem{
    padding-top:3rem !important;
}
.pt-4rem{
    padding-top:4rem !important;
}
.pt-5rem{
    padding-top:5rem !important;
}
.pr-5px{
    padding-right:5px;
}
.pr-10px{
    padding-right:10px;
}
.pr-15px{
    padding-right:15px;
}
.pr-20px{
    padding-right:20px;
}
.pr-25px{
    padding-right:25px;
}
.pr-30px{
    padding-right:25px;
}
.mt-5px{
    margin-top: 5px;
}
.mt-10px{
    margin-top: 10px;
}
.mt-15px{
    margin-top: 15px;
}
.mt-20px{
    margin-top: 20px;
}
.mt-25px{
    margin-top: 25px;
}
.mt-30px{
    margin-top: 30px;
}
.mt-35px{
    margin-top: 35px;
}
.mt-40px{
    margin-top: 40px;
}
.mb-5px{
    margin-bottom: 5px;
}
.mb-10px{
    margin-bottom: 10px;
}
.mb-15px{
    margin-bottom: 15px;
}
.mb-20px{
    margin-bottom: 20px;
}
.mb-25px{
    margin-bottom: 25px;
}
.mb-30px{
    margin-bottom: 30px;
}
.mb-35px{
    margin-bottom: 35px;
}
.mb-40px{
    margin-bottom: 40px;
}
.ml-10px{
    margin-left: 10px;
}
.feed-color-green{
    color:#3FA310
}
.text-vertical{
    writing-mode: vertical-rl;
    text-orientation: mixed;
    font-weight: 500;
}
.cursor-pointer{
    cursor: pointer;
}
.text-color-black{
    color:black; !important;;
}
.read-button{
    color: #3FA310;
}
.read-button:hover{
    border: 1px solid #D8F5C9;
    border-radius: 6px;
    padding: 3px;
    background: #D8F5C9;
    color: #3FA310;
}
.scroll {
    max-height: 400px;
    overflow-y: scroll;
    text-align: center;
    padding: 20px;
    scrollbar-color: gray whitesmoke;
    scrollbar-width: thin;

}
.scroll::-webkit-scrollbar {
    display:block;
    width: 10px;
}
.scroll::-webkit-scrollbar-track {
    background: #ffffff;
}
.scroll::-webkit-scrollbar-thumb {
    border-radius: 4px;
    background-color: rgba(0,0,0,.5);
    -webkit-box-shadow: 0 0 1px rgba(255,255,255,.5);
}

.tablehead{
    background-color: var(--primary-color);
    color: white;
}
.table-no-item{
    display: flex;
    justify-content: center;
}
.table-content-wrapper{
    box-shadow: rgba(0, 0, 0, 0.18) 0px 2px 4px;
    border: 1px solid #c9c9c9;
}

.even-row {
    background-color: #F6F9FB;
}
.slider-container {
    overflow: hidden;
    white-space: nowrap;
    width: 100%;
}

.slide {
    display: inline-block;
    width: 100%;
    box-sizing: border-box;
    transition: transform 0.5s ease;
}

/*Ask question*/
.attachment__ask-question-btn-parent{
    padding-top: 10px; display: flex
}
.attachment__button-container{
    width: 100%; text-align: right;
}
.button--post{
    font-size: 1.1rem;
    border: none;
    border-radius: 6px;
    color: #ffffff;
    font-weight: 600;
    cursor: pointer;
    background-color: rgb(89, 186, 3);
    padding: 7px 40px;
    margin-bottom: 7px;
}

/* Hover effect */
.button--post:hover {
    background-color: rgb(72, 150, 3);
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.2);
}

/* Click effect */
.button--post:active {
    transform: scale(0.95);
    background-color: rgb(60, 125, 2);
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
}

.askQuestion__body{
    min-height: 350px;
}

/*hashtage*/
.hashtag {
    color: #147ec5 !important;
    text-decoration: none;
    font-weight: 600;
    cursor: pointer;
    transition: color 0.2s ease, background-color 0.2s ease;
}

.hashtag:hover {
    color: #0f66a1;
    background-color: rgba(20, 126, 197, 0.1); 
    border-radius: 4px;
    padding: 2px 4px;
}

.hashtag:focus {
    outline: 2px solid #0f66a1;
    outline-offset: 2px;
}


/*Chat*/
/*.message-contents{*/
/*    background-color: cornflowerblue !important;*/
/*}*/
/*#listGroup{*/
/*    background-color: orangered !important;*/
/*}*/

.left-chat-list{
    background-color: aliceblue !important;
    color: black !important;
}

.right-message-list {
    background-image: url("../../assets/images/mindshaper_pattern.png");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    position: relative;
}

.right-message-list::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgb(113 197 126 / 5%); /* Hotpink with 30% opacity */
    z-index: 1; /* Ensures the overlay stays on top of the background */
}

.right-message-list > * {
    position: relative;
    z-index: 2; /* Ensures child elements are above the overlay */
}

.listGroup{
    background-color: aliceblue;
}

.short-message-cart{
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: row;
    padding: 5px;
    margin: 5px 15px 5px 5px;
}
.cart-left{
    width: 20%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.cart-left img{
    background-color: #dee5e7;
    border-radius: 50%;
    border: 2px solid #00d772;
    height: 55px;
    width: 55px;
}
.cart-right{
    width: 80%;
}
.cart-right{
    padding: 3px 5px;
}
.right-upper{
    display: flex;
    justify-content: space-between;
    align-items:center;
}
.right-upper .title p{
    /*color: #37b930;*/
    color: #111B21;
    font-size: 17px;
    text-align: left;
    word-wrap: break-word;
    margin-bottom: 0;
    cursor: pointer;
}

.date p{
    font-size: 12px;
    color: #667781;
    flex: none;
    max-width: 100%;
    margin-left: 6px;
    line-height: 20px;
    margin-bottom: 0;
}

.cart-right-lower{
    display: flex;
    gap: 5px;
    justify-content: start;
    align-items: start;
}

.short-message-cart:hover{
    background-color: rgba(208, 209, 211, 0.87);
    border-radius: 5px;
}
.cart-right-lower .read-msg{
    color: #49bce8;
}


/* Parent container to stack messages vertically */
.messages-container {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
    width: 100%; /* Adjust width as needed */
}

/* Message cart */
.message-cart {
    display: flex;
    gap: 10px;
    align-items: flex-start;
    width: 100%; /* Ensures it stretches the full parent width */
    max-width: 60%; /* Limits message width */
    padding: 10px;
    text-align: left;
    border-radius: 10px;
    margin: 10px 0;
    box-sizing: border-box;
}

/* Left-aligned messages */
.message-cart--left {
    flex-direction: row;
    justify-content: flex-start;
}

/* Right-aligned messages */
.message-cart--right {
    flex-direction: row;
    justify-content: end;
    text-align: right;
    margin-left: auto; /* Pushes the message to the right */
}

.message-cart__image {
    flex-shrink: 0;
}

.message-cart__image img {
    border-radius: 50%;
    height: 48px;
    width: 48px;
}

.message-cart__content {
    max-height: 500px;
    overflow: hidden;
    padding: 10px;
    max-width: 100%;
    border-radius: 5px;
}
.message-cart__content img,
.message-cart__content video,
.message-cart__content audio,
.message-cart__content object {
    max-width: 100%;
    object-fit: contain;
    display: flex;
    justify-content: center;
    align-items: center;
    max-height: 430px;
}

.message-cart__content__left{
    background-color: #def7fa;
}
.message-cart__content__right{
    background-color: #dee9fa;
}
.small-date{
    font-size: 10px;
    text-align: right;
    margin-bottom: 0;
    padding-top: 5px;
    color: #667781;
}

.message-cart__name {
    font-weight: bold;
    margin-bottom: 5px;
    font-size: 14px;
    color: #333;
}
.message-cart__name-left{
    text-align: left;
}
.message-cart__name-right{
    text-align: right;
}
.message-cart__text {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0;
    font-size: 14px;
    line-height: 1.5;
    color: #555;
}

/* Updated Message Typing Section */
.message-typing-section {
    position: fixed;
    width: 75%;
    bottom: 0;
    left: 25%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1.5rem;
    background-color: #f0f2f5;
}

/* Updated Message Box */
.message-box {
    flex: 1;
    margin: 0 10px;
    display: flex;
    align-items: center;
    gap: 10px;
}

.message-box textarea {
    flex: 1;
    padding: 10px 15px;
    border: 1px solid #ccc;
    border-radius: 5px;
    outline: none;
    font-size: 14px;
    resize: none; /* Prevent manual resizing */
    box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1);
    line-height: 1.5;
    background-color: #fff;
}

.message-box textarea::placeholder {
    font-size: 14px;
    color: #aaa;
}

/* Updated Button/Icon Styles */
.emoji,
.attach,
.microphone {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 40px;
    height: 40px;
    cursor: pointer;
    border-radius: 50%;
    background-color: #e0e0e0;
    color: black;
    transition: background-color 0.2s ease;
}

.emoji:hover,
.attach:hover,
.microphone:hover {
    background-color: #ccc;
}

/* Send Message Button */
.send-msg-btn {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background-color: #4caf50;
    color: #fff;
    font-size: 20px;
    cursor: pointer;
    transition: background-color 0.2s ease;
}

.send-msg-btn:hover {
    background-color: #388e3c;
}

.message-section-header{
    padding: 1rem;
    padding-bottom: 0;
    background-color: #f0f2f5;
}

.assign-consultant-input{
    background-color: #ffffff30;
}


.chat-topic-menu-header{
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 93%;
    margin-top: -2rem;
}
.chat-topic-menu-header__right{
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.chat-title{
    font-weight: 600;
    font-size: 22px;
    color: #111b21;
    padding: 0 1.8rem;
}

.chat-topic-search {
    width: 93%;
    display: flex;
    align-items: center;
    padding: 5px;
    border-radius: 5px;
    background-color: #f0f2f5;
    box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1);
}

.chat-topic-search .search-icon {
    margin-right: 10px; /* Space between the icon and input */
}

.chat-topic-search input {
    flex: 1; /* Ensures the input fills available space */
    border: none;
    outline: none;
    line-height: 1.5;
    background-color: transparent; /* Matches parent background */
    color: #333;
    font-size: 14px;
    text-align: left; /* Ensures text and placeholder are aligned left */
}

.chat-topic-search input::placeholder {
    color: #252525;
    font-size: 14px;
}
.menu-icon{
    cursor: pointer;
}


.left-chat-list{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.short-message-cart__right .cart-left img{
    height: 40px;
    width: 40px;
}
.back-to-home{
    background-color: #f0f2f5;
}

@media (max-width: 492px) {
    .left-chat-list{
        width: 100%;
    }
    .message-typing-section{
        width: 100% !important;
        left: 0 !important;;
        padding: 0.5rem !important;;
    }
    .message-cart{
        max-width: 100% !important;;
    }
    .message-section-header{
       padding: 0.5rem !important;;
    }
    .right-message-list{
        width: 100% !important;;
    }
}
.emoji-only{
    font-size: 3rem;
    display: flex;
    justify-content: center;
    align-items: center;
}

/* Emoji button */
.emoji {
    cursor: pointer;
}

/* Popup style */
.emoji-popup {
    position: absolute;
    bottom: 4rem;
    left: 0;
    background-color: white;
    border: 1px solid #ccc;
    border-radius: 5px;
    padding: 10px;
    z-index: 10;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
    max-height: 290px;
    overflow-y: auto;
    width: 350px;
    opacity: 0;
    transform: translateY(20px);
    pointer-events: none;
    transition: opacity 500ms ease, transform 500ms ease;
}

/* Show the popup with transition */
.emoji-popup.show {
    opacity: 1;
    transform: translateY(0);
    pointer-events: auto;
}

/* Emoji grid style */
.emoji-grid {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
}

/* Emoji options style */
.emoji-option {
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    border-radius: 5px;
    transition: background-color 0.2s;
}
.emoji-option span{
    font-size: 2rem;
}

.emoji-option:hover {
    background-color: #f0f0f0;
}


/*booking card*/
.card-height{
    min-height: 350px;
}
.card-parent {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    width: 100%;
    border-radius: 5px;
    height: 140px;
    box-shadow: 0px 8px 24px 6px rgba(63, 163, 16, 0.05);
}
.card-img-area {
    width: 40%;
    height: 85%;
    padding-left: 10px;
    object-fit: cover;
}
.card-menu {
    position: absolute;
    right: 23px;
    font-weight: 500;
}
.card-booking-title {
    width: 60%;
}
.card-image{
    border-radius: 5px;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.card-font-size{
    font-size: 11px !important;
    white-space: normal;
}
.continue-button{
    display: none;
}
.card-booking-heading{
    color: var(--primary-color);
    font-family: var(--family);
    font-size: var(--medium-font-size);
    white-space: normal;
}
.media-card{
    background-color: var(--booking-card-background);
}
.check-box-label{
    background-color: var(--background-color);
    border-top: 1px solid rgba(0, 0, 0, 0.15) !important;
    border-left: 0 !important;
    border-bottom: 1px solid rgba(0, 0, 0, 0.15) !important;
    border-right: 1px solid rgba(0, 0, 0, 0.15) !important;
}
.check-box-input{
    border-top: 1px solid rgba(0, 0, 0, 0.15) !important;
    border-left: 1px solid rgba(0, 0, 0, 0.15) !important;
    border-bottom: 1px solid rgba(0, 0, 0, 0.15) !important;
    border-right: 0 !important;
}

.input-group-addon{
    background-color: var(--primary-hover-color) !important;
}


.preferred-date-c-booking{
    display: flex;
    flex-direction: column;
    padding: 0;
}

.preferred-date-c-booking div{
    width: 100%;
}

@media (max-width: 492px) {
    display: flex;
    flex-direction: column;
    width: 100%;
}

.c-booking-container{
    background-color: var(--white-bg);
}