.elementor-3978 .elementor-element.elementor-element-84d0f31{--display:flex;--min-height:100vh;--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;--align-items:center;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3978 .elementor-element.elementor-element-84d0f31:not(.elementor-motion-effects-element-type-background), .elementor-3978 .elementor-element.elementor-element-84d0f31 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://clatinstitute.com/wp-content/uploads/2026/04/Background-1-scaled-1.webp");}.elementor-3978 .elementor-element.elementor-element-e53bba7{--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;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3978 .elementor-element.elementor-element-e5a938b{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-heading .elementor-heading-title{color:var( --e-global-color-primary );}.elementor-3978 .elementor-element.elementor-element-f339e4f .elementor-heading-title{font-family:"Playfair Display SC", Sans-serif;font-size:40px;font-weight:700;color:#FFFFFF;}.elementor-widget-text-editor{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-3978 .elementor-element.elementor-element-064f4ac > .elementor-widget-container{margin:0px 0px 0px 0px;padding:5px 0px 5px 0px;}.elementor-3978 .elementor-element.elementor-element-064f4ac{font-family:"Poppins", Sans-serif;font-size:18px;font-weight:400;color:#FFFFFF;}.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-text{color:var( --e-global-color-secondary );}.elementor-3978 .elementor-element.elementor-element-dc3f204 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-block-end:calc(11px/2);}.elementor-3978 .elementor-element.elementor-element-dc3f204 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-block-start:calc(11px/2);}.elementor-3978 .elementor-element.elementor-element-dc3f204 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:calc(11px/2);}.elementor-3978 .elementor-element.elementor-element-dc3f204 .elementor-icon-list-items.elementor-inline-items{margin-inline:calc(-11px/2);}.elementor-3978 .elementor-element.elementor-element-dc3f204 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{inset-inline-end:calc(-11px/2);}.elementor-3978 .elementor-element.elementor-element-dc3f204 .elementor-icon-list-icon i{color:#FFFFFF;transition:color 0.3s;}.elementor-3978 .elementor-element.elementor-element-dc3f204 .elementor-icon-list-icon svg{fill:#FFFFFF;transition:fill 0.3s;}.elementor-3978 .elementor-element.elementor-element-dc3f204{--e-icon-list-icon-size:20px;--icon-vertical-offset:0px;}.elementor-3978 .elementor-element.elementor-element-dc3f204 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-3978 .elementor-element.elementor-element-dc3f204 .elementor-icon-list-item > a{font-family:"Noto Sans Old Italic", Sans-serif;font-size:20px;font-weight:500;}.elementor-3978 .elementor-element.elementor-element-dc3f204 .elementor-icon-list-text{color:#FFFFFF;transition:color 0.3s;}.elementor-3978 .elementor-element.elementor-element-71c6ef0{font-family:"Poppins", Sans-serif;font-size:18px;font-weight:700;color:#FFFFFF;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );}.elementor-3978 .elementor-element.elementor-element-8137ee5 .elementor-button{background-color:#22682C;}.elementor-3978 .elementor-element.elementor-element-cdfce8e{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}@media(min-width:768px){.elementor-3978 .elementor-element.elementor-element-e53bba7{--width:80%;}.elementor-3978 .elementor-element.elementor-element-e5a938b{--width:40%;}.elementor-3978 .elementor-element.elementor-element-cdfce8e{--width:60%;}}/* Start custom CSS for button, class: .elementor-element-8137ee5 *//* Button ka main style */
.magic-button {
    /*position: relative;*/
    padding: 15px 30px;
    background-color: #000; /* Starting background color 
    color: white;
    border: none;
    border-radius: 8px;
    font-size: 18px;
    cursor: pointer;
    overflow: hidden;
    z-index: 1;
    /* Background color change hone wali animation */
    animation: bgChange 5s infinite alternate;
}

/* Border ghumne wala effect (Pseudo-element) */
.magic-button::before {
    content: '';
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: conic-gradient(transparent, transparent, transparent, #ff0055); /* Border ka color */
    animation: rotateBorder 3s linear infinite;
    z-index: -2;
}

/* Button ke andar ka hissa (taki border patla dikhe) */
.magic-button::after {
    content: '';
    position: absolute;
    inset: 3px; /* Border ki thickness control karein */
    background: inherit;
    border-radius: 6px;
    z-index: -1;
}

/* Border ghumne ki animation */
/*@keyframes rotateBorder {*/
/*    0% { transform: rotate(0deg); }*/
/*    100% { transform: rotate(360deg); }*/
/*}*/

/* Background color change hone ki animation */
/*@keyframes bgChange {*/
/*    0% { background-color: #1a1a1a; }*/
/*    50% { background-color: #330033; }*/
/*    100% { background-color: #001a33; }*/
}/* End custom CSS */