/** 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 */ @import url('https://fonts.googleapis.com/css2?family=Old+Standard+TT:ital,wght@0,400;0,700;1,400&display=swap'); * { margin: 0; padding: 0; outline: none; } a, .ast-single-post .entry-content a, .ast-comment-content a:not(.ast-comment-edit-reply-wrap a) { outline: none !important; text-decoration: none !important; } :root { --primary-color: #000000; --secondary-color: #cba327; --yellow-color: #d98c40; --green-color: #28522e; --white-color: #ffffff; --font-text: "Mulish", Sans-serif; --typo-font: "Fraunces", Sans-serif; --btn-font: "jost", Sans-serif; --font-light: 300; --font-regular: 400; --font-medium: 500; --font-semibold: 600; --font-bold: 700; } /* Universal Typography */ #page .elementor h1,#page .elementor h2,#page .elementor h3,#page .elementor h4,#page .elementor h5,#page .elementor h6 { font-family: var(--typo-font); color: var(--primary-color); font-weight: var(--font-light); } #page .elementor h1 { font-size: 72px; line-height: 90px; } #page .elementor h2 { font-size: 62px; line-height: 72px; } #page .elementor h3 { font-size: 48px; line-height: 58px; } #page .elementor h4 { font-size: 32px; line-height: 42px; } #page .elementor h5 { font-size: 24px; line-height: 34px; } #page .elementor h6 { font-size: 14px; line-height: 23px; font-family: var(--btn-font); font-weight:var(--font-regular); } #page .services-grid h5.elementor-heading-title { font-size: 30px; line-height: 40px; color:#ffffff; font-weight:600; } #page .services-grid .elementor-widget-text-editor p { font-size: 16px; letter-spacing: 0px; line-height: 32px; margin-bottom:0; color: #ffffff; font-weight: 300; } /* Paragraphs and Widgets */ #page p, #page .elementor-widget-container { font-size: 16px; line-height: 32px; font-family: var(--font-text); color: var(--primary-color); font-weight: var(--font-light); } #page .elementor .white-color h1, #page .elementor .white-color h2,#page .elementor .white-color h3,#page .elementor .white-color h4, #page .elementor .white-color h5, #page .elementor .white-color h6, #page .white-color p, #page .white-color .elementor-widget-container { color: var(--white-color); } #page .elementor .green-color h1, #page .elementor .green-color h2,#page .elementor .green-color h3,#page .elementor .green-color h4, #page .elementor .green-color h5, #page .elementor .green-color h6, #page .green-color p, #page .green-color .elementor-widget-container { color: var(--green-color); } #page .elementor-widget-button .elementor-button, input[type="submit"] { background-color: var(--secondary-color); font-family: var(--btn-font); font-weight: var(--font-semibold); font-size: 20px; padding: 10px 10px 10px 30px; color:var(--white-color); border: solid 1px var(--secondary-color); border-radius: 50px; line-height:32px; } #page .elementor-widget-button.border-btn .elementor-button { background-color: var(--white-color); color:var(--primary-color); } #page .elementor-widget-button.border-btn .elementor-button .elementor-button-text { text-align:left; } #page .elementor-widget-button.border-btn .elementor-button .elementor-button-text > span { font-size:14px; font-weight: 400; line-height: 14px; display:block; width:100%; color:var(--secondary-color);} #page .elementor-widget-button.border-btn .elementor-button .elementor-button-icon { background-color: var(--secondary-color); color: var(--white-color); } #page .elementor-widget-button .elementor-button .elementor-button-icon { width: 50px; transition: all .5s; height: 50px; transform: rotate(-45deg); display: flex; align-items: center; justify-content: center; border-radius: 50px; background-color: var(--white-color); color: var(--secondary-color); } #page .elementor-widget-button .elementor-button:hover, input[type="submit"] { color: var(--primary-color); background-color: var(--white-color); } #page .elementor-widget-button.border-btn .elementor-button:hover .elementor-button-text > span, #page .elementor-widget-button.border-btn .elementor-button:hover { color:var(--white-color);} #page .elementor-widget-button.border-btn .elementor-button:hover { background-color: var(--secondary-color); } #page .elementor-widget-button.border-btn .elementor-button:hover .elementor-button-icon { background-color: var(--white-color); color: var(--secondary-color); } .elementor-testimonial-details { display: flex !important; gap: 10px; } #page .elementor-widget-button .elementor-button .elementor-button-text { font-family: var(--btn-text); } #page .elementor-widget-button .elementor-button .elementor-button-content-wrapper { display: flex; align-items: center; justify-content: center; gap: 20px; } #page .elementor-widget-button .elementor-button:hover .elementor-button-icon { transform: rotate(0deg); background-color: var(--secondary-color); color: var(--white-color); } .text-link p { margin-bottom:0; } .text-link a { font-size: 16px; letter-spacing: 0px; line-height: 32px; color: #2a5330; font-weight: 600; font-family: "jost", Sans-serif; } .text-link a:hover { color:var(--secondary-color); } input[type="text"], input[type="number"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], input[type=reset], input[type=tel], input[type=date], select, .wpcf7 textarea { height: 50px; font-family: "jost", Sans-serif; border-radius: 0; padding: 10px 15px !important; border: 1px solid #28522e63; margin-bottom:0px; } .elementor-form .elementor-button { margin-top: 20px; } .wpcf7 textarea { height:110px; } input[type="submit"] { color: var(--white-color); background-color: var(--secondary-color); padding: 10px 30px !important; } input[type="submit"]:hover { color: var(--primary-color); background-color: var(--white-color); } #primary { margin: 0 !important; } .blured-color { backdrop-filter: blur(10px); } .testi .elementor-swiper-button svg { display:none; } .testi .elementor-swiper-button { background-image: url(/wp-content/uploads/2025/05/arrow.webp); width: 61px; height: 61px;} .testi .swiper .elementor-swiper-button-next { right: -30px; transform: rotate(180deg) translateY(50%); } .testi .swiper .elementor-swiper-button-prev { left: -30px; } .post-content p { margin-bottom:0; } /* Header styls */ #page header .jeg-elementor-kit.jkit-nav-menu .jkit-menu-wrapper .jkit-menu > li > a { background-position: left center; background-repeat: no-repeat; } #page header .jeg-elementor-kit.jkit-nav-menu .jkit-menu-wrapper .jkit-menu > li.contact > a { background-image: url(/wp-content/uploads/2025/05/contact.webp); } #page header .jeg-elementor-kit.jkit-nav-menu .jkit-menu-wrapper .jkit-menu > li.testimonial > a { background-image: url(/wp-content/uploads/2025/05/testi.webp); } #page header .jeg-elementor-kit.jkit-nav-menu .jkit-menu-wrapper .jkit-menu > li.work > a { background-image: url(/wp-content/uploads/2025/05/work.webp); } #page header .jeg-elementor-kit.jkit-nav-menu .jkit-menu-wrapper .jkit-menu > li.services > a { background-image: url(/wp-content/uploads/2025/05/our-service.webp); } #page header .jeg-elementor-kit.jkit-nav-menu .jkit-menu-wrapper .jkit-menu > li.about > a { background-image: url(/wp-content/uploads/2025/05/about.webp); } #page header .jeg-elementor-kit.jkit-nav-menu .jkit-menu-wrapper .jkit-menu > li.home > a { background-image: url(/wp-content/uploads/2025/05/home.webp); } .jeg-elementor-kit.jkit-nav-menu .jkit-hamburger-menu { width: auto !important; box-shadow: none !important; } /* header style */ #header-wrap { position: absolute; width: 100%; z-index: 9; } /* Footer Style */ .footer-sec .footer-list a{ text-decoration: none; color: #000000; } .footer-sec .footer-list h5{ margin-bottom: 2px; } .footer-sec .footer-list{ position:relative; } .footer-sec .footer-list:after{ background: #7d9280; position:absolute; content: ""; height: 55%; width: 1px; bottom: 0; right: 0; } .footer-sec .footer-list:last-child:after{ display: none; } .resp-hide{ display: none; } /* Home style */ #page #slider_wrapp .elementor-slide-heading h3 {color: #ffffff!important; text-shadow: 2px 0px 0px rgba(0, 0, 0, 0.7); position: relative; font-size: 72px; line-height: 82px;} #page #slider_wrapp .elementor-slide-heading h3:before {content: ''; position: absolute; width: 253px; height: 3px; border: 3px solid #ff8200; top: 50%; left: 70px;} #page #slider_wrapp .elementor-slide-heading h3:after {content: ''; position: absolute; width: 253px; height: 3px; border: 3px solid #ff8200; top: 50%; right: 70px;} #page #slider_wrapp h2 { text-shadow: 2px 0px 0px rgba(0, 0, 0, 0.3); color: #ffffff!important; font-size: 90px; line-height: 100px; } #page #slider_wrapp h3.outer-title {font-size: 90px; letter-spacing: 2px; line-height: 100px; color: #ffffff; font-weight: bold; font-family: "Fraunces"; text-shadow: 2px 0px 0px rgba(0, 0, 0, 0.3);} #page #slider_wrapp .swiper-pagination {width: 50px; height: 270px; right: 25px; left: inherit; top: 35%;} #page #slider_wrapp .swiper-pagination:before {content: ''; position: absolute; border: 1px solid #ffffff; width: 1px; height: 100px; top: -110px; left: 22px;} #page #slider_wrapp .swiper-pagination:after {content: ''; position: absolute; border: 1px solid #ffffff; width: 1px; height: 100px; top: 150px; left: 26px;} #page #slider_wrapp .swiper-pagination-bullet {background-color: transparent; border: 1px solid #ffffff; margin-top: 15px;} #page #slider_wrapp .swiper-pagination-bullet-active {background-color: #ffffff;} #page .outer-text-small {font-size: 18px; line-height: 28px; font-weight: 700; font-family: "Old Standard TT"; } #page .outer-text-small a {color: #28522e; text-decoration: underline!important;} #page .bg-overlay-text-wrap {background-color: #e9edeae3; width: 125%; padding: 65px; padding-bottom: 40px; position: relative; left: -25%;} #page .bg-overlay-text-wrap-left {background-color: #e9edeae3; width: 125%; padding: 65px; padding-bottom: 40px; position: relative; right: 0;} #page .post-list .elementor-post__title { min-height:90px; } /*inner banner section*/ #page .inner-banner h1.elementor-heading-title { font-size: 58px; line-height: 68px; font-weight: 300; color: #ffffff; } /* Responsive style */ @media (min-width: 1501px) and (max-width: 1600px) { #page #slider_wrapp .elementor-slide-heading h3:before {left: 40px;} #page #slider_wrapp .elementor-slide-heading h3:after {right: 40px;} #page .inner-banner h1.elementor-heading-title { font-size: 34px; line-height: 44px;} } @media (min-width: 1401px) and (max-width: 1500px) { #page #slider_wrapp .elementor-slide-heading h3:before {left: 10px;} #page #slider_wrapp .elementor-slide-heading h3:after {right: 10px;} #page .inner-banner h1.elementor-heading-title { font-size: 34px; line-height: 44px;} } @media (min-width: 1301px) and (max-width: 1400px) { #page #slider_wrapp .elementor-slide-heading h3:before {left: 10px; width: 220px;} #page #slider_wrapp .elementor-slide-heading h3:after {right: 10px; width: 220px;} #page .inner-banner h1.elementor-heading-title { font-size: 34px; line-height: 44px;} } @media (min-width: 1201px) and (max-width: 1300px) { #page #slider_wrapp .elementor-slide-heading h3:before {left: 10px; width: 195px;} #page #slider_wrapp .elementor-slide-heading h3:after {right: 10px; width: 195px;} #page #slider_wrapp .elementor-slide-heading h3 { font-size: 48px; line-height: 58px;} #page #slider_wrapp h2 { font-size: 80px; line-height: 90px; } #page .inner-banner h1.elementor-heading-title { font-size: 30px; line-height: 40px;} } @media (min-width: 1025px) and (max-width: 1200px) { #page #slider_wrapp .elementor-slide-heading h3:before {left: 10px; width: 130px;} #page #slider_wrapp .elementor-slide-heading h3:after {right: 10px; width: 130px;} #page #slider_wrapp .elementor-slide-heading h3 { font-size: 42px; line-height: 52px;} #page #slider_wrapp h2 { font-size: 74px; line-height: 70px; } #page .inner-banner h1.elementor-heading-title { font-size: 30px; line-height: 40px;} } @media (min-width:1366px) and (max-width:1601px){ #page header .jeg-elementor-kit.jkit-nav-menu .jkit-menu-wrapper .jkit-menu > li > a { padding: 15px 18px 15px 30px !important; } } @media (min-width:1366px) and (max-width:1501px){ #page .elementor h1 { font-size: 82px; line-height: 92px; } #page .elementor h2 { font-size: 62px; line-height: 72px; } #page .elementor h3 { font-size: 52px; line-height: 62px; } #page .elementor h4 { font-size: 32px; line-height: 42px; } #page .elementor h5 { font-size: 20px; line-height: 30px; } #page .elementor h6 { font-size: 14px; line-height: 23px; font-family: var(--btn-font); font-weight:var(--font-regular); } } @media (min-width:1025px) and (max-width:1365px){ #page .elementor h1 { font-size: 78px; line-height: 88px; } #page .elementor h2 { font-size: 58px; line-height: 68px; } #page .elementor h3 { font-size: 48px; line-height: 58px; } #page .elementor h4, #page .services-grid h4.elementor-heading-title { font-size: 30px; line-height: 40px; } #page .elementor h5 { font-size: 20px; line-height: 30px; } #page .elementor h6 { font-size: 14px; line-height: 23px; font-family: var(--btn-font); font-weight:var(--font-regular); } } @media (max-width:1024px){ #page header .jeg-elementor-kit.jkit-nav-menu .jkit-menu-wrapper .jkit-menu > li { margin-left:20px; } #page header .jeg-elementor-kit.jkit-nav-menu .jkit-menu-wrapper .jkit-menu > li > a { padding-left: 40px !important; } #page .elementor h1 { font-size: 58px; line-height: 64px; } #page .elementor h2 { font-size: 48px; line-height: 56px; } #page .elementor h3 { font-size: 38px; line-height: 46px; } #page .elementor h4, #page .services-grid h4.elementor-heading-title { font-size: 24px; line-height: 34px; } #page .elementor h5 { font-size: 20px; line-height: 28px; } #page .elementor h6 { font-size: 14px; line-height: 23px; font-family: var(--btn-font); font-weight:var(--font-regular); } #page .elementor-widget-button .elementor-button, input[type="submit"] { font-size: 17px; padding: 6px 6px 6px 20px; } #page .testi .elementor-swiper-button { width: 32px; height: 32px; background-size: 32px; background-repeat: no-repeat; } #page #slider_wrapp .elementor-slide-heading h3:before {left: 10px; width: 150px;} #page #slider_wrapp .elementor-slide-heading h3:after {right: 10px; width: 150px;} #page #slider_wrapp .elementor-slide-heading h3 { font-size: 42px; line-height: 52px;} #page #slider_wrapp h2 { font-size: 62px; line-height: 70px; } #page #slider_wrapp .swiper-pagination-bullet { margin-top: 8px; height: 10px; width: 10px; } #page #slider_wrapp .swiper-pagination { width: 40px; height: 205px; } #page #slider_wrapp .swiper-pagination::before { height: 55px; top: -60px; left: 18px; } #page #slider_wrapp .swiper-pagination::after { height: 55px; top: 96px; left: 21px; } #page #slider_wrapp .swiper-pagination { top: 44%; } #page .inner-banner h1.elementor-heading-title { font-size: 30px; line-height: 40px;} } @media (max-width:767px){ #page .footer-sec .footer-list::after { content:none; } #page .elementor h1 { font-size: 58px; line-height: 64px; } #page .elementor h2 { font-size: 42px; line-height: 52px; } #page .elementor h3 { font-size: 34px; line-height: 44px; } #page .elementor h4, #page .services-grid h4.elementor-heading-title { font-size: 22px; line-height: 32px; } #page .elementor h5 { font-size: 20px; line-height: 28px; } #page .elementor h6 { font-size: 14px; line-height: 23px; font-family: var(--btn-font); font-weight:var(--font-regular); } #page #slider_wrapp .elementor-slide-heading h3:before, #page #slider_wrapp .elementor-slide-heading h3:after {content: none;} #page #slider_wrapp .elementor-slide-heading h3 { font-size: 30px; line-height: 40px;} #page #slider_wrapp h2 { font-size: 50px; line-height: 55px; } #page .inner-banner h1.elementor-heading-title { font-size: 28px; line-height: 36px;} #page .bg-overlay-text-wrap { width: 100%; padding: 40px; padding-bottom: 25px; position: relative; left: 0%;} #page .bg-overlay-text-wrap-left { width: 100%; padding: 40px; padding-bottom: 25px; position: relative; right: 0%;} }