/*
Theme Name: advocate-payal-chheda
Author: 
Description: Your description goes here
Version: 1.0
Template: hello-elementor

This is the child theme for Hello Elementor theme, generated with Generate Child Theme plugin by catchthemes.

(optional values you can add: Theme URI, Author URI, License, License URI, Tags, Text Domain)
*/

/*========================== COMMON DETAILS START ==========================*/
.overflow-hidden{
  overflow: hidden !important;
}
.common-details>*:last-child{
    margin-bottom: 0 !important;
}
.common-details p:last-child {
    margin-bottom: 0;
}


.common-details h1,
.common-details h2,
.common-details h3,
.common-details h4,
.common-details h5,
.common-details h6 {
    margin-bottom: 20px;
    margin-top: 0;
}


.common-details ul,
.common-details ol {
    margin-bottom: 20px;
}


.common-details ul li,
.common-details ol li {
    margin-bottom: 15px;
}
.elementor-icon-wrapper{
  display: flex !important;
}
.header-button a{
  position: relative !important;
  overflow: hidden !important;
  z-index: 1 !important;
}
.header-button a::after{
  content: '' !important;
  width: 100%;
  height: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
  transform: translate(-100%,100%);
  -webkit-transform: translate(-100%,100%);
  -moz-transform: translate(-100%,100%);
  -ms-transform: translate(-100%,100%);
  -o-transform: translate(-100%,100%);
  background-color: var( --e-global-color-b5c064b );
  border-radius: inherit !important;
  -webkit-border-radius: inherit !important;
  -moz-border-radius: inherit !important;
  -ms-border-radius: inherit !important;
  -o-border-radius: inherit !important;
  transition: all 0.5s ease-in-out !important;
  -webkit-transition: all 0.5s ease-in-out !important;
  -moz-transition: all 0.5s ease-in-out !important;
  -ms-transition: all 0.5s ease-in-out !important;
  -o-transition: all 0.5s ease-in-out !important;
  z-index: -1;
}
.header-button a:hover::after{
  transform: translate(0,0) !important;
  -webkit-transform: translate(0,0) !important;
  -moz-transform: translate(0,0) !important;
  -ms-transform: translate(0,0) !important;
  -o-transform: translate(0,0) !important;
}
.header-button .elementor-button-icon svg{
  width: 13px !important;
  height: 13px !important;
  transition: all 0.5s ease-in-out !important;
  -webkit-transition: all 0.5s ease-in-out !important;
  -moz-transition: all 0.5s ease-in-out !important;
  -ms-transition: all 0.5s ease-in-out !important;
  -o-transition: all 0.5s ease-in-out !important;
}
.header-button a:hover .elementor-button-icon svg{
  transform: rotate(45deg) !important;
  -webkit-transform: rotate(45deg) !important;
  -moz-transform: rotate(45deg) !important;
  -ms-transform: rotate(45deg) !important;
  -o-transform: rotate(45deg) !important;
}
.header-button a .elementor-button-icon svg path{
  transition: all 0.5s ease-in-out !important;
  -webkit-transition: all 0.5s ease-in-out !important;
  -moz-transition: all 0.5s ease-in-out !important;
  -ms-transition: all 0.5s ease-in-out !important;
  -o-transition: all 0.5s ease-in-out !important;
}
.header-button a:hover .elementor-button-icon svg path{
  fill: var(--e-global-color-1d33895) !important;
}
.common-title span{
  color: var(--e-global-color-1823a21) !important;
}
.common-button a{
  position: relative !important;
  overflow: hidden !important;
}
.common-button a .elementor-button-content-wrapper{
  position: relative; 
  z-index: 2 !important;
}
.common-button a::after{
  content: '' !important;
  position: absolute;
  bottom: 0;
  left: 0;
  transform: translate(-100%,100%);
  -webkit-transform: translate(-100%,100%);
  -moz-transform: translate(-100%,100%);
  -ms-transform: translate(-100%,100%);
  -o-transform: translate(-100%,100%);
  width: 100%;
  height: 100%;
  border-radius: inherit !important;
  -webkit-border-radius: inherit !important;
  -moz-border-radius: inherit !important;
  -ms-border-radius: inherit !important;
  -o-border-radius: inherit !important;
  z-index: 1;
  transition: all 0.5s ease-in-out !important;
  -webkit-transition: all 0.5s ease-in-out !important;
  -moz-transition: all 0.5s ease-in-out !important;
  -ms-transition: all 0.5s ease-in-out !important;
  -o-transition: all 0.5s ease-in-out !important;
}
.common-button a:hover::after{
  transform: translate(0,0);
  -webkit-transform: translate(0,0);
  -moz-transform: translate(0,0);
  -ms-transform: translate(0,0);
  -o-transform: translate(0,0);
}
.common-golden-button a::after{
  background-color: var(--e-global-color-b08ed1e) !important;
}
.common-white-button a .elementor-button-icon svg{
  width: 12px !important;
  height: 12px !important;
  transition: all 0.5s ease-in-out;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
}
.common-white-button a .elementor-button-icon svg path{
  transition: all 0.5 ease-in-out;
  -webkit-transition: all 0.5 ease-in-out;
  -moz-transition: all 0.5 ease-in-out;
  -ms-transition: all 0.5 ease-in-out;
  -o-transition: all 0.5 ease-in-out;
}
.common-white-button a:hover .elementor-button-icon svg path{
  fill: var(--e-global-color-1823a21) !important;
}
.common-white-button a:hover .elementor-button-icon svg{
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
}
.common-white-button a::after{
  background: var(--e-global-color-b5c064b) !important;
}
.common-maroon-button a::after{
  background-color: var(--e-global-color-1d33895) !important;
}
.common-dark-gold-button a::after{
  background-color: var(--e-global-color-1823a21) !important;
}
.common-dark-gold-button .elementor-button-icon svg{
  width: 12px !important;
  height: 12px !important;
  transition: all 0.5s ease-in-out !important;
  -webkit-transition: all 0.5s ease-in-out !important;
  -moz-transition: all 0.5s ease-in-out !important;
  -ms-transition: all 0.5s ease-in-out !important;
  -o-transition: all 0.5s ease-in-out !important;
}
.common-dark-gold-button a:hover .elementor-button-icon svg{
  transform: rotate(45deg) !important;
  -webkit-transform: rotate(45deg) !important;
  -moz-transform: rotate(45deg) !important;
  -ms-transform: rotate(45deg) !important;
  -o-transform: rotate(45deg) !important;
}
.common-breadcrumb .elementor-icon-list-item a span:hover{
  color: var(--e-global-color-1823a21) !important;
}
/*========================== COMMON DETAILS END ==========================*/

/*========================== HEADER START ==========================*/
.header-logo .elementor-icon-box-title{
  margin-top: 0 !important;
}
.header-menu nav{
  width: 100% !important;
}
.header-menu a{
  transition: all 0.5s ease-in-out !important;
  -webkit-transition: all 0.5s ease-in-out !important;
  -moz-transition: all 0.5s ease-in-out !important;
  -ms-transition: all 0.5s ease-in-out !important;
  -o-transition: all 0.5s ease-in-out !important;
}
.header-menu li.mobile-menu{
  display: none !important;
}
.header-menu li:nth-last-child(2){
  margin-right: 0 !important;
}
.header-menu .hfe-nav-menu__toggle{
  z-index: 99999 !important;
}
.header-main-parent.sticky-header{
  box-shadow: 0 0 5px 2px rgba(0,0,0,0.5) !important;
}
.header-menu nav li a.adv-menu-active{
  color: var(--e-global-color-1d33895) !important;
}
/*========================== HEADER END ==========================*/

/*========================== ABOUT SECTION START ==========================*/
.about-icon-box .elementor-icon-box-title{
  margin-top: 0 !important;
}
.about-icon-box .elementor-icon-box-icon{
  margin-top: 7px !important;
}
/*========================== ABOUT SECTION END ==========================*/

/*========================== CONTACT US SECTION START ==========================*/
.common-contact-icon-box .elementor-icon-box-wrapper .elementor-icon-box-title{
  margin-top: 0 !important;
}
.common-contact-icon-box .elementor-icon-box-wrapper .elementor-icon-box-description a{
  color: var(--e-global-color-88d57a6) !important;
  transition: all 0.5s ease-in-out !important;
  -webkit-transition: all 0.5s ease-in-out !important;
  -moz-transition: all 0.5s ease-in-out !important;
  -ms-transition: all 0.5s ease-in-out !important;
  -o-transition: all 0.5s ease-in-out !important;
}
.common-contact-icon-box .elementor-icon-box-wrapper .elementor-icon-box-description a:hover{
  color: var(--e-global-color-0af09d4) !important;
}
.custom-form-wrapper .form-group:not(:last-child){
  margin-bottom: 20px !important;
}
.custom-form-wrapper .form-group:first-child{
  display: flex;
  flex-direction: row;
  gap: 30px !important;
}
.custom-form-wrapper .form-label{
  margin-bottom: 5px !important;
}
.custom-form-wrapper .contact-form-btn,
.custom-form-wrapper button[type=submit]{
  background-color: var(--e-global-color-1d33895) !important;
  color: var(--e-global-color-b5c064b) !important;
  padding: 10px 20px !important;
  position: relative !important;
  border: 1px solid var(--e-global-color-1d33895) !important;
  border-radius: 10px !important;
  -webkit-border-radius: 10px !important;
  -moz-border-radius: 10px !important;
  -ms-border-radius: 10px !important;
  -o-border-radius: 10px !important;
  font-family: var(--e-global-typography-3f0c96e-font-family), Sans-serif;
  font-size: var(--e-global-typography-3f0c96e-font-size);
  font-weight: var(--e-global-typography-3f0c96e-font-weight);
  line-height: var(--e-global-typography-3f0c96e-line-height);
  display: flex !important;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  gap: 20px;
  overflow: hidden !important;
  z-index: 1 !important;
}
.custom-form-wrapper .contact-form-btn span svg{
  width: 12px !important;
  height: 12px !important;
}
.custom-form-wrapper button[type=submit]::after{
  content: '' !important;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  transform: translate(-100%,100%);
  -webkit-transform: translate(-100%,100%);
  -moz-transform: translate(-100%,100%);
  -ms-transform: translate(-100%,100%);
  -o-transform: translate(-100%,100%);
  background-color: var(--e-global-color-b5c064b) !important;
  border-radius: inherit !important;
  -webkit-border-radius: inherit !important;
  -moz-border-radius: inherit !important;
  -ms-border-radius: inherit !important;
  -o-border-radius: inherit !important;
  transition: all 0.5s ease-in-out !important;
  -webkit-transition: all 0.5s ease-in-out !important;
  -moz-transition: all 0.5s ease-in-out !important;
  -ms-transition: all 0.5s ease-in-out !important;
  -o-transition: all 0.5s ease-in-out !important;
  z-index: -1 !important;
}
.custom-form-wrapper button[type=submit]:hover::after{
  transform: translate(0,0);
  -webkit-transform: translate(0,0);
  -moz-transform: translate(0,0);
  -ms-transform: translate(0,0);
  -o-transform: translate(0,0);
}
.custom-form-wrapper button[type=submit]:hover{
  color: var(--e-global-color-1d33895) !important;
}
.custom-form-wrapper button[type=submit] svg,
.custom-form-wrapper button[type=submit] svg path{
  transition: all 0.5s ease-in-out !important;
  -webkit-transition: all 0.5s ease-in-out !important;
  -moz-transition: all 0.5s ease-in-out !important;
  -ms-transition: all 0.5s ease-in-out !important;
  -o-transition: all 0.5s ease-in-out !important;
}
.custom-form-wrapper button[type=submit]:hover svg{
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
}
.custom-form-wrapper button[type=submit]:hover svg path{ 
  fill: var(--e-global-color-1d33895) !important;
}
form.failed .wpcf7-response-output,
form.invalid .wpcf7-response-output,
form.sent .wpcf7-response-output{
  border: none !important;
  text-align: center !important;
}
form.failed .wpcf7-response-output,
form.invalid .wpcf7-response-output{
  color: var(--e-global-color-1d33895) !important;
}
form.sent .wpcf7-response-output{
  color: #46b450 !important;
}
/*========================== CONTACT US SECTION END ==========================*/

/*========================== FOOTER START ==========================*/
.footer-icon a{
  position: relative !important;
  overflow: hidden !important;
}
.footer-icon a svg{
  z-index: 2 !important;
}
.footer-icon a svg path{
  fill: var(--e-global-color-b5c064b) !important;
  transition: all 0.5s ease-in-out !important;
  -webkit-transition: all 0.5s ease-in-out !important;
  -moz-transition: all 0.5s ease-in-out !important;
  -ms-transition: all 0.5s ease-in-out !important;
  -o-transition: all 0.5s ease-in-out !important;
}
.footer-icon a:hover svg path{
  fill: var(--e-global-color-1823a21) !important;
}
.footer-icon a::after{
  content: '' !important;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-color: var(--e-global-color-b5c064b);
  transform: translate(-100%,-100%);
  -webkit-transform: translate(-100%,-100%);
  -moz-transform: translate(-100%,-100%);
  -ms-transform: translate(-100%,-100%);
  -o-transform: translate(-100%,-100%);
  border-radius: inherit !important;
  -webkit-border-radius: inherit !important;
  -moz-border-radius: inherit !important;
  -ms-border-radius: inherit !important;
  -o-border-radius: inherit !important;
  transition: all 0.5s ease-in-out !important;
  -webkit-transition: all 0.5s ease-in-out !important;
  -moz-transition: all 0.5s ease-in-out !important;
  -ms-transition: all 0.5s ease-in-out !important;
  -o-transition: all 0.5s ease-in-out !important;
}

.footer-icon a:hover::after{
  transform: translate(0,0);
  -webkit-transform: translate(0,0);
  -moz-transform: translate(0,0);
  -ms-transform: translate(0,0);
  -o-transform: translate(0,0);
}
.footer-menu a{
  transition: all 0.5s ease-in-out;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  display: inline-block !important;
}
.footer-contact-info-list li a:hover .elementor-icon-list-text{
  color: var(--e-global-color-1823a21) !important;
}
/*========================== FOOTER END ==========================*/

/*========================== MEDIA QUERIES START ==========================*/
@media(max-width: 1366px){
  .footer-icon .elementor-icon{padding: 10px !important;}
}
@media(max-width: 1024px){
  .header-menu .hfe-nav-menu-icon{padding: 0 !important;}
  .header-menu nav{ position: fixed !important; left: 100%; width: 100% !important; height: 100vh !important; top: 0 !important; flex-direction: column !important; align-items: center !important;  transition: all 0.5s ease-in-out !important; -webkit-transition: all 0.5s ease-in-out !important; -moz-transition: all 0.5s ease-in-out !important; -ms-transition: all 0.5s ease-in-out !important; -o-transition: all 0.5s ease-in-out !important;}
  .header-menu nav.menu-is-active{left: 0 !important;  overflow-y: auto !important; }
  .header-menu li.mobile-menu{display: block !important;}
  .header-menu nav ul{ margin-top: 200px !important; width: fit-content !important; }
  .header-menu nav ul li{text-align: center !important; }
  .header-menu nav ul li:not(:last-child){ margin-bottom: 15px !important; }
  .header-menu nav ul li a{ display: inline !important; padding: 0 !important; }
  .header-menu li.mobile-menu{margin-top: 20px !important;}
  .header-menu li.mobile-menu a{ background-color: var(--e-global-color-1d33895) !important; color: var( --e-global-color-b5c064b ) !important; padding: 10px 40px 10px 15px !important; border-radius: 12px !important; -webkit-border-radius: 12px !important; -moz-border-radius: 12px !important; -ms-border-radius: 12px !important; -o-border-radius: 12px !important; position: relative !important; border: 1px solid var(--e-global-color-1d33895) !important;}
  .header-menu li.mobile-menu a::after{content:'' !important; position: absolute !important;  top: 15px; right: 15px !important;width: 12px !important; height: 12px !important; background: url("data:image/svg+xml,%3Csvg width='256' height='256' viewBox='0 0 256 256' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M21.3333 256C14.9333 256 10.6667 253.867 6.4 249.6C-2.13333 241.067 -2.13333 228.267 6.4 219.733L219.733 6.4C228.267 -2.13333 241.067 -2.13333 249.6 6.4C258.133 14.9333 258.133 27.7333 249.6 36.2667L36.2667 249.6C32 253.867 27.7333 256 21.3333 256Z' fill='white'/%3E%3Cpath d='M234.667 234.667C221.867 234.667 213.333 226.133 213.333 213.333V42.6667H42.6666C29.8666 42.6667 21.3333 34.1333 21.3333 21.3333C21.3333 8.53333 29.8666 0 42.6666 0H234.667C247.467 0 256 8.53333 256 21.3333V213.333C256 226.133 247.467 234.667 234.667 234.667Z' fill='white'/%3E%3C/svg%3E%0A") no-repeat !important; background-size: 100% 100% !important; opacity: 1 !important; transition: all 0.5s ease-in-out !important; -webkit-transition: all 0.5s ease-in-out !important; -moz-transition: all 0.5s ease-in-out !important; -ms-transition: all 0.5s ease-in-out !important; -o-transition: all 0.5s ease-in-out !important; }
  .header-menu li.mobile-menu a:hover::after{background: url("data:image/svg+xml,%3Csvg width='256' height='256' viewBox='0 0 256 256' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M21.3333 256C14.9333 256 10.6667 253.867 6.4 249.6C-2.13333 241.067 -2.13333 228.267 6.4 219.733L219.733 6.4C228.267 -2.13333 241.067 -2.13333 249.6 6.4C258.133 14.9333 258.133 27.7333 249.6 36.2667L36.2667 249.6C32 253.867 27.7333 256 21.3333 256Z' fill='%234A0E0E'/%3E%3Cpath d='M234.667 234.667C221.867 234.667 213.333 226.133 213.333 213.333V42.6667H42.6667C29.8667 42.6667 21.3333 34.1333 21.3333 21.3333C21.3333 8.53333 29.8667 0 42.6667 0H234.667C247.467 0 256 8.53333 256 21.3333V213.333C256 226.133 247.467 234.667 234.667 234.667Z' fill='%234A0E0E'/%3E%3C/svg%3E%0A") no-repeat !important; width: 12px !important; height: 12px !important; background-size: 100% 100% !important; transform: rotate(45deg) !important; -webkit-transform: rotate(45deg) !important; -moz-transform: rotate(45deg) !important; -ms-transform: rotate(45deg) !important; -o-transform: rotate(45deg) !important;}
  .header-menu li.mobile-menu a:hover{ background-color: transparent !important; color: var(--e-global-color-1d33895) !important; }
  .footer-menu li:not(:last-child){ margin-bottom: 8px !important;  }
}
@media(max-width: 880px){
  .custom-form-wrapper .form-group:first-child{flex-direction: column; gap: 20px !important;}
}
@media(max-width: 767px){
  .header-menu nav ul li:not(:last-child){ margin-bottom: 10px !important; }
}
@media(min-width: 575px) and (max-width: 767px){
  .footer-details-grid,.security-grid,.services-gird{--e-con-grid-template-columns: repeat(2, 1fr) !important;}
}
@media(max-width: 575px){
  .common-width-100{width: 100% !important;}
}
/*========================== MEDIA QUERIES END ==========================*/