@charset "utf-8";

/* CSS Document */
* {
	box-sizing: border-box;
	margin: 0;
	padding: 0;
	outline: none !important;
	box-shadow: none !important;
	text-decoration: none !important;
}

:root {
	--primary: #2179d2;
	--primary-light: #439cf7;
	--secondary: #62a532;
	--tertiary: #d39e00;
	--white: #ffffff;
	--black: #000;
	--fonts: "Montserrat", serif !important;
}

body {
	width: 100%;
	font-family: var(--fonts);
	font-size: 16px;
}

.main {
	margin-top: 125px;
}

/* header */

.header {
	width: 100%;
	height: 125px;
	background-color: #1a5596;
	background: linear-gradient(180deg, #1a5596 0%, #2246a4 100%) !important;
	padding: 15px 40px;
	display: flex;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 1000;
	box-shadow: 0 2px 5px rgba(0, 0, 0, .2) !important;
}

.header .logo {
	width: 365px;

}

.header .logo .desktop-logo {
	width: 100%;
	display: block;
}

.header .logo .mobile-logo {
	display: none;
}

.header .main-menu {
	display: block;
	margin: auto;
}

.header .main-menu ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
	text-align: center;
	margin: 0;
}

.header .main-menu ul li {
	display: inline-block;
	text-align: center;
	position: relative;
	z-index: 1;
	margin: 0 5px;
}

.header .main-menu ul li a {
	color: var(--white);
	font-weight: 650;
	text-transform: uppercase;
	letter-spacing: 0.5px;
	display: block;
	height: 100%;
	padding: 10px;
	font-size: 15px;
	transition: color 0.3s;
}

.header .main-menu ul li:hover a {
	color: #a9e922;
	transition: color 0.3s;
}

.header .right-menu {
	display: block;
	margin: auto 0 auto 0;
}

.header .right-menu ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
	text-align: right;
}

.header .right-menu ul li {
	display: inline-block;
	text-align: right;
	position: relative;
	z-index: 1;
	margin: 0 5px;
}

.header .right-menu ul li a {
	color: var(--white);
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 0.5px;
	display: block;
	height: 100%;
	padding: 7px;
	font-size: 22px;
}

.header .right-menu ul li a:hover {
	color: #a9e922;
}

.header .right-menu .count {
	background-color: #529f1a;
	position: absolute;
	line-height: 22px;
	min-width: 22px;
	line-height: 22px;
	height: 22px;
	margin: 0;
	width: auto;
	border-radius: 10px;
	color: #fff;
	text-align: center;
	font-weight: 600;
	font-size: 13px;
	top: 0;
	right: -4px;
}

.mobile-menu {
	display: none !important;
}

.my-acc-menu {
	overflow: hidden;
	border-radius: 5px;
	background-color: #0f3863 !important;
	padding: 5px 0 !important;
	width: 220px;
}

.my-acc-menu li {
	width: 100%;
	margin: 0 !important;
	border-bottom: 1px solid rgba(255, 255, 255, 0.3);
}

.my-acc-menu li a {
	color: var(--white) !important;
	font-size: 15px !important;
	text-align: left !important;
	text-transform: capitalize !important;
	background-color: #0f3863 !important;
	padding: 10px 20px 10px 50px !important;
	position: relative;
}



.my-acc-menu li a.p-force-0 {
	padding: 5px !important;
}

.my-acc-menu li a i {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	left: 15px
}

.my-acc-menu li:last-child {
	border: 0px;
}

.my-acc-menu li a:hover {
	color: #a9e922 !important
}

.before-login {
	width: 250px;

	padding: 0;
	border: 5px solid #fff;
}

.before-login li {
	text-align: center !important;
	height: 50px;
	line-height: 50px;
}

.slash {
	color: #fff;
	font-weight: 600;
}

/* Sub Menu */
.main-menu ul.menus {
	height: auto;
	width: 225px;
	background: var(--white);
	position: absolute;
	z-index: 99;
	display: none;
	border: 0;
	z-index: 1;
	padding: 10px 0;
	border-radius: 5px !important;
	left: 10px;
}

.main-menu ul.menus li {
	display: block;
	width: 100%;
	text-transform: none;
	padding: 0;
	margin: 0;
	background-color: #fff !important;
}

.main-menu li:hover ul.menus {
	display: block
}

.main-menu ul.menus li {
	background-color: var(--secondary);
}

.main-menu ul.menus li a {
	font-size: 15px !important;
	line-height: 15px;
	color: var(--primary) !important;
	width: 100% !important;
	display: block !important;
	height: auto !important;
	/* line-height: 50px !important; */
	text-align: left;
	border-radius: 0 !important;
	border: 0 !important;
	margin: 0 !important;
	transition: background-color 0.5s !important;
	font-weight: 600;
	text-transform: none;

	/* padding: 12px 16px; */
}

.main-menu ul.menus li:hover a {
	color: var(--secondary) !important;
	/* background-color: var(--primary); */
	transition: all 0.5s;
}

.menus li a img {
	width: 0px;
	height: 18px;
	transition: all 0.3s;
	/* position: absolute;
    top : 17px;
    left : 15px */

}

.menus li::before,
.menus li::after {
	display: none !important;
}

.menus li:hover a img {
	width: 18px;
	margin-right: 10px;
	transition: all 0.3s;
}

.button-bar {
	padding: 5px;
	margin: 0;
	background: #fff;
	position: sticky;
	bottom: 0;
	display: none;
}


/* Side Bar Menu */

.sidebar_menu {
	height: 100vh;
	width: 100%;
	overflow-y: scroll;
	position: fixed;
	z-index: 99999;
	top: 0;
	right: 0;
	/* box-shadow: -0px 0px 15px 0px rgba(0, 0, 0, 0.3); */
	display: none;
	overflow: hidden !important;
}

.sidebar_menu .overlay {
	background-color: rgba(0, 0, 0, 0.7);
	width: 100%;
	height: 100vh;
	content: ' ';
	z-index: -100;
	position: absolute;
	top: 0;
	left: 0;
}

.sidebar_menu .content {
	max-width: 400px;
	width: 100%;
	height: 100%;
	padding: 0px;
	background-color: #14406f !important;
	/*overflow-y: scroll;*/
	float: right;
	/* overflow: hidden !important; */
}

.sidebar_menu .head {
	position: relative;
	padding: 5px 20px;
	z-index: 1;
	margin-bottom: 0px;
	background-color: #195695;
}

.sidebar-logo a {
	font-size: 23px;
	color: var(--white) !important;
	font-weight: 600;
}

.sidebar-logo img {
	width: 50px !important;
}

.sidebar_menu .accordion {
	height: calc(100vh - 150px);
	overflow: hidden;
}
.menuscrollclass .mCSB_inside > .mCSB_container {
	height: 100%;
}
.menuscrollclass.sidebar_menu .accordion {
	height: calc(100vh - 60px);
}


.sidebar_menu_list {
	padding: 0;
}

.sidebar_menu_list .accordion-item {
	background: none;
	background-color: none;
	border: none;
	text-transform: uppercase;
	/* margin-bottom: 5px; */
	font-family: var(--font) !important;
}

.sidebar_menu_list a {
	background: none;
	background-color: none;
	border: none;
	color: #8dca0a;
	/* background-color: var(--secondary); */
	font-size: 16px !important;
	font-weight: 500 !important;
	line-height: 50px !important;
	text-transform: capitalize;
	padding: 0 15px 0 55px;
	font-family: var(--font) !important;
	border: 1px solid transparent;
	text-transform: uppercase;
	position: relative;
	display: block;
	border-bottom: 1px solid #32587f;
}

.sidebar_menu_list a i {
	position: absolute;
	left: 15px;
	top: 50%;
	font-size: 20px;
	transform: translateY(-50%);
	color: #fff;
}

.sidebar_menu_list .accordion-button {
	background: none;
	background-color: none;
	border: none;
	color: #8dca0a;
	/* background-color: var(--secondary); */
	font-size: 16px !important;
	font-weight: 500 !important;
	line-height: 50px !important;
	text-transform: capitalize;
	padding: 0 15px 0 55px;
	font-family: var(--font) !important;
	border: 1px solid transparent;
	text-transform: uppercase;
	position: relative;
	display: block;
	border-bottom: 1px solid #32587f;
}

.sidebar_menu_list a.active,
.sidebar_menu_list .accordion-button.active,
.sidebar_menu_list a:hover,
.sidebar_menu_list .accordion-button:hover {
	color: #fff;
	background-color: rgba(255, 255, 255, 0.1) !important;

}

.sidebar_menu_list .accordion-button::after {
	background-image: url(../images/plus.png);
	width: 12px;
	height: 12px;
	background-size: 12px;
	display: block;
	float: right;
	margin-top: 18px;
}

.sidebar_menu_list .accordion-button:not(.collapsed)::after {
	background-image: url(../images/minus.png);
	width: 12px;
	height: 12px;
	background-size: 12px;
	z-index: 1;
	margin-top: 18px;
}

.sidebar_menu_list .accordion-body {
	padding: 0px 15px;
	background-color: #195695 !important;
}

.sidebar_menu_list .accordion-body ul {
	padding: 0;
	margin-top: 0rem;
	margin-bottom: 0rem;
	list-style-type: none;
}

.sidebar_menu_list .accordion-body ul li a {
	font-size: 16px !important;
	line-height: 30px !important;
	color: var(--white);
	font-weight: 500 !important;
	text-transform: none;
	padding: 5px 0;
	border: none;
	margin-bottom: 3px;
}

.sidebar_menu_list .accordion-body ul li a i {
	margin-right: 10px;
	margin-top: 7px;
	font-size: 15px;
	color: var(--white);
}

.sidebar_menu_list .accordion-body ul li a.active,
.sidebar_menu_list .accordion-body ul li a:hover {
	font-size: 16px;
	line-height: 30px;
	color: #8dc80c;
	background: none !important;
	text-transform: none;
}

.sidebar_menu .logo img {
	width: 150px;
}

.menu-icon {
	width: 15px;
	height: 15px;
	margin: 7px 10px 0 0;
	transform: rotate(45deg);
}


.sidebar_menu .foot {
	position: absolute;
	width: 100%;
	bottom: 0px;
}

.foot .sidebar_meeting {
	background-color: #fff;
	width: 100%;
	padding: 0 15px;
}

.foot .sidebar_social {

	/* background-color: var(--primary); */
	width: 100%;
	padding: 0;
	margin-bottom: 0px;
}

.foot .sidebar_social .btn-primary {
	width: calc(50% - 3px);
	border-radius: 0px !important;
	background-color: #42658b;
}

.cloase_btns {
	background-color: #8dc80c;
	width: 30px;
	height: 30px;
	line-height: 0px;
	color: var(--black);
	border-radius: 5px;
	opacity: 1;
	padding: 0;
	position: absolute;
	right: 16px;
	top: 15px;
	z-index: 10000;
	transition: 0.3s;
	border: 0px;
}

.cloase_btns:hover {
	background-color: var(--secondary);
	color: var(--white);
	opacity: 1;
	position: absolute;
	line-height: 0px !important;
	transition: 0.3s;
}


.sidebar_menu .big-menu-nav:last-child {
	border: none;
}

.sidebar_menu .big-menu-nav:last-child h3 {
	margin-top: 40px;
	border: none;
}

.sidebar_menu .big-menu-nav:last-child li {
	width: auto;

}

.sidebar_menu .big-menu-nav:last-child .big-menu-category li a {
	font-size: 18px;
}

.sidebar_menu .big-menu-nav:last-child .sub-menu li a,
.sidebar_menu .big-menu-nav:last-child .sub-menu li a:hover {
	text-transform: capitalize;
	font-weight: 600;
	font-size: 16px;
}

/* footer */

.footer {
	background-color: #0f3863;
	width: 100%;
	padding-top: 50px;
}

.footer .logo img {
	width: 100%;
	margin-bottom: 50px;
}

.footer .text-center img {
	transition: all 0.2s;
	margin-bottom: 20px !important;
}

.footer .text-center img:hover {
	transform: scale(1.03);
	transition: all 0.2s;
}

.footer .footer-social {
	margin-top: 15px;
}


.footer .footer-social a i {
	font-size: 22px;
	margin: 5px;
	width: 40px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	border-radius: 5px;
	color: #fff;
	transition: all 0.5s;
}

.footer .footer-social a i:hover {
	/* background-color: #8bc809; */
	color: #a9e922;
	transition: all 0.5s;
}

.footer h4 {
	color: #fff;
	font-size: 16px;
	text-transform: uppercase;
	font-weight: 600;
	margin-bottom: 15px;
}

.footer ul {
	margin: 0 0 50px 0;
	padding: 0;
}

.footer ul li {
	list-style-type: none;
}

.footer ul li a {
	line-height: 18px;
	color: #fff;
	font-size: 15px;
	font-weight: 500;
	transition: all 0.4s;
	position: relative;
}

.footer ul li a:hover {
	color: #a9e922;
	transition: all 0.4s;
}

.footer ul li a::after {
	width: 0;
	height: 1px;
	background-color: #fff;
	content: " ";
	position: absolute;
	left: 0;
	bottom: 0;
	transition: width 0.3s;
}

.footer ul li a:hover::after {
	width: 100%;
	transition: width 0.3s;
}

.copyrights {
	border-top: 1px solid #577492;
	min-height: 40px;
}

.copyrights p {
	color: #fff;
	font-weight: 550;
	line-height: 30px;
}

.copyrights p a {
	margin: 0 15px;
	color: #8dc6ff;
	transition: all 0.4s;
}

.copyrights p a:hover {
	color: #a9e922;
	transition: all 0.4s;
}

.copyrights-desk {
	display: block;
	font-size: 14px;
	margin: 30px 0;
}

.copyrights-mob {
	text-align: center;
	display: none;
	font-size: 14px;
	margin: 30px 0 15px 0;
}

.credits {
	font-size: 14px;
	text-align: right;
	margin: 30px 0 15px 0;
}

.btn-primary {
	background-color: #8bc809;
	border: none;
	border-radius: 5px !important;
	font-weight: 600;
	position: relative;
	z-index: 1;
	height: 40px;
	line-height: 40px;
	padding: 0 20px;
	text-transform: uppercase;
}

.btn-primary:hover {
	border: none;
	background-color: #8bc809;
}

.btn-primary::after {
	width: 0;
	height: 100%;
	background-color: var(--secondary);
	position: absolute;
	top: 0;
	left: 50%;
	z-index: -1;
	content: "";
	border-radius: 5px !important;
	transform: translateX(-50%);
	transition: width 0.5s;
}

.btn-primary:hover::after {
	width: 100%;
	transform: translateX(-50%);
	transition: width 0.5s;
}


.btn-primary-small {
	background-color: #8bc809;
	border: none;
	border-radius: 5px !important;
	font-weight: 600;
	position: relative;
	z-index: 1;
	height: 35px;
	line-height: 35px;
	padding: 0 20px;
	text-transform: uppercase;
	color: #fff !important;
}

.btn-primary-small:hover {
	border: none;
	background-color: #8bc809;
}

.btn-primary-small::after {
	width: 0;
	height: 100%;
	background-color: var(--secondary);
	position: absolute;
	top: 0;
	left: 50%;
	z-index: -1;
	content: "";
	border-radius: 5px !important;
	transform: translateX(-50%);
	transition: width 0.5s;
}

.btn-primary-small:hover::after {
	width: 100%;
	transform: translateX(-50%);
	transition: width 0.5s;
}




.page-head {
	width: 100%;
	height: 200px;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	position: relative;
}

.page-head .overlay {
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.6);
	content: "";
	position: absolute;
	top: 0;
	left: 0
}

.page-head h2 {
	font-size: 48px;
	line-height: 48px;
	color: #fff;
	position: absolute;
	z-index: 10;
	text-align: center;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	text-transform: uppercase;
	font-weight: 700;
}
.main-banner {
	width: 50%;
	background-color: #2179d2;
	text-align: center;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}

/* index */
.home-banner {
	width: 100%;
	height: 600px;
}

.banner_video {
	height: 600px;
	overflow: hidden;
	width: 100%;
}

.overlay {
	/* background-color: rgba(0, 0, 0, 0.4); */
	width: 100%;
	height: 600px;
	content: ' ';
	z-index: 10;
	position: absolute;
	top: 0
}

.banner_img,
.video-container {
	position: relative;
	height: 100%;
}

.video-container video {
	height: 100%;
	width: auto;
	margin: 0;
	padding: 0;
	display: block;
}

.banner_img {
	height: 600px;
	overflow: hidden;
	width: 100%;
}

.home-banner h1 {
	position: absolute;
  max-width: 100%;
  width: 80%;
  display: block;
  bottom: 100px;
  left: 50%;
  transform: translate(-50%);
  color: #fff;
  z-index: 100;
  background-color: rgba(0, 0, 0, 0.7);
  line-height: 60px;
  font-size: 36px;
  padding:0 20px;
  border-radius:10px;
  text-transform: uppercase;
  font-weight: 700;
  text-align: center;
}

.div-login {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
}

.how-it {
	width: 50%;
	background-color: #2179d2;
	min-height: 100px;
	text-align: center;
	padding: 70px 20px;
	background-image: url(../images/how-it-bg.jpg);
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}

.how-it h3 {
	font-size: 36px;
	color: #fff;
	font-weight: 700;
	text-transform: uppercase;
	margin-bottom: 30px;
}

.how-it p {
	color: #fff;
	text-transform: uppercase;
	font-weight: 600;
	font-size: 18px;
	margin: 20px 0 0 0;
}

.how_it_slider .swiper-wrapper {
	padding-bottom: 40px !important;
}

.how_it_slider .swiper-horizontal>.how_it_slider .swiper-pagination-bullets .swiper-pagination-bullet,
.how_it_slider .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
	background-color: #fff;
	border-radius: 0;
	height: 4px;
	width: 25px;
	opacity: 0.5;
}

.how_it_slider .swiper-pagination-bullet-active {
	background-color: #fff;
	border-radius: 0;
	height: 7px !important;
	width: 25px;
	opacity: 1 !important;
}

.login {
	width: 50%;
	background-color: #529f1a;
	min-height: 100px;
	padding: 70px 20px;
	background-image: url(../images/login.jpg);
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}

.login h3 {
	color: #fff;
	font-weight: 700;
	font-size: 36px;
	text-align: center;
	margin-bottom: 20px;
}

.login img {
	width: 60px;
	margin-right: 10px;
}

.login-form {
	width: 60%;
	margin: 0 auto;
	margin-top: 10px;
}

.form-floating {
	margin-bottom: 35px;
	position: relative;
}

.form-floating i {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	right: 15px;
	color: var(--black);
}

.form-floating .form-control {
	height: 55px !important;
	font-weight: 500 !important;
	border-radius: 7px;
	border: 0px solid #ccc;
	font-size: 15px;
	color: var(--black) !important;
	background-color: #fff;
}

.form-control {
	height: 55px !important;
	font-weight: 500 !important;
	border-radius: 7px;
	border: 0px solid #ccc;
	font-size: 16px;
	color: var(--black) !important;
	background-color: #fff !important;
}

.form-control:-ms-input-placeholder {
	/* Internet Explorer 10-11 */
	color: var(--black) !important;
}

textarea.form-control {
	min-height: 55px !important;
	height: auto !important;
}

.form-control::placeholder {
	color: rgba(0, 0, 0, 0.6) !important;
	font-weight: 500 !important;
}

.form-floating .form-control::placeholder {
	color: rgba(255, 255, 255, 0) !important;
}

.lable {
	font-size: 16px;
	font-weight: 500;
}

.tip-lable {
	font-size: 16px;
	font-weight: 600;
}

select {
	font-weight: 500 !important;
}

.form-floating label {
	font-weight: 500;
	color: #555 !important;
	padding: 1rem .75rem !important;
}

.form-floating label.small {
	font-size: 16px;
}

.fpwd {
	text-align: right;
	margin-top: 0px !important;
	margin-bottom: 30px !important;
}

.fpwd a {
	color: #fff;
	font-weight: 500;
	border-bottom: 1px solid #fff;
	transition: all 0.3s;
}

.fpwd a:hover {
	color: #8bc809;
	border-bottom: 1px solid #8bc809;
	transition: all 0.3s;
}

.login-with {
	text-align: center;
	margin-top: 25px;
	color: #fff;
	font-weight: 500;
	height: 30px;
	line-height: 30px;
}

.login-with span{
	height: 30px;
	display: inline-block;
	vertical-align: middle;
  	line-height: 10px;
	
}

.login-with a {
	background-color: var(--white);
	width: 30px;
	height: 30px;
	line-height: 30px;
	display: inline-block;
	border-radius: 50%;
	text-align: center;
	margin-left: 20px;
	transition: all 0.4s;
	color: var(--primary);
	text-align: center;
	position: relative;
}

.login-with a:hover {
	background-color: #ccc;
	transition: all 0.4s;
}

.login-with img {
	width: 20px;
	height: 20px;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

.register {
	color: #fff;
	text-align: center;
	font-weight: 500;
	margin: 0;
	margin-top: 30px;
}

.register a {
	color: #fff;
	font-weight: 500;
	border-bottom: 1px solid #fff;
	transition: all 0.3s;
}

.register a:hover {
	color: #8bc809;
	border-bottom: 1px solid #8bc809;
	transition: all 0.3s;
}

.app-link-section {
	padding: 70px 0;
}

.app-link-section h3 {
	text-transform: uppercase;
	color: #1d509b;
	font-size: 36px;
	text-align: center;
	font-weight: 700;
	margin-bottom: 25px;
}

.app-qr {
	margin: 25px;
}

.app-qr .qr {
	box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.3) !important;
	border-radius: 40px;
	margin-bottom: 20px;
	width: 250px;
}

.app-qr p {
	color: #1d509b;
	font-size: 18px;
	font-weight: 600;
	text-align: center !important;

}

.app-qr {
	text-align: center !important;
	margin-bottom: 25px;
}

.app-qr a img {
	transition: all 0.4s;
}

.app-qr a img:hover {
	transform: scale(1.03);
	transition: all 0.4s;
}

.price-area {
	margin: 25px;
	position: relative;
	overflow: hidden;
}

.price-area img {
	width: 100%;
	position: relative;
	transition: 0.5s;
}

.price-area:hover img {
	transform: scale(1.03);
	transition: 0.5s;
}

.price-area a:after {
	width: 0;
	height: 0;
	position: absolute;
	background-color: var(--black);
	top: 50%;
	left: 50%;
	z-index: 1;
	content: "";
	transform: translate(-50%, -50%);
	transition: all 0.5s;
	opacity: 0.2;
}

.price-area a:hover::after {
	width: 100%;
	height: 100%;
	transform: translate(-50%, -50%);
	transition: all 0.5s;
}

.app-link-section {
	background: linear-gradient(0deg, rgba(255, 255, 255, 1) 25%, rgba(217, 230, 246, 1) 75%) !important;
}

.schedule-section {
	background-color: #2179d2;
	padding: 70px 0;
}

.schedule-section h3 {
	text-transform: uppercase;
	color: var(--white);
	font-size: 36px;
	text-align: center;
	font-weight: 700;
	margin-bottom: 25px;
}

.schedule-section p {
	text-transform: uppercase;
	color: var(--white);
	font-size: 20px;
	text-align: center;
	font-weight: 500;
}

.schedule-green {
	background-color: #62a532;
	padding: 15px;
	text-align: center;
	color: #fff;
	font-weight: 650;
	border-radius: 10px;
	border: 0px;
	position: relative;
	z-index: 1;
	font-size: 18px;
}

.schedule-orange span,
.schedule-green span {
	text-transform: uppercase;
	font-weight: 600;
	font-size: 14px !important;

}

.schedule-green::after {
	background-color: #8bc809;
	position: absolute;
	top: 0;
	left: 50%;
	content: "";
	z-index: -1;
	width: 0;
	height: 100%;
	border-radius: 10px;
	border: 0px;
	transform: translateX(-50%);
	transition: width 0.3s;
}

.schedule-green:hover::after {
	width: 100%;
	transform: translateX(-50%);
	transition: width 0.3s;
}

.schedule-orange {
	background-color: #d39e00;
	padding: 15px;
	text-align: center;
	color: #fff;
	font-weight: 600;
	border-radius: 10px;
	z-index: 1;
	position: relative;
	font-size: 18px;
}

.schedule-orange::after {
	background-color: #ffbf00;
	position: absolute;
	top: 0;
	left: 50%;
	content: "";
	z-index: -2;
	width: 0;
	height: 100%;
	border-radius: 10px;
	border: 0px;
	transform: translateX(-50%);
	transition: width 0.3s;
}

.schedule-orange:hover::after {
	width: 100%;
	transform: translateX(-50%);
	transition: width 0.3s;
}

.schedule-orange.active,
.schedule-green.active {
	border: 2px solid #fff;
}

.schedule-orange p {
	position: absolute;
	color: #9f7b0e;
	transform: translateX(-50%);
	text-align: center;
	bottom: -20px;
	left: 50%;
	font-weight: 800;
	z-index: -1;
	font-size: 25px;
}

.schedule-time-green {
	color: #92ef4d;
	border: 2px solid #92ef4d;
	border-radius: 5px;
	line-height: 40px;
	height: 40px;
	padding: 0;
	text-align: center;
	font-weight: 600;
	position: relative;
	z-index: 1;
	font-size: 15px !important;
}

.schedule-time-green:hover {
	color: #fff;
}

.schedule-time-green::after {
	background-color: var(--primary-light);
	position: absolute;
	top: 0;
	left: 50%;
	content: "";
	z-index: -1;
	width: 0;
	height: 100%;
	border-radius: 5px;
	border: 0px;
	transform: translateX(-50%);
	transition: width 0.3s;

}

.schedule-time-green:hover::after {
	width: calc(100% - 2px);
	transform: translateX(-50%);
	transition: width 0.3s;

}

.schedule-time-green.active {
	background-color: var(--white);
	color: #2179d2;
	border: 1px solid #fff;
}

.schedule-time-green.active:hover {
	color: #fff;
}

.tip .schedule-time{
	color: #fff;
	border: 1px solid #fff;
	text-align: center;
	height: 40px;
	line-height: 40px;
	font-weight: 500;
	border-radius: 7px;
}





.schedule-time-orange {
	color: #ffd119;
	border: 2px solid #ffd119;
	border-radius: 5px;
	line-height: 40px;
	height: 40px;
	padding: 0;
	text-align: center;
	font-weight: 600;
	position: relative;
	z-index: 1;
	font-size: 15px !important;
}

.schedule-time-orange:hover {
	color: #fff;
}

.schedule-time-orange::after {
	background-color: var(--primary-light);
	position: absolute;
	top: 0;
	left: 50%;
	content: "";
	z-index: -1;
	width: 0;
	height: 100%;
	border-radius: 5px;
	border: 0px;
	transform: translateX(-50%);
	transition: width 0.3s;

}

.schedule-time-orange:hover::after {
	width: calc(100% - 2px);
	transform: translateX(-50%);
	transition: width 0.3s;

}

.schedule-time-orange.active {
	background-color: var(--white);
	color: #2179d2;
	border: 1px solid #fff;
}

.schedule-time-orange.active:hover {
	color: #fff;
}










.intro {
	text-transform: none !important;
	margin: 0;
	color: #fff;
	font-size: 15px !important;
	font-weight: 600 !important;
	text-align: center !important;
	width: 100%;
}

.intro i {
	font-size: 18px;
	margin-right: 5px;
}

.green-intro {
	color: #8bc809;
}

.orange-intro {
	color: #ffbf00;
}

.intro br {
	display: none;
}

.pm12 {
	font-size: 17px !important;
	text-transform: none !important;
	font-weight: 600;
}

.interest-form {
	background-color: #439cf7;
	padding: 50px;
	border-radius: 10px;
	box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.2) !important;
}

/* services */

.gradiant {
	opacity: 0.3;
	margin-top: 50px;
	width: 100%;

}

.service-title {
	color: #fff;
	font-size: 22px;
	text-transform: uppercase;
	font-weight: 600;
	margin-bottom: 15px;
}

.service-title a {
	float: right;
	color: #8bc809;
	transition: color 0.3s;
	font-size: 16px;
}

.service-title a:hover {
	color: #fff;
	transition: color 0.3s;
}

.service-title img {
	margin-right: 10px;
}

.service-count {
	width: 100%;
	padding: 10px;
	background-color: #439cf7;
	border-radius: 5px;
}

.service-count-title {
	color: #fff;
	font-size: 16px;
	font-weight: 500;
	margin-bottom: 10px;
	position: relative;
	padding-left: 60px;
	line-height: 26px;
}

.service-count-title img {
	margin-right: 10px;
	position: absolute;
	left: 0
}

.qty-container {
	display: inline-flex;
	margin-top: 10px;
}

.qty-container .input-qty {
	text-align: center;
	padding: 0px 0px;
	border: 0;
	background-color: transparent;
	max-width: 35px;
	height: 20px;
	font-size: 18px;
	color: #fff;
	font-weight: 600;
}

.qty-container .qty-btn-minus,
.qty-container .qty-btn-plus {
	border: 0;
	background-color: #fff;
	font-size: 10px;
	height: 20px;
	line-height: 20px;
	border-radius: 15px;
	width: 20px;
	transition: 0.3s;
	font-size: 14px;
	color: #0f3863;
}

.qty-container .qty-btn-plus {
	margin-left: -1px;
}

.qty-container .qty-btn-minus {
	margin-right: -1px;
}

.add-on .form-check-label {
	color: #fff;
	width: 100%;
	display: block;
	font-weight: 550;
}

.add-on .form-check-input {
	background-color: var(--primary);
	border: 1px solid #fff;
}

.add-on h5 strong{
	font-size: 16px;
}

/* Login & registration */

.active-login{
	background-color: #8BC70A;
	color: #fff !important;
	border-radius: 5px;
	text-align: center;
}

.login-section {
	background-color: #2179d2;
	padding: 70px 0;
}

.explore {
	text-align: center;
}

.explore a {
	color: #fff;
	text-align: center !important;
	font-size: 20px;
	font-weight: 600;
	text-decoration: underline !important;
	line-height: 26px;
	transition: all 0.3s;
}

.explore a:hover {
	color: var(--tertiary);
	transition: all 0.3s;
}

.registration-form {
	width: 90%;
	margin: 0 auto;
	margin-top: 10px;
}

.form-check-input[type="checkbox"] {
	border-radius: 0;
	border: 1px solid #fff;
}

.form-check-input:checked {
	background-color: #195695;
	border-color: #fff;
}

.forgot-pwd-text {
	font-weight: 600;
	text-align: center;
	color: #fff;
}

.modal {
	z-index: 10000 !important;
}

.modal-title {
	font-weight: 700;
}

.modal-content {
	background-color: #0f3863;
}

.schedule-section-dark {
	background-color: #195695;
	padding: 50px 0;
}

.cart-count {
	color: #fff;
	font-size: 18px;
	margin: 0;
	font-weight: 700;
}

.cart-total {
	color: #fff;
	font-size: 18px;
	margin: 0;
	text-align: right;
	font-weight: 600;
}

.green-saperator {
	background-color: #8cc90c;
	width: 100%;
	height: 1px;
	content: " ";
	margin: 25px 0;
}

.blue-saperator {
	background-color: #439cf7;
	width: 100%;
	height: 1px;
	content: " ";
	margin: 0;
}

.pickup-detail {
	font-size: 16px !important;
	font-weight: 500 !important;
	text-align: left !important;
}

.pickup-detail span {
	color: #8cc90c;
	margin: 0 15px;
}

.service-count-title span {
	color: #8cc90c;
	margin: 0 15px;
}

.back a {
	color: #fff;
	font-size: 14px;
	text-transform: capitalize;
	transition: color 0.3s;
	/* border-bottom: 1px solid #fff; */
	background-color: #195695;
	padding: 5px;
	font-weight: 600;
	border-radius: 5px;
	text-align: left !important;
}

.back a:hover {
	color: var(--white);
	transition: color 0.3s;
	background-color: var(--secondary);
}

.apply-btn {
	position: absolute;
	top: 0;
	right: 0;
	padding: 0 25px;
	border-radius: 0 5px 5px 0 !important;
	height: 55px;
	line-height: 55px;
}

.pricing {
	background-color: #439cf7;
	padding: 10px 15px;
	border-radius: 10px;
	margin-bottom: 10px;
	border: 1px solid #439cf7;
	transition: all 0.3s;
}

.pricing:hover {
	border: 1px solid var(--secondary);
	background-color: var(--secondary);
	transition: all 0.3s;
}

.pricing p {
	margin: 0;
	font-weight: 600;
	line-height: 40px;
	font-size: 17px;
	text-transform: capitalize;
}

.pricing p img {
	margin-right: 10px;
	width: 40px;
}

.pincode {
	margin: 5px 10px 10px 10px;
	color: #fff;
	text-align: center;
	border-bottom: #fff 1px solid;
	position: relative;
	z-index: 1;
	padding: 5px 0;
}

.pincode::after {
	background-color: var(--secondary);
	position: absolute;
	width: 0;
	height: 100%;
	content: "";
	left: 50%;
	bottom: -1px;
	transform: translateX(-50%);
	transition: width 0.5s;
	z-index: -1;
}

.pincode:hover:after {
	width: 100%;
	transform: translateX(-50%);
	transition: width 0.5s;
}

.pincode-text {
	background-color: var(--primary-light);
	color: #fff;
	font-size: 16px !important;
	text-transform: none !important;
	padding: 15px;
	border-radius: 7px;
	font-weight: 600;
	text-align: center;
}

.pincode-text a {
	border-bottom: 1px solid #fff;
	color: #fff;
	transition: color 0.4s;
}

.pincode-text a:hover {
	color: #a9e922;
	transition: color 0.4s;
}

.how-it-works {
	width: calc(100% - 120px);
	height: 300px;
	border-radius: 10px;
	background-color: #fff;
	padding: 50px 50px 50px 160px;
	position: relative;
	margin-left: auto;
	margin-bottom: 50px;
}

.how-it-works img {
	position: absolute;
	width: 240px;
	top: 50%;
	left: -120px;
	transform: translateY(-50%);
	border-radius: 50%;
	box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.3) !important;
}

.how-content {
	position: absolute;
	transform: translateY(-50%);
	top: 50%;
	padding-right: 70px;
}

.how-it-works h4 {
	text-align: left;
	font-size: 24px;
	font-weight: 600 !important;
	color: var(--black);
	line-height: 26px;
	width: 100%;
	text-transform: uppercase;
	margin-bottom: 25px;
}

.how-it-works p {
	font-size: 16px;
	font-weight: 550;
	color: var(--black);
	text-align: left;
	line-height: 24px;
	text-transform: none;
}

.mt-70 {
	margin-top: 100px;
}

.green-saperator {
	margin: 15px 0;
}

.set {
	position: relative;
	width: 100%;
	height: auto;
	margin-bottom: 10px;
	border-radius: 0px;
	box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.2) !important;
	background-color: var(--primary-light);
	border-radius: 10px;
}

.set>a {
	display: block;
	text-decoration: none;
	padding: 20px 25px;
	line-height: 24px;
	color: #fff !important;
	font-weight: 500;
	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	transition: all 0.2s linear;
	border-radius: 0px;
	font-size: 20px;
	font-weight: 600;
	text-align: justify;
}

.set .tag {
	padding-right: 200px;
	position: relative;
}

.set i {
	float: right;
	background-color: #fff;
	width: 25px;
	height: 25px;
	line-height: 25px;
	border-radius: 25px;
	color: var(--primary);
	text-align: center;
	font-size: 16px;
	position: absolute;
	top: 0;
	right: 5px;
}

.set i:hover {
	color: #fff;
	background-color: #8bc809;
}

.set>a:hover{
	background-color: var(--secondary);
	border-radius: 10px;
}

.set>a.active {
	background-color: var(--primary);
	border-radius: 10px 10px 0 0;
}

.acc-content {
	/* background-color: #e7edf8; */
	display: none;
	padding: 0px;
	padding: 20px 200px 20px 25px;
	border-top: 1px solid rgba(255, 255, 255, 0.3);
}

.acc-content p {
	text-align: left !important;
	font-size: 16px;
	text-transform: none;
	margin-bottom: 0;
}

.refund-policy {
	font-weight: 500 !important;
	font-size: 16px !important;
	text-align: justify !important;
	text-transform: none !important;
}

.thank-you {
	background-color: #439cf7;
	padding: 50px;
	border-radius: 10px;
	box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.2) !important;
}

.thank-you p {
	text-align: center;
}

.thank-you p i {
	font-size: 40px !important;
	color: #a9e922;
}

.thank-you .order-no {
	font-size: 30px !important;
	color: #fff;
	font-weight: 600;
}

.thank-you h3 {
	font-size: 50px;
	font-weight: 800;
	text-align: center;
	color: #fff;
	text-transform: uppercase;
	margin-bottom: 25px;
}


.username {
	background-color: #8BC70A;
	color: #185691;
	font-size: 22px;
	text-align: center;
	font-weight: 600;
	padding: 15px 10px !important;
	margin-bottom: 20px;
	border-radius: 10px;
	text-transform: capitalize;
}

.contact {
	font-size: 16px;
	color: #fff;
	line-height: 22px;
	font-weight: 500;
}

.contact-address {
	font-size: 16px;
	color: #fff;
	line-height: 22px;
	font-weight: 500;
	margin-top: 7px
}

.contact span {
	font-weight: 700;
	width: 70px !important;
	display: inline-block;
}

.wonder-tabs .nav-item {
	margin-right: 1px;
}

.wonder-tabs .nav-item:last-child {
	margin-left: 1px;
}

.wonder-tabs .nav-link {
	background-color: #8bca0a !important;
	color: #023062 !important;
	font-weight: 600;
	font-size: 18px;
	line-height: 30px;
	border-radius: 0px;
	text-transform: uppercase;
	height: 100%;
}

.wonder-tabs .nav-item:first-child .nav-link {
	border-radius: 7px 0 0 7px;
}

.wonder-tabs .nav-item:last-child .nav-link {
	border-radius: 0 7px 7px 0;
}

.wonder-tabs .nav-link.active {
	position: relative;
}

.wonder-tabs .nav-link.active:after {
	content: '';
	position: absolute;
	top: 100%;
	left: 0;
	right: 0;
	margin: 0 auto;
	width: 0;
	height: 0;
	border-top: solid 10px #8bca0a;
	border-left: solid 10px transparent;
	border-right: solid 10px transparent;
}

.my-order-list {
	background-color: #439cf7;
	padding: 15px;
	border-radius: 5px;
	position: relative;
	padding-left: 85px;
	border: 1px solid #439cf7;
	transition: all 0.3s;
	margin-bottom: 20px;
	box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15) !important;
}

.my-order-list img {
	width: 50px;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	left: 20px
}

.my-order-list p {
	font-size: 18px;
	color: #fff;
	font-weight: 600;
	margin: 0;
	line-height: 26px;
}

.my-order-list i {
	position: absolute;
	right: 20px;
	top: 50%;
	transform: translateY(-50%);
	font-size: 20px !important;
}

.cancelled {
	color: #aa0000;
	font-size: 16px !important;
}

.picked {
	color: #144071;
	font-size: 16px !important;
}

.inprocess {
	color: #144071 !important;
	font-size: 16px;
}

.completed {
	color: #9AE300 !important;
	font-size: 16px !important;
}

.date {
	color: #fff !important;
	font-size: 16px !important;
}

.my-notification {
	overflow: hidden;
	border-radius: 5px;
	background-color: #0f3863 !important;
	padding: 0px !important;
	width: 275px;
}

.notification-title {
	background-color: #356497;
	color: #fff;
	font-size: 18px;
	font-weight: 600;
	padding: 10px;
	line-height: 18px;
	margin: 0;
}

.notify-div {
	width: 100%;
	position: relative;
	background-color: #0f3863 !important;
	padding: 10px 15px 10px 50px;
	border-bottom: 1px solid rgba(255, 255, 255, 0.2);
	transition: background-color 0.3s;
}

.notify-div:hover {
	background-color: rgba(255, 255, 255, 0.1) !important;
	transition: background-color 0.3s;
}

.notify-div:last-child {
	border-bottom: 0;
}

.notify-div-letter {
	width: 32px;
	height: 32px;
	line-height: 32px;
	font-size: 18px !important;
	text-transform: uppercase;
	text-align: center;
	position: absolute;
	background-color: #bdff34 !important;
	color: #1563b4 !important;
	border-radius: 50px;
	font-weight: 600;
	left: 10px;
	top: 50%;
	transform: translateY(-50%);
}

.notify-div p {
	color: #fff;
	font-size: 14px;
	font-weight: 550;
	margin: 0;
	text-transform: none;
}

.notify-div:hover p {
	color: #bdff34;
}

.notify-div p span {
	color: #c9d6e1 !important;
	font-size: 13px;
	font-weight: 500;
	margin: 0;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

.price-div {
	margin-bottom: 30px;
}

.code {
	background-color: var(--primary) !important;
	padding: 0px 15px;
	margin-bottom: 10px;
	border-bottom: 1px solid #bdff34;
	transition: all 0.3s;
	margin-right: 5px;
	width: calc(100% - 15px)
}

.code:hover {
	background-color: rgba(255, 255, 255, 0.1) !important;
	transition: all 0.3s;
}

.code p {
	margin: 0;
	font-weight: 500;
	line-height: 40px;
	font-size: 16px !important;
	text-transform: capitalize;
}

.code p img {
	margin-right: 10px;
	width: 40px;
}

.promo-code-link {
	background-color: #fff;
	display: block;
	padding: 16px;
	border-radius: 10px;
	margin-bottom: 15px;
	color: #444;
	font-weight: 500;
	font-size: 16px;
	position: relative;
}

.promo-code-link i {
	position: absolute;
	right: 0px;
	top: 50%;
	transform: translateY(-50%);
	background-color: #8bc809;
	color: #fff;
	height: 100%;
	line-height: 56px;
	width: 56px;
	text-align: center;
	border-radius: 0 10px 10px 0;
	transition: all 0.5s;
	font-size: 18px;
}

.promo-code-link i:hover {
	
	background-color: var(--secondary);
	transition: all 0.5s;
}

.refer-text {
	font-size: 16px;
	font-weight: 500;
	color: #fff;
	text-align: center;
	margin-bottom: 0;
}

.add-more-link {
	text-align: center;
	margin: 20px 0 !important;
}

.add-more-link a {
	font-size: 17px;
	font-weight: 600;
	color: #fff !important;
	text-align: center;
	transition: color 0.3s;
}

.add-more-link a:hover {
	color: #8bc809 !important;
	transition: color 0.3s;
}



.refer-list {
	background-color: #439cf7;
	padding: 10px 15px;
	border-radius: 5px;
	position: relative;
	border: 1px solid #439cf7;
	transition: all 0.3s;
	margin-bottom: 20px;
	box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15) !important;
}

.refer-list p {
	font-size: 16px;
	color: #fff;
	font-weight: 500;
	margin: 0;
	line-height: 30px;
}

.refer-list p span{
	font-size: 18px;
	color: #fff;
	font-weight: 700;
	margin: 0;
	line-height: 30px;
}

.resend {
	position: absolute;
	top: 10px;
	right: 15px;
}


.cookies {
	width: 380px;
	background: #fff;
	border-radius: .5rem;
	box-shadow: 0 10px 37px rgba(0, 0, 0, .15);
	border: .5px solid hsla(0, 0%, 46%, .28);
	position: fixed;
	left: 1.5625rem;
	bottom: 1.5625rem;
	padding: 15px;
	display: flex;
	flex-direction: column;
	z-index: 111;
	box-shadow: 0 5px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19) !important;
}

.cookies a {
	font-size: 18px;
	margin-bottom: 0px;
	text-align: right;
	color: var(--primary) !important;
}

.cookies a:hover {
	color: var(--black) !important;
}

.cookies h3 {
	font-size: 18px;
	margin-bottom: 10px;
	font-weight: 700;
	font-family: var(--font);
}

.cookies p {
	font-size: 15px;
	margin-bottom: 15px;
}

.cookies p a {
	font-size: 14px;
	margin-bottom: 15px;
	color: var(--primary);
	font-weight: 600;
}

.cookies .btn {
	height: 35px;
	line-height: 35px;
	font-size: 14px;
}

.terms-title {
	font-size: 22px;
	text-transform: uppercase;
	color: var(--white);
	font-weight: 700;
	margin-top: 20px;
}

.refund-policy-list {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

.refund-policy-list li,
.refund-policy-list li a {
	font-weight: 500 !important;
	font-size: 16px !important;
	text-align: justify !important;
	text-transform: none !important;
	color: #fff !important;
	position: relative;
}

.refund-policy-list li i {
	font-size: 13px;
	position: absolute;
	top: 5px;
	left: 0;
}
.refund-policy-list li i.fa-circle {
	font-size: 9px;
	position: absolute;
	top: 7px;
	left: 0;
}

.refund-policy-list li {
	padding-left: 20px;
}



.button {
	float: left;
	margin: 0 10px 0px 0;
	display: block;
	height: 40px;
	position: relative;
	min-width: 105px;
}

.button:last-child {
	margin: 0;
}

.button label,
.button input {
	display: block;
	background-color: #195695;
	border: 3px solid #195695;
	margin-bottom: 15px;
	padding: 5px 17px;
	color: #fff;
	font-weight: 600;
	border-radius: 50px;
	font-size: 14px;
}

.button input[type="radio"] {
	opacity: 0;
	display: none;
}

.button label:hover {
	background: #195695;
	border-radius: 50px;
	border: 3px solid #92ef4d;
	color: #fff;
}

.button input[type="radio"]:checked+label {
	background: #195695;
	border-radius: 50px;
	border: 3px solid #92ef4d;
}

.button label {
	cursor: pointer;
	z-index: 90;
	line-height: 1.8em;
}

.custom-check {
	border-bottom: 1px solid #fff;
	margin-bottom: 15px;
	padding: 0 25px 0 0 !important;
	position: relative;
}

.custom-check .form-check-input[type="checkbox"] {
	border-radius: 15px;
	width: 20px;
	height: 20px;
	margin-right: 10px;
	border: 2px solid #fff;
	position: absolute;
	right: 0;
}

.custom-check .form-check-input:checked[type="checkbox"] {
	background-image: url(../images/dot.png);
	background-size: 10px;
}

.custom-check label {
	line-height: 28px;
	margin-bottom: 10px;
}

.survey-app {
	width: 150px;
	margin-right: 15px;
}

.feedback-div {
	background-color: var(--white);
	width: 100%;
	border-radius: 10px;
	padding: 40px 20px;
}

.feedback-title {
	color: #1e4e9c !important;
	position: relative;
	padding-bottom: 30px;
}

.feedback-title::after {
	width: 150px;
	height: 5px;
	content: "";
	background-color: var(--secondary);
	position: absolute;
	bottom: 0px;
	left: 50%;
	transform: translateX(-50%);
}

.feedback-div p {
	text-align: left;
	font-size: 16px;
	color: #454545;
	text-transform: none;
}

.questions {
	background-color: #fff;
	padding: 15px;
	width: 100%;
	box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2) !important;
	margin-top: 20px;
	border-radius: 5px;
}

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

.questions ul li {
	display: inline;
	margin-right: 15px;
}




form#smileys input[type=radio],
.verysatisfied input[type=radio] {
	-webkit-appearance: none;
	width: 35px;
	height: 35px;
	border: none;
	cursor: pointer;
	transition: border 0.2s ease;
	margin: 0 5px;
	transition: all 0.2s ease;
	border-radius: 50px;
}

form#smileys input[type=radio].v-satisfied,
.verysatisfied input[type=radio].v-satisfied {
	background: url(../images/smile-1.png) center;
	background-size: cover;
	border: 1px solid #549b00;
}

form#smileys input[type=radio].satisfied,
.verysatisfied input[type=radio].satisfied {
	background: url(../images/smile-2.png) center;
	background-size: cover;
	border: 1px solid #5daa02;
}

form#smileys input[type=radio].neutral,
.verysatisfied input[type=radio].neutral {
	background: url(../images/smile-3.png) center;
	background-size: cover;
	border: 1px solid #d89800;
}

form#smileys input[type=radio].dissatisfied,
.verysatisfied input[type=radio].dissatisfied {
	background: url(../images/smile-4.png) center;
	background-size: cover;
	border: 1px solid #dd3e3e;
}

form#smileys input[type=radio].v-dissatisfied,
.verysatisfied input[type=radio].v-dissatisfied {
	background: url(../images/smile-5.png) center;
	background-size: cover;
	border: 1px solid #da0000;
}

form#smileys input[type=radio]:hover>img,
form#smileys input[type=radio]:checked>img,
.verysatisfied input[type=radio]:hover>img,
.verysatisfied input[type=radio]:checked>img {
	filter: brightness(0) invert(1);
}

form#smileys input[type=radio].v-satisfied:hover,
form#smileys input[type=radio].v-satisfied:checked,
.verysatisfied input[type=radio].v-satisfied:hover,
.verysatisfied input[type=radio].v-satisfied:checked {
	filter: grayscale(0);
	background-color: #549b00 !important;
	border: 2px solid #549b00;
	background: url(../images/smile-11.png) center;
	background-size: cover;
}

form#smileys input[type=radio].satisfied:hover,
form#smileys input[type=radio].satisfied:checked,
.verysatisfied input[type=radio].satisfied:hover,
.verysatisfied input[type=radio].satisfied:checked {
	filter: grayscale(0);
	background-color: #5daa02 !important;
	border: 2px solid #5daa02;
	background: url(../images/smile-22.png) center;
	background-size: cover;
}

form#smileys input[type=radio].neutral:hover,
form#smileys input[type=radio].neutral:checked,
.verysatisfied input[type=radio].neutral:hover,
.verysatisfied input[type=radio].neutral:checked {
	filter: grayscale(0);
	background-color: #d89800 !important;
	border: 2px solid #d89800;
	background: url(../images/smile-33.png) center;
	background-size: cover;
}


form#smileys input[type=radio].dissatisfied:hover,
form#smileys input[type=radio].dissatisfied:checked,
.verysatisfied input[type=radio].dissatisfied:hover,
.verysatisfied input[type=radio].dissatisfied:checked {
	filter: grayscale(0);
	background-color: #dd3e3e !important;
	border: 2px solid #dd3e3e;
	background: url(../images/smile-44.png) center;
	background-size: cover;
}

form#smileys input[type=radio].v-dissatisfied:hover,
form#smileys input[type=radio].v-dissatisfied:checked,
.verysatisfied input[type=radio].v-dissatisfied:hover,
.verysatisfied input[type=radio].v-dissatisfied:checked {
	filter: grayscale(0);
	background-color: #da0000 !important;
	border: 2px solid #da0000;
	background: url(../images/smile-55.png) center;
	background-size: cover;
}

.questions label{
	font-weight: 600;
	color: #454545;
}

.questions .form-check{
	margin-top: 10px;
}

.questions .form-check .form-check-input{
	width: 20px;
	height: 20px;
	margin-right: 7px;
	border: 1px solid var(--primary);
	cursor: pointer;
}

form#recommend,
.recommend{
	display: flex;
}

form#recommend input[type=radio],
.recommend input[type=radio] {
	-webkit-appearance: none;
	width: 35px;
	height: 35px;
	border: none;
	cursor: pointer;
	transition: border 0.2s ease;
	transition: all 0.2s ease;
	border-radius: 50px;
	
}

.recommend-div {
	position: relative;
	width: 35px;
	height: 35px;
	margin: 0 5px;
}

.recommend-div label{
	position: absolute;
	top: 50%;
	left : 50%;
	transform: translate(-50%, -50%);
	text-align: center;
	font-weight: 700;
	cursor: pointer;
}

form#recommend input[type=radio].v-satisfied,
.recommend input[type=radio].v-satisfied {
	border: 2px solid #549b00;
	color: #000;
}

form#recommend input[type=radio].satisfied,
.recommend input[type=radio].satisfied {
	background-size: cover;
	border: 2px solid #5daa02;
}

form#recommend input[type=radio].neutral,
.recommend input[type=radio].neutral {
	background-size: cover;
	border: 2px solid #d89800;
}

form#recommend input[type=radio].dissatisfied,
.recommend input[type=radio].dissatisfied {
	background-size: cover;
	border: 2px solid #dd3e3e;
}

form#recommend input[type=radio].v-dissatisfied,
.recommend input[type=radio].v-dissatisfied {
	background-size: cover;
	border: 2px solid #da0000;
}

form#recommend input[type=radio]:hover+label,
form#recommend input[type=radio]:checked+label,
.recommend input[type=radio]:hover+label,
.recommend input[type=radio]:checked+label {
	color: #fff;
}

form#recommend input[type=radio].v-satisfied:hover,
form#recommend input[type=radio].v-satisfied:checked,
.recommend input[type=radio].v-satisfied:hover,
.recommend input[type=radio].v-satisfied:checked {
	filter: grayscale(0);
	background-color: #549b00 !important;
	border: 2px solid #fff;
	outline: 2px solid #549b00 !important;
}

form#recommend input[type=radio].satisfied:hover,
form#recommend input[type=radio].satisfied:checked,
.recommend input[type=radio].satisfied:hover,
.recommend input[type=radio].satisfied:checked {
	filter: grayscale(0);
	background-color: #5daa02 !important;
	border: 2px solid #fff;
	outline: 2px solid #5daa02 !important;
}

form#recommend input[type=radio].neutral:hover,
form#recommend input[type=radio].neutral:checked,
.recommend input[type=radio].neutral:hover,
.recommend input[type=radio].neutral:checked {
	filter: grayscale(0);
	background-color: #d89800 !important;
	border: 2px solid #fff;
	outline: 2px solid #d89800 !important;
}


form#recommend input[type=radio].dissatisfied:hover,
form#recommend input[type=radio].dissatisfied:checked,
.recommend input[type=radio].dissatisfied:hover,
.recommend input[type=radio].dissatisfied:checked {
	filter: grayscale(0);
	background-color: #dd3e3e !important;
	border: 2px solid #fff;
	outline: 2px solid #dd3e3e !important;
}

form#recommend input[type=radio].v-dissatisfied:hover,
form#recommend input[type=radio].v-dissatisfied:checked,
.recommend input[type=radio].v-dissatisfied:hover,
.recommend input[type=radio].v-dissatisfied:checked {
	filter: grayscale(0);
	background-color: #da0000 !important;
	border: 2px solid #fff;
	outline: 2px solid #da0000 !important;
}

.questions .form-control{
	background-color: #efefef !important;
}

.tip .button label, .tip .button input{
	border-radius: 6px !important;
}

.alert{
	position: fixed;
	bottom: 50px;
	left : 50%;
	transform: translateX(-50%);
	z-index: 10000;
}
.error
{
	color: #bdff2f !important;;
}


.qty-container .qty-btn{position: relative;}
.qty-container .qty-btn::before, .qty-container .qty-btn::after {
	content: "";
	display: block;
	position: absolute;
	height: 2px;
	width: 10px;
	background: #0f3863;
	left: 0;
	right: 0;
	top: 50%;
	margin-top: -1px;
	left: 50%;
	margin-left: -5px;
}
.qty-container .qty-btn::before {
	transform: rotate(90deg);
}

.qty-container .qty-btn.qty-btn-minus::before{display: none;}


.wonderfield {display: flex;}
.wonderfield .form-control {
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
	flex: 1 0 0%;
}
.wonderfield .btn {
	white-space: nowrap;
	min-height: 55px;
	border-top-left-radius: 0 !important;
	border-bottom-left-radius: 0 !important;
	flex: 0 0 auto;
	width: auto;
	position: relative;
}

.badge-danger {
  color: #ffc70a;
}
.color_blueDark
{
	color: #13406e;
}
.color_orange
{
	color:#ffc70a;

}

.color_green
{
	color:#a8de64;
}
.color_greenText
{
	color:#a8de64;
}
.color_red
{
	color:red;
}

#paginationPosts li.page-item {
	margin: 20px 8px 0;cursor: pointer;
}
#paginationPosts li.page-item .page-link {
	background: #1d4f9b;
	color: #fff;
	border: none;
	min-width: 100px;
	text-align: center;
	border-radius: 5px;
}
#paginationPosts li.page-item:hover .page-link {
	background: #8bca0a;
	color: #023062 !important;
}

.code-applied {
  font-size: 16px !important;
  line-height: 40px !important;
  text-transform: none !important;
  text-align: left !important;
  margin-bottom: 0;
}
.registration-col{position: relative;}
.registration-col label.error {
	position: absolute;
	top: -17px;
	font-size: 13px;
	margin-bottom: 0;
	display: block;
}
.registration-col.agree-error label.error {position: absolute; bottom: 5px; top: auto; margin-bottom: 0;}
.header .right-menu ul li a.active-login {
    width: 44px;
}

.support-text.mb-4 {
  font-size: 21px;
  text-align: center;
  color: #fff;
  font-weight: 600;
}

.img_radius
{
	border-radius: 60%;
}

#pass_eye {
	position: absolute;
	top: 27px;
	right: 0;
}



.referfriend_field label.error {
	position: absolute;
	top: 100%;
	color: #bdff2f !important;
	font-size: 13px;
	padding-bottom: 0 !important;
	padding-top: 0 !important;
	line-height: 1 !important;
	height: auto;
	opacity: 1 !important;
	transform: initial !important;
}


.pricepage-mad > div {margin-top: 0 !important; padding-top: 0 !important;}

.book_servicepage .swiper .swiper-wrapper .swiper-slide {cursor: pointer;}
.password_field .field-icon {position: absolute; right: 15px; top: 50%;	margin-top: -8px;}
.checkout_popup .custom-scrollbar .code {width: calc(100% - 0px); margin-right: 0px; margin-bottom: 0;}
.checkout_popup .custom-scrollbar button {border: none; margin-bottom: 10px;}
.checkout_popup .custom-scrollbar button:hover {background-color: rgb(39, 76, 115) !important;}
.checkout_popup .custom-scrollbar button:last-child {margin-bottom: 0;}
.checkout_popup .modal-header {border-bottom: 1px solid rgba(255, 255, 255, .2);}


.header .right-menu ul li.carthad a {position: relative;}
.header .right-menu ul li.carthad a .cart_count {background: #ff5c0c; font-size: 11px; width: 16px; height: 16px; display: inline-block; position: absolute; right: 0; top: 4px; line-height: 15px; text-align: center; border-radius: 100%;}


.before-login-menu {
	display: flex;
	width: 100%;
}

.before-login-menu a {
	padding: 0;
	margin: 0;
	text-align: center;
	width: 50%;
	padding: 0 !important;
	background-color: #0f365f !important;
}
.before-login-menu a:first-child {
	border-right: 1px solid rgba(255, 255, 255, 0.1) !important;
}
.service-count-title .inform {
	position: relative;
	top: 2px;
	color: #000;
	background: #FCD600;
	border-radius: 100%;
	width: 18px;
	height: 18px;
	display: inline-block;
	line-height: 17px;
	font-size: 13px;
	text-indent: 6.4px;
	margin-left: 6px;
	font-style: italic;
}


.modal-content.regularbag .modal-body p {
	font-size: 14px;
	line-height: 1.4;
	text-align: left;
	word-wrap: break-word;
}
.modal-content.regularbag .modal-title {
	color: #8bc809 !important;
}

.tip_amount span {
	top: 50%;
	transform: translateY(-50%);
	left: 15px;
	color: #000;
	line-height: 1;
	padding-bottom: 2px;
	font-weight: 500 !important;
}
.tip_amount .form-control {
	padding-left: 30px;
}

.how-it.home-how-it {width: 100%;}





.location-menu-desktop ul li {
  margin: 0;
  padding: 0;
  list-style-type: none;
}

.refund-policy strong {
  font-size: 18px;
}
.text-uppercase {
  text-transform: uppercase !important;
}
b, strong {
  font-weight: bolder;
}
.refund-policy {
  font-weight: 500 !important;
  font-size: 16px !important;
  text-align: justify !important;
  text-transform: none !important;
}

.location-menu-desktop {
  margin-bottom: 25px;
  padding-right: 50px;
  position: sticky;
  top: 150px;
}

ul.list-unstyled {
  height: 40px;
  text-align: left;
  width: 100%;
  line-height: 40px;
  font-size: 16px;
  font-weight: 600;
  color: var(--white);
  margin: 0 auto;
    margin-bottom: 0px;
  z-index: 100;
  font-family: var(--font);
  background-color: #62a532;
  padding: 0;
  position: sticky !important;
  top: 80px;
  display: none;
  margin-bottom: 15px;
  text-transform: uppercase;
}




.location-menu-desktop ul li a:hover, .location-menu-desktop ul li a.active {
  background-color: #8dc80a;
  color: #2a5856;
  transition: all 0.4s;
}

.menu-desktop ul li a.active {
  background-color: #8dc80a;
  color: #2a5856;
  transition: all 0.4s;
}
.location-menu-desktop ul li a {
  width: 100%;
  min-height: 40px;
  background-color: #62a532;
  display: block;
  line-height: 20px;
  padding: 12px 20px;
  color: #fff;
  font-size: 16px;
  font-weight: 600;
  border-radius: 5px;
  margin-bottom: 5px;
  text-transform: uppercase;
  transition: all 0.4s;
}

.location-menu-desktop ul {
  margin: 0;
  padding: 0;
}
 ul {
  margin-top: 0;
  margin-bottom: 1rem;
}
 ul {
  padding-left: 2rem;
}
.area-foot {
  border-top: 1px solid #577492;
  background-color: #134579 !important;
  padding: 12px 0;
}

.area-foot p {
  color: #fff;
  font-weight: 550;
  line-height: 30px;
  margin: 0;
}
.area-foot-desk {
  display: block;
  font-size: 16px;
}

.area-foot p a {
  margin: 0 15px 0 11px;
  color: #8dc6ff;
  transition: all 0.4s;
}
.area-foot-desk br {
  display: none;
}
.area-foot p a:hover {
  color: #a9e922;
  transition: all 0.4s;
}

footer ul li a {
  line-height: 18px;
  color: #fff;
  font-size: 15px;
  font-weight: 500;
  transition: all 0.4s;
  position: relative;
  display: inline;
  background-image: linear-gradient(to right, var(--white), var(--white) 100%);
  background-position: 0 100%;
  background-repeat: no-repeat;
  background-size: 0 1px !important;
  -webkit-transition: all 0.2s, background-size 0.5s;
  transition: all 0.2s, background-size 0.5s;
}
.location-main-title {
  color: var(--white);
  font-size: 26px !important;
  line-height: 32px;
  font-weight: 700;
  text-transform: uppercase;
}

ul.list-unstyled li.init {
  cursor: pointer;
  padding: 0 15px;
}

ul.list-unstyled li {
  z-index: 2;
}


ul.list-unstyled li:not(.init) {
  float: left;
  width: 100% !important;
  display: none;
  background-color: #f7f4f0;
  color: var(--secondary) !important;
  font-family: var(--font);
  line-height: 40px;
  height: 40px;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
}

ul.list-unstyled {
  height: 40px;
  text-align: left;
  width: 100%;
  line-height: 40px;
  font-size: 16px;
  font-weight: 600;
  color: var(--white);
  margin: 0 auto;
    margin-bottom: 0px;
  z-index: 100;
  font-family: var(--font);
  background-color: #62a532;
  padding: 0;
  position: sticky !important;
  top: 80px;
  display: none;
  margin-bottom: 15px;
  text-transform: uppercase;
}
.list-unstyled {
  padding-left: 0;
  list-style: none;
}
ul.list-unstyled {
  height: 40px;
  text-align: left;
  width: 100%;
  line-height: 40px;
  font-size: 16px;
  font-weight: 600;
  color: var(--white);
  margin: 0 auto;
    margin-bottom: 0px;
  z-index: 100;
  font-family: var(--font);
  background-color: #62a532;
  padding: 0;
  position: sticky !important;
  top: 80px;
  display: none;
  margin-bottom: 15px;
  text-transform: uppercase;
}
.list-unstyled {
  padding-left: 0;
  list-style: none;
}


ul.list-unstyled::after {
	position: absolute;
	content: "\f0d7";
	font-family: 'FontAwesome';
	color: var(--white);
	top: 0px;
	right: 15px;
	font-size: 15px;
	z-index: -1;
}

ul.list-unstyled li:not(.init) a {
	float: left;
	width: 100%;
	color: #2a5856 !important;
	padding: 0 15px;
	display: block;
}
.list-unstyled li a.active {
	background-color: #8bca0a;
	color: #2a5856 !important;
}

.footer ul li {
	list-style-type: none;
	padding: 5px 0;
}



/*@media only screen and (min-width: 1401px) and (max-width: 1919px)  {
.home-banner {height: 400px;}
.banner_video {height: 400px;}
.overlay {height: 400px;}
.home-banner h1 {font-size: 26px; padding: 0 10px;}

.div-login .login {padding: 23px 20px;}
.div-login .login h3 {font-size: 28px;	margin-bottom: 15px;}
.div-login .login img {width: 20px; margin-right: 5px;}
.div-login .login .register {margin-top: 15px;}
.div-login .login .login-with a {width: 24px;	height: 24px; line-height: 24px; margin-left: 10px;}
.div-login .login .login-with {margin-top: 15px; height: 25px; line-height: 25px;}
.div-login .login .login-with span {height: 30px; line-height: 20px;}
.div-login .login .fpwd {margin-bottom: 18px !important;}
.video-container video {height: auto; width: auto;}
}	


@media only screen and (min-width: 1024px) and (max-width: 1400px)  {
.home-banner {height: 350px;}
.banner_video {height: 350px;}
.overlay {height: 350px;}
.home-banner h1 {font-size: 22px; line-height: 1.3;}

.div-login .login {padding: 23px 20px;}
.div-login .login h3 {font-size: 22px;	margin-bottom: 15px;}
.div-login .login img {width: 20px; margin-right: 5px;}
.div-login .login .register {margin-top: 10px;}
.div-login .login .login-with a {width: 24px;	height: 24px; line-height: 24px; margin-left: 10px;}
.div-login .login .login-with {margin-top: 12px; height: 25px; line-height: 25px; margin-bottom: 11px;}
.div-login .login .login-with span {height: 30px; line-height: 20px;}
.div-login .login .fpwd {margin-bottom: 15px !important; margin-top: -8px !important;}

.div-login .form-floating .form-control {height: 44px !important; font-size: 14px;}
.div-login .form-floating > .form-control {padding: 0.5rem .75rem;}
.div-login .form-floating label {padding: 0.5rem .75rem !important;}
.video-container {height: auto;}
.video-container video {height: 100%; width: 100%;}

}*/

@media only screen and (min-width: 1024px) and (max-width: 1200px)  {
/*.video-container video {height: 100%; width: auto;}*/
.how-it .swiper-slide img{max-width: 230px;}
}


@media screen and (max-width: 1023px) {
.home-banner h1 {font-size: 28px;}
.main-banner {width: 100%;}
.homemain .login {width: 100%;}


}
@media screen and (max-width: 767px) {
.login-section.loginnew .how-it {
	padding: 0 0 80%;
}
.how-it .swiper-slide img{max-width: 230px;}
}


.verify_mobile .btn {
	position: absolute;
	top: 9px;
	right: 9px;
	font-size: 11px;
	padding: 12px 14px;
	height: auto;
	line-height: normal;
}
.recaptcha_col iframe {transform: scale(0.85); margin-left: -24px; border-radius: 8px;}



.swal-overlay--show-modal .swal-modal {width: 348px;}
.swal-overlay--show-modal .swal-modal .swal-text {color: #75aa02; font-weight: 600;}
.swal-overlay--show-modal .swal-modal .swal-footer {text-align: center;	margin-top: 5px; margin-bottom: 30px;}
.swal-overlay--show-modal .swal-modal .swal-footer .swal-button {background-color: #6d9f02;}
.blogside_bar {width: 230px;}



@media only screen and (min-width: 1024px) and (max-width: 1200px)  {
/*.video-container video {height: 100%; width: auto;}*/
.how-it .swiper-slide img{max-width: 230px;}
}


@media screen and (max-width: 1023px) {
.home-banner h1 {font-size: 28px;}
.main-banner {width: 100%;}
.homemain .login {width: 100%;}


}

@media screen and (max-width: 991px) {
.front-registerpage .how-it,.front-registerpage .login{width: 100%;}
.front-registerpage .how-it {padding-bottom: 40%;}
}

@media screen and (max-width: 767px) {
.login-section.loginnew .how-it {padding: 0 0 80%;}
.how-it .swiper-slide img{max-width: 230px;}
}

@media screen and (max-width: 575px) {
.front-registerpage .login {padding: 30px 5px;}
.verify_mobile .btn {font-size: 10px; padding: 12px 10px;}
.swal-overlay--show-modal .swal-modal {width: 300px;}
}

/*------bloglist---------*/
.bg-primary-blue {background-color: #2179d2 !important;}
.text-primary {color: #2179d2 !important;}
.bloglist-box h5 a {text-transform: uppercase; font-weight: 600; font-size: 18px; overflow: hidden;	text-overflow: ellipsis; display: -webkit-box !important; -webkit-line-clamp: 2; -webkit-box-orient: vertical; min-height: 42px;}
.bloglist-box .criket-user p {font-size: 12px; letter-spacing: 0px;	color: #8bc809 !important; font-weight: 600;}
.bloglist-box .criket-user {margin-top: 8px;}
.bloglist-box .dcs {text-transform: initial; text-align: left; font-size: 14px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; min-height: 42px;}
.bloglist-box .tag {text-transform: capitalize;	font-weight: 500; font-size: 16px;}
.allposts a {background: rgba(255, 255, 255, 0.2); font-weight: 500; margin-bottom: 6px !important;}
.allposts a.active {background-color: var(--secondary);}
.created_at {font-size: 16px; letter-spacing: 0px; color: #8bc809 !important; font-weight: 600;}
.blogdetails-big .img-fluid {border-radius: 12px;}

.blog-details .schedule-section h3 {text-align: left; text-transform: capitalize; font-size: 30px;}
.blog-details .schedule-section p {text-transform: initial; font-size: 14px; text-align: left; font-weight: 500;}
.blog-details .schedule-section ul {margin-top: 20px; margin-bottom: 20px; font-size: 14px;}
/*.blog-details .schedule-section p.top-dcs {text-align: center;}*/
.bloglist-box .tag {max-height: 48px; overflow-y: auto;}
.blog_listpage > div {padding-bottom: 12px;}
.blogdetails-pad {padding-right: 110px;}
.recent_next {background-color: #2F87E1; border-radius: 6px;}
.blog-socialmedia {background: #439DF5;	border-radius: 6px;}
.recentposts-heading {font-weight: 600;}
.blogside_bar h4 {color: #fff; font-weight: 600; text-transform: uppercase; font-size: 18px;}


@media screen and (max-width: 1199px) {
.blogdetails-pad {padding-right: 50px;}
}


@media screen and (max-width: 991px) {
.blogdetails-pad {padding-right: 0;}
}


@media screen and (max-width: 767px) {
.bloglist-box h5 a {min-height: initial;}
.bloglist-box .dcs {min-height: inherit;}
}


@media screen and (max-width: 575px) {
.allposts a {font-size: 12px; margin-left: 1px !important; margin-right: 1px !important; padding-left: 13px !important;	padding-right: 13px !important;}
}


/*------bloglist---------*/


@media only screen and (max-width: 1450px) {
  .location-menu-desktop {
    padding-right: 0;
  }
}

@media only screen and (max-width: 992px) {
  .area-foot-desk {
    text-align: center;
  }
  
  
  .location-menu-desktop{
		display: none;
	}

	ul.list-unstyled {
		display: block;	
	}

	.area-foot-desk br{
		display: block;
	}

	.area-foot-desk{
		text-align: center;
	}

	.area-foot p a {
		font-size: 14px;
		margin: 0 12px 0 8px;
	}

	.location-main-title{
		font-size: 22px !important;
	}
}

@media only screen and (max-width: 992px) {
  .area-foot p a {
    font-size: 14px;
    margin: 0 12px 0 8px;
  }
}



@media screen and (max-width: 991px) {
.footer .logo img {width: auto; max-width: 100%;}
.footer .text-center img {margin-bottom: 5px !important;}
.blogside_bar {width: 100%;}
}