/**
 * Theme Name: Hello Insurance
 * Theme URI: https://sparklewpthemes.com/wordpress-themes/hello-fse/
 * Author: sparklewpthemes
 * Author URI: https://sparklewpthemes.com/
 * Description: Hello Insurance is an ultra-sleek, customizable WordPress block theme engineered for diverse industries, offering a fully responsive design, top-tier performance, and seamless user experience to your digital presence to new heights.
 * Template: hello-fse
 * Requires at least: 5.9
 * Tested up to: 6.2
 * Requires PHP: 7.4
 * Version: 1.0.2
 * License: GPL-2.0-or-later
 * License URI: http://www.gnu.org/licenses/gpl-2.0.html
 * Text Domain: hello-insurance
 * Tags: full-site-editing, block-patterns, block-styles, custom-colors, custom-font-sizes, custom-logo, custom-menu, editor-style, featured-images, footer-widgets, rtl-language-support, sticky-post, threaded-comments, translation-ready
 */

.wp-site-blocks .wp-block-search .wp-block-search__inside-wrapper .wp-block-search__input {
    color: #000 !important;
}

.wp-site-blocks .wp-block-search .wp-block-search__inside-wrapper .wp-block-search__input {
    padding: 5px 0 5px 25px;
    background: transparent;
}

.wp-site-blocks .wp-block-search.wp-block-search__icon-button .wp-block-search__button {
    padding: 3px 6px;
}

.wp-block-group.sp-team-overlap {
    margin-top: -50px !important;
    background: #fff;
    padding: 20px;
    width: 90%;
}

.btn {
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: transform;
    transition-property: transform;
}

.btn:hover, .btn:hover:focus, .btn:hover:active {
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
}

.btn:active {
    color: #000;
}

.infoinso {
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: transform;
    transition-property: transform;
    border-radius: 10px;
}

.infoinso:hover, .infoinso:hover:focus, .infoinso:hover:active {
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
    outline: 1.5px solid #0d8326;
    
}

.car-icon {
    height: 70px;
}


@keyframes fadeInUp {
    0% {
        transform: translateY(100%);
        opacity: 0;
    }
    100% {
      transform: translateY(0%);
      opacity: 1;
    }
}

.animated-fadeInUp {
 animation: 1s ease-in-out fadeInUp;
}


/*
.slide2 {
    transform: translateX(100%);
}

@media (prefers-reduced-motion: no-preference) {
    .slide2 {
      transition: transform 1.5s ease-in-out;
    }
  }

.bg-slide-animated-2 {
    transform: translateX(0%);
}
*/

.post_bg {
    background-color: #fefefe;
    box-shadow: #000 50%;
}

.post_content {
    color:#000;
}

.contact-section {
    width: 100%;
    max-width: 40rem;
    margin-left: auto;
    margin-right: auto;
  }
  
  .contact-intro > * + * {
    margin-top: 1rem;
  }
  
  .contact-title {
    font-size: 1.875rem;
    line-height: 2.25rem;
    font-weight: 700;
  }
  
  .contact-description {
    color: rgb(107 114 128);
  }
  
  .form-group-container {
    display: grid;
  }
  
  .form-group {
    display: flex;
    flex-direction: column;
  }
  
  
  .form-input {
    border: 1px solid #303030;
  }

  .form-tel{
    border: 1px solid #303030;
  }
  .form-textarea {
    padding: 10px;
    border: 1px solid #303030;
    display: flex;
    height: 2.5rem;
    width: 100%;
    border-radius: 0.375rem;
    font-size: 0.875rem;
    line-height: 1.25rem;
  }
  
  .form-input::placeholder,
  .form-textarea:focus-visible {
    color: #6b7280;
  }
  
  .form-input:focus-visible,
  .form-textarea:focus-visible {
    outline: 2px solid #2563eb;
    outline-offset: 2px;
  }
  
  .form-textarea {
    min-height: 100px;
    resize: vertical;
    margin-bottom: 18px;
  }
  
  .form-submit-contact {
    width: 100%;
    margin-top: 1.2rem;
    background-color: #2563eb;
    color: #fff;
    padding: 13px 5px;
    border-radius: 0.375rem;
  }

.faq-border {
    border: #000;
}

@keyframes float {
	0% {
		transform: translatey(0px);
	}
	50% {
		transform: translatey(-30px);
	}
	100% {
		transform: translatey(0px);
    transform: rotate(0);
	}
}

.arrow-float {
  transform: translatey(0px);
  animation: float 2s ease-in-out infinite;
}

.error-message {
  color: red;
}

.ccode {
  align-self: left;
  width: 10%;
}


.ccode-input {
  padding: 10px;
  align-self: left;
  width: 50%;
}

.phone-input {
  padding: 10px;
  align-self: right;
  
  width: 50%;
}

#phone {
  align-self: right;
  margin-left: 2%;
  width: 68%;
}

.phone-group {
  padding: 0%;
    display: flex;

}

input[type="text"], input[type="email"], input[type="tel"], textarea, select {
  box-sizing: border-box;
  display: block;
  font-size: var(--wp--preset--font-size--normal);
  width: 100%;
  background: white;
  border: 1px solid var(--wp--preset--color--primary);
  line-height: 1.75;
  padding: 7px 15px;
  color: var(--wp--preset--color--foreground);
}

input[type="text"]:focus, input[type="email"]:focus, input[type="tel"]:focus, textarea:focus, select:focus {
  color: var(--wp--preset--color--foreground);
  box-shadow: 1px #6b7280;
  outline: 2px solid #2563EB;
  border: 1px solid var(--wp--preset--color--primary);
}

input[type="submit"], input[type="reset"]{
  background: #14b938;
}

.tg-map {
  display: flex;
}

.renew-prompt {
  padding-left: 80%;
}

@keyframes slideinright {
	0% {
		transform: translatex(-500px);
	}
	
	100% {
		transform: translateX(0px);
	}
}

.WhattoKnow {
  transform: translatex(0px);
  animation: slideinright 1s ease-in-out;
}

.know-shadow {
  box-shadow: 10px #000;

  
}

@keyframes fadesearch {
  0% {
    opacity: 0.8;
  }
  100% {
    opacity: 1;
  }
}

.header-search-modified {
 background: #fff;
 opacity: 80%;
 border-radius: 15px;
 transition: opacity 0.2s ease-in-out;
}

.header-search-modified:hover {
  opacity: 100%;
  animation: fadesearch 0.2s ease-in-out;
}

.header-search-modified.clicked {
  opacity: 100%;
  outline: 2px solid #2563eb;
  animation: fadesearch 0.2s ease-in-out;

}

.remove-color {
  filter: grayscale(100%);
  transition: filter 0.2s ease-in-out;
}

.remove-color:hover {
  filter: grayscale(0%);
}

.navi_en {
  text-decoration: none !important;

}

.navi_en:hover {
  color: #fff;
  text-decoration: underline;
}

@keyframes logofade {
  0% {
    opacity: 0;
    transform: scale(95%);
    transform: translateY(50%);
  }
  100% {
    opacity: 1;
    transform: scale(100%);
    transform: translateY(0%);
}
}

.fadein_logo {
  opacity: 1;
  animation: logofade 1s ease-in-out;
}

#diacontain{
    display: flex;
    justify-content: center;
}

#diacontain2{
    display: flex;
    justify-content: center;
}

.align_title{
    text-align: center;
}

#options_cont {
  
  justify-content: center;
 

  
}

#options_cont2 {
  
  justify-content: center;
 

  
}

#options_cont_2 {
  
  justify-content: center;
 
}
#options_cont_2_2 {
  
  justify-content: center;
 
}
 

.inso_options {
  display: flex;
  text-align: center;
  margin: 10px;
  border-radius: 5px;
 
  }

.inso_options:hover {
 font-weight: bolder;
  /*outline: 2px solid #14c73b;*/
  }

#closeDialog {
  padding: 10px;
  padding-bottom: 3px;
  padding-top: 3px;
  color: #fafafa;
  font-family: theSans;
  background-color: #454545;
}

#closeDialog:hover {
  background-color: #fafafa;
  color: #000000;
}

#closeDialog2 {
  padding: 10px;
  padding-bottom: 3px;
  padding-top: 3px;
  color: #fafafa;
  font-family: theSans;
  background-color: #454545;
}

#closeDialog2:hover {
  background-color: #fafafa;
  color: #000000;
}


.required-fields{
  color: red !important;
}

/*<script>
const observer = new IntersectionObserver(entries => {
  entries.forEach(entry => {
    if (entry.isIntersecting) {
      entry.target.classList.add('phone_rev');
    }
  });
});
observer.observe(document.querySelector('.wrap_container'));

</script>*/


.scale {
  display: inline-block;
  transition-duration: 0.5s;
   transition-property: transform;
}

.scale:hover {
  transform: scale(1.05)
}

.hover-underline {
  display: inline-block;
  position: relative;
}
.hover-underline::after {
  content: '';
  position: absolute;
  width: 70%;
  transform: scaleX(0);
  height: 10px;
  bottom: 0;
  left: 50px;
  background-color: #6ba518;
  transform-origin: bottom right; /* transform left = underline from right. no origin =  underline from center */
  transition: transform 0.25s ease-out;
}
.hover-underline:hover::after {
  transform: scaleX(1);
  transform-origin: bottom left; /* transform right = underline from left. no origin =  underline from center */
}


.callus {
 position: fixed;
  bottom: 3rem;
  right: 3rem;
}

.article-post {
  font-family: "theSans";
}


.postinfo {
   -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: transform;
    transition-property: transform;
    border-top: 3px solid #f2f2f2;
    border-left: 3px solid #f2f2f2;
    border-radius: 10px;
}

.postinfo:hover, .postinfo:hover:focus, .postinfo:hover:active {
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
    outline: 1.5px solid #0d8326;
}

.perspective-box {
  border: 1px solid #000;
  padding: 0px;
  text-align: center;
}
.perspective-header1 {
  border: #000 solid 1px;
  background-color: #b5b5b6;
}

.perspective-header2 {
  border: #000 solid 1px;
  background-color: #2bd12b;
}

.content{
  border: #000 solid 1px;
}

.about-us-headers:hover {
 color: #0d8326;
 transition: 0.3s ease-in-out;

}


.Language_ar{
  width: 20%;
  position: fixed;
}


.staff-info {
cursor: pointer;

}

.gallery-img:hover{
  cursor: zoom-in;
  transform: scale(1.5);
}


.header-mega {
  border-bottom: grey 2px;
}

.bubble-dialogue{
  text-align: center;
  border: #8a8a8a solid 3px;
  background-color:#fafafa;
  border-radius: 10px;
}

.contact-nums{
  align-items: center;
  justify-content: left;
  width: 90%;
  
}

.menu_title{
    font-size: 20px;
}