/* 
 Theme Name:   Valet Parking
 Theme URI:    http://valetparking.com/
 Description:  Valet Parking Child Theme
 Author:       admin
 Author URI:   http://valetparking.com
 Template:     astra
 Version:      1.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html

 /* == Add your own styles below this line ==
--------------------------------------------*/
.topbar-cont p{
	margin-bottom: 0;
}

.content-fourhund-weigth p{
	font-weight: 400 !important;
}

.border-radius-30 img {
    border-radius: 30px !important;
}
.img-height-200 img{
	height: 200px !important;
}
/* ...Hero Section... */
.hero-main-title{
	font-weight: 300;
}

.hero-trusted-by p{
	margin-bottom: 0 !important;
}

.mr-btm-zero p{
	margin-bottom: 0;
}

.hm-standard-box .elementor-icon {
    margin-top: -35%;
    border: solid 7px #F9F3EE;
	background: linear-gradient(135deg, #FFF093, #C99024);
}

.hm-standard-box p {
	font-weight: 300 !important;
}

.post-read-more-btn a{
	text-decoration: underline !important;
}

.post-read-more-btn a:hover{
	color: #C99024 !important;
}

.elementor-widget-n-accordion .e-n-accordion-item-title{
  border-color: #d5d8dc00 !important;
}

.elementor-widget-n-accordion .e-n-accordion-item>.e-con{
  border: none !important;
}

.font-weight-fivehund-btn a{
	font-weight:500 !important;
}

.benefit-choose span.elementor-icon-list-icon svg {
    background-color: #011954;
    padding: 10px;
    border-radius: 27px;
    width: 50px;
    height: 50px;
}

.benefit-choose span.elementor-icon-list-text{
	font-weight: 500 !important;
}

.fourhund-weight-para p {
    font-weight: 400;
}

/* ....Booking Footer Form.... */
button#wpforms-submit-877 {
    width: 100%;
    border-radius: 20px;
    background: linear-gradient(135deg, #FFF093, #C99024) !important;
	color: #00164B;
	font-size: 16px;
	font-weight: 500;
	font-family: "Sherika";
}
button#wpforms-submit-877:hover {
	background: linear-gradient(135deg, #C99024, #FFF093) !important;
}
.foo-newsletter-form form .wpforms-field-email {
    padding: 0;
}
.foo-newsletter-form .elementor-widget-container .wpforms-container
 {
    margin: 0;
}

.foo-menu-list ul li a span {
    font-weight: 400;
}

/* .....Newslatter Form...... */
.newsletter-cf7-field p span input {
    border-radius: 20px;
	background-color: #00164B;
    color: #fff;
}

.newsletter-cf7-field p span input:focus {
 	background-color: #00164B;
    color: #fff;
}

.newsletter-cf7-submit p input {
    width: 100%;
    border-radius: 20px;
    font-family: 'Sherika';
    font-size: 16px;
    font-weight: 600;
	background: linear-gradient(135deg, #FFF093, #C99024) !important;
	color: #00164B;
}

.newsletter-cf7-field p{
	margin-bottom: 0 !important;
}

.newsletter-cf7-submit p input:hover {
	background: linear-gradient(135deg, #C99024, #FFF093) !important;
	color: #00164B;
}

div#wpcf7-f2322-o2 form{
	display: -webkit-inline-box;
}

.newsletter-cf7-submit p{
	margin-bottom: 0;
	margin-left: 10px;
}

div#wpcf7-f2322-o2 form .newsletter-cf7-field p span input[type="email"]{
	height: 45px;
}

div#wpcf7-f2322-o2 form .newsletter-cf7-field p span input[type="email"]:focus{
	background-color: #00164B;
    color: #fff;
}

div#wpcf7-f2322-o1 form .wpcf7-response-output{
	color: #fff !important;
}

/* ....Privacy Page.... */
.privacy-a-tag p a{
	color: #00164B !important;
	font-weight: 600 !important;
}
.privacy-a-tag p a:hover{
	color: #C99024 !important;
}

div#wpcf7-f2322-o2 form {
    display: contents !important;
}

/* .....Booking Popup Form...... */
/* Force 2 Column Layout */
.book-cf7-row{
    display:flex !important;
    flex-wrap:wrap !important;
    gap:20px !important;
    margin-bottom:20px !important;
}

.book-cf7-col{
    width:calc(50% - 10px) !important;
    flex:0 0 calc(50% - 10px) !important;
    max-width:calc(50% - 10px) !important;
}

.book-cf7-col label,
.book-cf7-full label{
    display:block;
    margin-bottom: -18px;
    color: #fff;
}

.book-cf7-col .wpcf7-form-control-wrap,
.book-cf7-full .wpcf7-form-control-wrap{
    display:block !important;
    width:100%;
}

.book-cf7-col input,
.book-cf7-col select,
.book-cf7-col textarea,
.book-cf7-full input,
.book-cf7-full select,
.book-cf7-full textarea{
    width:100% !important;
    max-width:100% !important;
    box-sizing:border-box;
}

.book-cf7-full{
    width:100%;
    margin-bottom:20px;
}

.book-cf7-full textarea{
    min-height:100px;
}

.book-cf7-submit p input {
    background: linear-gradient(29deg, #FFF093 0%, #C99024 45%);
    width: 100%;
    border-radius: 50px;
    color: #00164B;
	font-family: Sherika;
	font-size: 16px;
	font-weight: 600;
}
.book-cf7-submit p input:hover {
    background: linear-gradient(29deg, #C99024 0%, #FFF093 45%);
	color: #00164B;
}

div#wpcf7-f2224-o1 form .wpcf7-response-output{
    color: #fff;
    font-family: 'Sherika';
    font-weight: 500;
    font-size: 14px;
}

/* ....Book Now Popup.... */
.book-form-content h2 {
    font-family: 'Sherika';
    font-size: 46px;
    font-weight: 500;
    color: #00164B;
}

.book-form-content p
 {
    font-family: 'Sherika';
    font-size: 16px;
    font-weight: 400;
    color: #00164B;
}

div#popmake-2350 button:hover {
    background-color: #C99024;
}

.book-cf7-col p label {
    color: #00164B;
}

.book-cf7-full p label {
    color: #00164B;
}

div#popmake-2350 {
    border-radius: 20px;
    padding: 50px;
	border: none;
}

.book-cf7-col p span input {
    border-color: #00164B;
}

.book-cf7-col p span select {
    border-color: #00164B;
}

.book-cf7-full p span input {
    border-color: #00164B;
}

.book-cf7-full p span textarea {
    border-color: #00164B;
}

.book-cf7-col p {
    margin-bottom: 0 !important;
}

/* ....About us Page.... */
.abt-mission-box span.elementor-icon {
    background-color: linear-gradient(135deg, #00164B, #012D92) !important;
}

.abt-mission-box p {
    font-weight: 300 !important;
}

.abt-mission-box-list ul li span {
    font-weight: 300 !important;
}

/* ....Service Pages.... */

.serv-choose-box:hover{
	transform: translateY(-7px);
    box-shadow: 0 0px 15px rgba(0, 0, 0, .15);
}

.reliable-icon-list ul li span svg {
    background-color: #C99024;
    padding: 10px;
    border-radius: 10px;
    min-width: 50px;
    min-height: 50px;
}

.list-item-sherika-16 ul li span p {
	 font-family: Sherika, sans-serif;
	 font-size: 16px;
	 font-weight: 400;
}
.list-item-sherika-16 p {
    font-family: Sherika, sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 22px;
}

/* ....Start HIW Inner Services Page..... */

.hiw-wrapper .hiw-grid{
    max-width:1200px;
    margin:0 auto;
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:55px;
}

.hiw-wrapper .hiw-card{
    background:#fff;
    border-top:5px solid #C99024;
    border-radius:18px;
    padding:10px 30px;
    text-align:center;
    position:relative;
    overflow:visible;
    box-shadow:0 12px 35px rgba(0,0,0,.08);
    transition:transform .35s ease,
    box-shadow .35s ease,
    border-top-color .35s ease;
}

.hiw-wrapper .hiw-card:hover{
    transform: translateY(-8px);
    box-shadow: 0 18px 40px rgba(0,0,0,.15);
    border-top-color: #00164B;
}


/* ========================= */

.hiw-wrapper .hiw-icon{
    width:85px;
    height:85px;
    margin:10px auto 25px;
    border-radius:20%;
    background:linear-gradient(135deg,#C99024,#FFF093);
    display:flex;
    align-items:center;
    justify-content:center;
}

.hiw-wrapper .hiw-icon h4{
    font-size: 40px;
    font-weight: 600;
    font-family: "Sherika";
    margin-top: 15px;
	color: #fff;
}

.hiw-wrapper .hiw-card h3{
    margin:0 0 15px;
    color:#00164B;
    font-size:20px;
    font-weight:700;
}

.hiw-wrapper .hiw-card p{
    margin:0;
    color:#00164B;
    font-size:15px;
    line-height:1.8;
}

/* ....End HIW Inner Services Page..... */

.icon-bg-grad-color ul li span svg{
  background: linear-gradient(135deg, #C99024, #EDD441);
}

.icon-bg-grad-color .elementor-icon-box-wrapper .elementor-icon-box-icon span.elementor-icon {
    background: linear-gradient(135deg, #C99024, #EDD441);
}

.safe-icon-bg-grad-color ul li span.elementor-icon-list-icon{
  background: linear-gradient(135deg, #C99024, #EDD441);
}


/* Astra container override for Elementor Service page */
.ast-container,
.ast-primary-container,
.ast-narrow-container{
    max-width:100% !important;
    width:100% !important;
}

/* Elementor full width fix */
.elementor-section.elementor-top-section{
    width:100% !important;
    max-width:100% !important;
}

/* Remove left/right spacing */
.site-content .ast-container{
    padding-left:0 !important;
    padding-right:0 !important;
}

.related-serv-carousel .swiper.elementor-loop-container {
    height: 300%;
}

.related-serv-carousel .swiper-wrapper .swiper-slide .e-con {
    border-radius: 20px;
}

.related-serv-carousel .swiper-wrapper .swiper-slide .e-con::before {
	border-radius: 20px;
}

.abt-first-icon-list p {
	font-weight: 400 !important;
}

/* ......Blogs...... */
.blogs-main-cart article h3 a {
    text-decoration: none !important;
}

.blogs-main-cart article h3 a:hover {
    color: #C99024 !important;
}

.blogs-main-cart article .elementor-post__read-more-wrapper a {
    color: #C99024 !important;
}

.blogs-main-cart article .elementor-post__read-more-wrapper a:hover {
    color: #ffffff !important;
}

a#post-read-more-btn{
	color: #C99024 !important;
}
a#post-read-more-btn:hover{
	color: #ffffff !important;
}

.inner-post-content p {
    font-weight: 400 !important;
	color: #00164B;
}
body.single-post .content-area.primary{
    margin-top: 0 !important;
}

/* ....Contact Us...... */
.tsh-cf7-row{
    display:flex;
    gap:20px;
	margin-bottom: 0 !important;
}

.tsh-cf7-col{
    flex:1;
}

.tsh-cf7-full{
    width:100%;
}

.tsh-cf7-row input,
.tsh-cf7-row textarea{
    width:100%;
    border:1px solid #ddd;
    border-radius:8px;
    padding:15px 18px;
    font-size:16px;
    background:#fff;
    box-sizing:border-box;
}

.tsh-cf7-row textarea{
    height:180px;
    resize:none;
}

.tsh-cf7-submit input{
    background: linear-gradient(29deg, #FFF093 0%, #C99024 45%);
    color:#00164B;
	font-size: 16px;
    font-weight:600;
    border:none;
    border-radius:8px;
    padding:15px 40px;
    cursor:pointer;
    transition:.3s;
}
.tsh-cf7-submit input:hover{
    background: linear-gradient(29deg, #C99024 0%, #FFF093 45%);
	color:#00164B !important;
}

.cont-info-box {
    text-align: center;
}

.cont-info-box a{
    color: #ffffff !important;
	font-family: "Sherika";
	font-size: 12px;
	font-weight: 400;
}
.cont-info-box a:hover {
    color: #C99024 !important;
}
.cont-info-box span{
    color: #ffffff !important;
	font-family: "Sherika";
	font-size: 12px;
	font-weight: 400;
	line-height: 1;
}

/* ....Services...... */
.serv-highlight-list ul li span.elementor-icon-list-icon {
    background-color: #C99024;
    padding: 20px 15px;
    border-radius: 20px;
    height: 70px;
    width: 70px;
	margin-right: 20px;
}
.serv-highlight-list ul li span.elementor-icon-list-icon svg{
	margin: 0 !important;
}

/* ......Start FAQS....... */
.custom-faq-wrapper{
    width:100%;
    max-width:100%;
}

/* FAQ ITEM */
/* Inactive Tabs */

.custom-faq-wrapper .faq-item{
    background: linear-gradient(90deg, rgba(255, 240, 147, 0.35) 0%, rgba(237, 212, 65, 0.35) 60.03%);
    border-radius:35px;
    margin-bottom:16px;
    overflow:hidden;
    transition:.3s ease;
}

/* Active Tab */

.custom-faq-wrapper .faq-item.active{
    background: linear-gradient(90deg, #FFF093 0%, #C99024 60.03%);
}

/* QUESTION */

.custom-faq-wrapper .faq-question{
    display:flex;
    align-items:center;
    justify-content:space-between;
    cursor:pointer;
    padding:22px 30px;
}

/* TITLE */

.custom-faq-wrapper .faq-question span:first-child{
    font-family:'Sherika', sans-serif;
    font-weight:634;
    font-size:17px;
    line-height:1.4;
    color:#000000;
}

/* ICON */

.custom-faq-wrapper .faq-icon{
    font-size:24px;
    font-weight:700;
    color:#000;
    min-width:20px;
    text-align:center;
    transition:.3s ease;
}

/* ANSWER */

.custom-faq-wrapper .faq-answer{
    max-height:0;
    overflow:hidden;
    transition:max-height .45s ease;
}

.custom-faq-wrapper .faq-answer p{
    font-family:'Sherika', sans-serif;
    font-weight:365;
    font-size:17px;
    line-height:1.8;
    color:#000D37;
    margin:0 0 15px;
}

.custom-faq-wrapper .faq-answer p:last-child{
    margin-bottom:0;
}

.custom-faq-wrapper .faq-answer{
    padding:0 30px;
}

/* ACTIVE */

.custom-faq-wrapper .faq-item.active .faq-answer{
    padding:0 30px 28px;
    max-height:600px;
}

.custom-faq-wrapper .faq-item.active .faq-icon{
    transform:rotate(180deg);
}
/* ......End FAQS....... */

/* Tablet + Mobile */
@media (max-width: 1024px){

    /* Menu Panel */
    .elementor-nav-menu--dropdown.elementor-nav-menu__container{
        position: fixed !important;
        top: 0 !important;
        right: -320px !important;
        left: auto !important;
        width: 320px !important;
        height: 100vh !important;
        background: #ffffff !important;
        z-index: 99999 !important;
        overflow-y: auto;
        transition: right .4s ease !important;
        padding-top: 80px;
        box-shadow: 0 0 20px rgba(0,0,0,.15);
    }

    /* Open State */
    .elementor-nav-menu--dropdown.elementor-active,
    .elementor-nav-menu--dropdown.menu-open{
        right: 0 !important;
    }
	
	body.elementor-nav-menu--dropdown.elementor-active,
	.elementor-nav-menu--dropdown.menu-open{
		overflow: hidden !important;
    	height: 100vh;
	}
	body.menu-open-active{
   		overflow: hidden !important;
   	 	height: 100vh !important;
	}
	
	.elementor-menu-toggle.elementor-active{
		z-index: 999999;
		position: fixed;
	}
	body.menu-open-active .elementor-menu-toggle.elementor-active {
    	top: 10%;
    	right: 2%;
    	background-color: #00000000;
	}
	
	.hm-standard-box .elementor-icon {
    	margin-top: -50%;
	}
	
	.hiw-wrapper .hiw-grid{
        grid-template-columns:repeat(2,1fr);
        gap:30px;
    }
}

@media(max-width:991px){
/* ....Start HIW Inner Services Page..... */
.hiw-wrapper .hiw-grid{
    grid-template-columns:repeat(2,1fr);
}
/* ....End HIW Inner Services Page..... */
}

@media screen and (max-width: 768px) {
	.hero-title h1{
		font-size: 50px !important;
		line-height: 50px !important;
	}
	.sub-hero-title p{
	    font-size: 24px !important;
    	margin-top: 10px !important;
	}
	.hero-trusted-by p {
    	font-size: 18px !important;
	}
	.sec-title h1{
		font-size: 32px !important;
		line-height: 32px !important;
	}
	.sec-title h2{
		font-size: 32px !important;
		line-height: 32px !important;
	}
	.sec-sub-title h3{
		font-size: 30px !important;
    	margin-top: 10px !important;
		line-height: 30px !important;
	}
	.serv-col section {
   		padding-top: 0 !important;
	}
	.all-sec-pd-top .e-con-inner{
		padding-top: 30px !important;
	}
	.hm-standard-box .elementor-icon {
    	margin-top: -80%;
	}
	.hm-standard-box h3 {
    	font-size: 18px !important;
    	line-height: 18px !important;
	}
	.tsh-cf7-row{
        flex-direction:column;
    }
	.benefit-choose ul li span.elementor-icon-list-text {
		font-size: 14px !important;
		line-height: 14px !important;
	}
	
	/* ......Start FAQS....... */
	.custom-faq-wrapper .faq-question{
        padding:18px 20px;
    }

    .custom-faq-wrapper .faq-item.active .faq-answer{
        padding:0 20px 22px;
    }

    .custom-faq-wrapper .faq-answer{
        padding:0 20px;
    }

    .custom-faq-wrapper .faq-question span:first-child{
        font-size:16px;
        padding-right:15px;
    }

    .custom-faq-wrapper .faq-answer p{
        font-size:16px;
        line-height:1.7;
    }

    .custom-faq-wrapper .faq-item{
        border-radius:28px;
    }
	/* ......End FAQS....... */
	.newsletter-cf7-submit p{
		margin-left: 0px;
	}
}

@media screen and (max-width:767px){
	
/* ....Start HIW Inner Services Page..... */
	.hiw-wrapper{
		padding:0px 15px;
	}

	.hiw-wrapper .hiw-grid{
		grid-template-columns:1fr;
		gap:20px;
	}

	.hiw-wrapper .hiw-card{
		padding:35px 25px;
	}

	.hiw-wrapper .hiw-icon{
		width:70px;
		height:70px;
	}

	.hiw-wrapper .hiw-icon i{
		font-size:28px;
	}
/* ....End HIW Inner Services Page..... */

    .book-cf7-row{
        display:block !important;
    }

    .book-cf7-col{
        width:100% !important;
        max-width:100% !important;
        margin-bottom:15px;
    }
	.book-form-content h2{
		font-size: 28px;
	}
	
	.hiw-wrapper .hiw-grid{
        grid-template-columns:1fr;
        gap:25px;
    }

    .hiw-wrapper .hiw-card{
        padding:10px 25px;
    }
	br {
		display: none;
	}
}

@media (max-width:480px){
	/* ......Start FAQS....... */
    .custom-faq-wrapper .faq-question{
        padding:16px 18px;
    }

    .custom-faq-wrapper .faq-question span:first-child{
        font-size:15px;
    }

    .custom-faq-wrapper .faq-answer p{
        font-size:15px;
    }

    .custom-faq-wrapper .faq-icon{
        font-size:22px;
    }
	/* ......End FAQS....... */
}