/*avoidOverride*/

/*for-contact-us*/

.contactRouteFirstContainer{
  display: flex;
  justify-content: center;
}

.ChildcontactRouteFirstContainer{
  width: 70%;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

.ChildcontactRouteFirstContainer a{
  height: 150px;;
  width: 30%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-evenly;
  box-shadow: rgba(0, 0, 0, 0.05) 0px 2px 5px;
  border: 1px solid rgb(238, 238, 238);
  border-image: initial;
  border-radius: 10px;

}

.iconAtChildcontactRouteFirstContainer{
  background-color: #2B2A2A;
  width: 48px;
  height: 48px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
}

.ChildcontactRouteFirstContainer a p {
  text-align: center;
}

/*map + form*/

.contactRouteSecondContainer{
  margin-top: 20px;
  margin-bottom: 20px;
  display: flex;
  justify-content: center;
}

.ChildcontactRouteSecondContainer{
  width: 80%;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

.FistElementAtGoogleAndForm{
  width: 60% !important;
}
.FistElementAtGoogleAndForm iframe{
  width: 100%!important; 
  height: 100% !important;
}

.SecondElementAtGoogleAndForm{
  width: 39% !important;
  display: flex;
  justify-content: center;
  box-sizing: border-box;
  box-shadow: rgba(0, 0, 0, 0.05) 0px 2px 6px;
  background-color: rgb(255, 255, 255);
  border: 1px solid rgb(238, 238, 238);
}

.SecondElementAtGoogleAndForm .contact-form{
  width: 98% !important;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 8px;;
}

.widthOfFormAtContactPart{
  width: 100%;
}

.widthOfFormAtContactPart1{
  width: 100%;
  display: flex;
  justify-content: center;
  gap: 4px;
}

.widthOfFormAtContactPart1 input{
  width: 50%;
}

/*botton color*/

#addonIconytb1{
   background-color:#0077aa ;
   height: 50px;
   display: flex;
   justify-content: center;
   align-items: center;
   margin-bottom: 20px;
}

#addonIconytb1:hover{
  background-color: #0077aa;
}
/*AddonIcon*/

#addonIconytb{
  background-color:#0077aa ;
}

#addonIconytb:hover{
  background-color:#C62206;
}

#addonIconlkdn{
  background-color: #C62206;
}

#addonIconlkdn:hover{
  background-color: #0077aa;
}

#appDev{
  margin-top: 130px;
}

@media (max-width: 1000px){
  .ChildcontactRouteFirstContainer{
    display: flex;
    justify-content: center;
    gap: 4px;
  }
  .ChildcontactRouteFirstContainer a{
    width: 80%;
  }
  .ChildcontactRouteSecondContainer{
    width:100%;
    display: flex;
    justify-content: center;
    gap: 4px;
  }
  .FistElementAtGoogleAndForm{
    width: 90% !important;
    height: 250px !important;
  }
  .SecondElementAtGoogleAndForm{
    width: 90% !important;
  }
}

.forgappingAtBudgetSelection{
  width: 100%;
  display: flex;
  justify-content: center;
  gap: 4px;
}



.forgappingAtDateAndTimeSelection{
  width: 98% !important;
  display: flex;
  justify-content: center;
  gap: 4px;
}

.forgappingAtDateAndTimeSelection input{
  width: 93% !important;
}
/*

#fortimeInsidetheforgappingAtDateAndTimeSelection input{
  height: 40px;
  width: 50% !important;
}

*/

@media (max-width: 786px){
  .ChildcontactRouteFirstContainer{
    display: flex;
    justify-content: center;
    gap: 4px;
  }
  .ChildcontactRouteFirstContainer a{
    width: 90%;
  }
  .widthOfFormAtContactPart1{
    display: flex;
    flex-direction: column;
  }
  .widthOfFormAtContactPart1 input{
  width: 100%;
  }

  .forgappingAtDateAndTimeSelection input{
  width: 95% !important;
  }
  
  /*
  .forgappingAtDateAndTimeSelection{
    display: flex;
    flex-direction: column;
  }
  #fortimeInsidetheforgappingAtDateAndTimeSelection input{
    width: 100% !important;
  }
  */
  
}

@media (max-width: 767px){
  #appDev{
  margin-top: 40px;
}

}