/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Aug 01 2025 | 06:39:11 */
/* Add your CSS code here.

For example:
.example {
    color: red;
}

For brushing up on your CSS knowledge, check out http://www.w3schools.com/css/css_syntax.asp

End of comment */ 

.main-head .lastmenu {
    background: #E67615;
}

.main-head  .lastmenu a.ekit-menu-nav-link:after {
    content: "\2197";
    padding-left: 10px;
    font-size: 16px;
}
.main-head .lastmenu {
    content: "\2197";
    padding-left: 10px;
    font-size: 16px;
}
.megamenu .last-box{
	margin-bottom:0px !important;
}
.letstalk .talk-txt {
    width: 26% !important;
}
.letstalk .hesitate-txt {
    width: 56% !important;
}
.letstalk .elementor-widget-wrap.elementor-element-populated {
    display: flex !important;
	column-gap:40px;
}
.contact-sec input::placeholder, .contact-sec textarea::placeholder {
    color: #485E88 !important;
    opacity: unset !important;
}
.contact-sec textarea {
    height: 10px;
}
/* .contact-sec .elementor-field-group-name, .contact-sec .elementor-field-group-field_e926844{
	width:70%;
} */
.contact-sec .elementor-field-group.elementor-column.elementor-field-type-submit.elementor-col-100.e-form__buttons {
    width: 30%;
}
/* .contact-sec .elementor-field-type-html.elementor-field-group.elementor-column.elementor-field-group-field_cbc3405.elementor-col-50{
	order: 2;
} */
.contact-sec select {
    padding-left: 0px !important;
}
.contact-sec input, .contact-sec textarea{
	padding-left: 0 !important;
}
.contact-sec .elementor-field-group-field_cbc3405 {
    display: grid;
    order: 2;
}
.email-txt, .general-enq, .contact-sec p, .talk-txt {
    margin: 0 !important;
}
.email-txt p {
    margin: 0;
}
/* .contact-sec button#contact_us_form_submit {
    background: linear-gradient(194.39deg, #FFC28E -8.61%, #F4903A 45.68%, #F1801F 88.42%);
    padding: 17px 25px;
	border-radius: 4px;
}
.contact-sec button#contact_us_form_submit:disabled {
    background-color: #D4D4D4 !important;  Ensure the gray background when disabled 
    color: #fff !important;  White text color 
    cursor: not-allowed !important;  Prevent interaction 
    border: 1px solid #D4D4D4 !important;  Ensure border color matches 
} */

.contact-sec select:focus, .contact-sec input:focus, .contact-sec textarea:focus {
    box-shadow: none !important;
}
/* .contact-sec select#form-field-field_06e8f0c {
	padding: 10px !important;
    box-shadow: none !important;
    outline: none !important;
    border-radius: 0;
    border-color: #afc2e5;
}
.contact-sec select#form-field-field_06e8f0c option {
    padding: 10px !important;
	border: none !important;
	box-shadow: none !important;
	outline : none !important;
} */
@media(max-width:767px){
.readybtn .elementor-image-box-wrapper {
    display: flex;
    column-gap: 20px;
    align-items: center;
}
	.megamenu .elementor-image-box-wrapper {
    display: flex !important;
    justify-content: space-between;
    align-items: center !important;
}
	.letstalk .talk-txt, .letstalk .hesitate-txt, .contact-sec .elementor-field-type-submit, .contact-sec .elementor-field-group-field_cbc3405{
		width:100% !important;
	}
	.contact-sec .elementor-field-group-field_cbc3405{
		text-align:center;
	}
	.contact-sec .elementor-field-type-submit{
		font-size:16px !important;
	}
}

@media(min-width:768px) and (max-width:1024px){
	div#ekit-megamenu-ignite-menu-sana {
    width: 100% !important;
    max-width: 100% !important;
    padding-bottom: 0 !important;
}
	.letstalk .talk-txt {
    width: 50% !important;
}
	.letstalk .hesitate-txt {
    width: 44% !important;
}
}
@media(min-width:1025px) and (max-width:1600px){
	.letstalk .talk-txt {
    width: 37% !important;
}
.bot-content .elementor-widget-wrap.elementor-element-populated {
/*     padding: 10px !important; */
	padding-right: 10px !important;
}
	.bot-content .elementor-widget-wrap p, .bot-content .elementor-widget-wrap span, .bot-content .elementor-widget-wrap a {
    font-size: 12px;
}
}
@media(min-width:1601px) and (max-width:2000px){
	.letstalk .talk-txt {
    width: 40% !important;
}
	.letstalk .hesitate-txt {
    width: 53% !important;
}
}
@media(min-width:768px){
	.border-col{
	position: relative;
}
.border-col::after{
  content: "";
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 1px; /* thickness of the vertical border */
  height: 40%; /* vertical border height */
  background-color: #CACACA; /* border color */
}
/* .lettalk{
	position: relative;
}
.lettalk::after{
  content: "";
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  height: 60px;
  border-right: 2px dashed #BABABA; /* Dashed vertical border 
	} */
}




.challenge-span {
  font-family: 'Schibsted Grotesk';
  font-weight: 700;
  font-size: 14px;
  line-height: 150%;
  vertical-align: middle;
  text-transform: uppercase;
  color : #FF7E10 ;
}


@media (max-width: 1024px) {
  .case-details-bar > .elementor-widget-wrap {
    display: flex !important;
    flex-wrap: nowrap !important;
    overflow-x: auto !important;
    overflow-y: hidden;
    gap: 24px;
    white-space: nowrap;
    scroll-behavior: smooth;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none; /* Firefox */
  }

  .case-details-bar > .elementor-widget-wrap::-webkit-scrollbar {
    display: none; /* Chrome/Safari */
  }

  .case-details-bar .elementor-widget {
    flex: 0 0 auto;
    white-space: normal;
  }
}

.elementor-element-7a072299 {
    position: sticky;
    top: 50px; 
    z-index: 10;
} 


.case-details .elementor-widget-container {
    background-color: transparent;
    border-radius: 4px;
    transition: background-color 0.3s ease;
    padding: 5px 10px; /* optional */
}

.case-details .elementor-heading-title {
    color: inherit;
    margin: 0;
    transition: color 0.3s ease;
}

.case-details.active .elementor-widget-container {
    background-color: #F1801F !important;
}

.case-details.active .elementor-heading-title {
    color: #FFFFFF !important;
}


span.industry {
    font-family: 'Schibsted Grotesk', sans-serif !important;
    font-weight: 600 !important;
    font-size: 14px !important;
    line-height: 150% !important;
    letter-spacing: 0 !important;
    vertical-align: middle !important;
    text-transform: uppercase !important;
    color: #7E7E7E !important;
}


#challenges,
#ourapproach,
#exploreourOtherServices,
#KeyFeaturesDelivered,
#ProcessFlow,
#Impact,
#WhatsNext {
  scroll-margin-top: 100px; /* Adjust this based on sticky header height */
}