/**
 * Theme Name:     Hello Elementor Child
 * Author:         Elementor Team
 * Template:       hello-elementor
 * Text Domain:	   hello-elementor-child
 * Description:    Hello Elementor is a lightweight and minimalist WordPress theme that was built specifically to work seamlessly with the Elementor site builder plugin. The theme is free, open-source, and designed for users who want a flexible, easy-to-use, and customizable website. The theme, which is optimized for performance, provides a solid foundation for users to build their own unique designs using the Elementor drag-and-drop site builder. Its simplicity and flexibility make it a great choice for both beginners and experienced Web Creators.
 */


/*--khalid---*/
header#Site_Header {
    position: fixed;
}

div#banner_items {
    border-radius: 15px;
    background-color: rgb(255, 255, 255);
    box-shadow: 0px 13px 13px 0px rgba(105, 95, 151, 0.04);
    padding: 32px 30px;
}

div#banner_items ul li a:last-child {
  border-radius: 7px;
  background-color: rgb(37, 104, 239);
  box-shadow: 0px 18px 27px 0px rgba(22, 88, 220, 0.19);
  width: 100%;
  max-width: 30%;
  padding: 10px 20px;
  margin-top: 10px;
  color: #fff !important;
  position: relative;
}

div#banner_items ul li a:last-child span {
    font-size: 14px !important;
    color: rgb(255, 255, 255);
    font-weight: 900 !important;
    text-transform: uppercase !important;
    line-height: 33px !important;
    letter-spacing: 0.5px;
}


div#banner_items ul li a:last-child:before {
    content: "";
    position: absolute;
    right: 0px;
    background-image: url(http://randyvanprehn.nl/wp-content/uploads/2024/06/arrow.svg);
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    top: 19px;
    max-width: 16%;
}

a#audit {
    border-radius: 7px;
    background-color: rgb(37, 104, 239);
    box-shadow: 0px 18px 27px 0px rgba(22, 88, 220, 0.19);
    padding: 10px 20px;
    margin-top: 10px;
    color: #fff !important;
    position: relative;
    line-height: 21px;
    font-size: 14px !important;
    color: rgb(255, 255, 255);
    font-weight: 900 !important;
    text-transform: uppercase !important;
    line-height: 33px !important;
    letter-spacing: 0.5px;
}

section#satisfiction .elementor-container {
  border-width: 1px;
  border-color: rgb(247, 247, 247);
  border-style: solid;
  border-radius: 13px;
  background-color: rgb(255, 255, 255);
  box-shadow: 0px 25px 27px 0px rgba(32, 59, 83, 0.06);
  padding:0px 15px;
}

div#cs_faq {
  border-width: 1px;
  border-color: rgb(247, 247, 247);
  border-style: solid;
  border-radius: 13px;
  background-color: rgb(255, 255, 255);
  box-shadow: 0px 25px 27px 0px rgba(32, 59, 83, 0.06);
  margin-bottom: 3rem;
  padding-bottom: 2rem;
}

div#cs_faq .elementor-accordion .elementor-tab-title {
  border-radius: 15px;
  background-color: rgb(255, 255, 255);
  box-shadow: 0px 25px 27px 0px rgba(32, 59, 83, 0.06);
  padding:20px;
  margin-bottom:10px;
  border: none !important;
}


div#cs_faq .elementor-accordion .elementor-accordion-item{
  border:none;
}

div#cs_faq .elementor-accordion .elementor-tab-content {
    border-top: 0px;
}


section#theProcess {
    background-position: 100% 30%;
}


div#audit {
     border-radius: 13px;
     background-color: rgb(255, 255, 255);
     box-shadow: 0px 25px 27px 0px rgba(32, 59, 83, 0.06);
}


section#audit_shapes {
    position: relative;
}

section#audit_shapes .elementor-container.elementor-column-gap-default:before {
    content: "";
    position: absolute;
    top: -61px;
    left: 100px;
    background-image: url(http://randyvanprehn.nl/wp-content/uploads/2024/06/shapes.png);
    background-repeat: no-repeat;
    width: 100%;
    height: 100%;
    max-height: 80px;
    max-width: 100%;
    background-size: contain;
}


div#testimonial {
  border-width: 1px;
  border-color: rgb(247, 247, 247);
  border-style: solid;
  border-radius: 13px;
  background-color: rgb(255, 255, 255);
  box-shadow: 0px 25px 27px 0px rgba(32, 59, 83, 0.06);
  padding: 20px 22px;
}

section#calinders .elementor-container.elementor-column-gap-default {
  border-width: 1px;
  border-color: rgb(247, 247, 247);
  border-style: solid;
  border-radius: 13px;
  background-color: rgb(255, 255, 255);
  box-shadow: 0px 25px 27px 0px rgba(32, 59, 83, 0.06);
  padding:20px;
  margin-bottom:3rem;
}

.elementor-element.elementor-element-1d1100a.elementor-widget.elementor-widget-html {
      border-width: 1px;
      border-color: rgb(247, 247, 247);
      border-style: solid;
      border-radius: 42px;
      background-color: rgb(248, 248, 248);
      padding: 11px;
}

div#Guarantees h6 {
    position: relative;
}


div#Hey_gurantee h6 {
    position: relative;
}

div#Hey_gurantee h6:before{
    content:"";
    position:absolute;
    top:50%;
    left: 42.5%;
    border-bottom:3px solid #1d6ceb;
    width:100%;
    max-width: 4%;
}

div#Guarantees h6:before{
    content:"";
    position:absolute;
    top: -8px;
    left: 50%;
    border-bottom: 3px solid #1d6ceb;
    width:100%;
    height:100%;
    max-width: 5%;
    transform: translate(-10pc, 0px);
}


div#saystem_faq .elementor-accordion-item {
    border: none;
}

div#saystem_faq .elementor-tab-title {
  border-radius: 13px;
  background-color: rgb(248, 248, 248);
  margin-bottom:10px
}



.elementor-tab-content {
    border-top: none;
}

div#saystem_faq  .elementor-accordion .elementor-tab-content{
    border-top:none;
}

a#Header_button {
  border-radius: 7px;
  background-color: rgb(0, 0, 0);
  box-shadow: 0px 18px 27px 0px rgba(22, 88, 220, 0.19);
}

a#Header_button:hover{
    background:#1d6ceb;
    border-color:#1d6ceb;
    color:#fff;
}


@media screen and (min-width: 100px) {
 section#audit_shapes .elementor-container.elementor-column-gap-default:before{
    max-width:80%; 
 }
 
div#Hey_border:before{
  max-width: 10%;
}
   
}


@media screen and (max-width: 1200px){
     section#banner_section section.elementor-element-6f51d37 {
       padding: 6em 0em 0em 0em;
    }
}


@media screen and (max-width:767px){
  a#Header_button{
    padding: 3px 6px 3px 6px !important;
    font-size: 9.33px !important;
  }
  
  section#audit_shapes .elementor-container.elementor-column-gap-default:before{
    display:none !important;
  }
  
  section#audit_shapes {
    position: relative;
    padding: 0px 0px 30px 0px;
}

div#Hey_gurantee h6:before {
   
    left: 10.5%;
    max-width: 22%;
}

div#Hey_border:before{
  max-width: 19% !important;
} 

}


div#Hey_border {
    position: relative;
}

div#Hey_border:before{
    content:"";
    position:absolute;
    border-bottom: 4px solid #2974eb;
    width:100%;
    max-width: 10%;
    left:0px;
    top: 50%;
    border-radius: 20px;
}

.right_arrow {
    margin-top: 1rem;
}


a#audit:hover {
    background: black;
    color: #ffff;
}