/*
 *Note: Always use the variable global colors/fonts and use only the astra global settings when updating the colors so that it will be easy to manage the colors/fonts scheme.
 *Always backup your css code to child theme, or code directly inside the child theme
 *Please do not break the flow: Be object oriented so that it will easy to update the colors

EXTRA CLASS NAMES:

.fullwidth-button-mobile - fullwidth buton on mobiles

.grow-column - grow column on hover

.float-column-hover - float object on hover.

.row-flex-direction - flex grow the column in heading element.

.row-flex-direction-description - flex grow the column in the description element.

.pulse-btn-hover - add pulse effect to button.

.pulse-btn-not-hover - add pulse effect to button being not hovered.

.icononly-pulse-effect - add pulse effect to icon widget

.icon-with-text-description-pulse-effect - add pulse effect to icon width title widget.

.fixed-height-on-4k-screen-resolution - convert the full screen height of the section on 4k screen resolution to min-height:1000px;


USING VARIABLES GLOBAL COLORS:

Sky Blue: 
var(--ast-global-color-0)

Dark Brown:
var(--ast-global-color-1)

Dark Blue:
var(--ast-global-color-2)

White:
var(--ast-global-color-3)

 */


/*Unlink this if menu with under line*/
.ast-desktop .ast-menu-hover-style-underline > .current-menu-item > .menu-link{
    border-bottom:3px solid var(--ast-global-color-0);
}
#ast-fixed-header .ast-menu-hover-style-underline > .current-menu-item > .menu-link{
    border-bottom:3px solid var(--ast-global-color-0);
}
.fl-day {
    display: flex;
    justify-content: space-between;
    max-width: 250px;
}
/* .elementor-button{
	color:#fff !important;
}
.elementor-button, .elementor-button:visited{
	fill: #32bde8;
}
.elementor-button:visited{
	color:#32bde8;
} */

@media (min-width:1921px){
	.hero-homepage{
		height:1000px !important;
	}
	.fixwidth-4kscreen{
		width:1300px !important;
		margin:0 auto;
	}
}

@media (min-width:1024px){
		.services-col .elementor-background-overlay{
		height: 94%;
			width: 96%;
			top: 10px;
			left: 10px;
			right: 10px;
			bottom: 10px;
	}
}

@media (min-width:768px) and (max-width:1023px){
	.hero-homepage{
		height:800px !important;
	}
}
@media (max-width:767px){
	.hero-homepage{
		height:auto !important;
	}
	.changebackground-mobile-aboutus{
		background-color:#F5F5F5;
	}
	.fl-clm-height h3.uael-price-table-heading.elementor-inline-editing {
    min-height: 160px !important;
}
}

.hoverchangetext:hover .elementor-heading-title{
	color:#ffffff !important;
}

.ti-widget.ti-goog .ti-controls{
	display:none !important;
}

@media (min-width:1200px){
	.set-margin-on-differentsizes{
		margin-bottom: 80px !important;
	}
}

@media (min-width:1440px){
	.set-margin-on-differentsizes{
		margin-bottom: 120px !important;
	}
}

@media (min-height:1081px) and (min-width: 1920px) {
   .hero-homepage{
      height: 1000px  !important;
    }
}

.services-row .services-col .elementor-widget-wrap.elementor-element-populated{
	transition: all 0.6s ease-out;
	transform: scale(0.99);
}
.services-row .services-col:hover .elementor-widget-wrap.elementor-element-populated{
	transform: scale(1.04);
}
.blog-grid a.elementor-post__read-more,
.search-result-posts a.elementor-post__read-more{
    background-color: #32bde8;
    padding: 14px 20px;
    border: 1px solid #32bde8;
}
.blog-grid a.elementor-post__read-more:hover,
.search-result-posts a.elementor-post__read-more:hover{
  color: #32bde8 !important;
  background-color: #fff;
}
.blog-grid .elementor-posts .elementor-post{
    border: 1px solid #e7e7e7;
	    border-bottom: 10px solid #32bde8 !important;
}
.blog-grid .elementor-post__text{
    padding: 0 15px;
}
.blog-grid  .elementor-posts-container.elementor-has-item-ratio .elementor-post__thumbnail{
	    border-bottom: 5px solid #32bde8;
}
.sitemap-menu .uael-nav-menu__layout-vertical.uael-nav-menu__submenu-classic{
	z-index: 1;
}
.fl-clm-height h3.uael-price-table-heading.elementor-inline-editing {
    min-height: 215px;
}

/* @media(min-width: 922px) and (max-width: 1024px){
	.ast-builder-menu-1 .main-header-bar-navigation .site-navigation .menu-item > .menu-link{
		font-size: 14px !important;
		padding:0 10px !important;
	}
} */
@media(min-width: 922px) and (max-width: 1100px){
.ast-builder-menu-1 .main-header-bar-navigation .site-navigation .menu-item > .menu-link {
    font-size: 11px !important;
    padding: .9em 8px!important;
}
.hover-scale-box:hover {
    transform: scale(1.02);
    transition: all .2s linear;
}
}
iframe{display:block;}

/* Google & facebook badge reviews */
.reviews-badges .tr-widget{
        position: fixed !important;
    bottom: 20px !important;
    right: 20px !important;

}
@media (max-width:768px){
    .reviews-badges .tr-widget{
        display:none !important;
    }
}
/*-20-01-25-*/
.wp-footer-form-title {
    border-color: #FFFFFF;
    background-image: none;
    background-position: inherit;
    background-repeat: no-repeat;
    background-color: #2CBCEC;
    -webkit-clip-path: polygon(0 0, 100% 0, 100% 80%, 0% 100%);
    clip-path: polygon(0 0, 100% 0, 100% 80%, 0% 100%);
}
div.wpforms-container-full .wpforms-form .wpforms-field-label {
    font-family: Helvetica, sans-serif;
    font-size: 16px;
    font-weight: normal;
    font-style: normal;
    text-decoration: none;
    color: #454545;
    display: block;
    float: none;
    text-align: left;
    width: auto;
}
div.wpforms-container-full .wpforms-form .wpforms-field input, div.wpforms-container-full .wpforms-form .wpforms-field textarea {
    border-color: #454545 !important;
    border-width: 1px;
    border-style: solid;
    font-family: Trebuchet MS, sans-serif;
    font-size: 17px;
    font-weight: normal;
    font-style: normal;
    text-decoration: none;
    color: #454545;
    background-color: #FFFFFF;
    padding: 9px 15px;
    border-radius: 4px !important;
}
div.wpforms-container-full .wpforms-form .wpforms-submit-container {
    text-align: left;
}
div.wpforms-container-full .wpforms-form .wpforms-submit-container button[type=submit], div.wpforms-container-full .wpforms-form .wpforms-submit-container button[type=submit]:hover {
    font-family: Helvetica, sans-serif;
    font-size: 16px;
    font-weight: normal;
    font-style: normal;
    text-decoration: none;
    color: #FFFFFF;
    background-color: #2CBCEC;
    background-image: none;
    border: none;
    border-radius: 4px;
    padding: 10px 30px;
}
div.wpforms-container-full .wpforms-form .wpforms-field  label.wpforms-error {
    margin-top: 5px;
}

body.page-id-7834 .AW-Form-762002931,
.d-done {
	display:none;
}
body.page-id-7834 .d-done{
    display: block;
}

div.wpforms-container-full .wpforms-form .wpforms-field {
    padding: 20px 0 !important;
    clear: both;
}

@media (max-width: 450px) { 
    .table {
        width:35% !important;
    }
}

@media (max-width: 410px) { 
    .table {
        width:30% !important;
    }
}

/* Center images and maintain spacing */
.image-wrapper {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px; 
    flex-wrap: wrap;
    padding: 10px;
}

/* Ensure images scale properly */
.responsive-img {
    max-width: 100%;
    height: auto;
}

/* Adjust layout for mobile screens */
@media screen and (max-width: 768px) {
    .image-wrapper {
        flex-direction: column;
        gap: 15px;
    }

    .responsive-img {
        width: 70%; 
        max-width: 200px;
    }
}


@media (max-width: 768px) { 
   td , th {
      max-width: 60px !important;
   }
}

button .icon-arrow {
	color:#ffffff;
}