.elementor-754 .elementor-element.elementor-element-885131e{--display:flex;--min-height:50vh;--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-754 .elementor-element.elementor-element-885131e:not(.elementor-motion-effects-element-type-background), .elementor-754 .elementor-element.elementor-element-885131e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#233361;}.elementor-754 .elementor-element.elementor-element-bd26f74{--spacer-size:111px;}.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-754 .elementor-element.elementor-element-473bbae{text-align:center;}.elementor-754 .elementor-element.elementor-element-473bbae .elementor-heading-title{font-family:"Livvic", Sans-serif;font-size:45px;font-weight:600;color:#FFFFFF;}.elementor-754 .elementor-element.elementor-element-3cead80{--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-754 .elementor-element.elementor-element-5afeb95{--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-754 .elementor-element.elementor-element-4ce265b{--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-754 .elementor-element.elementor-element-b750c07{--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;--margin-top:50px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:60px;}.elementor-widget-nested-tabs.elementor-widget-n-tabs > .e-n-tabs[data-touch-mode='false'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:var( --e-global-color-accent );}.elementor-widget-nested-tabs.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected="true"], .elementor-widget-nested-tabs.elementor-widget-n-tabs > .e-n-tabs[data-touch-mode='true'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:var( --e-global-color-accent );}.elementor-widget-nested-tabs.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-heading > :is( .e-n-tab-title > .e-n-tab-title-text, .e-n-tab-title ){font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-754 .elementor-element.elementor-element-64c2bfe{--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:flex-start;--padding-top:80px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-754 .elementor-element.elementor-element-3b56f37{--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;--justify-content:flex-start;}.elementor-754 .elementor-element.elementor-element-e97e0e5{--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;border-style:double;--border-style:double;border-width:7px 7px 7px 7px;--border-top-width:7px;--border-right-width:7px;--border-bottom-width:7px;--border-left-width:7px;border-color:#E5E5E5;--border-color:#E5E5E5;--border-radius:10px 10px 10px 10px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-754 .elementor-element.elementor-element-e97e0e5.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-754 .elementor-element.elementor-element-f5e83cf{width:var( --container-widget-width, 102.288% );max-width:102.288%;--container-widget-width:102.288%;--container-widget-flex-grow:0;}.elementor-754 .elementor-element.elementor-element-f5e83cf.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-754 .elementor-element.elementor-element-16de141{--display:flex;}.elementor-754 .elementor-element.elementor-element-16de141:not(.elementor-motion-effects-element-type-background), .elementor-754 .elementor-element.elementor-element-16de141 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}.elementor-754 .elementor-element.elementor-element-938c801{--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;border-style:double;--border-style:double;border-width:7px 7px 7px 7px;--border-top-width:7px;--border-right-width:7px;--border-bottom-width:7px;--border-left-width:7px;border-color:#E5E5E5;--border-color:#E5E5E5;--border-radius:10px 10px 10px 10px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-754 .elementor-element.elementor-element-938c801.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-754 .elementor-element.elementor-element-5fd5cb2{width:var( --container-widget-width, 102.288% );max-width:102.288%;--container-widget-width:102.288%;--container-widget-flex-grow:0;}.elementor-754 .elementor-element.elementor-element-5fd5cb2.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-754 .elementor-element.elementor-element-416672d{--display:flex;}.elementor-754 .elementor-element.elementor-element-416672d:not(.elementor-motion-effects-element-type-background), .elementor-754 .elementor-element.elementor-element-416672d > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}.elementor-754 .elementor-element.elementor-element-7987cf9{--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;border-style:double;--border-style:double;border-width:7px 7px 7px 7px;--border-top-width:7px;--border-right-width:7px;--border-bottom-width:7px;--border-left-width:7px;border-color:#E5E5E5;--border-color:#E5E5E5;--border-radius:10px 10px 10px 10px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-754 .elementor-element.elementor-element-7987cf9.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-754 .elementor-element.elementor-element-1ac9489{width:var( --container-widget-width, 102.288% );max-width:102.288%;--container-widget-width:102.288%;--container-widget-flex-grow:0;}.elementor-754 .elementor-element.elementor-element-1ac9489.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-754 .elementor-element.elementor-element-2dc9a09{--display:flex;}.elementor-754 .elementor-element.elementor-element-2dc9a09:not(.elementor-motion-effects-element-type-background), .elementor-754 .elementor-element.elementor-element-2dc9a09 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}.elementor-754 .elementor-element.elementor-element-e3272ec{--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;border-style:double;--border-style:double;border-width:7px 7px 7px 7px;--border-top-width:7px;--border-right-width:7px;--border-bottom-width:7px;--border-left-width:7px;border-color:#E5E5E5;--border-color:#E5E5E5;--border-radius:10px 10px 10px 10px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-754 .elementor-element.elementor-element-e3272ec.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-754 .elementor-element.elementor-element-845b45e{width:var( --container-widget-width, 102.288% );max-width:102.288%;--container-widget-width:102.288%;--container-widget-flex-grow:0;}.elementor-754 .elementor-element.elementor-element-845b45e.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-754 .elementor-element.elementor-element-a997759{--display:flex;}.elementor-754 .elementor-element.elementor-element-a997759:not(.elementor-motion-effects-element-type-background), .elementor-754 .elementor-element.elementor-element-a997759 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}.elementor-754 .elementor-element.elementor-element-234da3c{--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;--justify-content:flex-start;}.elementor-754 .elementor-element.elementor-element-2e9cfc3{--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;border-style:double;--border-style:double;border-width:7px 7px 7px 7px;--border-top-width:7px;--border-right-width:7px;--border-bottom-width:7px;--border-left-width:7px;border-color:#E5E5E5;--border-color:#E5E5E5;--border-radius:10px 10px 10px 10px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-754 .elementor-element.elementor-element-2e9cfc3.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-754 .elementor-element.elementor-element-233ce45{width:var( --container-widget-width, 102.288% );max-width:102.288%;--container-widget-width:102.288%;--container-widget-flex-grow:0;}.elementor-754 .elementor-element.elementor-element-233ce45.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-754 .elementor-element.elementor-element-eb77afc{--display:flex;}.elementor-754 .elementor-element.elementor-element-eb77afc:not(.elementor-motion-effects-element-type-background), .elementor-754 .elementor-element.elementor-element-eb77afc > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}.elementor-754 .elementor-element.elementor-element-358fc66{--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:flex-start;--padding-top:80px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-754 .elementor-element.elementor-element-358fc66.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-754 .elementor-element.elementor-element-2f5d507{--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;--justify-content:flex-start;}.elementor-754 .elementor-element.elementor-element-9372651{--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;border-style:none;--border-style:none;--border-radius:10px 10px 10px 10px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-754 .elementor-element.elementor-element-9372651:not(.elementor-motion-effects-element-type-background), .elementor-754 .elementor-element.elementor-element-9372651 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000110;}.elementor-754 .elementor-element.elementor-element-9372651.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-754 .elementor-element.elementor-element-45be65f{width:var( --container-widget-width, 102.288% );max-width:102.288%;--container-widget-width:102.288%;--container-widget-flex-grow:0;}.elementor-754 .elementor-element.elementor-element-45be65f.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-754 .elementor-element.elementor-element-c0aaf22{--display:flex;}.elementor-754 .elementor-element.elementor-element-c0aaf22:not(.elementor-motion-effects-element-type-background), .elementor-754 .elementor-element.elementor-element-c0aaf22 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000110;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-754 .elementor-element.elementor-element-2d84455 .elementor-button{background-color:#C78C1A;fill:#FFFFFF;color:#FFFFFF;}.elementor-754 .elementor-element.elementor-element-737d44f{--display:flex;--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;border-style:none;--border-style:none;--border-radius:10px 10px 10px 10px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:50px;--padding-bottom:0px;--padding-left:200px;--padding-right:0px;}.elementor-754 .elementor-element.elementor-element-737d44f:not(.elementor-motion-effects-element-type-background), .elementor-754 .elementor-element.elementor-element-737d44f > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000110;}.elementor-754 .elementor-element.elementor-element-737d44f.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-754 .elementor-element.elementor-element-caca55e{width:var( --container-widget-width, 102.288% );max-width:102.288%;--container-widget-width:102.288%;--container-widget-flex-grow:0;}.elementor-754 .elementor-element.elementor-element-caca55e.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-754 .elementor-element.elementor-element-10f08d5{--display:flex;--margin-top:80px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-754 .elementor-element.elementor-element-10f08d5:not(.elementor-motion-effects-element-type-background), .elementor-754 .elementor-element.elementor-element-10f08d5 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000110;}.elementor-754 .elementor-element.elementor-element-10f08d5.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-754 .elementor-element.elementor-element-b62a63e{--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;--justify-content:flex-start;}.elementor-754 .elementor-element.elementor-element-8d706d8{--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;border-style:none;--border-style:none;--border-radius:10px 10px 10px 10px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-754 .elementor-element.elementor-element-8d706d8:not(.elementor-motion-effects-element-type-background), .elementor-754 .elementor-element.elementor-element-8d706d8 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000110;}.elementor-754 .elementor-element.elementor-element-8d706d8.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-754 .elementor-element.elementor-element-c157e7f{width:var( --container-widget-width, 102.288% );max-width:102.288%;padding:0px 50px 0px 0px;--container-widget-width:102.288%;--container-widget-flex-grow:0;}.elementor-754 .elementor-element.elementor-element-c157e7f.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-754 .elementor-element.elementor-element-3bb7449{--display:flex;}.elementor-754 .elementor-element.elementor-element-3bb7449:not(.elementor-motion-effects-element-type-background), .elementor-754 .elementor-element.elementor-element-3bb7449 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000110;}.elementor-754 .elementor-element.elementor-element-d818b80 .elementor-button{background-color:#C78C1A;fill:#FFFFFF;color:#FFFFFF;}.elementor-754 .elementor-element.elementor-element-8821b0d{--display:flex;--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;border-style:none;--border-style:none;--border-radius:10px 10px 10px 10px;--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-754 .elementor-element.elementor-element-8821b0d:not(.elementor-motion-effects-element-type-background), .elementor-754 .elementor-element.elementor-element-8821b0d > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000110;}.elementor-754 .elementor-element.elementor-element-8821b0d.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-754 .elementor-element.elementor-element-3c62dad{width:var( --container-widget-width, 102.288% );max-width:102.288%;--container-widget-width:102.288%;--container-widget-flex-grow:0;}.elementor-754 .elementor-element.elementor-element-3c62dad.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-754 .elementor-element.elementor-element-e14ae4a{--display:flex;--margin-top:80px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-754 .elementor-element.elementor-element-e14ae4a:not(.elementor-motion-effects-element-type-background), .elementor-754 .elementor-element.elementor-element-e14ae4a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000110;}.elementor-754 .elementor-element.elementor-element-846fd93{--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;--justify-content:flex-start;}.elementor-754 .elementor-element.elementor-element-14adf80{--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;border-style:solid;--border-style:solid;border-width:3px 3px 3px 3px;--border-top-width:3px;--border-right-width:3px;--border-bottom-width:3px;--border-left-width:3px;border-color:#CFCFCF;--border-color:#CFCFCF;--border-radius:8px 8px 8px 8px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-754 .elementor-element.elementor-element-14adf80:not(.elementor-motion-effects-element-type-background), .elementor-754 .elementor-element.elementor-element-14adf80 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000110;}.elementor-754 .elementor-element.elementor-element-14adf80.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-754 .elementor-element.elementor-element-a1b5266{width:var( --container-widget-width, 102.288% );max-width:102.288%;--container-widget-width:102.288%;--container-widget-flex-grow:0;}.elementor-754 .elementor-element.elementor-element-a1b5266.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-754 .elementor-element.elementor-element-b7df5c0{--display:flex;--justify-content:flex-start;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:10px;--padding-left:0px;--padding-right:0px;}.elementor-754 .elementor-element.elementor-element-b7df5c0:not(.elementor-motion-effects-element-type-background), .elementor-754 .elementor-element.elementor-element-b7df5c0 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000110;}.elementor-754 .elementor-element.elementor-element-eeb56e8{--display:flex;--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:flex-start;--gap:0px 0px;--row-gap:0px;--column-gap:0px;border-style:solid;--border-style:solid;border-width:3px 3px 3px 3px;--border-top-width:3px;--border-right-width:3px;--border-bottom-width:3px;--border-left-width:3px;border-color:#CFCFCF;--border-color:#CFCFCF;--border-radius:8px 8px 8px 8px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-754 .elementor-element.elementor-element-eeb56e8:not(.elementor-motion-effects-element-type-background), .elementor-754 .elementor-element.elementor-element-eeb56e8 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000110;}.elementor-754 .elementor-element.elementor-element-eeb56e8.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-754 .elementor-element.elementor-element-64598f7{width:var( --container-widget-width, 87% );max-width:87%;margin:150px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 230px;--container-widget-width:87%;--container-widget-flex-grow:0;}.elementor-754 .elementor-element.elementor-element-64598f7.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-754 .elementor-element.elementor-element-2bf2c14{--display:flex;--justify-content:flex-start;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--margin-top:140px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:10px;--padding-left:0px;--padding-right:0px;}.elementor-754 .elementor-element.elementor-element-2bf2c14:not(.elementor-motion-effects-element-type-background), .elementor-754 .elementor-element.elementor-element-2bf2c14 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000110;}.elementor-754 .elementor-element.elementor-element-7ed477f{--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;--justify-content:flex-start;}.elementor-754 .elementor-element.elementor-element-7234609{--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;border-style:solid;--border-style:solid;border-width:3px 3px 3px 3px;--border-top-width:3px;--border-right-width:3px;--border-bottom-width:3px;--border-left-width:3px;border-color:#CFCFCF;--border-color:#CFCFCF;--border-radius:8px 8px 8px 8px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-754 .elementor-element.elementor-element-7234609:not(.elementor-motion-effects-element-type-background), .elementor-754 .elementor-element.elementor-element-7234609 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000110;}.elementor-754 .elementor-element.elementor-element-7234609.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-754 .elementor-element.elementor-element-e39dccb{width:var( --container-widget-width, 102.288% );max-width:102.288%;--container-widget-width:102.288%;--container-widget-flex-grow:0;}.elementor-754 .elementor-element.elementor-element-e39dccb.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-754 .elementor-element.elementor-element-ea00659{--display:flex;--justify-content:flex-start;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:10px;--padding-left:0px;--padding-right:0px;}.elementor-754 .elementor-element.elementor-element-ea00659:not(.elementor-motion-effects-element-type-background), .elementor-754 .elementor-element.elementor-element-ea00659 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000110;}.elementor-754 .elementor-element.elementor-element-c598583{--display:flex;--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:flex-start;--gap:0px 0px;--row-gap:0px;--column-gap:0px;border-style:solid;--border-style:solid;border-width:3px 3px 3px 3px;--border-top-width:3px;--border-right-width:3px;--border-bottom-width:3px;--border-left-width:3px;border-color:#CFCFCF;--border-color:#CFCFCF;--border-radius:8px 8px 8px 8px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-754 .elementor-element.elementor-element-c598583:not(.elementor-motion-effects-element-type-background), .elementor-754 .elementor-element.elementor-element-c598583 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000110;}.elementor-754 .elementor-element.elementor-element-c598583.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-754 .elementor-element.elementor-element-9a1cd0e{--display:flex;--justify-content:flex-start;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--margin-top:140px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:10px;--padding-left:0px;--padding-right:0px;}.elementor-754 .elementor-element.elementor-element-9a1cd0e:not(.elementor-motion-effects-element-type-background), .elementor-754 .elementor-element.elementor-element-9a1cd0e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000110;}.elementor-754 .elementor-element.elementor-element-ade142f{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;}.elementor-754 .elementor-element.elementor-element-ade142f.e-con{--align-self:center;}.elementor-754 .elementor-element.elementor-element-8c89d7a{--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:flex-start;--padding-top:80px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-754 .elementor-element.elementor-element-a9a9abd{--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;--justify-content:flex-start;}.elementor-754 .elementor-element.elementor-element-ee66e39{--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;border-style:double;--border-style:double;border-width:7px 7px 7px 7px;--border-top-width:7px;--border-right-width:7px;--border-bottom-width:7px;--border-left-width:7px;border-color:#E5E5E5;--border-color:#E5E5E5;--border-radius:10px 10px 10px 10px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-754 .elementor-element.elementor-element-ee66e39.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-754 .elementor-element.elementor-element-ae705bd{width:var( --container-widget-width, 102.288% );max-width:102.288%;--container-widget-width:102.288%;--container-widget-flex-grow:0;}.elementor-754 .elementor-element.elementor-element-ae705bd.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-754 .elementor-element.elementor-element-e74ef74{--display:flex;}.elementor-754 .elementor-element.elementor-element-e74ef74:not(.elementor-motion-effects-element-type-background), .elementor-754 .elementor-element.elementor-element-e74ef74 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}.elementor-754 .elementor-element.elementor-element-155faa1{--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;border-style:double;--border-style:double;border-width:7px 7px 7px 7px;--border-top-width:7px;--border-right-width:7px;--border-bottom-width:7px;--border-left-width:7px;border-color:#E5E5E5;--border-color:#E5E5E5;--border-radius:10px 10px 10px 10px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-754 .elementor-element.elementor-element-155faa1.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-754 .elementor-element.elementor-element-9e4d6a5{width:var( --container-widget-width, 102.288% );max-width:102.288%;--container-widget-width:102.288%;--container-widget-flex-grow:0;}.elementor-754 .elementor-element.elementor-element-9e4d6a5.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-754 .elementor-element.elementor-element-7331968{--display:flex;}.elementor-754 .elementor-element.elementor-element-7331968:not(.elementor-motion-effects-element-type-background), .elementor-754 .elementor-element.elementor-element-7331968 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}.elementor-754 .elementor-element.elementor-element-a908d5b{--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;border-style:double;--border-style:double;border-width:7px 7px 7px 7px;--border-top-width:7px;--border-right-width:7px;--border-bottom-width:7px;--border-left-width:7px;border-color:#E5E5E5;--border-color:#E5E5E5;--border-radius:10px 10px 10px 10px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-754 .elementor-element.elementor-element-a908d5b.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-754 .elementor-element.elementor-element-739987b{width:var( --container-widget-width, 102.288% );max-width:102.288%;--container-widget-width:102.288%;--container-widget-flex-grow:0;}.elementor-754 .elementor-element.elementor-element-739987b.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-754 .elementor-element.elementor-element-aa4de6e{--display:flex;}.elementor-754 .elementor-element.elementor-element-aa4de6e:not(.elementor-motion-effects-element-type-background), .elementor-754 .elementor-element.elementor-element-aa4de6e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}.elementor-754 .elementor-element.elementor-element-188d576{--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;--justify-content:flex-start;}.elementor-754 .elementor-element.elementor-element-2e3d796{--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;border-style:double;--border-style:double;border-width:7px 7px 7px 7px;--border-top-width:7px;--border-right-width:7px;--border-bottom-width:7px;--border-left-width:7px;border-color:#E5E5E5;--border-color:#E5E5E5;--border-radius:10px 10px 10px 10px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-754 .elementor-element.elementor-element-2e3d796.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-754 .elementor-element.elementor-element-686e84b{width:var( --container-widget-width, 102.288% );max-width:102.288%;--container-widget-width:102.288%;--container-widget-flex-grow:0;}.elementor-754 .elementor-element.elementor-element-686e84b.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-754 .elementor-element.elementor-element-b247cde{--display:flex;}.elementor-754 .elementor-element.elementor-element-b247cde:not(.elementor-motion-effects-element-type-background), .elementor-754 .elementor-element.elementor-element-b247cde > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}.elementor-754 .elementor-element.elementor-element-5963b04{--n-tabs-heading-wrap:wrap;--n-tabs-heading-overflow-x:initial;--n-tabs-title-white-space:initial;padding:0px 0px 0px 0px;--n-tabs-title-border-radius:10px 10px 10px 10px;}.elementor-754 .elementor-element.elementor-element-5963b04.elementor-widget-n-tabs > .e-n-tabs[data-touch-mode='false'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:#C78C1A;}.elementor-754 .elementor-element.elementor-element-5963b04.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected="true"], .elementor-754 .elementor-element.elementor-element-5963b04.elementor-widget-n-tabs > .e-n-tabs[data-touch-mode='true'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:#C78C1A;}.elementor-754 .elementor-element.elementor-element-5963b04.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:not( :hover ){box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);}.elementor-754 .elementor-element.elementor-element-5963b04.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-heading > :is( .e-n-tab-title > .e-n-tab-title-text, .e-n-tab-title ){font-family:"Livvic", Sans-serif;font-weight:500;}@media(max-width:1024px){.elementor-754 .elementor-element.elementor-element-b750c07{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-754 .elementor-element.elementor-element-64c2bfe{--padding-top:80px;--padding-bottom:0px;--padding-left:0px;--padding-right:30px;}.elementor-754 .elementor-element.elementor-element-9372651{--padding-top:0px;--padding-bottom:0px;--padding-left:10px;--padding-right:10px;}.elementor-754 .elementor-element.elementor-element-737d44f{--padding-top:0px;--padding-bottom:0px;--padding-left:30px;--padding-right:0px;}.elementor-754 .elementor-element.elementor-element-caca55e{padding:0px 0px 0px 0px;}.elementor-754 .elementor-element.elementor-element-e14ae4a{--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-754 .elementor-element.elementor-element-64598f7{margin:110px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 110px;}.elementor-754 .elementor-element.elementor-element-8c89d7a{--padding-top:80px;--padding-bottom:0px;--padding-left:0px;--padding-right:30px;}.elementor-754 .elementor-element.elementor-element-5963b04{padding:0px 20px 0px 20px;}}@media(max-width:767px){.elementor-754 .elementor-element.elementor-element-b750c07{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-754 .elementor-element.elementor-element-64c2bfe{--padding-top:80px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-754 .elementor-element.elementor-element-358fc66{--padding-top:80px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-754 .elementor-element.elementor-element-2f5d507{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-754 .elementor-element.elementor-element-9372651{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-754 .elementor-element.elementor-element-737d44f{--padding-top:50px;--padding-bottom:0px;--padding-left:0px;--padding-right:100px;}.elementor-754 .elementor-element.elementor-element-caca55e{padding:0px 0px 0px 30px;}.elementor-754 .elementor-element.elementor-element-10f08d5{--width:154.264%;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-754 .elementor-element.elementor-element-8d706d8{--padding-top:0px;--padding-bottom:0px;--padding-left:10px;--padding-right:10px;}.elementor-754 .elementor-element.elementor-element-8821b0d{--padding-top:50px;--padding-bottom:0px;--padding-left:0px;--padding-right:100px;}.elementor-754 .elementor-element.elementor-element-3c62dad{padding:0px -100px 0px 100px;}.elementor-754 .elementor-element.elementor-element-14adf80{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-754 .elementor-element.elementor-element-64598f7{margin:120px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 110px;}.elementor-754 .elementor-element.elementor-element-7234609{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-754 .elementor-element.elementor-element-8c89d7a{--padding-top:80px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}}@media(min-width:768px){.elementor-754 .elementor-element.elementor-element-5afeb95{--width:50%;}.elementor-754 .elementor-element.elementor-element-4ce265b{--width:50%;}.elementor-754 .elementor-element.elementor-element-e97e0e5{--width:25%;}.elementor-754 .elementor-element.elementor-element-938c801{--width:25%;}.elementor-754 .elementor-element.elementor-element-7987cf9{--width:25%;}.elementor-754 .elementor-element.elementor-element-e3272ec{--width:25%;}.elementor-754 .elementor-element.elementor-element-2e9cfc3{--width:25%;}.elementor-754 .elementor-element.elementor-element-2f5d507{--content-width:100%;}.elementor-754 .elementor-element.elementor-element-9372651{--width:50.441%;}.elementor-754 .elementor-element.elementor-element-737d44f{--width:50%;}.elementor-754 .elementor-element.elementor-element-b62a63e{--content-width:100%;}.elementor-754 .elementor-element.elementor-element-8d706d8{--width:50%;}.elementor-754 .elementor-element.elementor-element-8821b0d{--width:50%;}.elementor-754 .elementor-element.elementor-element-846fd93{--content-width:100%;}.elementor-754 .elementor-element.elementor-element-14adf80{--width:50%;}.elementor-754 .elementor-element.elementor-element-eeb56e8{--width:50%;}.elementor-754 .elementor-element.elementor-element-7ed477f{--content-width:100%;}.elementor-754 .elementor-element.elementor-element-7234609{--width:50%;}.elementor-754 .elementor-element.elementor-element-c598583{--width:50%;}.elementor-754 .elementor-element.elementor-element-ee66e39{--width:33%;}.elementor-754 .elementor-element.elementor-element-155faa1{--width:33%;}.elementor-754 .elementor-element.elementor-element-a908d5b{--width:33%;}.elementor-754 .elementor-element.elementor-element-2e3d796{--width:25%;}}@media(max-width:1024px) and (min-width:768px){.elementor-754 .elementor-element.elementor-element-e97e0e5{--width:33%;}.elementor-754 .elementor-element.elementor-element-938c801{--width:33%;}.elementor-754 .elementor-element.elementor-element-7987cf9{--width:33%;}.elementor-754 .elementor-element.elementor-element-e3272ec{--width:33%;}.elementor-754 .elementor-element.elementor-element-2e9cfc3{--width:33%;}.elementor-754 .elementor-element.elementor-element-ee66e39{--width:33%;}.elementor-754 .elementor-element.elementor-element-155faa1{--width:33%;}.elementor-754 .elementor-element.elementor-element-a908d5b{--width:33%;}.elementor-754 .elementor-element.elementor-element-2e3d796{--width:33%;}}/* Start custom CSS for html, class: .elementor-element-2aa7fb1 */<style>

/* ⛔ अब कोई global .elementor-754 .elementor-element.elementor-element-2aa7fb1 नहीं */
/* ✔ सब कुछ .tree-widget के अंदर isolated */

/* WRAPPER */
.tree-widget {
    width: 100%;
}

/* RESET ONLY INSIDE WIDGET */
.tree-widget *, 
.tree-widget *::before, 
.tree-widget *::after {
    box-sizing: border-box !important;
    margin: 0;
    padding: 0;
}

/* MAIN CARD */
.tree-widget .wrap {
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
    width: 85vmin;
    height: 65vmin;
    margin: 2rem auto;
    border: 8px solid;
    border-image: linear-gradient(-50deg, green, #00b300, forestgreen, green, lightgreen, #00e600, green) 1;
    transition: 0.3s ease-in-out;
    position: relative;
    overflow: hidden;
    background: #186218;
}

/* OVERLAY */
.tree-widget .overlay {
    position: relative;
    display: flex;
    width: 100%;
    height: 100%;
    padding: 1rem 0.75rem;
    background: #186218;
    transition: 0.4s ease-in-out;
    z-index: 1;
}

.tree-widget .overlay-content {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: 15vmin;
    height: 100%;
    padding: 0.5rem 0 0 0.5rem;
    border: 3px solid;
    border-image: linear-gradient(to bottom, #aea724 5%, forestgreen 35% 65%, #aea724 95%) 0 0 0 100%;
    transition: 0.3s ease-in-out 0.2s;
    z-index: 1;
}

.tree-widget .image-content {
    position: absolute;
    top: 0;
    right: 0;
    width: 60vmin;
    height: 100%;
    background-image: url("https://assets.codepen.io/4787486/trees.png");
    background-size: cover;
    transition: 0.3s ease-in-out;
}

/* RIGHT SIDE TEXT */
.tree-widget .text {
    display: grid;
    position: absolute;
    top: 0;
    right: 0;
    width: 60vmin;
    height: 100%;
    padding: 3vmin 4vmin;
    background: #fff;
    box-shadow: inset 1px 1px 15px rgba(0 0 0 / 0.4);
    overflow-y: scroll;
}

.tree-widget .inset {
    max-width: 50%;
    margin: 0.25em 1em 1em 0;
    border-radius: 0.25em;
    float: left;
}

.tree-widget .tree {
    place-self: center;
    width: calc(50px + 2vw);
}

/* DOTS */
.tree-widget .dots {
    position: absolute;
    bottom: 1rem;
    right: 2rem;
    display: flex;
    gap: 8px;
}

.tree-widget .dot {
    width: 1rem;
    height: 1rem;
    background: yellow;
    border: 1px solid indigo;
    border-radius: 50%;
}

/* HOVER ONLY FOR DESKTOP */
.tree-widget .wrap:hover .overlay {
    transform: translateX(-60vmin);
}
.tree-widget .wrap:hover .image-content {
    width: 30vmin;
}
.tree-widget .wrap:hover .overlay-content {
    transform: translateX(60vmin);
}
.tree-widget .wrap:hover .dot {
    background: white;
}

/* TABLET */
@media (max-width: 1024px) {
    .tree-widget .wrap {
        width: 95vmin;
        height: 70vmin;
    }

    .tree-widget .overlay-content {
        width: 22vmin;
    }

    .tree-widget .image-content,
    .tree-widget .text {
        width: 55vmin;
    }

    .tree-widget .wrap:hover .overlay {
        transform: translateX(-55vmin);
    }
}

/* MOBILE */
@media(max-width:768px){
    .tree-widget .wrap{
        width:100%;
        height:auto;
        flex-direction:column;
        border-width:5px;
        overflow:visible;
    }

    .tree-widget .overlay,
    .tree-widget .overlay-content{
        width:100%;
        height:auto;
        border:none;
    }

    .tree-widget .image-content{
        position:relative;
        width:100%;
        height:45vmin;
    }

    .tree-widget .text{
        position:relative;
        width:100%;
        height:auto;
        overflow:visible;
    }

    /* No hover animations on mobile */
    .tree-widget .wrap:hover *{
        transform:none!important;
    }
}

/* Animation Keys (Scoped) */
.tree-widget .animate{ animation-duration:.7s; animation-fill-mode:backwards;}
.tree-widget .pop{ animation-name:tree-pop;}
@keyframes tree-pop{0%{opacity:0;transform:scale(.5);}100%{opacity:1;transform:scale(1);}}

.tree-widget .slide{ animation-name:tree-slide;}
@keyframes tree-slide{0%{opacity:0;transform:translateX(4em);}100%{opacity:1;transform:translateX(0);}}

.tree-widget .slide-left{ animation-name:tree-slide-left;}
@keyframes tree-slide-left{0%{opacity:0;transform:translateX(-40px);}100%{opacity:1;transform:translateX(0);}}

.tree-widget .slide-up{ animation-name:tree-slide-up;}
@keyframes tree-slide-up{0%{opacity:0;transform:translateY(3em);}100%{opacity:1;transform:translateY(0);}}

</style>/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-5b485f4 */.shoe-grid {
  list-style: none;
  padding: 20px;
  margin: 0;
  display: grid;
  grid-template-columns: repeat(2, 1fr); /* FIXED 2 CARDS IN 1 ROW */
  gap: 25px;
}

/* CARD */
.shoe-grid li {
  background: #111;
  border-radius: 15px;
  padding: 100px 40px;
  position: relative;
  overflow: hidden;
  transition: 0.4s ease;
  transform: rotate(-5deg);
  cursor: pointer;
}

/* HOVER */
.shoe-grid li:hover {
  transform: rotate(0deg) scale(1.05);
  box-shadow: 0 0 25px #00eaff;
}

/* TEXT OVERLAY */
.shoe-grid .details {
  position: absolute;
  top: 20px;
  left: 20px;
  z-index: 5;
  transition: 0.4s;
  opacity: 0;
  transform: translateY(20px);
}

.shoe-grid li:hover .details {
  opacity: 1;
  transform: translateY(0);
}

.shoe-grid .details h2 {
  color: #fff;
  margin: 0;
  font-size: 24px;
}

.shoe-grid .details p {
  color: #00eaff;
  margin: 5px 0 0;
  font-size: 20px;
}

/* SHOE IMAGES */
.shoe-grid img {
  width: 100%;
  position: absolute;
  bottom: 15px;
  right: -5px;
  transition: 0.4s ease;
}

.shoe-a {
  opacity: 1;
}

.shoe-b {
  opacity: 0;
  transform: translateY(20px);
}

/* IMAGE SWAP */
.shoe-grid li:hover .shoe-a {
  opacity: 0;
  transform: translateY(-20px);
}

.shoe-grid li:hover .shoe-b {
  opacity: 1;
  transform: translateY(0px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-f5e83cf */.earth-wrapper {
  position: relative;
  width: 100%;
  height: 50vh; /* Only this section gets full height */
  display: grid;
  place-items: center;
  background: #081621;
  -moz-border-radius-topleft: 10px
}

/* Remove global body and * styling completely */
/* No reset = no effect on other page parts */

/* Custom properties */
@property --pulse {
  syntax: '<length>';
  inherits: false;
  initial-value: 80px;
}

@property --pulse2 {
  syntax: '<length>';
  inherits: false;
  initial-value: 56px;
}

@property --r {
  syntax: '<angle>';
  inherits: false;
  initial-value: 0deg;
}

.earth {
  position: relative;
  width: 180px;
  aspect-ratio: 1;
  border-radius: 50%;
  background-image: url('https://i.postimg.cc/9QCCCVsQ/earth.png');
  background-repeat: repeat-x;
  background-size: cover;
  animation: earth 40s linear infinite, pulse 2s linear infinite alternate-reverse;
  box-shadow:
    0 -1px 1px 1px white,
    -1px 1px 1px 1px #64BEC8,
    0 0 var(--pulse) -20px #64BEC8,
    inset 0 0 76px -10px #64BEC8,
    inset 0 0 var(--pulse2) -10px #64BEC8;
}

.earth:before,
.earth:after {
  content: '';
  position: absolute;
  left: 70px;
  height: 10px;
  border-radius: 50%;
  filter: blur(12px);
  transform: rotate(var(--r));
  animation: rotation 10s linear infinite;
}

.earth:before {
  width: 14%;
  box-shadow:
    inset 0 0 70px 90px #A47478,
    0 0 140px 70px #A47478;
}

.earth:after {
  width: 7%;
  height: 10px;
  box-shadow:
    inset 0 0 70px -50px white,
    inset 0 0 70px 90px #E5BC77,
    0 0 130px 50px #E5BC77;
}

@keyframes earth {
  from { background-position: 0 0; }
  to { background-position: -199% 0; }
}

@keyframes pulse {
  0% {
    --pulse: 8rem;
    --pulse2: 5.6rem;
    --r: 0deg;
  }
  100% {
    --pulse: 10rem;
    --pulse2: 3.6rem;
    --r: 180deg;
  }
}

@keyframes rotation {
  from { --r: 0deg; }
  to { --r: 180deg; }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-5fd5cb2 */.earth-wrapper {
  position: relative;
  width: 100%;
  height: 50vh; /* Only this section gets full height */
  display: grid;
  place-items: center;
  background: #081621;
  -moz-border-radius-topleft: 10px
}

/* Remove global body and * styling completely */
/* No reset = no effect on other page parts */

/* Custom properties */
@property --pulse {
  syntax: '<length>';
  inherits: false;
  initial-value: 80px;
}

@property --pulse2 {
  syntax: '<length>';
  inherits: false;
  initial-value: 56px;
}

@property --r {
  syntax: '<angle>';
  inherits: false;
  initial-value: 0deg;
}

.earth {
  position: relative;
  width: 180px;
  aspect-ratio: 1;
  border-radius: 50%;
  background-image: url('https://i.postimg.cc/9QCCCVsQ/earth.png');
  background-repeat: repeat-x;
  background-size: cover;
  animation: earth 40s linear infinite, pulse 2s linear infinite alternate-reverse;
  box-shadow:
    0 -1px 1px 1px white,
    -1px 1px 1px 1px #64BEC8,
    0 0 var(--pulse) -20px #64BEC8,
    inset 0 0 76px -10px #64BEC8,
    inset 0 0 var(--pulse2) -10px #64BEC8;
}

.earth:before,
.earth:after {
  content: '';
  position: absolute;
  left: 70px;
  height: 10px;
  border-radius: 50%;
  filter: blur(12px);
  transform: rotate(var(--r));
  animation: rotation 10s linear infinite;
}

.earth:before {
  width: 14%;
  box-shadow:
    inset 0 0 70px 90px #A47478,
    0 0 140px 70px #A47478;
}

.earth:after {
  width: 7%;
  height: 10px;
  box-shadow:
    inset 0 0 70px -50px white,
    inset 0 0 70px 90px #E5BC77,
    0 0 130px 50px #E5BC77;
}

@keyframes earth {
  from { background-position: 0 0; }
  to { background-position: -199% 0; }
}

@keyframes pulse {
  0% {
    --pulse: 8rem;
    --pulse2: 5.6rem;
    --r: 0deg;
  }
  100% {
    --pulse: 10rem;
    --pulse2: 3.6rem;
    --r: 180deg;
  }
}

@keyframes rotation {
  from { --r: 0deg; }
  to { --r: 180deg; }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-1ac9489 */@import url("https://fonts.googleapis.com/css2?family=Nunito:wght@300;400;600&display=swap");

/* Only apply styles to this section */
.neon-section, 
.neon-section * {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

.neon-section {
  width: 100%;
  height: 50vh;
  background: #09111b;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: "Nunito", sans-serif;
}

/* 25% width container */
.neon-box {
  width: 25%;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* Neon text */
.neon-container h1 {
  color: rgb(0, 238, 255);
  position: relative;
  text-align: center;
  font-weight: 700;

  /* Default desktop size */
  font-size: 6vw;
}

/* Flicker glow layer */
.neon-container h1::before {
  content: attr(data-text);
  position: absolute;
  left: 0;
  top: 0;
  text-shadow: 0px 0px 20px rgb(0, 238, 255);
  filter: blur(10px) brightness(0);
  animation: flicker 2s linear forwards;
  animation-delay: 1s;
}

/* Flicker animation */
@keyframes flicker {
  0% { filter: blur(5px) brightness(1); }
  3% { filter: blur(5px) brightness(0); }
  6% { filter: blur(5px) brightness(0); }
  7% { filter: blur(5px) brightness(1); }
  8% { filter: blur(5px) brightness(0); }
  9% { filter: blur(5px) brightness(1); }
  10% { filter: blur(5px) brightness(0); }
  20% { filter: blur(5px) brightness(1); }
  50% { filter: blur(5px) brightness(1); }
  99% { filter: blur(5px) brightness(0); }
  100% { filter: blur(5px) brightness(1); }
}

/* ============================
   RESPONSIVE
   ============================ */

/* Tablet */
@media (max-width: 1024px) {
  .neon-box {
    width: 40%;
  }
  .neon-container h1 {
    font-size: 10vw;
  }
}

/* Mobile */
@media (max-width: 768px) {
  .neon-box {
    width: 70%;
  }
  .neon-container h1 {
    font-size: 14vw;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-845b45e */.custom-t-logo {
  display: flex;
  align-items: center;
  justify-content: center;
  height:50vh; /* remove or adjust as needed */
  background-image: radial-gradient(circle at 50% 43%, #011027, #000110 70%);
}

.custom-t-logo .T:hover {
  > .middle, .stem, .middle::after {
    background: #b2ffff;
  }

  .middle, .stem, .top:not(.top2) {
    box-shadow: 0 0 10px 0 white, 0 0 20px 0 white, 0 0 30px 0 white;
  }

  .top2 {
    box-shadow: -4px -7px 13px 0 white;
  }

  .top {
    border: 9px solid #7ff9f9;
  }

  .middle::after {
    border-left: 4px solid #7ff9f9;
  }

  .bg {
    opacity: 7.1;
    transform: scale(1.1) skewY(-15deg) translate(-46%, -44%);
  }
}

.custom-t-logo *, 
.custom-t-logo *::after {
  transition: all 400ms ease-in-out;
}

.custom-t-logo .top {
  position: relative;
  background-image: linear-gradient(135deg, #6c22bd, #8b25bb, #a52bb9, #bc34b7,
    #d040b5, #e645a5, #f55195, #ff6188, #ff796e, #ff965b, #f5b255, #e1cd60);
  width: 200px;
  height: 60px;
  transform: skewY(-15deg) rotateX(129deg);
  border-radius: 50px;
  z-index: 4;
  border: 10px solid #161525;
}

.custom-t-logo .bg {
  transform-origin: center center;
  background-image: linear-gradient(to right top, #6c22bd, #8b25bb, #a52bb9,
    #bc34b7, #d040b5, #e645a5, #f55195, #ff6188, #ff796e, #ff965b, #f5b255, #e1cd60);
  width: 350px;
  height: 200px;
  z-index: -1;
  filter: blur(26px);
  opacity: 0.69;
  position: absolute;
  top: 31%;
  left: 50%;
  border-radius: 20px;
  transform: skewY(-15deg) translate(-50%, -50%);
}

.custom-t-logo .bg2 {
  background-image: linear-gradient(to bottom, #5239d0, #3e4dd8, #285ddd,
    #0f6bdf, #0078e0, #0087e5, #0095e8, #00a2ea, #00b5ec, #00c5df, #00d3c6, #0edda4);
  top: auto;
  bottom: 29%;
  width: 190px;
  height: 250px;
}

.custom-t-logo .middle {
  height: 80px;
  background: #161525;
  transform: skewY(-15deg) translateY(-37px);
  z-index: 3;
  border-bottom-left-radius: 50px;
  border-bottom-right-radius: 31px;
  position: relative;
  box-shadow: 0 0 15px 0 black;
}

.custom-t-logo .middle::after {
  content: '';
  width: 66px;
  height: 25px;
  background: #161525;
  position: absolute;
  bottom: -24px;
  border-left: 4px solid #161525;
  left: calc(50% + 18px);
  transform: translateX(-50%);
}

.custom-t-logo .stem {
  height: 250px;
  width: 80px;
  left: calc(50% + 13px);
  top: -102px;
  position: relative;
  transform: skewY(-15deg) translateX(-50%);
  background: #161525;
  z-index: 2;
  box-shadow: 0 0 15px 0 black;
  border-bottom-right-radius: 20px;
}

.custom-t-logo .top2 {
  transform: rotate(-90deg) rotateX(50deg);
  height: 50px;
  background-image: linear-gradient(to left, #5239d0, #3e4dd8, #285ddd,
    #0f6bdf, #0078e0, #0087e5, #0095e8, #00a2ea, #00b5ec, #00c5df, #00d3c6, #0edda4);
  left: -34px;
  top: -203px;
  z-index: 2;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-233ce45 */:root {
  --w: 4vmin;
  --r: 50%;
  --o: calc(.5 * (100% + var(--r)) - var(--r));
}

@property --k {
  syntax: '<number>';
  initial-value: 0;
  inherits: false;
}

body {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0;
  min-height: 100vh;
  background: #000; /* Optional */
}

.responsive-img {
  --k: 0;
  --j: calc(1 - var(--k));

  width: min(90vmin, 90vw);
  height: min(90vmin, 90vw);

  object-fit: cover;
  filter: grayscale(var(--j));

  --list: transparent calc(50% - var(--w)), red 0 calc(50% + var(--w)), transparent 0;

  mask:
    radial-gradient(closest-side, red calc(var(--r) - 1px), transparent var(--r)),
    radial-gradient(
      closest-side,
      transparent calc(var(--r) - var(--o) + var(--k) * 2 * var(--o) - 1px),
      red calc(var(--r) - var(--o) + var(--k) * 2 * var(--o)) calc(var(--k) * 100% + var(--j) * var(--r) - 1px),
      transparent calc(var(--k) * 100% + var(--j) * var(--r))
    ),
    linear-gradient(var(--list)),
    linear-gradient(90deg, var(--list)),
    linear-gradient(45deg, var(--list)),
    linear-gradient(-45deg, var(--list));

  mask-composite: add, intersect, add, add;
  transition: --k .2s ease-out;
}

.responsive-img:hover {
  --k: 1;
}

/* RESPONSIVE FIX */
@media (max-width: 600px) {
  .responsive-img {
    width: 85vw;
    height: 85vw;
  }
}

@media (min-width: 1200px) {
  .responsive-img {
    width: 60vmin;
    height: 60vmin;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-45be65f */.cards-section *,
.cards-section *::before,
.cards-section *::after {
  box-sizing: border-box;
  padding: 0;
  margin: 0;
}

.cards-section {
  font-family: "Quicksand", sans-serif;
}

.cards-section .container {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  max-width: 1000px;
  margin-block: 2rem;
  gap: 2rem;
}

.cards-section img {
  max-width: 100%;
  display: block;
  object-fit: cover;
}

.cards-section .card {
  display: flex;
  flex-direction: column;
  width: clamp(20rem, calc(20rem + 2vw), 22rem);
  overflow: hidden;
  box-shadow: 0 .1rem 1rem rgba(0, 0, 0, 0.1);
  border-radius: 1em;
  background: #ECE9E6;
  background: linear-gradient(to right, #FFFFFF, #ECE9E6);
}

.cards-section .card__body {
  padding: 1rem;
  display: flex;
  flex-direction: column;
  gap: .5rem;
}

.cards-section .tag {
  align-self: flex-start;
  padding: .25em .75em;
  border-radius: 1em;
  font-size: .75rem;
}

.cards-section .tag + .tag {
  margin-left: .5em;
}

.cards-section .tag-blue {
  background: linear-gradient(to bottom, #2F80ED, #56CCF2);
  color: #fafafa;
}

.cards-section .tag-brown {
  background: linear-gradient(to bottom, #FFD194, #D1913C);
  color: #fafafa;
}

.cards-section .tag-red {
  background: linear-gradient(to bottom, #ef473a, #cb2d3e);
  color: #fafafa;
}

.cards-section .card__body h4 {
  font-size: 1.5rem;
  text-transform: capitalize;
}

.cards-section .card__footer {
  display: flex;
  padding: 1rem;
  margin-top: auto;
}

.cards-section .user {
  display: flex;
  gap: .5rem;
}

.cards-section .user__image {
  border-radius: 50%;
}

.cards-section .user__info > small {
  color: #666;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-caca55e *//* Cube Section Wrapper */
.cube-wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 50px 0;
}

/* Perspective Container */
.cube-container {
  perspective: 1000px;
}

/* MAIN CUBE — Size will be controlled with CSS variables */
.cube {
  position: relative;
  width: var(--cube-size);
  height: var(--cube-size);
  transform-style: preserve-3d;
  animation: rotateCube 10s infinite linear;
}

/* Cube faces */
.face {
  position: absolute;
  width: var(--cube-size);
  height: var(--cube-size);
  border-radius: 10px;

  box-shadow: 0 0 25px rgba(255, 150, 0, 0.7),
              0 0 50px rgba(255, 150, 0, 0.5);

  background-size: cover;
  background-position: center;
}

/* Images */
.front  { background-image: url('https://picsum.photos/id/1015/400'); transform: translateZ(calc(var(--cube-size) / 2)); }
.back   { background-image: url('https://picsum.photos/id/1003/400'); transform: rotateY(180deg) translateZ(calc(var(--cube-size) / 2)); }
.right  { background-image: url('https://picsum.photos/id/1025/400'); transform: rotateY(90deg) translateZ(calc(var(--cube-size) / 2)); }
.left   { background-image: url('https://picsum.photos/id/1041/400'); transform: rotateY(-90deg) translateZ(calc(var(--cube-size) / 2)); }
.top    { background-image: url('https://picsum.photos/id/1035/400'); transform: rotateX(90deg) translateZ(calc(var(--cube-size) / 2)); }
.bottom { background-image: url('https://picsum.photos/id/1060/400'); transform: rotateX(-90deg) translateZ(calc(var(--cube-size) / 2)); }

/* Rotation Animation */
@keyframes rotateCube {
  0%   { transform: rotateX(0deg) rotateY(0deg); }
  25%  { transform: rotateX(0deg) rotateY(90deg); }
  50%  { transform: rotateX(0deg) rotateY(180deg); }
  75%  { transform: rotateX(0deg) rotateY(270deg); }
  100% { transform: rotateX(0deg) rotateY(360deg); }
}

/* -------------------------------------------------
   RESPONSIVE BREAKPOINTS
   ------------------------------------------------- */

/* 🖥️ Desktop (Default) */
:root {
  --cube-size: 250px;
}

/* 📱 Tablet */
@media (max-width: 1024px) {
  :root {
    --cube-size: 180px;
  }
}

/* 📱 Mobile */
@media (max-width: 600px) {
  :root {
    --cube-size: 140px;
  }

  .cube-wrapper {
    padding: 30px 0;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-c157e7f *//***************************************************
    DEFAULT (Desktop)
***************************************************/
.custom-ticket-section {
  font-family: 'Roboto', sans-serif;
}

.custom-ticket-section .hero-container {
  margin: auto;
  display: flex;
  gap: 20px;
  justify-content: center;
}

.custom-ticket-section .main-container {
  width: 200px;
  height: 550px;
  position: relative;
}

.custom-ticket-section .poster-container {
  width: 200px;
  position: relative;
  top: 0;
  left: 20px;
  z-index: 9;
}

.custom-ticket-section .poster {
  width: 100%;
  box-shadow: 0 5px 20px 3px rgba(0,0,0,0.6);
}

.custom-ticket-section .ticket-container {
  background: #fff;
  width: 270px;
  height: 520px;
  display: flex;
  flex-direction: column;
  align-items: center;
  border-radius: 5px;
  position: absolute;
  top: 20px;
  left: -40px;
  box-shadow: 0 5px 20px 3px rgba(0,0,0,0.6);
  opacity: 0;
  transition: 0.3s;
}

.custom-ticket-section .main-container:hover .ticket-container {
  opacity: 1;
  animation: bounceIn 0.6s linear;
}

/* Animation */
@keyframes bounceIn {
  0%,20%,40%,60%,80%,to {
    animation-timing-function: cubic-bezier(0.215,0.61,0.355,1);
  }
  0% { opacity:0; transform:scale3d(0.3,0.3,0.3); }
  20% { transform:scale3d(1.03,1.03,1.03); }
  40% { transform:scale3d(0.9,0.9,0.9); }
  60% { opacity:1; transform:scale3d(1.01,1.01,1.01); }
  80% { transform:scale3d(0.97,0.97,0.97); }
  to  { opacity:1; transform:scaleX(1); }
}

.custom-ticket-section .ticket__content {
  width: 100%;
  position: absolute;
  bottom: 0;
  text-align: center;
  padding-bottom: 20px;
}

.custom-ticket-section .ticket__movie-title {
  text-transform: uppercase;
  margin-bottom: 5px;
}

.custom-ticket-section .ticket__movie-slogan {
  color: #999;
  font-size: 0.9rem;
  margin-bottom: 20px;
}

.custom-ticket-section .ticket__current-price {
  color: #69c982;
  font-size: 1.4rem;
  font-weight: bold;
}

.custom-ticket-section .ticket__old-price {
  color: #999;
  text-decoration: line-through;
  margin-bottom: 10px;
}

.custom-ticket-section .ticket__buy-btn {
  cursor: pointer;
  width: 100%;
  background: #2f2f2f;
  color: #fff;
  padding: 15px 0;
  font-size: 1rem;
  font-weight: bold;
  text-transform: uppercase;
  border: 0;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}


/***************************************************
    TABLET VIEW
***************************************************/
@media (max-width: 1024px) {

  .custom-ticket-section .hero-container {
    gap: 10px;
  }

  .custom-ticket-section .main-container {
    width: 170px;
    height: 480px;
  }

  .custom-ticket-section .poster-container {
    width: 170px;
    left: 15px;
  }

  .custom-ticket-section .ticket-container {
    width: 230px;
    height: 450px;
    left: -30px;
  }

  .custom-ticket-section .ticket__current-price {
    font-size: 1.2rem;
  }

  .custom-ticket-section .ticket__movie-slogan {
    font-size: 0.8rem;
  }
}


/***************************************************
    MOBILE VIEW
***************************************************/
@media (max-width: 600px) {

  .custom-ticket-section .hero-container {
    flex-direction: column;
    align-items: center;
  }

  .custom-ticket-section .main-container {
    width: 200px;
    height: auto;
  }

  .custom-ticket-section .poster-container {
    width: 200px;
    left: 0;
  }

  .custom-ticket-section .ticket-container {
    position: relative;
    top: 10px;
    left: 0;
    opacity: 1 !important;  /* Hover ki zarurat nahi */
    animation: none;
    margin-top: 20px;
    width: 230px;
    height: auto;
    padding-bottom: 20px;
  }

  .custom-ticket-section .ticket__content {
    position: relative;
    padding: 20px 0;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-a1b5266 */.amur-leopard-section * {
	box-sizing: border-box;
	margin: 0;
}

/* Section Wrapper */
.amur-leopard-section {
	--d: 17rem;
	--f: .25;
	--r: 360deg / 12;
	display: flex;
	flex-direction: column;
	align-items: center;
	padding: 2rem 0;
	transform-style: preserve-3d;
	background: ;
}

/* Headings */
.amur-leopard-section h2,
.amur-leopard-section h3 {
	text-align: center;
	margin-bottom: .5rem;
}

/* Hide radio buttons */
.amur-leopard-section input[type="radio"],
.amur-leopard-section input[type="checkbox"] {
	position: absolute;
	left: -200vw;
}

/* -------- GALLERY -------- */
.amur-leopard-section .gallery {
	position: relative;
	width: var(--d);
	height: var(--d);
	perspective: 1000px;
}

/* Each item */
.amur-leopard-section .gallery__item {
	position: absolute;
	top: 50%;
	left: 50%;
	width: var(--d);
	height: var(--d);
	transform-origin: center center;
	transform: rotate(0deg) translate(-50%, -50%) scale(var(--f));
	border-radius: 50%;
	overflow: hidden;
	border: 3px solid #fff;
	filter: grayscale(1);
	transition: .3s;
	cursor: pointer;
}

/* Hover / focus */
.amur-leopard-section .gallery__item:hover,
.amur-leopard-section input:focus + .gallery__item {
	filter: none;
}

/* Selected */
.amur-leopard-section input:checked + .gallery__item {
	transform: translate(-50%, -50%) scale(1);
	filter: none;
	border-radius: 1rem;
}

/* Individual rotation for 12 items */
.amur-leopard-section label[for="gallery-item-0"] { transform: rotate(calc(var(--r) * 0)) translate(-50%, -50%) scale(var(--f)); }
.amur-leopard-section label[for="gallery-item-1"] { transform: rotate(calc(var(--r) * 1)) translate(-50%, -50%) scale(var(--f)); }
.amur-leopard-section label[for="gallery-item-2"] { transform: rotate(calc(var(--r) * 2)) translate(-50%, -50%) scale(var(--f)); }
.amur-leopard-section label[for="gallery-item-3"] { transform: rotate(calc(var(--r) * 3)) translate(-50%, -50%) scale(var(--f)); }
.amur-leopard-section label[for="gallery-item-4"] { transform: rotate(calc(var(--r) * 4)) translate(-50%, -50%) scale(var(--f)); }
.amur-leopard-section label[for="gallery-item-5"] { transform: rotate(calc(var(--r) * 5)) translate(-50%, -50%) scale(var(--f)); }
.amur-leopard-section label[for="gallery-item-6"] { transform: rotate(calc(var(--r) * 6)) translate(-50%, -50%) scale(var(--f)); }
.amur-leopard-section label[for="gallery-item-7"] { transform: rotate(calc(var(--r) * 7)) translate(-50%, -50%) scale(var(--f)); }
.amur-leopard-section label[for="gallery-item-8"] { transform: rotate(calc(var(--r) * 8)) translate(-50%, -50%) scale(var(--f)); }
.amur-leopard-section label[for="gallery-item-9"] { transform: rotate(calc(var(--r) * 9)) translate(-50%, -50%) scale(var(--f)); }
.amur-leopard-section label[for="gallery-item-10"] { transform: rotate(calc(var(--r) * 10)) translate(-50%, -50%) scale(var(--f)); }
.amur-leopard-section label[for="gallery-item-11"] { transform: rotate(calc(var(--r) * 11)) translate(-50%, -50%) scale(var(--f)); }

/* Image fill */
.amur-leopard-section img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

/* ------- INFO PANEL ------- */
.amur-leopard-section .info {
	margin-top: 2rem;
	position: relative;
}

/* Info Box hidden by default */
.amur-leopard-section .info__content {
	background: rgba(255,255,255,.8);
	padding: 1rem;
	border-radius: .5rem;
	opacity: 0;
	transform: scale(0.85);
	transition: .3s;
	max-width: 90vw;
}

/* Show when checkbox checked */
.amur-leopard-section input#show:checked ~ .info__content {
	opacity: 1;
	transform: scale(1);
}

/* Info button */
.amur-leopard-section label[for="show"] {
	display: inline-block;
	background: dodgerblue;
	color: white;
	padding: .25rem 1rem;
	border-radius: 1rem;
	margin-bottom: .5rem;
	cursor: pointer;
	font-size: .9rem;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-64598f7 *//* ================================
   SECTION HEIGHT
   ================================ */
.gallery-section {
  height: 350px;
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  background: #aabbfb;
}

/* ================================
   GALLERY
   ================================ */
.gallery {
  --s: 110px;   /* Desktop size */
  --g: 10px;
  display: grid;
  margin: 0;
}

/* ================================
   IMAGES
   ================================ */
.gallery > img {
  grid-area: 1/1;
  width: var(--s);
  aspect-ratio: 1.15;
  object-fit: cover;
  clip-path: polygon(25% 0%, 75% 0%, 100% 50%,75% 100%,25% 100%,0 50%);
  transform: translate(var(--_x,0),var(--_y,0)) scale(var(--_t,1));
  cursor: pointer;
  filter: grayscale(80%);
  transition: .3s ease;
  border-radius: 5px;
}

/* ================================
   GOLDEN GLOW ON HOVER
   ================================ */
.gallery > img:hover {
  filter: grayscale(0);
  z-index: 2;
  --_t: 1.25;

  /* GOLDEN GLOW */
  box-shadow:
    0 0 10px rgba(255, 215, 0, 0.7),
    0 0 20px rgba(255, 215, 0, 0.8),
    0 0 35px rgba(255, 215, 0, 0.9);
}

/* ================================
   POSITIONS (Hexagon Layout)
   ================================ */
.gallery > img:nth-child(1) {--_y: calc(-100% - var(--g))}

.gallery > img:nth-child(7) {--_y: calc(100% + var(--g))}

.gallery > img:nth-child(3),
.gallery > img:nth-child(5) {--_x: calc(-75% - .87*var(--g))}

.gallery > img:nth-child(4),
.gallery > img:nth-child(6) {--_x: calc(75% + .87*var(--g))}

.gallery > img:nth-child(3),
.gallery > img:nth-child(4) {--_y: calc(-50% - .5*var(--g))}

.gallery > img:nth-child(5), 
.gallery > img:nth-child(6) {--_y: calc(50% + .5*var(--g))}


/* ======================================================
   RESPONSIVE BREAKPOINTS
   ====================================================== */

/* ---------- TABLET ---------- */
@media (max-width: 1024px) {
  .gallery-section {
    height: 300px;
  }

  .gallery {
    --s: 85px;   /* Tablet size */
    --g: 8px;
  }
}

/* ---------- MOBILE ---------- */
@media (max-width: 600px) {
  .gallery-section {
    height: auto;
    padding: 30px 0;
  }

  .gallery {
    --s: 70px;   /* Mobile size */
    --g: 6px;
  }

  .gallery > img {
    --_t: 1; /* scale normal */
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-e39dccb */.img-box img {
  --c: #F9CDAD; 
  --b: 8px; 
  --o: 25px; 
  
  width: 700px;
  --_p: calc(2*var(--o) + var(--b));
  padding: var(--_p) var(--_p) 0 0;
  outline: var(--b) solid var(--c);
  outline-offset: calc(var(--o) - var(--_p));
  transition: .4s;
  cursor: pointer;
  background-color: red;
}

.img-box img:hover {
  padding: calc(var(--_p)/2);
}

/* Body ko simple rakho */
body {
  margin: 0;
  background: #547980;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-9e4d6a5 */.moving-bg {
  width: 100%;
  height: 400px; /* apne section ki height ke hisaab se change kar sakte ho */
  position: relative;
  overflow: hidden;
  background: url(https://image.freepik.com/free-photo/sport-composition-with-modern-elements_23-2147914163.jpg);
  background-size: cover;
  background-position: center;
}

/* Moving layer */
.moving-bg .moving-layer {
  position: absolute;
  top: 0;
  left: 0;
  width: 300px;
  height: 100%;
  background: url(https://image.freepik.com/free-photo/sport-composition-with-modern-elements_23-2147914163.jpg);
  background-size: cover;
  background-position: center;
  box-shadow: 20px 0 60px rgba(0,0,0,0.3),
              -20px 0 60px rgba(0,0,0,0.3);

  animation: bgMove 4s ease-in-out infinite;
}

@keyframes bgMove {
  0%, 100% {
    transform: translateX(0);
  }
  50% {
    transform: translateX(calc(100% - 300px));
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-739987b */body{
  margin:0;
  padding:0;
  background:#f2f2f2;
  font-family: 'Acme';
}

.container{
  max-width:1000px;
  margin:0px auto;
  display:flex;
  flex-wrap:wrap;
  justify-content:space-around;
}

.card{
  position:relative;
  margin:20px 0;
  width:300px;
  height:400px;
  background: #fff;
  transform-style:preserve-3d;
  transform:perspective(2000px);
  transition:1s;
  box-shadow:inset 100px 0 50px rgba(0,0,0,0.5);
}

.card:hover{
  z-index:1111;
  transform:perspective(2000px) rotate(-10deg);
  box-shadow:inset 20px 0 50px rgba(0,0,0,0.5);
}

.card .img-container{
  position:relative;
  width:100%;
  height:100%;
  border:1px solid #000;
  box-sizing:border-box;
  transform-origin:left;
  z-index:1;
  transition:1s;
}

.card .img-container img{
  position:absolute;
  left:0;
  top:0;
  height:100%;
  width:100%;
  object-fit:cover;
}

.card:hover .img-container{
  transform:rotateY(-135deg);
}

.card .card-details{
  position:absolute;
  left:0;
  top:0;
  box-sizing:border-box;
  padding:20px;
  color:#000;
}

 .card .card-details h2{
  margin:0;
  padding:0.5em 0;
  text-transform:uppercase;
  font-size:2em;
  color:#ed363a;
}

.card .card-details p{
  margin:0;
  padding:0;
  line-height:25px;
  font-size:1.1em;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-686e84b */:root {
  --w: 4vmin;
  --r: 50%;
  --o: calc(.5 * (100% + var(--r)) - var(--r));
}

@property --k {
  syntax: '<number>';
  initial-value: 0;
  inherits: false;
}

body {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0;
  min-height: 100vh;
  background: #000; /* Optional */
}

.responsive-img {
  --k: 0;
  --j: calc(1 - var(--k));

  width: min(90vmin, 90vw);
  height: min(90vmin, 90vw);

  object-fit: cover;
  filter: grayscale(var(--j));

  --list: transparent calc(50% - var(--w)), red 0 calc(50% + var(--w)), transparent 0;

  mask:
    radial-gradient(closest-side, red calc(var(--r) - 1px), transparent var(--r)),
    radial-gradient(
      closest-side,
      transparent calc(var(--r) - var(--o) + var(--k) * 2 * var(--o) - 1px),
      red calc(var(--r) - var(--o) + var(--k) * 2 * var(--o)) calc(var(--k) * 100% + var(--j) * var(--r) - 1px),
      transparent calc(var(--k) * 100% + var(--j) * var(--r))
    ),
    linear-gradient(var(--list)),
    linear-gradient(90deg, var(--list)),
    linear-gradient(45deg, var(--list)),
    linear-gradient(-45deg, var(--list));

  mask-composite: add, intersect, add, add;
  transition: --k .2s ease-out;
}

.responsive-img:hover {
  --k: 1;
}

/* RESPONSIVE FIX */
@media (max-width: 600px) {
  .responsive-img {
    width: 85vw;
    height: 85vw;
  }
}

@media (min-width: 1200px) {
  .responsive-img {
    width: 60vmin;
    height: 60vmin;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-f5e83cf */.earth-wrapper {
  position: relative;
  width: 100%;
  height: 50vh; /* Only this section gets full height */
  display: grid;
  place-items: center;
  background: #081621;
  -moz-border-radius-topleft: 10px
}

/* Remove global body and * styling completely */
/* No reset = no effect on other page parts */

/* Custom properties */
@property --pulse {
  syntax: '<length>';
  inherits: false;
  initial-value: 80px;
}

@property --pulse2 {
  syntax: '<length>';
  inherits: false;
  initial-value: 56px;
}

@property --r {
  syntax: '<angle>';
  inherits: false;
  initial-value: 0deg;
}

.earth {
  position: relative;
  width: 180px;
  aspect-ratio: 1;
  border-radius: 50%;
  background-image: url('https://i.postimg.cc/9QCCCVsQ/earth.png');
  background-repeat: repeat-x;
  background-size: cover;
  animation: earth 40s linear infinite, pulse 2s linear infinite alternate-reverse;
  box-shadow:
    0 -1px 1px 1px white,
    -1px 1px 1px 1px #64BEC8,
    0 0 var(--pulse) -20px #64BEC8,
    inset 0 0 76px -10px #64BEC8,
    inset 0 0 var(--pulse2) -10px #64BEC8;
}

.earth:before,
.earth:after {
  content: '';
  position: absolute;
  left: 70px;
  height: 10px;
  border-radius: 50%;
  filter: blur(12px);
  transform: rotate(var(--r));
  animation: rotation 10s linear infinite;
}

.earth:before {
  width: 14%;
  box-shadow:
    inset 0 0 70px 90px #A47478,
    0 0 140px 70px #A47478;
}

.earth:after {
  width: 7%;
  height: 10px;
  box-shadow:
    inset 0 0 70px -50px white,
    inset 0 0 70px 90px #E5BC77,
    0 0 130px 50px #E5BC77;
}

@keyframes earth {
  from { background-position: 0 0; }
  to { background-position: -199% 0; }
}

@keyframes pulse {
  0% {
    --pulse: 8rem;
    --pulse2: 5.6rem;
    --r: 0deg;
  }
  100% {
    --pulse: 10rem;
    --pulse2: 3.6rem;
    --r: 180deg;
  }
}

@keyframes rotation {
  from { --r: 0deg; }
  to { --r: 180deg; }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-5fd5cb2 */.earth-wrapper {
  position: relative;
  width: 100%;
  height: 50vh; /* Only this section gets full height */
  display: grid;
  place-items: center;
  background: #081621;
  -moz-border-radius-topleft: 10px
}

/* Remove global body and * styling completely */
/* No reset = no effect on other page parts */

/* Custom properties */
@property --pulse {
  syntax: '<length>';
  inherits: false;
  initial-value: 80px;
}

@property --pulse2 {
  syntax: '<length>';
  inherits: false;
  initial-value: 56px;
}

@property --r {
  syntax: '<angle>';
  inherits: false;
  initial-value: 0deg;
}

.earth {
  position: relative;
  width: 180px;
  aspect-ratio: 1;
  border-radius: 50%;
  background-image: url('https://i.postimg.cc/9QCCCVsQ/earth.png');
  background-repeat: repeat-x;
  background-size: cover;
  animation: earth 40s linear infinite, pulse 2s linear infinite alternate-reverse;
  box-shadow:
    0 -1px 1px 1px white,
    -1px 1px 1px 1px #64BEC8,
    0 0 var(--pulse) -20px #64BEC8,
    inset 0 0 76px -10px #64BEC8,
    inset 0 0 var(--pulse2) -10px #64BEC8;
}

.earth:before,
.earth:after {
  content: '';
  position: absolute;
  left: 70px;
  height: 10px;
  border-radius: 50%;
  filter: blur(12px);
  transform: rotate(var(--r));
  animation: rotation 10s linear infinite;
}

.earth:before {
  width: 14%;
  box-shadow:
    inset 0 0 70px 90px #A47478,
    0 0 140px 70px #A47478;
}

.earth:after {
  width: 7%;
  height: 10px;
  box-shadow:
    inset 0 0 70px -50px white,
    inset 0 0 70px 90px #E5BC77,
    0 0 130px 50px #E5BC77;
}

@keyframes earth {
  from { background-position: 0 0; }
  to { background-position: -199% 0; }
}

@keyframes pulse {
  0% {
    --pulse: 8rem;
    --pulse2: 5.6rem;
    --r: 0deg;
  }
  100% {
    --pulse: 10rem;
    --pulse2: 3.6rem;
    --r: 180deg;
  }
}

@keyframes rotation {
  from { --r: 0deg; }
  to { --r: 180deg; }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-1ac9489 */@import url("https://fonts.googleapis.com/css2?family=Nunito:wght@300;400;600&display=swap");

/* Only apply styles to this section */
.neon-section, 
.neon-section * {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

.neon-section {
  width: 100%;
  height: 50vh;
  background: #09111b;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: "Nunito", sans-serif;
}

/* 25% width container */
.neon-box {
  width: 25%;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* Neon text */
.neon-container h1 {
  color: rgb(0, 238, 255);
  position: relative;
  text-align: center;
  font-weight: 700;

  /* Default desktop size */
  font-size: 6vw;
}

/* Flicker glow layer */
.neon-container h1::before {
  content: attr(data-text);
  position: absolute;
  left: 0;
  top: 0;
  text-shadow: 0px 0px 20px rgb(0, 238, 255);
  filter: blur(10px) brightness(0);
  animation: flicker 2s linear forwards;
  animation-delay: 1s;
}

/* Flicker animation */
@keyframes flicker {
  0% { filter: blur(5px) brightness(1); }
  3% { filter: blur(5px) brightness(0); }
  6% { filter: blur(5px) brightness(0); }
  7% { filter: blur(5px) brightness(1); }
  8% { filter: blur(5px) brightness(0); }
  9% { filter: blur(5px) brightness(1); }
  10% { filter: blur(5px) brightness(0); }
  20% { filter: blur(5px) brightness(1); }
  50% { filter: blur(5px) brightness(1); }
  99% { filter: blur(5px) brightness(0); }
  100% { filter: blur(5px) brightness(1); }
}

/* ============================
   RESPONSIVE
   ============================ */

/* Tablet */
@media (max-width: 1024px) {
  .neon-box {
    width: 40%;
  }
  .neon-container h1 {
    font-size: 10vw;
  }
}

/* Mobile */
@media (max-width: 768px) {
  .neon-box {
    width: 70%;
  }
  .neon-container h1 {
    font-size: 14vw;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-845b45e */.custom-t-logo {
  display: flex;
  align-items: center;
  justify-content: center;
  height:50vh; /* remove or adjust as needed */
  background-image: radial-gradient(circle at 50% 43%, #011027, #000110 70%);
}

.custom-t-logo .T:hover {
  > .middle, .stem, .middle::after {
    background: #b2ffff;
  }

  .middle, .stem, .top:not(.top2) {
    box-shadow: 0 0 10px 0 white, 0 0 20px 0 white, 0 0 30px 0 white;
  }

  .top2 {
    box-shadow: -4px -7px 13px 0 white;
  }

  .top {
    border: 9px solid #7ff9f9;
  }

  .middle::after {
    border-left: 4px solid #7ff9f9;
  }

  .bg {
    opacity: 7.1;
    transform: scale(1.1) skewY(-15deg) translate(-46%, -44%);
  }
}

.custom-t-logo *, 
.custom-t-logo *::after {
  transition: all 400ms ease-in-out;
}

.custom-t-logo .top {
  position: relative;
  background-image: linear-gradient(135deg, #6c22bd, #8b25bb, #a52bb9, #bc34b7,
    #d040b5, #e645a5, #f55195, #ff6188, #ff796e, #ff965b, #f5b255, #e1cd60);
  width: 200px;
  height: 60px;
  transform: skewY(-15deg) rotateX(129deg);
  border-radius: 50px;
  z-index: 4;
  border: 10px solid #161525;
}

.custom-t-logo .bg {
  transform-origin: center center;
  background-image: linear-gradient(to right top, #6c22bd, #8b25bb, #a52bb9,
    #bc34b7, #d040b5, #e645a5, #f55195, #ff6188, #ff796e, #ff965b, #f5b255, #e1cd60);
  width: 350px;
  height: 200px;
  z-index: -1;
  filter: blur(26px);
  opacity: 0.69;
  position: absolute;
  top: 31%;
  left: 50%;
  border-radius: 20px;
  transform: skewY(-15deg) translate(-50%, -50%);
}

.custom-t-logo .bg2 {
  background-image: linear-gradient(to bottom, #5239d0, #3e4dd8, #285ddd,
    #0f6bdf, #0078e0, #0087e5, #0095e8, #00a2ea, #00b5ec, #00c5df, #00d3c6, #0edda4);
  top: auto;
  bottom: 29%;
  width: 190px;
  height: 250px;
}

.custom-t-logo .middle {
  height: 80px;
  background: #161525;
  transform: skewY(-15deg) translateY(-37px);
  z-index: 3;
  border-bottom-left-radius: 50px;
  border-bottom-right-radius: 31px;
  position: relative;
  box-shadow: 0 0 15px 0 black;
}

.custom-t-logo .middle::after {
  content: '';
  width: 66px;
  height: 25px;
  background: #161525;
  position: absolute;
  bottom: -24px;
  border-left: 4px solid #161525;
  left: calc(50% + 18px);
  transform: translateX(-50%);
}

.custom-t-logo .stem {
  height: 250px;
  width: 80px;
  left: calc(50% + 13px);
  top: -102px;
  position: relative;
  transform: skewY(-15deg) translateX(-50%);
  background: #161525;
  z-index: 2;
  box-shadow: 0 0 15px 0 black;
  border-bottom-right-radius: 20px;
}

.custom-t-logo .top2 {
  transform: rotate(-90deg) rotateX(50deg);
  height: 50px;
  background-image: linear-gradient(to left, #5239d0, #3e4dd8, #285ddd,
    #0f6bdf, #0078e0, #0087e5, #0095e8, #00a2ea, #00b5ec, #00c5df, #00d3c6, #0edda4);
  left: -34px;
  top: -203px;
  z-index: 2;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-233ce45 */:root {
  --w: 4vmin;
  --r: 50%;
  --o: calc(.5 * (100% + var(--r)) - var(--r));
}

@property --k {
  syntax: '<number>';
  initial-value: 0;
  inherits: false;
}

body {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0;
  min-height: 100vh;
  background: #000; /* Optional */
}

.responsive-img {
  --k: 0;
  --j: calc(1 - var(--k));

  width: min(90vmin, 90vw);
  height: min(90vmin, 90vw);

  object-fit: cover;
  filter: grayscale(var(--j));

  --list: transparent calc(50% - var(--w)), red 0 calc(50% + var(--w)), transparent 0;

  mask:
    radial-gradient(closest-side, red calc(var(--r) - 1px), transparent var(--r)),
    radial-gradient(
      closest-side,
      transparent calc(var(--r) - var(--o) + var(--k) * 2 * var(--o) - 1px),
      red calc(var(--r) - var(--o) + var(--k) * 2 * var(--o)) calc(var(--k) * 100% + var(--j) * var(--r) - 1px),
      transparent calc(var(--k) * 100% + var(--j) * var(--r))
    ),
    linear-gradient(var(--list)),
    linear-gradient(90deg, var(--list)),
    linear-gradient(45deg, var(--list)),
    linear-gradient(-45deg, var(--list));

  mask-composite: add, intersect, add, add;
  transition: --k .2s ease-out;
}

.responsive-img:hover {
  --k: 1;
}

/* RESPONSIVE FIX */
@media (max-width: 600px) {
  .responsive-img {
    width: 85vw;
    height: 85vw;
  }
}

@media (min-width: 1200px) {
  .responsive-img {
    width: 60vmin;
    height: 60vmin;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-45be65f */.cards-section *,
.cards-section *::before,
.cards-section *::after {
  box-sizing: border-box;
  padding: 0;
  margin: 0;
}

.cards-section {
  font-family: "Quicksand", sans-serif;
}

.cards-section .container {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  max-width: 1000px;
  margin-block: 2rem;
  gap: 2rem;
}

.cards-section img {
  max-width: 100%;
  display: block;
  object-fit: cover;
}

.cards-section .card {
  display: flex;
  flex-direction: column;
  width: clamp(20rem, calc(20rem + 2vw), 22rem);
  overflow: hidden;
  box-shadow: 0 .1rem 1rem rgba(0, 0, 0, 0.1);
  border-radius: 1em;
  background: #ECE9E6;
  background: linear-gradient(to right, #FFFFFF, #ECE9E6);
}

.cards-section .card__body {
  padding: 1rem;
  display: flex;
  flex-direction: column;
  gap: .5rem;
}

.cards-section .tag {
  align-self: flex-start;
  padding: .25em .75em;
  border-radius: 1em;
  font-size: .75rem;
}

.cards-section .tag + .tag {
  margin-left: .5em;
}

.cards-section .tag-blue {
  background: linear-gradient(to bottom, #2F80ED, #56CCF2);
  color: #fafafa;
}

.cards-section .tag-brown {
  background: linear-gradient(to bottom, #FFD194, #D1913C);
  color: #fafafa;
}

.cards-section .tag-red {
  background: linear-gradient(to bottom, #ef473a, #cb2d3e);
  color: #fafafa;
}

.cards-section .card__body h4 {
  font-size: 1.5rem;
  text-transform: capitalize;
}

.cards-section .card__footer {
  display: flex;
  padding: 1rem;
  margin-top: auto;
}

.cards-section .user {
  display: flex;
  gap: .5rem;
}

.cards-section .user__image {
  border-radius: 50%;
}

.cards-section .user__info > small {
  color: #666;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-caca55e *//* Cube Section Wrapper */
.cube-wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 50px 0;
}

/* Perspective Container */
.cube-container {
  perspective: 1000px;
}

/* MAIN CUBE — Size will be controlled with CSS variables */
.cube {
  position: relative;
  width: var(--cube-size);
  height: var(--cube-size);
  transform-style: preserve-3d;
  animation: rotateCube 10s infinite linear;
}

/* Cube faces */
.face {
  position: absolute;
  width: var(--cube-size);
  height: var(--cube-size);
  border-radius: 10px;

  box-shadow: 0 0 25px rgba(255, 150, 0, 0.7),
              0 0 50px rgba(255, 150, 0, 0.5);

  background-size: cover;
  background-position: center;
}

/* Images */
.front  { background-image: url('https://picsum.photos/id/1015/400'); transform: translateZ(calc(var(--cube-size) / 2)); }
.back   { background-image: url('https://picsum.photos/id/1003/400'); transform: rotateY(180deg) translateZ(calc(var(--cube-size) / 2)); }
.right  { background-image: url('https://picsum.photos/id/1025/400'); transform: rotateY(90deg) translateZ(calc(var(--cube-size) / 2)); }
.left   { background-image: url('https://picsum.photos/id/1041/400'); transform: rotateY(-90deg) translateZ(calc(var(--cube-size) / 2)); }
.top    { background-image: url('https://picsum.photos/id/1035/400'); transform: rotateX(90deg) translateZ(calc(var(--cube-size) / 2)); }
.bottom { background-image: url('https://picsum.photos/id/1060/400'); transform: rotateX(-90deg) translateZ(calc(var(--cube-size) / 2)); }

/* Rotation Animation */
@keyframes rotateCube {
  0%   { transform: rotateX(0deg) rotateY(0deg); }
  25%  { transform: rotateX(0deg) rotateY(90deg); }
  50%  { transform: rotateX(0deg) rotateY(180deg); }
  75%  { transform: rotateX(0deg) rotateY(270deg); }
  100% { transform: rotateX(0deg) rotateY(360deg); }
}

/* -------------------------------------------------
   RESPONSIVE BREAKPOINTS
   ------------------------------------------------- */

/* 🖥️ Desktop (Default) */
:root {
  --cube-size: 250px;
}

/* 📱 Tablet */
@media (max-width: 1024px) {
  :root {
    --cube-size: 180px;
  }
}

/* 📱 Mobile */
@media (max-width: 600px) {
  :root {
    --cube-size: 140px;
  }

  .cube-wrapper {
    padding: 30px 0;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-c157e7f *//***************************************************
    DEFAULT (Desktop)
***************************************************/
.custom-ticket-section {
  font-family: 'Roboto', sans-serif;
}

.custom-ticket-section .hero-container {
  margin: auto;
  display: flex;
  gap: 20px;
  justify-content: center;
}

.custom-ticket-section .main-container {
  width: 200px;
  height: 550px;
  position: relative;
}

.custom-ticket-section .poster-container {
  width: 200px;
  position: relative;
  top: 0;
  left: 20px;
  z-index: 9;
}

.custom-ticket-section .poster {
  width: 100%;
  box-shadow: 0 5px 20px 3px rgba(0,0,0,0.6);
}

.custom-ticket-section .ticket-container {
  background: #fff;
  width: 270px;
  height: 520px;
  display: flex;
  flex-direction: column;
  align-items: center;
  border-radius: 5px;
  position: absolute;
  top: 20px;
  left: -40px;
  box-shadow: 0 5px 20px 3px rgba(0,0,0,0.6);
  opacity: 0;
  transition: 0.3s;
}

.custom-ticket-section .main-container:hover .ticket-container {
  opacity: 1;
  animation: bounceIn 0.6s linear;
}

/* Animation */
@keyframes bounceIn {
  0%,20%,40%,60%,80%,to {
    animation-timing-function: cubic-bezier(0.215,0.61,0.355,1);
  }
  0% { opacity:0; transform:scale3d(0.3,0.3,0.3); }
  20% { transform:scale3d(1.03,1.03,1.03); }
  40% { transform:scale3d(0.9,0.9,0.9); }
  60% { opacity:1; transform:scale3d(1.01,1.01,1.01); }
  80% { transform:scale3d(0.97,0.97,0.97); }
  to  { opacity:1; transform:scaleX(1); }
}

.custom-ticket-section .ticket__content {
  width: 100%;
  position: absolute;
  bottom: 0;
  text-align: center;
  padding-bottom: 20px;
}

.custom-ticket-section .ticket__movie-title {
  text-transform: uppercase;
  margin-bottom: 5px;
}

.custom-ticket-section .ticket__movie-slogan {
  color: #999;
  font-size: 0.9rem;
  margin-bottom: 20px;
}

.custom-ticket-section .ticket__current-price {
  color: #69c982;
  font-size: 1.4rem;
  font-weight: bold;
}

.custom-ticket-section .ticket__old-price {
  color: #999;
  text-decoration: line-through;
  margin-bottom: 10px;
}

.custom-ticket-section .ticket__buy-btn {
  cursor: pointer;
  width: 100%;
  background: #2f2f2f;
  color: #fff;
  padding: 15px 0;
  font-size: 1rem;
  font-weight: bold;
  text-transform: uppercase;
  border: 0;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}


/***************************************************
    TABLET VIEW
***************************************************/
@media (max-width: 1024px) {

  .custom-ticket-section .hero-container {
    gap: 10px;
  }

  .custom-ticket-section .main-container {
    width: 170px;
    height: 480px;
  }

  .custom-ticket-section .poster-container {
    width: 170px;
    left: 15px;
  }

  .custom-ticket-section .ticket-container {
    width: 230px;
    height: 450px;
    left: -30px;
  }

  .custom-ticket-section .ticket__current-price {
    font-size: 1.2rem;
  }

  .custom-ticket-section .ticket__movie-slogan {
    font-size: 0.8rem;
  }
}


/***************************************************
    MOBILE VIEW
***************************************************/
@media (max-width: 600px) {

  .custom-ticket-section .hero-container {
    flex-direction: column;
    align-items: center;
  }

  .custom-ticket-section .main-container {
    width: 200px;
    height: auto;
  }

  .custom-ticket-section .poster-container {
    width: 200px;
    left: 0;
  }

  .custom-ticket-section .ticket-container {
    position: relative;
    top: 10px;
    left: 0;
    opacity: 1 !important;  /* Hover ki zarurat nahi */
    animation: none;
    margin-top: 20px;
    width: 230px;
    height: auto;
    padding-bottom: 20px;
  }

  .custom-ticket-section .ticket__content {
    position: relative;
    padding: 20px 0;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-a1b5266 */.amur-leopard-section * {
	box-sizing: border-box;
	margin: 0;
}

/* Section Wrapper */
.amur-leopard-section {
	--d: 17rem;
	--f: .25;
	--r: 360deg / 12;
	display: flex;
	flex-direction: column;
	align-items: center;
	padding: 2rem 0;
	transform-style: preserve-3d;
	background: ;
}

/* Headings */
.amur-leopard-section h2,
.amur-leopard-section h3 {
	text-align: center;
	margin-bottom: .5rem;
}

/* Hide radio buttons */
.amur-leopard-section input[type="radio"],
.amur-leopard-section input[type="checkbox"] {
	position: absolute;
	left: -200vw;
}

/* -------- GALLERY -------- */
.amur-leopard-section .gallery {
	position: relative;
	width: var(--d);
	height: var(--d);
	perspective: 1000px;
}

/* Each item */
.amur-leopard-section .gallery__item {
	position: absolute;
	top: 50%;
	left: 50%;
	width: var(--d);
	height: var(--d);
	transform-origin: center center;
	transform: rotate(0deg) translate(-50%, -50%) scale(var(--f));
	border-radius: 50%;
	overflow: hidden;
	border: 3px solid #fff;
	filter: grayscale(1);
	transition: .3s;
	cursor: pointer;
}

/* Hover / focus */
.amur-leopard-section .gallery__item:hover,
.amur-leopard-section input:focus + .gallery__item {
	filter: none;
}

/* Selected */
.amur-leopard-section input:checked + .gallery__item {
	transform: translate(-50%, -50%) scale(1);
	filter: none;
	border-radius: 1rem;
}

/* Individual rotation for 12 items */
.amur-leopard-section label[for="gallery-item-0"] { transform: rotate(calc(var(--r) * 0)) translate(-50%, -50%) scale(var(--f)); }
.amur-leopard-section label[for="gallery-item-1"] { transform: rotate(calc(var(--r) * 1)) translate(-50%, -50%) scale(var(--f)); }
.amur-leopard-section label[for="gallery-item-2"] { transform: rotate(calc(var(--r) * 2)) translate(-50%, -50%) scale(var(--f)); }
.amur-leopard-section label[for="gallery-item-3"] { transform: rotate(calc(var(--r) * 3)) translate(-50%, -50%) scale(var(--f)); }
.amur-leopard-section label[for="gallery-item-4"] { transform: rotate(calc(var(--r) * 4)) translate(-50%, -50%) scale(var(--f)); }
.amur-leopard-section label[for="gallery-item-5"] { transform: rotate(calc(var(--r) * 5)) translate(-50%, -50%) scale(var(--f)); }
.amur-leopard-section label[for="gallery-item-6"] { transform: rotate(calc(var(--r) * 6)) translate(-50%, -50%) scale(var(--f)); }
.amur-leopard-section label[for="gallery-item-7"] { transform: rotate(calc(var(--r) * 7)) translate(-50%, -50%) scale(var(--f)); }
.amur-leopard-section label[for="gallery-item-8"] { transform: rotate(calc(var(--r) * 8)) translate(-50%, -50%) scale(var(--f)); }
.amur-leopard-section label[for="gallery-item-9"] { transform: rotate(calc(var(--r) * 9)) translate(-50%, -50%) scale(var(--f)); }
.amur-leopard-section label[for="gallery-item-10"] { transform: rotate(calc(var(--r) * 10)) translate(-50%, -50%) scale(var(--f)); }
.amur-leopard-section label[for="gallery-item-11"] { transform: rotate(calc(var(--r) * 11)) translate(-50%, -50%) scale(var(--f)); }

/* Image fill */
.amur-leopard-section img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

/* ------- INFO PANEL ------- */
.amur-leopard-section .info {
	margin-top: 2rem;
	position: relative;
}

/* Info Box hidden by default */
.amur-leopard-section .info__content {
	background: rgba(255,255,255,.8);
	padding: 1rem;
	border-radius: .5rem;
	opacity: 0;
	transform: scale(0.85);
	transition: .3s;
	max-width: 90vw;
}

/* Show when checkbox checked */
.amur-leopard-section input#show:checked ~ .info__content {
	opacity: 1;
	transform: scale(1);
}

/* Info button */
.amur-leopard-section label[for="show"] {
	display: inline-block;
	background: dodgerblue;
	color: white;
	padding: .25rem 1rem;
	border-radius: 1rem;
	margin-bottom: .5rem;
	cursor: pointer;
	font-size: .9rem;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-64598f7 *//* ================================
   SECTION HEIGHT
   ================================ */
.gallery-section {
  height: 350px;
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  background: #aabbfb;
}

/* ================================
   GALLERY
   ================================ */
.gallery {
  --s: 110px;   /* Desktop size */
  --g: 10px;
  display: grid;
  margin: 0;
}

/* ================================
   IMAGES
   ================================ */
.gallery > img {
  grid-area: 1/1;
  width: var(--s);
  aspect-ratio: 1.15;
  object-fit: cover;
  clip-path: polygon(25% 0%, 75% 0%, 100% 50%,75% 100%,25% 100%,0 50%);
  transform: translate(var(--_x,0),var(--_y,0)) scale(var(--_t,1));
  cursor: pointer;
  filter: grayscale(80%);
  transition: .3s ease;
  border-radius: 5px;
}

/* ================================
   GOLDEN GLOW ON HOVER
   ================================ */
.gallery > img:hover {
  filter: grayscale(0);
  z-index: 2;
  --_t: 1.25;

  /* GOLDEN GLOW */
  box-shadow:
    0 0 10px rgba(255, 215, 0, 0.7),
    0 0 20px rgba(255, 215, 0, 0.8),
    0 0 35px rgba(255, 215, 0, 0.9);
}

/* ================================
   POSITIONS (Hexagon Layout)
   ================================ */
.gallery > img:nth-child(1) {--_y: calc(-100% - var(--g))}

.gallery > img:nth-child(7) {--_y: calc(100% + var(--g))}

.gallery > img:nth-child(3),
.gallery > img:nth-child(5) {--_x: calc(-75% - .87*var(--g))}

.gallery > img:nth-child(4),
.gallery > img:nth-child(6) {--_x: calc(75% + .87*var(--g))}

.gallery > img:nth-child(3),
.gallery > img:nth-child(4) {--_y: calc(-50% - .5*var(--g))}

.gallery > img:nth-child(5), 
.gallery > img:nth-child(6) {--_y: calc(50% + .5*var(--g))}


/* ======================================================
   RESPONSIVE BREAKPOINTS
   ====================================================== */

/* ---------- TABLET ---------- */
@media (max-width: 1024px) {
  .gallery-section {
    height: 300px;
  }

  .gallery {
    --s: 85px;   /* Tablet size */
    --g: 8px;
  }
}

/* ---------- MOBILE ---------- */
@media (max-width: 600px) {
  .gallery-section {
    height: auto;
    padding: 30px 0;
  }

  .gallery {
    --s: 70px;   /* Mobile size */
    --g: 6px;
  }

  .gallery > img {
    --_t: 1; /* scale normal */
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-e39dccb */.img-box img {
  --c: #F9CDAD; 
  --b: 8px; 
  --o: 25px; 
  
  width: 700px;
  --_p: calc(2*var(--o) + var(--b));
  padding: var(--_p) var(--_p) 0 0;
  outline: var(--b) solid var(--c);
  outline-offset: calc(var(--o) - var(--_p));
  transition: .4s;
  cursor: pointer;
  background-color: red;
}

.img-box img:hover {
  padding: calc(var(--_p)/2);
}

/* Body ko simple rakho */
body {
  margin: 0;
  background: #547980;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-9e4d6a5 */.moving-bg {
  width: 100%;
  height: 400px; /* apne section ki height ke hisaab se change kar sakte ho */
  position: relative;
  overflow: hidden;
  background: url(https://image.freepik.com/free-photo/sport-composition-with-modern-elements_23-2147914163.jpg);
  background-size: cover;
  background-position: center;
}

/* Moving layer */
.moving-bg .moving-layer {
  position: absolute;
  top: 0;
  left: 0;
  width: 300px;
  height: 100%;
  background: url(https://image.freepik.com/free-photo/sport-composition-with-modern-elements_23-2147914163.jpg);
  background-size: cover;
  background-position: center;
  box-shadow: 20px 0 60px rgba(0,0,0,0.3),
              -20px 0 60px rgba(0,0,0,0.3);

  animation: bgMove 4s ease-in-out infinite;
}

@keyframes bgMove {
  0%, 100% {
    transform: translateX(0);
  }
  50% {
    transform: translateX(calc(100% - 300px));
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-739987b */body{
  margin:0;
  padding:0;
  background:#f2f2f2;
  font-family: 'Acme';
}

.container{
  max-width:1000px;
  margin:0px auto;
  display:flex;
  flex-wrap:wrap;
  justify-content:space-around;
}

.card{
  position:relative;
  margin:20px 0;
  width:300px;
  height:400px;
  background: #fff;
  transform-style:preserve-3d;
  transform:perspective(2000px);
  transition:1s;
  box-shadow:inset 100px 0 50px rgba(0,0,0,0.5);
}

.card:hover{
  z-index:1111;
  transform:perspective(2000px) rotate(-10deg);
  box-shadow:inset 20px 0 50px rgba(0,0,0,0.5);
}

.card .img-container{
  position:relative;
  width:100%;
  height:100%;
  border:1px solid #000;
  box-sizing:border-box;
  transform-origin:left;
  z-index:1;
  transition:1s;
}

.card .img-container img{
  position:absolute;
  left:0;
  top:0;
  height:100%;
  width:100%;
  object-fit:cover;
}

.card:hover .img-container{
  transform:rotateY(-135deg);
}

.card .card-details{
  position:absolute;
  left:0;
  top:0;
  box-sizing:border-box;
  padding:20px;
  color:#000;
}

 .card .card-details h2{
  margin:0;
  padding:0.5em 0;
  text-transform:uppercase;
  font-size:2em;
  color:#ed363a;
}

.card .card-details p{
  margin:0;
  padding:0;
  line-height:25px;
  font-size:1.1em;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-686e84b */:root {
  --w: 4vmin;
  --r: 50%;
  --o: calc(.5 * (100% + var(--r)) - var(--r));
}

@property --k {
  syntax: '<number>';
  initial-value: 0;
  inherits: false;
}

body {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0;
  min-height: 100vh;
  background: #000; /* Optional */
}

.responsive-img {
  --k: 0;
  --j: calc(1 - var(--k));

  width: min(90vmin, 90vw);
  height: min(90vmin, 90vw);

  object-fit: cover;
  filter: grayscale(var(--j));

  --list: transparent calc(50% - var(--w)), red 0 calc(50% + var(--w)), transparent 0;

  mask:
    radial-gradient(closest-side, red calc(var(--r) - 1px), transparent var(--r)),
    radial-gradient(
      closest-side,
      transparent calc(var(--r) - var(--o) + var(--k) * 2 * var(--o) - 1px),
      red calc(var(--r) - var(--o) + var(--k) * 2 * var(--o)) calc(var(--k) * 100% + var(--j) * var(--r) - 1px),
      transparent calc(var(--k) * 100% + var(--j) * var(--r))
    ),
    linear-gradient(var(--list)),
    linear-gradient(90deg, var(--list)),
    linear-gradient(45deg, var(--list)),
    linear-gradient(-45deg, var(--list));

  mask-composite: add, intersect, add, add;
  transition: --k .2s ease-out;
}

.responsive-img:hover {
  --k: 1;
}

/* RESPONSIVE FIX */
@media (max-width: 600px) {
  .responsive-img {
    width: 85vw;
    height: 85vw;
  }
}

@media (min-width: 1200px) {
  .responsive-img {
    width: 60vmin;
    height: 60vmin;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-f5e83cf */.earth-wrapper {
  position: relative;
  width: 100%;
  height: 50vh; /* Only this section gets full height */
  display: grid;
  place-items: center;
  background: #081621;
  -moz-border-radius-topleft: 10px
}

/* Remove global body and * styling completely */
/* No reset = no effect on other page parts */

/* Custom properties */
@property --pulse {
  syntax: '<length>';
  inherits: false;
  initial-value: 80px;
}

@property --pulse2 {
  syntax: '<length>';
  inherits: false;
  initial-value: 56px;
}

@property --r {
  syntax: '<angle>';
  inherits: false;
  initial-value: 0deg;
}

.earth {
  position: relative;
  width: 180px;
  aspect-ratio: 1;
  border-radius: 50%;
  background-image: url('https://i.postimg.cc/9QCCCVsQ/earth.png');
  background-repeat: repeat-x;
  background-size: cover;
  animation: earth 40s linear infinite, pulse 2s linear infinite alternate-reverse;
  box-shadow:
    0 -1px 1px 1px white,
    -1px 1px 1px 1px #64BEC8,
    0 0 var(--pulse) -20px #64BEC8,
    inset 0 0 76px -10px #64BEC8,
    inset 0 0 var(--pulse2) -10px #64BEC8;
}

.earth:before,
.earth:after {
  content: '';
  position: absolute;
  left: 70px;
  height: 10px;
  border-radius: 50%;
  filter: blur(12px);
  transform: rotate(var(--r));
  animation: rotation 10s linear infinite;
}

.earth:before {
  width: 14%;
  box-shadow:
    inset 0 0 70px 90px #A47478,
    0 0 140px 70px #A47478;
}

.earth:after {
  width: 7%;
  height: 10px;
  box-shadow:
    inset 0 0 70px -50px white,
    inset 0 0 70px 90px #E5BC77,
    0 0 130px 50px #E5BC77;
}

@keyframes earth {
  from { background-position: 0 0; }
  to { background-position: -199% 0; }
}

@keyframes pulse {
  0% {
    --pulse: 8rem;
    --pulse2: 5.6rem;
    --r: 0deg;
  }
  100% {
    --pulse: 10rem;
    --pulse2: 3.6rem;
    --r: 180deg;
  }
}

@keyframes rotation {
  from { --r: 0deg; }
  to { --r: 180deg; }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-5fd5cb2 */.earth-wrapper {
  position: relative;
  width: 100%;
  height: 50vh; /* Only this section gets full height */
  display: grid;
  place-items: center;
  background: #081621;
  -moz-border-radius-topleft: 10px
}

/* Remove global body and * styling completely */
/* No reset = no effect on other page parts */

/* Custom properties */
@property --pulse {
  syntax: '<length>';
  inherits: false;
  initial-value: 80px;
}

@property --pulse2 {
  syntax: '<length>';
  inherits: false;
  initial-value: 56px;
}

@property --r {
  syntax: '<angle>';
  inherits: false;
  initial-value: 0deg;
}

.earth {
  position: relative;
  width: 180px;
  aspect-ratio: 1;
  border-radius: 50%;
  background-image: url('https://i.postimg.cc/9QCCCVsQ/earth.png');
  background-repeat: repeat-x;
  background-size: cover;
  animation: earth 40s linear infinite, pulse 2s linear infinite alternate-reverse;
  box-shadow:
    0 -1px 1px 1px white,
    -1px 1px 1px 1px #64BEC8,
    0 0 var(--pulse) -20px #64BEC8,
    inset 0 0 76px -10px #64BEC8,
    inset 0 0 var(--pulse2) -10px #64BEC8;
}

.earth:before,
.earth:after {
  content: '';
  position: absolute;
  left: 70px;
  height: 10px;
  border-radius: 50%;
  filter: blur(12px);
  transform: rotate(var(--r));
  animation: rotation 10s linear infinite;
}

.earth:before {
  width: 14%;
  box-shadow:
    inset 0 0 70px 90px #A47478,
    0 0 140px 70px #A47478;
}

.earth:after {
  width: 7%;
  height: 10px;
  box-shadow:
    inset 0 0 70px -50px white,
    inset 0 0 70px 90px #E5BC77,
    0 0 130px 50px #E5BC77;
}

@keyframes earth {
  from { background-position: 0 0; }
  to { background-position: -199% 0; }
}

@keyframes pulse {
  0% {
    --pulse: 8rem;
    --pulse2: 5.6rem;
    --r: 0deg;
  }
  100% {
    --pulse: 10rem;
    --pulse2: 3.6rem;
    --r: 180deg;
  }
}

@keyframes rotation {
  from { --r: 0deg; }
  to { --r: 180deg; }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-1ac9489 */@import url("https://fonts.googleapis.com/css2?family=Nunito:wght@300;400;600&display=swap");

/* Only apply styles to this section */
.neon-section, 
.neon-section * {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

.neon-section {
  width: 100%;
  height: 50vh;
  background: #09111b;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: "Nunito", sans-serif;
}

/* 25% width container */
.neon-box {
  width: 25%;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* Neon text */
.neon-container h1 {
  color: rgb(0, 238, 255);
  position: relative;
  text-align: center;
  font-weight: 700;

  /* Default desktop size */
  font-size: 6vw;
}

/* Flicker glow layer */
.neon-container h1::before {
  content: attr(data-text);
  position: absolute;
  left: 0;
  top: 0;
  text-shadow: 0px 0px 20px rgb(0, 238, 255);
  filter: blur(10px) brightness(0);
  animation: flicker 2s linear forwards;
  animation-delay: 1s;
}

/* Flicker animation */
@keyframes flicker {
  0% { filter: blur(5px) brightness(1); }
  3% { filter: blur(5px) brightness(0); }
  6% { filter: blur(5px) brightness(0); }
  7% { filter: blur(5px) brightness(1); }
  8% { filter: blur(5px) brightness(0); }
  9% { filter: blur(5px) brightness(1); }
  10% { filter: blur(5px) brightness(0); }
  20% { filter: blur(5px) brightness(1); }
  50% { filter: blur(5px) brightness(1); }
  99% { filter: blur(5px) brightness(0); }
  100% { filter: blur(5px) brightness(1); }
}

/* ============================
   RESPONSIVE
   ============================ */

/* Tablet */
@media (max-width: 1024px) {
  .neon-box {
    width: 40%;
  }
  .neon-container h1 {
    font-size: 10vw;
  }
}

/* Mobile */
@media (max-width: 768px) {
  .neon-box {
    width: 70%;
  }
  .neon-container h1 {
    font-size: 14vw;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-845b45e */.custom-t-logo {
  display: flex;
  align-items: center;
  justify-content: center;
  height:50vh; /* remove or adjust as needed */
  background-image: radial-gradient(circle at 50% 43%, #011027, #000110 70%);
}

.custom-t-logo .T:hover {
  > .middle, .stem, .middle::after {
    background: #b2ffff;
  }

  .middle, .stem, .top:not(.top2) {
    box-shadow: 0 0 10px 0 white, 0 0 20px 0 white, 0 0 30px 0 white;
  }

  .top2 {
    box-shadow: -4px -7px 13px 0 white;
  }

  .top {
    border: 9px solid #7ff9f9;
  }

  .middle::after {
    border-left: 4px solid #7ff9f9;
  }

  .bg {
    opacity: 7.1;
    transform: scale(1.1) skewY(-15deg) translate(-46%, -44%);
  }
}

.custom-t-logo *, 
.custom-t-logo *::after {
  transition: all 400ms ease-in-out;
}

.custom-t-logo .top {
  position: relative;
  background-image: linear-gradient(135deg, #6c22bd, #8b25bb, #a52bb9, #bc34b7,
    #d040b5, #e645a5, #f55195, #ff6188, #ff796e, #ff965b, #f5b255, #e1cd60);
  width: 200px;
  height: 60px;
  transform: skewY(-15deg) rotateX(129deg);
  border-radius: 50px;
  z-index: 4;
  border: 10px solid #161525;
}

.custom-t-logo .bg {
  transform-origin: center center;
  background-image: linear-gradient(to right top, #6c22bd, #8b25bb, #a52bb9,
    #bc34b7, #d040b5, #e645a5, #f55195, #ff6188, #ff796e, #ff965b, #f5b255, #e1cd60);
  width: 350px;
  height: 200px;
  z-index: -1;
  filter: blur(26px);
  opacity: 0.69;
  position: absolute;
  top: 31%;
  left: 50%;
  border-radius: 20px;
  transform: skewY(-15deg) translate(-50%, -50%);
}

.custom-t-logo .bg2 {
  background-image: linear-gradient(to bottom, #5239d0, #3e4dd8, #285ddd,
    #0f6bdf, #0078e0, #0087e5, #0095e8, #00a2ea, #00b5ec, #00c5df, #00d3c6, #0edda4);
  top: auto;
  bottom: 29%;
  width: 190px;
  height: 250px;
}

.custom-t-logo .middle {
  height: 80px;
  background: #161525;
  transform: skewY(-15deg) translateY(-37px);
  z-index: 3;
  border-bottom-left-radius: 50px;
  border-bottom-right-radius: 31px;
  position: relative;
  box-shadow: 0 0 15px 0 black;
}

.custom-t-logo .middle::after {
  content: '';
  width: 66px;
  height: 25px;
  background: #161525;
  position: absolute;
  bottom: -24px;
  border-left: 4px solid #161525;
  left: calc(50% + 18px);
  transform: translateX(-50%);
}

.custom-t-logo .stem {
  height: 250px;
  width: 80px;
  left: calc(50% + 13px);
  top: -102px;
  position: relative;
  transform: skewY(-15deg) translateX(-50%);
  background: #161525;
  z-index: 2;
  box-shadow: 0 0 15px 0 black;
  border-bottom-right-radius: 20px;
}

.custom-t-logo .top2 {
  transform: rotate(-90deg) rotateX(50deg);
  height: 50px;
  background-image: linear-gradient(to left, #5239d0, #3e4dd8, #285ddd,
    #0f6bdf, #0078e0, #0087e5, #0095e8, #00a2ea, #00b5ec, #00c5df, #00d3c6, #0edda4);
  left: -34px;
  top: -203px;
  z-index: 2;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-233ce45 */:root {
  --w: 4vmin;
  --r: 50%;
  --o: calc(.5 * (100% + var(--r)) - var(--r));
}

@property --k {
  syntax: '<number>';
  initial-value: 0;
  inherits: false;
}

body {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0;
  min-height: 100vh;
  background: #000; /* Optional */
}

.responsive-img {
  --k: 0;
  --j: calc(1 - var(--k));

  width: min(90vmin, 90vw);
  height: min(90vmin, 90vw);

  object-fit: cover;
  filter: grayscale(var(--j));

  --list: transparent calc(50% - var(--w)), red 0 calc(50% + var(--w)), transparent 0;

  mask:
    radial-gradient(closest-side, red calc(var(--r) - 1px), transparent var(--r)),
    radial-gradient(
      closest-side,
      transparent calc(var(--r) - var(--o) + var(--k) * 2 * var(--o) - 1px),
      red calc(var(--r) - var(--o) + var(--k) * 2 * var(--o)) calc(var(--k) * 100% + var(--j) * var(--r) - 1px),
      transparent calc(var(--k) * 100% + var(--j) * var(--r))
    ),
    linear-gradient(var(--list)),
    linear-gradient(90deg, var(--list)),
    linear-gradient(45deg, var(--list)),
    linear-gradient(-45deg, var(--list));

  mask-composite: add, intersect, add, add;
  transition: --k .2s ease-out;
}

.responsive-img:hover {
  --k: 1;
}

/* RESPONSIVE FIX */
@media (max-width: 600px) {
  .responsive-img {
    width: 85vw;
    height: 85vw;
  }
}

@media (min-width: 1200px) {
  .responsive-img {
    width: 60vmin;
    height: 60vmin;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-45be65f */.cards-section *,
.cards-section *::before,
.cards-section *::after {
  box-sizing: border-box;
  padding: 0;
  margin: 0;
}

.cards-section {
  font-family: "Quicksand", sans-serif;
}

.cards-section .container {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  max-width: 1000px;
  margin-block: 2rem;
  gap: 2rem;
}

.cards-section img {
  max-width: 100%;
  display: block;
  object-fit: cover;
}

.cards-section .card {
  display: flex;
  flex-direction: column;
  width: clamp(20rem, calc(20rem + 2vw), 22rem);
  overflow: hidden;
  box-shadow: 0 .1rem 1rem rgba(0, 0, 0, 0.1);
  border-radius: 1em;
  background: #ECE9E6;
  background: linear-gradient(to right, #FFFFFF, #ECE9E6);
}

.cards-section .card__body {
  padding: 1rem;
  display: flex;
  flex-direction: column;
  gap: .5rem;
}

.cards-section .tag {
  align-self: flex-start;
  padding: .25em .75em;
  border-radius: 1em;
  font-size: .75rem;
}

.cards-section .tag + .tag {
  margin-left: .5em;
}

.cards-section .tag-blue {
  background: linear-gradient(to bottom, #2F80ED, #56CCF2);
  color: #fafafa;
}

.cards-section .tag-brown {
  background: linear-gradient(to bottom, #FFD194, #D1913C);
  color: #fafafa;
}

.cards-section .tag-red {
  background: linear-gradient(to bottom, #ef473a, #cb2d3e);
  color: #fafafa;
}

.cards-section .card__body h4 {
  font-size: 1.5rem;
  text-transform: capitalize;
}

.cards-section .card__footer {
  display: flex;
  padding: 1rem;
  margin-top: auto;
}

.cards-section .user {
  display: flex;
  gap: .5rem;
}

.cards-section .user__image {
  border-radius: 50%;
}

.cards-section .user__info > small {
  color: #666;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-caca55e *//* Cube Section Wrapper */
.cube-wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 50px 0;
}

/* Perspective Container */
.cube-container {
  perspective: 1000px;
}

/* MAIN CUBE — Size will be controlled with CSS variables */
.cube {
  position: relative;
  width: var(--cube-size);
  height: var(--cube-size);
  transform-style: preserve-3d;
  animation: rotateCube 10s infinite linear;
}

/* Cube faces */
.face {
  position: absolute;
  width: var(--cube-size);
  height: var(--cube-size);
  border-radius: 10px;

  box-shadow: 0 0 25px rgba(255, 150, 0, 0.7),
              0 0 50px rgba(255, 150, 0, 0.5);

  background-size: cover;
  background-position: center;
}

/* Images */
.front  { background-image: url('https://picsum.photos/id/1015/400'); transform: translateZ(calc(var(--cube-size) / 2)); }
.back   { background-image: url('https://picsum.photos/id/1003/400'); transform: rotateY(180deg) translateZ(calc(var(--cube-size) / 2)); }
.right  { background-image: url('https://picsum.photos/id/1025/400'); transform: rotateY(90deg) translateZ(calc(var(--cube-size) / 2)); }
.left   { background-image: url('https://picsum.photos/id/1041/400'); transform: rotateY(-90deg) translateZ(calc(var(--cube-size) / 2)); }
.top    { background-image: url('https://picsum.photos/id/1035/400'); transform: rotateX(90deg) translateZ(calc(var(--cube-size) / 2)); }
.bottom { background-image: url('https://picsum.photos/id/1060/400'); transform: rotateX(-90deg) translateZ(calc(var(--cube-size) / 2)); }

/* Rotation Animation */
@keyframes rotateCube {
  0%   { transform: rotateX(0deg) rotateY(0deg); }
  25%  { transform: rotateX(0deg) rotateY(90deg); }
  50%  { transform: rotateX(0deg) rotateY(180deg); }
  75%  { transform: rotateX(0deg) rotateY(270deg); }
  100% { transform: rotateX(0deg) rotateY(360deg); }
}

/* -------------------------------------------------
   RESPONSIVE BREAKPOINTS
   ------------------------------------------------- */

/* 🖥️ Desktop (Default) */
:root {
  --cube-size: 250px;
}

/* 📱 Tablet */
@media (max-width: 1024px) {
  :root {
    --cube-size: 180px;
  }
}

/* 📱 Mobile */
@media (max-width: 600px) {
  :root {
    --cube-size: 140px;
  }

  .cube-wrapper {
    padding: 30px 0;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-c157e7f *//***************************************************
    DEFAULT (Desktop)
***************************************************/
.custom-ticket-section {
  font-family: 'Roboto', sans-serif;
}

.custom-ticket-section .hero-container {
  margin: auto;
  display: flex;
  gap: 20px;
  justify-content: center;
}

.custom-ticket-section .main-container {
  width: 200px;
  height: 550px;
  position: relative;
}

.custom-ticket-section .poster-container {
  width: 200px;
  position: relative;
  top: 0;
  left: 20px;
  z-index: 9;
}

.custom-ticket-section .poster {
  width: 100%;
  box-shadow: 0 5px 20px 3px rgba(0,0,0,0.6);
}

.custom-ticket-section .ticket-container {
  background: #fff;
  width: 270px;
  height: 520px;
  display: flex;
  flex-direction: column;
  align-items: center;
  border-radius: 5px;
  position: absolute;
  top: 20px;
  left: -40px;
  box-shadow: 0 5px 20px 3px rgba(0,0,0,0.6);
  opacity: 0;
  transition: 0.3s;
}

.custom-ticket-section .main-container:hover .ticket-container {
  opacity: 1;
  animation: bounceIn 0.6s linear;
}

/* Animation */
@keyframes bounceIn {
  0%,20%,40%,60%,80%,to {
    animation-timing-function: cubic-bezier(0.215,0.61,0.355,1);
  }
  0% { opacity:0; transform:scale3d(0.3,0.3,0.3); }
  20% { transform:scale3d(1.03,1.03,1.03); }
  40% { transform:scale3d(0.9,0.9,0.9); }
  60% { opacity:1; transform:scale3d(1.01,1.01,1.01); }
  80% { transform:scale3d(0.97,0.97,0.97); }
  to  { opacity:1; transform:scaleX(1); }
}

.custom-ticket-section .ticket__content {
  width: 100%;
  position: absolute;
  bottom: 0;
  text-align: center;
  padding-bottom: 20px;
}

.custom-ticket-section .ticket__movie-title {
  text-transform: uppercase;
  margin-bottom: 5px;
}

.custom-ticket-section .ticket__movie-slogan {
  color: #999;
  font-size: 0.9rem;
  margin-bottom: 20px;
}

.custom-ticket-section .ticket__current-price {
  color: #69c982;
  font-size: 1.4rem;
  font-weight: bold;
}

.custom-ticket-section .ticket__old-price {
  color: #999;
  text-decoration: line-through;
  margin-bottom: 10px;
}

.custom-ticket-section .ticket__buy-btn {
  cursor: pointer;
  width: 100%;
  background: #2f2f2f;
  color: #fff;
  padding: 15px 0;
  font-size: 1rem;
  font-weight: bold;
  text-transform: uppercase;
  border: 0;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}


/***************************************************
    TABLET VIEW
***************************************************/
@media (max-width: 1024px) {

  .custom-ticket-section .hero-container {
    gap: 10px;
  }

  .custom-ticket-section .main-container {
    width: 170px;
    height: 480px;
  }

  .custom-ticket-section .poster-container {
    width: 170px;
    left: 15px;
  }

  .custom-ticket-section .ticket-container {
    width: 230px;
    height: 450px;
    left: -30px;
  }

  .custom-ticket-section .ticket__current-price {
    font-size: 1.2rem;
  }

  .custom-ticket-section .ticket__movie-slogan {
    font-size: 0.8rem;
  }
}


/***************************************************
    MOBILE VIEW
***************************************************/
@media (max-width: 600px) {

  .custom-ticket-section .hero-container {
    flex-direction: column;
    align-items: center;
  }

  .custom-ticket-section .main-container {
    width: 200px;
    height: auto;
  }

  .custom-ticket-section .poster-container {
    width: 200px;
    left: 0;
  }

  .custom-ticket-section .ticket-container {
    position: relative;
    top: 10px;
    left: 0;
    opacity: 1 !important;  /* Hover ki zarurat nahi */
    animation: none;
    margin-top: 20px;
    width: 230px;
    height: auto;
    padding-bottom: 20px;
  }

  .custom-ticket-section .ticket__content {
    position: relative;
    padding: 20px 0;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-a1b5266 */.amur-leopard-section * {
	box-sizing: border-box;
	margin: 0;
}

/* Section Wrapper */
.amur-leopard-section {
	--d: 17rem;
	--f: .25;
	--r: 360deg / 12;
	display: flex;
	flex-direction: column;
	align-items: center;
	padding: 2rem 0;
	transform-style: preserve-3d;
	background: ;
}

/* Headings */
.amur-leopard-section h2,
.amur-leopard-section h3 {
	text-align: center;
	margin-bottom: .5rem;
}

/* Hide radio buttons */
.amur-leopard-section input[type="radio"],
.amur-leopard-section input[type="checkbox"] {
	position: absolute;
	left: -200vw;
}

/* -------- GALLERY -------- */
.amur-leopard-section .gallery {
	position: relative;
	width: var(--d);
	height: var(--d);
	perspective: 1000px;
}

/* Each item */
.amur-leopard-section .gallery__item {
	position: absolute;
	top: 50%;
	left: 50%;
	width: var(--d);
	height: var(--d);
	transform-origin: center center;
	transform: rotate(0deg) translate(-50%, -50%) scale(var(--f));
	border-radius: 50%;
	overflow: hidden;
	border: 3px solid #fff;
	filter: grayscale(1);
	transition: .3s;
	cursor: pointer;
}

/* Hover / focus */
.amur-leopard-section .gallery__item:hover,
.amur-leopard-section input:focus + .gallery__item {
	filter: none;
}

/* Selected */
.amur-leopard-section input:checked + .gallery__item {
	transform: translate(-50%, -50%) scale(1);
	filter: none;
	border-radius: 1rem;
}

/* Individual rotation for 12 items */
.amur-leopard-section label[for="gallery-item-0"] { transform: rotate(calc(var(--r) * 0)) translate(-50%, -50%) scale(var(--f)); }
.amur-leopard-section label[for="gallery-item-1"] { transform: rotate(calc(var(--r) * 1)) translate(-50%, -50%) scale(var(--f)); }
.amur-leopard-section label[for="gallery-item-2"] { transform: rotate(calc(var(--r) * 2)) translate(-50%, -50%) scale(var(--f)); }
.amur-leopard-section label[for="gallery-item-3"] { transform: rotate(calc(var(--r) * 3)) translate(-50%, -50%) scale(var(--f)); }
.amur-leopard-section label[for="gallery-item-4"] { transform: rotate(calc(var(--r) * 4)) translate(-50%, -50%) scale(var(--f)); }
.amur-leopard-section label[for="gallery-item-5"] { transform: rotate(calc(var(--r) * 5)) translate(-50%, -50%) scale(var(--f)); }
.amur-leopard-section label[for="gallery-item-6"] { transform: rotate(calc(var(--r) * 6)) translate(-50%, -50%) scale(var(--f)); }
.amur-leopard-section label[for="gallery-item-7"] { transform: rotate(calc(var(--r) * 7)) translate(-50%, -50%) scale(var(--f)); }
.amur-leopard-section label[for="gallery-item-8"] { transform: rotate(calc(var(--r) * 8)) translate(-50%, -50%) scale(var(--f)); }
.amur-leopard-section label[for="gallery-item-9"] { transform: rotate(calc(var(--r) * 9)) translate(-50%, -50%) scale(var(--f)); }
.amur-leopard-section label[for="gallery-item-10"] { transform: rotate(calc(var(--r) * 10)) translate(-50%, -50%) scale(var(--f)); }
.amur-leopard-section label[for="gallery-item-11"] { transform: rotate(calc(var(--r) * 11)) translate(-50%, -50%) scale(var(--f)); }

/* Image fill */
.amur-leopard-section img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

/* ------- INFO PANEL ------- */
.amur-leopard-section .info {
	margin-top: 2rem;
	position: relative;
}

/* Info Box hidden by default */
.amur-leopard-section .info__content {
	background: rgba(255,255,255,.8);
	padding: 1rem;
	border-radius: .5rem;
	opacity: 0;
	transform: scale(0.85);
	transition: .3s;
	max-width: 90vw;
}

/* Show when checkbox checked */
.amur-leopard-section input#show:checked ~ .info__content {
	opacity: 1;
	transform: scale(1);
}

/* Info button */
.amur-leopard-section label[for="show"] {
	display: inline-block;
	background: dodgerblue;
	color: white;
	padding: .25rem 1rem;
	border-radius: 1rem;
	margin-bottom: .5rem;
	cursor: pointer;
	font-size: .9rem;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-64598f7 *//* ================================
   SECTION HEIGHT
   ================================ */
.gallery-section {
  height: 350px;
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  background: #aabbfb;
}

/* ================================
   GALLERY
   ================================ */
.gallery {
  --s: 110px;   /* Desktop size */
  --g: 10px;
  display: grid;
  margin: 0;
}

/* ================================
   IMAGES
   ================================ */
.gallery > img {
  grid-area: 1/1;
  width: var(--s);
  aspect-ratio: 1.15;
  object-fit: cover;
  clip-path: polygon(25% 0%, 75% 0%, 100% 50%,75% 100%,25% 100%,0 50%);
  transform: translate(var(--_x,0),var(--_y,0)) scale(var(--_t,1));
  cursor: pointer;
  filter: grayscale(80%);
  transition: .3s ease;
  border-radius: 5px;
}

/* ================================
   GOLDEN GLOW ON HOVER
   ================================ */
.gallery > img:hover {
  filter: grayscale(0);
  z-index: 2;
  --_t: 1.25;

  /* GOLDEN GLOW */
  box-shadow:
    0 0 10px rgba(255, 215, 0, 0.7),
    0 0 20px rgba(255, 215, 0, 0.8),
    0 0 35px rgba(255, 215, 0, 0.9);
}

/* ================================
   POSITIONS (Hexagon Layout)
   ================================ */
.gallery > img:nth-child(1) {--_y: calc(-100% - var(--g))}

.gallery > img:nth-child(7) {--_y: calc(100% + var(--g))}

.gallery > img:nth-child(3),
.gallery > img:nth-child(5) {--_x: calc(-75% - .87*var(--g))}

.gallery > img:nth-child(4),
.gallery > img:nth-child(6) {--_x: calc(75% + .87*var(--g))}

.gallery > img:nth-child(3),
.gallery > img:nth-child(4) {--_y: calc(-50% - .5*var(--g))}

.gallery > img:nth-child(5), 
.gallery > img:nth-child(6) {--_y: calc(50% + .5*var(--g))}


/* ======================================================
   RESPONSIVE BREAKPOINTS
   ====================================================== */

/* ---------- TABLET ---------- */
@media (max-width: 1024px) {
  .gallery-section {
    height: 300px;
  }

  .gallery {
    --s: 85px;   /* Tablet size */
    --g: 8px;
  }
}

/* ---------- MOBILE ---------- */
@media (max-width: 600px) {
  .gallery-section {
    height: auto;
    padding: 30px 0;
  }

  .gallery {
    --s: 70px;   /* Mobile size */
    --g: 6px;
  }

  .gallery > img {
    --_t: 1; /* scale normal */
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-e39dccb */.img-box img {
  --c: #F9CDAD; 
  --b: 8px; 
  --o: 25px; 
  
  width: 700px;
  --_p: calc(2*var(--o) + var(--b));
  padding: var(--_p) var(--_p) 0 0;
  outline: var(--b) solid var(--c);
  outline-offset: calc(var(--o) - var(--_p));
  transition: .4s;
  cursor: pointer;
  background-color: red;
}

.img-box img:hover {
  padding: calc(var(--_p)/2);
}

/* Body ko simple rakho */
body {
  margin: 0;
  background: #547980;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-9e4d6a5 */.moving-bg {
  width: 100%;
  height: 400px; /* apne section ki height ke hisaab se change kar sakte ho */
  position: relative;
  overflow: hidden;
  background: url(https://image.freepik.com/free-photo/sport-composition-with-modern-elements_23-2147914163.jpg);
  background-size: cover;
  background-position: center;
}

/* Moving layer */
.moving-bg .moving-layer {
  position: absolute;
  top: 0;
  left: 0;
  width: 300px;
  height: 100%;
  background: url(https://image.freepik.com/free-photo/sport-composition-with-modern-elements_23-2147914163.jpg);
  background-size: cover;
  background-position: center;
  box-shadow: 20px 0 60px rgba(0,0,0,0.3),
              -20px 0 60px rgba(0,0,0,0.3);

  animation: bgMove 4s ease-in-out infinite;
}

@keyframes bgMove {
  0%, 100% {
    transform: translateX(0);
  }
  50% {
    transform: translateX(calc(100% - 300px));
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-739987b */body{
  margin:0;
  padding:0;
  background:#f2f2f2;
  font-family: 'Acme';
}

.container{
  max-width:1000px;
  margin:0px auto;
  display:flex;
  flex-wrap:wrap;
  justify-content:space-around;
}

.card{
  position:relative;
  margin:20px 0;
  width:300px;
  height:400px;
  background: #fff;
  transform-style:preserve-3d;
  transform:perspective(2000px);
  transition:1s;
  box-shadow:inset 100px 0 50px rgba(0,0,0,0.5);
}

.card:hover{
  z-index:1111;
  transform:perspective(2000px) rotate(-10deg);
  box-shadow:inset 20px 0 50px rgba(0,0,0,0.5);
}

.card .img-container{
  position:relative;
  width:100%;
  height:100%;
  border:1px solid #000;
  box-sizing:border-box;
  transform-origin:left;
  z-index:1;
  transition:1s;
}

.card .img-container img{
  position:absolute;
  left:0;
  top:0;
  height:100%;
  width:100%;
  object-fit:cover;
}

.card:hover .img-container{
  transform:rotateY(-135deg);
}

.card .card-details{
  position:absolute;
  left:0;
  top:0;
  box-sizing:border-box;
  padding:20px;
  color:#000;
}

 .card .card-details h2{
  margin:0;
  padding:0.5em 0;
  text-transform:uppercase;
  font-size:2em;
  color:#ed363a;
}

.card .card-details p{
  margin:0;
  padding:0;
  line-height:25px;
  font-size:1.1em;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-686e84b */:root {
  --w: 4vmin;
  --r: 50%;
  --o: calc(.5 * (100% + var(--r)) - var(--r));
}

@property --k {
  syntax: '<number>';
  initial-value: 0;
  inherits: false;
}

body {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0;
  min-height: 100vh;
  background: #000; /* Optional */
}

.responsive-img {
  --k: 0;
  --j: calc(1 - var(--k));

  width: min(90vmin, 90vw);
  height: min(90vmin, 90vw);

  object-fit: cover;
  filter: grayscale(var(--j));

  --list: transparent calc(50% - var(--w)), red 0 calc(50% + var(--w)), transparent 0;

  mask:
    radial-gradient(closest-side, red calc(var(--r) - 1px), transparent var(--r)),
    radial-gradient(
      closest-side,
      transparent calc(var(--r) - var(--o) + var(--k) * 2 * var(--o) - 1px),
      red calc(var(--r) - var(--o) + var(--k) * 2 * var(--o)) calc(var(--k) * 100% + var(--j) * var(--r) - 1px),
      transparent calc(var(--k) * 100% + var(--j) * var(--r))
    ),
    linear-gradient(var(--list)),
    linear-gradient(90deg, var(--list)),
    linear-gradient(45deg, var(--list)),
    linear-gradient(-45deg, var(--list));

  mask-composite: add, intersect, add, add;
  transition: --k .2s ease-out;
}

.responsive-img:hover {
  --k: 1;
}

/* RESPONSIVE FIX */
@media (max-width: 600px) {
  .responsive-img {
    width: 85vw;
    height: 85vw;
  }
}

@media (min-width: 1200px) {
  .responsive-img {
    width: 60vmin;
    height: 60vmin;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-f5e83cf */.earth-wrapper {
  position: relative;
  width: 100%;
  height: 50vh; /* Only this section gets full height */
  display: grid;
  place-items: center;
  background: #081621;
  -moz-border-radius-topleft: 10px
}

/* Remove global body and * styling completely */
/* No reset = no effect on other page parts */

/* Custom properties */
@property --pulse {
  syntax: '<length>';
  inherits: false;
  initial-value: 80px;
}

@property --pulse2 {
  syntax: '<length>';
  inherits: false;
  initial-value: 56px;
}

@property --r {
  syntax: '<angle>';
  inherits: false;
  initial-value: 0deg;
}

.earth {
  position: relative;
  width: 180px;
  aspect-ratio: 1;
  border-radius: 50%;
  background-image: url('https://i.postimg.cc/9QCCCVsQ/earth.png');
  background-repeat: repeat-x;
  background-size: cover;
  animation: earth 40s linear infinite, pulse 2s linear infinite alternate-reverse;
  box-shadow:
    0 -1px 1px 1px white,
    -1px 1px 1px 1px #64BEC8,
    0 0 var(--pulse) -20px #64BEC8,
    inset 0 0 76px -10px #64BEC8,
    inset 0 0 var(--pulse2) -10px #64BEC8;
}

.earth:before,
.earth:after {
  content: '';
  position: absolute;
  left: 70px;
  height: 10px;
  border-radius: 50%;
  filter: blur(12px);
  transform: rotate(var(--r));
  animation: rotation 10s linear infinite;
}

.earth:before {
  width: 14%;
  box-shadow:
    inset 0 0 70px 90px #A47478,
    0 0 140px 70px #A47478;
}

.earth:after {
  width: 7%;
  height: 10px;
  box-shadow:
    inset 0 0 70px -50px white,
    inset 0 0 70px 90px #E5BC77,
    0 0 130px 50px #E5BC77;
}

@keyframes earth {
  from { background-position: 0 0; }
  to { background-position: -199% 0; }
}

@keyframes pulse {
  0% {
    --pulse: 8rem;
    --pulse2: 5.6rem;
    --r: 0deg;
  }
  100% {
    --pulse: 10rem;
    --pulse2: 3.6rem;
    --r: 180deg;
  }
}

@keyframes rotation {
  from { --r: 0deg; }
  to { --r: 180deg; }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-5fd5cb2 */.earth-wrapper {
  position: relative;
  width: 100%;
  height: 50vh; /* Only this section gets full height */
  display: grid;
  place-items: center;
  background: #081621;
  -moz-border-radius-topleft: 10px
}

/* Remove global body and * styling completely */
/* No reset = no effect on other page parts */

/* Custom properties */
@property --pulse {
  syntax: '<length>';
  inherits: false;
  initial-value: 80px;
}

@property --pulse2 {
  syntax: '<length>';
  inherits: false;
  initial-value: 56px;
}

@property --r {
  syntax: '<angle>';
  inherits: false;
  initial-value: 0deg;
}

.earth {
  position: relative;
  width: 180px;
  aspect-ratio: 1;
  border-radius: 50%;
  background-image: url('https://i.postimg.cc/9QCCCVsQ/earth.png');
  background-repeat: repeat-x;
  background-size: cover;
  animation: earth 40s linear infinite, pulse 2s linear infinite alternate-reverse;
  box-shadow:
    0 -1px 1px 1px white,
    -1px 1px 1px 1px #64BEC8,
    0 0 var(--pulse) -20px #64BEC8,
    inset 0 0 76px -10px #64BEC8,
    inset 0 0 var(--pulse2) -10px #64BEC8;
}

.earth:before,
.earth:after {
  content: '';
  position: absolute;
  left: 70px;
  height: 10px;
  border-radius: 50%;
  filter: blur(12px);
  transform: rotate(var(--r));
  animation: rotation 10s linear infinite;
}

.earth:before {
  width: 14%;
  box-shadow:
    inset 0 0 70px 90px #A47478,
    0 0 140px 70px #A47478;
}

.earth:after {
  width: 7%;
  height: 10px;
  box-shadow:
    inset 0 0 70px -50px white,
    inset 0 0 70px 90px #E5BC77,
    0 0 130px 50px #E5BC77;
}

@keyframes earth {
  from { background-position: 0 0; }
  to { background-position: -199% 0; }
}

@keyframes pulse {
  0% {
    --pulse: 8rem;
    --pulse2: 5.6rem;
    --r: 0deg;
  }
  100% {
    --pulse: 10rem;
    --pulse2: 3.6rem;
    --r: 180deg;
  }
}

@keyframes rotation {
  from { --r: 0deg; }
  to { --r: 180deg; }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-1ac9489 */@import url("https://fonts.googleapis.com/css2?family=Nunito:wght@300;400;600&display=swap");

/* Only apply styles to this section */
.neon-section, 
.neon-section * {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

.neon-section {
  width: 100%;
  height: 50vh;
  background: #09111b;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: "Nunito", sans-serif;
}

/* 25% width container */
.neon-box {
  width: 25%;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* Neon text */
.neon-container h1 {
  color: rgb(0, 238, 255);
  position: relative;
  text-align: center;
  font-weight: 700;

  /* Default desktop size */
  font-size: 6vw;
}

/* Flicker glow layer */
.neon-container h1::before {
  content: attr(data-text);
  position: absolute;
  left: 0;
  top: 0;
  text-shadow: 0px 0px 20px rgb(0, 238, 255);
  filter: blur(10px) brightness(0);
  animation: flicker 2s linear forwards;
  animation-delay: 1s;
}

/* Flicker animation */
@keyframes flicker {
  0% { filter: blur(5px) brightness(1); }
  3% { filter: blur(5px) brightness(0); }
  6% { filter: blur(5px) brightness(0); }
  7% { filter: blur(5px) brightness(1); }
  8% { filter: blur(5px) brightness(0); }
  9% { filter: blur(5px) brightness(1); }
  10% { filter: blur(5px) brightness(0); }
  20% { filter: blur(5px) brightness(1); }
  50% { filter: blur(5px) brightness(1); }
  99% { filter: blur(5px) brightness(0); }
  100% { filter: blur(5px) brightness(1); }
}

/* ============================
   RESPONSIVE
   ============================ */

/* Tablet */
@media (max-width: 1024px) {
  .neon-box {
    width: 40%;
  }
  .neon-container h1 {
    font-size: 10vw;
  }
}

/* Mobile */
@media (max-width: 768px) {
  .neon-box {
    width: 70%;
  }
  .neon-container h1 {
    font-size: 14vw;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-845b45e */.custom-t-logo {
  display: flex;
  align-items: center;
  justify-content: center;
  height:50vh; /* remove or adjust as needed */
  background-image: radial-gradient(circle at 50% 43%, #011027, #000110 70%);
}

.custom-t-logo .T:hover {
  > .middle, .stem, .middle::after {
    background: #b2ffff;
  }

  .middle, .stem, .top:not(.top2) {
    box-shadow: 0 0 10px 0 white, 0 0 20px 0 white, 0 0 30px 0 white;
  }

  .top2 {
    box-shadow: -4px -7px 13px 0 white;
  }

  .top {
    border: 9px solid #7ff9f9;
  }

  .middle::after {
    border-left: 4px solid #7ff9f9;
  }

  .bg {
    opacity: 7.1;
    transform: scale(1.1) skewY(-15deg) translate(-46%, -44%);
  }
}

.custom-t-logo *, 
.custom-t-logo *::after {
  transition: all 400ms ease-in-out;
}

.custom-t-logo .top {
  position: relative;
  background-image: linear-gradient(135deg, #6c22bd, #8b25bb, #a52bb9, #bc34b7,
    #d040b5, #e645a5, #f55195, #ff6188, #ff796e, #ff965b, #f5b255, #e1cd60);
  width: 200px;
  height: 60px;
  transform: skewY(-15deg) rotateX(129deg);
  border-radius: 50px;
  z-index: 4;
  border: 10px solid #161525;
}

.custom-t-logo .bg {
  transform-origin: center center;
  background-image: linear-gradient(to right top, #6c22bd, #8b25bb, #a52bb9,
    #bc34b7, #d040b5, #e645a5, #f55195, #ff6188, #ff796e, #ff965b, #f5b255, #e1cd60);
  width: 350px;
  height: 200px;
  z-index: -1;
  filter: blur(26px);
  opacity: 0.69;
  position: absolute;
  top: 31%;
  left: 50%;
  border-radius: 20px;
  transform: skewY(-15deg) translate(-50%, -50%);
}

.custom-t-logo .bg2 {
  background-image: linear-gradient(to bottom, #5239d0, #3e4dd8, #285ddd,
    #0f6bdf, #0078e0, #0087e5, #0095e8, #00a2ea, #00b5ec, #00c5df, #00d3c6, #0edda4);
  top: auto;
  bottom: 29%;
  width: 190px;
  height: 250px;
}

.custom-t-logo .middle {
  height: 80px;
  background: #161525;
  transform: skewY(-15deg) translateY(-37px);
  z-index: 3;
  border-bottom-left-radius: 50px;
  border-bottom-right-radius: 31px;
  position: relative;
  box-shadow: 0 0 15px 0 black;
}

.custom-t-logo .middle::after {
  content: '';
  width: 66px;
  height: 25px;
  background: #161525;
  position: absolute;
  bottom: -24px;
  border-left: 4px solid #161525;
  left: calc(50% + 18px);
  transform: translateX(-50%);
}

.custom-t-logo .stem {
  height: 250px;
  width: 80px;
  left: calc(50% + 13px);
  top: -102px;
  position: relative;
  transform: skewY(-15deg) translateX(-50%);
  background: #161525;
  z-index: 2;
  box-shadow: 0 0 15px 0 black;
  border-bottom-right-radius: 20px;
}

.custom-t-logo .top2 {
  transform: rotate(-90deg) rotateX(50deg);
  height: 50px;
  background-image: linear-gradient(to left, #5239d0, #3e4dd8, #285ddd,
    #0f6bdf, #0078e0, #0087e5, #0095e8, #00a2ea, #00b5ec, #00c5df, #00d3c6, #0edda4);
  left: -34px;
  top: -203px;
  z-index: 2;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-233ce45 */:root {
  --w: 4vmin;
  --r: 50%;
  --o: calc(.5 * (100% + var(--r)) - var(--r));
}

@property --k {
  syntax: '<number>';
  initial-value: 0;
  inherits: false;
}

body {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0;
  min-height: 100vh;
  background: #000; /* Optional */
}

.responsive-img {
  --k: 0;
  --j: calc(1 - var(--k));

  width: min(90vmin, 90vw);
  height: min(90vmin, 90vw);

  object-fit: cover;
  filter: grayscale(var(--j));

  --list: transparent calc(50% - var(--w)), red 0 calc(50% + var(--w)), transparent 0;

  mask:
    radial-gradient(closest-side, red calc(var(--r) - 1px), transparent var(--r)),
    radial-gradient(
      closest-side,
      transparent calc(var(--r) - var(--o) + var(--k) * 2 * var(--o) - 1px),
      red calc(var(--r) - var(--o) + var(--k) * 2 * var(--o)) calc(var(--k) * 100% + var(--j) * var(--r) - 1px),
      transparent calc(var(--k) * 100% + var(--j) * var(--r))
    ),
    linear-gradient(var(--list)),
    linear-gradient(90deg, var(--list)),
    linear-gradient(45deg, var(--list)),
    linear-gradient(-45deg, var(--list));

  mask-composite: add, intersect, add, add;
  transition: --k .2s ease-out;
}

.responsive-img:hover {
  --k: 1;
}

/* RESPONSIVE FIX */
@media (max-width: 600px) {
  .responsive-img {
    width: 85vw;
    height: 85vw;
  }
}

@media (min-width: 1200px) {
  .responsive-img {
    width: 60vmin;
    height: 60vmin;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-45be65f */.cards-section *,
.cards-section *::before,
.cards-section *::after {
  box-sizing: border-box;
  padding: 0;
  margin: 0;
}

.cards-section {
  font-family: "Quicksand", sans-serif;
}

.cards-section .container {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  max-width: 1000px;
  margin-block: 2rem;
  gap: 2rem;
}

.cards-section img {
  max-width: 100%;
  display: block;
  object-fit: cover;
}

.cards-section .card {
  display: flex;
  flex-direction: column;
  width: clamp(20rem, calc(20rem + 2vw), 22rem);
  overflow: hidden;
  box-shadow: 0 .1rem 1rem rgba(0, 0, 0, 0.1);
  border-radius: 1em;
  background: #ECE9E6;
  background: linear-gradient(to right, #FFFFFF, #ECE9E6);
}

.cards-section .card__body {
  padding: 1rem;
  display: flex;
  flex-direction: column;
  gap: .5rem;
}

.cards-section .tag {
  align-self: flex-start;
  padding: .25em .75em;
  border-radius: 1em;
  font-size: .75rem;
}

.cards-section .tag + .tag {
  margin-left: .5em;
}

.cards-section .tag-blue {
  background: linear-gradient(to bottom, #2F80ED, #56CCF2);
  color: #fafafa;
}

.cards-section .tag-brown {
  background: linear-gradient(to bottom, #FFD194, #D1913C);
  color: #fafafa;
}

.cards-section .tag-red {
  background: linear-gradient(to bottom, #ef473a, #cb2d3e);
  color: #fafafa;
}

.cards-section .card__body h4 {
  font-size: 1.5rem;
  text-transform: capitalize;
}

.cards-section .card__footer {
  display: flex;
  padding: 1rem;
  margin-top: auto;
}

.cards-section .user {
  display: flex;
  gap: .5rem;
}

.cards-section .user__image {
  border-radius: 50%;
}

.cards-section .user__info > small {
  color: #666;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-caca55e *//* Cube Section Wrapper */
.cube-wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 50px 0;
}

/* Perspective Container */
.cube-container {
  perspective: 1000px;
}

/* MAIN CUBE — Size will be controlled with CSS variables */
.cube {
  position: relative;
  width: var(--cube-size);
  height: var(--cube-size);
  transform-style: preserve-3d;
  animation: rotateCube 10s infinite linear;
}

/* Cube faces */
.face {
  position: absolute;
  width: var(--cube-size);
  height: var(--cube-size);
  border-radius: 10px;

  box-shadow: 0 0 25px rgba(255, 150, 0, 0.7),
              0 0 50px rgba(255, 150, 0, 0.5);

  background-size: cover;
  background-position: center;
}

/* Images */
.front  { background-image: url('https://picsum.photos/id/1015/400'); transform: translateZ(calc(var(--cube-size) / 2)); }
.back   { background-image: url('https://picsum.photos/id/1003/400'); transform: rotateY(180deg) translateZ(calc(var(--cube-size) / 2)); }
.right  { background-image: url('https://picsum.photos/id/1025/400'); transform: rotateY(90deg) translateZ(calc(var(--cube-size) / 2)); }
.left   { background-image: url('https://picsum.photos/id/1041/400'); transform: rotateY(-90deg) translateZ(calc(var(--cube-size) / 2)); }
.top    { background-image: url('https://picsum.photos/id/1035/400'); transform: rotateX(90deg) translateZ(calc(var(--cube-size) / 2)); }
.bottom { background-image: url('https://picsum.photos/id/1060/400'); transform: rotateX(-90deg) translateZ(calc(var(--cube-size) / 2)); }

/* Rotation Animation */
@keyframes rotateCube {
  0%   { transform: rotateX(0deg) rotateY(0deg); }
  25%  { transform: rotateX(0deg) rotateY(90deg); }
  50%  { transform: rotateX(0deg) rotateY(180deg); }
  75%  { transform: rotateX(0deg) rotateY(270deg); }
  100% { transform: rotateX(0deg) rotateY(360deg); }
}

/* -------------------------------------------------
   RESPONSIVE BREAKPOINTS
   ------------------------------------------------- */

/* 🖥️ Desktop (Default) */
:root {
  --cube-size: 250px;
}

/* 📱 Tablet */
@media (max-width: 1024px) {
  :root {
    --cube-size: 180px;
  }
}

/* 📱 Mobile */
@media (max-width: 600px) {
  :root {
    --cube-size: 140px;
  }

  .cube-wrapper {
    padding: 30px 0;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-c157e7f *//***************************************************
    DEFAULT (Desktop)
***************************************************/
.custom-ticket-section {
  font-family: 'Roboto', sans-serif;
}

.custom-ticket-section .hero-container {
  margin: auto;
  display: flex;
  gap: 20px;
  justify-content: center;
}

.custom-ticket-section .main-container {
  width: 200px;
  height: 550px;
  position: relative;
}

.custom-ticket-section .poster-container {
  width: 200px;
  position: relative;
  top: 0;
  left: 20px;
  z-index: 9;
}

.custom-ticket-section .poster {
  width: 100%;
  box-shadow: 0 5px 20px 3px rgba(0,0,0,0.6);
}

.custom-ticket-section .ticket-container {
  background: #fff;
  width: 270px;
  height: 520px;
  display: flex;
  flex-direction: column;
  align-items: center;
  border-radius: 5px;
  position: absolute;
  top: 20px;
  left: -40px;
  box-shadow: 0 5px 20px 3px rgba(0,0,0,0.6);
  opacity: 0;
  transition: 0.3s;
}

.custom-ticket-section .main-container:hover .ticket-container {
  opacity: 1;
  animation: bounceIn 0.6s linear;
}

/* Animation */
@keyframes bounceIn {
  0%,20%,40%,60%,80%,to {
    animation-timing-function: cubic-bezier(0.215,0.61,0.355,1);
  }
  0% { opacity:0; transform:scale3d(0.3,0.3,0.3); }
  20% { transform:scale3d(1.03,1.03,1.03); }
  40% { transform:scale3d(0.9,0.9,0.9); }
  60% { opacity:1; transform:scale3d(1.01,1.01,1.01); }
  80% { transform:scale3d(0.97,0.97,0.97); }
  to  { opacity:1; transform:scaleX(1); }
}

.custom-ticket-section .ticket__content {
  width: 100%;
  position: absolute;
  bottom: 0;
  text-align: center;
  padding-bottom: 20px;
}

.custom-ticket-section .ticket__movie-title {
  text-transform: uppercase;
  margin-bottom: 5px;
}

.custom-ticket-section .ticket__movie-slogan {
  color: #999;
  font-size: 0.9rem;
  margin-bottom: 20px;
}

.custom-ticket-section .ticket__current-price {
  color: #69c982;
  font-size: 1.4rem;
  font-weight: bold;
}

.custom-ticket-section .ticket__old-price {
  color: #999;
  text-decoration: line-through;
  margin-bottom: 10px;
}

.custom-ticket-section .ticket__buy-btn {
  cursor: pointer;
  width: 100%;
  background: #2f2f2f;
  color: #fff;
  padding: 15px 0;
  font-size: 1rem;
  font-weight: bold;
  text-transform: uppercase;
  border: 0;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}


/***************************************************
    TABLET VIEW
***************************************************/
@media (max-width: 1024px) {

  .custom-ticket-section .hero-container {
    gap: 10px;
  }

  .custom-ticket-section .main-container {
    width: 170px;
    height: 480px;
  }

  .custom-ticket-section .poster-container {
    width: 170px;
    left: 15px;
  }

  .custom-ticket-section .ticket-container {
    width: 230px;
    height: 450px;
    left: -30px;
  }

  .custom-ticket-section .ticket__current-price {
    font-size: 1.2rem;
  }

  .custom-ticket-section .ticket__movie-slogan {
    font-size: 0.8rem;
  }
}


/***************************************************
    MOBILE VIEW
***************************************************/
@media (max-width: 600px) {

  .custom-ticket-section .hero-container {
    flex-direction: column;
    align-items: center;
  }

  .custom-ticket-section .main-container {
    width: 200px;
    height: auto;
  }

  .custom-ticket-section .poster-container {
    width: 200px;
    left: 0;
  }

  .custom-ticket-section .ticket-container {
    position: relative;
    top: 10px;
    left: 0;
    opacity: 1 !important;  /* Hover ki zarurat nahi */
    animation: none;
    margin-top: 20px;
    width: 230px;
    height: auto;
    padding-bottom: 20px;
  }

  .custom-ticket-section .ticket__content {
    position: relative;
    padding: 20px 0;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-a1b5266 */.amur-leopard-section * {
	box-sizing: border-box;
	margin: 0;
}

/* Section Wrapper */
.amur-leopard-section {
	--d: 17rem;
	--f: .25;
	--r: 360deg / 12;
	display: flex;
	flex-direction: column;
	align-items: center;
	padding: 2rem 0;
	transform-style: preserve-3d;
	background: ;
}

/* Headings */
.amur-leopard-section h2,
.amur-leopard-section h3 {
	text-align: center;
	margin-bottom: .5rem;
}

/* Hide radio buttons */
.amur-leopard-section input[type="radio"],
.amur-leopard-section input[type="checkbox"] {
	position: absolute;
	left: -200vw;
}

/* -------- GALLERY -------- */
.amur-leopard-section .gallery {
	position: relative;
	width: var(--d);
	height: var(--d);
	perspective: 1000px;
}

/* Each item */
.amur-leopard-section .gallery__item {
	position: absolute;
	top: 50%;
	left: 50%;
	width: var(--d);
	height: var(--d);
	transform-origin: center center;
	transform: rotate(0deg) translate(-50%, -50%) scale(var(--f));
	border-radius: 50%;
	overflow: hidden;
	border: 3px solid #fff;
	filter: grayscale(1);
	transition: .3s;
	cursor: pointer;
}

/* Hover / focus */
.amur-leopard-section .gallery__item:hover,
.amur-leopard-section input:focus + .gallery__item {
	filter: none;
}

/* Selected */
.amur-leopard-section input:checked + .gallery__item {
	transform: translate(-50%, -50%) scale(1);
	filter: none;
	border-radius: 1rem;
}

/* Individual rotation for 12 items */
.amur-leopard-section label[for="gallery-item-0"] { transform: rotate(calc(var(--r) * 0)) translate(-50%, -50%) scale(var(--f)); }
.amur-leopard-section label[for="gallery-item-1"] { transform: rotate(calc(var(--r) * 1)) translate(-50%, -50%) scale(var(--f)); }
.amur-leopard-section label[for="gallery-item-2"] { transform: rotate(calc(var(--r) * 2)) translate(-50%, -50%) scale(var(--f)); }
.amur-leopard-section label[for="gallery-item-3"] { transform: rotate(calc(var(--r) * 3)) translate(-50%, -50%) scale(var(--f)); }
.amur-leopard-section label[for="gallery-item-4"] { transform: rotate(calc(var(--r) * 4)) translate(-50%, -50%) scale(var(--f)); }
.amur-leopard-section label[for="gallery-item-5"] { transform: rotate(calc(var(--r) * 5)) translate(-50%, -50%) scale(var(--f)); }
.amur-leopard-section label[for="gallery-item-6"] { transform: rotate(calc(var(--r) * 6)) translate(-50%, -50%) scale(var(--f)); }
.amur-leopard-section label[for="gallery-item-7"] { transform: rotate(calc(var(--r) * 7)) translate(-50%, -50%) scale(var(--f)); }
.amur-leopard-section label[for="gallery-item-8"] { transform: rotate(calc(var(--r) * 8)) translate(-50%, -50%) scale(var(--f)); }
.amur-leopard-section label[for="gallery-item-9"] { transform: rotate(calc(var(--r) * 9)) translate(-50%, -50%) scale(var(--f)); }
.amur-leopard-section label[for="gallery-item-10"] { transform: rotate(calc(var(--r) * 10)) translate(-50%, -50%) scale(var(--f)); }
.amur-leopard-section label[for="gallery-item-11"] { transform: rotate(calc(var(--r) * 11)) translate(-50%, -50%) scale(var(--f)); }

/* Image fill */
.amur-leopard-section img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

/* ------- INFO PANEL ------- */
.amur-leopard-section .info {
	margin-top: 2rem;
	position: relative;
}

/* Info Box hidden by default */
.amur-leopard-section .info__content {
	background: rgba(255,255,255,.8);
	padding: 1rem;
	border-radius: .5rem;
	opacity: 0;
	transform: scale(0.85);
	transition: .3s;
	max-width: 90vw;
}

/* Show when checkbox checked */
.amur-leopard-section input#show:checked ~ .info__content {
	opacity: 1;
	transform: scale(1);
}

/* Info button */
.amur-leopard-section label[for="show"] {
	display: inline-block;
	background: dodgerblue;
	color: white;
	padding: .25rem 1rem;
	border-radius: 1rem;
	margin-bottom: .5rem;
	cursor: pointer;
	font-size: .9rem;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-64598f7 *//* ================================
   SECTION HEIGHT
   ================================ */
.gallery-section {
  height: 350px;
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  background: #aabbfb;
}

/* ================================
   GALLERY
   ================================ */
.gallery {
  --s: 110px;   /* Desktop size */
  --g: 10px;
  display: grid;
  margin: 0;
}

/* ================================
   IMAGES
   ================================ */
.gallery > img {
  grid-area: 1/1;
  width: var(--s);
  aspect-ratio: 1.15;
  object-fit: cover;
  clip-path: polygon(25% 0%, 75% 0%, 100% 50%,75% 100%,25% 100%,0 50%);
  transform: translate(var(--_x,0),var(--_y,0)) scale(var(--_t,1));
  cursor: pointer;
  filter: grayscale(80%);
  transition: .3s ease;
  border-radius: 5px;
}

/* ================================
   GOLDEN GLOW ON HOVER
   ================================ */
.gallery > img:hover {
  filter: grayscale(0);
  z-index: 2;
  --_t: 1.25;

  /* GOLDEN GLOW */
  box-shadow:
    0 0 10px rgba(255, 215, 0, 0.7),
    0 0 20px rgba(255, 215, 0, 0.8),
    0 0 35px rgba(255, 215, 0, 0.9);
}

/* ================================
   POSITIONS (Hexagon Layout)
   ================================ */
.gallery > img:nth-child(1) {--_y: calc(-100% - var(--g))}

.gallery > img:nth-child(7) {--_y: calc(100% + var(--g))}

.gallery > img:nth-child(3),
.gallery > img:nth-child(5) {--_x: calc(-75% - .87*var(--g))}

.gallery > img:nth-child(4),
.gallery > img:nth-child(6) {--_x: calc(75% + .87*var(--g))}

.gallery > img:nth-child(3),
.gallery > img:nth-child(4) {--_y: calc(-50% - .5*var(--g))}

.gallery > img:nth-child(5), 
.gallery > img:nth-child(6) {--_y: calc(50% + .5*var(--g))}


/* ======================================================
   RESPONSIVE BREAKPOINTS
   ====================================================== */

/* ---------- TABLET ---------- */
@media (max-width: 1024px) {
  .gallery-section {
    height: 300px;
  }

  .gallery {
    --s: 85px;   /* Tablet size */
    --g: 8px;
  }
}

/* ---------- MOBILE ---------- */
@media (max-width: 600px) {
  .gallery-section {
    height: auto;
    padding: 30px 0;
  }

  .gallery {
    --s: 70px;   /* Mobile size */
    --g: 6px;
  }

  .gallery > img {
    --_t: 1; /* scale normal */
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-e39dccb */.img-box img {
  --c: #F9CDAD; 
  --b: 8px; 
  --o: 25px; 
  
  width: 700px;
  --_p: calc(2*var(--o) + var(--b));
  padding: var(--_p) var(--_p) 0 0;
  outline: var(--b) solid var(--c);
  outline-offset: calc(var(--o) - var(--_p));
  transition: .4s;
  cursor: pointer;
  background-color: red;
}

.img-box img:hover {
  padding: calc(var(--_p)/2);
}

/* Body ko simple rakho */
body {
  margin: 0;
  background: #547980;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-9e4d6a5 */.moving-bg {
  width: 100%;
  height: 400px; /* apne section ki height ke hisaab se change kar sakte ho */
  position: relative;
  overflow: hidden;
  background: url(https://image.freepik.com/free-photo/sport-composition-with-modern-elements_23-2147914163.jpg);
  background-size: cover;
  background-position: center;
}

/* Moving layer */
.moving-bg .moving-layer {
  position: absolute;
  top: 0;
  left: 0;
  width: 300px;
  height: 100%;
  background: url(https://image.freepik.com/free-photo/sport-composition-with-modern-elements_23-2147914163.jpg);
  background-size: cover;
  background-position: center;
  box-shadow: 20px 0 60px rgba(0,0,0,0.3),
              -20px 0 60px rgba(0,0,0,0.3);

  animation: bgMove 4s ease-in-out infinite;
}

@keyframes bgMove {
  0%, 100% {
    transform: translateX(0);
  }
  50% {
    transform: translateX(calc(100% - 300px));
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-739987b */body{
  margin:0;
  padding:0;
  background:#f2f2f2;
  font-family: 'Acme';
}

.container{
  max-width:1000px;
  margin:0px auto;
  display:flex;
  flex-wrap:wrap;
  justify-content:space-around;
}

.card{
  position:relative;
  margin:20px 0;
  width:300px;
  height:400px;
  background: #fff;
  transform-style:preserve-3d;
  transform:perspective(2000px);
  transition:1s;
  box-shadow:inset 100px 0 50px rgba(0,0,0,0.5);
}

.card:hover{
  z-index:1111;
  transform:perspective(2000px) rotate(-10deg);
  box-shadow:inset 20px 0 50px rgba(0,0,0,0.5);
}

.card .img-container{
  position:relative;
  width:100%;
  height:100%;
  border:1px solid #000;
  box-sizing:border-box;
  transform-origin:left;
  z-index:1;
  transition:1s;
}

.card .img-container img{
  position:absolute;
  left:0;
  top:0;
  height:100%;
  width:100%;
  object-fit:cover;
}

.card:hover .img-container{
  transform:rotateY(-135deg);
}

.card .card-details{
  position:absolute;
  left:0;
  top:0;
  box-sizing:border-box;
  padding:20px;
  color:#000;
}

 .card .card-details h2{
  margin:0;
  padding:0.5em 0;
  text-transform:uppercase;
  font-size:2em;
  color:#ed363a;
}

.card .card-details p{
  margin:0;
  padding:0;
  line-height:25px;
  font-size:1.1em;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-686e84b */:root {
  --w: 4vmin;
  --r: 50%;
  --o: calc(.5 * (100% + var(--r)) - var(--r));
}

@property --k {
  syntax: '<number>';
  initial-value: 0;
  inherits: false;
}

body {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0;
  min-height: 100vh;
  background: #000; /* Optional */
}

.responsive-img {
  --k: 0;
  --j: calc(1 - var(--k));

  width: min(90vmin, 90vw);
  height: min(90vmin, 90vw);

  object-fit: cover;
  filter: grayscale(var(--j));

  --list: transparent calc(50% - var(--w)), red 0 calc(50% + var(--w)), transparent 0;

  mask:
    radial-gradient(closest-side, red calc(var(--r) - 1px), transparent var(--r)),
    radial-gradient(
      closest-side,
      transparent calc(var(--r) - var(--o) + var(--k) * 2 * var(--o) - 1px),
      red calc(var(--r) - var(--o) + var(--k) * 2 * var(--o)) calc(var(--k) * 100% + var(--j) * var(--r) - 1px),
      transparent calc(var(--k) * 100% + var(--j) * var(--r))
    ),
    linear-gradient(var(--list)),
    linear-gradient(90deg, var(--list)),
    linear-gradient(45deg, var(--list)),
    linear-gradient(-45deg, var(--list));

  mask-composite: add, intersect, add, add;
  transition: --k .2s ease-out;
}

.responsive-img:hover {
  --k: 1;
}

/* RESPONSIVE FIX */
@media (max-width: 600px) {
  .responsive-img {
    width: 85vw;
    height: 85vw;
  }
}

@media (min-width: 1200px) {
  .responsive-img {
    width: 60vmin;
    height: 60vmin;
  }
}/* End custom CSS */