/*
Theme Name: Hello Elementor Child
Template: hello-elementor
Theme URI: 7span.com
Description: Child theme for Hello Elementor
Author: 7Span
Author URI: https://7span.com
Text Domain: hello-elementor-child
Version: 1.1
*/

/* Header CSS Start */
ul li.quick-link-button a {
  background: #2c8af1 !important;
  color: #fff !important;
  border-radius: 52px;
  padding: 10px 12px 10px 16px !important;
}
.quick-link-button svg.e-font-icon-svg.e-fas-caret-down {
  fill: #fff !important;
}
ul .elementor-nav-menu--dropdown li.quick-link-button a {
  background: #fff !important;
  color: #000 !important;
  padding-bottom: 12px !important;
  margin-top: 10px !important;
}

.site-header .elementor-nav-menu--main .elementor-nav-menu ul{
  min-width: 17em !important;
  padding: 15px;
}
.site-header .elementor-nav-menu--dropdown a{
  border-radius: 12px !important;
}

.site-header .elementor-nav-menu--dropdown a:hover{
  background-color: #F4F4F5 !important;
    border-top-left-radius: 12px !important;
    border-top-right-radius: 12px !important;
    border-bottom-left-radius: 12px !important;
    border-bottom-right-radius: 12px !important;
}

.site-header .sub-menu li .elementor-sub-item::before {
  content: '';
  border-bottom-style: solid;
  border-bottom-width: 2px;
  border-right-style: solid;
  border-right-width: 2px;
  content: "";
  display: inline-block;
  height: 9px;
  right: 14px;
  position: absolute;
  top: 50%;
  width: 9px;
  border-color: #000;
  transform: translate(-50%,-50%) rotate(315deg);
  opacity: 0;
  transition: all .4s ease-in-out;
}

.site-header .sub-menu li .elementor-sub-item:hover:before {
  opacity: 1;
}
.elementor-item:after{
  display: none !important;
}

/* Header CSS End */

/* Inner Page css */
p {
  margin-bottom: 0 !important;
}
.dark-blue-text {
  color: #013bdb;
}
.light-pink-text {
  color: #e8a2fa;
}
.testimonial-slider .swiper {
  padding: 0px 10px 10px 0px !important;
}
.findus--map .e-n-tabs-heading {
  background-color: #fafafa;
  border: 1px solid #e4e4e7;
  width: 100%;
  max-width: max-content;
  margin: 0 auto;
  padding: 8px;
  border-radius: 80px;
}

/* About page form */
.gravity-contact-form .gform_title {
  display: none;
}

.gravity-contact-form .contact-us-form #gform_fields_1 {
  gap: 24px;
}

.gravity-contact-form .contact-us-form .gfield_label.gform-field-label {
  font-family: Montserrat;
  font-size: 16px;
  font-weight: 500;
  color: #000000;
  margin-bottom: 12px;
}
.elementor-widget-divider .elementor-divider{
	display: none !important;
}

/* .gravity-contact-form .contact-us-form .gfield_label.gform-field-label::before{
    content: "*";
} */

.gravity-contact-form .contact-us-form .ginput_container input,
.gravity-contact-form .contact-us-form .ginput_container textarea {
  border: 1px solid #e4e4e7;
  box-shadow: none;
  color: #a1a1aa;
  font-size: 14px;
  font-family: Montserrat;
  font-weight: 400;
  border-radius: 8px;
}

.gravity-contact-form .contact-us-form .ginput_container input:focus,
.gravity-contact-form .contact-us-form .ginput_container textarea:focus {
  outline-color: transparent;
}

.gravity-contact-form .contact-us-form label#label_1_7_1 {
  font-family: Montserrat;
  font-size: 12px;
  font-weight: 400;
  color: #71717a;
}
.gravity-contact-form .contact-us-form label#label_1_7_1 a {
  color: #013bdb;
  text-decoration: underline;
}

.gravity-contact-form .contact-us-form .gform-footer.gform_footer.top_label {
  justify-content: center;
  margin-top: 40px;
}

.gravity-contact-form .contact-us-form input#gform_submit_button_1:focus, 
.gravity-contact-form .contact-us-form input#gform_submit_button_3:focus {
  outline-color: transparent;
}

.gravity-contact-form .contact-us-form input#gform_submit_button_1 {
  border-radius: 52px;
  font-family: Montserrat;
  font-size: 16px;
  font-weight: 600;
  color: #ffffff;
  background: #2c8af1;
}

.gravity-contact-form .contact-us-form input#gform_submit_button_1:hover {
  background: #013bdb;
}

.gravity-contact-form .contact-us-form input#choice_1_7_1{
  border: 3px solid #E4E4E7;
  border-radius: 4px;
}

.counter-scroll {
  padding-bottom: 20px !important;
}
.counter-scroll::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 2px #2c8af1;
  background-color: #f5f5f5;
}

.counter-scroll::-webkit-scrollbar {
  width: 2px;
  border-radius: 20px;
  height: 5px;
  background-color: #f5f5f5;
}

.counter-scroll::-webkit-scrollbar-thumb {
  background-color: #2c8af1;
}

/* Inner Page css */

/*  Find Us Map CSS Start*/
.findus--map .whitetext {
  fill: #fff;
}
.tooltip {
  position: absolute;
  background-color: #fff;
  color: #000;
  padding: 5px 10px;
  border-radius: 5px;
  font-size: 14px;
  display: none;
  z-index: 1000;
  border: 2.21px solid #1133bbdb;
}
.findus--map svg path {
  stroke: #5c5c5c;
  stroke-width: 0.3px;
}
.findus--map svg path:hover {
  fill: #2c8af1; /* Change this to the desired hover color */
  cursor: pointer;
}
.map-svg svg {
  width: 100% !important;
  height: auto;
}
.map-svg text {
  cursor: pointer;
}
/*Map Css End */

/* Quick Submit Form CSS start */

.gravity-contact-form .contact-us-form #gform_fields_2 {
  gap: 24px;
}

.gravity-contact-form .contact-us-form select#input_2_3:focus, .gravity-contact-form .contact-us-form select#input_3_4:focus {
  outline-color: transparent;
}

.gravity-contact-form .contact-us-form select#input_2_3, .gravity-contact-form .contact-us-form select#input_3_4 {
  border: 1px solid #e4e4e7;
  box-shadow: none;
  color: #a1a1aa;
  font-size: 14px;
  font-family: Montserrat;
  border-radius: 8px;
}

.gravity-contact-form .contact-us-form #field_2_37 p,
.gravity-contact-form .contact-us-form #field_2_37 ul li {
  color: #3f3f46;
  font-size: 12px;
  font-family: Montserrat;
}
.gravity-contact-form .contact-us-form #field_2_37 .text-1 {
  padding-bottom: 10px;
}
.gravity-contact-form .contact-us-form #field_2_37 .text-2 {
  padding-top: 10px;
}

.gravity-contact-form
  .contact-us-form
  .ginput_container.ginput_container_fileupload
  span#gfield_upload_rules_2_28 {
  display: none;
}
#gform_fields_3 label.gform-field-label {
  display: none;
}

.gravity-contact-form
  .contact-us-form
  .gform-theme--framework
  .gfield:where(.gfield--type-fileupload, .gfield--input-type-fileupload)
  .gform_drop_area::before {
  color: #a1a1aa !important;
}

.gravity-contact-form .contact-us-form input#gform_submit_button_2:focus {
  outline-color: transparent;
}

.gravity-contact-form .contact-us-form input#gform_submit_button_2 {
  border-radius: 52px;
  font-family: Montserrat;
  font-size: 16px;
  font-weight: 600;
  color: #ffffff;
  background: #2c8af1;
}

.gravity-contact-form .contact-us-form input#gform_submit_button_2:hover {
  background: #013bdb;
}

.gravity-contact-form
  .contact-us-form
  span.gfield_required.gfield_required_text:before {
  content: "*";
  font-size: 16px;
  position: absolute;
  top: 50%;
  left: -2px;
  transform: translate(0, -70%);
}
.gravity-contact-form
  .contact-us-form
  span.gfield_required.gfield_required_text {
  display: inline-block;
  color: #e543fd;
  font-size: 0px;
  position: relative;
}

.gravity-contact-form .contact-us-form #gform_drag_drop_area_2_28 {
  border: 1px dashed #e4e4e7;
  border-radius: 8px;
  box-shadow: none;
  background: #FAFAFA;
}

.gravity-contact-form .contact-us-form span.gform_drop_instructions {
  display: inline-block;
  font-size: 0px;
  position: relative;
  width: 100%;
  box-shadow: none;
}

.gravity-contact-form .contact-us-form span.gform_drop_instructions:before {
  content: "File Upload";
  font-size: 16px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%);
  width: 100%;
  font-family: Montserrat;
  font-weight: 500;
}

.gravity-contact-form .contact-us-form button#gform_browse_button_2_28 {
  display: inline-block;
  font-size: 0px;
  position: relative;
  background: transparent;
  width: 100%;
  box-shadow: none;
}
.gravity-contact-form .contact-us-form button#gform_browse_button_2_28::before {
  content: "Drag and drop files here";
  color: #a1a1aa;
  font-size: 12px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%);
  width: 100%;
  font-family: Montserrat !important;
  font-weight: 400;
}

.gravity-contact-form .contact-us-form button#gform_browse_button_2_28:focus {
  outline-color: transparent;
  border: none;
}

.gravity-contact-form .contact-us-form #html5_1im70573911dpdt310mh1eaf8al3_container{
  width: 0px !important;
}
.gravity-contact-form .contact-us-form input#gform_submit_button_3{
  background-color: #013BDB !important;
  border-radius: 52px;
  font-family: Montserrat;
  font-size: 16px;
  font-weight: 600;
  color: #ffffff;
  padding: 12px 38px;
}
.gravity-contact-form .contact-us-form input#gform_submit_button_3:hover{
  background-color: #2C8AF1 !important;
}
.gform_confirmation_message p {
  color: #013BDB;
}
.gform_validation_error #gform_3 #input_3_3::placeholder {
  color: white;
}
form#gform_3 .gfield_validation_message {
  color: #E543FD !important;
  position: absolute !important;
  bottom: 55% !important;
  left: 10px !important;
}
li.gfield_description.gfield_validation_message, .gfield_validation_message{
  color: #E543FD !important;
}
.gravity-contact-form .contact-us-form div#validation_message_3_3 {
  font-size: 0;
  display: inline-block;
  position: relative !important;
}
.gravity-contact-form .contact-us-form div#validation_message_3_3::before{
  content: "UH-OH! Something isn’t right... please enter a valid email address";
  color: #E543FD;
  font-size: 14px;
}
#gform_fields_3 #validation_message_3_3 {
  cursor: text;
  pointer-events: none;
}
/* #gform_3 .gform_button button:focus{
  outline: transparent !important;
} */

/* Quick Submit Form CSS end */

/* Media Query Start */
@media screen and (min-width: 1025px) {
  li.desktop-hide {
    display: none !important;
  }
}
@media screen and (max-width: 1025px) {
  .header-main {
    overflow-x: clip !important;
    overflow-y: visible !important;
  }
  .site-header
    .elementor-menu-toggle.elementor-active
    + .elementor-nav-menu--dropdown {
    left: auto !important;
    right: -20px !important;
    animation: none;
    transform: none !important;
  }

  .site-header .elementor-menu-toggle {
    position: relative;
    z-index: 9999;
  }

  .site-header .elementor-menu-toggle + .elementor-nav-menu--dropdown {
    transform: none !important;
    transition: all 0.6s ease-in-out;
    height: 100vh;
    max-height: 100vh !important;
    top: -50px !important;
    right: -1025px !important;
    width: 100% !important;
    min-width: 300px !important;
    padding: 94px 32px 50px 16px;
    left: auto !important;
    bottom: auto !important;
  }
  .site-header .elementor-nav-menu--dropdown li:first-child a {
    border-radius: 52px !important;
    margin-bottom: 8px !important;
  }
  ul .elementor-nav-menu--dropdown li.quick-link-button a {
    background: #fafafa !important;
  }
  .site-header.elementor-nav-menu--dropdown-tablet.elementor-nav-menu__text-align-aside.elementor-nav-menu--toggle {
    padding: 0px !important;
  }

  .site-header .elementor-nav-menu--dropdown li a {
   display: flex;
   justify-content: space-between;
  }

  .overlay {
    position: relative;
    overflow: hidden;
  }
  .overlay:before {
    content: "";
    position: absolute;
    inset: auto;
    background-color: rgba(0, 0, 0, 0.5);
    width: 100%;
    height: 100%;
    z-index: 1;
  }
  nav.elementor-nav-menu--dropdown.elementor-nav-menu__container {
    border-radius: unset !important;
  }
  br {
    display: none;
  }
  .elementor-element.elementor-element-e4dc7e5.e-con-full.e-flex.e-con.e-child {
    margin-right: -25px !important;
  }
  ul li.quick-link-button.menu-item-17 a:hover {
    background-color: #2c8af1 !important;
  }
  ul .elementor-nav-menu--dropdown li.quick-link-button a:hover {
    background-color: transparent !important;
  }
  .site-header ul.sub-menu li a.elementor-sub-item:focus, 
  .site-header ul.sub-menu li a.elementor-nav-menu--dropdown .elementor-item:focus{
    background-color: #fafafa !important;
  }
}
@media screen and (min-width: 1025px) and (max-width: 1600px) {
  .banner-text {
    padding-left: 80px !important;
  }
}
@media only screen and (max-width:768px){
  .gravity-contact-form .contact-us-form div#validation_message_3_3::before{
    font-size: 10px;
  }
  .e-n-tabs-heading {
    display: flex !important;
  }
  button#e-n-tab-title-559411741 {
    width: 50%;
  }
  button#e-n-tab-title-559411742 {
    width: 50%;
  } 
  .findus--map .e-n-tabs-heading{
    border: none !important;
  }
  .mob-iconlist li.elementor-icon-list-item {
    margin-bottom: 10px;
}
}
/* Media Query End */