.elementor-239 .elementor-element.elementor-element-20c48bd{--display:flex;--min-height:300px;--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;--margin-top:-126px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:160px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-239 .elementor-element.elementor-element-20c48bd:not(.elementor-motion-effects-element-type-background), .elementor-239 .elementor-element.elementor-element-20c48bd > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#032A40;background-image:url("https://errolnugent.com/wp-content/uploads/2026/06/Group-31-2.png");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-239 .elementor-element.elementor-element-ba26483{--display:flex;--justify-content:center;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-icon-list .elementor-icon-list-item:not(:last-child):after{border-color:var( --e-global-color-text );}.elementor-widget-icon-list .elementor-icon-list-icon i{color:var( --e-global-color-primary );}.elementor-widget-icon-list .elementor-icon-list-icon svg{fill:var( --e-global-color-primary );}.elementor-widget-icon-list .elementor-icon-list-item > .elementor-icon-list-text, .elementor-widget-icon-list .elementor-icon-list-item > a{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-icon-list .elementor-icon-list-text{color:var( --e-global-color-secondary );}.elementor-239 .elementor-element.elementor-element-884d926 .elementor-icon-list-icon i{color:var( --e-global-color-primary );transition:color 0.3s;}.elementor-239 .elementor-element.elementor-element-884d926 .elementor-icon-list-icon svg{fill:var( --e-global-color-primary );transition:fill 0.3s;}.elementor-239 .elementor-element.elementor-element-884d926{--e-icon-list-icon-size:33px;--icon-vertical-offset:0px;}.elementor-239 .elementor-element.elementor-element-884d926 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-239 .elementor-element.elementor-element-884d926 .elementor-icon-list-item > a{font-family:"Lato", Sans-serif;font-size:30px;font-weight:600;text-transform:uppercase;letter-spacing:2px;}.elementor-239 .elementor-element.elementor-element-884d926 .elementor-icon-list-text{color:#F0E6D3;transition:color 0.3s;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-239 .elementor-element.elementor-element-b47d83f{text-align:center;}.elementor-239 .elementor-element.elementor-element-b47d83f img{width:40%;}.elementor-239 .elementor-element.elementor-element-bfcde06{--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;border-style:solid;--border-style:solid;border-width:1px 0px 1px 0px;--border-top-width:1px;--border-right-width:0px;--border-bottom-width:1px;--border-left-width:0px;border-color:#C9A84C45;--border-color:#C9A84C45;--padding-top:80px;--padding-bottom:80px;--padding-left:0px;--padding-right:0px;}.elementor-239 .elementor-element.elementor-element-bfcde06:not(.elementor-motion-effects-element-type-background), .elementor-239 .elementor-element.elementor-element-bfcde06 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#021A27;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-239 .elementor-element.elementor-element-eead47c{text-align:center;}.elementor-239 .elementor-element.elementor-element-eead47c .elementor-heading-title{font-family:"Lato", Sans-serif;font-size:14px;font-weight:600;text-transform:uppercase;letter-spacing:2px;}.elementor-239 .elementor-element.elementor-element-fb7d11a{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:center;}.elementor-239 .elementor-element.elementor-element-fb7d11a .elementor-heading-title{font-family:"Playfair Display", Sans-serif;font-size:46px;font-weight:bold;color:#F0E6D3;}.elementor-239 .elementor-element.elementor-element-f139dfb{text-align:center;}.elementor-239 .elementor-element.elementor-element-f139dfb img{width:100%;}.elementor-239 .elementor-element.elementor-element-d01ac93{--display:flex;}.elementor-239 .elementor-element.elementor-element-8242f33{--display:flex;--background-transition:0.3s;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-239 .elementor-element.elementor-element-8242f33:not(.elementor-motion-effects-element-type-background), .elementor-239 .elementor-element.elementor-element-8242f33 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-secondary );}.elementor-239 .elementor-element.elementor-element-8242f33:hover{background-color:var( --e-global-color-accent );}.elementor-239 .elementor-element.elementor-element-14969ff{width:auto;max-width:auto;text-align:start;}.elementor-239 .elementor-element.elementor-element-14969ff.elementor-element{--align-self:flex-start;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-239 .elementor-element.elementor-element-d90c656{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:start;font-family:"Crimson Pro", Sans-serif;font-size:16px;font-weight:400;color:#CEBFA4;}.elementor-239 .elementor-element.elementor-element-d90c656.elementor-element{--align-self:flex-start;}.elementor-239 .elementor-element.elementor-element-d90c656 p{margin-block-end:0px;}.elementor-239 .elementor-element.elementor-element-c556212{width:100%;max-width:100%;padding:0px 0px 0px 0px;text-align:start;}.elementor-239 .elementor-element.elementor-element-c556212.elementor-element{--align-self:flex-start;}.elementor-239 .elementor-element.elementor-element-c556212 img{width:14%;}.elementor-239 .elementor-element.elementor-element-2587c01{margin:-14px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:6px 0px 0px 0px;}.elementor-239 .elementor-element.elementor-element-2587c01 .elementor-heading-title{font-family:"Playfair Display", Sans-serif;font-size:16px;font-weight:600;color:var( --e-global-color-text );}.elementor-239 .elementor-element.elementor-element-b506356{margin:-8px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:start;}.elementor-239 .elementor-element.elementor-element-b506356 .elementor-heading-title{font-family:"Lato", Sans-serif;font-size:14px;font-weight:600;}.elementor-239 .elementor-element.elementor-element-70739b9{--display:flex;}.elementor-239 .elementor-element.elementor-element-0ccde6f{--display:flex;--background-transition:0.3s;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-239 .elementor-element.elementor-element-0ccde6f:not(.elementor-motion-effects-element-type-background), .elementor-239 .elementor-element.elementor-element-0ccde6f > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-secondary );}.elementor-239 .elementor-element.elementor-element-0ccde6f:hover{background-color:var( --e-global-color-accent );}.elementor-239 .elementor-element.elementor-element-ce4bfc3{width:auto;max-width:auto;text-align:start;}.elementor-239 .elementor-element.elementor-element-ce4bfc3.elementor-element{--align-self:flex-start;}.elementor-239 .elementor-element.elementor-element-2556cc6{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:start;font-family:"Crimson Pro", Sans-serif;font-size:16px;font-weight:400;color:#CEBFA4;}.elementor-239 .elementor-element.elementor-element-2556cc6.elementor-element{--align-self:flex-start;}.elementor-239 .elementor-element.elementor-element-2556cc6 p{margin-block-end:0px;}.elementor-239 .elementor-element.elementor-element-b1d6b63{width:100%;max-width:100%;padding:0px 0px 0px 0px;text-align:start;}.elementor-239 .elementor-element.elementor-element-b1d6b63.elementor-element{--align-self:flex-start;}.elementor-239 .elementor-element.elementor-element-b1d6b63 img{width:14%;}.elementor-239 .elementor-element.elementor-element-b7b99b5{margin:-14px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:6px 0px 0px 0px;}.elementor-239 .elementor-element.elementor-element-b7b99b5 .elementor-heading-title{font-family:"Playfair Display", Sans-serif;font-size:16px;font-weight:600;color:var( --e-global-color-text );}.elementor-239 .elementor-element.elementor-element-e910ede{margin:-8px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:start;}.elementor-239 .elementor-element.elementor-element-e910ede .elementor-heading-title{font-family:"Lato", Sans-serif;font-size:14px;font-weight:600;}.elementor-239 .elementor-element.elementor-element-d8fa23e{--display:flex;}.elementor-239 .elementor-element.elementor-element-e8665c8{--display:flex;--background-transition:0.3s;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-239 .elementor-element.elementor-element-e8665c8:not(.elementor-motion-effects-element-type-background), .elementor-239 .elementor-element.elementor-element-e8665c8 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-secondary );}.elementor-239 .elementor-element.elementor-element-e8665c8:hover{background-color:var( --e-global-color-accent );}.elementor-239 .elementor-element.elementor-element-270a577{width:auto;max-width:auto;text-align:start;}.elementor-239 .elementor-element.elementor-element-270a577.elementor-element{--align-self:flex-start;}.elementor-239 .elementor-element.elementor-element-fbc0c16{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:start;font-family:"Crimson Pro", Sans-serif;font-size:16px;font-weight:400;color:#CEBFA4;}.elementor-239 .elementor-element.elementor-element-fbc0c16.elementor-element{--align-self:flex-start;}.elementor-239 .elementor-element.elementor-element-fbc0c16 p{margin-block-end:0px;}.elementor-239 .elementor-element.elementor-element-20d7015{width:100%;max-width:100%;padding:0px 0px 0px 0px;text-align:start;}.elementor-239 .elementor-element.elementor-element-20d7015.elementor-element{--align-self:flex-start;}.elementor-239 .elementor-element.elementor-element-20d7015 img{width:14%;}.elementor-239 .elementor-element.elementor-element-eb80b60{margin:-14px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:6px 0px 0px 0px;}.elementor-239 .elementor-element.elementor-element-eb80b60 .elementor-heading-title{font-family:"Playfair Display", Sans-serif;font-size:16px;font-weight:600;color:var( --e-global-color-text );}.elementor-239 .elementor-element.elementor-element-dd907f1{margin:-8px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:start;}.elementor-239 .elementor-element.elementor-element-dd907f1 .elementor-heading-title{font-family:"Lato", Sans-serif;font-size:14px;font-weight:600;}.elementor-239 .elementor-element.elementor-element-f224614{--display:flex;}.elementor-239 .elementor-element.elementor-element-671fe93{--display:flex;--background-transition:0.3s;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-239 .elementor-element.elementor-element-671fe93:not(.elementor-motion-effects-element-type-background), .elementor-239 .elementor-element.elementor-element-671fe93 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-secondary );}.elementor-239 .elementor-element.elementor-element-671fe93:hover{background-color:var( --e-global-color-accent );}.elementor-239 .elementor-element.elementor-element-d5db8de{width:auto;max-width:auto;text-align:start;}.elementor-239 .elementor-element.elementor-element-d5db8de.elementor-element{--align-self:flex-start;}.elementor-239 .elementor-element.elementor-element-056b8be{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:start;font-family:"Crimson Pro", Sans-serif;font-size:16px;font-weight:400;color:#CEBFA4;}.elementor-239 .elementor-element.elementor-element-056b8be.elementor-element{--align-self:flex-start;}.elementor-239 .elementor-element.elementor-element-056b8be p{margin-block-end:0px;}.elementor-239 .elementor-element.elementor-element-23665ec{width:100%;max-width:100%;padding:0px 0px 0px 0px;text-align:start;}.elementor-239 .elementor-element.elementor-element-23665ec.elementor-element{--align-self:flex-start;}.elementor-239 .elementor-element.elementor-element-23665ec img{width:14%;}.elementor-239 .elementor-element.elementor-element-2ae8a3c{margin:-14px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:6px 0px 0px 0px;}.elementor-239 .elementor-element.elementor-element-2ae8a3c .elementor-heading-title{font-family:"Playfair Display", Sans-serif;font-size:16px;font-weight:600;color:var( --e-global-color-text );}.elementor-239 .elementor-element.elementor-element-eb6e9cc{margin:-8px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:start;}.elementor-239 .elementor-element.elementor-element-eb6e9cc .elementor-heading-title{font-family:"Lato", Sans-serif;font-size:14px;font-weight:600;}.elementor-239 .elementor-element.elementor-element-e0b8fd1{--e-n-carousel-swiper-slides-to-display:3;--e-n-carousel-swiper-slides-gap:10px;padding:30px 0px 0px 0px;--e-n-carousel-slide-height:auto;--e-n-carousel-slide-container-height:100%;--e-n-carousel-arrow-prev-left-align:0%;--e-n-carousel-arrow-prev-translate-x:0px;--e-n-carousel-arrow-prev-left-position:0px;--e-n-carousel-arrow-prev-top-align:50%;--e-n-carousel-arrow-prev-translate-y:-50%;--e-n-carousel-arrow-prev-top-position:0px;--e-n-carousel-arrow-next-right-align:0%;--e-n-carousel-arrow-next-translate-x:0%;--e-n-carousel-arrow-next-right-position:0px;--e-n-carousel-arrow-next-top-align:50%;--e-n-carousel-arrow-next-translate-y:-50%;--e-n-carousel-arrow-next-top-position:0px;--e-n-carousel-arrow-size:18px;--e-n-carousel-arrow-normal-color:var( --e-global-color-text );--e-n-carousel-arrow-hover-color:var( --e-global-color-secondary );}.elementor-239 .elementor-element.elementor-element-e0b8fd1 :is(.elementor-swiper-button-prev, .elementor-swiper-button-next) {background-color:var( --e-global-color-primary );border-radius:100px 100px 100px 100px;padding:4px 4px 4px 4px;}.elementor-239 .elementor-element.elementor-element-e0b8fd1 :is(.elementor-swiper-button-prev:hover, .elementor-swiper-button-next:hover) {background-color:var( --e-global-color-text );}@media(max-width:1024px){.elementor-239 .elementor-element.elementor-element-e0b8fd1{--e-n-carousel-swiper-slides-to-display:2;}}@media(max-width:767px){.elementor-239 .elementor-element.elementor-element-20c48bd{--min-height:144px;--margin-top:-130px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:120px;--padding-bottom:20px;--padding-left:0px;--padding-right:0px;}.elementor-239 .elementor-element.elementor-element-884d926 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-239 .elementor-element.elementor-element-884d926 .elementor-icon-list-item > a{font-size:25px;}.elementor-239 .elementor-element.elementor-element-bfcde06{--content-width:95%;--padding-top:30px;--padding-bottom:30px;--padding-left:0px;--padding-right:0px;}.elementor-239 .elementor-element.elementor-element-fb7d11a .elementor-heading-title{font-size:40px;}.elementor-239 .elementor-element.elementor-element-e0b8fd1{--e-n-carousel-swiper-slides-to-display:1;}}@media(max-width:1024px) and (min-width:768px){.elementor-239 .elementor-element.elementor-element-bfcde06{--content-width:97%;}}/* Start custom CSS for container, class: .elementor-element-8242f33 *//* New Container for About Box */
.my-box {
    position: relative;
    transition: all 0.3s ease;
}

/* Patli Border aur Corners ki Pehli State (Normal State) */
.my-box::before {
    content: "";
    position: absolute;
    top: 0;    /* Gap khatam kar ke edge se chipka diya */
    left: 0;
    right: 0;
    bottom: 0;
    pointer-events: none;
    z-index: 1;
    
    /* 1. Patli 1px Border (Normal state me Gold opacity ke sath) */
    border: 1px solid #C9A84C40; 
    box-sizing: border-box !important;
    
    /* Corners ko border ke upar lock rakhne ke liye */
    background-origin: border-box !important;
    background-clip: border-box !important;

    /* 2. Gradients Setup (Normal ke liye Gold aur Hover ke liye White) */
    background: 
        /* --- GOLD CORNERS (Normal State) --- */
        linear-gradient(#C9A84C, #C9A84C) no-repeat top left,     /* Top-Left Horiz */
        linear-gradient(#C9A84C, #C9A84C) no-repeat top left,     /* Top-Left Vert */
        
        linear-gradient(#C9A84C, #C9A84C) no-repeat bottom right,  /* Bottom-Right Horiz */
        linear-gradient(#C9A84C, #C9A84C) no-repeat bottom right, /* Bottom-Right Vert */
        
        /* --- WHITE CORNERS (Hover State) --- */
        linear-gradient(#C9A84C, #C9A84C) no-repeat top right,    /* Top-Right Horiz */
        linear-gradient(#C9A84C, #C9A84C) no-repeat top right,    /* Top-Right Vert */
        
        linear-gradient(#C9A84C, #C9A84C) no-repeat bottom left,   /* Bottom-Left Horiz */
        linear-gradient(#C9A84C, #C9A84C) no-repeat bottom left;  /* Bottom-Left Vert */

    /* Normal State Size: Top-Left aur Bottom-Right active (20px) hain, baaki dono 0px hain */
    background-size: 
        20px 1.5px, 1.5px 20px, /* Top-Left (Gold - Visible) */
        20px 1.5px, 1.5px 20px, /* Bottom-Right (Gold - Visible) */
        0px 2px, 2px 0px,   /* Top-Right (White - Hidden) */
        0px 2px, 2px 0px !important;  /* Bottom-Left (White - Hidden) */

    /* Isse corners smoothly change honge */
    transition: background-size 0.3s ease, border-color 0.3s ease;
}

/* 3. Hover State Effect (Jab mouse upar aaye) */
.my-box:hover::before {
    /* Hover karne par patli border ka color */
    border: 1px solid #C9A84C40 !important;

    /* Sizes Swap: Puraane corners 0px ho jayenge aur naye White corners 20px ho jayenge */
    background-size: 
        0px 2px, 2px 0px,   /* Top-Left (Gold - Hide) */
        0px 2px, 2px 0px,   /* Bottom-Right (Gold - Hide) */
        20px 1.5px, 1.5px 20px, /* Top-Right (White - Show) */
        20px 1.5px, 1.5px 20px !important; /* Bottom-Left (White - Show) */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8242f33 *//* New Container for About Box */
.my-box {
    position: relative;
    transition: all 0.3s ease;
}

/* Patli Border aur Corners ki Pehli State (Normal State) */
.my-box::before {
    content: "";
    position: absolute;
    top: 0;    /* Gap khatam kar ke edge se chipka diya */
    left: 0;
    right: 0;
    bottom: 0;
    pointer-events: none;
    z-index: 1;
    
    /* 1. Patli 1px Border (Normal state me Gold opacity ke sath) */
    border: 1px solid #C9A84C40; 
    box-sizing: border-box !important;
    
    /* Corners ko border ke upar lock rakhne ke liye */
    background-origin: border-box !important;
    background-clip: border-box !important;

    /* 2. Gradients Setup (Normal ke liye Gold aur Hover ke liye White) */
    background: 
        /* --- GOLD CORNERS (Normal State) --- */
        linear-gradient(#C9A84C, #C9A84C) no-repeat top left,     /* Top-Left Horiz */
        linear-gradient(#C9A84C, #C9A84C) no-repeat top left,     /* Top-Left Vert */
        
        linear-gradient(#C9A84C, #C9A84C) no-repeat bottom right,  /* Bottom-Right Horiz */
        linear-gradient(#C9A84C, #C9A84C) no-repeat bottom right, /* Bottom-Right Vert */
        
        /* --- WHITE CORNERS (Hover State) --- */
        linear-gradient(#C9A84C, #C9A84C) no-repeat top right,    /* Top-Right Horiz */
        linear-gradient(#C9A84C, #C9A84C) no-repeat top right,    /* Top-Right Vert */
        
        linear-gradient(#C9A84C, #C9A84C) no-repeat bottom left,   /* Bottom-Left Horiz */
        linear-gradient(#C9A84C, #C9A84C) no-repeat bottom left;  /* Bottom-Left Vert */

    /* Normal State Size: Top-Left aur Bottom-Right active (20px) hain, baaki dono 0px hain */
    background-size: 
        20px 1.5px, 1.5px 20px, /* Top-Left (Gold - Visible) */
        20px 1.5px, 1.5px 20px, /* Bottom-Right (Gold - Visible) */
        0px 2px, 2px 0px,   /* Top-Right (White - Hidden) */
        0px 2px, 2px 0px !important;  /* Bottom-Left (White - Hidden) */

    /* Isse corners smoothly change honge */
    transition: background-size 0.3s ease, border-color 0.3s ease;
}

/* 3. Hover State Effect (Jab mouse upar aaye) */
.my-box:hover::before {
    /* Hover karne par patli border ka color */
    border: 1px solid #C9A84C40 !important;

    /* Sizes Swap: Puraane corners 0px ho jayenge aur naye White corners 20px ho jayenge */
    background-size: 
        0px 2px, 2px 0px,   /* Top-Left (Gold - Hide) */
        0px 2px, 2px 0px,   /* Bottom-Right (Gold - Hide) */
        20px 1.5px, 1.5px 20px, /* Top-Right (White - Show) */
        20px 1.5px, 1.5px 20px !important; /* Bottom-Left (White - Show) */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8242f33 *//* New Container for About Box */
.my-box {
    position: relative;
    transition: all 0.3s ease;
}

/* Patli Border aur Corners ki Pehli State (Normal State) */
.my-box::before {
    content: "";
    position: absolute;
    top: 0;    /* Gap khatam kar ke edge se chipka diya */
    left: 0;
    right: 0;
    bottom: 0;
    pointer-events: none;
    z-index: 1;
    
    /* 1. Patli 1px Border (Normal state me Gold opacity ke sath) */
    border: 1px solid #C9A84C40; 
    box-sizing: border-box !important;
    
    /* Corners ko border ke upar lock rakhne ke liye */
    background-origin: border-box !important;
    background-clip: border-box !important;

    /* 2. Gradients Setup (Normal ke liye Gold aur Hover ke liye White) */
    background: 
        /* --- GOLD CORNERS (Normal State) --- */
        linear-gradient(#C9A84C, #C9A84C) no-repeat top left,     /* Top-Left Horiz */
        linear-gradient(#C9A84C, #C9A84C) no-repeat top left,     /* Top-Left Vert */
        
        linear-gradient(#C9A84C, #C9A84C) no-repeat bottom right,  /* Bottom-Right Horiz */
        linear-gradient(#C9A84C, #C9A84C) no-repeat bottom right, /* Bottom-Right Vert */
        
        /* --- WHITE CORNERS (Hover State) --- */
        linear-gradient(#C9A84C, #C9A84C) no-repeat top right,    /* Top-Right Horiz */
        linear-gradient(#C9A84C, #C9A84C) no-repeat top right,    /* Top-Right Vert */
        
        linear-gradient(#C9A84C, #C9A84C) no-repeat bottom left,   /* Bottom-Left Horiz */
        linear-gradient(#C9A84C, #C9A84C) no-repeat bottom left;  /* Bottom-Left Vert */

    /* Normal State Size: Top-Left aur Bottom-Right active (20px) hain, baaki dono 0px hain */
    background-size: 
        20px 1.5px, 1.5px 20px, /* Top-Left (Gold - Visible) */
        20px 1.5px, 1.5px 20px, /* Bottom-Right (Gold - Visible) */
        0px 2px, 2px 0px,   /* Top-Right (White - Hidden) */
        0px 2px, 2px 0px !important;  /* Bottom-Left (White - Hidden) */

    /* Isse corners smoothly change honge */
    transition: background-size 0.3s ease, border-color 0.3s ease;
}

/* 3. Hover State Effect (Jab mouse upar aaye) */
.my-box:hover::before {
    /* Hover karne par patli border ka color */
    border: 1px solid #C9A84C40 !important;

    /* Sizes Swap: Puraane corners 0px ho jayenge aur naye White corners 20px ho jayenge */
    background-size: 
        0px 2px, 2px 0px,   /* Top-Left (Gold - Hide) */
        0px 2px, 2px 0px,   /* Bottom-Right (Gold - Hide) */
        20px 1.5px, 1.5px 20px, /* Top-Right (White - Show) */
        20px 1.5px, 1.5px 20px !important; /* Bottom-Left (White - Show) */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8242f33 *//* New Container for About Box */
.my-box {
    position: relative;
    transition: all 0.3s ease;
}

/* Patli Border aur Corners ki Pehli State (Normal State) */
.my-box::before {
    content: "";
    position: absolute;
    top: 0;    /* Gap khatam kar ke edge se chipka diya */
    left: 0;
    right: 0;
    bottom: 0;
    pointer-events: none;
    z-index: 1;
    
    /* 1. Patli 1px Border (Normal state me Gold opacity ke sath) */
    border: 1px solid #C9A84C40; 
    box-sizing: border-box !important;
    
    /* Corners ko border ke upar lock rakhne ke liye */
    background-origin: border-box !important;
    background-clip: border-box !important;

    /* 2. Gradients Setup (Normal ke liye Gold aur Hover ke liye White) */
    background: 
        /* --- GOLD CORNERS (Normal State) --- */
        linear-gradient(#C9A84C, #C9A84C) no-repeat top left,     /* Top-Left Horiz */
        linear-gradient(#C9A84C, #C9A84C) no-repeat top left,     /* Top-Left Vert */
        
        linear-gradient(#C9A84C, #C9A84C) no-repeat bottom right,  /* Bottom-Right Horiz */
        linear-gradient(#C9A84C, #C9A84C) no-repeat bottom right, /* Bottom-Right Vert */
        
        /* --- WHITE CORNERS (Hover State) --- */
        linear-gradient(#C9A84C, #C9A84C) no-repeat top right,    /* Top-Right Horiz */
        linear-gradient(#C9A84C, #C9A84C) no-repeat top right,    /* Top-Right Vert */
        
        linear-gradient(#C9A84C, #C9A84C) no-repeat bottom left,   /* Bottom-Left Horiz */
        linear-gradient(#C9A84C, #C9A84C) no-repeat bottom left;  /* Bottom-Left Vert */

    /* Normal State Size: Top-Left aur Bottom-Right active (20px) hain, baaki dono 0px hain */
    background-size: 
        20px 1.5px, 1.5px 20px, /* Top-Left (Gold - Visible) */
        20px 1.5px, 1.5px 20px, /* Bottom-Right (Gold - Visible) */
        0px 2px, 2px 0px,   /* Top-Right (White - Hidden) */
        0px 2px, 2px 0px !important;  /* Bottom-Left (White - Hidden) */

    /* Isse corners smoothly change honge */
    transition: background-size 0.3s ease, border-color 0.3s ease;
}

/* 3. Hover State Effect (Jab mouse upar aaye) */
.my-box:hover::before {
    /* Hover karne par patli border ka color */
    border: 1px solid #C9A84C40 !important;

    /* Sizes Swap: Puraane corners 0px ho jayenge aur naye White corners 20px ho jayenge */
    background-size: 
        0px 2px, 2px 0px,   /* Top-Left (Gold - Hide) */
        0px 2px, 2px 0px,   /* Bottom-Right (Gold - Hide) */
        20px 1.5px, 1.5px 20px, /* Top-Right (White - Show) */
        20px 1.5px, 1.5px 20px !important; /* Bottom-Left (White - Show) */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8242f33 *//* New Container for About Box */
.my-box {
    position: relative;
    transition: all 0.3s ease;
}

/* Patli Border aur Corners ki Pehli State (Normal State) */
.my-box::before {
    content: "";
    position: absolute;
    top: 0;    /* Gap khatam kar ke edge se chipka diya */
    left: 0;
    right: 0;
    bottom: 0;
    pointer-events: none;
    z-index: 1;
    
    /* 1. Patli 1px Border (Normal state me Gold opacity ke sath) */
    border: 1px solid #C9A84C40; 
    box-sizing: border-box !important;
    
    /* Corners ko border ke upar lock rakhne ke liye */
    background-origin: border-box !important;
    background-clip: border-box !important;

    /* 2. Gradients Setup (Normal ke liye Gold aur Hover ke liye White) */
    background: 
        /* --- GOLD CORNERS (Normal State) --- */
        linear-gradient(#C9A84C, #C9A84C) no-repeat top left,     /* Top-Left Horiz */
        linear-gradient(#C9A84C, #C9A84C) no-repeat top left,     /* Top-Left Vert */
        
        linear-gradient(#C9A84C, #C9A84C) no-repeat bottom right,  /* Bottom-Right Horiz */
        linear-gradient(#C9A84C, #C9A84C) no-repeat bottom right, /* Bottom-Right Vert */
        
        /* --- WHITE CORNERS (Hover State) --- */
        linear-gradient(#C9A84C, #C9A84C) no-repeat top right,    /* Top-Right Horiz */
        linear-gradient(#C9A84C, #C9A84C) no-repeat top right,    /* Top-Right Vert */
        
        linear-gradient(#C9A84C, #C9A84C) no-repeat bottom left,   /* Bottom-Left Horiz */
        linear-gradient(#C9A84C, #C9A84C) no-repeat bottom left;  /* Bottom-Left Vert */

    /* Normal State Size: Top-Left aur Bottom-Right active (20px) hain, baaki dono 0px hain */
    background-size: 
        20px 1.5px, 1.5px 20px, /* Top-Left (Gold - Visible) */
        20px 1.5px, 1.5px 20px, /* Bottom-Right (Gold - Visible) */
        0px 2px, 2px 0px,   /* Top-Right (White - Hidden) */
        0px 2px, 2px 0px !important;  /* Bottom-Left (White - Hidden) */

    /* Isse corners smoothly change honge */
    transition: background-size 0.3s ease, border-color 0.3s ease;
}

/* 3. Hover State Effect (Jab mouse upar aaye) */
.my-box:hover::before {
    /* Hover karne par patli border ka color */
    border: 1px solid #C9A84C40 !important;

    /* Sizes Swap: Puraane corners 0px ho jayenge aur naye White corners 20px ho jayenge */
    background-size: 
        0px 2px, 2px 0px,   /* Top-Left (Gold - Hide) */
        0px 2px, 2px 0px,   /* Bottom-Right (Gold - Hide) */
        20px 1.5px, 1.5px 20px, /* Top-Right (White - Show) */
        20px 1.5px, 1.5px 20px !important; /* Bottom-Left (White - Show) */
}/* End custom CSS */