/* 
INSTRUCTIONS!!!:

---FOR COLORS:-
Use astra-global colors and avoid using individual colors because it is difficult to maintain.

---FOR FONTS:
Use astra global fonts as possible avoid using widgets individual fonts as it is diffucult to maintain.

---FOR BUTTONS:
Use astra global colors & fonts for buttons you can style buttons via elementor but use the global colors & fonts from astra.

---WHEN USING CSS:
Use astra global variables when declaring a CSS code. For example: a{color:var(--ast-global-color-0)} you can find this variables in the root of astra just use inspect element and search root.

---ADDITIONAL NOTE: 
->As possible avoid custom code and use widgets.
->You still can use elementor global for colors, fonts & buttons but use it correctly.
*/

/*=======
 
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;

 */

:root{
	--white:#ffffff;
	--primary_blue:var(--ast-global-color-0);
	--primary_skyblue:var(--ast-global-color-1);
	--primary_yellow_green:var(--ast-global-color-2);
}

.skyblue{
	color:var(--primary_skyblue) !important;
}
.yellowgreen{
	color:var(--primary_yellow_green) !important;
}

.ast-mobile-header-wrap .ast-primary-header-bar, .ast-primary-header-bar .site-primary-header-wrap{
	background-color:var(--white) !important;
	border-radius:3px;
}
.main-header-bar.ast-sticky-active{
	box-shadow:unset !important;
	margin-top:15px;
}
@media (max-width:921px){
	#masthead .ast-mobile-header-wrap .ast-primary-header-bar, #masthead .ast-mobile-header-wrap .ast-below-header-bar{
		margin-left: 10px;
    margin-right: 10px;
    margin-top: 10px;
	}
}

@media (min-width:768px){
	.formobile{
		display:none !important;
	}
}
.btn-rotate-icon span.elementor-button-icon{
	transform: rotate(-45deg);
}

 @keyframes slideRight {
        0% {opacity: 1; transform: translateX(0px) scale(1);}
        25%{opacity: 0; transform:translateX(10px) scale(0.9);}
        26%{opacity: 0; transform:translateX(-10px) scale(0.9);}
        55% {opacity: 1; transform: translateX(0px) scale(1);}
    }

    .btn-icon span.elementor-button-icon i{

        padding:8px;
        border-radius:50%;
        background-color:var(--lightblue);
    }
    .btn-icon a:hover span.elementor-button-icon i{
        background-color:var(--darkblue);
        }
    .btn-icon a:hover span.elementor-button-icon,
    .booknow-btn a:hover span.elementor-button-icon{
        animation-name: slideRight;
        animation-duration: 1s;
        animation-timing-function: linear;

    }

.ast-builder-menu-1 .main-header-menu.submenu-with-border .astra-megamenu, .ast-builder-menu-1 .main-header-menu.submenu-with-border .astra-full-megamenu-wrapper{
	border-top-width:0px;
}

@media (min-width:1023px){
	.astra-megamenu{
		margin-top: 20px !important;
    border-radius: 5px;
	}
}

.services-grid-column:hover .onhover .elementor-widget-container{
	background-color:var(--primary_skyblue) !important;
}
.services-grid-column:hover .onhover .elementor-widget-container .elementor-heading-title{
	color:var(--white) !important;
}

.elementor-element .swiper .elementor-swiper-button, .elementor-lightbox .swiper .elementor-swiper-button{
	border: 1px solid;
    padding: 5px;
    border-radius: 50%;
}
.elementor-element.elementor-arrows-position-outside .swiper .elementor-swiper-button-prev{
	left: -15px !important;
}
.elementor-element.elementor-arrows-position-outside .swiper .elementor-swiper-button-next{
	right:-15px;
}

/* FAQ */

#custom-faq .elementor-tab-title {
    border: solid 1px var(--e-global-color-astglobalcolor1 );
    margin-bottom: 15px;
    border-radius: 7px;
}

/* Services CSS  */
#services-list-section ul li {
    list-style: none;
    position: relative;
    margin: 10px;
}
#services-list-section ul li:before {
    content: "\eab0";
    position: absolute;
    left: -30px;
    top: 0;
    font-family: elementskit!important;
    color: var(--e-global-color-astglobalcolor1 );
}

/* TrustIndex CUstom CSS */

.elementor-shortcode .ti-widget.ti-goog .ti-review-item>.ti-inner {
    background: var(--e-global-color-astglobalcolor6) !important;
}
.elementor-shortcode .ti-widget.ti-goog .ti-controls {
    display: none !important;
}
.pricing-small {
    font-size: 17px;
    color: #249dd9;
    font-weight: 300 !important;
}
@media (max-width:767px){
	div#custom-faq img {
    width: 50%;
    padding: 10px;
}
}


/* WPForms Submit Button Styling */
#wpforms-submit-71888, #wpforms-submit-71223{
  background-color: #249DD9;   /* normal background */
  color: #ffffff;              /* text colour */
  border: none;                /* remove border */
  border-radius: 30px;         /* rounded corners */
  padding: 20px 35px;          /* top, right, bottom, left */
	transition: background-color 0.3s ease 0.3s;
}

/* On Hover */
#wpforms-submit-71888:hover, #wpforms-submit-71223:hover{
 background-color: #ADC435;   /* hover background */
  color: #ffffff;              /* hover text colour */
}


body.page-id-71893 .ast-builder-social-element .social-item-label
{
	color: #fff !important;
}

body.page-id-71893 .ast-header-social-1-wrap .ast-social-color-type-custom svg{
	fill: #fff !important;
}

body.page-id-71893 .ast-header-social-2-wrap .ast-social-color-type-custom svg{
	fill: #fff !important;
}<!-- This website is optimized by Airlift. Learn more: https://airlift.net. Template:. Learn more: https://airlift.net. Template: 694576575612b7a79a731704. Config Timestamp: 2025-12-19 15:59:18 UTC, Cached Timestamp: 2025-12-20 22:50:02 UTC -->