/*
Theme Name: Numerique Child
Author: VamTam
Author URI: https://vamtam.com
Template: numerique
*/

html {
  scroll-behavior: smooth;
}



@font-face {
    font-family: 'lucetteregular';
    src: url('fonts/lucette-regular-webfont.woff2') format('woff2'),
         url('fonts/lucette-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'lucetteregular_italic';
    src: url('fonts/lucette-regularitalic-webfont.woff2') format('woff2'),
         url('fonts/lucette-regularitalic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

h1, h2, h3, h4, h5 ,h6 {
/* 	font-family: lucetteregular, sans-serif !important;  */
	font-weight:normal !important; 
	letter-spacing:.4px !important;}


/* Animation Start
----------------------------------------------------------------------------------------------------*/




/* Header Start 
----------------------------------------------------------------------*/
.logo_shakti .elementor-widget-container{width:150px}
.logo_shakti img {width:100px!important;z-index:9;transition:.7s all ease;margin:0 auto;}
.vamtam-sticky-header.vamtam-sticky-header--fixed-hidden img{width:36px!important}
.vamtam-sticky-header.vamtam-sticky-header--fixed-hidden a{opacity:0;transition:.7s all ease}
.withicon_button .elementor-button span{display:flex}
.withicon_button svg{margin-top:-3px}
.withicon_button .elementor-button-wrapper{display:flex}


.callheader .elementor-icon-box-content {
    display: flex;
    flex-direction: column-reverse;
    gap: 0;
}
.callheader .elementor-icon-box-content h3 {margin:0;}
.callheader .elementor-icon-box-content h3 a:hover {color:#fff; text-decoration:underline;}

/* Header Start 
----------------------------------------------------------------------*/


/* Banner Start 
----------------------------------------------------------------------*/

.custom_banner h2 span {font-family: lucetteregular_italic, sans-serif !important;}

.custom_banner a.elementor-button:hover svg path {fill: #fff;}

/* Banner End 
----------------------------------------------------------------------*/


/* Welcome Start 
----------------------------------------------------------------------*/
.theme_color_magenta {color:#779478;}
.italicfont {font-family:lucetteregular_italic, sans-serif !important;}

/* Welcome End 
----------------------------------------------------------------------*/



/* Services we Provide Start 
----------------------------------------------------------------------*/

.services_provide .elementor-element {
	transition:.3s all ease;
}
.services_provide .elementor-element h2.elementor-heading-title {
	transition:.3s all ease;
}

.services_provide .elementor-element:hover h2.elementor-heading-title {
	color:#fff;
}
.services_provide .elementor-element:hover h2.elementor-heading-title span {
	color:#fff;
}
.services_provide .elementor-element:hover p {
	color:#fff;
}
.services_provide .elementor-element:hover .elementor-widget-container {
	color:#fff;
}
.services_provide .elementor-element:hover .elementor-button {
    background-color: #ffffff;
}
.services_provide .elementor-element .elementor-button:hover {
    background-color: #779478;
}
.services_provide .elementor-element .elementor-button:hover svg path{
    fill: #fff;
}


/* Services we Provide End 
----------------------------------------------------------------------*/


/* Project Start 
----------------------------------------------------------------------*/

.project_carousel .elementor-widget-image .elementor-widget-container {
	width:100%;
}
.project_carousel .elementor-widget-image .elementor-widget-container img {
	width:100%;
}

.project_carousel .swiper-slide:hover .elementor-heading-title {
    color: #ffffff !important;
}
.project_carousel .swiper-slide .elementor-heading-title:hover {
	text-decoration:underline;
}
.project_carousel .swiper-slide .elementor-widget-theme-post-excerpt {
	font-size:0px;
	transition:.3s all ease;
}
.project_carousel .swiper-slide:hover .elementor-widget-theme-post-excerpt {
	font-size:15px;
    color: #ffffff;
}

.project_carousel .swiper-slide {
    height:600px;
}

.project_carousel .swiper-slide p {
	font-size:15px;
	transition:.3s all ease;
}
.project_carousel .swiper-slide:hover p {
    color: #ffffff;
}

.project_carousel .swiper-slide .content_project {
    transition: .5s all ease;
    height: 75px;
    gap: 0;
}

.project_carousel .swiper-slide:hover .content_project {
	background: #779478;
	height: 100%;
    margin-top:-9em;
}

.project_carousel .elementor-heading-title {
	margin:-1px 0 14px 0;
}
.project_carousel .e-con-inner {
    padding-bottom: 36px !important;
}
.top-menu-list .sc_layouts_menu_nav li ul.sub-menu {
    top: 30px;
    display: block;
    padding: 20px;
    left: 10%;
    background: #3949ab;
}

/* Project End 
----------------------------------------------------------------------*/




/* Get in touch! Start 
----------------------------------------------------------------------*/
.get_touch_form input {
	margin: 15px 0 17px 0;
    box-shadow: none;
    border-radius: 0 !important;
    width: 100%;
    color: #ffffff !important;
    background: #00000000 !important;
    border: none !important;
    border-bottom: 1px solid #ffffff47 !important;
    padding: 0 0 30px 0 !important;
}
.get_touch_form textarea{height:150px}
.get_touch_form form p{display:flex; gap:50px}
.get_touch_form form p:nth-child(3){width:100%;margin:20px 0}
.get_touch_form form p:nth-child(3) span{width:100%}
.get_touch_form form p:nth-child(5){width:100%;margin-top:20px}
.get_touch_form form p:nth-child(5) span{width:100%}
.get_touch_form input::placeholder{color:#ffffff47!important}

.get_touch_form .submit_bt {margin-top:30px !important; border:none!important;box-shadow:none!important;font-weight:300!important;font-size:18px!important;padding:11px 29px!important; background: #ffffff47 !important; width: auto !important;}
.get_touch_form .submit_bt:hover{background:#fff!important; color:#611C54 !important;}


/* Get in touch! End 
----------------------------------------------------------------------*/





/* FAQs Start 
----------------------------------------------------------------------*/
.faq_design .e-n-accordion-item-title {font-family: lucetteregular_italic, sans-serif !important;}

/* FAQs End 
----------------------------------------------------------------------*/


/* Book Luxury Villa Start 
----------------------------------------------------------------------*/
.get_form_design input,textarea{margin:0;box-shadow:none;border-radius:0!important;width:100%;color:#000}
.get_form_design textarea{height:150px}
.get_form_design form p{display:flex;gap:20px}
.get_form_design form p:nth-child(3){width:100%;margin:20px 0}
.get_form_design form p:nth-child(3) span{width:100%}
.get_form_design form p:nth-child(5){width:100%;margin-top:20px}
.get_form_design form p:nth-child(5) span{width:100%}
.get_form_design input::placeholder{color:#8b8b8b!important}
.get_form_design select{
    width: 100%;
    border-radius: 0px;
    border-color: #E2E2E2 !important;
    color: #8b8b8b;
}
.get_form_design textarea::placeholder{color:#8b8b8b!important}
.get_form_design .submit_bt{border:none!important;box-shadow:none!important;font-weight:300!important;font-size:18px!important;padding:11px 29px!important}
.get_form_design .submit_bt:hover{background:#779478!important}

/* Book Luxury Villa End 
----------------------------------------------------------------------*/


/* Testimonial Start 
----------------------------------------------------------------------*/
.testimonial_design .elementor-testimonial__image img { width:auto; height:auto;}

.testimonial_design .elementor-testimonial {
    align-items: flex-start;
}

.testimonial_design .elementor-testimonial__content {
    text-align: left;
}

.testimonial_design .elementor-swiper-button {
    width: 52px !important;
    height: 52px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding-top: 4px;
    transition: .3s all ease !important;
	box-shadow: 0px 0px 0px 1px #611c5426;
}
.testimonial_design .elementor-swiper-button:hover {
    box-shadow: 0px 0px 0px 1px #611c546b;
}

.testimonial_design .elementor-testimonial__cite {
    flex-direction: row !important;
    gap: 16px;
}

.testimonial_design .elementor-swiper-button:before {
    font-size: 20px;
    padding: 8px;
    font-family: eicons;
}

.testimonial_design .elementor-swiper-button-prev:before {
    content: "\e87e";
}
.testimonial_design .elementor-swiper-button-next:before {
    content: "\e87d";
}

.testimonial_design .elementor-testimonial__text {
    margin-bottom: 4em;
}

.testimonial_design .elementor-testimonial__name {
	border-right:1px solid #b7b7b7;
	padding-right: 18px;
}

/* Testimonial End 
----------------------------------------------------------------------*/


/* Book your design Start 
----------------------------------------------------------------------*/

.acceptancebox {
    width: 100%;
    clear: both;
    margin: 15px 0 20px 0;
    display: inline-table;
}

.textareabar {
    width:48.7%;
	float:right;
}

.checkboxlist {
    width: 50%;
	float:left;
}
.checkboxlist p {
    flex-direction: column;
    align-items: flex-start;
    gap: 0 !important;
}
.checkboxlist label {
   display: flex !important;
    width: 100%;
    align-items: center;
    justify-content: flex-start;
    padding: 4px 0 0 0 !important;
}
.checkboxlist label input {
    width:18px;
    height:18px;
    margin-right: 12px;
}

.checkboxlist .wpcf7-checkbox {
	display: block !important;
    width: 100%;
}
.checkboxlist .wpcf7-list-item {
    margin: 0;
	width: 100%;
}

.consultation_form textarea {
    height: 120px !important;
}
.msgbox p {
    display: block !important;
}
.consultation_form .wpcf7-acceptance input {
    width:18px;
    height:18px;
    margin-right: 12px;
}

.consultation_form .wpcf7-acceptance .wpcf7-list-item {
    margin:0;
}

.button_submit p {
    flex-wrap: wrap;
}



/* Book your design End 
----------------------------------------------------------------------*/


/* Start End 
----------------------------------------------------------------------*/

.subscribe_form p {
    display: flex;
    border: 1px solid #ffffff85;
    background: #779478;
}
.subscribe_form .wpcf7-not-valid-tip {
    color: #ffffff87;
    margin: 0 0 0 21px;
}

.subscribe_form form.failed .wpcf7-response-output {
    border-color: #9d538f;
    color: #fff;
}

.subscribe_form .wpcf7-submit {
	font-size: 0px !important;
    content: '';
    background: url(https://blueastral.dev/kbc/wp-content/uploads/2025/08/right-arrow-white.svg) center right 30px !important;
    background-repeat: no-repeat !important;
    background-size: 22px !important;
	transition:.3s all ease;
}
.subscribe_form .wpcf7-submit:hover {
    background-size: 24px !important;
}
.subscribe_form .wpcf7-submit:before {
    content: "\e87e";
	font-size: 20px;
    padding: 8px;
    font-family: eicons;
}

.subscribe_form .wpcf7-email {
	background: #ffffff00 !important;
    border: none !important;
    color: #fff !important;
}

.subscribe_form input::placeholder {
    color: #ffffff78 !important;
}


/* Footer End 
----------------------------------------------------------------------*/



/* Custom CSS Start 
----------------------------------------------------------------------*/
#progress-container {position:fixed;bottom:20px;right:20px;width:80px;height:80px;display:flex;justify-content:center;align-items:center;z-index:1000}
#progress-circle {transform:rotate(-90deg); background: radial-gradient(#ffffff 15%, #ffffff00 78%); border-radius:100px;}
#progress-circle circle {fill:none;stroke-width:2;stroke:#e0e0e0}
#progress-circle #progress {stroke:#611C54;stroke-dasharray:283;stroke-dashoffset:283;transition:stroke-dashoffset .2s}
#progress-arrow {position:absolute;font-size:34px;color:#611C54;cursor:pointer; border-radius:50px; padding:0 10px;}
.elementor-slideshow__footer {display:none;}

/**/
.meta-header-inside .page-header{display:none;}
.about-icon .elementor-image-box-img{    
	background: #8482831a;
    padding: 15px;
    border-radius: 50%;
}
.about-slider i{
    background: #611c54bf;
    padding: 10px;
    border-radius: 50%;
    font-size: 20px;
}
.about-height{
	    height: 250px;
    overflow-y: scroll;
}
.about-height::-webkit-scrollbar-track
{
/* 	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); */
	background-color: #fff;
}

.about-height::-webkit-scrollbar
{
	width: 2px;
	background-color: #fff;
}

.about-height::-webkit-scrollbar-thumb
{
	background-color: #611C54;
	width:10px;
}
/**/


.service-icon img {
    filter: brightness(0) saturate(100%) invert(60%) sepia(14%) saturate(570%) hue-rotate(72deg) brightness(90%) contrast(85%);
    opacity: 0.1;
}


.block-mangement .swiper-slide img {
    height: 497px !important;
    object-fit: cover;
}

#bannerSlider-cont .bdt-slideshow-items {
    height: 800px !important;
}
#bannerSlider-cont .bdt-ps-slide-img{
	height: 800px !important;
	min-height: 800px !important;
	background-blend-mode: overlay;
    background-color: #00000078;
}
#bannerSlider-cont .bdt-prime-slider-skin-general .bdt-prime-slider-wrapper {
    width: 50% !important;
	margin-left: 10% !important;
}
.bdt-flex-center {
    justify-content: left !important;
}
#testimonialSlider-cont .slide-read-more {
    display: none;
}
#testimonialSlider-cont p {
    line-height: 1.5em !important;
}
#testimonialSlider-cont .mySwiper {
    width: 100% !important;
}
#galleryPage-cont .gallery-icon{
	overflow: hidden;
}
#galleryPage-cont .gallery-icon img {
    height: 400px !important;
    object-fit: cover;
	transition: 0.5s ease all;
	overflow: hidden;
}
#galleryPage-cont .gallery-icon img:hover{
	transform:scale(1.1);
}
/* Custom CSS End 
----------------------------------------------------------------------*/



/* Responsive CSS Start 
----------------------------------------------------------------------*/
@media only screen and (max-width:1450px) {
	
.logo_shakti img{width:100px!important}
.elementor-nav-menu a{padding-top:14px!important;padding-bottom:13px!important}
.villa_video .elementor-custom-embed-image-overlay{height:400px}
.villa_video iframe{height:400px!important}
.villa_video .forvideo_height{height:400px!important}
.villa_video .elementor-widget-container{height:400px!important}
.get_form_design input,textarea{font-size:13px!important;padding:9px 14px!important}
.get_form_design form p{gap:16px}
.get_form_design form p:nth-child(3){margin:12px 0}
.get_form_design textarea{height:90px}
.get_form_design .submit_bt{font-size:15px!important;padding:8px 29px!important}
.design_testi .swiper-slide:after{width:30px}
.design_testi .elementor-testimonial__footer{margin-bottom:12px}
.design_testi .elementor-testimonial__cite{margin-top:18px!important}
#progress-arrow{font-size:28px}
	
}


@media only screen and (max-width:980px) {
	
.villa_video .elementor-custom-embed-image-overlay{height:350px}
.villa_video iframe{height:350px!important}
.villa_video .forvideo_height{height:350px!important}
.villa_video .elementor-widget-container{height:350px!important}
.tab_mobile_menu .elementor-menu-toggle{border:1px solid #000!important;border-radius:8px!important}
.design_testi .elementor-main-swiper:after{display:none}
.design_testi .elementor-main-swiper:before{display:none}
.get_form_design textarea{height:65px}
.get_form_design form p:nth-child(5){margin-top:14px}
.subscribe_form .wpcf7-spinner{display:none;}
.subscribe_form p{justify-content:space-between;}
.subscribe_form	.wpcf7-email{width:100%;}
	
}
@media only screen and (max-width:768px) {
	#bannerSlider-cont .bdt-prime-slider-skin-general .bdt-prime-slider-wrapper {
    width: 75% !important;
    margin-left: 5% !important;
}
	#bannerSlider-cont .bdt-prime-slider-skin-general .bdt-prime-slider-wrapper h1 {
    font-size: 48px !important;
}
	#bannerSlider-cont .bdt-slideshow-items {
    height: 600px !important;
}
	#bannerSlider-cont .bdt-ps-slide-img {
    height: 600px !important;
    min-height: 600px !important;
}
}