.elementor-2644 .elementor-element.elementor-element-0e0bc13{--display:flex;--min-height:600px;--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:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2644 .elementor-element.elementor-element-0e0bc13:not(.elementor-motion-effects-element-type-background), .elementor-2644 .elementor-element.elementor-element-0e0bc13 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://noorptc.com/wp-content/uploads/2025/07/projects-1.png");background-position:top center;background-repeat:no-repeat;background-size:cover;}.elementor-2644 .elementor-element.elementor-element-a91942b{--display:flex;--border-radius:0px 0px 0px 0px;--margin-top:190px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-2644 .elementor-element.elementor-element-a91942b:not(.elementor-motion-effects-element-type-background), .elementor-2644 .elementor-element.elementor-element-a91942b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(270deg, #00000091 25%, #9B9B9B00 100%);}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-2644 .elementor-element.elementor-element-a92d71f > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-2644 .elementor-element.elementor-element-a92d71f{text-align:right;}.elementor-2644 .elementor-element.elementor-element-a92d71f .elementor-heading-title{font-family:"Lato", Sans-serif;font-size:3rem;font-weight:600;color:#FFFFFF;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-2644 .elementor-element.elementor-element-7319542 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-2644 .elementor-element.elementor-element-7319542{text-align:right;font-family:"Lato", Sans-serif;font-size:1.25rem;font-weight:300;color:#FFFFFF;}.elementor-2644 .elementor-element.elementor-element-f19884a{--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:center;--margin-top:5%;--margin-bottom:0%;--margin-left:0%;--margin-right:0%;}.elementor-2644 .elementor-element.elementor-element-fa01e64 .elementor-heading-title{font-family:"Lato", Sans-serif;font-weight:600;color:#4D4D4D;}.elementor-2644 .elementor-element.elementor-element-681a208{--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-2644 .elementor-element.elementor-element-f9ee0d0{text-align:center;font-family:"Lato", Sans-serif;font-size:1.25rem;font-weight:300;}.elementor-2644 .elementor-element.elementor-element-acb9183{--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:0%;--margin-bottom:5%;--margin-left:0%;--margin-right:10%;}.elementor-widget-nested-tabs.elementor-widget-n-tabs > .elementor-widget-container > .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 > .elementor-widget-container > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected="true"], .elementor-widget-nested-tabs.elementor-widget-n-tabs > .elementor-widget-container > .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 > .elementor-widget-container > .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-widget-nested-tabs{--n-tabs-title-font-size:var( --e-global-typography-accent-font-size );}.elementor-2644 .elementor-element.elementor-element-8968ddd{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--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-2644 .elementor-element.elementor-element-c1042ae{--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;--padding-top:3%;--padding-bottom:4%;--padding-left:0%;--padding-right:0%;}.elementor-2644 .elementor-element.elementor-element-fa4089c{--display:grid;--e-con-grid-template-columns:repeat(3, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--gap:5% 5%;--row-gap:5%;--column-gap:5%;--grid-auto-flow:row;}.elementor-2644 .elementor-element.elementor-element-1ffecfe{--display:flex;--min-height:350px;}.elementor-2644 .elementor-element.elementor-element-1ffecfe:not(.elementor-motion-effects-element-type-background), .elementor-2644 .elementor-element.elementor-element-1ffecfe > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#EBEBEB;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );}.elementor-2644 .elementor-element.elementor-element-63c3816{--display:flex;}.elementor-2644 .elementor-element.elementor-element-58b68be{font-family:"Open Sans", Sans-serif;font-size:19px;font-weight:400;color:#303030;}.elementor-2644 .elementor-element.elementor-element-58b68be p{margin-bottom:0px;}.elementor-2644 .elementor-element.elementor-element-4cf8f4e{text-align:justify;font-family:"Open Sans", Sans-serif;font-size:1.2rem;font-weight:400;color:#303030;}.elementor-2644 .elementor-element.elementor-element-4cf8f4e p{margin-bottom:0px;}.elementor-2644 .elementor-element.elementor-element-4cf8f4e a{color:#303030;}.elementor-2644 .elementor-element.elementor-element-9bea89c{--display:flex;--min-height:350px;}.elementor-2644 .elementor-element.elementor-element-9bea89c:not(.elementor-motion-effects-element-type-background), .elementor-2644 .elementor-element.elementor-element-9bea89c > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#EBEBEB;}.elementor-2644 .elementor-element.elementor-element-654a04d{--display:flex;}.elementor-2644 .elementor-element.elementor-element-81315ae{font-family:"Open Sans", Sans-serif;font-size:19px;font-weight:400;color:#303030;}.elementor-2644 .elementor-element.elementor-element-81315ae p{margin-bottom:0px;}.elementor-2644 .elementor-element.elementor-element-7646a12{text-align:justify;font-family:"Open Sans", Sans-serif;font-size:1.2rem;font-weight:400;color:#303030;}.elementor-2644 .elementor-element.elementor-element-7646a12 p{margin-bottom:0px;}.elementor-2644 .elementor-element.elementor-element-7646a12 a{color:#303030;}.elementor-2644 .elementor-element.elementor-element-bc5a448{--display:flex;--min-height:350px;}.elementor-2644 .elementor-element.elementor-element-bc5a448:not(.elementor-motion-effects-element-type-background), .elementor-2644 .elementor-element.elementor-element-bc5a448 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#EBEBEB;}.elementor-2644 .elementor-element.elementor-element-1efcdbd img{width:88%;}.elementor-2644 .elementor-element.elementor-element-2fe7251{--display:flex;}.elementor-2644 .elementor-element.elementor-element-ee69d1b{font-family:"Open Sans", Sans-serif;font-size:19px;font-weight:400;color:#303030;}.elementor-2644 .elementor-element.elementor-element-ee69d1b p{margin-bottom:0px;}.elementor-2644 .elementor-element.elementor-element-92e8e4a{text-align:justify;font-family:"Open Sans", Sans-serif;font-size:1.2rem;font-weight:400;color:#303030;}.elementor-2644 .elementor-element.elementor-element-92e8e4a p{margin-bottom:0px;}.elementor-2644 .elementor-element.elementor-element-92e8e4a a{color:#303030;}.elementor-2644 .elementor-element.elementor-element-223294f{--display:flex;--min-height:350px;}.elementor-2644 .elementor-element.elementor-element-223294f:not(.elementor-motion-effects-element-type-background), .elementor-2644 .elementor-element.elementor-element-223294f > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#EBEBEB;}.elementor-2644 .elementor-element.elementor-element-0d8d7f5{--display:flex;}.elementor-2644 .elementor-element.elementor-element-746dfbf{font-family:"Open Sans", Sans-serif;font-size:19px;font-weight:400;color:#303030;}.elementor-2644 .elementor-element.elementor-element-746dfbf p{margin-bottom:0px;}.elementor-2644 .elementor-element.elementor-element-a0ddefb{text-align:justify;font-family:"Open Sans", Sans-serif;font-size:1.2rem;font-weight:400;color:#303030;}.elementor-2644 .elementor-element.elementor-element-a0ddefb p{margin-bottom:0px;}.elementor-2644 .elementor-element.elementor-element-a0ddefb a{color:#303030;}.elementor-2644 .elementor-element.elementor-element-5f5fd65{--display:flex;--min-height:350px;}.elementor-2644 .elementor-element.elementor-element-5f5fd65:not(.elementor-motion-effects-element-type-background), .elementor-2644 .elementor-element.elementor-element-5f5fd65 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#EBEBEB;}.elementor-2644 .elementor-element.elementor-element-9b86d54{--display:flex;}.elementor-2644 .elementor-element.elementor-element-47ad977{font-family:"Open Sans", Sans-serif;font-size:19px;font-weight:400;color:#303030;}.elementor-2644 .elementor-element.elementor-element-47ad977 p{margin-bottom:0px;}.elementor-2644 .elementor-element.elementor-element-bd7870c{text-align:justify;font-family:"Open Sans", Sans-serif;font-size:1.2rem;font-weight:400;color:#303030;}.elementor-2644 .elementor-element.elementor-element-bd7870c p{margin-bottom:0px;}.elementor-2644 .elementor-element.elementor-element-bd7870c a{color:#303030;}.elementor-2644 .elementor-element.elementor-element-a95eea7{--display:flex;--min-height:350px;}.elementor-2644 .elementor-element.elementor-element-a95eea7:not(.elementor-motion-effects-element-type-background), .elementor-2644 .elementor-element.elementor-element-a95eea7 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#EBEBEB;}.elementor-2644 .elementor-element.elementor-element-642f424{--display:flex;}.elementor-2644 .elementor-element.elementor-element-cc5c4e8{font-family:"Open Sans", Sans-serif;font-size:19px;font-weight:400;color:#303030;}.elementor-2644 .elementor-element.elementor-element-cc5c4e8 p{margin-bottom:0px;}.elementor-2644 .elementor-element.elementor-element-022fe35{text-align:justify;font-family:"Open Sans", Sans-serif;font-size:1.2rem;font-weight:400;color:#303030;}.elementor-2644 .elementor-element.elementor-element-022fe35 p{margin-bottom:0px;}.elementor-2644 .elementor-element.elementor-element-022fe35 a{color:#303030;}.elementor-2644 .elementor-element.elementor-element-781556a{--display:flex;--padding-top:0%;--padding-bottom:4%;--padding-left:0%;--padding-right:0%;}.elementor-2644 .elementor-element.elementor-element-0a7b83f{--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-2644 .elementor-element.elementor-element-cdea9f4{--display:grid;--e-con-grid-template-columns:repeat(3, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--gap:5% 5%;--row-gap:5%;--column-gap:5%;--grid-auto-flow:row;}.elementor-2644 .elementor-element.elementor-element-8f30e49{--display:flex;--min-height:350px;}.elementor-2644 .elementor-element.elementor-element-8f30e49:not(.elementor-motion-effects-element-type-background), .elementor-2644 .elementor-element.elementor-element-8f30e49 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#EBEBEB;}.elementor-2644 .elementor-element.elementor-element-d97fdc3{--display:flex;}.elementor-2644 .elementor-element.elementor-element-116bc90{font-family:"Open Sans", Sans-serif;font-size:19px;font-weight:400;color:#303030;}.elementor-2644 .elementor-element.elementor-element-116bc90 p{margin-bottom:0px;}.elementor-2644 .elementor-element.elementor-element-d1c3423{text-align:justify;font-family:"Open Sans", Sans-serif;font-size:1.2rem;font-weight:400;color:#303030;}.elementor-2644 .elementor-element.elementor-element-d1c3423 p{margin-bottom:0px;}.elementor-2644 .elementor-element.elementor-element-d1c3423 a{color:#303030;}.elementor-2644 .elementor-element.elementor-element-59a84d9{--display:flex;--min-height:350px;}.elementor-2644 .elementor-element.elementor-element-59a84d9:not(.elementor-motion-effects-element-type-background), .elementor-2644 .elementor-element.elementor-element-59a84d9 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#EBEBEB;}.elementor-2644 .elementor-element.elementor-element-2da923e img{width:100%;}.elementor-2644 .elementor-element.elementor-element-299802b{--display:flex;}.elementor-2644 .elementor-element.elementor-element-15ec902{font-family:"Open Sans", Sans-serif;font-size:19px;font-weight:400;color:#303030;}.elementor-2644 .elementor-element.elementor-element-15ec902 p{margin-bottom:0px;}.elementor-2644 .elementor-element.elementor-element-49c2d2e{text-align:justify;font-family:"Open Sans", Sans-serif;font-size:1.2rem;font-weight:400;color:#303030;}.elementor-2644 .elementor-element.elementor-element-49c2d2e p{margin-bottom:0px;}.elementor-2644 .elementor-element.elementor-element-49c2d2e a{color:#303030;}.elementor-2644 .elementor-element.elementor-element-9245cff{--display:flex;--min-height:350px;}.elementor-2644 .elementor-element.elementor-element-9245cff:not(.elementor-motion-effects-element-type-background), .elementor-2644 .elementor-element.elementor-element-9245cff > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#EBEBEB;}.elementor-2644 .elementor-element.elementor-element-64220f3{--display:flex;}.elementor-2644 .elementor-element.elementor-element-b8a57b6{font-family:"Open Sans", Sans-serif;font-size:19px;font-weight:400;color:#303030;}.elementor-2644 .elementor-element.elementor-element-b8a57b6 p{margin-bottom:0px;}.elementor-2644 .elementor-element.elementor-element-a9bef4e{text-align:justify;font-family:"Open Sans", Sans-serif;font-size:1.2rem;font-weight:400;color:#303030;}.elementor-2644 .elementor-element.elementor-element-a9bef4e p{margin-bottom:0px;}.elementor-2644 .elementor-element.elementor-element-a9bef4e a{color:#303030;}.elementor-2644 .elementor-element.elementor-element-11d23cc{--display:flex;--min-height:370px;}.elementor-2644 .elementor-element.elementor-element-11d23cc:not(.elementor-motion-effects-element-type-background), .elementor-2644 .elementor-element.elementor-element-11d23cc > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#EBEBEB;}.elementor-2644 .elementor-element.elementor-element-bcc182b{--display:flex;}.elementor-2644 .elementor-element.elementor-element-a678c5d{font-family:"Open Sans", Sans-serif;font-size:19px;font-weight:400;color:#303030;}.elementor-2644 .elementor-element.elementor-element-a678c5d p{margin-bottom:0px;}.elementor-2644 .elementor-element.elementor-element-c7ad7bb{text-align:justify;font-family:"Open Sans", Sans-serif;font-size:1.2rem;font-weight:400;color:#303030;}.elementor-2644 .elementor-element.elementor-element-c7ad7bb p{margin-bottom:0px;}.elementor-2644 .elementor-element.elementor-element-c7ad7bb a{color:#303030;}.elementor-2644 .elementor-element.elementor-element-6ad19b5{--display:flex;--min-height:370px;}.elementor-2644 .elementor-element.elementor-element-6ad19b5:not(.elementor-motion-effects-element-type-background), .elementor-2644 .elementor-element.elementor-element-6ad19b5 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#EBEBEB;}.elementor-2644 .elementor-element.elementor-element-613389b img{width:80%;}.elementor-2644 .elementor-element.elementor-element-8a0f190{--display:flex;}.elementor-2644 .elementor-element.elementor-element-36ffc7b{font-family:"Open Sans", Sans-serif;font-size:19px;font-weight:400;color:#303030;}.elementor-2644 .elementor-element.elementor-element-36ffc7b p{margin-bottom:0px;}.elementor-2644 .elementor-element.elementor-element-4881a7e{text-align:justify;font-family:"Open Sans", Sans-serif;font-size:1.2rem;font-weight:400;color:#303030;}.elementor-2644 .elementor-element.elementor-element-4881a7e p{margin-bottom:0px;}.elementor-2644 .elementor-element.elementor-element-4881a7e a{color:#303030;}.elementor-2644 .elementor-element.elementor-element-a53fa5c{--n-tabs-heading-justify-content:flex-start;--n-tabs-title-width:initial;--n-tabs-title-height:initial;--n-tabs-title-align-items:center;--n-tabs-title-flex-grow:0;--n-tabs-heading-wrap:wrap;--n-tabs-heading-overflow-x:initial;--n-tabs-title-white-space:initial;--n-tabs-title-gap:0px;--n-tabs-gap:0px;--n-tabs-title-font-size:1.2rem;}.elementor-2644 .elementor-element.elementor-element-a53fa5c.elementor-widget-n-tabs > .elementor-widget-container > .e-n-tabs[data-touch-mode='false'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:#FD8902;}.elementor-2644 .elementor-element.elementor-element-a53fa5c.elementor-widget-n-tabs > .elementor-widget-container > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected="true"], .elementor-2644 .elementor-element.elementor-element-a53fa5c.elementor-widget-n-tabs > .elementor-widget-container > .e-n-tabs[data-touch-mode='true'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:#FD8902;}.elementor-2644 .elementor-element.elementor-element-a53fa5c.elementor-widget-n-tabs > .elementor-widget-container > .e-n-tabs > .e-n-tabs-heading > :is( .e-n-tab-title > .e-n-tab-title-text, .e-n-tab-title ){font-family:"Open Sans", Sans-serif;font-weight:400;}:where( .elementor-2644 .elementor-element.elementor-element-a53fa5c.elementor-widget-n-tabs > .elementor-widget-container > .e-n-tabs > .e-n-tabs-content ) > .e-con{border-style:solid;border-width:1px 1px 1px 1px;border-color:#E0E0E0;}@media(min-width:768px){.elementor-2644 .elementor-element.elementor-element-a91942b{--width:52%;}.elementor-2644 .elementor-element.elementor-element-acb9183{--width:80%;}}@media(max-width:1024px) and (min-width:768px){.elementor-2644 .elementor-element.elementor-element-a91942b{--width:50%;}}@media(min-width:1025px){.elementor-2644 .elementor-element.elementor-element-0e0bc13:not(.elementor-motion-effects-element-type-background), .elementor-2644 .elementor-element.elementor-element-0e0bc13 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-attachment:scroll;}}@media(max-width:1024px){.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );}.elementor-2644 .elementor-element.elementor-element-a92d71f > .elementor-widget-container{margin:0% 0% 0% 0%;}.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );}.elementor-2644 .elementor-element.elementor-element-7319542 > .elementor-widget-container{margin:0% 0% 0% 0%;}.elementor-2644 .elementor-element.elementor-element-7319542 p{margin-bottom:0px;}.elementor-widget-nested-tabs{--n-tabs-title-font-size:var( --e-global-typography-accent-font-size );}.elementor-2644 .elementor-element.elementor-element-c1042ae{--padding-top:0%;--padding-bottom:90%;--padding-left:0%;--padding-right:0%;}.elementor-2644 .elementor-element.elementor-element-fa4089c{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-widget-image .widget-image-caption{font-size:var( --e-global-typography-text-font-size );}.elementor-2644 .elementor-element.elementor-element-781556a{--padding-top:0%;--padding-bottom:50%;--padding-left:0%;--padding-right:0%;}.elementor-2644 .elementor-element.elementor-element-cdea9f4{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}}@media(max-width:767px){.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );}.elementor-2644 .elementor-element.elementor-element-a92d71f > .elementor-widget-container{margin:0% 0% 0% 0%;}.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );}.elementor-2644 .elementor-element.elementor-element-7319542 > .elementor-widget-container{margin:0% 0% 0% 0%;}.elementor-widget-nested-tabs{--n-tabs-title-font-size:var( --e-global-typography-accent-font-size );}.elementor-2644 .elementor-element.elementor-element-c1042ae{--padding-top:0%;--padding-bottom:180%;--padding-left:0%;--padding-right:0%;}.elementor-2644 .elementor-element.elementor-element-fa4089c{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-widget-image .widget-image-caption{font-size:var( --e-global-typography-text-font-size );}.elementor-2644 .elementor-element.elementor-element-781556a{--padding-top:0%;--padding-bottom:100%;--padding-left:0%;--padding-right:0%;}.elementor-2644 .elementor-element.elementor-element-cdea9f4{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}}/* Start custom CSS for container, class: .elementor-element-1ffecfe *//* From Uiverse.io by gharsh11032000 */ 
.card {
  position: relative;
  width: 100%;
  height: 300px;
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  perspective: 1000px;
  box-shadow: 0 0 0 5px #ffffff80;
  transition: all 0.6s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    transform-style: preserve-3d;

}

.card svg {
  width: 48px;
  fill: #333;
  transition: all 0.6s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.card:hover {
  transform: scale(1.05);
  box-shadow: 0 8px 16px rgba(255, 255, 255, 0.2);
}

.card__content {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding: 20px;
    backface-visibility: hidden;

  box-sizing: border-box;
  background-color: #fd8902;
  transform: rotateX(-90deg);
  transform-origin: bottom;
  transition: all 0.6s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    will-change: transform;

}

.card:hover .card__content {
  transform: rotateX(0deg);
}

.card__title {
  margin: 0;
  will-change: transform;

}

.card:hover svg {
  scale: 0;
}

.card__description {
  margin: 10px 0 0;
  color: #777;
  line-height: 1.4;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9bea89c *//* From Uiverse.io by gharsh11032000 */ 
.card {
  position: relative;
  width: 100%;
  height: 300px;
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  perspective: 1000px;
  box-shadow: 0 0 0 5px #ffffff80;
  transition: all 0.6s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    transform-style: preserve-3d;

}

.card svg {
  width: 48px;
  fill: #333;
  transition: all 0.6s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.card:hover {
  transform: scale(1.05);
  box-shadow: 0 8px 16px rgba(255, 255, 255, 0.2);
}

.card__content {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding: 20px;
    backface-visibility: hidden;

  box-sizing: border-box;
  background-color: #fd8902;
  transform: rotateX(-90deg);
  transform-origin: bottom;
  transition: all 0.6s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    will-change: transform;

}

.card:hover .card__content {
  transform: rotateX(0deg);
}

.card__title {
  margin: 0;
  will-change: transform;

}

.card:hover svg {
  scale: 0;
}

.card__description {
  margin: 10px 0 0;
  color: #777;
  line-height: 1.4;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-bc5a448 *//* From Uiverse.io by gharsh11032000 */ 
.card {
  position: relative;
  width: 100%;
  height: 300px;
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  perspective: 1000px;
  box-shadow: 0 0 0 5px #ffffff80;
  transition: all 0.6s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    transform-style: preserve-3d;

}

.card svg {
  width: 48px;
  fill: #333;
  transition: all 0.6s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.card:hover {
  transform: scale(1.05);
  box-shadow: 0 8px 16px rgba(255, 255, 255, 0.2);
}

.card__content {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding: 20px;
    backface-visibility: hidden;

  box-sizing: border-box;
  background-color: #fd8902;
  transform: rotateX(-90deg);
  transform-origin: bottom;
  transition: all 0.6s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    will-change: transform;

}

.card:hover .card__content {
  transform: rotateX(0deg);
}

.card__title {
  margin: 0;
  will-change: transform;

}

.card:hover svg {
  scale: 0;
}

.card__description {
  margin: 10px 0 0;
  color: #777;
  line-height: 1.4;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-223294f *//* From Uiverse.io by gharsh11032000 */ 
.card {
  position: relative;
  width: 100%;
  height: 300px;
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  perspective: 1000px;
  box-shadow: 0 0 0 5px #ffffff80;
  transition: all 0.6s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    transform-style: preserve-3d;

}

.card svg {
  width: 48px;
  fill: #333;
  transition: all 0.6s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.card:hover {
  transform: scale(1.05);
  box-shadow: 0 8px 16px rgba(255, 255, 255, 0.2);
}

.card__content {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding: 20px;
    backface-visibility: hidden;

  box-sizing: border-box;
  background-color: #fd8902;
  transform: rotateX(-90deg);
  transform-origin: bottom;
  transition: all 0.6s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    will-change: transform;

}

.card:hover .card__content {
  transform: rotateX(0deg);
}

.card__title {
  margin: 0;
  will-change: transform;

}

.card:hover svg {
  scale: 0;
}

.card__description {
  margin: 10px 0 0;
  color: #777;
  line-height: 1.4;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5f5fd65 *//* From Uiverse.io by gharsh11032000 */ 
.card {
  position: relative;
  width: 100%;
  height: 300px;
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  perspective: 1000px;
  box-shadow: 0 0 0 5px #ffffff80;
  transition: all 0.6s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    transform-style: preserve-3d;

}

.card svg {
  width: 48px;
  fill: #333;
  transition: all 0.6s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.card:hover {
  transform: scale(1.05);
  box-shadow: 0 8px 16px rgba(255, 255, 255, 0.2);
}

.card__content {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding: 20px;
    backface-visibility: hidden;

  box-sizing: border-box;
  background-color: #fd8902;
  transform: rotateX(-90deg);
  transform-origin: bottom;
  transition: all 0.6s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    will-change: transform;

}

.card:hover .card__content {
  transform: rotateX(0deg);
}

.card__title {
  margin: 0;
  will-change: transform;

}

.card:hover svg {
  scale: 0;
}

.card__description {
  margin: 10px 0 0;
  color: #777;
  line-height: 1.4;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a95eea7 *//* From Uiverse.io by gharsh11032000 */ 
.card {
  position: relative;
  width: 100%;
  height: 300px;
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  perspective: 1000px;
  box-shadow: 0 0 0 5px #ffffff80;
  transition: all 0.6s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    transform-style: preserve-3d;

}

.card svg {
  width: 48px;
  fill: #333;
  transition: all 0.6s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.card:hover {
  transform: scale(1.05);
  box-shadow: 0 8px 16px rgba(255, 255, 255, 0.2);
}

.card__content {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding: 20px;
    backface-visibility: hidden;

  box-sizing: border-box;
  background-color: #fd8902;
  transform: rotateX(-90deg);
  transform-origin: bottom;
  transition: all 0.6s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    will-change: transform;

}

.card:hover .card__content {
  transform: rotateX(0deg);
}

.card__title {
  margin: 0;
  will-change: transform;

}

.card:hover svg {
  scale: 0;
}

.card__description {
  margin: 10px 0 0;
  color: #777;
  line-height: 1.4;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c1042ae */.elementor-2644 .elementor-element.elementor-element-c1042ae {
  width: 100%;
  height: auto;
  overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8f30e49 *//* From Uiverse.io by gharsh11032000 */ 
.card {
  position: relative;
  width: 100%;
  height: 350Px;
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  perspective: 1000px;
  box-shadow: 0 0 0 5px #ffffff80;
  transition: all 0.6s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    transform-style: preserve-3d;

}

.card svg {
  width: 48px;
  fill: #333;
  transition: all 0.6s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.card:hover {
  transform: scale(1.05);
  box-shadow: 0 8px 16px rgba(255, 255, 255, 0.2);
}

.card__content {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding: 20px;
    backface-visibility: hidden;

  box-sizing: border-box;
  background-color: #fd8902;
  transform: rotateX(-90deg);
  transform-origin: bottom;
  transition: all 0.6s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    will-change: transform;

}

.card:hover .card__content {
  transform: rotateX(0deg);
}

.card__title {
  margin: 0;
  will-change: transform;

}

.card:hover svg {
  scale: 0;
}

.card__description {
  margin: 10px 0 0;
  color: #777;
  line-height: 1.4;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-59a84d9 *//* From Uiverse.io by gharsh11032000 */ 
.card {
  position: relative;
  width: 100%;
  height: 300px;
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  perspective: 1000px;
  box-shadow: 0 0 0 5px #ffffff80;
  transition: all 0.6s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    transform-style: preserve-3d;

}

.card svg {
  width: 48px;
  fill: #333;
  transition: all 0.6s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.card:hover {
  transform: scale(1.05);
  box-shadow: 0 8px 16px rgba(255, 255, 255, 0.2);
}

.card__content {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding: 20px;
    backface-visibility: hidden;

  box-sizing: border-box;
  background-color: #f1f2f3;
  transform: rotateX(-90deg);
  transform-origin: bottom;
  transition: all 0.6s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    will-change: transform;
    /*opacity: 0.9; */

}

.card:hover .card__content {
  transform: rotateX(0deg);
}

.card__title {
  margin: 0;
  will-change: transform;

}

.card:hover svg {
  scale: 0;
}

.card__description {
  margin: 10px 0 0;
  color: #777;
  line-height: 1.4;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9245cff *//* From Uiverse.io by gharsh11032000 */ 
.card {
  position: relative;
  width: 100%;
  height: 300px;
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  perspective: 1000px;
  box-shadow: 0 0 0 5px #ffffff80;
  transition: all 0.6s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    transform-style: preserve-3d;

}

.card svg {
  width: 48px;
  fill: #333;
  transition: all 0.6s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.card:hover {
  transform: scale(1.05);
  box-shadow: 0 8px 16px rgba(255, 255, 255, 0.2);
}

.card__content {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding: 20px;
    backface-visibility: hidden;

  box-sizing: border-box;
  background-color: #fd8902;
  transform: rotateX(-90deg);
  transform-origin: bottom;
  transition: all 0.6s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    will-change: transform;

}

.card:hover .card__content {
  transform: rotateX(0deg);
}

.card__title {
  margin: 0;
  will-change: transform;

}

.card:hover svg {
  scale: 0;
}

.card__description {
  margin: 10px 0 0;
  color: #777;
  line-height: 1.4;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-11d23cc *//* From Uiverse.io by gharsh11032000 */ 
.card {
  position: relative;
  width: 100%;
  height: 300px;
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  perspective: 1000px;
  box-shadow: 0 0 0 5px #ffffff80;
  transition: all 0.6s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    transform-style: preserve-3d;

}

.card svg {
  width: 48px;
  fill: #333;
  transition: all 0.6s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.card:hover {
  transform: scale(1.05);
  box-shadow: 0 8px 16px rgba(255, 255, 255, 0.2);
}

.card__content {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding: 20px;
    backface-visibility: hidden;

  box-sizing: border-box;
  background-color: #fd8902;
  transform: rotateX(-90deg);
  transform-origin: bottom;
  transition: all 0.6s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    will-change: transform;

}

.card:hover .card__content {
  transform: rotateX(0deg);
}

.card__title {
  margin: 0;
  will-change: transform;

}

.card:hover svg {
  scale: 0;
}

.card__description {
  margin: 10px 0 0;
  color: #777;
  line-height: 1.4;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6ad19b5 *//* From Uiverse.io by gharsh11032000 */ 
.card {
  position: relative;
  width: 100%;
  height: 300px;
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  perspective: 1000px;
  box-shadow: 0 0 0 5px #ffffff80;
  transition: all 0.6s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    transform-style: preserve-3d;

}

.card svg {
  width: 48px;
  fill: #333;
  transition: all 0.6s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.card:hover {
  transform: scale(1.05);
  box-shadow: 0 8px 16px rgba(255, 255, 255, 0.2);
}

.card__content {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding: 20px;
  backface-visibility: hidden;

  box-sizing: border-box;
  background-color: #ebebeb99;
  
  /* شروع با opacity صفر و مقیاس کوچک */
  opacity: 0;
  transform: scale(0.8); /* عنصر ابتدا کوچک است */
  
  transition: opacity 0.6s ease, transform 0.6s ease; /* انیمیشن برای opacity و transform */
  will-change: opacity, transform;
}

/* حالت hover روی card */
.card:hover .card__content {
  opacity: 1; /* شفافیت کامل */
  transform: scale(1); /* اندازه طبیعی */
}

.card__title {
  margin: 0;
  will-change: transform;

}

.card:hover svg {
  scale: 0;
}

.card__description {
  margin: 10px 0 0;
  color: #777;
  line-height: 1.4;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-781556a */.elementor-2644 .elementor-element.elementor-element-781556a {
  width: 100%;
  height: 900%;
  overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1ffecfe *//* From Uiverse.io by gharsh11032000 */ 
.card {
  position: relative;
  width: 100%;
  height: 300px;
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  perspective: 1000px;
  box-shadow: 0 0 0 5px #ffffff80;
  transition: all 0.6s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    transform-style: preserve-3d;

}

.card svg {
  width: 48px;
  fill: #333;
  transition: all 0.6s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.card:hover {
  transform: scale(1.05);
  box-shadow: 0 8px 16px rgba(255, 255, 255, 0.2);
}

.card__content {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding: 20px;
    backface-visibility: hidden;

  box-sizing: border-box;
  background-color: #fd8902;
  transform: rotateX(-90deg);
  transform-origin: bottom;
  transition: all 0.6s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    will-change: transform;

}

.card:hover .card__content {
  transform: rotateX(0deg);
}

.card__title {
  margin: 0;
  will-change: transform;

}

.card:hover svg {
  scale: 0;
}

.card__description {
  margin: 10px 0 0;
  color: #777;
  line-height: 1.4;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9bea89c *//* From Uiverse.io by gharsh11032000 */ 
.card {
  position: relative;
  width: 100%;
  height: 300px;
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  perspective: 1000px;
  box-shadow: 0 0 0 5px #ffffff80;
  transition: all 0.6s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    transform-style: preserve-3d;

}

.card svg {
  width: 48px;
  fill: #333;
  transition: all 0.6s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.card:hover {
  transform: scale(1.05);
  box-shadow: 0 8px 16px rgba(255, 255, 255, 0.2);
}

.card__content {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding: 20px;
    backface-visibility: hidden;

  box-sizing: border-box;
  background-color: #fd8902;
  transform: rotateX(-90deg);
  transform-origin: bottom;
  transition: all 0.6s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    will-change: transform;

}

.card:hover .card__content {
  transform: rotateX(0deg);
}

.card__title {
  margin: 0;
  will-change: transform;

}

.card:hover svg {
  scale: 0;
}

.card__description {
  margin: 10px 0 0;
  color: #777;
  line-height: 1.4;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-bc5a448 *//* From Uiverse.io by gharsh11032000 */ 
.card {
  position: relative;
  width: 100%;
  height: 300px;
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  perspective: 1000px;
  box-shadow: 0 0 0 5px #ffffff80;
  transition: all 0.6s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    transform-style: preserve-3d;

}

.card svg {
  width: 48px;
  fill: #333;
  transition: all 0.6s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.card:hover {
  transform: scale(1.05);
  box-shadow: 0 8px 16px rgba(255, 255, 255, 0.2);
}

.card__content {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding: 20px;
    backface-visibility: hidden;

  box-sizing: border-box;
  background-color: #fd8902;
  transform: rotateX(-90deg);
  transform-origin: bottom;
  transition: all 0.6s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    will-change: transform;

}

.card:hover .card__content {
  transform: rotateX(0deg);
}

.card__title {
  margin: 0;
  will-change: transform;

}

.card:hover svg {
  scale: 0;
}

.card__description {
  margin: 10px 0 0;
  color: #777;
  line-height: 1.4;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-223294f *//* From Uiverse.io by gharsh11032000 */ 
.card {
  position: relative;
  width: 100%;
  height: 300px;
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  perspective: 1000px;
  box-shadow: 0 0 0 5px #ffffff80;
  transition: all 0.6s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    transform-style: preserve-3d;

}

.card svg {
  width: 48px;
  fill: #333;
  transition: all 0.6s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.card:hover {
  transform: scale(1.05);
  box-shadow: 0 8px 16px rgba(255, 255, 255, 0.2);
}

.card__content {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding: 20px;
    backface-visibility: hidden;

  box-sizing: border-box;
  background-color: #fd8902;
  transform: rotateX(-90deg);
  transform-origin: bottom;
  transition: all 0.6s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    will-change: transform;

}

.card:hover .card__content {
  transform: rotateX(0deg);
}

.card__title {
  margin: 0;
  will-change: transform;

}

.card:hover svg {
  scale: 0;
}

.card__description {
  margin: 10px 0 0;
  color: #777;
  line-height: 1.4;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5f5fd65 *//* From Uiverse.io by gharsh11032000 */ 
.card {
  position: relative;
  width: 100%;
  height: 300px;
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  perspective: 1000px;
  box-shadow: 0 0 0 5px #ffffff80;
  transition: all 0.6s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    transform-style: preserve-3d;

}

.card svg {
  width: 48px;
  fill: #333;
  transition: all 0.6s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.card:hover {
  transform: scale(1.05);
  box-shadow: 0 8px 16px rgba(255, 255, 255, 0.2);
}

.card__content {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding: 20px;
    backface-visibility: hidden;

  box-sizing: border-box;
  background-color: #fd8902;
  transform: rotateX(-90deg);
  transform-origin: bottom;
  transition: all 0.6s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    will-change: transform;

}

.card:hover .card__content {
  transform: rotateX(0deg);
}

.card__title {
  margin: 0;
  will-change: transform;

}

.card:hover svg {
  scale: 0;
}

.card__description {
  margin: 10px 0 0;
  color: #777;
  line-height: 1.4;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a95eea7 *//* From Uiverse.io by gharsh11032000 */ 
.card {
  position: relative;
  width: 100%;
  height: 300px;
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  perspective: 1000px;
  box-shadow: 0 0 0 5px #ffffff80;
  transition: all 0.6s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    transform-style: preserve-3d;

}

.card svg {
  width: 48px;
  fill: #333;
  transition: all 0.6s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.card:hover {
  transform: scale(1.05);
  box-shadow: 0 8px 16px rgba(255, 255, 255, 0.2);
}

.card__content {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding: 20px;
    backface-visibility: hidden;

  box-sizing: border-box;
  background-color: #fd8902;
  transform: rotateX(-90deg);
  transform-origin: bottom;
  transition: all 0.6s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    will-change: transform;

}

.card:hover .card__content {
  transform: rotateX(0deg);
}

.card__title {
  margin: 0;
  will-change: transform;

}

.card:hover svg {
  scale: 0;
}

.card__description {
  margin: 10px 0 0;
  color: #777;
  line-height: 1.4;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c1042ae */.elementor-2644 .elementor-element.elementor-element-c1042ae {
  width: 100%;
  height: auto;
  overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8f30e49 *//* From Uiverse.io by gharsh11032000 */ 
.card {
  position: relative;
  width: 100%;
  height: 350Px;
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  perspective: 1000px;
  box-shadow: 0 0 0 5px #ffffff80;
  transition: all 0.6s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    transform-style: preserve-3d;

}

.card svg {
  width: 48px;
  fill: #333;
  transition: all 0.6s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.card:hover {
  transform: scale(1.05);
  box-shadow: 0 8px 16px rgba(255, 255, 255, 0.2);
}

.card__content {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding: 20px;
    backface-visibility: hidden;

  box-sizing: border-box;
  background-color: #fd8902;
  transform: rotateX(-90deg);
  transform-origin: bottom;
  transition: all 0.6s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    will-change: transform;

}

.card:hover .card__content {
  transform: rotateX(0deg);
}

.card__title {
  margin: 0;
  will-change: transform;

}

.card:hover svg {
  scale: 0;
}

.card__description {
  margin: 10px 0 0;
  color: #777;
  line-height: 1.4;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-59a84d9 *//* From Uiverse.io by gharsh11032000 */ 
.card {
  position: relative;
  width: 100%;
  height: 300px;
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  perspective: 1000px;
  box-shadow: 0 0 0 5px #ffffff80;
  transition: all 0.6s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    transform-style: preserve-3d;

}

.card svg {
  width: 48px;
  fill: #333;
  transition: all 0.6s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.card:hover {
  transform: scale(1.05);
  box-shadow: 0 8px 16px rgba(255, 255, 255, 0.2);
}

.card__content {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding: 20px;
    backface-visibility: hidden;

  box-sizing: border-box;
  background-color: #f1f2f3;
  transform: rotateX(-90deg);
  transform-origin: bottom;
  transition: all 0.6s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    will-change: transform;
    /*opacity: 0.9; */

}

.card:hover .card__content {
  transform: rotateX(0deg);
}

.card__title {
  margin: 0;
  will-change: transform;

}

.card:hover svg {
  scale: 0;
}

.card__description {
  margin: 10px 0 0;
  color: #777;
  line-height: 1.4;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9245cff *//* From Uiverse.io by gharsh11032000 */ 
.card {
  position: relative;
  width: 100%;
  height: 300px;
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  perspective: 1000px;
  box-shadow: 0 0 0 5px #ffffff80;
  transition: all 0.6s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    transform-style: preserve-3d;

}

.card svg {
  width: 48px;
  fill: #333;
  transition: all 0.6s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.card:hover {
  transform: scale(1.05);
  box-shadow: 0 8px 16px rgba(255, 255, 255, 0.2);
}

.card__content {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding: 20px;
    backface-visibility: hidden;

  box-sizing: border-box;
  background-color: #fd8902;
  transform: rotateX(-90deg);
  transform-origin: bottom;
  transition: all 0.6s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    will-change: transform;

}

.card:hover .card__content {
  transform: rotateX(0deg);
}

.card__title {
  margin: 0;
  will-change: transform;

}

.card:hover svg {
  scale: 0;
}

.card__description {
  margin: 10px 0 0;
  color: #777;
  line-height: 1.4;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-11d23cc *//* From Uiverse.io by gharsh11032000 */ 
.card {
  position: relative;
  width: 100%;
  height: 300px;
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  perspective: 1000px;
  box-shadow: 0 0 0 5px #ffffff80;
  transition: all 0.6s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    transform-style: preserve-3d;

}

.card svg {
  width: 48px;
  fill: #333;
  transition: all 0.6s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.card:hover {
  transform: scale(1.05);
  box-shadow: 0 8px 16px rgba(255, 255, 255, 0.2);
}

.card__content {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding: 20px;
    backface-visibility: hidden;

  box-sizing: border-box;
  background-color: #fd8902;
  transform: rotateX(-90deg);
  transform-origin: bottom;
  transition: all 0.6s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    will-change: transform;

}

.card:hover .card__content {
  transform: rotateX(0deg);
}

.card__title {
  margin: 0;
  will-change: transform;

}

.card:hover svg {
  scale: 0;
}

.card__description {
  margin: 10px 0 0;
  color: #777;
  line-height: 1.4;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6ad19b5 *//* From Uiverse.io by gharsh11032000 */ 
.card {
  position: relative;
  width: 100%;
  height: 300px;
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  perspective: 1000px;
  box-shadow: 0 0 0 5px #ffffff80;
  transition: all 0.6s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    transform-style: preserve-3d;

}

.card svg {
  width: 48px;
  fill: #333;
  transition: all 0.6s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.card:hover {
  transform: scale(1.05);
  box-shadow: 0 8px 16px rgba(255, 255, 255, 0.2);
}

.card__content {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding: 20px;
  backface-visibility: hidden;

  box-sizing: border-box;
  background-color: #ebebeb99;
  
  /* شروع با opacity صفر و مقیاس کوچک */
  opacity: 0;
  transform: scale(0.8); /* عنصر ابتدا کوچک است */
  
  transition: opacity 0.6s ease, transform 0.6s ease; /* انیمیشن برای opacity و transform */
  will-change: opacity, transform;
}

/* حالت hover روی card */
.card:hover .card__content {
  opacity: 1; /* شفافیت کامل */
  transform: scale(1); /* اندازه طبیعی */
}

.card__title {
  margin: 0;
  will-change: transform;

}

.card:hover svg {
  scale: 0;
}

.card__description {
  margin: 10px 0 0;
  color: #777;
  line-height: 1.4;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-781556a */.elementor-2644 .elementor-element.elementor-element-781556a {
  width: 100%;
  height: 900%;
  overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1ffecfe *//* From Uiverse.io by gharsh11032000 */ 
.card {
  position: relative;
  width: 100%;
  height: 300px;
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  perspective: 1000px;
  box-shadow: 0 0 0 5px #ffffff80;
  transition: all 0.6s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    transform-style: preserve-3d;

}

.card svg {
  width: 48px;
  fill: #333;
  transition: all 0.6s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.card:hover {
  transform: scale(1.05);
  box-shadow: 0 8px 16px rgba(255, 255, 255, 0.2);
}

.card__content {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding: 20px;
    backface-visibility: hidden;

  box-sizing: border-box;
  background-color: #fd8902;
  transform: rotateX(-90deg);
  transform-origin: bottom;
  transition: all 0.6s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    will-change: transform;

}

.card:hover .card__content {
  transform: rotateX(0deg);
}

.card__title {
  margin: 0;
  will-change: transform;

}

.card:hover svg {
  scale: 0;
}

.card__description {
  margin: 10px 0 0;
  color: #777;
  line-height: 1.4;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9bea89c *//* From Uiverse.io by gharsh11032000 */ 
.card {
  position: relative;
  width: 100%;
  height: 300px;
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  perspective: 1000px;
  box-shadow: 0 0 0 5px #ffffff80;
  transition: all 0.6s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    transform-style: preserve-3d;

}

.card svg {
  width: 48px;
  fill: #333;
  transition: all 0.6s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.card:hover {
  transform: scale(1.05);
  box-shadow: 0 8px 16px rgba(255, 255, 255, 0.2);
}

.card__content {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding: 20px;
    backface-visibility: hidden;

  box-sizing: border-box;
  background-color: #fd8902;
  transform: rotateX(-90deg);
  transform-origin: bottom;
  transition: all 0.6s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    will-change: transform;

}

.card:hover .card__content {
  transform: rotateX(0deg);
}

.card__title {
  margin: 0;
  will-change: transform;

}

.card:hover svg {
  scale: 0;
}

.card__description {
  margin: 10px 0 0;
  color: #777;
  line-height: 1.4;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-bc5a448 *//* From Uiverse.io by gharsh11032000 */ 
.card {
  position: relative;
  width: 100%;
  height: 300px;
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  perspective: 1000px;
  box-shadow: 0 0 0 5px #ffffff80;
  transition: all 0.6s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    transform-style: preserve-3d;

}

.card svg {
  width: 48px;
  fill: #333;
  transition: all 0.6s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.card:hover {
  transform: scale(1.05);
  box-shadow: 0 8px 16px rgba(255, 255, 255, 0.2);
}

.card__content {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding: 20px;
    backface-visibility: hidden;

  box-sizing: border-box;
  background-color: #fd8902;
  transform: rotateX(-90deg);
  transform-origin: bottom;
  transition: all 0.6s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    will-change: transform;

}

.card:hover .card__content {
  transform: rotateX(0deg);
}

.card__title {
  margin: 0;
  will-change: transform;

}

.card:hover svg {
  scale: 0;
}

.card__description {
  margin: 10px 0 0;
  color: #777;
  line-height: 1.4;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-223294f *//* From Uiverse.io by gharsh11032000 */ 
.card {
  position: relative;
  width: 100%;
  height: 300px;
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  perspective: 1000px;
  box-shadow: 0 0 0 5px #ffffff80;
  transition: all 0.6s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    transform-style: preserve-3d;

}

.card svg {
  width: 48px;
  fill: #333;
  transition: all 0.6s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.card:hover {
  transform: scale(1.05);
  box-shadow: 0 8px 16px rgba(255, 255, 255, 0.2);
}

.card__content {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding: 20px;
    backface-visibility: hidden;

  box-sizing: border-box;
  background-color: #fd8902;
  transform: rotateX(-90deg);
  transform-origin: bottom;
  transition: all 0.6s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    will-change: transform;

}

.card:hover .card__content {
  transform: rotateX(0deg);
}

.card__title {
  margin: 0;
  will-change: transform;

}

.card:hover svg {
  scale: 0;
}

.card__description {
  margin: 10px 0 0;
  color: #777;
  line-height: 1.4;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5f5fd65 *//* From Uiverse.io by gharsh11032000 */ 
.card {
  position: relative;
  width: 100%;
  height: 300px;
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  perspective: 1000px;
  box-shadow: 0 0 0 5px #ffffff80;
  transition: all 0.6s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    transform-style: preserve-3d;

}

.card svg {
  width: 48px;
  fill: #333;
  transition: all 0.6s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.card:hover {
  transform: scale(1.05);
  box-shadow: 0 8px 16px rgba(255, 255, 255, 0.2);
}

.card__content {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding: 20px;
    backface-visibility: hidden;

  box-sizing: border-box;
  background-color: #fd8902;
  transform: rotateX(-90deg);
  transform-origin: bottom;
  transition: all 0.6s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    will-change: transform;

}

.card:hover .card__content {
  transform: rotateX(0deg);
}

.card__title {
  margin: 0;
  will-change: transform;

}

.card:hover svg {
  scale: 0;
}

.card__description {
  margin: 10px 0 0;
  color: #777;
  line-height: 1.4;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a95eea7 *//* From Uiverse.io by gharsh11032000 */ 
.card {
  position: relative;
  width: 100%;
  height: 300px;
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  perspective: 1000px;
  box-shadow: 0 0 0 5px #ffffff80;
  transition: all 0.6s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    transform-style: preserve-3d;

}

.card svg {
  width: 48px;
  fill: #333;
  transition: all 0.6s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.card:hover {
  transform: scale(1.05);
  box-shadow: 0 8px 16px rgba(255, 255, 255, 0.2);
}

.card__content {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding: 20px;
    backface-visibility: hidden;

  box-sizing: border-box;
  background-color: #fd8902;
  transform: rotateX(-90deg);
  transform-origin: bottom;
  transition: all 0.6s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    will-change: transform;

}

.card:hover .card__content {
  transform: rotateX(0deg);
}

.card__title {
  margin: 0;
  will-change: transform;

}

.card:hover svg {
  scale: 0;
}

.card__description {
  margin: 10px 0 0;
  color: #777;
  line-height: 1.4;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c1042ae */.elementor-2644 .elementor-element.elementor-element-c1042ae {
  width: 100%;
  height: auto;
  overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8f30e49 *//* From Uiverse.io by gharsh11032000 */ 
.card {
  position: relative;
  width: 100%;
  height: 350Px;
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  perspective: 1000px;
  box-shadow: 0 0 0 5px #ffffff80;
  transition: all 0.6s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    transform-style: preserve-3d;

}

.card svg {
  width: 48px;
  fill: #333;
  transition: all 0.6s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.card:hover {
  transform: scale(1.05);
  box-shadow: 0 8px 16px rgba(255, 255, 255, 0.2);
}

.card__content {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding: 20px;
    backface-visibility: hidden;

  box-sizing: border-box;
  background-color: #fd8902;
  transform: rotateX(-90deg);
  transform-origin: bottom;
  transition: all 0.6s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    will-change: transform;

}

.card:hover .card__content {
  transform: rotateX(0deg);
}

.card__title {
  margin: 0;
  will-change: transform;

}

.card:hover svg {
  scale: 0;
}

.card__description {
  margin: 10px 0 0;
  color: #777;
  line-height: 1.4;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-59a84d9 *//* From Uiverse.io by gharsh11032000 */ 
.card {
  position: relative;
  width: 100%;
  height: 300px;
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  perspective: 1000px;
  box-shadow: 0 0 0 5px #ffffff80;
  transition: all 0.6s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    transform-style: preserve-3d;

}

.card svg {
  width: 48px;
  fill: #333;
  transition: all 0.6s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.card:hover {
  transform: scale(1.05);
  box-shadow: 0 8px 16px rgba(255, 255, 255, 0.2);
}

.card__content {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding: 20px;
    backface-visibility: hidden;

  box-sizing: border-box;
  background-color: #f1f2f3;
  transform: rotateX(-90deg);
  transform-origin: bottom;
  transition: all 0.6s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    will-change: transform;
    /*opacity: 0.9; */

}

.card:hover .card__content {
  transform: rotateX(0deg);
}

.card__title {
  margin: 0;
  will-change: transform;

}

.card:hover svg {
  scale: 0;
}

.card__description {
  margin: 10px 0 0;
  color: #777;
  line-height: 1.4;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9245cff *//* From Uiverse.io by gharsh11032000 */ 
.card {
  position: relative;
  width: 100%;
  height: 300px;
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  perspective: 1000px;
  box-shadow: 0 0 0 5px #ffffff80;
  transition: all 0.6s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    transform-style: preserve-3d;

}

.card svg {
  width: 48px;
  fill: #333;
  transition: all 0.6s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.card:hover {
  transform: scale(1.05);
  box-shadow: 0 8px 16px rgba(255, 255, 255, 0.2);
}

.card__content {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding: 20px;
    backface-visibility: hidden;

  box-sizing: border-box;
  background-color: #fd8902;
  transform: rotateX(-90deg);
  transform-origin: bottom;
  transition: all 0.6s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    will-change: transform;

}

.card:hover .card__content {
  transform: rotateX(0deg);
}

.card__title {
  margin: 0;
  will-change: transform;

}

.card:hover svg {
  scale: 0;
}

.card__description {
  margin: 10px 0 0;
  color: #777;
  line-height: 1.4;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-11d23cc *//* From Uiverse.io by gharsh11032000 */ 
.card {
  position: relative;
  width: 100%;
  height: 300px;
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  perspective: 1000px;
  box-shadow: 0 0 0 5px #ffffff80;
  transition: all 0.6s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    transform-style: preserve-3d;

}

.card svg {
  width: 48px;
  fill: #333;
  transition: all 0.6s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.card:hover {
  transform: scale(1.05);
  box-shadow: 0 8px 16px rgba(255, 255, 255, 0.2);
}

.card__content {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding: 20px;
    backface-visibility: hidden;

  box-sizing: border-box;
  background-color: #fd8902;
  transform: rotateX(-90deg);
  transform-origin: bottom;
  transition: all 0.6s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    will-change: transform;

}

.card:hover .card__content {
  transform: rotateX(0deg);
}

.card__title {
  margin: 0;
  will-change: transform;

}

.card:hover svg {
  scale: 0;
}

.card__description {
  margin: 10px 0 0;
  color: #777;
  line-height: 1.4;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6ad19b5 *//* From Uiverse.io by gharsh11032000 */ 
.card {
  position: relative;
  width: 100%;
  height: 300px;
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  perspective: 1000px;
  box-shadow: 0 0 0 5px #ffffff80;
  transition: all 0.6s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    transform-style: preserve-3d;

}

.card svg {
  width: 48px;
  fill: #333;
  transition: all 0.6s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.card:hover {
  transform: scale(1.05);
  box-shadow: 0 8px 16px rgba(255, 255, 255, 0.2);
}

.card__content {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding: 20px;
  backface-visibility: hidden;

  box-sizing: border-box;
  background-color: #ebebeb99;
  
  /* شروع با opacity صفر و مقیاس کوچک */
  opacity: 0;
  transform: scale(0.8); /* عنصر ابتدا کوچک است */
  
  transition: opacity 0.6s ease, transform 0.6s ease; /* انیمیشن برای opacity و transform */
  will-change: opacity, transform;
}

/* حالت hover روی card */
.card:hover .card__content {
  opacity: 1; /* شفافیت کامل */
  transform: scale(1); /* اندازه طبیعی */
}

.card__title {
  margin: 0;
  will-change: transform;

}

.card:hover svg {
  scale: 0;
}

.card__description {
  margin: 10px 0 0;
  color: #777;
  line-height: 1.4;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-781556a */.elementor-2644 .elementor-element.elementor-element-781556a {
  width: 100%;
  height: 900%;
  overflow: hidden;
}/* End custom CSS */