/**
Theme Name: Astra Child
Author: Salman Shoukat
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: 4.6.14
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
*/


.ast-primary-header-bar {
	background: #113072 !important;
}

.single #primary {
	margin-top: 150px;
}
.single .entry-meta,
.single .entry-meta span,
.single .entry-meta span a{
	color: #1E293B !important;
}
.home-hero{
	background:linear-gradient(90deg, rgba(21,9,94,1) 17%, rgba(18,44,167,1) 100%);
}
.hero-bottom-section .elementor-image-box-wrapper {
	padding: 30px;
}
.blue-color{
	color: #2E66EF
}
.hero-bottom-section  .elementor-inner-section {
	box-shadow: 0px 20px 50px -20px #8d8d8d;
	border-radius:15px;
}
.hero-bottom-section .elementor-image-box-img img {
	width: 150px;
	margin: auto !important;
}
.hero-bottom-section .elementor-image-box-img {
	margin-bottom: 0 !important;
}
.hero-bottom-section .elementor-image-box-title {
	font-size: 20px;
}



.custom-btn-2.hero-btn a {
	background: #fff !important;
	color: #000 !important;
	margin-top: 10px;
}
.custom-btn-2.hero-btn a:hover::after,
.custom-btn-2.hero-btn a:hover::before {
	width: calc(100% + 15px);
	height: calc(100% + 15px);
	border-color: #fff;
}
.custom-btn-2 a {
	position: relative;
	background: #100746 !important;
	padding: 10px 27px !important;
	letter-spacing: 1px;
	-moz-transition: ease-out 0.5s;
}
.custom-btn-2 a::after,
.custom-btn-2 a::before {
	position: absolute;
	content: "";
	width: 0;
	height: 0;
	transition: .5s;
}
.custom-btn-2 a::after {
	top: -8px;
	left: -8px;
	border-top: 3px solid transparent;
	border-left: 3px solid transparent;
}
.custom-btn-2 a::before {
	bottom: -7px;
	right: -7px;
	border-bottom: 3px solid transparent;
	border-right: 3px solid transparent;
}
.custom-btn-2 a:hover {
	color: #222222;
}
.custom-btn-2 a:hover::after,
.custom-btn-2 a:hover::before {
	width: calc(100% + 15px);
	height: calc(100% + 15px);
	border-color: #122CA7;
}
.custom-counter .elementor-counter {
	padding: 25px;
	background: #F6F6F6;
	border-radius: 20px;
	transition-duration: 0.5s;
	cursor:default-button;
}
.custom-counter .elementor-counter:hover{
	background:#fff;
	box-shadow:0px 20px 50px -20px #8d8d8d;
	transform: translate(0, -10px);
}
.counyer-section {
	background: linear-gradient(90deg, rgba(18,44,167,1) 17%, rgba(21,9,94,1) 100%);
}
.icon-box .elementor-icon-box-title {
	font-size: 23px;
	line-height: 24px;
	margin-bottom: 8px;
}
.icon-box .elementor-icon-box-description {
	line-height: 26px;
	height: 52px;
}
.icon-box .elementor-icon-box-wrapper {
	padding: 27px 35px 35px;
	transition-duration:0.5s;
}
.icon-box:hover .elementor-icon-box-wrapper {
	box-shadow: 0 3px 33.6px 1.4px rgba(0,0,0,.1);
}
.center-icon-box .elementor-icon-box-wrapper {
	padding: 27px 35px 35px;
	box-shadow: 0 3px 33.6px 1.4px rgba(0,0,0,.1);
}
.icon-box .elementor-icon-box-icon svg {
	padding: 15px;
	background: #113072;
	width: 65px;
	height: 65px;
	border-radius: 10px;
}
.icon-box .elementor-icon-box-icon svg {
	padding: 15px;
	fill: #fff;
	background: #113072;
	width: 65px;
	height: 65px;
	border-radius: 10px;
	transform: scaleX(1) scaleY(1) scaleZ(0.1) rotateX(-1deg) rotateY(0deg) rotateZ(0deg) translateX(0px) translateY(0px) translateZ(0px) skewX(0deg) skewY(7deg);
	box-shadow: 0 3px 33.6px 1.4px rgb(56 56 56 / 37%);
}
.custom-contact-form label {
	color: #fff;
	letter-spacing:1px;
}
.custom-contact-form label span{
	padding-left:5px;
	color:red;
}
.custom-contact-form label span {
	padding-left: 5px;
	font-size: 22px;
	color: red;
}
.custom-contact-form ::placeholder{
	color:#1e293b;
}
.custom-contact-form .two-col {
	column-count: 2;
}
.product-row {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	grid-gap: 20px;
}
.custom-contact-form .wpcf7-form-control-wrap .wpcf7-form-control,
.custom-contact-form .wpcf7 input[type=file].wpcf7-form-control{
	background: #ffffff7d;
	color:#fff !important;
}
.custom-contact-form p {
	margin-bottom: 0;
}
.custom-contact-form input {
	margin-bottom: 10px;
}
.custom-contact-form textarea {
	margin-bottom: 5px;
}
.submit-form .wpcf7-submit {
	width: 100%;
	margin: 0;
}
.form-bottom-text p {
	color: #fff;
	font-size: 18px;
	line-height: 24px;
}
.form-bottom-text a {
    color: #c9c9c9;
    font-weight: 700;
    text-decoration: none !important;
}
.product-row .left-col textarea {
	height: 340px;
}
span.wpcf7-not-valid-tip {
	display: inline;
}
.wpcf7-textarea {
	height: 200px;
}
.custom-expertise-box h2 {
	font-size: 16px;
	padding: 10px;
}
.custom-expertise-box .elementor-widget-wrap.elementor-element-populated {
	padding: 20px !important;
	margin: 10px;
	background: #fff;
	border-radius: 10px;
	transition-duration:0.5s;
}
.custom-expertise-box .elementor-widget-wrap.elementor-element-populated:hover{
	box-shadow: 0px 20px 50px -20px #8d8d8d;
}
.flag-inner-section .elementor-widget-wrap.elementor-element-populated {
	padding: 20px 10px !important;
	margin: 5px;
	background:#fff;
	border-radius:15px;
}
.flag-inner-section .elementor-widget-wrap.elementor-element-populated:hover{
	box-shadow:0px 20px 50px -20px #000000;
}
.flag-inner-section .elementor-widget-wrap.elementor-element-populated:hover img{
	transform: scale(1.2);
}
.flag-inner-section img {
	width: 85px;
	transition-duration:0.5s;
}
.flag-inner-section h4 {
	font-size: 14px;
	padding-top:5px;
}
.single-post .ast-post-format-{
	background:#F0F5FA;
}
#moreText {
	height: 0;
	overflow: hidden;
	transition: height 0.5s ease-out;
}
button.read-more-btn {
	padding: 0;
	background: transparent;
	color: #000;
	border-bottom: 2px solid #113072;
	border-radius: 0;
}
button.read-more-btn:hover{
	border-color:transparent;
}

/* Blog page Star */
.blog-post-section > .elementor-widget-container section .wpr-grid-item {
	background: #fff;
	border-radius: 7px !important;
	padding: 11px !important;
	transition: .5s;
}
.blog-post-section > .elementor-widget-container section .wpr-grid-item:hover{
	transform: translate(0px, -8px);
	box-shadow: 0 14px 28px rgba(0,0,0,.25), 0 10px 10px rgba(0,0,0,.22);
}
.blog-post-section .wpr-grid-image-wrap img {
	height: 200px;
	object-fit: cover;
}
.blog-post-section .wpr-grid-item-read-more a {
	position: relative !important;
	background: #100746 !important;
	padding: 10px 27px !important;
	border-radius:7px !important;
	margin-top:10px !important;
	text-decoration: none;
	letter-spacing: 1px;
	-moz-transition: ease-out 0.5s;
}

.blog-post-section ul.wpr-grid-filters {
	text-align: left !important;
}
.blog-post-section 
.wpr-grid-item-title {
	margin-bottom: 10px;
}
.blog-post-section 
.wpr-grid-item-title a {
	text-decoration: none;
}
.blog-post-section  p {
	margin-top: 10px;
	overflow: hidden;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}

/* Blog page End */
h4.heading-4 {
    color: #fff;
    margin-bottom: 10px;
    margin-top: 15px;
	font-size: 22px;
}

@media screen and (max-width: 425px){
	.expertise-main-row .custom-expertise-box .elementor-widget-wrap.elementor-element-populated{
		margin: 5px;
	}
	.custom-expertise-box h2 {
		font-size: 14px;
		padding: 5px;
	}
}


@media screen and (max-width: 767px){
	.custom-contact-form .two-col {
		column-count: 1;
	}
	.product-row {
		grid-template-columns: repeat(1, 1fr);
		grid-gap: 0;
	}
	.product-row .left-col textarea {
		height: 150px;
	}
	.submit-form .wpcf7-submit {
		width: 50%;
	}
	.single #primary {
		margin-top: 120px;
	}
}




.ast-above-header-bar {
	background: #100746 !important;
}
.header-top-right ul {
	display: inline-flex;
	margin: 0;
	list-style: none;
}
.header-top-right li{
	color:#fff;
}
.header-top-right li:first-child{
	padding-right:20px;
}
.header-top-right i{
	padding-right:5px;
	color:#fff;
}
.header-top-right li:hover{
	color:#d0d0d0;
}
#colophon .site-primary-footer-wrap {
	background-image: url(https://wordpress-821607-4530400.cloudwaysapps.com/wp-content/uploads/2024/05/footer-bg.png);
	background-color: #113072;
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center center;
}
#colophon .widget-title {
	margin-bottom: 50px;
	color:#fff;
	font-size:20px !important;
	position:relative;
}
#colophon .widget-title::before {
	content: '';
	position: absolute;
	bottom: -20px;
	left: 0;
	height: 3px;
	width: 41px;
	background-color: #1868DD;
}
#colophon .footer-contact i {
	padding-right: 5px;
	color:#D7D7D7;
}
#colophon .footer-contact li,
.site-footer-section-2 li,
.site-footer-section-3 p{
	color:#D7D7D7;
	margin-bottom: 15px !important;
}
.site-footer-section-1 p{
	color:#D7D7D7;
}
#colophon .footer-social ul {
	display: flex;
}
#colophon .footer-social li {
	width: 30px;
	height: 30px;
	background: #fff;
	text-align: center;
	align-items: center;
	display: flex;
	justify-content: center;
	margin: 10px 5px 0 5px;
}
#colophon .footer-social li:hover {
	background: #000;
}
#colophon .footer-social li:hover i{
	color:#fff
}
/*Header Menu CSS */

.ast-theme-transparent-header .ast-builder-html-element span {
	color: #fff !important;
}
.ast-theme-transparent-header .main-header-menu > .menu-item > .menu-link {
	color: #fff;
}
.main-header-menu > .menu-item:hover > .menu-link:after, .main-header-menu > .current-menu-item > .menu-link:after {
	width: 100%;
}
.main-header-menu > .menu-item > .menu-link:after {
	content: '';
	position: absolute;
	left: 0;
	bottom: 25px;
	width: 0px;
	height: 3px;
	transition: width 1s ease-in;
	background: #fff;
}
.main-header-menu > .menu-item > .menu-link {
	padding: 0px;
	position:relative
}
.main-header-menu > .menu-item {
	padding: 0px 16px;
}
.ast-theme-transparent-header .fixed-header .ast-builder-html-element span {
	color: #c748f3 !important;
}
.ast-theme-transparent-header .fixed-header .main-header-menu > .menu-item > .menu-link {
	color: #fff;
}

.custom-contact-form + .wpcf7-response-output, .custom-contact-form .wpcf7-not-valid-tip {
	color: #fff;
}
@media only screen and (max-width: 922px){
	.main-header-menu > .menu-item > .menu-link:after{
		display:none !important;
	}
}
/*Menu CSS End */
.ast-primary-header-bar {
	border-bottom: 1px solid #ffffff33 !important;
}
/* Akram css start */
.footer-logo-img {
	width: 180px;
}
.site-footer-section-2 li a {
	color: #D7D7D7;
}
.custom-btn a{
	position:relative;
}
.custom-btn a:before{
	content:'';
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	right:0;
	background-color:#045CB4;
	height:100%;
	width:100%;
	transition: all .6s;
}
.custom-btn a:hover:before{
	transform: scale(0, 1);
}
.custom-btn a:hover{
	background:transparent !important;
}
.custom-btn a span{
	position:relative;
	z-index:1;
}
.custom-fqs .elementor-toggle-title {
	text-decoration: none !important;
}
.custom-fqs .elementor-tab-title {
	background: #113072;
	border-radius: 17px 0 !important;
	position: relative;
	z-index: 1;
}
.custom-fqs .elementor-tab-content {
	margin-top: -15px;
	border-radius: 17px 0 !important;
	border: 1px solid #113072 !important;
}
@media only screen and (min-width: 922px){
	.fixed-header {
		position: fixed;
		width: 100%;
		top: 0;
		-webkit-transition: all .4s ease;
		transition: all .4s ease;
		box-shadow: 0px 1px 10px rgb(0 0 0 / 30%);
		border-bottom: 1px solid #ffffff33 !important;
		background:#113072e3 !important;
	}
}
@media only screen and (max-width: 768px) and (min-width: 479px){
	footer .site-primary-footer-wrap .ast-builder-footer-grid-columns.site-primary-footer-inner-wrap.ast-builder-grid-row {
		grid-template-columns: repeat(2, 1fr);
		padding: 0 20px;
	}
	.site-below-footer-wrap .ast-builder-footer-grid-columns.site-below-footer-inner-wrap.ast-builder-grid-row {
		grid-template-columns: repeat(1, 1fr);
	}
	.site-below-footer-wrap .ast-footer-copyright p {
		text-align: center !important;
	}
	.contect-pageform-outer textarea {
		height: 296px;
	}
	.single #primary {
		margin-top: 120px;
	}
}
@media screen and (max-width: 480px){
	footer .site-primary-footer-wrap .ast-builder-footer-grid-columns.site-primary-footer-inner-wrap.ast-builder-grid-row {
		grid-template-columns: repeat(1, 1fr);
	}
	.single #primary {
		margin-top: 100px;
	}
}
/* Akram css end */