/**
Theme Name: Astra Child
Author: Brainstorm Force
Author URI: http://wpastra.com/about/
Description: Astra is the fastest, fully customizable & beautiful theme suitable for blogs, personal portfolios and business websites. It is very lightweight (less than 50KB on frontend) and offers unparalleled speed. Built with SEO in mind, Astra comes with schema.org code integrated so search engines will love your site. Astra offers plenty of sidebar options and widget areas giving you a full control for customizations. Furthermore, we have included special features and templates so feel free to choose any of your favorite page builder plugin to create pages flexibly. Some of the other features: # WooCommerce Ready # Responsive # Compatible with major plugins # Translation Ready # Extendible with premium addons # Regularly updated # Designed, Developed, Maintained & Supported by Brainstorm Force. Looking for a perfect base theme? Look no further. Astra is fast, fully customizable and beautiful theme!
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: astra-child
Template: astra
*/
body{
	background-color: transparent !important;
}
.grecaptcha-badge { 
    z-index: 9999 !important;
}
.wpcom-coming-soon-body {
	background-color: var(--e-global-color-text);
}
.home-bnr{
	position: relative;
}
.home-bnr::after{
	content: '';
	position: absolute;
	width: 100%;
	height: 100%;
	background: linear-gradient(270deg, rgba(1, 60, 96, 0) 6.67%, #000305 100%);
	top: 0;
	left: 0;
	z-index: 0;
}
.hdr-btn .elementor-button-content-wrapper{
	align-items: center;
}
.hdr-btn .elementor-button-icon{
	display: flex;
	font-size: 46px;
}
.hdr-mnu .elementor-widget-container nav ul li a::after{
	background-color: #fff;
}

.bnr-divider .elementor-divider-separator::after{
	border: none;
	height: 1px;
	background: linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%);
}
.bnr-duo-hd h1 span{
	color: var(--e-global-color-primary);
	font-family: var(--e-global-typography-fb40dc1-font-family), Sans-serif;
	font-size: var(--e-global-typography-fb40dc1-font-size);
	font-weight: var(--e-global-typography-fb40dc1-font-weight);
	text-transform: var(--e-global-typography-fb40dc1-text-transform);
	font-style: var(--e-global-typography-fb40dc1-font-style);
	text-decoration: var(--e-global-typography-fb40dc1-text-decoration);
	line-height: var(--e-global-typography-fb40dc1-line-height);
	letter-spacing: var(--e-global-typography-fb40dc1-letter-spacing);
	word-spacing: var(--e-global-typography-fb40dc1-word-spacing);
	background: linear-gradient(91.76deg, #55BBF9 55.69%, #1F8CCF 107.62%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	background-clip: text;
	text-fill-color: transparent;
}
.quote-btn .elementor-button-text{
	display: flex;
	align-items: center;
}
.quote-btn .elementor-button-icon{
	font-size: 46px;
	transition: all 0.3s;
}
.quote-btn:hover .elementor-button-icon{
	transform: rotate(30deg);
}
.bnr-social .elementor-widget-container{
	position: relative;
}
.duo-hd h2 span{
	background: linear-gradient(137.41deg, #55BBF9 12.39%, #1F8CCF 89.77%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	background-clip: text;
	text-fill-color: transparent;
}
.manage-ic-bx .elementor-icon-list-icon{
	background: linear-gradient(137.41deg, #55BBF9 12.39%, #1F8CCF 89.77%);
	border-radius: 8.81633px;
	width: 72px;
	height: 72px;
	display: flex;
	align-items: center;
	justify-content: center;
}
.manage-ic-bx .elementor-widget-container ul li .elementor-icon-list-icon svg{
	margin: 0;
}
.manage-ic-bx .elementor-widget-container ul li .elementor-icon-list-text{
	padding-left: 12px;
}
.section-small-hd .elementor-divider-separator::after,
.section-small-hd .elementor-divider-separator::before{
	border: none !important;
	height: 1px;
    background: linear-gradient(90deg, rgba(0,120,174,1) 0%, rgba(255,255,255,0) 100%);
}
.section-small-hd .elementor-divider-separator::before{
	transform: rotate(180deg);
}
.srv-loop-bx:hover .post-exrpt{
	visibility: visible;
	margin-bottom: 0 !important;
	position: relative;
}
.serv-cont{
    position: relative;
}
.serv-cont .post-exrpt{
	position: absolute;
    visibility: hidden;
    margin-bottom: -88px !important;
    transition: all 0.3s;
}
.srv-loop .swiper-pagination-bullet{
 opacity: 1;   
}

.srv-loop .swiper-pagination-bullet.swiper-pagination-bullet-active{
	width: 75px;
	height: 7.5px;
	background: linear-gradient(137.41deg, #55BBF9 12.39%, #1F8CCF 89.77%);
	border-radius: 4.5px;
}

.srv-loop .swiper-pagination {
	display: flex;
	align-items: center;
}
.srv-loop .swiper-pagination-bullet{
	transition: all 0.3s; 	
}
.srv-loop .swiper-pagination-bullet:hover{
	background: linear-gradient(137.41deg, #55BBF9 12.39%, #1F8CCF 89.77%);
}
.step-color p{
	background: linear-gradient(0.09deg, rgba(31, 140, 207, 0) -37.28%, rgba(85, 187, 249, 0.12) 146%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	background-clip: text;
	text-fill-color: transparent;
}

/* Request A Quote */
.quote-frm .elementor-widget-container .gform_wrapper form .gform_fields {
	grid-column-gap: 30px;
	grid-row-gap: 30px;
}
.quote-frm .elementor-widget-container .gform_wrapper form input:not([type='checkbox']),
.quote-frm .elementor-widget-container .gform_wrapper form textarea{
font-family: var(--e-global-typography-1105cc2-font-family), Sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 1em;
    color: #4C7F9E;
    padding: 18px 20px;
    border-color: #DFDFDF;
    background-color: #fff;
    border-radius: 10px;
}
.quote-frm .elementor-widget-container .gform_wrapper form textarea{
	height: 230px !important;	
	resize: none;
}
.quote-frm .elementor-widget-container .gform_wrapper form input::placeholder,
.quote-frm .elementor-widget-container .gform_wrapper form textarea::placeholder{
	color: #4C7F9E;
}
.quote-frm .elementor-widget-container .gform_wrapper form #field_1_8 .gfield_label{
	font-family: var(--e-global-typography-1105cc2-font-family), Sans-serif;
	font-style: normal;
	font-weight: 700;
	font-size: 16px;
	line-height: 1em;
	color: #013C60;
	text-transform: none;
	width: 100%;
}
.quote-frm .elementor-widget-container .gform_wrapper form #field_1_8 .gfield_description {
	top: -12px;
}
.quote-frm .elementor-widget-container .gform_wrapper form #field_1_8{
	margin-top: 10px;
}
.quote-frm .elementor-widget-container .gform_wrapper form #field_1_8 .ginput_container_checkbox .gfield_checkbox{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin-top: 21px;
}
.quote-frm .elementor-widget-container .gform_wrapper form #field_1_8 .ginput_container_checkbox .gfield_checkbox .gchoice{
	width: 48.9%;
	position: relative;
	padding: 18px 15px 17px 20px;
	border: 1px solid #DFDFDF;
	border-radius: 10px;
	margin-bottom: 30px;
}
.quote-frm .elementor-widget-container .gform_wrapper form #field_1_8 .ginput_container_checkbox .gfield_checkbox .gchoice:last-child{
    width: 100%;
	margin-bottom: 0;
}

/* // check box // */
.quote-frm .ginput_container_checkbox  label{
	padding-right: 34px;
	position: relative;
	cursor: pointer;
	z-index: 3;
	width: 100%;
	max-width: 100% !important;
	font-family: var(--e-global-typography-1105cc2-font-family), Sans-serif;
	font-style: normal;
	font-weight: 400;
	font-size: 16px !important;
	line-height: 1em;
	color: #4C7F9E;
}
.quote-frm .ginput_container_checkbox label::after{
    content: "";
    position: absolute;
    height: 19.4px;
    width: 19px;
    border: 1px solid #DEDEDE;
	border-radius: 2.38px;
    top: 50%;
    transform: translateY(-50%);
    right: 0px;
}
.quote-frm .ginput_container_checkbox label::before{
	content: "";
	position: absolute;
	width: 19.4px;
	height: 19px;
	background:  url('data:image/svg+xml,<svg width="9" height="9" viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1.73944 4.06755C1.58759 4.06797 1.43896 4.11138 1.31076 4.19275C1.18255 4.27412 1.08 4.39013 1.01497 4.52735C0.949944 4.66457 0.925096 4.81739 0.943301 4.96815C0.961507 5.1189 1.02202 5.26142 1.11785 5.37921L3.16059 7.88158C3.23343 7.97201 3.32679 8.04377 3.43292 8.09088C3.53906 8.13799 3.6549 8.1591 3.77083 8.15245C4.01877 8.13913 4.24263 8.0065 4.38535 7.78841L8.62865 0.954576C8.62935 0.953434 8.63008 0.952306 8.63082 0.951192C8.67063 0.89006 8.65772 0.768913 8.57554 0.692807C8.55297 0.671907 8.52635 0.655851 8.49734 0.645626C8.46832 0.635401 8.43752 0.631224 8.40683 0.633353C8.37614 0.635482 8.34621 0.643871 8.31888 0.658004C8.29155 0.672137 8.26741 0.691714 8.24794 0.715531C8.24641 0.717403 8.24485 0.719247 8.24323 0.721063L3.9638 5.55618C3.94752 5.57458 3.92774 5.58956 3.90562 5.60025C3.8835 5.61094 3.85947 5.61713 3.83494 5.61846C3.8104 5.61979 3.78585 5.61623 3.7627 5.60798C3.73956 5.59974 3.71828 5.58698 3.7001 5.57044L2.27984 4.278C2.13234 4.14278 1.93954 4.0677 1.73944 4.06755Z" fill="%23013C60"/></svg>') no-repeat center;
    background-size: 7.72px;
    top: 50%;
    transform: translateY(-50%);
    right: 0;
    opacity: 0;
}
.quote-frm .ginput_container_checkbox
input[type="checkbox"] {
    position: absolute;
    opacity: 0;
    width: 100%;
    height: 100%;
 }
 .quote-frm .ginput_container_checkbox
input[type="checkbox"]:checked +  label::before{
    opacity: 1;
}
/* // check box // */
.quote-frm .elementor-widget-container .gform_wrapper form .gform_footer {
	justify-content: center;
	padding-bottom: 0;
}
.quote-frm .elementor-widget-container .gform_wrapper form .gform_footer input{
	margin: 0;
}
.quote-frm .elementor-widget-container .gform_wrapper form .gform_footer .gform_button {
	font-family: var(--e-global-typography-1105cc2-font-family), Sans-serif;
	font-style: normal;
	font-weight: 600;
	font-size: 16px;
	line-height: 1em;
	color: #FFFFFF;
	background: linear-gradient(137.41deg, #55BBF9 12.39%, #1F8CCF 89.77%);
	border-radius: 160px;
	padding: 22px 41px;
	border: none;
}
.quote-frm .elementor-widget-container .gform_wrapper form .gform_footer .gform_button:hover{
	background: linear-gradient(137.41deg, #1F8CCF 12.39%, #55BBF9 89.77%);
}
.quote-frm  .iti__selected-flag{
	border-radius: 10px 0 0 10px;
}
.quote-frm  .gform_confirmation_message{
	text-align: center;
}
#input_1_1_3_container{
	margin: 0;
}

.quote-frm .gfield_required_text{
	display: none !important;
}




.quote-frm .gfield {
    position: relative;
}
.quote-frm .validation_message {
/*     / / display: none; / / */
    position: absolute;
    top: 50%;
    right: 10px;
    transform: translateY(-50%);
    z-index: 1;
    width: 30px !important;
    min-height: 25px !important;
    border-radius: 50px;
    padding: 5px 35px 5px 10px !important;
    overflow: hidden;
    font-size: 0 !important;
    background-color: #fff !important;
    line-height: 1.2 !important;
    cursor: help;
    background: url(https://ioniatrade.com/wp-content/uploads/2025/03/form-alert-ic.png) right center no-repeat #fff !important;
    background-size: 25px !important;
    margin: 0 !important;
    border: 1px solid transparent !important;
}

.quote-frm .validation_message:hover {
    font-size: 10px !important;
    max-width: calc(100% - 20px) !important;
    width: auto !important;
    border: 1px solid #c02b0a !important;
    transition: all 0.3s ease-in-out;
}

.quote-frm .gform_validation_errors{
    border-radius: 30px !important;
    margin-bottom: 30px !important;
}
.quote-frm #input_1_1_3_container{
	padding-right: 0;
}
/* Request A Quote */

/* Blog Page Category Filter */
.blog-filter-bar ul {
    display: flex;
    margin: 0 !important;
/*     justify-content: space-between; */
}
.blog-filter-bar .sf-field-category{
    padding: 0;
}

.blog-filter-bar ul li ul li {
    position: relative;
    padding: 17px 26px;
    border: 1px solid #DFDFDF;
    border-radius: 160px;
    cursor: pointer;
}

.blog-filter-bar ul li input {
    width: 100%;
    height: 100%;
    opacity: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    cursor: pointer;
}

.blog-filter-bar ul li label {
    font-family: var(--e-global-typography-accent-font-family), Sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 1em;
    color: #013C60;
    padding: 0 !important;
}

.blog-filter-bar ul li ul li:not(:first-child) {
    margin-left: 16px;
}

.blog-filter-bar ul li ul li.sf-option-active {
    background: linear-gradient(137.41deg, #55BBF9 12.39%, #1F8CCF 89.77%);
    border-radius: 160px;
    border-color: transparent;
}

.blog-filter-bar ul li ul li.sf-option-active label {
    color: #fff;
}

.blog-filter-bar ul li ul li:hover {
    background: linear-gradient(137.41deg, #1F8CCF 12.39%, #55BBF9 89.77%);
}

.blog-filter-bar ul li ul li:hover label {
    color: #fff;
}

/* Blog Page category Filter */


.login-pg-outer{
    text-align:center;
    width:100%;
    padding:50px 0 100px;
}

.login-pg-inr {
    max-width: 550px;
    margin: 0 auto;
    box-shadow: 0px 4px 37px 16px #F7F7F7;
    background: #fff;
    padding:40px;
}
.login-pg-inr h1{
	font-size:40px;
	font-weight:600;
	color:#003d5f;
	line-height:1;
}

.login-pg-inr input[type="text"],.login-pg-inr input[type="password"]{
	font-weight: 400;
    font-size: 16px;
    line-height: 1em;
    color: #4C7F9E;
    padding: 18px 20px;
    border-color: #DFDFDF;
    background-color: #fff;
    border-radius: 10px;
    height:60px;
    width:100%;
}
.login-pg-inr button{
	padding: 18px 40px;
    min-width: 200px;
}




/* Responsive */
@media only screen and (min-width: 1201px) and (max-width: 1599px) {
  html {
    zoom: 0.85;
    zoom: 85%;
	}
}
@media (min-width: 1025px) and (max-width: 1366px){
	.bnr-social{
		left: -30px !important;
	}
}

@media(min-width: 1025px){
	.serv-section{
		padding-left: calc((100% - 1620px)/2);
	}
}
@media(max-width: 1600px){
	.serv-section {
/* 		padding-left: 20px; */
	}
	.quote-btn .elementor-button-icon {
		font-size: 40px;
	}
	.manage-ic-bx .elementor-icon-list-icon {
		width: 60px;
		height: 60px;
		padding: 10px !important;
	}
	.hdr-btn .elementor-button-icon {
		font-size: 40px;
	}
}
@media(max-width: 1366px){
	.blog-filter-bar ul li ul li{
		    padding: 17px 15px;
	}
}
@media(max-width:1024px){
		.serv-section{
		padding-left: 20px;
	}
	.blog-filter-bar ul{
		flex-wrap: wrap;
		gap: 15px;
	}
	.blog-filter-bar ul li ul li {
		width: 48%;
		margin: 0 !important;
		text-align: center;
	}
}
@media(max-width:767px){
	.hdr-btn .elementor-button-icon{
	display: flex;
	font-size: 40px;
}
	.ft-menu ul{
		justify-content:center;
		align-items:center;
	}
		.ft-menu ul{
		display:flex !important;
		flex-direction:column !important;
	}
	    .manage-ic-bx .elementor-icon-list-icon {
        width: 45px;
        height: 45px;
    }
	.quote-frm .elementor-widget-container .gform_wrapper form .gform_fields {
    grid-column-gap: unset;
    grid-row-gap: 15px;
}
	.quote-frm .elementor-widget-container .gform_wrapper form input:not([type='checkbox']), 
	.quote-frm .elementor-widget-container .gform_wrapper form textarea{
		font-size: 14px;
		padding: 10px 15px;
		border-radius: 5px;
	}
	.quote-frm .elementor-widget-container .gform_wrapper form #field_1_8 .ginput_container_checkbox .gfield_checkbox .gchoice{
		width: 100%;
		padding: 10px 15px;
		border-radius: 5px;
	}
	.quote-frm .ginput_container_checkbox label{
		font-size: 14px !important;
		line-height: 1.2em;
	}
	.quote-frm .elementor-widget-container .gform_wrapper form #field_1_8 .ginput_container_checkbox .gfield_checkbox .gchoice{
		margin-bottom: 15px;
	}
	.quote-frm .ginput_container_checkbox label::before,
	.quote-frm .ginput_container_checkbox label::after{
		width: 15.4px;
		height: 15px;
	}
	.quote-frm .elementor-widget-container .gform_wrapper form .gform_footer .gform_button{
		  padding: 8px 20px;
	}
	.quote-frm .iti__selected-flag {
    border-radius: 5px 0 0 5px;
}
		.blog-filter-bar ul li ul li {
		width: 100%;
	}
}

@media(max-width:575px){
	.login-pg-inr button {
    width: 100%;
    min-width:100%;
	}
	.login-pg-inr input[type="text"], .login-pg-inr input[type="password"] {
    height: 50px;
	}
}

@media(max-width:479px){
	.login-pg-inr {
    padding: 15px;
}
}
/* Responsive */