/*
Theme Name: Aspidistra
Theme URI: https://www.aspidistra.fi/
Description: Aspidistra is a functional and responsive theme perfect for your business’s online presence.  
Version: 1.0
Author: Piyush Singh Chhoker
Author URI: https://visualbest.co   
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: Aspidistra
Tags: Single Landing Page
*/


.p-22 {
    font-size: 22px!important;
}


@media(max-width:767px){
	 h1 {
        font-size: 35px !important;
    }
}

.p100 {
    padding: 100px 0;
}

 .short{
    font-size: 13px;
 }


.hover-image-sec {
    position: relative;
    width: 200px; /* Adjust width as needed */
    height: 300px; /* Adjust height as needed */
    perspective: 1000px; /* 3D effect ke liye */
}

.hover-image-sec img {
    width: 100%;
    height: 100%;
    display: block;
    transition: transform 0.6s;
    transform-style: preserve-3d;
    backface-visibility: hidden;
}

.hover-image-sec::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url('https://aspidistra.visualbest.agency/wp-content/uploads/2025/02/Back.png'); /* Back image */
    background-size: cover;
    background-position: center;
    transform: rotateY(180deg);
    backface-visibility: hidden;
    transition: transform 0.6s;
}

.hover-image-sec:hover img {
    transform: rotateY(180deg);
}

.hover-image-sec:hover::after {
    transform: rotateY(0deg);
}
.new-location {
	    font-size: 20px !important;
    padding-left: 30px;
}

	body {
    font-family: 'proxima-nova-regular';

}
/* 	.gray {
    color: #f2e7e7;
} */

	.social-link img{
		width:45px;
		height:45px;
	}
	.banner-btn-main {
    border-radius: 40px;
    border: 2px solid #BD8928;
    color: #DFDFDF;
    text-align: center;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 148%;
    padding: 13px 35px;
    text-decoration: none;
}
	.custom-border111 h4{
		font-weight:600;
	}



/* Add the dropdown icon with ::after */
.dropdown-toggle::after {
    content: 'keyboard_arrow_down';  /* Default icon */
    font-family: 'Material Icons';   /* Material Icons font */
   border: none  !important;
	    vertical-align: unset !important;
}

/* Change the icon when dropdown is open (using Bootstrap class) */
.dropdown-menu.show .dropdown-toggle::after {
    content: 'keyboard_arrow_up';    /* Change to up arrow when dropdown is open */
}
.box-1 {
    display: flex
;
    align-items: start;
}
.form-suubmit-btn input,.new-submit-input input{
	    border-radius: 40px;
    border: 2px solid #BD8928;
    color: #ffffff;
    text-align: center;
    font-size: 16px !important;
    font-style: normal;
    font-weight: 600 !important;
    padding: 13px 35px !important;
    text-decoration: none;    width: unset;
	height:unset;
}
.new-text-input input {
    width: 100%;
    border-radius: 40px;
    border: 2px solid #BD8928;
    color: #DFDFDF;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    padding: 13px 35px;
	height:unset;
    text-decoration: none;
}
.new-text-input input::placeholder{
	display:flex;
	align-items:center;
}
input[type="email"]::placeholder {
 padding-top:10px;
	font-size:16px;
}
.custom-border111 img {
    width: 75px;
    height: 75px;
}
.new-heading-sec p{
	margin-bottom:0;
}
.social-link{
	justify-content:start;
}
.light-mode-bg .new-heading-sec p{
	    color: #4a4a4a;
}
.form-input-sec input::placeholder,.form-input-sec1 textarea::placeholder{
	color:white;
}
.light-mode-bg .form-input-sec input, .light-mode-bg .form-input-sec1 textarea{
	color:black;
}
.light-mode-bg .navbar-brand p{
	color:white;
}
.light-mode-bg .value {
	    border: 2px solid #b8860b;
}
.light-mode-bg .card::after{
	    background-image: url(https://aspidistra.visualbest.agency/wp-content/uploads/2025/04/Mask-group-1.png);
}
.light-mode-bg .card:hover .dfdfdf h4,.light-mode-bg .card:hover .dfdfdf  p{
	color:white;
}
.card:hover .dfdfdf  p{
	color:black;
}
/* =================test================= */
.card{
	position:relative;
}
.video-section video {
	width:100%;
}

input:focus-visible,textarea:focus-visible {
outline:none;
}
.form-input-sec input, .form-input-sec1 textarea {
    color: white;
}

h5,.fs-71{
	font-size:24px;	
}
.w90{
	width:90%;
}
.banner-btn-main {
    font-size: 22px;
    line-height: 148%;
    letter-spacing: 1px;
}
.banner-pragh h5{
	line-height: 148%;
}
.new-text-input input{
	color:black;
}
.navbar-brand{
	text-align:center;
}.banner-btn-main:hover{
	background:#BD8928;
	 transition: all 0.7s ease;
}
.light-mode-bg  .banner-btn-main:hover{
	color:white;
}
.form-suubmit-btn input:hover, .new-submit-input input:hover{
	background:white;
	color: #bc8a2b;
}
.new-location {
    padding-left: 18px;
}
.form-input-sec input, .form-input-sec1 textarea {
	font-size:24px;
	    color: white !important;
}
.accordion-body {
    padding: 50px 0;
}

.white-spaces{
	    width: 100%;
   height: 230px;
}
.banner-btn-main {
    font-size: 16px;
    line-height: 148%;
    letter-spacing: 2px;
	background: #BD8928;
	color: #ffffff;
}
/* ===================test--end============= */
@media screen and (min-width: 1700px){
	.form-suubmit-btn input,a.navbar-brand p, .new-submit-input input{
		    letter-spacing: 2px;
	}
	li.nav-item a{
		font-size:20px;
	}
}
@media screen and (max-width: 1380px) {
    .socialMedia.new-add .box-1 p {
        font-size: 16px !important;
    }
}
@media screen and (max-width: 1350px) {
    ul.navbar-nav.gap-md-5.text-center {
        gap: 10px !important;
    }
}
@media screen and (max-width: 1200px) {
  .select {
		display:flex;
		justify-content:center;
	}
}

@media (max-width: 992px) {
    .form-suubmit-btn input {
        font-size: 24px;
        padding: 10px 0;
    }
	.social-link {
        margin-top: 20px;
    }
}

@media screen and (max-width: 767px){
	.new-location {
    padding-left: 20px;
}
	.custom-border111{
		padding-left:0 !important;
		padding-right: 0 !important;
	}
	.select {
		display:flex;
		justify-content:center;
	}
	.accordion-button,.accordion-button:not(.collapsed) {
    font-size: 25px ;
}
	.w90 {
    width: 100%;
}
	.box-1 {
   display: flex;
        align-items: center;
        flex-wrap: wrap;
        justify-content: center;
}
	
	.box-1 p{
		width: 100%;
    margin-top: 5px;
	}
	.overlay-hover{
		    height: 60% !important;
		    transform: translateY(0) !important;
    opacity: 1 !important;
	} .box {
    bottom: 0 !important;
    height: 30% !important;
}
	.team-member {
    margin-bottom: 0 !important;

}
	.custom-border1 {
    padding: 0 !important;
		margin-bottom:20px !important;
}
	.accordion-body ul{
		margin-bottom:0;
	}

.str-block{
	border-radius: 40px 0px;
background: rgba(189, 137, 40, 0.15);
}


}

@media screen and (max-width: 550px){
	.sizes {
    font-size: 40px !important;
}
}
	
	@media screen and (max-width: 490px){
		.popup{
			width:100% !important;
			    padding: 15px 15px !important;
		}
}
@media screen and (max-width: 440px){
	.copy-btn-line {
    flex-wrap: wrap;
}
	.share-button{
		margin-top:10px;
	}
	.popup{
		height:300px !important;
	}
	.white-spaces {
    height: 285px;
}
}
		@media screen and (max-width: 390px){
			.popup{
				height:220px !important;
			}
			.copy-btn-line {
    align-items: center !important;
}
			.white-spaces {
    height: 205px;
}
		}