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

html {
  scroll-behavior: smooth;
}

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

.logo_shakti .elementor-widget-container {
    width:180px;
}

.logo_shakti img {
    width: 180px !important;
    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;}

.both_contact .elementor-button-icon {
    display: flex;
    align-items: center;
}
.withicon_button .elementor-button span {
    display: flex;
}

.withicon_button svg {
    margin-top: -3px;
}
.withicon_button .elementor-button-wrapper {
    display: flex;
}

.technologies_nav_menu:hover .sub-menu.sm-nowrap {
    display: flex;
    min-width: 1400px !important;
    top: 50px !important;
    left: -190% !important;
    right: 0;
    border-radius: 0;
    padding: 0 !important;
    margin: 0 auto !important;
    border: 0;
    justify-content: space-between;
}


.technologies_nav_menu:hover .sub-menu.sm-nowrap:after {
    clear: both;
    content: " ";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    background: #ffffff;
    min-height: 339px;
    z-index: -1;
    box-shadow: 0px 122px 51px 132px #fff;
}

.technologies_nav_menu:hover .sub-menu.sm-nowrap li {
    width: 14%;
}

.technologies_nav_menu:hover .sub-menu.sm-nowrap li a {
    color: #1f6bbd;
    border-radius: 0 !important;
    padding: 14px 8px;
    margin: 0 !important;
    background: #fbfbfb;
    font-weight: 600 !important;
    border-left: 1px solid rgba(0, 0, 0, 0.11);
    background-image: linear-gradient(270deg, #ffffff 1%, #eeefef 100%);
}

.technologies_nav_menu .sub-menu.sm-nowrap .sub-menu {
       border: none;
    display: block !important;
    width: 100%;
    border-radius: 0 !important;
    margin: 0 0 0 1px;
    box-shadow: -1px 0px 0px 0px rgba(0, 0, 0, 0.11) !important;
}

.technologies_nav_menu .sub-menu.sm-nowrap .sub-menu li {
    width:100%;
	border-color: #ffffff !important;
}
.technologies_nav_menu .sub-menu.sm-nowrap .sub-menu li:hover {
	border-color: #1f6bbd !important;
}
.technologies_nav_menu .sub-menu.sm-nowrap .sub-menu li a{
    padding:12px 10px 12px 10px;
    color: #000;
    background: #fff !important;
    font-weight: 400 !important;
	border:none;
}
.technologies_nav_menu .sub-menu.sm-nowrap .sub-menu li a:hover {
    color: #1f6bbd;
}

.technologies_nav_menu .elementor-element-d6e4a7b .elementor-nav-menu--dropdown a:hover {
    color: #e10505 !important;
}

nav.elementor-nav-menu--main .sub-arrow {
    font-family: "Font Awesome 5 Free";
    font-weight: 600;
    padding: 8px 0px 8px 8px;
    display: block !important;
    color: #000000 !important;
    font-size: 11px !important;
}
nav.elementor-nav-menu--main .sub-arrow:after {
    content: "\f078";
}

.technologies_nav_menu .sub-menu.sm-nowrap .sub-menu li a.elementor-item-active {
    color:#1f6bbd;
}
.technologies_nav_menu .elementor-nav-menu--dropdown a:hover {
    color:#1f6bbd !important;
}

#sub-header {display:none;}

.sticky_whatsapp{position:fixed;right:12px;top:60%;z-index:9;font-size:0}
.sticky_whatsapp img{width:50px}

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


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

.banner_slider .elementor-widget-image {
    height:570px;
    overflow: hidden;
}

.align_button .fa-long-arrow-alt-right {
    display: flex;
    align-items: center;
}

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


/* Welcome Start 
----------------------------------------------------------------------*/

.book_now_button .elementor-button span {display:flex;}
.book_now_button svg {margin-top:-3px;}

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


/* Technical Expertise Start 
----------------------------------------------------------------------*/

.technical_expertise .elementor-widget-image-box .elementor-image-box-title {
    margin:0;
	height: inherit;
}
.technical_expertise .elementor-widget-image-box .elementor-image-box-title a {
	height: inherit;
    display: flex;
    align-items: center;
	padding:0 10px 0 2px;
}


.technical_expertise .elementor-image-box-img {
    display: flex;
    height: inherit;
    align-items: center;
    margin: 0 !important;
}

.technical_expertise .elementor-image-box-img a {
    display: flex;
    align-items: center;
	height: inherit;
}

.technical_expertise .elementor-image-box-content {
	height: inherit;
}

.technical_expertise .elementor-image-box-wrapper { height:50px;}



/* Technical Expertise End 
----------------------------------------------------------------------*/




/* Service Start 
----------------------------------------------------------------------*/


.virtual_walkthrough h3.elementor-icon-box-title {
    margin-top:0;
}

.virtual_walkthrough .elementor-image-box-description {
	margin-bottom:3.4em;
    margin-top: 0;
    height: 100%;
}

.virtual_walkthrough .elementor-widget-image-box {
    height: 100%;
}

.virtual_walkthrough .elementor-image-box-wrapper {
    height: 100%;
}

.virtual_walkthrough .elementor-icon-box-wrapper .st0 {
    stroke-width: 0;
}

.virtual_walkthrough .elementor-widget-image-box:hover .elementor-widget-container {
    background-color: #000;
	color:#fff;
}
.virtual_walkthrough .elementor-image-box-content {
    padding:0px 15px;
}
.virtual_walkthrough .elementor-widget-image-box:hover .elementor-image-box-content p {
    color:#fff;
}
.virtual_walkthrough .elementor-widget-image-box:hover .elementor-image-box-title a {
    color:#fff !important;
}
.virtual_walkthrough .elementor-widget-image-box:hover .elementor-widget-container {
    background-color: #000;
	color:#fff;
}
.virtual_walkthrough .elementor-widget-image-box .elementor-widget-container img {
    width: 100%;
}

.virtual_walkthrough .elementor-widget-image-box:after {
    content: '';
    background: url(images/white-shape-news.svg) !important;
    right:-1px;
    width: 100px;
    background-repeat: no-repeat !important;
    z-index: 9;
    position: absolute;
    height:100px;
    bottom: 0;
    background-size: 100% !important;
}

.virtual_walkthrough .elementor-widget-image-box:before {
    content: "";
    font-family: ovaicon !important;
    right:0;
    width:46px;
    z-index: 99;
    position: absolute;
    height:46px;
    bottom:0;
    border-radius: 64px;
    transform: rotate(349deg);
    transition: .6s all ease;
	background-size: 30% !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
}
.virtual_walkthrough .elementor-widget-image-box:hover:before {transform:rotate(280deg);}

.virtual_walkthrough .preprimary_circle:before {background: url(images/bottom-right.svg) #000;}


/* Service End 
----------------------------------------------------------------------*/




/* Automobile Video Start 
----------------------------------------------------------------------*/

.automobile_video .elementor-custom-embed-image-overlay {
    height:580px;
}

.automobile_video iframe {
    height:580px !important;
}
.automobile_video .forvideo_height {
    height:580px !important;
}

.automobile_video .elementor-widget-container {
    height:580px !important;
}

.automobile_video {
	margin:0 auto;
}


/* Automobile Video End 
----------------------------------------------------------------------*/


/* Book Luxury Villa Start 
----------------------------------------------------------------------*/

.book_luxury_villa input, textarea {
    margin: 0;
    box-shadow: none;
    border-radius: 0 !important;
    width: 100%;
	color:#000;
}
.book_luxury_villa textarea {
	height:150px;
}

.book_luxury_villa form p {
    display: flex;
    gap:20px;
}

.book_luxury_villa form p:nth-child(3) {width: 100%; margin:20px 0;}
.book_luxury_villa form p:nth-child(3) span {width: 100%;}

.book_luxury_villa form p:nth-child(5) {width: 100%; margin-top:20px;}
.book_luxury_villa form p:nth-child(5) span {width: 100%;}

.book_luxury_villa input::placeholder {color:#8b8b8b !important;}
.book_luxury_villa textarea::placeholder {color:#8b8b8b !important;}

.book_luxury_villa .submit_bt {
	border: none !important;
    box-shadow: none !important;
    font-weight: 300 !important;
    font-size: 18px !important;
    padding: 11px 29px 11px 29px !important;
}
.book_luxury_villa .submit_bt:hover {
	background:#3e854b !important;
}


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



/* Instagram Reel Start 
----------------------------------------------------------------------*/

.insta_reel {z-index:99;}
.insta_reel img {
    box-shadow: 0px 0px 31px 28px #0000003d;
    border-radius: 19px;
    background: #00000057;
    backdrop-filter: blur(3px);
}

select:hover, .elementor-kit-7 .elementor-field-group .elementor-select-wrapper select:hover, .elementor-kit-7 .select2.select2-container .select2-selection[role="combobox"]:hover, .elementor-kit-7 input:hover:not([type="button"]):not([type="submit"]), .elementor-kit-7 textarea:hover, .elementor-kit-7 .elementor-field-textual:hover, .elementor-kit-7 input[type="checkbox"]:hover + label::before {
    border-color: #0078f7 !important;
}

/* Instagram Reel End 
----------------------------------------------------------------------*/


/* Testimonial Start 
----------------------------------------------------------------------*/
.design_testi .swiper-slide:after {
    content: '';
    padding: 62px 0;
    position: absolute;
    right: 20px;
    background: url(./images/quote.svg) !important;
    width: 40px;
    background-repeat: no-repeat !important;
    background-size: 100% !important;
    top: 15px;
    opacity: .4;
}

.design_testi .elementor-main-swiper:after {
     content: '';
    padding: 62px 0;
    position: absolute;
    right: 0;
    width: 40px;
    background-repeat: no-repeat !important;
    background-size: 100% !important;
    top: -20px;
    background-image: linear-gradient(91deg, #ffffff00 0%, #ffffff 68%);
    height: 100%;
    width: 400px;
    z-index: 99;
}
.design_testi .elementor-main-swiper:before {
    content: '';
    padding: 62px 0;
    position: absolute;
    left: 0;
    width: 40px;
    background-repeat: no-repeat !important;
    background-size: 100% !important;
    top: -20px;
    background-image: linear-gradient(91deg, #ffffff 31%, #ffffff00 100%);
    height: 100%;
    width: 400px;
    z-index: 99;
}



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

/* Footer CSS Start 
----------------------------------------------------------------------*/

.iconfoote .elementor-icon-box-icon {
    background: #fff;
    padding: 12px;
    border-radius: 6px;
}

.copyrightds {
	
}

/* Footer CSS end 
----------------------------------------------------------------------*/



/* Custom CSS Start 
----------------------------------------------------------------------*/

.circle_img img {width:50px;}
#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: #fff; border-radius: 50px;}
#progress-circle circle {fill:none;stroke-width:2;stroke:#e0e0e0}
#progress-circle #progress {stroke:#000;stroke-dasharray:283;stroke-dashoffset:283;transition:stroke-dashoffset .2s}
#progress-arrow {position:absolute;font-size:34px;color:#000;cursor:pointer; border-radius:50px; padding:0 10px;}

.elementor-slideshow__footer {display:none;}

.valueicon {position:absolute; bottom:22px;}

.design_button .vamtam-btn-text { padding:0 !important;}

.design_button .elementor-button-content-wrapper {align-items:center;}

.valup .elementor-cta__content {
    background-color: #ffffff;
}

/* Custom CSS End 
----------------------------------------------------------------------*/



/*Popup Form Start
----------------------------------------------------------------------*/
.contactForm .formColumn input.text, .contactForm .formColumn input.title, .contactForm .formColumn input[type=email], .contactForm .formColumn input[type=password], .contactForm .formColumn input[type=tel], .contactForm .formColumn input[type=text], .contactForm .formColumn select, .contactForm .formColumn textarea {
     width: 100%;
    font-size: 0.9em !important;
    font-style: normal;
    font-weight: 300 !important;
    line-height: 1.11111em !important;
    letter-spacing: -.04em;
    border-radius: 4px !important;
    border: 1px solid rgb(255 255 255 / 30%) !important;
    background-color: rgb(36 38 39 / 60%);
    padding: 1.1em 1.2em !important;
    color: #ffffff;
}

.contactForm .formColumn input::placeholder, .contactForm .formColumn textarea::placeholder {
    color: #a7a7a7 !important;
}
.contactForm span.wpcf7-list-item-label {
    color: #ffffff !important;
}

.formColumn { display: flex; }
.formColumn .et_pb_column { position: relative; margin-right: 1.5%; margin-bottom: 6px; }
.formColumn .et_pb_column_1_2 { width: 49.5%;; }
.formColumn .et_pb_column_1_2.last_column, .formColumn .et_pb_column_4_4 { margin-right: 0px; }
.formColumn .et_pb_column_4_4 { width: 100%; }

.formColumn input.text, .formColumn input.title, .formColumn input[type=email], .formColumn input[type=password], .formColumn input[type=tel], .formColumn input[type=text], .formColumn select, .formColumn textarea { width: 100%; font-size: 1.125em !important; font-style: normal; font-weight: 300 !important; line-height: 1.11111em !important; letter-spacing: -.04em; border-radius: 4px !important; border: 1px solid rgb(255 255 255 / 30%) !important; background-color: rgb(36 38 39 / 60%); padding: .88889em 1.16667em !important; color: #ffffff; }
.formColumn textarea { height: 120px; }

.formColumn .acceptance .wpcf7-list-item { color: #ffffff; margin:0; font-size:15px;}
.formColumn .acceptance .wpcf7-list-item a { color: #2991ff;}
.formColumn .acceptance .wpcf7-list-item a:hover { color: #ffffff;}

.formColumn .submit_bt { -moz-appearance: none; -webkit-appearance: none; appearance: none; background-color:#0078f7 !important; line-height: 20px !important; color: #ffffff !important; border: 0; box-shadow: none; outline: 0; cursor: pointer; padding:17px 36px !important; font-size: 14px !important; font-style: normal; font-weight: 600 !important; letter-spacing: 1.5px; text-transform: uppercase; margin: 0 !important; border-radius: 6px !important; transition:.3s all ease; }
.formColumn .submit_bt:hover {background-color:#fff !important; color: #000 !important;}

.elementor-popup-modal .dialog-widget-content {border-radius:20px !important;}



/*Popup Form End
----------------------------------------------------------------------*/



/* Contact Page CSS Start 
----------------------------------------------------------------------*/
.contact_page input, select, textarea {
	border-radius: 5px;
    border: 1px solid #959ca7 !important;
    padding: 0.8em 0.8em 0.8em 1em;
    width: 100%;
    color: #484848;
    transition-duration: .5s;
    margin: 0 !important;
    border-radius: 8px !important;
} 
.contact_page textarea { height:150px; }
.contact_page input::placeholder, .contact_page textarea::placeholder { color: #000000; }
.contact_page .wpcf7-submit-style .wpcf7-submit { margin-top:20px !important; margin-bottom: 0px; background-color: #000000 !important; border-radius: 8px !important; font-size: 18px; width: auto; color: #fff !important; cursor:pointer; transition:.3s all ease; padding: 18px 50px !important; }
.contact_page input[type="submit"]:hover { background: #2f3ff7 !important; }
.submit-style-in { display:none !important; }
/* Contact Page CSS End 
----------------------------------------------------------------------*/



/* Responsive CSS Start 
----------------------------------------------------------------------*/

@media only screen and (max-width:1440px) {

.technologies_nav_menu:hover .sub-menu.sm-nowrap li a {
    font-size: 15px !important;
		    padding: 10px 8px;
}
	
	.technologies_nav_menu .sub-menu.sm-nowrap .sub-menu li a {
    padding: 8px 10px 8px 10px;
    font-size: 14px !important;
}
	
.technologies_nav_menu:hover .sub-menu.sm-nowrap {
    min-width: 1149px !important;
    top:15px !important;
    left: -242% !important;
}
	
.banner_slider .elementor-widget-image {
    height: 422px;
}
	
.banntxt  {
    height: 400px;
}
	
.technical_expertise .elementor-image-box-wrapper { height:40px;}
	
}


@media only screen and (max-width:980px) {
	
.sticky_whatsapp {        
	top: auto;
        bottom: 120px;
	    right: 2px;
}
	
.technical_expertise .elementor-image-box-wrapper {
        display:flex;
    }
	
.design_testi .elementor-main-swiper:after {
    display:none;
}
.design_testi .elementor-main-swiper:before {
    display:none;
}


.tab_mobile_menu .elementor-menu-toggle {
    border: 1px solid #000 !important;
    border-radius: 8px !important;
}
.banner_slider .elementor-widget-image {
        height: auto;
}
	
}



@media only screen and (max-width:500px) {

.sticky_whatsapp a{border-left:1px solid #9d9d9d;border-right:1px solid #9d9d9d;padding:0 30px}
}