/*
Theme Name: Duin It 
Theme URI: https://elementor.com/hello-theme/
Description: Child theme for Hello Elementor.
Author: Boost Local 
Author URI: https://www.tryboostlocal.com/
Template: hello-elementor
Version: 1.0.0
Text Domain: duit-it
*/
@font-face {
    font-family: "zillaslab-regular";
    src: url(./fonts/ZillaSlab-Regular.ttf);
}
.gfield input,.gfield select {
    border: none !important;
    background-color: #3C3C3C !important;
    Height: 45px !important;
    margin-bottom: 0 !important;
    Border-radius: 8px !important;
}
.gfield textarea{
    border: none !important;
    background-color: #3C3C3C !important;
     Border-radius: 8px !important;
}
.gfield_label.gform-field-label{
    display: none !important;
}
.gform-theme--framework .field_sublabel_below .gform-field-label--type-sub {
    display: none !important;
}
.gform_title{
    display: none !important;
}
.gform-theme--foundation .gfield textarea.medium {
    min-block-size: 115px !important;
}
.gform-theme--foundation .gform_fields {
    row-gap: 27px !important
}
.gfield input::placeholder ,.gfield textarea::placeholder ,.gfield select::placeholder, .gfield select {
 color: #A1A1A1 !important;
font-size: 14px;
line-height: 21px;
letter-spacing: -0.03em;
}
/* Focus */
input[type="text"]:focus,
input[type="email"]:focus,
input[type="password"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="url"]:focus,
input[type="date"]:focus,
input[type="time"]:focus,
input[type="file"]:focus,
input[type="submit"]:focus,
textarea:focus,
select:focus {
  outline: none !important;
  box-shadow:none !important;
}
input[type="submit"]:focus{
  border: none !important;
}
.gform-footer.gform_footer{
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
}

input,textarea{
    box-shadow:none !important;
    color: #fff !important;

}
 .gform_button.button {
font-size: 16px !important;
line-height: 20px !important;
letter-spacing: -0.04em !important;
color: #A68763 !important;
padding: 8px 52px 8px 30px !important;
background-image: url('./images/submitbtn.svg') !important;
background-position: center center;
background-repeat: no-repeat;
background-color: transparent !important;
background-size: contain !important;
width:130px !important;
cursor: pointer;

}

/* Hover effect */
.gform_button.button:hover {
  color: #fff !important;
}
/* Style the select box in Gravity Forms */
body .gform_wrapper select {
  color: #fff;
  padding: 12px 15px 12px 15px !important;
  appearance: none; /* hides the browser default arrow */
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  background-image: url('./images/garow.svg');
  background-repeat: no-repeat;
  background-position: right 12px center;
  background-size: 11px;
}


/* Remove inner arrow in Edge/IE */
body .gform_wrapper select::-ms-expand {
  display: none !important;
}
/* Keep custom arrow visible on hover/focus */
body .gform_wrapper select:hover,
body .gform_wrapper select:focus {
  background-image: url('./images/garow.svg'); /* reapply your icon */
  background-repeat: no-repeat;
  background-position: right 12px center;
  background-size: 11px;
  outline: none !important;
}
body .gform_wrapper input::placeholder,
body .gform_wrapper textarea::placeholder,body .gform_wrapper select {
font-family: "zillaslab-regular" !important;
 font-size: 14px;
 line-height: 17px;
 color: #A1A1A1 !important;

}


.e-n-accordion-item-title-header{
	width:100%;
}
.faqs-accordion .e-n-accordion-item-title-header::before {
    content: "";
    background-image: url('./images/faq.svg');
    background-size: contain;
    background-repeat: no-repeat;
    flex: 0 0 25px;
    height: 16px;
}
.contactbtn .elementor-button-icon svg {
height: 16px !important;
width: 35px !important;
}
.contactbtn .elementor-button-content-wrapper{
    position: relative !important;
}
.contactbtn .elementor-button-icon{
    position: absolute !important;
    right: -52px;
}
.contactbtn .elementor-button.elementor-button-link:hover svg path{
    fill: #A68763;
}
.services-section{
    position:relative !important;
}
.services-fixed{
   position:sticky !important;
   height: 500px !important;
   top: 100px !important;
}
.scroll-gallery .elementor-gallery-item {
  display: none;
}

.scroll-gallery .elementor-gallery-item.visible {
  display: block;
} 
.gform_confirmation_message_1.gform_confirmation_message{
	color:#fff !important;
}
.contactmob{
  display: none !important;
}

@media screen and (max-width: 880px) {
  .services-fixed{
        position: initial !important;
        height: auto !important;
    }
  .contactmob{
  display: block !important;
}
}