/**
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
*/







html {
    overflow-x: hidden;
}

::-webkit-scrollbar {
	width: 4px;
	height: 3px;
}

::-webkit-scrollbar-thumb {
	background: #104f6e;
}

::-webkit-scrollbar-track {
	background: #ffffff;
}
section.siteheader.elementor-sticky--effects {
    background: white !important;
}

.titleborder .elementor-counter {
    align-items: center;
    display: flex;
    flex-direction: column-reverse;
    justify-content: center;
	text-align:center;
}

.titleborder .elementor-counter-number-wrapper {
    border-bottom: 1px solid #8da0be;
    padding-bottom: 10px;
}


.industrylogo .swiper-slide img {
    background: white;
    padding: 10%;
    border-radius: 10px;
    box-shadow: 0px 0px 10px 0px rgb(0 0 0 / 14%);
    margin-top: 10px;
}


/* ============================================================
   TOTAL 20 BACKGROUND PATTERNS FOR ELEMENTOR
   ============================================================ */

/* 1. Squares */
#pattern-squares .elementor-background-overlay {
    background-image: linear-gradient(#ffffff1c 1px, transparent 1px), linear-gradient(90deg, #ffffff1c 1px, transparent 1px);
    background-size: 50px 50px;
}

/* 2. Basic Dots */
#pattern-dots .elementor-background-overlay {
    background-image: radial-gradient(circle, rgba(255, 255, 255, 0.15) 1px, transparent 1px);
    background-size: 30px 30px;
}

/* 3. Diagonal Lines */
#pattern-diagonal .elementor-background-overlay {
    background-image: repeating-linear-gradient(45deg, transparent, transparent 20px, #ffffff1c 20px, #ffffff1c 21px);
}

/* 4. Cross Dots */
#pattern-crossdots .elementor-background-overlay {
    background-image: radial-gradient(circle, rgba(255, 255, 255, 0.1) 2px, transparent 2px), radial-gradient(circle, rgba(255, 255, 255, 0.1) 2px, transparent 2px);
    background-size: 30px 30px;
    background-position: 0 0, 15px 15px;
}

/* 5. Real Waves (Curvy) */
#pattern-real-waves .elementor-background-overlay {
    background-image: radial-gradient(circle at 50% 0, transparent 0, transparent 20px, #ffffff1c 21px, #ffffff1c 23px, transparent 24px), radial-gradient(circle at 50% 100%, transparent 0, transparent 20px, #ffffff1c 21px, #ffffff1c 23px, transparent 24px);
    background-size: 80px 40px;
    background-position: 0 0, 40px 0;
}

/* 6. Honeycomb */
#pattern-honeycomb .elementor-background-overlay {
    background: radial-gradient(circle at 100% 50%, transparent 20%, #ffffff12 21%, #ffffff12 34%, transparent 35%, transparent), radial-gradient(circle at 0% 50%, transparent 20%, #ffffff12 21%, #ffffff12 34%, transparent 35%, transparent) 50px 50px;
    background-size: 100px 100px;
}

/* 7. Zig-Zag */
#pattern-zigzag .elementor-background-overlay {
    background-image: linear-gradient(135deg, #ffffff1c 25%, transparent 25%), linear-gradient(225deg, #ffffff1c 25%, transparent 25%), linear-gradient(45deg, #ffffff1c 25%, transparent 25%), linear-gradient(315deg, #ffffff1c 25%, transparent 25%);
    background-position: 25px 0, 25px 0, 0 0, 0 0;
    background-size: 50px 50px;
}

/* 8. Blueprint */
#pattern-blueprint .elementor-background-overlay {
    background-image: linear-gradient(#ffffff0a 2px, transparent 2px), linear-gradient(90deg, #ffffff0a 2px, transparent 2px), linear-gradient(#ffffff05 1px, transparent 1px), linear-gradient(90deg, #ffffff05 1px, transparent 1px);
    background-size: 100px 100px, 100px 100px, 20px 20px, 20px 20px;
}

/* 9. Mesh / Diamond Dots */
#pattern-mesh .elementor-background-overlay {
    background-image: radial-gradient(#ffffff1c 1.5px, transparent 1.5px), radial-gradient(#ffffff1c 1.5px, transparent 1.5px);
    background-size: 40px 40px;
    background-position: 0 0, 20px 20px;
}

/* 10. Polka Dots (Large) */
#pattern-polka .elementor-background-overlay {
    background-image: radial-gradient(#ffffff1c 5px, transparent 5px);
    background-size: 40px 40px;
}

/* 11. Plus Signs */
#pattern-plus .elementor-background-overlay {
    background: linear-gradient(white, white), linear-gradient(white, white);
    background-size: 12px 2px, 2px 12px;
    background-repeat: no-repeat;
    background-position: center;
    background-image: linear-gradient(#ffffff1c, #ffffff1c), linear-gradient(#ffffff1c, #ffffff1c);
    background-size: 20px 2px, 2px 20px;
    background-repeat: repeat;
    background-position: 0 0;
}

/* 12. Triangles */
#pattern-triangles .elementor-background-overlay {
    background-image: linear-gradient(45deg, #ffffff1c 25%, transparent 25.5%), linear-gradient(-45deg, #ffffff1c 25%, transparent 25.5%), linear-gradient(45deg, transparent 75%, #ffffff1c 75.5%), linear-gradient(-45deg, transparent 75%, #ffffff1c 75.5%);
    background-size: 40px 40px;
}

/* 13. Horizontal Stripes */
#pattern-stripes-h .elementor-background-overlay {
    background-image: linear-gradient(#ffffff1c 2px, transparent 2px);
    background-size: 100% 30px;
}

/* 14. Vertical Stripes */
#pattern-stripes-v .elementor-background-overlay {
    background-image: linear-gradient(90deg, #ffffff1c 2px, transparent 2px);
    background-size: 30px 100%;
}

/* 15. Brick Wall */
#pattern-bricks .elementor-background-overlay {
    background-image: linear-gradient(335deg, #ffffff12 23px, transparent 23px), linear-gradient(155deg, #ffffff12 23px, transparent 23px), linear-gradient(335deg, #ffffff12 23px, transparent 23px), linear-gradient(155deg, #ffffff12 23px, transparent 23px);
    background-size: 58px 58px;
    background-position: 0px 2px, 4px 35px, 29px 31px, 34px 6px;
}

/* 16. Concentric Circles */
#pattern-circles .elementor-background-overlay {
    background-image: radial-gradient(circle, transparent 15px, #ffffff0a 16px, #ffffff0a 18px, transparent 19px);
    background-size: 50px 50px;
}

/* 17. Diamond Shapes */
#pattern-diamonds .elementor-background-overlay {
    background: linear-gradient(45deg, #ffffff1c 25%, transparent 25%, transparent 75%, #ffffff1c 75%, #ffffff1c), linear-gradient(45deg, #ffffff1c 25%, transparent 25%, transparent 75%, #ffffff1c 75%, #ffffff1c);
    background-size: 40px 40px;
    background-position: 0 0, 20px 20px;
}

/* 18. Micro Grid */
#pattern-microgrid .elementor-background-overlay {
    background-image: linear-gradient(#ffffff1c 0.5px, transparent 0.5px), linear-gradient(90deg, #ffffff1c 0.5px, transparent 0.5px);
    background-size: 10px 10px;
}

/* 19. Star / Sparkle Dots */
#pattern-sparkle .elementor-background-overlay {
    background-image: radial-gradient(white, rgba(255,255,255,.2) 2px, transparent 40px), radial-gradient(white, rgba(255,255,255,.15) 1px, transparent 30px);
    background-size: 100px 100px, 60px 60px;
    background-position: 0 0, 50px 50px;
}

/* 20. Slanted Plaid */
#pattern-plaid .elementor-background-overlay {
    background-image: repeating-linear-gradient(45deg, transparent, transparent 10px, rgba(255,255,255,0.05) 10px, rgba(255,255,255,0.05) 20px), repeating-linear-gradient(-45deg, transparent, transparent 10px, rgba(255,255,255,0.05) 10px, rgba(255,255,255,0.05) 20px);
}

/* 21. Slanted Plaid */
#pattern-woven .elementor-background-overlay {
    background: 
        linear-gradient(45deg, #ffffff0a 25%, transparent 25%, transparent 75%, #ffffff0a 75%, #ffffff0a) 0 0,
        linear-gradient(45deg, #ffffff0a 25%, transparent 25%, transparent 75%, #ffffff0a 75%, #ffffff0a) 20px 20px,
        linear-gradient(45deg, #ffffff0a 25%, transparent 25%, transparent 75%, #ffffff0a 75%, #ffffff0a) 40px 40px;
    background-size: 40px 40px;
}

/* 22. Bubbling Drink (Organic Circles) */
#pattern-bubbles-alt .elementor-background-overlay {
    background-image: 
        radial-gradient(circle at 10% 20%, #ffffff3b 4px, transparent 0),
        radial-gradient(circle at 90% 80%, #ffffff3b 8px, transparent 0);
    background-size: 60px 60px;
}

/* 23. Restaurant Gingham (Classic Box) */
#pattern-gingham .elementor-background-overlay {
    background-image: 
        linear-gradient(90deg, rgba(255,255,255,.03) 50%, transparent 50%),
        linear-gradient(rgba(255,255,255,.03) 50%, transparent 50%);
    background-size: 80px 80px;
}





/* Container */
.yt-video-grid {
    display: grid;
    gap: 20px;
    width: 100%;
}

/* Aspect Ratio 16:9 */
.video-container {
    position: relative;
    padding-bottom: 56.25%; 
    height: 0;
    overflow: hidden;
    border-radius: 8px; /* Optional: Thoda look acha karne ke liye */
}

.video-container iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.iconbgbox .elementor-icon-box-icon {
    background: #dbeafe;
    padding: 2%;
    border-radius: 10px;
}

/* --- Media Queries --- */
.iconniche .elementor-icon-box-icon {
    margin-top: 8px;
}





.fxheight {
    height: 100px;
    display: flex;
}
.teamgalleryabout .gallery-item-caption-over h2 {
    font-size: 22px;
}
.teamgalleryabout .gallery-item-caption-over p {
    font-size: 16px !important;
    line-height: 20px;
}


/* Mobile (1 Video) */
@media (max-width: 767px) {
    .yt-video-grid {
        grid-template-columns: 1fr;
    }

}

/* Tablet (2 Videos) */
@media (min-width: 768px) and (max-width: 1023px) {
    .yt-video-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

/* Laptop & Big Screen (3 Videos) */
@media (min-width: 1024px) {
    .yt-video-grid {
        grid-template-columns: repeat(3, 1fr);
    }
	.teamgalleryabout .gallery-item-caption-over h2 {
		font-size: 22px;
	}
	.teamgalleryabout .gallery-item-caption-over p {
		font-size: 16px !important;
		line-height: 20px;
	}
}