/*
Theme Name: Doodle Elementor
Version: V.1.0
Author: Doodletech team
Author URI: doodletech.ae
Text Domain: doodleelementor
*/


html,
body {
  margin: 0px;
  overflow-x: hidden;
}

p,ul,ol{
	padding:0;
	margin:0;
}

.header-container, .header-container .menu-item-link, .header-container .nav-logo, .header-container .nav-logo img{
	transition: all 0.8s cubic-bezier(0.16, 1, 0.3, 1) !important;
}


.header-container.scrolled .header-con-bakground{
	background:transparent !important;
}
.header-container.scrolled{
	background:white;
}

.header-container.scrolled .menu-item-link {
	color:black;
}
.header-container.scrolled .nav-logo{
	min-height:50px !important;
}
.header-container.scrolled .nav-logo img{
	width: 150px !important;
}




.cus-home-clients .swiper-slide-image{
	height:55px;
	object-fit:contain;
}

.cus-icon-title .elementor-icon-box-title{
	margin:0;
}


.custom-list ul {
  list-style: none;
  padding: 0;
  margin: 0;
	display:flex;
	flex-direction:column;
	gap:28px;
}


.custom-list li {
  position: relative;
  padding-left: 30px; /* Space on the left for the icon */
  margin-bottom: 12px; /* Space between each list item */
  font-size: 16px;
  line-height: 1.5;
}

.custom-list li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 4px; 
  width: 18px; 
  height: 18px; 
  background-image: url('https://newdemoserver.wowdle.com/bin_rashid/wp-content/uploads/2026/09/Vector1.svg'); 
  background-size: contain;
  background-repeat: no-repeat;
}

.cus-icon-title.cus-icon-order .elementor-icon-box-content{
	flex-direction:column-reverse;
	display:flex;
}

.cus-icon-title.cus-icon-space .elementor-icon-box-icon{
	margin-left:auto;
}

.cus-cont-border-color:hover {
	border-color: #4698FF !important;
}



.custom-cf7-form .cf7-row {
    display: flex;
    flex-wrap: wrap;
    margin-right: -10px;
    margin-left: -10px;
    margin-bottom: 20px;
}

.custom-cf7-form .cf7-col {
    flex: 1;
    padding-right: 10px;
    padding-left: 10px;
    min-width: 250px; /* Forces stack on mobile screens */
}

.custom-cf7-form .cf7-col br{
	display:none;
}

.custom-cf7-form .full-width {
    flex: 0 0 100%;
    max-width: 100%;
}

/* Form Label Typography */
.custom-cf7-form label {
    display: block;
    letter-spacing: 1px;
    margin-bottom: 8px;
    text-transform: uppercase;
}

/* Form Input Element Styling */
.custom-cf7-form input[type="text"],
.custom-cf7-form input[type="email"],
.custom-cf7-form input[type="tel"],
.custom-cf7-form textarea {
    width: 100%;
/*     background-color: #122A4A !important; */
/*     border: 1px solid #FFFFFF1A !important; */
/*     border-radius: 14px !important; */
    padding: 14px 16px !important;
    color: #ffffff !important;
    box-sizing: border-box;
    transition: border-color 0.2s ease;
}

/* Focus and Textarea Specifics */
.custom-cf7-form input:focus,
.custom-cf7-form textarea:focus {
    border-color: #1e5bb8 !important;
    outline: none;
}

.custom-cf7-form textarea {
    resize: vertical;
	font-family: "Instrument Sans", Sans-serif !important;
}



.custom-cf7-form input[type="submit"] {
    width: 100%;
/*     background-color: #144C96!important; */
/*     color: #ffffff !important; */
/*     border: none !important; */
/*     border-radius: 14px !important; */
    padding: 16px !important;
    cursor: pointer;
    transition: background-color 0.2s ease;
}

.custom-cf7-form input[type="submit"]:hover {
    background-color: #1a5bc2 !important;
}

/* Hide native WordPress CF7 loading element spacing adjustments */
.custom-cf7-form .wpcf7-spinner {
    display: none !important;
}


.cus-about-accordin .e-n-accordion-item {
	border: 0.5px solid #FFFFFF;
	border-radius:28px;
/* 	padding:40px; */
}



.cus-about-accordin .e-n-accordion-item-title-header .e-n-accordion-item-title-text,.cus-about-accordin .e-n-accordion-item-title-header{
	width:max-content !important;
}


.cus-about-accordin  .e-n-accordion-item-title-icon,.cus-about-accordin  .e-n-accordion-item-title-icon .lakit-font-icon-svg {
	width:fit-content !important;
}

/* Enable layout and spacing for all titles inside your accordion */
.cus-about-accordin .e-n-accordion-item-title-header {
  display: inline-flex !important;
  align-items: center !important;
  gap: 12px; /* Spacing between the icon and text */
}

/* Base settings for the pseudo-element icon placeholder */
.cus-about-accordin .e-n-accordion-item-title-header::before {
  content: "";
  display: inline-block;
  width: 48px;  /* Set your preferred icon width */
  height: 48px; /* Set your preferred icon height */
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

.cus-about-accordin .e-n-accordion-item:nth-of-type(1) .e-n-accordion-item-title-header::before {
  background-image: url('https://newdemoserver.wowdle.com/bin_rashid/wp-content/uploads/2026/09/fi_18676666.svg');
}

.cus-about-accordin .e-n-accordion-item:nth-of-type(2) .e-n-accordion-item-title-header::before {
  background-image: url('https://newdemoserver.wowdle.com/bin_rashid/wp-content/uploads/2026/09/fi_9968834.svg');
}

.cus-about-accordin .e-n-accordion-item[open] .e-n-accordion-item-title-text {
  display: none !important;
}


.cus-client-list .lakit-bannerlist__item  {
	filter: grayscale(100%);
	transition: grayscale 500ms ease-in-out;
}
.cus-client-list .lakit-bannerlist__item:hover{
	filter: grayscale(0%);
}

/* Responsive Grid System */
.custom-form-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 20px;
}

/* Force specific elements to use full layout width */
.custom-form-grid .full-width {
  grid-column: span 2;
}

/* Form Labels */
.custom-form-grid label {
  display: block;
  margin-bottom: 8px;
  text-transform: uppercase;
}

/* Form Inputs and Textarea Elements */
.custom-form-grid input[type="text"],
.custom-form-grid input[type="email"],
.custom-form-grid input[type="tel"],
.custom-form-grid textarea {
  width: 100%;
  outline: none;
  box-sizing: border-box;
}

/* Input Placeholders styling */
/* Textarea height configuration */
.custom-form-grid textarea {
  resize: vertical;
		font-family: "Instrument Sans", Sans-serif !important;
}

/* Submit Button Custom Styling */
.custom-form-grid .submit-container input[type="submit"] {
  width: 100%;
  padding: 16px;
  border: none;
  cursor: pointer;
  transition: background 0.3s ease;
}

.custom-form-grid .form-field p br{
	display:none;
}

.cus-our-services-home .lakit-posts__item .lakit-posts__outer-box .lakit-posts__inner-box .post-thumbnail.lakit-posts__thumbnail{
/* 	box-shadow: 0px 2px 14.2px 0px #0000000F; */
	scale:1.1;
}






.cus-our-services-home .lakit-posts__item  .lakit-posts__excerpt{
	max-height:0 !important;
	margin:0;
	overflow:hidden;
	transition: all 300ms;
}

.cus-our-services-home .lakit-posts__item:hover .lakit-posts__excerpt{
	max-height:300px !important;
	margin-bottom:10px;
} 

.cus-hse-policy .lakit-images-layout__link{
	display:flex;
	flex-direction:column;
}
.cus-hse-policy .lakit-images-layout__link .lakit-images-layout__content{
	position:unset !important;
	background:#051F40 !important;
	opacity:1 !important;
	justify-content:center !important;
/* 	mix-blend-mode: exclusion; */
}

.cus-project-inner .aj-filter-tabs-wrapper .aj-filter-tabs{
	width:100%;
}

.cus-project-inner .aj-filter-tabs-wrapper .aj-filter-tabs .aj-filter-tab-item{
	width:calc(50% - 20px)
}
.cus-project-inner .aj-filter-tabs-wrapper .aj-filter-tabs .aj-filter-tab-item .aj-filter-tab-btn{
	width:100%;
	font-family: "Instrument Sans", Sans-serif !important;
	font-weight:400;
	line-height:150%;
}

.cus-project-inner .aj-filter-tabs-wrapper .aj-filter-tabs .aj-filter-tab-item .aj-filter-tab-btn.active{
	font-weight:700;
}
.cus-project-inner .aj-card-item{
	height:591px;
}

.cus-project-inner .aj-card-item .aj-card-content{
	font-family: "Instrument Sans", Sans-serif !important;
}

.cus-project-inner .aj-card-item .aj-card-inner .aj-card-content  .aj-card-badge span{
	font-size:14px;
	font-weight:400 ;
	border: 0.2px solid #FFFFFF;
	background-color:#FFFFFF33;
	border-radius:7px;
	backdrop-filter: blur(1px);
}

.cus-project-inner .aj-card-item .aj-card-inner .aj-card-content  .aj-card-title{
	font-size:20px;
	line-height:20px;
	font-weight:600;
	padding-top:10px;
}

.cus-project-inner .aj-card-item .aj-card-inner .aj-card-content .aj-card-excerpt p{
	font-size:16px;
	line-height:26px;
	font-weight:400;
	padding-top:20px;
}

.cus-project-inner .aj-card-item .aj-card-inner .aj-card-content .aj-card-excerpt{
	max-height:0 !important;
	margin:0;
	overflow:hidden;
	transition: all 300ms;
}

.cus-project-inner .aj-card-item:hover .aj-card-inner .aj-card-content .aj-card-excerpt{
	max-height:300px !important;
	margin-bottom:10px;
} 

.cus-services-nav .lakit-nav-menuwrap .current-menu-item .menu-item-link{
	background: linear-gradient(96.58deg, #051F40 4.71%, #0D50A6 95.29%);

}

.cus-services-nav .lakit-nav-menuwrap .menu-item-link:hover{
	background: linear-gradient(96.58deg, #051F40 4.71%, #0D50A6 95.29%);

}

.cus-project-slider-inner .elementor-image-carousel-wrapper .swiper-slide{
	height:auto !important;
}

.cus-project-slider-inner .elementor-image-carousel-wrapper .swiper-slide>a{
	height:100%;
	display:flex;
}
.cus-project-slider-inner .elementor-image-carousel-wrapper .swiper-slide a .swiper-slide-image {
	height:100% !important;
}




/* Responsive adjustment for Mobile screens */

@media (max-width:986px) {
.cus-project-inner .aj-filter-posts-container.aj-layout-grid.aj-cols-3{
		grid-template-columns: repeat(2, 1fr);
	}
}

@media (max-width: 767px) {
  .custom-form-grid {
    grid-template-columns: 1fr;
  }
  .custom-form-grid .full-width {
    grid-column: span 1;
  }
	.cus-project-inner .aj-filter-posts-container.aj-layout-grid.aj-cols-3{
		grid-template-columns: repeat(1, 1fr);
	}
}