@media (max-width: 767px)
{
	.envato-buy-redirect, .demos-redirect {
    display: block;
}
}
.envato-buy-redirect {
	background: #25D366 !important;
}

.demos-redirect {
	background: #004D93 !important;
}
.envato-buy-redirect, .demos-redirect {
    font-size: 20px;
}

/**/
.page-header.page-header-modern.page-header-background {
    padding: 90px 0;
    background-size: cover;
}
/*Car pricing*/

/*Booking Form*/
input[type="date"]::-webkit-calendar-picker-indicator {
    background: transparent;
    bottom: 0;
    color: #ccc;
    cursor: pointer;
    height: auto;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: auto;
}
.form-style-3 .form-control {
    border-radius: 0 0.375rem 0.375rem 0 !important;
}

/*Steps section*/
@media (min-width: 1200px) {
		.custom-parallax-1 .parallax-background {
				background-size: 100% !important;
		}
}
.custom-el-pos-3 {
		margin-top: -73px !important;
}

.custom-el-pos-form {
		margin-top: -400px !important;
}

@media only screen and (max-width: 991px) and (min-width: 768px) {
	.custom-el-pos-form {
			margin-top: -150px !important;
	}
}

@media (max-width: 767px) {
	.custom-el-pos-form {
			margin-top: 0px !important;
	}
	.page-header.page-header-modern.page-header-background {
		padding: 40px 0;
		background-size: cover;
	}
	.breadcrumb > li {
    display: inline-block;
    font-size: 10px;
    text-transform: uppercase;
    text-shadow: none;
}
}
.page-header.page-header-modern h1 {
    font-size: 40px;
    letter-spacing: 1px;
}

/*Cars*/
.pricing-table .plan .plan-header h3 {
    color: #ffffff;
    font-size: 24px;
    font-weight: 400;
    letter-spacing: 1px;
    text-align: center;
    text-transform: none;
    margin-bottom: 0;
}
@media (max-width: 991px){
	.pricing-table .plan .plan-header h3 {
		font-size: 16px;
	}
}
.pricing-table .plan .plan-price .price-label {
    text-transform: uppercase;
    color: #777;
    font-size: 16px;
    font-weight: 500;
    letter-spacing: 2px;
}
.pricing-table .plan .plan-header {
    background: #212529;
    padding: 30px 10px;
}
.custom-box-shadow-1 {
		box-shadow: 0px 0px 31px -5px rgba(0, 0, 0, 0.14) !important;
}

.custom-box-shadow-2 {
		box-shadow: 0px 8px 31px -5px rgba(0, 0, 0, 0.07) !important;
}
/*
* Cards
*/
.custom-card-style-1 .custom-read-more svg,
.custom-card-style-2 .custom-read-more svg {
		transition: ease transform 300ms;
}

.custom-card-style-1:hover .custom-read-more svg,
.custom-card-style-2:hover .custom-read-more svg {
		transform: translate3d(7px, 0, 0);
}

.custom-card-style-1 {
		transition: ease transform 300ms;
}

.custom-card-style-1 .card-title {
		transition: ease color 300ms;
}

.custom-card-style-1:hover {
		transform: scale(1.03);
}

.custom-card-style-2 .card-img-top {
		padding-left: 35px;
}

.custom-card-style-2 .card-body {
		position: relative;
		background: #FFF;
		margin-top: -70px;
		max-width: 83%;
}
/**/
body {
    color: #424b5a;
    font-family: 'Roboto', sans-serif;
    font-size: 16px;
    line-height: 26px;
    margin: 0;
}

p {
  color: #424b5a;
  font-size: 16px;
  line-height: 25px;
}
h1, h2, h3, h4, h5, h6 {
	letter-spacing: 0;
}
/*Header*/
#header .header-nav-main nav > ul > li > a {
    font-size: 16px;
    letter-spacing: 1px;
	font-weight: 500;
}
html .text-color-dark, html .text-dark {
    color: #000000!important;
}

/**/

/**/
#footer {
    background: #F0F4F5;
}
#footer .footer-copyright {
    background: #FEDC02;
}
#footer p, #footer span, #footer li, #footer a:not(.btn):not(.no-footer-css) {
    color: #000000;
}

.box{
    width: 300px;
    height: 207px;
}

.imgraj{
    box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
}
.logogoogle{
    width: 150px;
    height: 100px;
    margin-top: -33px;
}

.contact-buttons {
    position: fixed; /* or absolute if you prefer */
    bottom: 20px;
    width: 100%;
    display: flex;
    justify-content: space-between;
    padding: 0 20px;
    z-index: 9999; /* Ensures the buttons appear on top of other content */
}

.contact-button {
    background-color: #fff;
    border: none;
    border-radius: 50%;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
    font-size: 24px;
    color: white;
    text-align: center;
    width: 50px;
    height: 50px;
    line-height: 50px;
    transition: background-color 0.3s, color 0.3s;
}

.contact-button.phone {
    background-color: #4CAF50; /* Green for call button */
}

.contact-button.whatsapp {
    background-color: #25D366; /* WhatsApp color */
}

.contact-button:hover {
    background-color: #f1f1f1;
    color: #333;
}