/*
Theme Name: Astra Child
Template: astra
Author: abdelaziz achatbi
Description: Astra Child Theme
Version: 1.0.0
Text Domain: astra-child
*/

/* 
--------------------------------------------------------------
TABLE OF CONTENTS
--------------------------------------------------------------
1.0 Variables & Global Settings
2.0 Typography
3.0 Layout Structure
    3.1 Header
    3.2 Navigation
    3.3 Content
    3.4 Sidebar
    3.5 Footer
4.0 Components
    4.1 Buttons
    4.2 Forms
    4.3 Alerts
5.0 Plugins Overrides
6.0 Responsive Design
    6.1 Tablet
    6.2 Mobile
-------------------------------------------------------------- 
*/

/* ==========================================================================
   1.0 Variables & Global Settings
   ========================================================================== */


/* ==========================================================================
   2.0 Typography
   ========================================================================== */


/* ==========================================================================
   3.0 Layout Structure
   ========================================================================== */

/* 3.1 Header
   -------------------------------------------------------------- */


/* 3.1 Bloc Solutions Built for Impact
   -------------------------------------------------------------- */
/*
Theme Name: Astra Child
Template: astra
Author: abdelaziz achatbi
Description: Astra Child Theme
Version: 1.0.0
Text Domain: astra-child
*/

/* 
--------------------------------------------------------------
TABLE OF CONTENTS
--------------------------------------------------------------
1.0 Variables & Global Settings
2.0 Typography
3.0 Layout Structure
    3.1 Header
    3.2 Navigation
    3.3 Content
    3.4 Sidebar
    3.5 Footer
4.0 Components
    4.1 Buttons
    4.2 Forms
    4.3 Alerts
5.0 Plugins Overrides
6.0 Responsive Design
    6.1 Tablet
    6.2 Mobile
-------------------------------------------------------------- 
*/
::-webkit-scrollbar-thumb {
    background: linear-gradient(135deg, #8b3dff, #007acd, #28535b) !important;
    border-radius: 10px;
}

::-webkit-scrollbar-thumb:hover {
    background: linear-gradient(135deg, #7a35e0, #0069b8, #1f3f45)!important;
}
::-webkit-scrollbar-thumb {
    background: linear-gradient(135deg, #8b3dff, #007acd, #28535b)!important;
    border-radius: 10px;
}

/* Style the entire scrollbar */
::-webkit-scrollbar {
    width: 12px;              /* Width of vertical scrollbar */
    height: 12px;             /* Height of horizontal scrollbar */
}

/* Style the track (background) */
::-webkit-scrollbar-track {
    background: #f1f1f1;      /* Light gray background */
    border-radius: 6px;       /* Rounded corners */
}

/* Style the draggable thumb */
::-webkit-scrollbar-thumb {
    background: #888;         /* Gray color */
    border-radius: 6px;       /* Rounded corners */
}

/* Change thumb color on hover */
::-webkit-scrollbar-thumb:hover {
    background: #555;         /* Darker gray on hover */
}

/* ==========================================================================
   1.0 Variables & Global Settings
   ========================================================================== */

/* ==========================================================================
   1.0 Single
   ========================================================================== */
a.bvs-hero__back.bvs-fu {
    color: #fff !important;
}
body.single .ast-container {
    width: 100% !important;
    margin-inline: 0 !important;
    max-width: 100% !important;
    padding: 0 !important;
}
.bvs-nav__btn {
    color: #fff !important;
}

a.bve-hero__back.bve-fu {
    color: #fff;
}
/* ==========================================================================
   2.0 Typography
   ========================================================================== */


/* ==========================================================================
   3.0 Layout Structure
   ========================================================================== */

/* 3.1 Header
   -------------------------------------------------------------- */


/* 3.1 Bloc Solutions Built for Impact
   -------------------------------------------------------------- */
.caro-slide span.elementor-divider-separator{border-radius:50px !important;}
.caro-slide span.elementor-divider-separator { transition:0.5s all ease;border-radius: 50px !important;
    overflow: hidden !important;}
.caro-slide:hover span.elementor-divider-separator {width: 78px !important;/* border-radius: 50px !important; *//* overflow: hidden !important; */}

body .caro-slide > div > .elementor-element::before {
    content:"";
    opacity:0.2;
    background-image: radial-gradient(at top right, #8b3dffc4 0%, rgb(242 41 91 / 0.6%) 55%) !important;
    transition:0.5s all ease-in-out !important;
   
}
body :is(.color-2-bg , .color-4-bg) > div > .elementor-element::before {
       background-image: radial-gradient(at top right, #007accb3 0%, rgb(242 41 91 / 0.6%) 55%) !important;
      
}
body :is(.color-2-bg:hover , .color-4-bg:hover) > div > .elementor-element::before {
   background-color:hsl(204deg 100% 40% / 8%) !important;
}

body .color-3-bg > div > .elementor-element::before {
       background-image: radial-gradient(at top right, #28535B 0%, rgb(242 41 91 / 0.6%) 55%) !important;

}
body .color-3-bg:hover > div > .elementor-element::before {
      background-color:hsl(189deg 39% 26% / 8%) !important;
}
body .color-1-bg:hover > div > .elementor-element::before {
      background-color:rgb(139 61 255 / 8%) !important;
}
body .caro-slide:hover > div > .elementor-element::before {
    opacity:0.4;
   
}

body .caro-slide:hover .elementor-widget-image{
    transform:scale(1.08) !important;
}

body .caro-slide .elementor-button .elementor-button-icon{
     transition:0.5s all ease-in-out !important;
}
body .caro-slide:hover .elementor-button .elementor-button-icon{
    transform:translateX(5px) !important;
}
/*  */
.biovana-hover-effect h2{
    background: linear-gradient(135deg, #8b3dff 0%, #007acd 50%, #28535b 100%) 0 0 / 200%;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    background-position: 0%;
    
    /* Animation */
    transition: background-position 0.8s ease;
}
/* L'état au survol */
.biovana-hover-effect h2:hover {
    background-position: 100%;
}
/* 3.2 bloc2
   -------------------------------------------------------------- */

 /* Le conteneur de fond */
.bg-co{position:static !important;}
    .biovana-bg-only {
        position: absolute;
        width: 100%;
        height: 100%;
        /* background: linear-gradient(110deg, #4f46e5 0%, #0f766e 100%); */
        overflow: hidden;
        border-radius: 12px;
        top:0;
        bottom:0;
        left: 0: ;
        right: 0;
        left: 0;
        z-index: 1;
    }
    /* Les formes animées (Blobs) */
    .biovana-blob {
        position: absolute;
        border-radius: 50%;
        filter: blur(80px);
        z-index: 1;
        animation: biovana-float 13s ease-in-out infinite;
    }
    .biovana-blob-1 {
        top: 0;
        left: 0;
        width: 380px;
        height: 380px;
        background: rgb(124 58 237 / 80%);
    }
    .biovana-blob-2 {
        bottom: 0%;
        right: 0%;
        width: 200px;
        height: 200px;
        background: rgba(45, 212, 191, 0.8);
        animation-delay: -5s;
    }
    .biovana-blob-center {
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        width: 180px;
        height: 180px;
        background:hsl(199deg 98% 48% / 80%);
        animation-delay: -2s;
    }
    @keyframes biovana-float {
        0% { transform: translate(0) scale(1.1); opacity: .95; }
        20% { transform: translate(-30px, 30px) scale(1.25); opacity: 1; }
        45% { transform: translate(30px, -30px) scale(.95); opacity: .92; }
        70% { transform: translate(-20px, -20px) scale(1.15); opacity: 1; }
        100% { transform: translate(0) scale(1.1); opacity: .95; }
    }

	/* ===2== */

	 /* Le conteneur de fond */
		.b2{
			position:static !important;
		}   
		/* Les formes animées (Blobs) */
		.b2 .biovana-blob {
			animation: biovana-float-2 14s ease-in-out infinite;
		}
		.b2 .biovana-blob-1 {
			top: 10%;
			left: 10%;
			width: 380px;
			height: 380px;
			background: rgb(124 58 237 / 44%);
		}
		.b2 .biovana-blob-2 {
			top: 0%;
			right: calc(50% - 600px);
			width: 200px;
			height: 200px;
			background: rgb(40 83 91 / 30%);
			animation-delay: -6s;
			animation: biovana-float-3 14s ease-in-out infinite;
			/* visibility:hidden !important; */
		}
		.b2 .biovana-blob-center {
			top: 50%;
			left:70%;
			transform: translate(-50%, -50%);
			width: 180px;
			height: 180px;
			background: rgb(40 83 91 / 30%);
			animation-delay: -2s;
		}
		@keyframes biovana-float-2 {
			0% { transform: translate(0) scale(1.1); opacity: .95; }
			20% { transform: translate(-30px, 30px) scale(1.25); opacity: 1; }
			45% { transform: translate(30px, -30px) scale(.65); opacity: .92; }
			70% { transform: translate(-20px, -20px) scale(1.15); opacity: 1; }
			100% { transform: translate(0) scale(1.1); opacity: .95; }
		}
		@keyframes biovana-float-3 {
				0% { transform: translate(0) scale(1.1); opacity: .95; }
			20% { transform: translate(-180px, -50px) scale(1.25); opacity: 1; }
			45% { transform: translate(-80px, -30px) scale(.65); opacity: .92; }
			70% { transform: translate(-20px, 80px) scale(1.15); opacity: 1; }
			100% { transform: translate(0) scale(1.1); opacity: .95; }
		}

		.b2  .biovana-blob{
			min-width:520px;
			min-height:520px;
		}
/* 3.3 Content
   -------------------------------------------------------------- */
.biovana-blob-l{
	top: calc(50% - (280px / 2));
	left: 5%;
	width: 380px;
	height: 380px;
	background: rgb(124 58 237 / 44%);
}
.biovana-blob-r {
	top: calc(50% - (600px / 2));
	right: 5%;
	width: 200px;
	height: 200px;
	background: rgb(40 83 91 / 30%);
	animation-delay: -6s;
	animation: biovana-float-4 14s ease-in-out infinite;
	/* visibility:hidden !important; */
}
.biovana-blob-rl-center {
	top: -60%;
	left: calc(50% - (380px / 2));
	transform: translate(-50%, -50%);
	width: 180px;
	height: 180px;
	background: rgb(0 122 205 / 20%);
	animation-delay: -12s;
	
}

@keyframes biovana-float-4 {
				0% { transform: translate(0) scale(1.1); opacity: .95; }
			20% { transform: translate(0px, -550px) scale(1.25); opacity: 1; }
			45% { transform: translate(-580px, -30px) scale(.65); opacity: .92; }
			70% { transform: translate(-20px, 580px) scale(1.19); opacity: 1; }
			

/* 3.4 Sidebar
   -------------------------------------------------------------- */


/* 3.5 Footer
   -------------------------------------------------------------- */
.bvp-cta-card a.bvp-btn {
    color: #fff !important;
}

/* ==========================================================================
   4.0 Components
   ========================================================================== */

/* 4.1 Buttons
   -------------------------------------------------------------- */


/* 4.2 Forms
   -------------------------------------------------------------- */


/* ==========================================================================
   5.0 Plugins Overrides
   ========================================================================== */


/* ==========================================================================
   6.0 Responsive Design
   ========================================================================== */

/* 6.1 Tablet (max-width: 921px)
   -------------------------------------------------------------- */
@media (max-width: 921px) {
    
}

/* 6.2 Mobile (max-width: 544px)
   -------------------------------------------------------------- */
@media (max-width: 544px) {
    
}

/* 3.2 Navigation
   -------------------------------------------------------------- */


/* 3.3 Content
   -------------------------------------------------------------- */


/* 3.4 Sidebar
   -------------------------------------------------------------- */


/* 3.5 Footer
   -------------------------------------------------------------- */


/* ==========================================================================
   4.0 Components
   ========================================================================== */

/* 4.1 Buttons
   -------------------------------------------------------------- */


/* 4.2 Forms
   -------------------------------------------------------------- */


/* ==========================================================================
   5.0 Plugins Overrides
   ========================================================================== */


/* ==========================================================================
   6.0 Responsive Design
   ========================================================================== */

/* 6.1 Tablet (max-width: 921px)
   -------------------------------------------------------------- */
@media (max-width: 921px) {
    
}

/* 6.2 Mobile (max-width: 544px)
   -------------------------------------------------------------- */
@media (max-width: 544px) {
    
}