/* # Global Styes
   # Please insert all GLobal Styles below, avoid inserting anywhere.
---------------------------------------------------------------------------------------------------- */
html {
	font-size: 62.5%; /* 10px browser default */
}
body {
	background-color: #fff;
	color: #000;
	font-size: 1.6rem;
	font-weight: 400;
	margin: 0;
	padding: 0;
	line-height: 1.45;
}
body > div {
	font-size: 1.6rem;
}
h1, h2, h3, h4, h5, h6 {
	font-weight: 700;
}
a {
	text-decoration: none;
}

/* Reusable */

@font-face {
    font-family: 'Solano Gothic MVB';
    src:url("https://use.typekit.net/af/5c9bdd/00000000000000007735c610/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("woff2"),url("https://use.typekit.net/af/5c9bdd/00000000000000007735c610/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("woff"),url("https://use.typekit.net/af/5c9bdd/00000000000000007735c610/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("opentype");
font-display:auto;font-style:normal;font-weight:700;font-stretch:normal
}

/* Global CSS */
:focus {
  outline: unset !important;
}

.linear-gradient-text,
.linear-gradient-text h1,
.linear-gradient-text h2{
  background: -o-linear-gradient(0.33deg, #B28A39 1.23%, #FDF0BE 25.43%, #E8CA70 49.63%, #FDF0BE 71.77%, #B28A39 98.54%), #FFFFFF;
  background: linear-gradient(89.67deg, #B28A39 1.23%, #FDF0BE 25.43%, #E8CA70 49.63%, #FDF0BE 71.77%, #B28A39 98.54%), #FFFFFF;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
	display: block;
}

.linear-gradient-text-link a .elementor-icon-list-text {
  background: -o-linear-gradient(1.26deg, #B28A39 3.17%, #FDF0BE 26.25%, #E8CA70 49.34%, #FDF0BE 72.91%, #B28A39 96%), #FFFFFF;
  background: linear-gradient(88.74deg, #B28A39 3.17%, #FDF0BE 26.25%, #E8CA70 49.34%, #FDF0BE 72.91%, #B28A39 96%), #FFFFFF;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
	display: inline-block;
	text-align: center;
}

.blue-text {
  color: #0058B1;
}

.site-btn a {
  background: -o-linear-gradient(1.26deg, #B28A39 3.17%, #FDF0BE 26.25%, #E8CA70 49.34%, #FDF0BE 72.91%, #B28A39 96%), #FFFFFF;
  background: linear-gradient(88.74deg, #B28A39 3.17%, #FDF0BE 26.25%, #E8CA70 49.34%, #FDF0BE 72.91%, #B28A39 96%), #FFFFFF;
  border: 1px solid #D5CDB3;
}

/* # Elementor Overwrites ---------------------------------------------------------------------------------------------------- */
.elementor-editor-active .site-header,
.elementor-editor-active .nav-primary {
	display: none;
}
.full-width-content.elementor-page .site-inner {
	max-width: none;
	padding-bottom: 0;
	padding-left: 0;
	padding-right: 0;
}
.full-width-content.elementor-page .entry {
	padding: 0;
	margin: 0;
}
body .elementor-section.elementor-section-boxed>.elementor-container {
	max-width: 119rem;
}
.full-width-content.elementor-page .site-inner {
	padding-top: 0;
}
.elementor_library-template-default.elementor-editor-active .sidebar {
    display: none;
}
.elementor_library-template-default .content {
    width: 100%;
    padding: 0;
    margin: 0;
}
.site-footer {
	display: none;
}

.gform_body input:focus::-webkit-input-placeholder, .gform_body textarea:focus::-webkit-input-placeholder {
  opacity: 0 !important;
}

.gform_body input:focus:-ms-input-placeholder, .gform_body textarea:focus:-ms- input-placeholder {
  opacity: 0 !important;
}

.gform_body input:focus::-webkit-input-placeholder, .gform_body textarea:focus::-webkit-input-placeholder {
  opacity: 0 !important;
}

.gform_body input:focus::-moz-placeholder, .gform_body textarea:focus::-moz-placeholder {
  opacity: 0 !important;
}

.gform_body input:focus:-ms-input-placeholder, .gform_body textarea:focus:-ms-input-placeholder {
  opacity: 0 !important;
}

.gform_body input:focus::-ms-input-placeholder, .gform_body textarea:focus::-ms-input-placeholder {
  opacity: 0 !important;
}

.gform_body input:focus::placeholder, .gform_body textarea:focus::placeholder {
  opacity: 0 !important;
}


/*PRACTICE AREAS*/
.practice-areas .elementor-flip-box__back {
  -webkit-transition: all ease .3s;
  -o-transition: all ease .3s;
  transition: all ease .3s;
  z-index: 9;
  border-radius: 20px !important;
}

.practice-areas .make-column-clickable-elementor:hover .elementor-flip-box__back {
  -webkit-transform: scale(1.2);
  -ms-transform: scale(1.2);
  transform: scale(1.2);
  border-radius: 20px !important;
	
}

.practice-areas .make-column-clickable-elementor:hover {
  z-index: 9;
}

.practice-areas .elementor-flip-box__back .elementor-flip-box__layer__title {
  background: -o-linear-gradient(0.33deg, #B28A39 1.23%, #FDF0BE 25.43%, #E8CA70 49.63%, #FDF0BE 71.77%, #B28A39 98.54%), #FFFFFF;
  background: linear-gradient(89.67deg, #B28A39 1.23%, #FDF0BE 25.43%, #E8CA70 49.63%, #FDF0BE 71.77%, #B28A39 98.54%), #FFFFFF;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
}

.practice-areas .elementor-flip-box__back:before {
  content: '';
  z-index: 9;
  width: 90%;
  height: 90%;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  inset: 0;
  border-radius: 19px;
  padding: 2px;
  background: -o-linear-gradient(357.63deg, #BE9B4F 18.55%, #FAECB6 35.82%, #EACD77 51.33%, #F9E9B1 63.03%, #BE9A4E 74.74%);
  background: linear-gradient(92.37deg, #BE9B4F 18.55%, #FAECB6 35.82%, #EACD77 51.33%, #F9E9B1 63.03%, #BE9A4E 74.74%);
  -webkit-mask: -webkit-linear-gradient(#fff 0 0) content-box, -webkit-linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
}

.practice-areas .elementor-flip-box {
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
	
}

.practice-areas .elementor-flip-box:hover {
    -webkit-transform: scale(1.1);
        -ms-transform: scale(1.1);
            transform: scale(1.1);
    z-index: 1;
}

.practice-areas .elementor-flip-box:hover .elementor-flip-box__front{

	border-radius: 20px !important;
}


.practice-box .elementor-flip-box__back {
  border-radius: 20px !important;
}

.practice-box:hover .elementor-flip-box__back .elementor-flip-box__layer__overlay {
  border-radius: 20px !important;
}

.practice-box .elementor-flip-box {
  height: 25.5vw !important;
}

/* MAP */
.map-wrap svg {
    display: block;
    height: auto;
    width: 100%;
    max-width: 58.91vw;
    margin: 0 auto;
}

.map-wrap #country-inner-map > g path {
    transition: all 0.3s ease;
}

.map-wrap #country-inner-map > g {
    cursor: pointer;
}

.map-wrap #country-inner-map > g:hover path[id*="bg-loc"], 
.map-wrap #country-inner-map > g:hover g[id*="bg-loc"] > path {
    fill: #0a243f;
}

.map-wrap #country-inner-map > g:hover path:not([id*="bg-loc"]){
    fill: #fff;
}


/* # will apply this css starting 1025px and above
   # Please insert all media queries below, avoid creating new breakpoints and inserting anywhere.
---------------------------------------------------------------------------------------------------- */
@media only screen and (min-width: 1025px) {
  .fluid-section .elementor-container {
    width: 80%;
  }

  .fluid-section .elementor-inner-section .elementor-container,
  .fluid-section .elementor-widget-popup .elementor-container {
    width: 100%;
  }

  .fluid-row .elementor-container {
    width: 65%;
  }

  .fluid-row .elementor-inner-section .elementor-container,
  .fluid-row .elementor-widget-popup .elementor-container {
    width: 100%;
  }
}



/* # will apply this css starting 1024px and below
   # Please insert all media queries below, avoid creating new breakpoints and inserting anywhere.
---------------------------------------------------------------------------------------------------- */

@media only screen and (max-width: 1024px) {
  .practice-box .elementor-flip-box {
    height: 32vw !important;
  }

  .practice-box:hover .elementor-flip-box__back .elementor-flip-box__layer__overlay {
    background: -o-linear-gradient(top, rgba(9, 16, 35, 0) 15.52%, rgba(9, 16, 35, 0.836) 45.73%, rgba(9, 16, 35, 0.95) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(15.52%, rgba(9, 16, 35, 0)), color-stop(45.73%, rgba(9, 16, 35, 0.836)), to(rgba(9, 16, 35, 0.95)));
    background: linear-gradient(180deg, rgba(9, 16, 35, 0) 15.52%, rgba(9, 16, 35, 0.836) 45.73%, rgba(9, 16, 35, 0.95) 100%);
  }
	
	.map-wrap svg {
		max-width: 100%;
	}
	
	
}

/* # will apply this css starting 1023px and below
   # Please insert all media queries below, avoid creating new breakpoints and inserting anywhere.
---------------------------------------------------------------------------------------------------- */

@media only screen and (max-width: 1023px) {

}

/* # Font Sizing
   # Please insert all media queries below, avoid creating new breakpoints and inserting anywhere.
---------------------------------------------------------------------------------------------------- */

@media only screen and (max-width:1600px) {
	html {
		font-size: 56.3%;
	}
}
@media only screen and (max-width:1023px) {
	br {
		display: none;
	}
}
@media only screen and (max-width:960px) {
	html {
		font-size: 50%;
	}
}

@media only screen and (max-width:768px) {

}

@media only screen and (max-width:767px) {
	.practice-areas .elementor-flip-box__back:before {
		border-radius: 0;
	}

	.practice-areas .elementor-flip-box__back .elementor-flip-box__layer__overlay {
		-webkit-box-pack: center !important;
		-ms-flex-pack: center !important;
		justify-content: center !important;
	}
	
	  .practice-box .elementor-flip-box {
    height: 65vw !important;
  }
}

@media only screen and (max-width:568px) {

}

/* Testimonial Slider Fix after Elementor Update */
/* Hide all non-active slides */
.elementor-widget-testimonial-carousel .swiper-slide {
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none;
  transition: opacity 0.4s ease;
  margin-left: auto !important;
  margin-right: auto !important;
}

/* Show only the active slide */
.elementor-widget-testimonial-carousel .swiper-slide.swiper-slide-active {
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: auto;
}

/* Center the active slide within its wrapper */
.elementor-widget-testimonial-carousel .swiper-wrapper {
  display: flex !important;
  align-items: center !important;
  left: 11%;
}