.elementor-215 .elementor-element.elementor-element-34bc9c5b > .elementor-widget-wrap > .elementor-widget:not(.elementor-widget__width-auto):not(.elementor-widget__width-initial):not(:last-child):not(.elementor-absolute){--kit-widget-spacing:0px;}.elementor-215 .elementor-element.elementor-element-1f86abc9{--spacer-size:80px;}.elementor-215 .elementor-element.elementor-element-1fcadc9{--display:flex;--min-height:700px;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--overlay-opacity:0.5;}.elementor-215 .elementor-element.elementor-element-1fcadc9:not(.elementor-motion-effects-element-type-background), .elementor-215 .elementor-element.elementor-element-1fcadc9 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://leprofenligne.com/wp-content/uploads/2026/02/student-online-cute-guy-checked-shirt-with-glasses-studying-computer-waving-hands-scaled.jpg");background-position:bottom center;}.elementor-215 .elementor-element.elementor-element-1fcadc9::before, .elementor-215 .elementor-element.elementor-element-1fcadc9 > .elementor-background-video-container::before, .elementor-215 .elementor-element.elementor-element-1fcadc9 > .e-con-inner > .elementor-background-video-container::before, .elementor-215 .elementor-element.elementor-element-1fcadc9 > .elementor-background-slideshow::before, .elementor-215 .elementor-element.elementor-element-1fcadc9 > .e-con-inner > .elementor-background-slideshow::before, .elementor-215 .elementor-element.elementor-element-1fcadc9 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:var( --e-global-color-blocksy_palette_2 );--background-overlay:'';}.elementor-215 .elementor-element.elementor-element-1fcadc9 > .elementor-shape-bottom .elementor-shape-fill, .elementor-215 .elementor-element.elementor-element-1fcadc9 > .e-con-inner > .elementor-shape-bottom .elementor-shape-fill{fill:#E6BF486E;}.elementor-215 .elementor-element.elementor-element-1fcadc9 > .elementor-shape-bottom svg, .elementor-215 .elementor-element.elementor-element-1fcadc9 > .e-con-inner > .elementor-shape-bottom svg{width:calc(100% + 1.3px);height:116px;transform:translateX(-50%) rotateY(180deg);}.elementor-215 .elementor-element.elementor-element-3f09ca8{text-align:center;}.elementor-215 .elementor-element.elementor-element-3f09ca8 .elementor-heading-title{color:#FFFFFF;}.elementor-215 .elementor-element.elementor-element-a5fc739{padding:0px 150px 0px 150px;text-align:center;}.elementor-215 .elementor-element.elementor-element-a5fc739 .elementor-heading-title{font-size:22px;font-weight:500;color:#FFFFFF;}.elementor-215 .elementor-element.elementor-element-4700119 > .elementor-container > .elementor-column > .elementor-widget-wrap{align-content:center;align-items:center;}.elementor-215 .elementor-element.elementor-element-4700119{margin-top:50px;margin-bottom:0px;}.elementor-215 .elementor-element.elementor-element-b45421e img{width:100%;}.elementor-215 .elementor-element.elementor-element-3cf15b6 .elementor-heading-title{font-size:30px;color:var( --e-global-color-blocksy_palette_1 );}.elementor-215 .elementor-element.elementor-element-c4655f8{--divider-border-style:solid;--divider-color:var( --e-global-color-blocksy_palette_3 );--divider-border-width:3px;}.elementor-215 .elementor-element.elementor-element-c4655f8 .elementor-divider-separator{width:80px;}.elementor-215 .elementor-element.elementor-element-c4655f8 .elementor-divider{padding-block-start:6px;padding-block-end:6px;}.elementor-215 .elementor-element.elementor-element-9252f31{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-215 .elementor-element.elementor-element-9252f31:not(.elementor-motion-effects-element-type-background), .elementor-215 .elementor-element.elementor-element-9252f31 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#E6BF481F;}.elementor-215 .elementor-element.elementor-element-54bf844{text-align:center;}.elementor-215 .elementor-element.elementor-element-54bf844 .elementor-heading-title{font-size:45px;color:var( --e-global-color-blocksy_palette_1 );}.elementor-215 .elementor-element.elementor-element-4e075ff{text-align:center;color:var( --e-global-color-blocksy_palette_4 );}.elementor-215 .elementor-element.elementor-element-21a1588{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-215 .elementor-element.elementor-element-21a1588:not(.elementor-motion-effects-element-type-background), .elementor-215 .elementor-element.elementor-element-21a1588 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#E6BF481F;}.elementor-215 .elementor-element.elementor-element-155d53a{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-215 .elementor-element.elementor-element-947c819.elementor-position-right .elementor-image-box-img{margin-left:15px;}.elementor-215 .elementor-element.elementor-element-947c819.elementor-position-left .elementor-image-box-img{margin-right:15px;}.elementor-215 .elementor-element.elementor-element-947c819.elementor-position-top .elementor-image-box-img{margin-bottom:15px;}.elementor-215 .elementor-element.elementor-element-947c819 .elementor-image-box-wrapper .elementor-image-box-img{width:15%;}.elementor-215 .elementor-element.elementor-element-947c819 .elementor-image-box-img img{transition-duration:0.3s;}.elementor-215 .elementor-element.elementor-element-5812fee{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-215 .elementor-element.elementor-element-0441eb6.elementor-position-right .elementor-image-box-img{margin-left:15px;}.elementor-215 .elementor-element.elementor-element-0441eb6.elementor-position-left .elementor-image-box-img{margin-right:15px;}.elementor-215 .elementor-element.elementor-element-0441eb6.elementor-position-top .elementor-image-box-img{margin-bottom:15px;}.elementor-215 .elementor-element.elementor-element-0441eb6 .elementor-image-box-wrapper .elementor-image-box-img{width:15%;}.elementor-215 .elementor-element.elementor-element-0441eb6 .elementor-image-box-img img{transition-duration:0.3s;}.elementor-215 .elementor-element.elementor-element-360b24e{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-215 .elementor-element.elementor-element-be4dbd3.elementor-position-right .elementor-image-box-img{margin-left:15px;}.elementor-215 .elementor-element.elementor-element-be4dbd3.elementor-position-left .elementor-image-box-img{margin-right:15px;}.elementor-215 .elementor-element.elementor-element-be4dbd3.elementor-position-top .elementor-image-box-img{margin-bottom:15px;}.elementor-215 .elementor-element.elementor-element-be4dbd3 .elementor-image-box-wrapper .elementor-image-box-img{width:15%;}.elementor-215 .elementor-element.elementor-element-be4dbd3 .elementor-image-box-img img{transition-duration:0.3s;}.elementor-215 .elementor-element.elementor-element-1acff01{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:70px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-215 .elementor-element.elementor-element-8e7fff2{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;}.elementor-215 .elementor-element.elementor-element-aba5fbc .elementor-heading-title{font-size:30px;color:var( --e-global-color-blocksy_palette_1 );}.elementor-215 .elementor-element.elementor-element-0c02bfc{--divider-border-style:solid;--divider-color:var( --e-global-color-blocksy_palette_3 );--divider-border-width:3px;}.elementor-215 .elementor-element.elementor-element-0c02bfc .elementor-divider-separator{width:80px;}.elementor-215 .elementor-element.elementor-element-0c02bfc .elementor-divider{padding-block-start:6px;padding-block-end:6px;}.elementor-215 .elementor-element.elementor-element-d429677{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-215 .elementor-element.elementor-element-ab7f7e1{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-215 .elementor-element.elementor-element-c7a84f0{padding:20px 20px 20px 20px;}.elementor-215 .elementor-element.elementor-element-98bb0ba{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-215 .elementor-element.elementor-element-65955ac{padding:20px 20px 20px 20px;}.elementor-215 .elementor-element.elementor-element-25eb8d0{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-215 .elementor-element.elementor-element-7c38229{padding:20px 20px 20px 20px;}.elementor-215 .elementor-element.elementor-element-9852afb{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-215 .elementor-element.elementor-element-bbb9bc0 img{width:100%;}.elementor-215 .elementor-element.elementor-element-21561fd3 > .elementor-widget-wrap > .elementor-widget:not(.elementor-widget__width-auto):not(.elementor-widget__width-initial):not(:last-child):not(.elementor-absolute){--kit-widget-spacing:0px;}.elementor-215 .elementor-element.elementor-element-f7df56b{--spacer-size:100px;}.elementor-215 .elementor-element.elementor-element-73c9f188:not(.elementor-motion-effects-element-type-background), .elementor-215 .elementor-element.elementor-element-73c9f188 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://leprofenligne.com/wp-content/uploads/2020/08/campaign-creators-qCi_MzVODoU-unsplash.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-215 .elementor-element.elementor-element-73c9f188 > .elementor-container{max-width:630px;text-align:center;}.elementor-215 .elementor-element.elementor-element-73c9f188, .elementor-215 .elementor-element.elementor-element-73c9f188 > .elementor-background-overlay{border-radius:10px 10px 10px 10px;}.elementor-215 .elementor-element.elementor-element-73c9f188{box-shadow:0px 20px 50px 0px rgba(0, 0, 0, 0.25);transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:100px 100px 100px 100px;z-index:1;}.elementor-215 .elementor-element.elementor-element-73c9f188 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-215 .elementor-element.elementor-element-3f742cff .elementor-heading-title{font-weight:800;color:#FFFFFF;}.elementor-215 .elementor-element.elementor-element-5ce1a281{color:#FFFFFF;}.elementor-215 .elementor-element.elementor-element-6c6d877e .elementor-button{background-color:var( --e-global-color-blocksy_palette_1 );font-size:16px;padding:16px 23px 16px 23px;}.elementor-215 .elementor-element.elementor-element-6c6d877e .elementor-button:hover, .elementor-215 .elementor-element.elementor-element-6c6d877e .elementor-button:focus{background-color:var( --e-global-color-blocksy_palette_2 );}.elementor-215 .elementor-element.elementor-element-27eed9c0:not(.elementor-motion-effects-element-type-background), .elementor-215 .elementor-element.elementor-element-27eed9c0 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#102136;}.elementor-215 .elementor-element.elementor-element-27eed9c0{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin-top:-200px;margin-bottom:0px;padding:0px 0px 50px 0px;}.elementor-215 .elementor-element.elementor-element-27eed9c0 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-215 .elementor-element.elementor-element-182d1a3a > .elementor-widget-wrap > .elementor-widget:not(.elementor-widget__width-auto):not(.elementor-widget__width-initial):not(:last-child):not(.elementor-absolute){--kit-widget-spacing:0px;}.elementor-215 .elementor-element.elementor-element-39307e74{--spacer-size:200px;}@media(min-width:768px){.elementor-215 .elementor-element.elementor-element-155d53a{--width:33%;}.elementor-215 .elementor-element.elementor-element-5812fee{--width:33%;}.elementor-215 .elementor-element.elementor-element-360b24e{--width:33%;}.elementor-215 .elementor-element.elementor-element-8e7fff2{--width:50%;}.elementor-215 .elementor-element.elementor-element-ab7f7e1{--width:33%;}.elementor-215 .elementor-element.elementor-element-98bb0ba{--width:33%;}.elementor-215 .elementor-element.elementor-element-25eb8d0{--width:33%;}.elementor-215 .elementor-element.elementor-element-9852afb{--width:50%;}}@media(max-width:1024px){.elementor-215 .elementor-element.elementor-element-1f86abc9{--spacer-size:70px;}.elementor-215 .elementor-element.elementor-element-3cf15b6 .elementor-heading-title{font-size:25px;}.elementor-215 .elementor-element.elementor-element-aba5fbc .elementor-heading-title{font-size:25px;}.elementor-215 .elementor-element.elementor-element-f7df56b{--spacer-size:70px;}.elementor-215 .elementor-element.elementor-element-73c9f188{padding:70px 70px 70px 70px;}.elementor-215 .elementor-element.elementor-element-3f742cff .elementor-heading-title{font-size:25px;}}@media(max-width:767px){.elementor-215 .elementor-element.elementor-element-a5fc739{padding:0px 0px 0px 0px;}.elementor-215 .elementor-element.elementor-element-54bf844 .elementor-heading-title{font-size:40px;line-height:1.2em;}.elementor-215 .elementor-element.elementor-element-947c819 .elementor-image-box-img{margin-bottom:15px;}.elementor-215 .elementor-element.elementor-element-0441eb6 .elementor-image-box-img{margin-bottom:15px;}.elementor-215 .elementor-element.elementor-element-be4dbd3 .elementor-image-box-img{margin-bottom:15px;}.elementor-215 .elementor-element.elementor-element-73c9f188{padding:30px 30px 30px 30px;}}@media(max-width:1024px) and (min-width:768px){.elementor-215 .elementor-element.elementor-element-d92f798{width:100%;}.elementor-215 .elementor-element.elementor-element-99f25e0{width:100%;}}/* Start custom CSS for button, class: .elementor-element-02038d7 */.elementor-button.elementor-button-link.elementor-size-sm {
    background-color: #ffffff;
    color: #0066cc;
    padding: 17px 44px;
    border-radius: 5px;
    border: 2px solid #0066cc;
    font-size: 14px;
    font-weight: 600;
    text-decoration: none;
    display: inline-block;
    cursor: pointer;
    position: relative;
    overflow: hidden;
    transition: color 0.4s ease;
    z-index: 1;
}

.elementor-button.elementor-button-link.elementor-size-sm::before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 0;
    background-color: #0066cc;
    transition: height 0.4s ease;
    z-index: -1;
}

.elementor-button.elementor-button-link.elementor-size-sm:hover {
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(0, 102, 204, 0.4);
}

.elementor-button.elementor-button-link.elementor-size-sm:hover::before {
    height: 100%;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-b45421e */.img-about {
    position: relative;
    max-width: 1200px;
    margin: 60px auto;
    padding: 5px;
    background: linear-gradient(45deg, #3b82f6, #60a5fa, #fbbf24, #f59e0b);
    background-size: 300% 300%;
    border-radius: 30px;
    animation: gradientShift 6s ease infinite;
    box-shadow: 0 10px 30px rgba(59, 130, 246, 0.2);
}

@keyframes gradientShift {
    0%, 100% { 
        background-position: 0% 50%; 
    }
    50% { 
        background-position: 100% 50%; 
    }
}

/* Decorative Elements */
.img-about::before {
    content: '';
    position: absolute;
    top: -20px;
    left: 35px;
    width: 120px;
    height: 120px;
    background: linear-gradient(135deg, #3b82f6, #60a5fa);
    border-radius: 50%;
    opacity: 0.2;
    z-index: -1;
    animation: pulse 3s ease-in-out infinite;
}

.img-about::after {
    content: '';
    position: absolute;
    bottom: -20px;
    right: 35px;
    width: 160px;
    height: 160px;
    background: linear-gradient(135deg, #fbbf24, #f59e0b);
    border-radius: 30% 70% 70% 30% / 30% 30% 70% 70%;
    opacity: 0.15;
    z-index: -1;
    animation: morphing 8s ease-in-out infinite;
}

@keyframes pulse {
    0%, 100% {
        transform: scale(1);
        opacity: 0.2;
    }
    50% {
        transform: scale(1.1);
        opacity: 0.3;
    }
}

@keyframes morphing {
    0%, 100% {
        border-radius: 30% 70% 70% 30% / 30% 30% 70% 70%;
    }
    50% {
        border-radius: 70% 30% 30% 70% / 70% 70% 30% 30%;
    }
}

/* Image Styling */
.img-about img {
    width: 100%;
    height: auto;
    display: block;
    border-radius: 26px;
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.15);
    transition: transform 0.5s ease, box-shadow 0.5s ease;
    background: white;
}

.img-about:hover img {
    transform: translateY(-8px) scale(0.99) rotate(1deg);
    box-shadow: 0 30px 80px rgba(0, 0, 0, 0.25);
}

/* Responsive Design */
@media (max-width: 768px) {
    .img-about {
        margin: 40px 20px;
        padding: 4px;
    }
    
    .img-about::before {
        width: 80px;
        height: 80px;
        top: -10px;
        left: 20px;
    }
    
    .img-about::after {
        width: 100px;
        height: 100px;
        bottom: -10px;
        right: 20px;
    }
    
    .img-about img {
        border-radius: 22px;
    }
    
    .img-about:hover img {
        transform: translateY(-5px) scale(0.99);
    }
}

@media (max-width: 480px) {
    .img-about {
        margin: 30px 15px;
        padding: 3px;
    }
    
    .img-about::before {
        width: 60px;
        height: 60px;
    }
    
    .img-about::after {
        width: 80px;
        height: 80px;
    }
}/* End custom CSS */
/* Start custom CSS for image-box, class: .elementor-element-947c819 */.box-aproche {
    position: relative;
    background: #ffffff;
    border-radius: 25px;
    padding: 45px;
    border-left: 5px solid #3b82f6;
    box-shadow: 0 15px 35px rgba(59, 130, 246, 0.1);
    transition: all 0.4s ease;
    margin: 25px 0;
    overflow: hidden;
}

.box-aproche::before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    width: 100px;
    height: 100px;
    background: linear-gradient(135deg, #fbbf24, #f59e0b);
    border-radius: 0 0 0 100%;
    opacity: 0.1;
    transition: all 0.4s ease;
}

.box-aproche:hover {
    transform: translateY(-8px);
    box-shadow: 0 20px 50px rgba(59, 130, 246, 0.15);
    border-left-color: #fbbf24;
}

.box-aproche:hover::before {
    width: 150px;
    height: 150px;
    opacity: 0.15;
}

.box-aproche h3 {
    font-size: 26px;
    font-weight: 700;
    color: #1e293b;
    margin-bottom: 18px;
    position: relative;
    z-index: 1;
}

.box-aproche p {
    font-size: 16px;
    line-height: 1.8;
    color: #64748b;
    margin: 0;
    position: relative;
    z-index: 1;
}

@media (max-width: 768px) {
    .box-aproche {
        padding: 30px;
        border-left-width: 4px;
    }
}/* End custom CSS */
/* Start custom CSS for counter, class: .elementor-element-c7a84f0 */.résultat-item {
    text-align: center;
    border: 3px solid #3b82f6;
    border-radius: 25px;
    background: white;
    min-width: 180px;
    max-width: 200px;
    transition: all 0.4s ease;
    box-shadow: 0 8px 25px rgba(59, 130, 246, 0.2);
    font-size: 18px;
    color: #1e293b;
    font-weight: 400;
    line-height: 1.6;
}

.résultat-item:hover {
    transform: translateY(-10px);
    background: linear-gradient(135deg, rgba(59, 130, 246, 0.1), rgba(251, 191, 36, 0.1));
    border-color: #fbbf24;
    box-shadow: 0 20px 50px rgba(251, 191, 36, 0.35);
    color: #1e40af;
}/* End custom CSS */
/* Start custom CSS for counter, class: .elementor-element-65955ac */.résultat-item {
    text-align: center;
    border: 3px solid #3b82f6;
    border-radius: 25px;
    background: white;
    min-width: 180px;
    max-width: 200px;
    transition: all 0.4s ease;
    box-shadow: 0 8px 25px rgba(59, 130, 246, 0.2);
    font-size: 18px;
    color: #1e293b;
    font-weight: 400;
    line-height: 1.6;
}

.résultat-item:hover {
    transform: translateY(-10px);
    background: linear-gradient(135deg, rgba(59, 130, 246, 0.1), rgba(251, 191, 36, 0.1));
    border-color: #fbbf24;
    box-shadow: 0 20px 50px rgba(251, 191, 36, 0.35);
    color: #1e40af;
}/* End custom CSS */
/* Start custom CSS for counter, class: .elementor-element-7c38229 */.résultat-item {
    text-align: center;
    border: 3px solid #3b82f6;
    border-radius: 25px;
    background: white;
    min-width: 180px;
    max-width: 200px;
    transition: all 0.4s ease;
    box-shadow: 0 8px 25px rgba(59, 130, 246, 0.2);
    font-size: 18px;
    color: #1e293b;
    font-weight: 400;
    line-height: 1.6;
}

.résultat-item:hover {
    transform: translateY(-10px);
    background: linear-gradient(135deg, rgba(59, 130, 246, 0.1), rgba(251, 191, 36, 0.1));
    border-color: #fbbf24;
    box-shadow: 0 20px 50px rgba(251, 191, 36, 0.35);
    color: #1e40af;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-bbb9bc0 */.img-about2 {
    position: relative;
    max-width: 1200px;
    margin: 60px auto;
    padding: 5px;
    background: linear-gradient(45deg, #fbbf24, #f59e0b, #3b82f6, #60a5fa);
    background-size: 300% 300%;
    border-radius: 30px;
    animation: gradientShift 6s ease infinite;
    box-shadow: 0 20px 60px rgba(251, 191, 36, 0.2);
}

@keyframes gradientShift {
    0%, 100% { 
        background-position: 0% 50%; 
    }
    50% { 
        background-position: 100% 50%; 
    }
}

/* Decorative Element - Top Right (Yellow Circle with Pulse) */
.img-about2::before {
    content: '';
    position: absolute;
    top: -20px;
    right: 35px;
    width: 120px;
    height: 120px;
    background: linear-gradient(135deg, #fbbf24, #f59e0b);
    border-radius: 50%;
    opacity: 0.2;
    z-index: -1;
    animation: pulse 3s ease-in-out infinite;
}

@keyframes pulse {
    0%, 100% {
        transform: scale(1);
        opacity: 0.2;
    }
    50% {
        transform: scale(1.1);
        opacity: 0.3;
    }
}

/* Decorative Element - Bottom Left (Blue Blob with Morphing) */
.img-about2::after {
    content: '';
    position: absolute;
    bottom: -20px;
    left: 35px;
    width: 160px;
    height: 160px;
    background: linear-gradient(135deg, #3b82f6, #60a5fa);
    border-radius: 30% 70% 70% 30% / 30% 30% 70% 70%;
    opacity: 0.15;
    z-index: -1;
    animation: morphing 8s ease-in-out infinite;
}

@keyframes morphing {
    0%, 100% {
        border-radius: 30% 70% 70% 30% / 30% 30% 70% 70%;
    }
    50% {
        border-radius: 70% 30% 30% 70% / 70% 70% 30% 30%;
    }
}

/* Image Styling */
.img-about2 img {
    width: 100%;
    height: auto;
    display: block;
    border-radius: 26px;
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.15);
    transition: transform 0.5s ease, box-shadow 0.5s ease;
    background: white;
}

.img-about2:hover img {
    transform: translateY(-8px) scale(0.99) rotate(-1deg);
    box-shadow: 0 30px 80px rgba(0, 0, 0, 0.25);
}

/* Responsive Design */
@media (max-width: 768px) {
    .img-about2 {
        margin: 40px 20px;
        padding: 4px;
    }
    
    .img-about2::before {
        width: 80px;
        height: 80px;
        top: -10px;
        right: 20px;
    }
    
    .img-about2::after {
        width: 100px;
        height: 100px;
        bottom: -10px;
        left: 20px;
    }
    
    .img-about2:hover img {
        transform: translateY(-5px) scale(0.99) rotate(-0.5deg);
    }
}

@media (max-width: 480px) {
    .img-about2 {
        margin: 30px 15px;
        padding: 3px;
    }
    
    .img-about2::before {
        width: 60px;
        height: 60px;
    }
    
    .img-about2::after {
        width: 80px;
        height: 80px;
    }
}/* End custom CSS */