/*
Theme Name: Web D Theme
Theme URI: https://elementor.com/hello-theme/?utm_source=wp-themes&utm_campaign=theme-uri&utm_medium=wp-dash
Template: hello-elementor
Author: Elementor Team
Author URI: https://elementor.com/?utm_source=wp-themes&utm_campaign=author-uri&utm_medium=wp-dash
Description: Hello Elementor is a lightweight and minimalist WordPress theme that was built specifically to work seamlessly with the Elementor site builder plugin. The theme is free, open-source, and designed for users who want a flexible, easy-to-use, and customizable website. The theme, which is optimized for performance, provides a solid foundation for users to build their own unique designs using the Elementor drag-and-drop site builder. Its simplicity and flexibility make it a great choice for both beginners and experienced Web Creators.
Tags: accessibility-ready,flexible-header,custom-colors,custom-menu,custom-logo,featured-images,rtl-language-support,threaded-comments,translation-ready
Version: 3.5.1.1789645603
Updated: 2026-09-17 11:46:43

*/
.icon-btn-white a:hover svg path {
	fill: var(--e-global-color-primary);
}
.icon-btn .elementor-button-content-wrapper{
    align-items: center;
}
.icon-btn a svg {
    height: 30px;
    width: 30px;
}
.spacing {
    display: block;
}
.cstm-faq .e-n-accordion-item {
    border-radius: 14px !important;
    overflow: hidden;
}
.mv-process__intro {
    position: sticky;
    top: 110px;
}
@media (max-width:767px){
	.spacing {
    	display: inline;
	}
	.mv-process__intro {
    position: unset;
}
}
/* review slider */
.cs-review-slider-control button.slick-arrow {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    border: 1px solid var(--e-global-color-primary);
	 background-color: var(--e-global-color-primary) !important;
    font-size: 0;
    background-repeat: no-repeat;
    background-position: center;
    padding: 0;
    background-size: 30px;
    transition: .3s ease all;
    background-color: transparent;
	 background-image: url("data:image/svg+xml,%3Csvg width='25' height='25' viewBox='0 0 25 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cmask id='mask0_946_125' style='mask-type:luminance' maskUnits='userSpaceOnUse' x='0' y='0' width='25' height='25'%3E%3Cpath d='M0.000627369 12.3744L12.375 0L24.7494 12.3744L12.375 24.7487L0.000627369 12.3744Z' fill='white'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_946_125)'%3E%3Cpath d='M18.5619 12.375H6.1875' stroke='%23FEBC35' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M11.0974 7.375L6.07031 12.4021L11.0974 17.4291' stroke='%23FEBC35' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3C/svg%3E%0A");
	
    transition: .3s ease all;
}
.cs-review-slider-control button.slick-arrow:hover {
    background-color: var(--e-global-color-b41cfca) !important;
	border: 1px solid var(--e-global-color-b41cfca);
    background-image: url("data:image/svg+xml,%3Csvg width='25' height='25' viewBox='0 0 25 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cmask id='mask0_946_126' style='mask-type:luminance' maskUnits='userSpaceOnUse' x='0' y='0' width='25' height='25'%3E%3Cpath d='M0.000627369 12.3744L12.375 0L24.7494 12.3744L12.375 24.7487L0.000627369 12.3744Z' fill='white'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_946_126)'%3E%3Cpath d='M18.5619 12.375H6.1875' stroke='%231E1E1E' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M11.0974 7.375L6.07031 12.4021L11.0974 17.4291' stroke='%231E1E1E' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3C/svg%3E%0A");
}
.cs-review-slider-control button.slick-next.slick-arrow{
	transform: rotate(180deg);
}
.cs-review-slider .slick-list {
    margin: 0 -15px;
}
.cs-review-slider .slick-slide {
    padding: 0 15px;
}
.cs-review-slider{
	overflow: hidden;
}
.cs-review-slider-control {
    display: flex !important;
    gap: 10px !important;
}
.slick-dots{
	padding: 0 !important;
	margin: 30px 0 0 !important;
	display: flex;
	gap: 4px;
	list-style: none;
	justify-content: center;
}
.slick-dots li button{
	display: none;
}
.slick-dots li{
	width: 12px;
	height: 12px;
	background: var( --e-global-color-secondary );
	opacity: .2;
	border-radius: 50%;
	cursor: pointer;
}
.slick-dots li.slick-active{
	opacity: 1;
}
/* service section */
.cs-h-100 {
    height: 100%;
}
.cs-h-100 img{
	object-fit: cover;
}
.cs-services-blocks a img {
	transition: .6s ease-out all;
}
.cs-services-blocks a:hover img {
    transform: scale(1.1);
}
.cs-service-block{
	overflow: hidden;
}
.cs-hover-service > .elementor-element {
    transform: translateY(calc(100% - 30px));
}
/* banner slider  */
.cs-hero-slider .slick-list {
    margin: 0 -15px;
}
.cs-hero-slider .slick-slide {
    padding: 0 15px;
}
.cs-hero-slider{
	overflow: hidden;
}
.cs-hero-slider {
    height: 100vh !important;
}
.cs-hero-slider .slick-track {
    height: 100vh !important;
}
/* .cs-review-slider-control {
    display: flex !important;
    gap: 10px !important;
} */
.cs-hero-slider .slick-dots {
	padding: 10px !important;
    height: 100px;
    position: absolute;
	width: 100%;
    align-items: center;
    justify-items: center;
    bottom: 0;
    text-align: center;
    margin: 0 auto !important;
}
.cs-hero-slider .slick-dots li{
	width: 12px;
	height: 12px;
	background: var(--e-global-color-b41cfca);
	opacity: .2;
	border-radius: 50%;
	cursor: pointer;
}
.cs-hero-slider .slick-dots li.slick-active{
	opacity: 1;
}
.cs-img a img {
    transition: .6s ease-out all;
}
.cs-img a:hover img {
    transform: scale(1.1);
}
/* header */
header#masthead {
    position: fixed !important;
    top: 0;
    left: 0;
    width: 100%;
    transition: .3s ease all;
}
header#masthead.scrolled {
    background: var(--e-global-color-primary);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
	z-index: 9999;
}
nav.hfe-nav-menu__layout-horizontal.hfe-nav-menu__submenu-arrow {
    width: 100% !important;
}
.e-n-tabs-heading #e-n-tab-title-1504154678 {
    border-bottom: 0 !important;
}
.hfe-flyout-content {
	height: 100vh;
}
.hfe-nav-menu-icon {
    background-size: 25px;
    background-repeat: no-repeat;
    background-position: center;
    width: 25px !important;
    height: 25px !important;
    background-image: url("data:image/svg+xml,%3Csvg width='35' height='27' viewBox='0 0 35 27' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_828_138)'%3E%3Cmask id='mask0_828_138' style='mask-type:luminance' maskUnits='userSpaceOnUse' x='0' y='0' width='35' height='27'%3E%3Cpath d='M35 0H0V27H35V0Z' fill='white'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_828_138)'%3E%3Cmask id='mask1_828_138' style='mask-type:luminance' maskUnits='userSpaceOnUse' x='0' y='0' width='35' height='27'%3E%3Cpath d='M35 0H0V27H35V0Z' fill='white'/%3E%3C/mask%3E%3Cg mask='url(%23mask1_828_138)'%3E%3Cmask id='mask2_828_138' style='mask-type:luminance' maskUnits='userSpaceOnUse' x='0' y='0' width='35' height='27'%3E%3Cpath d='M35 0H0V27H35V0Z' fill='white'/%3E%3C/mask%3E%3Cg mask='url(%23mask2_828_138)'%3E%3Cmask id='mask3_828_138' style='mask-type:luminance' maskUnits='userSpaceOnUse' x='0' y='0' width='35' height='27'%3E%3Cpath d='M35 0H0V27H35V0Z' fill='white'/%3E%3C/mask%3E%3Cg mask='url(%23mask3_828_138)'%3E%3Cpath d='M0 2.5C0 1.11929 1.11929 0 2.5 0H32.5C33.8807 0 35 1.11929 35 2.5C35 3.88071 33.8807 5 32.5 5H2.5C1.11929 5 0 3.88071 0 2.5Z' fill='white'/%3E%3Cpath d='M0 13.5C0 12.1193 1.11929 11 2.5 11H32.5C33.8807 11 35 12.1193 35 13.5C35 14.8807 33.8807 16 32.5 16H2.5C1.11929 16 0 14.8807 0 13.5Z' fill='white'/%3E%3Cpath d='M0 24.5C0 23.1193 1.11929 22 2.5 22H32.5C33.8807 22 35 23.1193 35 24.5C35 25.8807 33.8807 27 32.5 27H2.5C1.11929 27 0 25.8807 0 24.5Z' fill='white'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_828_138'%3E%3Crect width='35' height='27' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
}

/* buttons */
.icon-btn-white a::after {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: inherit;
    border: 2px solid var(--e-global-color-4f64a6c);
    opacity: 0;
}

.icon-btn-white a:hover::after {
    animation: pulseRing 1s ease-out infinite;
}
.icon-btn-dark a::after {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: inherit;
    border: 2px solid var(--e-global-color-b41cfca);
    opacity: 0;
}

.icon-btn-dark a:hover::after {
    animation: pulseRing 1s ease-out infinite;
}

@keyframes pulseRing {
  0%   { opacity: .6; transform: scale(1); }
  100% { opacity: 0;  transform: scale(1.25); }
}
a.cs-service-block {
    min-height: 345px;
    object-fit: cover;
}
button#e-n-tab-title-1504154671 {
    padding-left: 0 !important;
}

/* steps */
.steps{position:relative;}
.step{position:relative; padding: 0 40px 0 0 !important;}
.step:not(:last-child)::after{content:""; position:absolute; top:22px; right:-2px; width:calc(100% - 46px); height:1px; background:#1e1e1e24;}
.step .num{width:46px; height:46px; border-radius:50%; border:1.5px solid var(--e-global-color-primary); color:var(--e-global-color-primary); display:flex; align-items:center; justify-content:center; background:var(--e-global-color-b41cfca);; position:relative; z-index:1;}

/* form css  */
.cs-form-row {
    display: flex;
    flex-wrap: wrap;
    gap: 20px 16px;
}
.cs-form-action,
.cs-form-field {
    max-width: 100%;
    width: 100%;
}
.cs-form-field.cs-col50 {
	max-width: calc(50% - 8px);
}
.cs-form-action {
    position: relative;
}
span.wpcf7-spinner {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    margin: 0;
}
.cs-form-field label {
	color: #222222;
	width: 100%;
	display: block;
	font-size: 16px;
    font-weight: 400;
    font-family: 'Instrument Sans', sans-serif;
}
.cs-form-field span.wpcf7-form-control-wrap {
	margin-top: 7px;
	display: block;
	width: 100%;
}
.wpcf7-form-control option {
    color: #000 !important;
}
.cs-form-field span.wpcf7-form-control-wrap .wpcf7-form-control{
	    border: 2px solid #22222214;
	outline: 0;
	box-shadow: none;
	height: 50px;
	border-radius: 6px;
	padding: 13px 16px;
}

.cs-form-action{
	padding-top: 20px;
}
.cs-form-action .wpcf7-form-control.wpcf7-submit {
	width: 100%;
    font-size: 20px;
    font-weight: 500;
    text-transform: uppercase;
    text-align: center;
    border-radius: 40px;
    background: var(--e-global-color-primary);
    border: 1px solid var(--e-global-color-primary);
    color: #fff;
	position: relative;
    overflow: hidden !important;
    z-index: 1;
    transition: color 0.4s ease;
}
.cs-form-action .wpcf7-form-control.wpcf7-submit:hover {
    border: 1px solid var(--e-global-color-primary);
	background: transparent;
	color: var(--e-global-color-primary);
}
 
.cs-form-field span.wpcf7-form-control-wrap textarea.wpcf7-form-control{
	height: 100px;
	resize: none;
}
.wpcf7-form-control::placeholder {
    color: #222222;
    opacity: 0.5;
}
select.wpcf7-form-control.wpcf7-select {
    color: #CACACA !important;
}
span.wpcf7-not-valid-tip {
    position: absolute;
    top: 100%;
	left: 0;
    font-size: 14px;
    margin-top: 2px;
}
.wpcf7-response-output {
    margin: 0 !important;
    border: 0 !important;
    position: absolute;
    font-size: 12px;
	margin-top: 12px !important;
    color: var(--e-global-color-primary);
    text-align: center;
    width: 100%;
}
.page-id-16 .cta-section {
	display: none;
}
.page-id-16 .footer-sec {
	margin-top: 0;
	padding-top: 80px;
}
.page-id-16 .footer-sec .e-con-inner {
	padding-top: 0;
}
/* tabs */
@media (max-width: 991px){
	.step:not(:last-child)::after{display:none;}
.e-n-tabs {
    overflow: hidden;
}
.e-n-tabs-heading {
    flex-direction: row !important;
    overflow: auto;
	align-items: self-start;
    gap: 6px !important;
    padding: 14px;
    -webkit-overflow-scrolling: touch;
    flex-wrap: nowrap !important;
    display: flex !important;
}
.e-n-tab-title {
    white-space: nowrap !important;
}
	.hfe-flyout-wrapper .hfe-side {
		margin: 0 !important;
	}
	.hfe-flyout-content {
		height: 100vh;
	}
/* 	.cs-hero-slider {
    height: 80vh !important;
}
.cs-hero-slider .slick-track {
    height: 80vh !important;
} */
}
@media (max-width:767px){
/* 		.cs-hero-slider {
    height: 100vh !important;
}
.cs-hero-slider .slick-track {
    height: 100vh !important;
} */
	.cs-form-field.cs-col50 {
    	max-width: 100% !important;
	}
}