/*
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.7.1753233571
Updated: 2025-07-23 01:19:31

*/
.elementor-9 .elementor-element.elementor-element-e9aa278 {
    position: relative;
    z-index: 1;
    border-radius: 50px;
  
}

.elementor-9 .elementor-element.elementor-element-e9aa278::before {
    content: '';
    position: absolute;
    top: 0; left: 0; right: 0; bottom: 0;
    padding: 5px; /* Border thickness */
    background: linear-gradient(135deg, var(--e-global-color-primary), var(--e-global-color-secondary));
    border-radius: 50px;
    z-index: -1;
    -webkit-mask:
        linear-gradient(#fff 0 0) content-box,
        linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
	opacity:1;
}

.number-percentage {
    background: linear-gradient(135deg, var(--e-global-color-primary), var(--e-global-color-secondary));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-weight: bold; /* optional, for better appearance */
}
.gradient-number {
    background: linear-gradient(135deg, var(--e-global-color-primary), var(--e-global-color-secondary));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-weight: bold;
}




.grediant_btn .elementor-button {
  position: relative;
  display: inline-block;
  padding: 12px 30px;
  font-weight: bold;
  border: 2px solid transparent;
  border-radius: 50px;
  background-image: linear-gradient(135deg, var(--e-global-color-primary), var(--e-global-color-secondary));
  background-origin: border-box;
  background-clip: text, border-box;
  color: transparent;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  z-index: 1;
}

.grediant_btn .elementor-button::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 50px;
  padding: 2px;
  background: linear-gradient(135deg, var(--e-global-color-primary), var(--e-global-color-secondary));
  -webkit-mask: 
    linear-gradient(#fff 0 0) content-box, 
    linear-gradient(#fff 0 0);
  -webkit-mask-composite: destination-out;
  mask-composite: exclude;
  z-index: -1;
}


.swiper-slide {
    border-radius: 25px !important;
	background:transparent !important;
}

/* Our Industries design css END */




.boder_on_box {
  display: inline-block;
  text-align: center;
  padding: 0;
  margin: 0;
  overflow: hidden; /* Prevent half boxes */
}

.boder_on_box .elementor-button {
  position: relative;
  display: inline-block;
  padding: 12px 30px;
  border: 2px solid white; /* Default white border */
  border-radius: 50px;
  background-color: transparent;
  font-weight: bold;
  font-size: 16px;
  color: transparent;
  background-image: linear-gradient(135deg, var(--e-global-color-primary), var(--e-global-color-secondary));
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  transition: all 0.4s ease;
  z-index: 1;
  box-sizing: border-box;
}

/* Hover effect with gradient border and glow */
.boder_on_box .elementor-button:hover {
  border: 2px solid transparent;
  background-origin: border-box;
  background-clip: padding-box, border-box;
  background-image:
    linear-gradient(white, white),
    linear-gradient(135deg, var(--e-global-color-primary), var(--e-global-color-secondary));
  box-shadow: 0 0 10px var(--e-global-color-primary), 0 0 20px var(--e-global-color-secondary);
}

/* Optional: Fix wrapping/cut boxes */
.boder_on_box .elementor-button {
  max-width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}


/* Our Industries design css END */

.collapse {
    visibility: visible !important;
}

.ekit-wid-con .show {
    display: inline-block !important;
}


.site-footer {
    display: none;
}

.elementor-36 .elementor-element.elementor-element-ca2758d {
  position: relative;
  border-radius: 15px;
  overflow: hidden;
  z-index: 1;

  /* Remove existing solid border */
  border: none;
}

/* Gradient border using pseudo-element */
.elementor-36 .elementor-element.elementor-element-ca2758d::before {
  content: '';
  border: solid 0px;
  position: absolute;
  top: 0; left: 0; right: 0; bottom: 0;
  padding: 6px;
  background: linear-gradient(135deg, #ff0088, #3400D7); /* Change gradient here */
  z-index: -1;
border-radius: 15px;

  /* Make inside transparent */
  -webkit-mask:
    linear-gradient(#fff 0 0) content-box,
    linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
}

.bdt-ep-carousel-item.swiper-slide {
    background: #000 !important;
	border-radius:15px;
}
.elementor-36 .elementor-element.elementor-element-0a9b7da .bdt-navigation-prev, .elementor-36 .elementor-element.elementor-element-0a9b7da .bdt-navigation-next {
    background-color: var( --e-global-color-secondary );
    background-color: transparent;
    background-image: linear-gradient(135deg, var(--e-global-color-primary) 0%, var(--e-global-color-secondary) 100%);
    border-radius: 50px 50px 50px 50px;
    padding: 6px 6px 6px 6px;
	border :solid 3px #fff;
}
/* .elementor-7540 .elementor-element.elementor-element-307db406 .bdt-navigation-prev, 
.elementor-7540 .elementor-element.elementor-element-307db406 .bdt-navigation-next {
    background-color: var( --e-global-color-secondary );
    background-color: transparent;
    background-image: linear-gradient(135deg, var(--e-global-color-primary) 0%, var(--e-global-color-secondary) 100%);
    border-radius: 50px 50px 50px 50px;
    padding: 6px 6px 6px 6px;
	border :solid 2px #fff !important;
} */


.gr_br2 {
    position: relative;
    background: linear-gradient(#000, #000), /* inner content background */ linear-gradient(135deg, #FF0088, #3400D7);
    border: 4px solid transparent;
    background-origin: border-box;
    background-clip: padding-box, border-box;
    border-radius: 30px;
    padding: 30px;
    z-index: 1;
    opacity: 80% !important;
}





.elementor-36 .elementor-element.elementor-element-0a9b7da .bdt-navigation-prev {
    margin-right: 15px;
}






/* Add this to your stylesheet or in Elementor Custom CSS */


/* .bdt-ep-carousel-item.swiper-slide:hover {
  border-color:#fff0;
} */


.bdt-ep-carousel-item.swiper-slide {
  position: relative;
  z-index: 1;
  border-radius: 16px;
  overflow: hidden;
}

/* ::before as default white border */
.bdt-ep-carousel-item.swiper-slide::before {
  content: "";
  position: absolute;
  inset: 0;
  padding: 4px; /* Border thickness */
  background: #fff; /* Default white border */
  border-radius: 30px; /* Match outer card radius */
  -webkit-mask:
    linear-gradient(#fff 0 0) content-box,
    linear-gradient(#fff 0 0);
  -webkit-mask-composite: destination-out;
  mask-composite: exclude;
  pointer-events: none;
  z-index: 1;
  transition: background 0.3s ease;
}

/* On hover, white border becomes gradient */
.bdt-ep-carousel-item.swiper-slide:hover::before {
  background: linear-gradient(135deg, #ff0088, #3400d7);
}
.ekit-wid-con .elementskit-accordion.floating-style .elementskit-card-body {
    width: calc(100% - 0px) !important;
}

/* homepage contact form border gradient start */

.elementor-36 .elementor-element.elementor-element-663bdaa {
  position: relative;
  background: linear-gradient(#000, #000), /* inner content background */ linear-gradient(135deg, #FF0088, #3400D7);
  border: 4px solid transparent;
  background-origin: border-box;
  background-clip: padding-box, border-box;
  border-radius: 30px;
  padding: 30px;
  z-index: 1;
	opacity:80% !important;
}

/* homepage contact form border gradient end */



/* homepage contact form button gradient start */
.forminator-custom-form-6853 button.forminator-button.forminator-button-submit {
    width: 100% !important;
    height: 54px !important;
    font-size: 18px !important;
    font-weight: 400;
    background: linear-gradient(135deg, #FF0088, #3400D7) !important;
    border-radius: 25px !important;
    color: #fff !important;
    border: none;
}

.forminator-textarea {
    border-top: none !important;
    border-left: none !important;
    border-right: none !important;
}
.forminator-textarea :hover {
    border-top: none !important;
    border-left: none !important;
    border-right: none !important;
}

.forminator-ui.forminator-custom-form[data-design=material] .forminator-field.forminator-has_error .forminator-textarea--wrap:after, .forminator-ui.forminator-custom-form[data-design=material] .forminator-field.forminator-is_active .forminator-textarea--wrap:after, .forminator-ui.forminator-custom-form[data-design=material] .forminator-field.forminator-is_hover .forminator-textarea--wrap:after {
    opacity: 0 !important;
    -khtml-opacity: 0 !important;
}
.forminator-ui.forminator-custom-form[data-design=material] .forminator-textarea {
    height: 80px;
}
/* homepage contact form button gradient end */


.bdt-ep-fancy-tabs-sub-title {
    color: #7b7992;
    margin-top: -5px;
    position: absolute;
    right: 92%;
    width: 100%;
    text-transform: capitalize;
    font-weight: 600;
}




.elementor-7277 .elementor-element.elementor-element-f354cb5 .tab-content .tab-pane {
    height: 500px;
}
.custom-ar-section {
  padding: 10px 0;
  background-color: #000; /* Optional: Dark background for contrast */
  color: #fff;
}

.custom-ar-row {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 30px;
}

.custom-ar-col.image-col {
  flex: 1 1 240px;
  text-align: center;
}

.custom-ar-col.content-col {
  flex: 1 1 250px;
}

.custom-ar-title {
  font-size: 22px;
  font-weight: bold;
  color: #fff;
  margin-bottom: 15px;
}

.custom-ar-desc {
  font-size: 16px;
  color: #fff;
  margin-bottom: 20px;
}

.custom-ar-btn {
  display: inline-block;
  padding: 12px 30px;
  background: linear-gradient(135deg, #ff6a00, #ee0979);
  color: #fff;
  text-decoration: none;
  border-radius: 50px;
  font-weight: 500;
  transition: all 0.3s ease;
}

.custom-ar-btn:hover {
  opacity: 0.9;
}
.ekit-wid-con embed, .ekit-wid-con img:not([draggable]), .ekit-wid-con object, .ekit-wid-con video {
    max-width: 100%;
    height: 400px;
}

.elementor-7277 .elementor-element.elementor-element-f354cb5 .tab-content .tab-pane {
    position: relative !important;
    color: var(--e-global-color-7a1c39a) !important;
    padding: 30px !important;
    border-radius: 20px !important;
    z-index: 1 !important;
}

.elementor-7277 .elementor-element.elementor-element-f354cb5 .tab-content .tab-pane::before {
    content: "" !important;
    position: absolute !important;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 3px !important; /* border width */
    border-radius: 20px !important;
    background: linear-gradient(90deg, #ec428b, #4b3bd0) !important;
    -webkit-mask: 
        linear-gradient(#fff 0 0) content-box, 
        linear-gradient(#fff 0 0) !important;
    -webkit-mask-composite: destination-out !important;
    mask-composite: exclude !important;
    z-index: -1;
}





/* Tab header gradient border + center alignment */
.tab-content .tab-pane  {
    position: relative;
    display: inline-block; /* taaki border content ke hisaab se fit ho */
    padding: 10px 20px;
    border-radius: 10px;
    color: #000; /* text color */
    z-index: 1;
}

/* Gradient border trick */
.tab-content .tab-pane::before {
    content: "";
    position: absolute;
    inset: 0;
    padding: 4px; /* border width */
    border-radius: 10px;
    background: linear-gradient(90deg, #ec428b, #4b3bd0);
    -webkit-mask:
        linear-gradient(#fff 0 0) content-box,
        linear-gradient(#fff 0 0);
    -webkit-mask-composite: destination-out;
    mask-composite: exclude;
    z-index: -1;
}
.service_tab_wrapper.service_tab_wrapper ul.nav.nav-tabs {
    display: block;
    height: 100%;
    max-height: 450px !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
}


.elementor-7540 .elementor-element.elementor-element-44e6dd56 .elementkit-tab-wraper.vertical .elementkit-tab-nav {

    margin-right: 50px !important;
}
/* start service page tab section css */

/* start service page tab section css */

/* Normal text style */
.navigation_service_link .elementor-icon-list-text {
    color: inherit;
    transition: all 0.3s ease;
}

/* Active link ka gradient text */
.navigation_service_link .elementor-icon-list-item.active .elementor-icon-list-text {
    background: linear-gradient(45deg, #ff0000, #0000ff);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-weight: bold;
}

.navigation_service_link span.elementor-icon-list-text {
    text-align: center;
}

.navigation_service_link li.elementor-icon-list-item {
    width: 170px;
}

.navigation_service_link .elementor-icon-list-items {
    display: flex;
    flex-wrap: nowrap; /* sab ek line me */
    overflow-x: auto;  /* horizontal scroll */
    overflow-y: hidden;
    padding: 0;
    margin: 0;
    gap: 10px;
    -webkit-overflow-scrolling: touch; /* mobile me smooth */
}

.navigation_service_link .elementor-icon-list-item {
    flex: 0 0 auto; /* shrink na ho */
    min-width: 160px; /* optional: har item ka fixed width */
    box-sizing: border-box;
}

/* Scrollbar visible styling (Chrome, Edge, Safari) */
.navigation_service_link .elementor-icon-list-items::-webkit-scrollbar {
    height: 8px;
}
.navigation_service_link .elementor-icon-list-items::-webkit-scrollbar-track {
    background: #f1f1f1;
}
.navigation_service_link .elementor-icon-list-items::-webkit-scrollbar-thumb {
    background: #888;
    border-radius: 4px;
}
.navigation_service_link .elementor-icon-list-items::-webkit-scrollbar-thumb:hover {
    background: #555;
}

/* end service page tab section css */



/* start service page tab section css */

.container {
  width: 100%;
  overflow: hidden; /* float clear fix */
}

/* Left Section (40%) */
.left {
  float: left;
  width: 40%;
  padding: 20px;
  box-sizing: border-box;
  color: inherit;
  border-left: 2px solid #ccc; /* separator line */
  margin-left: 30px; /* line aur right ke beech gap */
}

/* Right Section (60%) */
.right {
    float: left;
    width: calc(56% - 0px);
    margin-top: 40px;
    box-sizing: border-box;
    color: inherit;
    line-height: 1.6;
}

/* Headings */
.left h3 {
  margin-bottom: 15px;
  font-size: 22px;
  color: #111;
}

/* List Styling */
.left ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
.left ul li {
  margin-bottom: 0px;
  padding-left: 20px;
  position: relative;
}
.left ul li::before {
  content: "✔";
  position: absolute;
  left: 0;
  color: #007acc;
  font-size: 14px;
}

/* Responsive (Mobile) */
@media (max-width: 992px) {
  .left,
  .right {
    float: none;
    width: 100%;
    margin: 0;
    border-right: none; /* mobile par line remove */
  }
}



/* service page css end */


.arrow1 .bdt-slidenav {
    background-image: linear-gradient(135deg, var(--e-global-color-primary) 0%, var(--e-global-color-secondary) 100%);
    border: solid 3px #fff;
    border-radius: 50px;
    height: 48px;
    width: 48px;
    line-height: 33px;
    font-size: 22px;
}
.tab_navi_border .e-n-tabs-heading {
    border: solid 3px #7a7a7a;
    padding: 20px;
    border-radius: 15px;
}
/* Active tab text ke liye gradient */



/* Container ke liye unique class */
.tab_navi_border .e-n-tabs-wrapper {
    overflow-x: auto; /* horizontal scroll allow */
    overflow-y: hidden;
    white-space: nowrap;
    scrollbar-width: thin; /* Firefox ke liye */
    scrollbar-color: #888 #f1f1f1; /* scrollbar aur track ka color */
}

/* Chrome, Edge, Safari ke liye custom scrollbar */
.tab_navi_border .e-n-tabs-wrapper::-webkit-scrollbar {
    height: 8px; /* horizontal scrollbar ka size */
}

.tab_navi_border .e-n-tabs-wrapper::-webkit-scrollbar-track {
    background: #4b3bd0; 
    border-radius: 4px;
}

.tab_navi_border .e-n-tabs-wrapper::-webkit-scrollbar-thumb {
    background: linear-gradient(45deg, #ec428b, #4b3bd0);
    border-radius: 4px;
}

/* Active tab text par gradient */
.tab_navi_border .e-n-tab-title[aria-selected="true"] .e-n-tab-title-text {
    background: linear-gradient(45deg, #ec428b, #4b3bd0);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-weight: bold;
}

.gr_br {
    position: relative;
    padding: 45px;
    border-radius: 20px;
    background: #000; /* Inner background color */
}


/* Blog page css start */
/* Gradient border effect */
.gr_br::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 4px; /* Border thickness */
    border-radius: 20px;
    background: linear-gradient(45deg, #ff00cc, #3333ff, #00ffcc);
    -webkit-mask: 
        linear-gradient(#fff 0 0) content-box, 
        linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
            mask-composite: exclude;
    pointer-events: none;
}

.bdt-position-center {
    left: calc(30% - var(--bdt-position-margin-offset)) !important;
}

ul#bdt-slideshow-1 li {
    border: solid 6px #878787;
    padding: 20px;
    border-radius: 20px;
}

.elementor-1736 .elementor-element.elementor-element-e6f380d .bdt-slideshow .bdt-navigation-prev i, .elementor-1736 .elementor-element.elementor-element-e6f380d .bdt-slideshow .bdt-navigation-next i {
    background-image: linear-gradient(135deg, var(--e-global-color-primary) 0%, var(--e-global-color-secondary) 100%);
    border-radius: 50px 50px 50px 50px;
    padding: 6px 6px 6px 6px;
    border: solid 3px #fff;
}

.elementor-1736 .elementor-element.elementor-element-e6f380d .bdt-slideshow .bdt-slideshow-items .bdt-slideshow-button {
  
    background-image: linear-gradient(135deg, var(--e-global-color-primary) 0%, var(--e-global-color-secondary) 100%);
}
.elementor-widget-table-of-contents ol, ul {
    margin: 0 0 1.5em 0em !important;
}



/* Blog page css end */

/* slide sidebar css code start*/
.sticky-scroll-wrapper {
  position: relative;
}

.sticky-scroll-element {
  transition: all 0.3s ease;
}

.sticky-scroll-element.sticky-active {
  position: sticky;
  top: 105px; /* Adjust as per your header */
  z-index: 10;
}

.sticky-scroll-element.sticky-stopped {
  position: relative !important;
  top: auto !important;
}
textarea {
    background: #000 !important;
    margin-bottom: 30px  !important;
}
.elementor-kit-6 button, .elementor-kit-6 input[type="button"], .elementor-kit-6 input[type="submit"], .elementor-kit-6 .elementor-button {

    border-width: 0px !important;
    padding: 15px 30px 15px 30px !important;
    
}

/* slide sidebar css code end*/


/* slider service box flix box after hover border color  start*/

.gr_br_hover .bdt-flip-box-back {
  position: relative;
  border-radius: 20px !important;
  border: 0px solid transparent !important; /* placeholder */
  z-index: 1;
}

.gr_br_hover .bdt-flip-box-back::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 20px;
  padding: 6px; /* border ki thickness */
  background: linear-gradient(135deg, #ec428b, #4b3bd0);
  -webkit-mask: 
    linear-gradient(#fff 0 0) content-box, 
    linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
          mask-composite: exclude;
  pointer-events: none;
  z-index: -1;
  opacity: 0; /* by default hide */
  transition: opacity 0.3s ease;
}

.gr_br_hover .bdt-flip-box-back:hover::before {
  opacity: 1; /* hover par gradient border dikhai dega */
}

/* slider service box flix box after hover border color  end*/


/* All arrow circle with border code start */

#prevBtn.slider-arrow, #nextBtn.slider-arrow {
    border: solid 2px #fff !important;
    padding: 14px !important;
}
.elementor-7540 .elementor-element.elementor-element-7cc6cf99 :is(.elementor-swiper-button-prev, .elementor-swiper-button-next) {
    background-color: transparent;
    background-image: linear-gradient(135deg, var( --e-global-color-primary ) 0%, var( --e-global-color-secondary ) 100%);
    border-radius: 50px 50px 50px 50px;
    padding: 6px 6px 6px 6px;
    border: solid 2px #fff;
}
.elementor-7540 .elementor-element.elementor-element-7cc6cf99 :is(.elementor-swiper-button-prev, .elementor-swiper-button-next):hover {
    background-color: transparent;
    background-image: linear-gradient(135deg, var( --e-global-color-primary ) 0%, var( --e-global-color-secondary ) 100%);
    border-radius: 50px 50px 50px 50px;
    padding: 6px 6px 6px 6px;
    border: solid 2px #fff;
}
button#rt2-prev, button#rt2-next {
    border: solid 3px #fff !important;
    padding: 15px !important;
    color: #fff;
}

.bdt-navigation-prev, .bdt-navigation-next {
    background-color: var( --e-global-color-secondary );
    background-color: var(--e-global-color-secondary);
    background-color: transparent;
    background-image: linear-gradient(135deg, var(--e-global-color-primary) 0%, var(--e-global-color-secondary) 100%);
    border-radius: 50px 50px 50px 50px !important;
    padding: 10px !important;
    border: solid 3px #fff !important;
}
/* All arrow circle with border code start */

.slide.prev, .slide.next {
    background: #00000000 !important;
}


#forminator-module-6853 .forminator-input:focus, 
{
	outline: 0px solid #333333 !important;
    outline-offset: 1px;
}

.service_h2 ul.nav.nav-tabs.elementkit-tab-nav {
    margin-right: 50px !important;
}