/**
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
*/
:root {
	--primaryColor: #465B7C;
	--secondaryColor:#C8A483;
}
/* home */
.banner-slide {position: relative;z-index: 0;background-size: cover;background-position: center;}
.banner-slide:before {content: '';background: rgb(0 0 0 / 55%);position: absolute;width: 100%;height: 100%;z-index: 1;top: 0;}
.video-wrapper iframe {position: absolute;top: 50%;left: 50%;min-width: 100%;min-height: 100%;width: auto;height: auto;transform: translate(-50%, -50%);z-index: 0;object-fit: cover;}
.bcontent-inner {max-width:1060px;color: #fff;padding-left: 16%;}
.banner-content h1 {font-size: 54px;line-height: 64px;color: #fff;margin-bottom: 20px;}
.banner-content {padding: 134px 0 0;height: 726px;display: flex;flex-direction: column;justify-content: space-between;position: relative;z-index: 1;}
.banner-buttons {display: flex;gap: 20px;}
.banner-buttons a.btn {font-weight: bold;padding: 16px 42px;display: inline-block;color: #fff;}
.banner-buttons a.btn:first-child {background: var(--primaryColor);}
.banner-buttons a.btn:last-child {background: var(--secondaryColor);}
.banner-bottom-info {position: relative;z-index: 0;border-top: 1px solid rgb(255 255 255 / 30%);}
.banner-bottom-info:before {content: '';background: rgb(0 0 0 / 80%);background: linear-gradient(0deg, #000000 0%, rgb(0 0 0 / 80%) 50%, rgb(0 0 0 / 20%) 100%);position: absolute;width: 100%;height: 100%;z-index: -1;opacity: 0.73;}
.bbottom-inner {display: flex;justify-content: flex-end;color: #ccc;}
.cdet {border-left: 1px solid rgb(255 255 255 / 30%);padding: 30px 36px;display: flex;align-items: center;gap: 16px;}
.cdet-content a {color: #ccc;text-decoration: underline;}
.cdet .cdet-content {font-family: 'Inter';}
.banner-nav {position: absolute;bottom: 30px;z-index: 9;left: 16%;display: flex;align-items: center;gap: 13px;}
.banner-nav .swiper-btn {position: static;width: 64px;height: 64px;background: rgb(232 211 191 / 45%);}
.banner-nav .swiper-btn:after {color: #f2f2f2;font-size: 18px;}
.serv-tab .e-n-tabs-heading {border-bottom: 3px solid #C8A483;}
/* .cert .qodef-e.qodef-image-wrapper {background: #fff;border: 1px solid rgb(211 211 211 / 50%);padding: 25px;} */
.cert .qodef-e.qodef-image-wrapper .qodef-e-inner {overflow: visible;}
.cert .qodef-e.qodef-image-wrapper img {box-shadow: 0px 4px 10px 0px #d7d7d740;}
.cert .qodef-grid-inner {gap: 29px 48px !important;}
.exp-slide {background: #F5F5F5;padding: 48px 24px;transition: 0.3s ease-out background;height: auto !important;}
.exp-slide:hover {background: var(--primaryColor);transition: 0.3s ease-out background;}
.exp-slide:hover .service-box img {filter: invert(1) brightness(1.5);}
.service-box h3 {font-size: 24px;font-weight: bold;letter-spacing: -0.32px;margin: 16px 0;}
.service-box p {margin-bottom: 0;color: #4B4B4B;letter-spacing: -0.32px;/**max-width: 235px;**/}
.exp-slide:hover .service-box h3, .exp-slide:hover .service-box p {color: #fff;}
.expertise  .banner-nav {bottom: 0;left: calc(50% - 70px);right: 0;}
.expertise .banner-nav .swiper-btn {background: var(--primaryColor);}
.expertise {padding-bottom: 120px !important;}
.overlay-content {position: absolute;background: #465B7CCC;width: 100%;height: 100%;display: flex;flex-direction: column;justify-content: center;align-items: center;top: 0;gap: 25px;opacity: 0;visibility: hidden;transition: 0.3s ease-out opacity;}
.project-block {position: relative;}
.project-details {margin-bottom: 10px;color: #fff;font-size: 32px;line-height: 42px;}
span.project-cat {font-size: 20px;color: #fff;text-transform: uppercase;}
.project-block:hover .overlay-content {opacity: 1;visibility: visible;transition: 0.3s ease-out opacity;}
.row.projects-inner {display: grid;grid-template-columns: repeat(3, 1fr);gap: 20px;margin: 0}
.projects-inner .project-block:first-child {grid-column: 1;grid-row: span 2;}
.project-block img.img-fluid {height: 100%;object-fit: cover;}
/* footer */
footer a.wp-block-social-link-anchor {width: 40px;height: 40px;display: flex;background: var(--primaryColor);align-items: center;justify-content: center;border-radius: 100%;}
footer a.wp-block-social-link-anchor svg {fill: #fff;}
footer ul.wp-block-social-links {gap: 20px;}
footer h2.widget-title, .ast-builder-grid-row-4-lheavy .wp-block-heading {line-height: 28px !important;margin-bottom: 35px;color: #464646;font-size: 28px !important;}
#block-2 .wp-block-heading {line-height: normal !important;margin-bottom: 35px;}
footer .menu li a, .footer-nav-wrap li a {padding-bottom: 15px;display: inline-block;text-decoration: underline;text-underline-offset: 4px;color: #6d6d6d;}
.cbox {display: flex;flex-wrap: wrap;gap: 16px;color: #6D6D6D;}
.cbox p {margin-bottom: 0;}
.cdetail .cbox:not(:last-child) {margin-bottom: 20px;}
.cbox a {color: #6D6D6D;}
.cbox-txt {width: calc(100% - 64px);}
.site-primary-footer-inner-wrap {grid-column-gap: 10px;}
.footer-contact .wp-block-column {width: 50%;}
.footer-contact .wp-block-column:first-child {background: #F5F5F5;padding: 68px 58px;}
.footer-contact .wpcf7 {margin-top: 0;}
.footer-contact .wpcf7 form>div, .footer-contact .wpcf7 form>p {margin-bottom: 0;}
.row {display: flex;flex-wrap: wrap;margin: 0 -7.5px;}
.col-md-6 {width: 50%;padding: 0 7.5px;}
.form-group {margin-bottom: 30px;}
.cform {margin: 0px !important;}
.cform input[type="text"], .cform input[type="email"], .cform input[type="tel"], .cform textarea {border: 1px solid #C6C6C6;border-radius: 0;min-height: 65px;}
.cform textarea {height: 100px;}
.contact_form .cform textarea {height: 170px;}
.mobile_expertise, #block-8, .page-id-596 .site-above-footer-wrap, .page-id-1262 .site-above-footer-wrap, .page-id-965 .site-above-footer-wrap, .parent-pageid-965 .site-above-footer-wrap {display: none !important;}

/* #res_proj .swiper {padding-bottom: 112px;}
#res_proj .elementor-swiper-button-prev {left: calc(50% - 76px);}
#res_proj .elementor-swiper-button-next {right: calc(50% - 76px);}
#res_proj .elementor-swiper-button-prev, #res_proj .elementor-swiper-button-next {justify-content: center;align-items: center;top: auto;bottom:0;transform: none;background: #465b7c;width: 64px;height: 64px;}
#res_proj .elementor-swiper-button-prev:hover, #res_proj .elementor-swiper-button-next:hover {opacity: .35;}
#res_proj svg {font-size: 20px;} */

#proj_gal .qodef-swiper-together-nav {justify-content: center;}
#proj_gal svg {width: 18px;height: 18px;}

.proj-tab .projects-inner .project-block:first-child {grid-column: auto;grid-row: auto;}
.proj-tab .e-n-tabs-heading {border-bottom: 1px solid #CFCFCF;}
.proj-tab button {font-weight: normal;margin: 0px !important;}
.proj-tab button span {padding: 0 10px 20px;border-bottom: 2px solid #fff;}
.proj-tab button[aria-selected="true"] span {font-weight: bold;border-bottom: 2px solid #000;}
.proj-tab .qodef-image-wrapper .qodef-e-inner, .proj-tab .qodef-image-wrapper .qodef-popup-item img {height: 100%;object-fit: cover;}

.project_tabs {border-bottom: 1px solid #CFCFCF;display: flex;justify-content: space-around;padding: 0 70px}
.project_tabs .tabs {font-weight: normal;font-size: 24px;padding: 0 10px 20px;color: #000;background: transparent;}
.project_tabs .tabs.active {font-weight: bold;border-bottom: 2px solid #000;}
#all_projects {margin-top: 69px;display: grid;grid-template-columns: repeat(3, 1fr);gap: 20px;}
#all_projects .box {height: 480px;}
.project_tabs::-webkit-scrollbar {display: none;}

.project_details {background: #f5f5f5;display: flex;flex-direction: column;}
.project_details .project_img {position: relative;align-self: stretch;}
.project_img .back {position: absolute;top: 53px;left: 53px;}
.project_img .proj_img {width: 100%;height: 100%;object-fit: cover;}
.project_details .project_content {padding: 55px 60px 70px 60px;display: grid;grid-template-columns: 1fr 400px;gap: 20px;line-height: 32px;}
.project_details .project_content .content {max-width: 747px}
.project_content h1 {margin: 25px 0;font-size: 54px;line-height: normal;}
.project_content p {margin: 0px;}
.project_content .desc {display: flex;flex-direction: column;gap: 20px;}
.project_content .desc b {display: block;}
/* .project_content .details {margin-top: 54px;} */
.project_content .details {display: flex;flex-direction: column;gap: 15px;}
.project_gallery {padding: 60px;}
.project_gallery .gallery {display: grid;grid-template-columns: repeat(4, 1fr);gap:26px;margin: 32px 0;}
.gallery img {object-fit: cover;width: 100%;}
.next_prev {display: flex;justify-content: space-between;gap: 25px;}
.next_prev a {text-decoration: none !important;background: #465B7C;color: #fff;padding: 18px 27px;line-height: normal;display: flex;gap: 10px;align-items: center;justify-content: center;width: 200px;}
/* .next_prev a:hover {background: #f8ede2;color: #000;} */
.next_prev a img {height: 16px;}
.values .qodef-qi-info-cards {height: 100%;}

.qualifi .qodef-grid-inner {gap: 25px 48px !important;}
.ast-builder-grid-row-4-lheavy .ast-builder-grid-row {grid-template-columns: 2fr 1fr 1fr 1.3fr;}

@media screen and (max-width: 1024px) {
	.banner-content {height: 600px;}
	.bcontent-inner {padding-left: 3%;}
	.banner-nav {left: 3%;}
	.row.projects-inner {grid-template-columns: repeat(2, 1fr);}
	.footer-contact .wp-block-column:first-child {padding: 50px 30px;margin: 0;}
	footer h2.widget-title, .ast-builder-grid-row-4-lheavy .wp-block-heading {font-size: 24px !important;}
	.banner-content h1, .project_content h1 {font-size: 44px;line-height: 54px;}
	.cform input[type="text"], .cform input[type="email"], .cform input[type="tel"], .cform textarea {min-height: 55px;}
	#block-8 img {width: 280px !important;}
	.ast-builder-grid-row-4-lheavy .ast-builder-grid-row {grid-template-columns: 1fr 1fr;gap: 20px;}
	.cdet {padding: 20px;gap: 10px;}
	.cdet .cdet-icon img {width: 50px;}
	.cdet .cdet-content {font-size: 16px;}
	#all_projects {margin-top: 40px;}
	.project_tabs {padding: 0 40px}
	.project_tabs .tabs {font-size: 20px;}
	#all_projects {grid-template-columns: repeat(2, 1fr);}
	.project-details {font-size: 28px;line-height: 35px;}
	span.project-cat {font-size: 18px;}
	.project-block .overlay-content img {width: 60px;}
	.overlay-content {gap: 15px;}
	.project_content h1 {margin: 15px 0;}
	.project_content .details {margin-top: 30px;gap: 10px;}
	.project_gallery {padding: 40px;}
	.project_gallery .gallery {gap: 20px;margin: 30px 0 65px;}
	.next_prev a {padding: 15px 24px;}
	.project_details .project_content {padding: 40px;grid-template-columns: 1fr;gap: 0;}
	.project_img .back {width: 48px;}
	.project_details .project_content .content {max-width: 100%;}
}
@media screen and (max-width: 921px) {
	.ast-button-wrap .menu-toggle.main-header-menu-toggle {padding: 0px;}
	.ast-button-wrap .menu-toggle.main-header-menu-toggle:focus {outline: 0;border: 0;}
	footer h2.widget-title, .ast-builder-grid-row-4-lheavy .wp-block-heading {line-height: normal !important;text-align: left;}
	.cform .form-submit {text-align: left;}
	.ast-builder-grid-row-container.ast-builder-grid-row-tablet-4-equal .ast-builder-grid-row {grid-template-columns: repeat(2, 1fr);}
	#block-8 .wp-block-image {margin: 0px !important;text-align: left;}
	.widget_nav_menu li, .cbox p {text-align: left;}
}
@media screen and (max-width: 767px) {
	.banner-content {height: auto;padding: 120px 20px;justify-content: center;}
	.banner-bottom-info {display: none;}
	.bcontent-inner {padding-left: 0;}
	.banner-nav {left: 20px;bottom: 50px;}
	.banner-content h1, .project_content h1 {font-size: 32px;line-height: 42px;margin: 0px;}
	.banner-content p {margin: 28px 0;}
	.banner-buttons a.btn {padding: 12px 30px;font-weight: 400;}
	.banner-nav .swiper-btn {width: 48px;height: 48px;}
	.row.projects-inner {grid-template-columns: repeat(1, 1fr);gap: 16px;}
	.desktop_expertise, .footer-contact .wp-block-column:last-child {display: none !important;}
	.mobile_expertise {display: flex !important;flex-direction: column;gap: 20px;padding: 0px !important;}
	.exp-slide {padding: 20px 20px 28px;}
	.exp-slide .service-box img {width: 45px;}
	.service-box h3 {font-size: 20px;margin: 11px 0;}
	.service-box p {max-width: 100%;}
	.project-block img.img-fluid {width: 100%;height: 282px;object-fit: cover;}
	span.project-cat {font-size: 16px;}
	.project-details {font-size: 20px;line-height: normal;margin: 18px 0 28px;}
	.overlay-content {gap: 0px;}
	.project-block .overlay-content img {width: 48px;}
	#client_say .qodef-e-content .qodef-e-text, #client_say .qodef-e-content .qodef-e-bottom-info, #client_say .swiper-pagination {text-align: center;justify-content: center;}
	.cert .qodef-grid-inner, .qualifi .qodef-grid-inner {gap: 15px !important;grid-template-columns: 1fr 1fr !important;}
/* 	.cert .qodef-e.qodef-image-wrapper {padding: 23px;} */
	.footer-contact.wp-block-columns {flex-direction: column;}
	.footer-contact .wp-block-column {width: 100%;}
	.footer-contact .wp-block-column:first-child {padding: 32px 20px 40px;}
	.footer-contact .form-group {margin-bottom: 25px;}
	.col-md-6 {width: 100%;}
	.cform input[type="text"], .cform input[type="email"], .cform input[type="tel"], .cform textarea {min-height: 48px;}
	.serv-tab .e-n-tabs-heading {display: flex !important;flex-wrap: nowrap !important;overflow: auto;margin-bottom: 30px;border: 0px;gap: 20px !important;}
	.serv-tab .e-n-tabs-heading button {margin: 0 !important;flex: 1 0 100%;}
	.serv-tab .e-n-tabs-heading button span {font-size: 16px;}
	#block-4 img {width: 220px !important;}
	.ast-builder-grid-row-container.ast-builder-grid-row-tablet-4-equal .ast-builder-grid-row {grid-template-columns: repeat(1, 1fr);}
	footer h2.widget-title, .ast-builder-grid-row-4-lheavy .wp-block-heading {margin-bottom: 20px;font-size: 20px !important;}
	#block-2 .wp-block-heading {margin-bottom: 20px;}
	.site-primary-footer-wrap .site-footer-section-1 {margin-bottom: 34px !important;}
	.site-primary-footer-wrap .site-footer-section-2, .site-primary-footer-wrap .site-footer-section-3 {margin-bottom: 50px !important;}
	#block-7 {margin-bottom: 78px !important;}
	.site-below-footer-wrap .site-footer-section-1, .site-primary-footer-wrap .site-footer-section-4 {margin: 0 !important;}
	#block-8 {display: block !important;}
	#block-5 {display: none;}
	#block-4 {margin-bottom: 0;}
	.ast-builder-grid-row-4-lheavy .ast-builder-grid-row {gap: 0px;}
	#team_slider .qodef-swiper-together-nav {display: block;}
	.project_tabs .tabs {font-size: 16px;}
	.project_tabs {overflow: auto;padding: 0;gap: 16px;}
	#all_projects {margin-top: 20px;}
	#all_projects {grid-template-columns: repeat(1, 1fr);gap: 16px;}
	#all_projects .box {height: 282px;}
	.project_details {flex-direction: column;}
	.project_details .project_img, .project_details .project_content {width: 100%;}
	.project_img .proj_img {height: 240px;}
	.project_img .back {top: 24px;left: 24px;}
	.project_details .project_content {padding: 45px 20px;line-height: 26px;}
	.project_details .project_content h1 {margin: 32px 0 15px;}
	.project_content .details {margin-top: 28px;}
	.project_gallery {padding: 45px 20px;}
	.project_gallery .gallery {grid-template-columns: repeat(2, 1fr);gap: 15px;margin: 25px 0 60px;}
	.gallery img {width: 100%;}
	.next_prev a {width: 150px;}
	.proj-tab .e-n-tabs-heading {display: flex !important;flex-wrap: nowrap !important;overflow: auto;margin-bottom: 20px;}
}
@media screen and (max-width: 575px) {
/* 	.banner-content h1, .banner-content p {max-width: 245px;} */
	.project_gallery .gallery {grid-template-columns: repeat(1, 1fr);}
}