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

html {scroll-behavior: smooth;}

body {font-family:'Roboto' !important;}
h1, h2, h3, h4, h5 ,h6 {font-family:'Roboto' !important;}

/* Header Start 
----------------------------------------------------------------------*/
.logo_shakti .elementor-widget-container{width:150px}
.logo_shakti img{position:absolute;width:140px!important;z-index:9;transition:.7s all ease;margin:0 auto;left:0;right:0;top:4px}
/* .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}
.vamtam-sticky-header--fixed-shown a {color:#000 !important;} */
.vamtam-sticky-header.vamtam-sticky-header--fixed-hidden ul.elementor-nav-menu li.menu-item a, .vamtam-sticky-header.vamtam-sticky-header--fixed-shown ul.elementor-nav-menu li.menu-item a { color: #ffffff !important; }
.withicon_button .elementor-button span{display:flex}
.withicon_button svg{margin-top:-3px}
.withicon_button .elementor-button-wrapper{display:flex}

.header_design { padding:0 !important;}
#page.main-container { margin-top:-71px;}
.header_design .elementor-widget-container { border:none !important;}
.header_design .elementor-container.elementor-column-gap-default  { justify-content: space-between; }
.header_design .elementor-nav-menu--dropdown { padding: 0px !important; margin: 0px !important; border: 0 !important; }

body:not(.elementor-editor-active) .vamtam-sticky-header.vamtam-sticky-header--fixed-hidden:not(.vamtam-sticky-header--offset-on-sticky) { box-shadow: 0px 0px 15px 0px #0000003b; }

.logoText h6 { color: #f69220; font-weight: 100; font-size: 9.720vw; line-height: 150px; margin-top: 0; padding: 0; margin-bottom: 30px; }
.logoText h6 .colorW { color: #ffffff; }

.iconContact a { color: #ffffff;}
.iconContact a:hover { color: var( --e-global-color-vamtam_accent_1 ); }

a.highLight { color: var( --e-global-color-vamtam_accent_1 ) !important; }
.digital_formdesign .formColumn { display: flex; }
.digital_formdesign .formColumn .et_pb_column { position: relative; margin-right: 1.5%; margin-bottom: 18px; }
.digital_formdesign .formColumn .et_pb_column_1_2 {width:49.5%;}
.digital_formdesign .formColumn .et_pb_column_1_2.last_column, .formColumn .et_pb_column_4_4 { margin-right: 0px; }
.digital_formdesign .formColumn .et_pb_column_4_4 { width: 100%; margin-right: 0px; }
.digital_formdesign .wpcf7-acceptance .wpcf7-list-item { margin-left: 0px }
.digital_formdesign .wpcf7-acceptance input { width: max-content;vertical-align: baseline; }
.digital_formdesign .premium-cf7-container .wpcf7-form { display: initial !important; }
.digital_formdesign .formColumn .submit_bt { width: max-content !important; }
/* Header Start 
----------------------------------------------------------------------*/

/* Banner Start 
----------------------------------------------------------------------*/
.design_headingbanner {backdrop-filter: blur(10px)}
.design_headingbanner span {color:#f69220; backdrop-filter: blur(7px)}
.banner_icons h3.elementor-icon-box-title a:hover { color:#f69220; }
.banner_icons .elementor-icon-box-wrapper:hover h3.elementor-icon-box-title a { color:#f69220; }
/* Banner End 
----------------------------------------------------------------------*/

/* Welcome Start 
----------------------------------------------------------------------*/
.book_now_button .elementor-button span {display:flex;}
.book_now_button svg {margin-top:-3px;}
/* Welcome End 
----------------------------------------------------------------------*/

.logoSlider .swiper-slide-image { padding: 0px 35px; }
.servicesBox .servicesBox-btn a.elementor-button { padding: 15px; height: 57px; width: 60px; }
.servicesBox .servicesBox-btn a.elementor-button .elementor-button-icon svg { height: 27px; }
.servicesBox:hover .servicesBox-btn a.elementor-button { padding: 15px 20px; height: 57px; width: 160px; }
.servicesBox .servicesBox-btn a.elementor-button .elementor-button-text { display: none; }
.servicesBox:hover .servicesBox-btn a.elementor-button .elementor-button-text { display: block; }

.servicesBox {position:relative;}
.servicesBox:hover {background-color:#000 !important;}
.servicesBox:after {content:''; padding:30px 0; position:absolute; right:0; background:#ffffff30; width:65px; background-repeat:no-repeat !important; background-size:100% !important; bottom:0;}
.servicesBox:before {content:''; padding:0; position:absolute; right:63px; background:#ffffff30; width:0px; background-repeat:no-repeat !important; background-size:100% !important; bottom:60px; height:auto; top:auto; left:auto; border-radius:0; transition:.5s all ease; animation-delay:5s !important;}
.servicesBox:hover:before {width:50px; padding:25px 0;}
.servicesBox:hover i {color:#fff;}
.servicesBox:hover .elementor-divider-separator {border-block-start:var(--divider-border-width) var(--divider-border-style) #f69220 !important;}
.servicesBox:hover h2 {color:#fff;}
.servicesBox:hover p {color:#fff;}
.servicesBox:hover a.elementor-button {background-color:#f69220; color:000;}

/* Why Creative Start
----------------------------------------------------------------------*/

.why_right_boxes .elementor-widget-container {width:77%; transition:.3s all ease !important; position:relative; overflow:hidden;}
.why_right_boxes .elementor-widget-container:hover {width:100%; background-color:#fff !important; border-color:#fff !important;}
.why_right_boxes .elementor-widget-container:before {content:''; opacity:0; position:absolute; right:-140px; bottom:-150px; top:auto; left:auto; transition:.5s all ease; animation-delay:5s !important; z-index:9999; width:450px; height:350px; filter:blur(50px); background-image:linear-gradient(#ffb55b, #de8f36, #ffa43e); animation:rotate 10s cubic-bezier(0.8, 0.2, 0.2, 0.8) alternate infinite; border-radius:30% 70% 70% 30% / 30% 30% 70% 70%;}
.why_right_boxes .elementor-widget-container:hover:before {opacity:.8;}
.why_right_boxes .elementor-widget-container h3 {transition:.5s all ease;}
.why_right_boxes .elementor-widget-container p {transition:.5s all ease;}
.why_right_boxes .elementor-widget-container:hover h3 {color:#000 !important;}
.why_right_boxes .elementor-widget-container:hover p {color:#000 !important;}
.why_right_boxes p.elementor-icon-box-description {width:570px;}
.why_right_boxes .elementor-icon-box-icon {border-radius:80px; padding:15px; border:1px solid #f69220; margin-left:0 !important; width:auto; display:flex; margin-bottom:0 !important;}
.responsive_designicon .elementor-icon-box-icon {padding:8px;}
.why_right_boxes .elementor-icon-box-content {z-index:99;}
.why_right_boxes .elementor-icon-box-wrapper {display:flex !important; position:relative; flex-direction:column !important;}
.why_right_boxes .hide_portimg {opacity:0; position:absolute; top:-60px; right:145px; z-index:-1; width:400px; animation-delay:2s;}
.why_right_boxes .elementor-widget-container:hover .hide_portimg {opacity:1;}

@keyframes rotate {
  0% {transform: rotate(0deg);}
  100% {transform: rotate(360deg);}
}

/* Why Creative End 
----------------------------------------------------------------------*/

/* Villa Video Start 
----------------------------------------------------------------------*/
.villa_video .elementor-custom-embed-image-overlay{height:580px;border-radius:15px}
.villa_video iframe{height:580px!important;border-radius:15px!important}
.villa_video .forvideo_height{height:580px!important}
.villa_video .elementor-widget-container{height:580px!important}
/* Villa 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!important}
.book_luxury_villa .submit_bt:hover{background:#3e854b!important}
/* Book Luxury Villa End 
----------------------------------------------------------------------*/


/* Instagram Reel Start 
----------------------------------------------------------------------*/
.insta_reel {z-index:99}
.portfolio-experiences, .portfolio-experiences .top-side { text-align: center; }
.portfolio-experiences h2 { margin: 0; padding: 0; font-size: 2.6em; color: #012a5e; text-transform: capitalize; }
.portfolio-experiences h3 { margin: 1% 0; padding: 0; font-size: 1.1em; color: #444; text-transform: capitalize; }
.isotope .grid-item { height: 490px; margin-bottom: 25px; float: left; padding-left: 15px; padding-right: 15px; }
.isotope-pager { display: none !important; }
.portfolio-experiences .top-side .title { font-weight: 500; font-size: 15px; display: inline-block; }
.portfolio-experiences .top-side .title:after { content: ""; display: block; width: 50%; border-bottom: 1px solid #494949; margin: 8px auto; }
.portfolio-experiences .top-side h2 { font-weight: 700; }
.portfolio-experiences .filters {text-align: left;margin-top: 10px;margin-bottom: 55px;}
.portfolio-experiences .filters ul {padding: 0;border-radius: 100px;margin: 0 auto;display: inline-block;}
.portfolio-experiences .filters ul li {list-style: none;display: inline-block;cursor: pointer;position: relative;margin-bottom: 20px;} .portfolio-experiences .filters ul li a {padding: 2px 22px;display: block;color: #ffffff;font-size: 27px;font-weight: 600;line-height: 1.6em;}
.portfolio-experiences .filters ul li.active {background-color: var(--vamtam-accent-color-1);border-radius: 50px;}
.isotope .grid-item .content .inner-content .text-content:hover a, .location_wrap span a, .mobile-cta-col-btn:nth-of-type(2) a, .portfolio-experiences .filters ul li.active a {color: #ffffff;} .portfolio-experiences .filters-content { width: 97%; margin: 0 auto; }
.portfolio-experiences .filters-content .show { opacity: 1; visibility: visible; transition: 350ms; }
.portfolio-experiences .filters-content .hide { opacity: 0; visibility: hidden; transition: 350ms; }
.portfolio-experiences .filters-content .item { text-align: center; cursor: pointer; margin-bottom: 30px; border-radius: 4px; border: 1px solid #eee; background: #fff; box-shadow: 0 6px 10px rgba(0, 0, 0, 0.08), 0 0 6px rgba(0, 0, 0, 0.05); clear: both; display: block; }
.portfolio-experiences .filters-content .item .p-inner { padding: 20px 30px; }
.portfolio-experiences .filters-content .item .p-inner h5 { font-size: 15px; }
.portfolio-experiences .filters-content .item .p-inner .cat { font-size: 13px; }
.line_mov:hover span:after, .portfolio-experiences .filters-content .item img, .process-wrapper video { width: 100%; }
.portfolio-experiences .grid figure { position: relative; float: none !important; overflow: hidden; height: auto; background: #1f354d; text-align: center; cursor: pointer; margin: 0; }
.portfolio-experiences .grid figure img { position: relative; display: block; min-height: 100%; max-width: 100%; opacity: 1; }
.portfolio-experiences .grid figure figcaption { padding: 2em; color: #fff; text-transform: uppercase; font-size: 1.25em; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .grid figure figcaption::after, .portfolio-experiences .grid figure figcaption::before { pointer-events: none; }
.grid figure figcaption > a, .portfolio-experiences .grid figure figcaption { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .portfolio-experiences .grid figure figcaption > a { z-index: 1000; text-indent: 200%; white-space: nowrap; font-size: 0; opacity: 0; }
.portfolio-experiences .grid figure h2 { word-spacing: -0.15em; font-weight: 300; }
.about-us-wrapper .states .display-4, .portfolio-experiences .grid figure h2 span { font-weight: 800; }
.grid figure p, .portfolio-experiences .grid figure h2 { margin: 0; }
.portfolio-experiences .grid figure p { font-size: 68.5%; }
.portfolio-experiences figure.effect-goliath { background: #1f354d; } .portfolio-experiences figure.effect-goliath img, figure.effect-goliath h2 { -webkit-transition: -webkit-transform 0.35s; transition: transform 0.35s; }
.portfolio-experiences figure.effect-goliath img { -webkit-backface-visibility: hidden; backface-visibility: hidden; opacity: 1; -webkit-transition: 0.35s; transition: 0.35s; }
.portfolio-experiences figure.effect-goliath h2, figure.effect-goliath p { position: absolute; bottom: 0; left: 0; padding: 20px; width: 100%; text-align: left; color: #fff; }
.portfolio-experiences figure.effect-goliath h2 { background: linear-gradient(0deg, rgb(0 0 0 / 60%) 0, rgb(255 255 255 / 0%) 100%); line-height: 32px; font-weight: 700; font-style: normal; font-size: 32px; }
.portfolio-experiences figure.effect-goliath p { text-transform: none; font-size: 90%; opacity: 0; -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; -webkit-transform: translate3d(0, 50px, 0); transform: translate3d(0, 50px, 0); width: 100%; }
.portfolio-experiences figure.effect-goliath p a { display: block; border: 1px solid #fff; padding: 8px 24px; float: left; color: #fff; font-size: 16px; border-radius: 5px; text-decoration: none; width: 100%; text-align: center; }
.portfolio-experiences figure.effect-goliath p a:nth-child(2) { float: right; }
.portfolio-experiences figure.effect-goliath p a:hover { background-color: #fff; color: #000; }
.portfolio-experiences figure.effect-goliath:hover img { -webkit-transform: translate3d(0, -80px, 0); transform: translate3d(0, -80px, 0); opacity: 0.6; }
.portfolio-experiences figure.effect-goliath:hover h2 { -webkit-transform: translate3d(0, -110%, 0); transform: translate3d(0, -110%, 0); }
.portfolio-experiences figure.effect-goliath:hover p { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
.isotope .top-bar { line-height: 1em; position: relative; }
.isotope .top-bar img { border-radius: 5px 5px 0 0; }
.isotope .top-bar h6 { text-align: center; position: absolute; top: 0; left: 0; width: 100%; z-index: 9; color: #eee; margin-top: 5px; font-size: 11px; }
.isotope .grid-item .content { -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; border-radius: 5px; position: relative; z-index: 1; background: -webkit-linear-gradient(315deg, #32c6f0, #00ff71); background: -o-linear-gradient(315deg, #32c6f0, #00ff71); background: linear-gradient(135deg, #32c6f0, #00ff71); -webkit-box-shadow: 0 2px 4px rgb(45 35 66 / 35%), 0 7px 13px -3px rgb(45 35 66 / 25%); }
.isotope .grid-item .content::before { content: " "; width: 100%; height: 100%; display: block; background: #fff; position: absolute; top: 0; left: 0; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; border-radius: 4px; -webkit-transition: 1s; -o-transition: 1s; transition: 1s; z-index: -1; }
.isotope .grid-item.content .inner-content { height: 100%; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; border-radius: 4px; padding: 8px; z-index: 2; }
.isotope .grid-item .content .inner-content { background: #fff; }
.isotope .grid-item .content .inner-content .img-container { height: 430px; overflow: hidden; display: block; background: #f3f3f3; z-index: 1; position: relative; }
.isotope .grid-item .content .inner-content .img-container img { width: 100%; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); -webkit-transition: 12s; -o-transition: 12s; transition: 12s; }
.isotope .grid-item .content:hover .img-container img { -webkit-transform: translateY(calc(-100% + 435px)); -ms-transform: translateY(calc(-100% + 435px)); transform: translateY(calc(-100% + 435px)); }
.left_fix_nav .inner_block, .left_fix_nav .menu_wrap ul.menu, .left_fix_nav:hover .menu_wrap ul.menu { transform: translate3d(0, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0deg, 0deg); }
.isotope .grid-item .content .inner-content .text-content { transition: 0.6s; padding: 0 15px; padding-bottom: 0 !important; display: block; z-index: 9; margin: 0 auto; left: 5%; bottom: -10px; background-color: #fff; -webkit-box-shadow: 0 0 20px 0 rgb(40 40 40 / 16%); box-shadow: 0 0 20px 0 rgb(40 40 40 / 16%); position: absolute; width: 90%; border-radius: 3px; }
.btn-light:hover, .btn-primary { background-image: linear-gradient(180deg, #2e76ff, #004eca), linear-gradient(180deg, #0062ff, #0062ff); box-shadow: inset 0 0 40px 0 rgba(4, 48, 119, 0.7), inset 0 2px 0 0 hsla(0, 0%, 100%, 0.2); }
.isotope .grid-item .content .inner-content .text-content h5 {font-weight: 400;font-family: Roboto, -apple-system, "Helvetica Neue", "Droid Sans", Arial, sans-serif;color: rgb(64 75 108);font-size: 1em;display: block;padding: 7px 5px;}
.accordion.scope_wrap .accordion-button:not(.collapsed), .carousel-indicators [data-bs-target], .isotope .grid-item .content .inner-content .text-content:hover {background-color: var(--e-global-color-vamtam_accent_3);}
.isotope .grid-item .content .inner-content .text-content h5 a i { transform: rotate(45deg); }
.isotope .grid-item .content .inner-content .text-content h5 a, header .logo img, header .logo svg {display: block;width: 100%;color: #000000;}
@media (max-width: 1366px){
/* .servicesBox .servicesBox-btn a.elementor-button .elementor-button-icon svg { height: 42px; } */
.why_right_boxes .hide_portimg {
    right: 0;
}
}
@media (max-width: 990px) {
	.isotope .grid-item .content .inner-content .img-container { height: 300px; }
	.portfolio-experiences h2 { font-size: 2.6em; line-height: 1em; }
	.portfolio-experiences h3 { margin: 1% 0; font: 16px proxima, Arial, Helvetica, sans-serif; }
	.portfolio-experiences { padding: 8% 0; }
	.portfolio-experiences .link-a-option { font: 18px proxima, Arial, Helvetica, sans-serif; padding: 2% 4%; margin-top: 2%; }
	.portfolio-experiences p { margin: 2% 0 4%; font: 15px/22px proxima, Arial, Helvetica, sans-serif; color: #243e59; }
	.portfolio-experiences strong { font: 20px proxima, Arial, Helvetica, sans-serif; }
	.isotope .grid-item { height: 335px; width: 47%; margin-left: 1.5%; }
	#myHeader.scrolled {
		padding-top:10px;
	}
}
@media (max-width: 768px) {
	.isotope .grid-item { height: 360px; width: 47%; margin-left: 1.5%; }
	.portfolio-experiences .filters ul li { font-size: 18px; width: auto; border-radius: 0; }
	.portfolio-experiences .filters ul li a { padding: 5px 15px; color: #000 !important; font-size: 15px; }
	.portfolio-experiences .filters ul li a:after { content: ""; top: 12px; width: 13px; height: 13px; border-radius: 50px; border: 1px solid #b7b2b2; margin: 0 auto; display: block; box-shadow: 0 0 0 3px #dedede; } .portfolio-experiences .filters ul { padding: 4px 0 10px; border-radius: 8px; width: 90%; }
	.portfolio-experiences .filters ul li.active { background-color: #f3f4f7; color: #1c3958; }
	.portfolio-experiences .filters ul li.active a:after { background-color: #1c3958; border: 1px solid #1c3958; box-shadow: 0 0 0 3px #dedede; }
	.portfolio-experiences .filters { text-align: center; margin-top: 25px; margin-bottom: 34px; }
	.portfolio-experiences h3 { margin: 1% 0; font: 300 17px proxima_regular, Arial, Helvetica, sans-serif; }
	.portfolio-experiences figure.effect-goliath h2 { font-size: 17px; }
	.portfolio-experiences figure.effect-goliath h2, figure.effect-goliath p { padding: 2px 10px; }
	.isotope .grid-item .content .inner-content .img-container { height: 327px; }
	.isotope .grid-item .content .inner-content .img-container:before { -webkit-animation-name: fade-out; -webkit-animation-duration: 2s; -webkit-animation-iteration-count: infinite; -webkit-animation-timing-function: ease-in-out; content: ""; width: 60px; height: 60px; background-color: #0000004d; top: 40%; border-radius: 100px; border: 2px solid #fff; position: absolute; z-index: 999; margin: 0 auto; display: none; }
	.isotope .grid-item .content:hover .img-container:after, .isotope .grid-item .content:hover .img-container:before { z-index: -1 !important; display: none !important; }
	#myHeader.scrolled {
		padding-top:10px;
	}
}
@media (max-width: 650px) {
	.isotope .grid-item { height: 175px; width: 47%; margin-left: 1.5%; }
	#myHeader.scrolled {
		padding-top:10px;
	}
}
@media (max-width: 560px) {
	.isotope .grid-item { height: 330px; width: 100%; margin-left: 1.5%; }
	#myHeader.scrolled {
		padding-top:10px;
	}
	
.logoSlider .swiper-slide-image { padding: 0px 35px; }
.servicesBox .servicesBox-btn a.elementor-button { padding: 15px; height: 45px; width: 45px; }
.servicesBox .servicesBox-btn a.elementor-button .elementor-button-icon svg { height: 18px; }
.servicesBox:hover .servicesBox-btn a.elementor-button { padding: 12px 20px; height: 48px; width: 160px; }
.servicesBox .servicesBox-btn a.elementor-button .elementor-button-text { display: none; }
.servicesBox:hover .servicesBox-btn a.elementor-button .elementor-button-text { display: block; }
}
@media (min-width: 768px) {
	.col-md-4 { flex: 0 0 auto; width: 33.33333333%; }
}
/* Instagram Reel End 
----------------------------------------------------------------------*/


/* Testimonial Start 
----------------------------------------------------------------------*/
.design_testi .testi_imgabsolute {width:100px; height:100px; position:absolute; right:-35px; bottom:30px; border-radius:110px; border:2px solid #f69220;}
.design_testi .elementor-testimonial__text {padding:30px 40px 40px 40px;}
.design_testi {overflow:hidden !important;}
.design_testi .swiper-slide {overflow:visible !important;}
.design_testi .swiper {overflow:visible !important;}
.design_testi .swiper-wrapper {padding-bottom:58px;}
.design_testi .elementor-testimonial__image img {position:absolute; left:-48px; bottom:-30px; border-radius:110px;}
.design_testi .elementor-testimonial__cite {padding-left:7em; padding-bottom:14px;}
.design_testi .elementor-testimonial__footer {background:#f69220; border-radius:18px; padding-top:14px;}
.design_testi .elementor-testimonial__content:after {content:''; padding:32px 0; position:absolute; right:5em !important; background:url(images/rating.svg) !important; width:90px; background-repeat:no-repeat !important; background-size:100% !important; bottom:95px; left:auto !important;}
/* Testimonial End 
----------------------------------------------------------------------*/


/* Digital Marketing Agency inner page Start 
----------------------------------------------------------------------*/
.digital_formdesign {position:relative;}
.digital_formdesign:before {content:''; position:absolute; right:0; margin:0 auto; z-index:0; top:0; width:100%; height:8px; background:linear-gradient(-45deg, #F69220, #5a3000, #F69220, #a75b05); background-size:400% 400%; animation:gradient 15s ease infinite;}

@keyframes gradient {
0% {background-position:0% 50%;}
50% {background-position:100% 50%;}
100% {background-position:0% 50%;}
}

.digital_formdesign .elementor-element {width:100%;}
.digital_formdesign p {width:100%;}
.digital_formdesign input, textarea {margin:0; box-shadow:none; border-radius:0 !important; width:100%; color:#000; margin-bottom:12px; border:1px solid #000;}
.digital_formdesign input:hover, .digital_formdesign textarea:hover {border-color:#f69220 !important;}
.digital_formdesign textarea {height:100px;}
.digital_formdesign .submit_bt {border:none !important; box-shadow:none !important; font-weight:300 !important; font-size:18px !important; padding:11px 29px !important; background:#000 !important;}
.digital_formdesign .submit_bt:hover {background:#f69220 !important;}
.for_rotateline::after {content:""; position:absolute; display:block; right:0; width:1px; height:auto; top:0; bottom:0; background:-webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(255, 255, 255, 0)), color-stop(30%, #fff), color-stop(70%, #fff), to(rgba(255, 255, 255, 0))); background:linear-gradient(to bottom, rgba(255, 255, 255, 0) 0, #fff 30%, #fff 70%, rgba(255, 255, 255, 0) 100%); -webkit-transform:rotate(30deg); transform:rotate(20deg);}
/* Digital Marketing Agency inner page End 
----------------------------------------------------------------------*/


/* Custom CSS Start 
----------------------------------------------------------------------*/
.breadcrumb {font-size:17px; margin-bottom: 5px; color: #fff;}
.breadcrumb a {color:#F69220; text-decoration: none;}
.breadcrumb a:hover {color:#fff;}
.breadcrumb span {color: #fff;}
#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)}
#progress-circle circle {fill:none;stroke-width:2;stroke:#e0e0e0}
#progress-circle #progress {stroke:#f69220;stroke-dasharray:283;stroke-dashoffset:283;transition:stroke-dashoffset .2s}
#progress-arrow {position:absolute;font-size:34px;color:#f69220;cursor:pointer; border-radius:50px; padding:0 10px;}
.elementor-slideshow__footer {display:none;}

#myHeader {opacity:0;transition:.3s all ease;}
#myHeader.scrolled {opacity:1;transition:.3s all ease;}

.sticky-contact{font-size:15px;font-size:.9375rem;line-height:1em;font-weight:400;letter-spacing:.04em;bottom:-200px;transition:bottom .3s linear;position:fixed;left:0;right:0;width:100%;z-index:100;background:#1A1E21;display:flex;justify-content:space-between;align-items:center;text-transform:uppercase;color:#ffffff;height:100px;flex-direction:column}

@media only screen and (min-width: 768px) {
.sticky-contact{font-size:18px;font-size:1.125rem}
	.providing .e-con.e-grid>.e-con-inner{
grid-template-rows: auto !important;
}
	
}

@media only screen and (min-width: 1060px) {
.sticky-contact{height:60px;flex-direction:row;justify-content:center}
}

.sticky-contact.make-sticky{bottom:0}
.sticky-contact a{text-decoration:none}
.sticky-contact .sticky-text {display:flex;justify-content:center;align-items:center}
.sticky-contact .sticky-text > a{color:#ffffff;padding:10px;height:100%;text-align:center}
.sticky-contact .sticky-text > a:hover{color:#F6921E}
.sticky-contact .sticky-text > a span{color:#F6921E}
.sticky-contact .sticky-icons{display:flex;justify-content:center;align-items:center;margin:0}
.sticky-contact .sticky-icons .sticky-icon{list-style:none;display:flex;padding:0 25px;border-right:1px solid #3B3B3B}


@media only screen and (min-width: 768px) {
.sticky-contact .sticky-icons .sticky-icon:nth-of-type(2){display:block;display:flex}

}
.sticky-contact .sticky-icons .sticky-icon:last-of-type{border-right:none}
.sticky-contact .sticky-icons .sticky-icon a{display:flex;align-content:center;align-items:center;gap:10px;color:#ffffff}
.sticky-contact .sticky-icons .sticky-icon a:hover{color:#F6921E}

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


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

@media only screen and (min-width: 1025px) {
    body .vamtam-sticky-header.vamtam-sticky-header--fixed-hidden { transform: translateY(0%) !important; background-color : #1a1e21 !important; }
}
@media only screen and (min-width: 1366px){
.design_testi .elementor-testimonial__text {padding:20px; !important}
}
@media only screen and (max-width:1440px) {
	.both_contact svg {font-size: 22px;}
	.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}
	.book_luxury_villa input,textarea{font-size:13px!important;padding:9px 14px!important}
	.book_luxury_villa form p{gap:16px}
	.book_luxury_villa form p:nth-child(3){margin:12px 0}
	.book_luxury_villa textarea{height:90px}
	.book_luxury_villa .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:1058px) {
.sticky-contact { height:40px}
.sticky-contact .sticky-text{display:none !important}
}

@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}
	.book_luxury_villa textarea{height:65px}
	.book_luxury_villa form p:nth-child(5){margin-top:14px}
	
}
.single-post .elementor-widget-container h2 { font-size: 38Px; }