@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;500;600;700;800;900&display=swap');

:root{
	--gradient-one: linear-gradient(to right,  #0091ea 0%,#00dfd8 100%);
	--gradient-two: linear-gradient(to right,  #f78411 0%,#f7a01e 100%);
	--dark-gray: #808080;
	--black: #000000;
	--alt-color1: #00e1d8;
	--alt-color2: #0090ea;
	--acent-color: #cc5300;
}
body{

	font-family: 'Poppins', sans-serif;

	color: #444;

	background: #fff;

}

.logo-lg img{

	height: 67px;

}

.logo-sm img{

	height: 45px;

}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {

    color: #262626;

}

.btn-link{

	color: #08cbfe;

	outline: none;

}

.btn-link:hover {

    color: #08cbfe;

    text-decoration: none;

}

a{

	color: #2856db;

}

a:hover{

	color: #58dcff;

}

.btn-primary {

    color: #fff;

    background-color: #6c6ff5;

    border-color: #6c6ff5;

}

.btn-primary:hover {

    color: #fff;

    background-color: #2856db;

    border-color: #2856db;

}

.btn-outline-primary{

	border-color: #08cbfe;

	color: #08cbfe;

}

.btn-outline-primary:hover{

	background-color: #08cbfe;

	border-color: #08cbfe;

}

.table{

	color: #262626;

}

.bg-primary {

    background-color: #08cbfe!important;

}



.text-primary{

	color: #6c6ff5 !important;

}

.badge-soft-primary{

	background: #08cbfe38;

	color: #08cbfe;

}

.badge-primary{

	background-color: #08cbfe;

	color: #fff;

}

.bg-primary {

    background-color: #2856db!important;

}



@media(max-width: 575px){

	.page-content{

		padding-left: 0;

		padding-right: 0;

	}

}

.table ul.dtr-details{

	padding: 0;

}

.table .dtr-details li{

	list-style-type: none;

	margin-bottom: 8px;

}

.table .dtr-title{

	min-width: 80px;

    display: inline-block;

}

.table .dtr-title:after{

	content: ':';

}

.table td{

	vertical-align: middle;

	padding: .57rem .57rem;

}

.table th{

	padding-left: 5px;

}

.table td, .table th{

	font-size: 13.5px;

}

.custom-shadow{

	box-shadow: 3px 3px 5px #ededed, -3px -3px 5px #ffffff

}

.rounded-lg{

	border-radius: 15px;

}

/* .table tr{

	box-shadow: inset 1px 1px 3px #ebebeb, inset -3px -3px 5px #ffffff

} */

.sidebar-menu-scroll{

	box-shadow: 3px 3px 6px #bebebe, -3px -3px 6px #ffffff;

}

.progress-bar{

	font-size: 11px;

}

.table-dark{

	--bs-table-bg: #000;

    --bs-table-striped-bg: #000;

    --bs-table-striped-color: #fff;

    --bs-table-active-bg: #000;

    --bs-table-active-color: #fff;

    --bs-table-hover-bg: #000;

    --bs-table-hover-color: #fff;

        color: #fff;

    border-color: #3d2862;

}



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

:root {

	--forny-form-paddings: 2.5rem;

	--forny-color-accent-500: hsl(156deg 47% 51%);

	--forny-color-accent-700: hsl(156deg 63% 36%);

	--forny-color-gray-100: hsla(216, 33%, 97%, 1);

	--forny-color-gray-300: hsla(0, 0%, 0%, 0.1);

	--forny-color-gray-500: hsla(0, 0%, 61%, 1);

	--forny-color-gray-700: hsla(210, 27%, 70%, 1);

	--forny-color-gray-900: hsla(210, 13%, 20%, 1);

	--forny-font-family: 'Open Sans', sans-serif;

	--forny-color-text: var(--forny-color-gray-500);

	--forny-color-header: var(--forny-color-gray-900);

	--forny-link-color: var(--forny-color-accent-700);

	--forny-form-control-border: none;

	--forny-form-control-padding: var(--forny-p2) var(--forny-p4);

	--forny-form-control-radius: 20px;

	--forny-form-control-background: var(--forny-color-gray-100);

	--forny-shadow-color: var(--forny-color-gray-300)

}

::-webkit-scrollbar {

    display: none;

}

.forny-container {

	background-size: contain;

	/*display: flex;

	align-items: center;

	justify-content: flex-start;*/

}



.forny-inner {

	display: block;

	height: auto

}



.forny-form {

	padding:20px !important;

	padding: var(--forny-form-paddings);

	background: #ffffffed;

	border-radius: 12px;

	position: absolute;

	top: 0;

}



.forny-logo {

	color: #2c333a;

	color: var(--forny-color-gray-900)

}



@media(min-width:768px) {

	.forny-container {

		/*background: url(../img/bg-03-02.svg) center center no-repeat, url(../img/bg-03-01.svg) center center no-repeat;

		*/

		/* background-color: #f5f7fa; */

		/* background-color: var(--forny-color-gray-100) */

	}

	.forny-form {

		box-shadow: 0 3px 6px hsla(0, 0%, 0%, .1);

		box-shadow: var(--forny-shadow)

	}

}



.forny-form a {

	font-size: .875rem;

	font-size: var(--forny-text-sm)

}



.forny-form .form-group {

	margin-bottom: 1rem;

	margin-bottom: var(--forny-p4);

	background: #f5f7fa;

	background: var(--forny-form-control-background);

	border-radius: 20px;

	border-radius: var(--forny-form-control-radius);

	transition: box-shadow .3s;

	border: 1px solid #f5f7fa;

	border: 1px solid var(--forny-form-control-background)

}



.forny-form .btn {

	border-radius: 20px;

	border-radius: var(--forny-form-control-radius);

	font-weight: 700;

	padding: .5rem 1rem;

	padding: var(--forny-p2) var(--forny-p4)

}



.forny-form .form-group .input-group-append .input-group-text {

	padding-left: .5rem;

	padding-left: var(--forny-p2)

}



.forny-form .form-group .input-group-append .input-group-text:hover {

	color: var(--forny-color-blue-500)

}



.forny-form .input-group-prepend .input-group-text {

	padding-right: .5rem;

	padding-right: var(--forny-p2)

}



.forny-container .line {

	background: #9c9c9c;

	background: var(--forny-color-gray-500);

	height: 1px;

	margin-top: 12px;

	text-align: center

}



.forny-container .line span {

	background: #fff;

	padding: 8px;

	position: relative;

	top: -12px

}

.forny-container{

	position: relative;

	width:100%;

}



.roundshadow1{

	border-radius: 50%;

    background: linear-gradient(145deg, #d1d1d1, #f8f8f8);

    box-shadow: 8px 8px 26px #b3b3b3, -8px -8px 26px #ffffff;

    display: inline-block;

    width: 150px;

    height: 150px;

    text-align: center;

    padding:15px;

}

.roundshadow1 img{

	height: 100%;

	width: 100%;

	object-fit: cover;

	border-radius: 50%;

}

.roundCirclePnl{

	display: block;

	margin: 0;

	padding: 0;

	position: fixed;

	height: 100%;

	text-align: center;

}

.roundCirclePnl > li{

	display: inline-block;

	padding: 20px;

}

.roundCirclePnl > li:nth-child(3n+2) .roundshadow1{

	width:180px;

    height: 180px;

    position: absolute;

}

.roundCirclePnl > li:nth-child(4n+4) .roundshadow1{

	width:220px;

    height: 220px;

}

.forny-logo img{

	width: 170px;

}





@-webkit-keyframes scroll {

  0% {

    transform: translateX(0);

  }

  100% {

    transform: translateX(calc(-180px * 8));

  }

}



@keyframes scroll {

  0% {

    transform: translateX(0);

  }

  100% {

    transform: translateX(calc(-180px * 8));

  }

}

.slider {

  background: white;

  /* box-shadow: 0 10px 20px -5px rgba(0, 0, 0, 0.125); */

  height: 180px;

  /* margin: auto; */

  overflow: hidden;

  position: relative;

  width: 100%;

}

.slider::before, .slider::after {

  background: linear-gradient(to right, white 0%, rgba(255, 255, 255, 0) 100%);

  content: "";

  height: 180px;

  position: absolute;

  width: 80px;

  z-index: 2;

}

.slider::after {

  right: 0;

  top: 0;

  transform: rotateZ(180deg);

}

.slider::before {

  left: 0;

  top: 0;

}

.slider .slide-track {

  -webkit-animation: scroll 40s linear infinite;

          animation: scroll 40s linear infinite;

  display: flex;

  width: calc(180px * 12);

}

.slider .slide {

  height: 100px;

  width: 180px;

}







@-webkit-keyframes scroll1 {

  100% {

    transform: translateX(0);

  }

  0% {

    transform: translateX(calc(-180px * 8));

  }

}



@keyframes scroll1 {

  100% {

    transform: translateX(0);

  }

  0% {

    transform: translateX(calc(-180px * 8));

  }

}

.slider1 {

  background: white;

  /* box-shadow: 0 10px 20px -5px rgba(0, 0, 0, 0.125); */

  height: 180px;

  /* margin: auto; */

  overflow: hidden;

  position: relative;

  width: 100%;

}

.slider1::before, .slider1::after {

  background: linear-gradient(to right, white 0%, rgba(255, 255, 255, 0) 100%);

  content: "";

  height: 180px;

  position: absolute;

  width: 80px;

  z-index: 2;

}

.slider1::after {

  right: 0;

  top: 0;

  transform: rotateZ(180deg);

}

.slider1::before {

  left: 0;

  top: 0;

}

.slider1 .slide-track {

  -webkit-animation: scroll1 40s linear infinite;

          animation: scroll1 40s linear infinite;

  display: flex;

  width: calc(180px * 12);

}

.slider1 .slide {

  height: 100px;

  width: 180px;

}

@media(max-width:600px){

	.forny-form {

		padding: 2.5rem;

		padding: var(--forny-form-paddings);

		background: #ffffffed;

		border-radius: 12px;

		position: absolute;

		top: 0;

		left: 0;

	}

}

.login-form{

		position: relative;

    width: 400px;

    z-index: 99;

    background: #ffffffba;

    right: 0;

    margin:0px auto;

    left: 0;

    box-shadow: 0 0 20px #3a3a3a29;

    padding: 25px 0 0;

}

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

.btn-xs{

	padding: 1px 4px;

    font-size: 12px;

    border-radius: 0.2rem;

}

.modal-border{

	 border: 2px solid #08cbfe;

}
.dashBox{
	box-shadow: 3px 5px 15px #0000001a;
}
.dashBox p{
	font-size: 12px;
}
.dashBox i{
	color: #e54d4d;
	margin-right: 5px;
}
.chatoption{
	width: 44px;
    height: 44px;
    background-color: #e54d4d;
    position: fixed;
    right: 15px;
    bottom: 20%;
    border-radius: 50%;
    z-index: 99;
    line-height: 44px;
    text-align: center;
    color: #fff;
    font-size: 20px;
	box-shadow: 0 5px 15px #00000052;
}
.chatoption:hover{
	color: #fff;
}
.totalcount{
	position: absolute;
    right: -2px;
    top: -15px;
    font-size: 13px;
    width: 22px;
    height: 22px;
    background: #03dd00;
    line-height: 22px;
    border-radius: 50%;
	animation: upDown .6s infinite alternate; 
}
@keyframes upDown {
	0% {
		top: -10px;
	}
	100% {
		top: 0px; /* Adjust as needed */
	}
}

/******* color code *******/
.gradient1{
	/* background: var(--gradient-one); */
	background: #46834F;
}
.btn-primary{
	/* background: var(--alt-color2); 46834F
	border-color: var(--alt-color2); 005D97 */ 
	background: #005D97;
	border-color: #005D97;
	transition: all .3s;
}
.btn-primary:hover{
	background: #46834F;
	border-color: #46834F;
}
.btn-secondary{
	background: var(--dark-gray);
	border-color: var(--alt-color2);
	transition: all .3s;
}
.btn-warning{
	background: #46834F;
	border-color: #46834F;
	transition: all .3s;
}
.btn-warning:hover{
	background: #005D97;
	border-color: #005D97;
}

.loginForm .form-control{
	min-height: 45px;
}
.loginForm .btn{
	min-height: 45px;
}

/***************/
.gm-ui-hover-effect {
	    width: 25px !important;
    height: 25px !important;
    font-size: 13px !important;
}
.gm-ui-hover-effect span{
	width: 17px !important;
  height: 17px !important;
  margin: 4px !important;
}
.gm-style-iw.gm-style-iw-c{
	padding-right: 10px !important;
}
.blockBox p{
	margin-bottom: 2px;
	font-size: 12px;
}
.boxCount{
   width: 24px;
  height: 24px;
  background: #0000009c;
  text-align: center;
  display: inline-block;
  border-radius: 50%;
  line-height: 24px;
  font-size: 12px;
}
.blockBox .h5{
	font-size: 14px;
}
.grd-one{
	background: #FFE000;  /* fallback for old browsers */
	background: -webkit-linear-gradient(to right, #799F0C, #FFE000);  /* Chrome 10-25, Safari 5.1-6 */
	background: linear-gradient(to right, #799F0C, #FFE000); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */

}
.grd-two{
	background: #654ea3;  /* fallback for old browsers */
	background: -webkit-linear-gradient(to right, #eaafc8, #654ea3);  /* Chrome 10-25, Safari 5.1-6 */
	background: linear-gradient(to right, #eaafc8, #654ea3); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}
.grd-three{
	background: #36D1DC;  /* fallback for old browsers */
	background: -webkit-linear-gradient(to right, #5B86E5, #36D1DC);  /* Chrome 10-25, Safari 5.1-6 */
	background: linear-gradient(to right, #5B86E5, #36D1DC); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}
.grd-four{
	background: #283048;  /* fallback for old browsers */
	background: -webkit-linear-gradient(to right, #859398, #283048);  /* Chrome 10-25, Safari 5.1-6 */
	background: linear-gradient(to right, #859398, #283048); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}
.grd-five{
	background: #24C6DC;  /* fallback for old browsers */
	background: -webkit-linear-gradient(to right, #514A9D, #24C6DC);  /* Chrome 10-25, Safari 5.1-6 */
	background: linear-gradient(to right, #514A9D, #24C6DC); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}
.grd-six{
	background: #DC2424;  /* fallback for old browsers */
	background: -webkit-linear-gradient(to right, #4A569D, #DC2424);  /* Chrome 10-25, Safari 5.1-6 */
	background: linear-gradient(to right, #4A569D, #DC2424); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}
.grd-seven{
	background: #11998e;  /* fallback for old browsers */
	background: -webkit-linear-gradient(to right, #38ef7d, #11998e);  /* Chrome 10-25, Safari 5.1-6 */
	background: linear-gradient(to right, #38ef7d, #11998e); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}