/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 1.0.1
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

.mobile-menu nav .menu-item-has-children a:hover .sub-arrow svg path{
    fill: #FF4015 !important;
}
.mobile-menu nav .current-menu-item .elementor-item-active .sub-arrow svg path{
    fill: #FF4015 !important;
}

.phone-list .elementor-icon-box-content .elementor-icon-box-description a{
    color: #fff;
}
.phone-list .elementor-icon-box-content .elementor-icon-box-description a:hover{
    color: #FF4015;
}
.linaer-border-cont{
    border-radius: 78px !important;
   backdrop-filter: blur(30px) !important;
}
.linaer-border-cont {
  position: relative !important;
  z-index: 1 !important;
}

/* Border layer */
.linaer-border-cont::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  border-radius: 50px !important;
  padding: 1px !important;  /* border thickness */

  background: linear-gradient(
    87deg,#ffffff 0%,#99999900 100%) !important;

  -webkit-mask:
    linear-gradient(#fff 0 0) content-box ,
    linear-gradient(#fff 0 0) !important;
  -webkit-mask-composite: xor !important;
          mask-composite: exclude !important;

  z-index: -1 !important;
}


/* Home page css starts */
.innovation{
    backdrop-filter: blur(30px);
}
.innovation .elementor-heading-title::before{
    content: "";
    height: 10px;
    width: 10px;
    background-image: url("data:image/svg+xml,%3Csvg width='10' height='10' viewBox='0 0 10 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='5' cy='5' r='5' fill='white' fill-opacity='0.1'/%3E%3Ccircle cx='5' cy='5' r='3' fill='white'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-size: auto;
    background-position: center left;
}
.innovation .elementor-heading-title{
    position: relative;
  display: inline-flex;
  align-items: center;
  gap: 6px;
}
.inverted-radius-img img{
  --r: 40px !important; /* the radius */
  --s: 40px; /* size of inner curve */
  --x: 260px; /* horizontal offset (no percentage) */
  --y: 70px; /* vertical offset (no percentage) */
  
  
  background: #3FB8AF;
  border-radius: var(--r);
  --_m:/calc(2*var(--r)) calc(2*var(--r)) radial-gradient(#000 70%,#0000 72%);
  --_g:conic-gradient(at calc(100% - var(--r)) var(--r),#0000 25%,#000 0);
  --_d:(var(--s) + var(--r));
  mask:
    calc(100% - var(--_d) - var(--x)) 0 var(--_m),
    100% calc(var(--_d) + var(--y)) var(--_m),
    radial-gradient(var(--s) at 100% 0,#0000 99%,#000 calc(100% + 1px)) 
     calc(-1*var(--r) - var(--x)) calc(var(--r) + var(--y)),
    var(--_g) calc(-1*var(--_d) - var(--x)) 0,
    var(--_g) 0 calc(var(--_d) + var(--y));
  mask-repeat: no-repeat;
}

/* Service-loop Css starts */
.service-loop-image{
    background: #fff !important;
    border-radius: 50%;
    position: relative !important;
  z-index: 1 !important;
  box-shadow: 0px 4px 50px rgba(0, 0, 0, 0.1) !important;
}
.service-loop-image::before{
    content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  border-radius: 50% !important;
  padding: 1px !important;
  background: linear-gradient(
    135deg,
    #FF4015 0%,
     #FF401500 100%
  ) !important;

  -webkit-mask:
    linear-gradient(#fff 0 0) content-box ,
    linear-gradient(#fff 0 0) !important;
  -webkit-mask-composite: xor !important;
          mask-composite: exclude !important;

  z-index: -1 !important;
}
.service-loop-cont:hover .details-icon .elementor-icon-wrapper .elementor-icon{
    background: #FF4015 !important;
}
.details-icon .elementor-icon-wrapper .elementor-icon{
    height: 40px;
    width: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
}
/* Service-loop Css ends */

.background-image-counter .elementor-counter-number-wrapper{
    background: url(./Images/image\ 4.png);
    background-size: cover;
    color: #fff;
    -webkit-text-fill-color: transparent;
    -webkit-background-clip: text;
    padding: 0;
}


/* Contact Page Css Starts */
.social-icon .elementor-grid-item svg path{
    fill:#7B7B7B !important;
}
.social-icon .elementor-grid-item:hover svg path{
    fill:#fff !important;
}
.contact-form .elementor-shortcode .gform_wrapper .gform-footer{
  padding: 0px 0px !important;
/*   margin: 54px 0px 0px 0px !important; */
}
.contact-form .elementor-shortcode .gform_wrapper .gform-footer .gform-submit-wrapper input{
  margin: 0px !important;
  color: #525252 !important;
  font-size: 16px !important;
  line-height: 1 !important;
  font-family: "Poppins";
  border: none !important;
  background: #fff !important;
  padding: 17px 25px 17px 25px !important;
  border-radius: 78px !important;
}
.contact-form .elementor-shortcode .gform_wrapper .gform-footer .gform-submit-wrapper{
  background-color: #FF4015 !important;
  padding: 4px 20px 4px 4px !important;
  border-radius: 78px !important;
  cursor: pointer !important;
  display: flex !important;
  align-items: center !important;
  gap:14px;
  flex-direction: row !important;
  position: relative !important;
}
.contact-form .elementor-shortcode .gform_wrapper .gform-footer .gform-submit-wrapper:hover{
  flex-direction: row-reverse !important;
  padding: 4px 4px 4px 20px !important;
  transition: 0.2s ease !important;
}
.contact-form .elementor-shortcode .gform_wrapper .gform-footer .gform-submit-wrapper:hover::after{
  transform: rotate(180deg) !important;
}
.contact-form .elementor-shortcode .gform_wrapper .gform-footer .gform-submit-wrapper::after{
  background-image: url("data:image/svg+xml,%3Csvg width='8' height='14' viewBox='0 0 8 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.75 12.75L6.75 6.75L0.75 0.75' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
  content: "";
  width: 8px;
  height: 14px;
  background-size: auto;
  background-repeat: no-repeat;
  display: inline-block;
}
.contact-form .elementor-shortcode .gform_wrapper .gform-footer .gform-submit-wrapper .gform-loader{
  position: absolute;
  left: 100% !important;
  bottom:15px !important;
}
.contact-form .elementor-shortcode .gform_wrapper .gform_body .gform_fields{
  row-gap: 60px !important;
  column-gap: 40px !important;
}
.contact-form .elementor-shortcode .gform_wrapper .gform_body .gform_fields .gfield input:not([type="submit"]),
.contact-form .elementor-shortcode .gform_wrapper .gform_body .gform_fields .gfield textarea{
  font-size: 16px !important;
  line-height: 16px !important;
  font-family: "Poppins" !important;
  border-radius: 0px !important;
  border-left: 0px !important;
  border-top: 0px !important;
  border-right:0px !important;
  border-color: #DFDFDF !important;
  padding: 0px 5px 17.4px 5px !important;
  outline: none;
  color: #4D4D4D !important;
  background: transparent !important;
}
.contact-form .elementor-shortcode .gform_wrapper .gform_body .gform_fields .gfield textarea{
height: 73px !important;
resize: none !important;
}
.contact-form .elementor-shortcode .gform_wrapper .gform_body .gform_fields input[type="email"]{
    text-transform: lowercase !important;
}
.contact-form .elementor-shortcode .gform_wrapper .gform_body .gform_fields input[type="email"]::placeholder{
  text-transform: capitalize !important;
}
.contact-form .elementor-shortcode .gform_wrapper .gform_body .gform_fields .gfield .ginput_container_select select{
  font-size: 16px !important;
  line-height: 16px !important;
  font-family: "Poppins" !important;
  border-radius: 0px !important;
  border-left: 0px !important;
  border-top: 0px !important;
  border-right:0px !important;
  border-color: #DFDFDF !important;
  color: #4D4D4D !important;
  background: transparent !important;
  padding: 5px 5px 21px 5px !important;
  outline: none !important;
  appearance: none !important;
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  background-image: url("data:image/svg+xml,%3Csvg width='10' height='6' viewBox='0 0 10 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.75 0.75L4.75 4.75L8.75 0.75' stroke='%234D4D4D' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A") !important;
  background-size: auto !important;
  background-repeat: no-repeat !important;
  background-position: right 18px top 12px !important;
}
.contact-form .elementor-shortcode .gform_wrapper .gform_body .gform_fields .gfield .ginput_container_select select option{
  background-color: #fff !important;
  border: none !important;
  color: #4D4D4D !important;
}
.contact-form .elementor-shortcode .gform_wrapper .gform_body .gform_fields .gfield input:not([type="submit"])::placeholder,
.contact-form .elementor-shortcode .gform_wrapper .gform_body .gform_fields .gfield textarea::placeholder{
  color: #4D4D4D !important;
}
.contact-form .elementor-shortcode .gform_wrapper .gform_validation_errors{
  display: none !important;
}
.contact-form .elementor-shortcode .gform_wrapper .gform_body .gfield_validation_message{
  background: transparent !important;
  border: none !important;
  padding: 5px 0px 0px 5px !important;
  margin: 0 !important;
}
.contact-form .elementor-shortcode .gform_confirmation_wrapper .gform_confirmation_message p{
  font-size: 20px !important;
    font-family: "Recoleta Regular", Sans-serif !important;
}

/* Kitchen Flooring CSS Starts */
.quote-form .elementor-shortcode .gform_wrapper .gform-footer{
  padding: 0px 0px !important;
  margin: 30px 0px 0px 0px !important;
  display: flex !important;
  justify-content: center !important;
}
.quote-form .elementor-shortcode .gform_wrapper .gform_body .gform_fields{
  row-gap: 30px !important;
  column-gap: 30px !important;
}
.quote-form  .elementor-shortcode .gform_wrapper .gform-footer .gform-submit-wrapper .gform-loader{
  position: absolute;
  left: 100% !important;
  bottom:15px !important;
}
.quote-form .elementor-shortcode .gform_wrapper .gform-footer .gform-submit-wrapper{
  background-color: #FF4015 !important;
  padding: 4px 20px 4px 4px !important;
  border-radius: 78px !important;
  cursor: pointer !important;
  display: flex !important;
  align-items: center !important;
  gap:14px;
  flex-direction: row !important;
  position: relative !important;
}
.quote-form .elementor-shortcode .gform_confirmation_wrapper .gform_confirmation_message p{
  font-size: 24px !important;
    font-family: "Recoleta Regular", Sans-serif !important;
}
.icon-linear .elementor-icon-box-wrapper .elementor-icon{
    background: #fff !important;
    border-radius: 50%;
    position: relative !important;
  z-index: 1 !important;
  box-shadow: 0px 4px 50px rgba(0, 0, 0, 0.1) !important;
}
.icon-linear .elementor-icon-box-wrapper .elementor-icon::before{
    content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  border-radius: 50% !important;
  padding: 1px !important;
  background: linear-gradient(
    135deg,
    #FF4015 0%,
     #FF401500 100%
  ) !important;

  -webkit-mask:
    linear-gradient(#fff 0 0) content-box ,
    linear-gradient(#fff 0 0) !important;
  -webkit-mask-composite: xor !important;
          mask-composite: exclude !important;

  z-index: -1 !important;
}
.icon-linear .elementor-icon-box-wrapper .elementor-icon-box-content .elementor-icon-box-title{
  width:64% !important;
}
.full-width-left-cont{
    padding-left: calc((100% - 1440px)/2) !important;
}
/* Media CSS Starts */

@media(max-width:1200px){
    .inverted-radius-img img{
        --r: 40px; /* the radius */
  --s: 40px; /* size of inner curve */
  --x: 180px; /* horizontal offset (no percentage) */
  --y: 65px; /* vertical offset (no percentage) */  
    }
     .full-width-left-cont{
    padding-left: 20px !important;
}  
}
@media(max-width:1374px) and (min-width:1201px){
    .team-car .elementor-swiper-button{
        top:65% !important;
    }
}

@media(max-width:1024px){
.linaer-border-cont{
    border-radius: 50px !important;
   backdrop-filter: blur(30px) !important;
}
.contact-form .elementor-shortcode .gform_wrapper .gform_body .gform_fields{
  row-gap: 60px !important;
  column-gap: 20px !important;
}
.quote-form .elementor-shortcode .gform_wrapper .gform_body .gform_fields{
  row-gap: 30px !important;
  column-gap: 20px !important;
}
.quote-form .elementor-shortcode .gform_confirmation_wrapper .gform_confirmation_message p{
  font-size: 20px !important;
    font-family: "Recoleta Regular", Sans-serif !important;
}
}

@media(max-width:880px){
    .inverted-radius-img img{
        --r: 40px; /* the radius */
  --s: 40px; /* size of inner curve */
  --x: 150px; /* horizontal offset (no percentage) */
  --y: 65px; /* vertical offset (no percentage) */  
    }
}

@media(max-width:767px){
    .inverted-radius-img img{
        --r: 30px; /* the radius */
  --s: 30px; /* size of inner curve */
  --x: 200px; /* horizontal offset (no percentage) */
  --y: 85px; /* vertical offset (no percentage) */  
    }
    .contact-form .elementor-shortcode .gform_wrapper .gform_body .gform_fields{
  row-gap: 40px !important;
  column-gap: 20px !important;
}
.quote-form .elementor-shortcode .gform_wrapper .gform_body .gform_fields{
  row-gap: 30px !important;
  column-gap: 20px !important;
}
.icon-linear .elementor-icon-box-wrapper .elementor-icon-box-content .elementor-icon-box-title{
  width:100% !important;
}
}