/*
Theme Name: Astra Child
Theme URI: https://wpastra.com/
Template: astra
Author: Brainstorm Force
Author URI: https://wpastra.com/about/?utm_source=theme_preview&utm_medium=author_link&utm_campaign=astra_theme
Description: The Astra WordPress theme is lightning-fast and highly customizable. It has over 1 million downloads and the only theme in the world with 5,700+ five-star reviews! It’s ideal for professional web designers, solopreneurs, small businesses, eCommerce, membership sites and any type of website. It offers special features and templates so it works perfectly with all page builders like Spectra, Elementor, Beaver Builder, etc. Fast performance, clean code, mobile-first design and schema markup are all built-in, making the theme exceptionally SEO-friendly. It’s fully compatible with WooCommerce, SureCart and other eCommerce plugins and comes with lots of store-friendly features and templates. Astra also provides expert support for free users. A dedicated team of fully trained WordPress experts are on hand to help with every aspect of the theme. Try the live demo of Astra: https://zipwp.org/themes/astra/
Tags: custom-menu,custom-logo,entertainment,one-column,two-columns,left-sidebar,e-commerce,right-sidebar,custom-colors,editor-style,featured-images,full-width-template,microformats,post-formats,rtl-language-support,theme-options,threaded-comments,translation-ready,blog
Version: 4.11.2.1750155323
Updated: 2025-06-17 10:15:23

*/


 :root {
    --text-color: #282828;
    --black-color: #000000;
    --white-color: #ffffff;
    --dark-blue-color: #1f2137;
    --light-sky-blue-color: #4d79a9;
    --theme-font: "Playfair Display", Sans-serif;
    --text-font: "Jost", Sans-serif;
    --font-extra-light: 200;
    --font-light: 300;
    --font-normal:400;
    --font-medium:500;
    --font-semibold:600;
    --font-bold:700;
    --font-extra-bold:800;
    --font-black:900;

}

body, body p {  font-size:18px; line-height: 30px; color: var(--black-color); font-family: var(--text-font); font-weight: var(--font-normal); font-family: "Jost", Sans-serif; }
#content h1, #content h2, #content h3, #content h4, #content h5, #content h6 { font-family: var(--theme-font); color: var(--black-color); font-weight: var(--font-normal); font-family: "Playfair Display", Sans-serif; }
#content .jost-family h1, #content .jost-family h2, #content .jost-family h3, #content .jost-family h4, #content .jost-family h5, #content .jost-family h6{}

#content h1{font-size: 68px;
letter-spacing: 1px;
line-height: 82px;
font-weight: 500;
}

#content h2, #content .inner-banner h1.elementor-heading-title {font-size: 60px;
letter-spacing: 1px;
line-height: 51px;
font-weight: 500;
}

#content h3{font-size: 48px;
letter-spacing: 1px;
line-height: 58px;
color: #ffffff;
font-weight: 400;}

#content h4{font-size: 36px;
letter-spacing: 1px;
line-height: 46px;
color: #000000;
font-weight: 500;}

#content h5{font-size: 30px;
letter-spacing: 1px;
line-height: 40px;
font-weight: 500;
	color: #000000;}
    
 #content h6{font-size: 24px;
letter-spacing: 1px;
line-height: 32px;
font-weight: 500;
	color: #000000;}  

#content .red-fourty-typo h4.elementor-heading-title { font-size: 40px;
letter-spacing: 1px;
line-height: 51px;
color: #bf313a;
font-weight: 700; text-transform: capitalize; }

#content .jost-font-thirty h6.elementor-heading-title{
	font-size: 30px;
letter-spacing: 1px;
line-height: 40px;
color: #000000;
font-weight: 700;
	font-family: "Jost", Sans-serif;
}
#content .white-btn .elementor-button{font-size: 16px;
letter-spacing: 0px;
line-height: 26px;
text-transform: uppercase;
color: #000000;
font-weight: 600;
font-family: var(--text-font); border-radius: 36px; background-color: #ffffff; padding: 20px 50px;}

#content .white-btn .elementor-button:hover{background-color:#363636; color:#fff;}

#content .blk-btn .elementor-button{font-size: 16px;
letter-spacing: 0px;
line-height: 26px;
text-transform: uppercase;
color: #fff;
font-weight: 600;
font-family: var(--text-font); border-radius: 36px; background-color: #363636; padding: 20px 50px;}

#content .blk-btn .elementor-button:hover{background-color:#bf313a; color:#fff;}

#ast-scroll-top{display: block; background-color: #bf313a; border-radius: 0; font-size: 23px; color: #fff;}


#content .image-slider-wrap .elementor-element { }
#content .image-slider-wrap .elementor-element .elementor-swiper-button { opacity:0; }
#content .image-slider-wrap .after-line .elementor-heading-title:before { bottom: 2px; height: 12px; opacity: 0; }
#content .image-slider-wrap .slider-wrap:hover .elementor-swiper-button { opacity:1; }
#content .image-slider-wrap .slider-wrap:hover .elementor-heading-title:before { opacity: 1; }

#content .after-line .elementor-heading-title {position:relative; }
#content .after-line .elementor-heading-title:before { content:''; position:absolute;  bottom: -7px; width: 100%; height: 17px; left:0; background-color: #f1d901; z-index: -1; }
.products .elementor-cta__content{border: 5px #ccc solid; border-top: 0;}
.page-id-1119 .elementor-swiper-button { padding:10px; border:solid 1px #fff; border-radius: 50px;  }
.pade-id-46 .elementor-slideshow__title { display:none; }

.white-color .elementor-heading-title, body .white-color p,  #content .white-color .elementor-widget-container{color:var(--white-color) !important;}
.ast-single-post .entry-content a, .ast-comment-content a:not(.ast-comment-edit-reply-wrap a) {
    text-decoration: none;
}

.products .elementor-cta__bg-overlay{opacity: 0.490; border: 10px #fff solid; margin: 12px 22px;}
ul.list-image { margin-left: 30px;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    gap: 60px;
    row-gap: 0px; }
ul.list-image li { list-style-image: url(/wp-content/uploads/2025/06/list-image.webp);
    padding-left: 20px; font-size: 20px;
letter-spacing: 0px;
line-height: 51px;
color: #000000;
font-weight: 600;
font-family: "Jost"; }

.elementor-field:focus { border:1px solid #bf323b !important;}

/* How We Work  */

body #content .col-2 ul { display: flex; flex-wrap:wrap; gap:15px; justify-content:center; }
body #content .col-2 li{ background:url(/wp-content/uploads/2025/06/step-item.webp); background-size:cover; background-position:right center; width:calc(100%/2 - 15px/2); margin:0 !important }
body #content .col-2 li a {  flex-direction: row-reverse;  gap: 10px; justify-content: space-between; align-items: center;}
body #content .col-2 li a:focus-visible , #content .col-2 li a:focus { outline:none !important;}

/* Popup Model  */

body  .elementor-popup-modal .dialog-close-button { padding:5px; border-radius: 50%; }


#content .work-item .elementor-image-box-wrapper {
    align-items: stretch !important; min-height: 90px; flex-direction:row; display:flex;
  }
#content .work-item .elementor-image-box-content { display:flex; align-items:center;  justify-content:start;}
#content .work-item .elementor-image-box-img {
	width: 90px;
  text-align: left;
  height: 100px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #000; margin-bottom:0px !important; margin-right:15px !important;
}
#project-wrap .elementor-flip-box__layer__overlay h3, #project-wrap .elementor-flip-box__layer__description{color:#000 !important;}

#content .work-item .elementor-image-box-content h5.elementor-image-box-title { color:var(--white-color); }
.list-item .elementor-icon-list-item { background-color: #bf313a; width:24%;
  padding: 10px 20px !important; margin-bottom:10px !important; }
#content .services-item .elementor-cta__description { font-family: "Jost", Sans-serif;
  font-size: 24px;
  font-weight: 400;
  line-height: 34px; }
#content .services-item h4.elementor-cta__title { font-size: 30px;
letter-spacing: 1px;
line-height:40px;}

body #page #content .blk-btn h3.elementor-cta__title { color:#000000; }
body #page #content .new-list-item ul.list-image { margin-left: 50px; margin-top:0px; margin-bottom:0; }
body #page #content .new-list-item ul.list-image li { line-height:30px; padding-left: 8px; }
.ic-wrap { display: flex; justify-content:center;align-items:center; gap: 10px; }
.ic-wrap .title { font-size: 28px; color: #f1d900; line-height: 36px; text-transform: uppercase; font-weight: 700; }

.services-grid {
        display: flex;
    row-gap: 30px;
    column-gap: 50px;
    flex-wrap: wrap;
    justify-content: space-between;
}
.services-grid .image-slider-wrap { width:30%; }
.image-slider-wrap .item .post-content {
    position: relative;
    filter: drop-shadow(rgba(0, 0, 0, 0.15) -1.8px 7.795px 20px);
    border-width: 5px;
    border-style: solid;
    border-color: rgb(255, 255, 255);
    border-image: initial;
}
.image-slider-wrap h3, .image-slider-wrap .counter, .ngg-imagebrowser-desc {
    display: none;
}
.post-content .slick-list .slick-slide a > img { height: 320px; object-fit: cover; margin-bottom: -20px; width: 100%; }
body #page #content .post-content .slick-arrow { opacity:0; }
body #page #content .ngg-slideshow.slick-slider { margin: 0 !important; }
body #page #content .ngg-imagebrowser.default-view .ngg-imagebrowser-nav {
    text-align: center;
    display: flex;
    width: 100%;
    justify-content: space-between;
    position: absolute;
    top: 47%;
    padding: 0px;
}
body #page #content .ngg-imagebrowser.default-view .ngg-imagebrowser-nav .back, body #page #content .ngg-imagebrowser.default-view .ngg-imagebrowser-nav .next {
    width: 40px;
    background-color: transparent;
}
body #page #content .image-slider-wrap .item:hover .elementor-heading-title::before, body #page #content .item:hover .post-content  .slick-arrow  {
    opacity: 1;
}
body #page #content .image-slider-wrap .item:hover .ngg-imagebrowser.default-view .ngg-imagebrowser-nav .fa {
    opacity: 1;
}
body #page #content .ngg-imagebrowser.default-view { margin:0 !important; }
body #page #content .image-slider-wrap .after-line {
    display: flex;
    justify-content: center;
    margin-top: 20px;
}
body #page #content .ngg-imagebrowser.default-view .ngg-imagebrowser-nav .fa {
    font-size: 32px;
    opacity: 0;
}
body .sl-overlay {
    background: #000000 !important;
}
.sl-wrapper .sl-image .sl-caption { background-color: transparent; background: transparent; }
body.page-id-1119 .elementor-lightbox { display:none !important; }

body #page #content .sl-wrapper .sl-image .sl-caption { background-color:transparent !important; }
.sl-navigation > button { display:block !important; }
.post-content .pic a > img { height: 320px; object-fit:cover; width: 100%; }


/*  */

#content .king-btn .elementor-button{font-size: 15px;
letter-spacing: 1px;
line-height: 78px;
color: #ffffff;
font-weight: 300;
font-family: "BelleRose", Sans-serif;
text-align: center;
border-radius: 0px; background-color: transparent; padding: 20px 50px; border: 1px solid #ffffff;}

/*  */

#cookie-notice .cn-button:not(.cn-button-custom) { background-color: #bf313a; padding: 5px 20px !important; border-radius:15px; font-family: var(--e-global-typography-text-font-family), Sans-serif; font-size:18px;  }
#cookie-notice .cn-button:not(.cn-button-custom):hover {  background-color: #ffffff !important; color: #bf313a; }
#cn-notice-text {
	font-family: var(--e-global-typography-text-font-family), Sans-serif;
    font-size: 16px;
}

.quality-list .elementor-image-box-img { width: 80px !important;
    height: 80px;
    display: flex !important;
    align-items: center;
    justify-content: center;
    margin: 0 auto !important;
    background: #000000; margin-bottom:20px !important; }
.quality-list .elementor-image-box-title { color:#ffffff !important; }

@media(min-width:1700px){
	body #page #content .margin-right-back > .elementor-element { margin-right:-200px; }
}
@media(max-width:1400px){

	#content .inner-banner h1.elementor-heading-title { font-size: 42px; line-height:52px; }
}

@media(max-width:1200px){
	#content .red-fourty-typo h4.elementor-heading-title {
    font-size: 35px;
		line-height: 46px; }
	#content .inner-banner h1.elementor-heading-title { font-size: 32px; line-height:42px; }
	#content h1{font-size: 55px; letter-spacing: 0px; line-height: 65px;}
#content h2{font-size: 45px; letter-spacing: 0px; line-height: 55px;}
#content h3{font-size: 40px; letter-spacing: 0px; line-height: 50px;}
#content h4{font-size: 30px; letter-spacing: 0px; line-height: 40px;}
#content h5, #content .inner-banner h1.elementor-heading-title {font-size: 26px; letter-spacing: 0px; line-height: 36px;}
#content h6{font-size: 20px; letter-spacing: 0px; line-height: 30px;}
	    #content .red-fourty-typo h4.elementor-heading-title {
        font-size: 26px;
        line-height: 32px;
    }
	
}
@media(max-width:1024px){
	#content .services-item .elementor-cta__description {  font-size: 16px;
  font-weight: 400;
  line-height: 30px; }
	#content .red-fourty-typo h4.elementor-heading-title {
    font-size: 32px;
		line-height: 42px; }
	#content .inner-banner h1.elementor-heading-title { font-size: 32px; line-height:42px; }
	.post-content .pic a > img { height: 280px; }
}

@media(max-width:1024px) and  (min-width:768px){

#content h1{font-size: 55px; letter-spacing: 0px; line-height: 65px;}
#content h2{font-size: 45px; letter-spacing: 0px; line-height: 55px;}
#content h3, #content .inner-banner h1.elementor-heading-title {font-size: 40px; letter-spacing: 0px; line-height: 50px;}
#content h4{font-size: 30px; letter-spacing: 0px; line-height: 40px;}
#content h5 {font-size: 26px; letter-spacing: 0px; line-height: 36px;}
#content h6{font-size: 20px; letter-spacing: 0px; line-height: 30px;}  
.ic-wrap .title { font-size: 22px; line-height:28px; }
#content .services-grid {
    grid-template-columns: 1fr 1fr;
    row-gap: 20px;
    column-gap: 30px; }
	#content .blk-btn .elementor-button { padding: 17px 40px; }
	.post-content .pic a > img { height: 260px; }
	.post-content .slick-list .slick-slide a > img { height: 260px; }


}
@media(max-width: 767px){
#content h1{font-size: 40px; line-height: 50px;}
#content h2{font-size: 35px; letter-spacing: 0px; line-height: 45px;}
#content h3, #content .inner-banner h1.elementor-heading-title {font-size: 34px; letter-spacing: 0px; line-height: 44px;}
#content h4{font-size: 26px; letter-spacing: 0px; line-height: 36px;}
#content h5 {font-size: 22px; letter-spacing: 0px; line-height: 32px;}
#content h6{font-size: 18px; letter-spacing: 0px; line-height: 28px;}

.work-item .elementor-image-box-content{justify-content:center;}
#content .blk-btn .elementor-button{padding: 15px 40px;}
.ic-wrap .title { font-size: 22px; line-height:28px; }
.ic-wrap { justify-content:start; }
	#content .services-grid {
    grid-template-columns: 1fr 1fr;
    row-gap: 15px;
    column-gap: 15px; }
	#content .elementor-image-box-wrapper { display: flex; gap: 15px; }
	.post-content .pic a > img { height: 240px; }
	.services-grid .image-slider-wrap {
    width: 46%; } 
	.post-content .slick-list .slick-slide a > img { height: 180px; }
	#content .quality-list .elementor-image-box-wrapper { flex-direction:column;  }
	body #content .col-2 ul li { width:100%;}
}

@media(max-width: 480px){ 
	#content .services-grid {
    grid-template-columns: 1fr; gap: 0px; }
	#content h4 {
        font-size: 22px;
        letter-spacing: 0px;
        line-height: 32px;
    }
	
}
@media(max-width: 380px){
	.services-grid .image-slider-wrap {
    width: 100%; }  
	.post-content .slick-list .slick-slide a > img { height: 140px; }
}