.elementor-1010 .elementor-element.elementor-element-4aad341{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:130px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1010 .elementor-element.elementor-element-64a443e{--display:flex;--justify-content:center;}.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-1010 .elementor-element.elementor-element-bc37556 .elementor-heading-title{font-family:"Mikhak", Sans-serif;font-size:35px;font-weight:700;color:var( --e-global-color-7f6e7a7 );}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-1010 .elementor-element.elementor-element-3fe11f5{margin:-12px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;font-family:"VazirMatn", Sans-serif;font-weight:400;color:var( --e-global-color-6dc733e );}.elementor-1010 .elementor-element.elementor-element-2e7da76{--display:flex;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-1010 .elementor-element.elementor-element-0414805 img{width:66%;}.elementor-1010 .elementor-element.elementor-element-bb32a0a{--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-1010 .elementor-element.elementor-element-bb32a0a:not(.elementor-motion-effects-element-type-background), .elementor-1010 .elementor-element.elementor-element-bb32a0a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(172deg, var( --e-global-color-7f6e7a7 ) 0%, var( --e-global-color-6dc733e ) 100%);}.elementor-1010 .elementor-element.elementor-element-3c888d5{--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;--z-index:2;}.elementor-1010 .elementor-element.elementor-element-2692467{--display:flex;--gap:1px 1px;--row-gap:1px;--column-gap:1px;--margin-top:0%;--margin-bottom:0%;--margin-left:0%;--margin-right:0%;}.elementor-1010 .elementor-element.elementor-element-e60470e{--display:flex;--border-radius:12px 12px 12px 12px;box-shadow:0px 0px 3px 0px rgba(0, 225.0976016893205, 254.65997924804685, 0.99);--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1010 .elementor-element.elementor-element-e60470e:not(.elementor-motion-effects-element-type-background), .elementor-1010 .elementor-element.elementor-element-e60470e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FAFAFA;}.elementor-1010 .elementor-element.elementor-element-e60470e:hover{box-shadow:0px 0px 21px 0px rgba(0, 212.09380307404896, 255, 0.4);}.elementor-1010 .elementor-element.elementor-element-02a4465{--display:flex;}.elementor-1010 .elementor-element.elementor-element-a532348{--display:flex;--z-index:10;}.elementor-1010 .elementor-element.elementor-element-ef52738{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;font-family:"VazirMatn", Sans-serif;font-weight:400;color:var( --e-global-color-7f6e7a7 );}.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-1010 .elementor-element.elementor-element-0d82a98 .elementor-button{background-color:#0075A100;font-family:"VazirMatn", Sans-serif;font-weight:500;fill:var( --e-global-color-7f6e7a7 );color:var( --e-global-color-7f6e7a7 );border-style:solid;border-width:1px 1px 1px 1px;border-color:var( --e-global-color-7f6e7a7 );border-radius:5px 5px 5px 5px;}.elementor-1010 .elementor-element.elementor-element-0d82a98 .elementor-button:hover, .elementor-1010 .elementor-element.elementor-element-0d82a98 .elementor-button:focus{background-color:var( --e-global-color-7f6e7a7 );color:#FFFFFF;}.elementor-1010 .elementor-element.elementor-element-0d82a98.elementor-element{--align-self:center;}.elementor-1010 .elementor-element.elementor-element-0d82a98 .elementor-button:hover svg, .elementor-1010 .elementor-element.elementor-element-0d82a98 .elementor-button:focus svg{fill:#FFFFFF;}.elementor-1010 .elementor-element.elementor-element-6129bd8 .elementor-button{background-color:#0075A100;font-family:"VazirMatn", Sans-serif;font-weight:500;fill:var( --e-global-color-7f6e7a7 );color:var( --e-global-color-7f6e7a7 );border-style:solid;border-width:1px 1px 1px 1px;border-color:var( --e-global-color-7f6e7a7 );border-radius:5px 5px 5px 5px;}.elementor-1010 .elementor-element.elementor-element-6129bd8 .elementor-button:hover, .elementor-1010 .elementor-element.elementor-element-6129bd8 .elementor-button:focus{background-color:var( --e-global-color-7f6e7a7 );color:#FFFFFF;}.elementor-1010 .elementor-element.elementor-element-6129bd8.elementor-element{--align-self:center;}.elementor-1010 .elementor-element.elementor-element-6129bd8{z-index:22;}.elementor-1010 .elementor-element.elementor-element-6129bd8 .elementor-button:hover svg, .elementor-1010 .elementor-element.elementor-element-6129bd8 .elementor-button:focus svg{fill:#FFFFFF;}.elementor-1010 .elementor-element.elementor-element-ee4bb6f{text-align:center;}.elementor-1010 .elementor-element.elementor-element-ee4bb6f .elementor-heading-title{font-family:"Mikhak", Sans-serif;font-size:20px;font-weight:600;color:var( --e-global-color-7f6e7a7 );}.elementor-1010 .elementor-element.elementor-element-5aad53e{--display:flex;}.elementor-1010 .elementor-element.elementor-element-6762d10{--display:flex;--gap:1px 1px;--row-gap:1px;--column-gap:1px;--margin-top:0%;--margin-bottom:0%;--margin-left:0%;--margin-right:0%;}.elementor-1010 .elementor-element.elementor-element-e7b0aa2{--display:flex;--border-radius:12px 12px 12px 12px;box-shadow:0px 0px 3px 0px rgba(0, 225.0976016893205, 254.65997924804685, 0.99);--padding-top:0px;--padding-bottom:30px;--padding-left:0px;--padding-right:0px;}.elementor-1010 .elementor-element.elementor-element-e7b0aa2:not(.elementor-motion-effects-element-type-background), .elementor-1010 .elementor-element.elementor-element-e7b0aa2 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FAFAFA;}.elementor-1010 .elementor-element.elementor-element-e7b0aa2:hover{box-shadow:0px 0px 21px 0px rgba(0, 212.09380307404896, 255, 0.4);}.elementor-1010 .elementor-element.elementor-element-0947731{--display:flex;}.elementor-1010 .elementor-element.elementor-element-f75416b{--display:flex;--z-index:10;}.elementor-1010 .elementor-element.elementor-element-5ffc6b9{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;font-family:"VazirMatn", Sans-serif;font-weight:400;color:var( --e-global-color-7f6e7a7 );}.elementor-1010 .elementor-element.elementor-element-5131394 .elementor-button{background-color:#0075A100;font-family:"VazirMatn", Sans-serif;font-weight:500;fill:var( --e-global-color-7f6e7a7 );color:var( --e-global-color-7f6e7a7 );border-style:solid;border-width:1px 1px 1px 1px;border-color:var( --e-global-color-7f6e7a7 );border-radius:5px 5px 5px 5px;}.elementor-1010 .elementor-element.elementor-element-5131394 .elementor-button:hover, .elementor-1010 .elementor-element.elementor-element-5131394 .elementor-button:focus{background-color:var( --e-global-color-7f6e7a7 );color:#FFFFFF;}.elementor-1010 .elementor-element.elementor-element-5131394.elementor-element{--align-self:center;}.elementor-1010 .elementor-element.elementor-element-5131394 .elementor-button:hover svg, .elementor-1010 .elementor-element.elementor-element-5131394 .elementor-button:focus svg{fill:#FFFFFF;}.elementor-1010 .elementor-element.elementor-element-aa25271 .elementor-button{background-color:#0075A100;font-family:"VazirMatn", Sans-serif;font-weight:500;fill:var( --e-global-color-7f6e7a7 );color:var( --e-global-color-7f6e7a7 );border-style:solid;border-width:1px 1px 1px 1px;border-color:var( --e-global-color-7f6e7a7 );border-radius:5px 5px 5px 5px;}.elementor-1010 .elementor-element.elementor-element-aa25271 .elementor-button:hover, .elementor-1010 .elementor-element.elementor-element-aa25271 .elementor-button:focus{background-color:var( --e-global-color-7f6e7a7 );color:#FFFFFF;}.elementor-1010 .elementor-element.elementor-element-aa25271.elementor-element{--align-self:center;}.elementor-1010 .elementor-element.elementor-element-aa25271{z-index:22;}.elementor-1010 .elementor-element.elementor-element-aa25271 .elementor-button:hover svg, .elementor-1010 .elementor-element.elementor-element-aa25271 .elementor-button:focus svg{fill:#FFFFFF;}.elementor-1010 .elementor-element.elementor-element-46e2b1a{text-align:center;}.elementor-1010 .elementor-element.elementor-element-46e2b1a .elementor-heading-title{font-family:"Mikhak", Sans-serif;font-size:20px;font-weight:600;color:var( --e-global-color-7f6e7a7 );}.elementor-1010 .elementor-element.elementor-element-78ff2ba{--display:flex;}.elementor-1010 .elementor-element.elementor-element-ad1ef82{--display:flex;--gap:1px 1px;--row-gap:1px;--column-gap:1px;--margin-top:0%;--margin-bottom:0%;--margin-left:0%;--margin-right:0%;}.elementor-1010 .elementor-element.elementor-element-cbbaca0{--display:flex;--border-radius:12px 12px 12px 12px;box-shadow:0px 0px 3px 0px rgba(0, 225.0976016893205, 254.65997924804685, 0.99);--padding-top:0px;--padding-bottom:30px;--padding-left:0px;--padding-right:0px;}.elementor-1010 .elementor-element.elementor-element-cbbaca0:not(.elementor-motion-effects-element-type-background), .elementor-1010 .elementor-element.elementor-element-cbbaca0 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FAFAFA;}.elementor-1010 .elementor-element.elementor-element-cbbaca0:hover{box-shadow:0px 0px 21px 0px rgba(0, 212.09380307404896, 255, 0.4);}.elementor-1010 .elementor-element.elementor-element-45b3285{--display:flex;}.elementor-1010 .elementor-element.elementor-element-779d5ef{--display:flex;--z-index:10;}.elementor-1010 .elementor-element.elementor-element-5674ef4{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;font-family:"VazirMatn", Sans-serif;font-weight:400;color:var( --e-global-color-7f6e7a7 );}.elementor-1010 .elementor-element.elementor-element-615d22c .elementor-button{background-color:#0075A100;font-family:"VazirMatn", Sans-serif;font-weight:500;fill:var( --e-global-color-7f6e7a7 );color:var( --e-global-color-7f6e7a7 );border-style:solid;border-width:1px 1px 1px 1px;border-color:var( --e-global-color-7f6e7a7 );border-radius:5px 5px 5px 5px;}.elementor-1010 .elementor-element.elementor-element-615d22c .elementor-button:hover, .elementor-1010 .elementor-element.elementor-element-615d22c .elementor-button:focus{background-color:var( --e-global-color-7f6e7a7 );color:#FFFFFF;}.elementor-1010 .elementor-element.elementor-element-615d22c.elementor-element{--align-self:center;}.elementor-1010 .elementor-element.elementor-element-615d22c .elementor-button:hover svg, .elementor-1010 .elementor-element.elementor-element-615d22c .elementor-button:focus svg{fill:#FFFFFF;}.elementor-1010 .elementor-element.elementor-element-e2226db .elementor-button{background-color:#0075A100;font-family:"VazirMatn", Sans-serif;font-weight:500;fill:var( --e-global-color-7f6e7a7 );color:var( --e-global-color-7f6e7a7 );border-style:solid;border-width:1px 1px 1px 1px;border-color:var( --e-global-color-7f6e7a7 );border-radius:5px 5px 5px 5px;}.elementor-1010 .elementor-element.elementor-element-e2226db .elementor-button:hover, .elementor-1010 .elementor-element.elementor-element-e2226db .elementor-button:focus{background-color:var( --e-global-color-7f6e7a7 );color:#FFFFFF;}.elementor-1010 .elementor-element.elementor-element-e2226db.elementor-element{--align-self:center;}.elementor-1010 .elementor-element.elementor-element-e2226db{z-index:22;}.elementor-1010 .elementor-element.elementor-element-e2226db .elementor-button:hover svg, .elementor-1010 .elementor-element.elementor-element-e2226db .elementor-button:focus svg{fill:#FFFFFF;}.elementor-1010 .elementor-element.elementor-element-5964d18{text-align:center;}.elementor-1010 .elementor-element.elementor-element-5964d18 .elementor-heading-title{font-family:"Mikhak", Sans-serif;font-size:20px;font-weight:600;color:var( --e-global-color-7f6e7a7 );}.elementor-1010 .elementor-element.elementor-element-59076d2{--display:flex;}.elementor-1010 .elementor-element.elementor-element-3d27546{--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;--z-index:2;}.elementor-1010 .elementor-element.elementor-element-6b8c6c5{--display:flex;--gap:1px 1px;--row-gap:1px;--column-gap:1px;--margin-top:0%;--margin-bottom:0%;--margin-left:0%;--margin-right:0%;}.elementor-1010 .elementor-element.elementor-element-e17b43e{--display:flex;--border-radius:12px 12px 12px 12px;box-shadow:0px 0px 3px 0px rgba(0, 225.0976016893205, 254.65997924804685, 0.99);--padding-top:0px;--padding-bottom:30px;--padding-left:0px;--padding-right:0px;}.elementor-1010 .elementor-element.elementor-element-e17b43e:not(.elementor-motion-effects-element-type-background), .elementor-1010 .elementor-element.elementor-element-e17b43e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FAFAFA;}.elementor-1010 .elementor-element.elementor-element-e17b43e:hover{box-shadow:0px 0px 21px 0px rgba(0, 212.09380307404896, 255, 0.4);}.elementor-1010 .elementor-element.elementor-element-47ab33b{--display:flex;}.elementor-1010 .elementor-element.elementor-element-5d0f0a9{--display:flex;--z-index:10;}.elementor-1010 .elementor-element.elementor-element-ffc78d2{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;font-family:"VazirMatn", Sans-serif;font-weight:400;color:var( --e-global-color-7f6e7a7 );}.elementor-1010 .elementor-element.elementor-element-56f23e5 .elementor-button{background-color:#0075A100;font-family:"VazirMatn", Sans-serif;font-weight:500;fill:var( --e-global-color-7f6e7a7 );color:var( --e-global-color-7f6e7a7 );border-style:solid;border-width:1px 1px 1px 1px;border-color:var( --e-global-color-7f6e7a7 );border-radius:5px 5px 5px 5px;}.elementor-1010 .elementor-element.elementor-element-56f23e5 .elementor-button:hover, .elementor-1010 .elementor-element.elementor-element-56f23e5 .elementor-button:focus{background-color:var( --e-global-color-7f6e7a7 );color:#FFFFFF;}.elementor-1010 .elementor-element.elementor-element-56f23e5.elementor-element{--align-self:center;}.elementor-1010 .elementor-element.elementor-element-56f23e5 .elementor-button:hover svg, .elementor-1010 .elementor-element.elementor-element-56f23e5 .elementor-button:focus svg{fill:#FFFFFF;}.elementor-1010 .elementor-element.elementor-element-2299889 .elementor-button{background-color:#0075A100;font-family:"VazirMatn", Sans-serif;font-weight:500;fill:var( --e-global-color-7f6e7a7 );color:var( --e-global-color-7f6e7a7 );border-style:solid;border-width:1px 1px 1px 1px;border-color:var( --e-global-color-7f6e7a7 );border-radius:5px 5px 5px 5px;}.elementor-1010 .elementor-element.elementor-element-2299889 .elementor-button:hover, .elementor-1010 .elementor-element.elementor-element-2299889 .elementor-button:focus{background-color:var( --e-global-color-7f6e7a7 );color:#FFFFFF;}.elementor-1010 .elementor-element.elementor-element-2299889.elementor-element{--align-self:center;}.elementor-1010 .elementor-element.elementor-element-2299889{z-index:22;}.elementor-1010 .elementor-element.elementor-element-2299889 .elementor-button:hover svg, .elementor-1010 .elementor-element.elementor-element-2299889 .elementor-button:focus svg{fill:#FFFFFF;}.elementor-1010 .elementor-element.elementor-element-192d028{text-align:center;}.elementor-1010 .elementor-element.elementor-element-192d028 .elementor-heading-title{font-family:"Mikhak", Sans-serif;font-size:20px;font-weight:600;color:var( --e-global-color-7f6e7a7 );}.elementor-1010 .elementor-element.elementor-element-f0e47e9{--display:flex;}.elementor-1010 .elementor-element.elementor-element-8d7d981{--display:flex;--gap:1px 1px;--row-gap:1px;--column-gap:1px;--margin-top:0%;--margin-bottom:0%;--margin-left:0%;--margin-right:0%;}.elementor-1010 .elementor-element.elementor-element-ccf3642{--display:flex;--border-radius:12px 12px 12px 12px;box-shadow:0px 0px 3px 0px rgba(0, 225.0976016893205, 254.65997924804685, 0.99);--padding-top:0px;--padding-bottom:30px;--padding-left:0px;--padding-right:0px;}.elementor-1010 .elementor-element.elementor-element-ccf3642:not(.elementor-motion-effects-element-type-background), .elementor-1010 .elementor-element.elementor-element-ccf3642 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FAFAFA;}.elementor-1010 .elementor-element.elementor-element-ccf3642:hover{box-shadow:0px 0px 21px 0px rgba(0, 212.09380307404896, 255, 0.4);}.elementor-1010 .elementor-element.elementor-element-d005901{--display:flex;}.elementor-1010 .elementor-element.elementor-element-8fa34b8{--display:flex;--z-index:10;}.elementor-1010 .elementor-element.elementor-element-d5f328c{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;font-family:"VazirMatn", Sans-serif;font-weight:400;color:var( --e-global-color-7f6e7a7 );}.elementor-1010 .elementor-element.elementor-element-18154a5 .elementor-button{background-color:#0075A100;font-family:"VazirMatn", Sans-serif;font-weight:500;fill:var( --e-global-color-7f6e7a7 );color:var( --e-global-color-7f6e7a7 );border-style:solid;border-width:1px 1px 1px 1px;border-color:var( --e-global-color-7f6e7a7 );border-radius:5px 5px 5px 5px;}.elementor-1010 .elementor-element.elementor-element-18154a5 .elementor-button:hover, .elementor-1010 .elementor-element.elementor-element-18154a5 .elementor-button:focus{background-color:var( --e-global-color-7f6e7a7 );color:#FFFFFF;}.elementor-1010 .elementor-element.elementor-element-18154a5.elementor-element{--align-self:center;}.elementor-1010 .elementor-element.elementor-element-18154a5 .elementor-button:hover svg, .elementor-1010 .elementor-element.elementor-element-18154a5 .elementor-button:focus svg{fill:#FFFFFF;}.elementor-1010 .elementor-element.elementor-element-a3c85fe .elementor-button{background-color:#0075A100;font-family:"VazirMatn", Sans-serif;font-weight:500;fill:var( --e-global-color-7f6e7a7 );color:var( --e-global-color-7f6e7a7 );border-style:solid;border-width:1px 1px 1px 1px;border-color:var( --e-global-color-7f6e7a7 );border-radius:5px 5px 5px 5px;}.elementor-1010 .elementor-element.elementor-element-a3c85fe .elementor-button:hover, .elementor-1010 .elementor-element.elementor-element-a3c85fe .elementor-button:focus{background-color:var( --e-global-color-7f6e7a7 );color:#FFFFFF;}.elementor-1010 .elementor-element.elementor-element-a3c85fe.elementor-element{--align-self:center;}.elementor-1010 .elementor-element.elementor-element-a3c85fe{z-index:22;}.elementor-1010 .elementor-element.elementor-element-a3c85fe .elementor-button:hover svg, .elementor-1010 .elementor-element.elementor-element-a3c85fe .elementor-button:focus svg{fill:#FFFFFF;}.elementor-1010 .elementor-element.elementor-element-027c257{text-align:center;}.elementor-1010 .elementor-element.elementor-element-027c257 .elementor-heading-title{font-family:"Mikhak", Sans-serif;font-size:20px;font-weight:600;color:var( --e-global-color-7f6e7a7 );}.elementor-1010 .elementor-element.elementor-element-815c691{--display:flex;}.elementor-1010 .elementor-element.elementor-element-22e6ccf{--display:flex;--gap:1px 1px;--row-gap:1px;--column-gap:1px;--margin-top:0%;--margin-bottom:0%;--margin-left:0%;--margin-right:0%;}.elementor-1010 .elementor-element.elementor-element-467d910{--display:flex;--border-radius:12px 12px 12px 12px;box-shadow:0px 0px 3px 0px rgba(0, 225.0976016893205, 254.65997924804685, 0.99);--padding-top:0px;--padding-bottom:30px;--padding-left:0px;--padding-right:0px;}.elementor-1010 .elementor-element.elementor-element-467d910:not(.elementor-motion-effects-element-type-background), .elementor-1010 .elementor-element.elementor-element-467d910 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FAFAFA;}.elementor-1010 .elementor-element.elementor-element-467d910:hover{box-shadow:0px 0px 21px 0px rgba(0, 212.09380307404896, 255, 0.4);}.elementor-1010 .elementor-element.elementor-element-a469fe0{--display:flex;}.elementor-1010 .elementor-element.elementor-element-e1a4e3d{--display:flex;--z-index:10;}.elementor-1010 .elementor-element.elementor-element-38b9910{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;font-family:"VazirMatn", Sans-serif;font-weight:400;color:var( --e-global-color-7f6e7a7 );}.elementor-1010 .elementor-element.elementor-element-7aaa60f .elementor-button{background-color:#0075A100;font-family:"VazirMatn", Sans-serif;font-weight:500;fill:var( --e-global-color-7f6e7a7 );color:var( --e-global-color-7f6e7a7 );border-style:solid;border-width:1px 1px 1px 1px;border-color:var( --e-global-color-7f6e7a7 );border-radius:5px 5px 5px 5px;}.elementor-1010 .elementor-element.elementor-element-7aaa60f .elementor-button:hover, .elementor-1010 .elementor-element.elementor-element-7aaa60f .elementor-button:focus{background-color:var( --e-global-color-7f6e7a7 );color:#FFFFFF;}.elementor-1010 .elementor-element.elementor-element-7aaa60f.elementor-element{--align-self:center;}.elementor-1010 .elementor-element.elementor-element-7aaa60f .elementor-button:hover svg, .elementor-1010 .elementor-element.elementor-element-7aaa60f .elementor-button:focus svg{fill:#FFFFFF;}.elementor-1010 .elementor-element.elementor-element-c863583 .elementor-button{background-color:#0075A100;font-family:"VazirMatn", Sans-serif;font-weight:500;fill:var( --e-global-color-7f6e7a7 );color:var( --e-global-color-7f6e7a7 );border-style:solid;border-width:1px 1px 1px 1px;border-color:var( --e-global-color-7f6e7a7 );border-radius:5px 5px 5px 5px;}.elementor-1010 .elementor-element.elementor-element-c863583 .elementor-button:hover, .elementor-1010 .elementor-element.elementor-element-c863583 .elementor-button:focus{background-color:var( --e-global-color-7f6e7a7 );color:#FFFFFF;}.elementor-1010 .elementor-element.elementor-element-c863583.elementor-element{--align-self:center;}.elementor-1010 .elementor-element.elementor-element-c863583{z-index:22;}.elementor-1010 .elementor-element.elementor-element-c863583 .elementor-button:hover svg, .elementor-1010 .elementor-element.elementor-element-c863583 .elementor-button:focus svg{fill:#FFFFFF;}.elementor-1010 .elementor-element.elementor-element-5f911cd{text-align:center;}.elementor-1010 .elementor-element.elementor-element-5f911cd .elementor-heading-title{font-family:"Mikhak", Sans-serif;font-size:20px;font-weight:600;color:var( --e-global-color-7f6e7a7 );}.elementor-1010 .elementor-element.elementor-element-7cde653{--display:flex;}.elementor-1010 .elementor-element.elementor-element-8ac80df{--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:36px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:50px;--padding-left:0px;--padding-right:0px;}.elementor-1010 .elementor-element.elementor-element-aedeb62{text-align:center;}.elementor-1010 .elementor-element.elementor-element-aedeb62 .elementor-heading-title{font-family:"Mikhak", Sans-serif;font-weight:600;color:var( --e-global-color-7f6e7a7 );}.elementor-1010 .elementor-element.elementor-element-0aab0ef{--display:flex;}.elementor-1010 .elementor-element.elementor-element-9e35333{--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-1010 .elementor-element.elementor-element-880780b{--display:flex;}.elementor-1010 .elementor-element.elementor-element-7783df4{--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-1010 .elementor-element.elementor-element-fd1ff74{--display:flex;}.elementor-1010 .elementor-element.elementor-element-63e7314{--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-1010 .elementor-element.elementor-element-b1a61de{--n-accordion-title-font-size:1rem;padding:0px 0px 0px 0px;--n-accordion-item-title-space-between:0px;--n-accordion-item-title-distance-from-content:0px;--n-accordion-title-normal-color:var( --e-global-color-7f6e7a7 );--n-accordion-title-hover-color:var( --e-global-color-6dc733e );--n-accordion-title-active-color:var( --e-global-color-6dc733e );--n-accordion-icon-size:15px;}.elementor-1010 .elementor-element.elementor-element-b1a61de > .e-n-accordion > .e-n-accordion-item > .e-n-accordion-item-title{border-style:solid;border-color:var( --e-global-color-6dc733e );}:where( .elementor-1010 .elementor-element.elementor-element-b1a61de > .e-n-accordion > .e-n-accordion-item > .e-n-accordion-item-title > .e-n-accordion-item-title-header ) > .e-n-accordion-item-title-text{font-family:"VazirMatn", Sans-serif;}:root{--page-title-display:none;}@media(max-width:767px){.elementor-1010 .elementor-element.elementor-element-4aad341{--padding-top:30px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}.elementor-1010 .elementor-element.elementor-element-bc37556{text-align:center;}.elementor-1010 .elementor-element.elementor-element-bc37556 .elementor-heading-title{font-size:25px;}.elementor-1010 .elementor-element.elementor-element-3fe11f5{text-align:center;font-size:13px;}.elementor-1010 .elementor-element.elementor-element-bb32a0a{--padding-top:40px;--padding-bottom:0px;--padding-left:10px;--padding-right:10px;}.elementor-1010 .elementor-element.elementor-element-8ac80df{--padding-top:0px;--padding-bottom:50px;--padding-left:30px;--padding-right:30px;}.elementor-1010 .elementor-element.elementor-element-b1a61de{padding:0px 0px 0px 0px;}}/* Start custom CSS for container, class: .elementor-element-a532348 *//* BIO BOX – full container centered */
.elementor-1010 .elementor-element.elementor-element-a532348  {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) translateY(20px);
    z-index: 2;
    opacity: 0;
    transition: opacity 0.35s ease, transform 0.35s ease;

    /* make layout easy */
    width: 100%;
    max-width: 80%;   /* optional */
    text-align: center;
    pointer-events: none;  /* enables button hover fix later */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-02a4465 *//* Dark overlay */
.elementor-1010 .elementor-element.elementor-element-02a4465::after {
    content: "";
    position: absolute;
    inset: 0;
    /*background: #0075A1;*/
    background: #CBF0FF;
    opacity: 0;
    transition: opacity 0.35s ease;
    z-index: 1;
}
.elementor-1010 .elementor-element.elementor-element-02a4465:hover::after {
    opacity: 0.95;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2692467 *//* ------------------------------
   Minimal flip-only CSS for your structure
   Paste into the teacher-card container Custom CSS (uses .elementor-1010 .elementor-element.elementor-element-2692467)
   - No shadows, no hover-grow, only rotation
   - Supports both .card-flipper and .card-fliper naming
   ------------------------------ */

/* Outer root: fixed aspect and perspective so card keeps height on mobile */
.elementor-1010 .elementor-element.elementor-element-2692467 {
  position: relative;
  display: block;
  width: 100%;
  aspect-ratio: 3/4;     /* change if you want a different shape */
  min-height: 320px;     /* mobile fallback */
  perspective: 1000px;   /* 3D depth */
  -webkit-perspective: 1000px;
  box-sizing: border-box;
}

/* if your DOM contains .card-flipper or .card-fliper we address both */
.elementor-1010 .elementor-element.elementor-element-2692467 .card-flipper,
.elementor-1010 .elementor-element.elementor-element-2692467 .card-fliper {
  width: 100%;
  height: 100%;
  position: relative;
  transform-style: preserve-3d;
  transition: transform 0.55s linear; 
}

/* FRONT & BACK faces: fill the card exactly */
.elementor-1010 .elementor-element.elementor-element-2692467 .front-face,
.elementor-1010 .elementor-element.elementor-element-2692467 .back-face {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  border-radius: inherit;
  overflow: hidden;
  /* no transitions on faces (instant) */
}

/* back is rotated so it's hidden initially */
.elementor-1010 .elementor-element.elementor-element-2692467 .back-face {
  transform: rotateY(180deg);
  display: flex;
  align-items: center;
  justify-content: center;
}

/* flip trigger: add .is-flipped to the root container to rotate */
.elementor-1010 .elementor-element.elementor-element-2692467.is-flipped .card-flipper,
.elementor-1010 .elementor-element.elementor-element-2692467.is-flipped .card-fliper {
  transform: rotateY(180deg);
}

/* when flipped, disable interactions on front (instant) */
.elementor-1010 .elementor-element.elementor-element-2692467.is-flipped .front-face {
  pointer-events: none;
  opacity: 0; /* instant hide; no transition */
}

/* BIO box (centered overlay) — hidden by default; shown on hover instantly */
.elementor-1010 .elementor-element.elementor-element-2692467 .bio-box {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%); /* centered, no extra translateY */
  z-index: 40;
  opacity: 0;
  pointer-events: none;
  width: calc(100% - 32px);
  max-width: 84%;
  text-align: center;
  box-sizing: border-box;
}

/* show bio-box when hovering the card (no animation) */
.elementor-1010 .elementor-element.elementor-element-2692467:hover .bio-box {
  opacity: 1;
  pointer-events: auto;
}

/* make flip buttons clickable even when bio-box is on top */
.elementor-1010 .elementor-element.elementor-element-2692467 .bio-box .flip-btn,
.elementor-1010 .elementor-element.elementor-element-2692467 .back-face .flip-back-btn {
  pointer-events: auto;
  z-index: 50;
}

/* back image styling — neutral, no shadows */
.elementor-1010 .elementor-element.elementor-element-2692467 .back-face .back-image,
.elementor-1010 .elementor-element.elementor-element-2692467 .back-face img {
  width: 100%;
  max-width: 340px;
  height: auto;
  border-radius: 10px;
  object-fit: cover;
}

/* small-screen adjustments */
@media (max-width: 760px) {
  .elementor-1010 .elementor-element.elementor-element-2692467 { aspect-ratio: 3/4; min-height: 300px; }
  .elementor-1010 .elementor-element.elementor-element-2692467 .back-face .back-image { max-width: 100%; }
  .elementor-1010 .elementor-element.elementor-element-2692467 .bio-box { max-width: 92%; width: calc(100% - 24px); }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f75416b *//* BIO BOX – full container centered */
.elementor-1010 .elementor-element.elementor-element-f75416b  {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) translateY(20px);
    z-index: 2;
    opacity: 0;
    transition: opacity 0.35s ease, transform 0.35s ease;

    /* make layout easy */
    width: 100%;
    max-width: 80%;   /* optional */
    text-align: center;
    pointer-events: none;  /* enables button hover fix later */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0947731 *//* Dark overlay */
.elementor-1010 .elementor-element.elementor-element-0947731::after {
    content: "";
    position: absolute;
    inset: 0;
    /*background: #0075A1;*/
    background: #CBF0FF;
    opacity: 0;
    transition: opacity 0.35s ease;
    z-index: 1;
}
.elementor-1010 .elementor-element.elementor-element-0947731:hover::after {
    opacity: 0.95;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6762d10 *//* ------------------------------
   Minimal flip-only CSS for your structure
   Paste into the teacher-card container Custom CSS (uses .elementor-1010 .elementor-element.elementor-element-6762d10)
   - No shadows, no hover-grow, only rotation
   - Supports both .card-flipper and .card-fliper naming
   ------------------------------ */

/* Outer root: fixed aspect and perspective so card keeps height on mobile */
.elementor-1010 .elementor-element.elementor-element-6762d10 {
  position: relative;
  display: block;
  width: 100%;
  aspect-ratio: 3/4;     /* change if you want a different shape */
  min-height: 320px;     /* mobile fallback */
  perspective: 1000px;   /* 3D depth */
  -webkit-perspective: 1000px;
  box-sizing: border-box;
}

/* if your DOM contains .card-flipper or .card-fliper we address both */
.elementor-1010 .elementor-element.elementor-element-6762d10 .card-flipper,
.elementor-1010 .elementor-element.elementor-element-6762d10 .card-fliper {
  width: 100%;
  height: 100%;
  position: relative;
  transform-style: preserve-3d;
  transition: transform 0.55s linear; 
}

/* FRONT & BACK faces: fill the card exactly */
.elementor-1010 .elementor-element.elementor-element-6762d10 .front-face,
.elementor-1010 .elementor-element.elementor-element-6762d10 .back-face {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  border-radius: inherit;
  overflow: hidden;
  /* no transitions on faces (instant) */
}

/* back is rotated so it's hidden initially */
.elementor-1010 .elementor-element.elementor-element-6762d10 .back-face {
  transform: rotateY(180deg);
  display: flex;
  align-items: center;
  justify-content: center;
}

/* flip trigger: add .is-flipped to the root container to rotate */
.elementor-1010 .elementor-element.elementor-element-6762d10.is-flipped .card-flipper,
.elementor-1010 .elementor-element.elementor-element-6762d10.is-flipped .card-fliper {
  transform: rotateY(180deg);
}

/* when flipped, disable interactions on front (instant) */
.elementor-1010 .elementor-element.elementor-element-6762d10.is-flipped .front-face {
  pointer-events: none;
  opacity: 0; /* instant hide; no transition */
}

/* BIO box (centered overlay) — hidden by default; shown on hover instantly */
.elementor-1010 .elementor-element.elementor-element-6762d10 .bio-box {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%); /* centered, no extra translateY */
  z-index: 40;
  opacity: 0;
  pointer-events: none;
  width: calc(100% - 32px);
  max-width: 84%;
  text-align: center;
  box-sizing: border-box;
}

/* show bio-box when hovering the card (no animation) */
.elementor-1010 .elementor-element.elementor-element-6762d10:hover .bio-box {
  opacity: 1;
  pointer-events: auto;
}

/* make flip buttons clickable even when bio-box is on top */
.elementor-1010 .elementor-element.elementor-element-6762d10 .bio-box .flip-btn,
.elementor-1010 .elementor-element.elementor-element-6762d10 .back-face .flip-back-btn {
  pointer-events: auto;
  z-index: 50;
}

/* back image styling — neutral, no shadows */
.elementor-1010 .elementor-element.elementor-element-6762d10 .back-face .back-image,
.elementor-1010 .elementor-element.elementor-element-6762d10 .back-face img {
  width: 100%;
  max-width: 340px;
  height: auto;
  border-radius: 10px;
  object-fit: cover;
}

/* small-screen adjustments */
@media (max-width: 760px) {
  .elementor-1010 .elementor-element.elementor-element-6762d10 { aspect-ratio: 3/4; min-height: 300px; }
  .elementor-1010 .elementor-element.elementor-element-6762d10 .back-face .back-image { max-width: 100%; }
  .elementor-1010 .elementor-element.elementor-element-6762d10 .bio-box { max-width: 92%; width: calc(100% - 24px); }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-779d5ef *//* BIO BOX – full container centered */
.elementor-1010 .elementor-element.elementor-element-779d5ef  {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) translateY(20px);
    z-index: 2;
    opacity: 0;
    transition: opacity 0.35s ease, transform 0.35s ease;

    /* make layout easy */
    width: 100%;
    max-width: 80%;   /* optional */
    text-align: center;
    pointer-events: none;  /* enables button hover fix later */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-45b3285 *//* Dark overlay */
.elementor-1010 .elementor-element.elementor-element-45b3285::after {
    content: "";
    position: absolute;
    inset: 0;
    /*background: #0075A1;*/
    background: #CBF0FF;
    opacity: 0;
    transition: opacity 0.35s ease;
    z-index: 1;
}
.elementor-1010 .elementor-element.elementor-element-45b3285:hover::after {
    opacity: 0.95;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ad1ef82 *//* ------------------------------
   Minimal flip-only CSS for your structure
   Paste into the teacher-card container Custom CSS (uses .elementor-1010 .elementor-element.elementor-element-ad1ef82)
   - No shadows, no hover-grow, only rotation
   - Supports both .card-flipper and .card-fliper naming
   ------------------------------ */

/* Outer root: fixed aspect and perspective so card keeps height on mobile */
.elementor-1010 .elementor-element.elementor-element-ad1ef82 {
  position: relative;
  display: block;
  width: 100%;
  aspect-ratio: 3/4;     /* change if you want a different shape */
  min-height: 320px;     /* mobile fallback */
  perspective: 1000px;   /* 3D depth */
  -webkit-perspective: 1000px;
  box-sizing: border-box;
}

/* if your DOM contains .card-flipper or .card-fliper we address both */
.elementor-1010 .elementor-element.elementor-element-ad1ef82 .card-flipper,
.elementor-1010 .elementor-element.elementor-element-ad1ef82 .card-fliper {
  width: 100%;
  height: 100%;
  position: relative;
  transform-style: preserve-3d;
  transition: transform 0.55s linear; 
}

/* FRONT & BACK faces: fill the card exactly */
.elementor-1010 .elementor-element.elementor-element-ad1ef82 .front-face,
.elementor-1010 .elementor-element.elementor-element-ad1ef82 .back-face {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  border-radius: inherit;
  overflow: hidden;
  /* no transitions on faces (instant) */
}

/* back is rotated so it's hidden initially */
.elementor-1010 .elementor-element.elementor-element-ad1ef82 .back-face {
  transform: rotateY(180deg);
  display: flex;
  align-items: center;
  justify-content: center;
}

/* flip trigger: add .is-flipped to the root container to rotate */
.elementor-1010 .elementor-element.elementor-element-ad1ef82.is-flipped .card-flipper,
.elementor-1010 .elementor-element.elementor-element-ad1ef82.is-flipped .card-fliper {
  transform: rotateY(180deg);
}

/* when flipped, disable interactions on front (instant) */
.elementor-1010 .elementor-element.elementor-element-ad1ef82.is-flipped .front-face {
  pointer-events: none;
  opacity: 0; /* instant hide; no transition */
}

/* BIO box (centered overlay) — hidden by default; shown on hover instantly */
.elementor-1010 .elementor-element.elementor-element-ad1ef82 .bio-box {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%); /* centered, no extra translateY */
  z-index: 40;
  opacity: 0;
  pointer-events: none;
  width: calc(100% - 32px);
  max-width: 84%;
  text-align: center;
  box-sizing: border-box;
}

/* show bio-box when hovering the card (no animation) */
.elementor-1010 .elementor-element.elementor-element-ad1ef82:hover .bio-box {
  opacity: 1;
  pointer-events: auto;
}

/* make flip buttons clickable even when bio-box is on top */
.elementor-1010 .elementor-element.elementor-element-ad1ef82 .bio-box .flip-btn,
.elementor-1010 .elementor-element.elementor-element-ad1ef82 .back-face .flip-back-btn {
  pointer-events: auto;
  z-index: 50;
}

/* back image styling — neutral, no shadows */
.elementor-1010 .elementor-element.elementor-element-ad1ef82 .back-face .back-image,
.elementor-1010 .elementor-element.elementor-element-ad1ef82 .back-face img {
  width: 100%;
  max-width: 340px;
  height: auto;
  border-radius: 10px;
  object-fit: cover;
}

/* small-screen adjustments */
@media (max-width: 760px) {
  .elementor-1010 .elementor-element.elementor-element-ad1ef82 { aspect-ratio: 3/4; min-height: 300px; }
  .elementor-1010 .elementor-element.elementor-element-ad1ef82 .back-face .back-image { max-width: 100%; }
  .elementor-1010 .elementor-element.elementor-element-ad1ef82 .bio-box { max-width: 92%; width: calc(100% - 24px); }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5d0f0a9 *//* BIO BOX – full container centered */
.elementor-1010 .elementor-element.elementor-element-5d0f0a9  {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) translateY(20px);
    z-index: 2;
    opacity: 0;
    transition: opacity 0.35s ease, transform 0.35s ease;

    /* make layout easy */
    width: 100%;
    max-width: 80%;   /* optional */
    text-align: center;
    pointer-events: none;  /* enables button hover fix later */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-47ab33b *//* Dark overlay */
.elementor-1010 .elementor-element.elementor-element-47ab33b::after {
    content: "";
    position: absolute;
    inset: 0;
    /*background: #0075A1;*/
    background: #CBF0FF;
    opacity: 0;
    transition: opacity 0.35s ease;
    z-index: 1;
}
.elementor-1010 .elementor-element.elementor-element-47ab33b:hover::after {
    opacity: 0.95;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6b8c6c5 *//* ------------------------------
   Minimal flip-only CSS for your structure
   Paste into the teacher-card container Custom CSS (uses .elementor-1010 .elementor-element.elementor-element-6b8c6c5)
   - No shadows, no hover-grow, only rotation
   - Supports both .card-flipper and .card-fliper naming
   ------------------------------ */

/* Outer root: fixed aspect and perspective so card keeps height on mobile */
.elementor-1010 .elementor-element.elementor-element-6b8c6c5 {
  position: relative;
  display: block;
  width: 100%;
  aspect-ratio: 3/4;     /* change if you want a different shape */
  min-height: 320px;     /* mobile fallback */
  perspective: 1000px;   /* 3D depth */
  -webkit-perspective: 1000px;
  box-sizing: border-box;
}

/* if your DOM contains .card-flipper or .card-fliper we address both */
.elementor-1010 .elementor-element.elementor-element-6b8c6c5 .card-flipper,
.elementor-1010 .elementor-element.elementor-element-6b8c6c5 .card-fliper {
  width: 100%;
  height: 100%;
  position: relative;
  transform-style: preserve-3d;
  transition: transform 0.55s linear; 
}

/* FRONT & BACK faces: fill the card exactly */
.elementor-1010 .elementor-element.elementor-element-6b8c6c5 .front-face,
.elementor-1010 .elementor-element.elementor-element-6b8c6c5 .back-face {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  border-radius: inherit;
  overflow: hidden;
  /* no transitions on faces (instant) */
}

/* back is rotated so it's hidden initially */
.elementor-1010 .elementor-element.elementor-element-6b8c6c5 .back-face {
  transform: rotateY(180deg);
  display: flex;
  align-items: center;
  justify-content: center;
}

/* flip trigger: add .is-flipped to the root container to rotate */
.elementor-1010 .elementor-element.elementor-element-6b8c6c5.is-flipped .card-flipper,
.elementor-1010 .elementor-element.elementor-element-6b8c6c5.is-flipped .card-fliper {
  transform: rotateY(180deg);
}

/* when flipped, disable interactions on front (instant) */
.elementor-1010 .elementor-element.elementor-element-6b8c6c5.is-flipped .front-face {
  pointer-events: none;
  opacity: 0; /* instant hide; no transition */
}

/* BIO box (centered overlay) — hidden by default; shown on hover instantly */
.elementor-1010 .elementor-element.elementor-element-6b8c6c5 .bio-box {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%); /* centered, no extra translateY */
  z-index: 40;
  opacity: 0;
  pointer-events: none;
  width: calc(100% - 32px);
  max-width: 84%;
  text-align: center;
  box-sizing: border-box;
}

/* show bio-box when hovering the card (no animation) */
.elementor-1010 .elementor-element.elementor-element-6b8c6c5:hover .bio-box {
  opacity: 1;
  pointer-events: auto;
}

/* make flip buttons clickable even when bio-box is on top */
.elementor-1010 .elementor-element.elementor-element-6b8c6c5 .bio-box .flip-btn,
.elementor-1010 .elementor-element.elementor-element-6b8c6c5 .back-face .flip-back-btn {
  pointer-events: auto;
  z-index: 50;
}

/* back image styling — neutral, no shadows */
.elementor-1010 .elementor-element.elementor-element-6b8c6c5 .back-face .back-image,
.elementor-1010 .elementor-element.elementor-element-6b8c6c5 .back-face img {
  width: 100%;
  max-width: 340px;
  height: auto;
  border-radius: 10px;
  object-fit: cover;
}

/* small-screen adjustments */
@media (max-width: 760px) {
  .elementor-1010 .elementor-element.elementor-element-6b8c6c5 { aspect-ratio: 3/4; min-height: 300px; }
  .elementor-1010 .elementor-element.elementor-element-6b8c6c5 .back-face .back-image { max-width: 100%; }
  .elementor-1010 .elementor-element.elementor-element-6b8c6c5 .bio-box { max-width: 92%; width: calc(100% - 24px); }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8fa34b8 *//* BIO BOX – full container centered */
.elementor-1010 .elementor-element.elementor-element-8fa34b8  {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) translateY(20px);
    z-index: 2;
    opacity: 0;
    transition: opacity 0.35s ease, transform 0.35s ease;

    /* make layout easy */
    width: 100%;
    max-width: 80%;   /* optional */
    text-align: center;
    pointer-events: none;  /* enables button hover fix later */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d005901 *//* Dark overlay */
.elementor-1010 .elementor-element.elementor-element-d005901::after {
    content: "";
    position: absolute;
    inset: 0;
    /*background: #0075A1;*/
    background: #CBF0FF;
    opacity: 0;
    transition: opacity 0.35s ease;
    z-index: 1;
}
.elementor-1010 .elementor-element.elementor-element-d005901:hover::after {
    opacity: 0.95;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8d7d981 *//* ------------------------------
   Minimal flip-only CSS for your structure
   Paste into the teacher-card container Custom CSS (uses .elementor-1010 .elementor-element.elementor-element-8d7d981)
   - No shadows, no hover-grow, only rotation
   - Supports both .card-flipper and .card-fliper naming
   ------------------------------ */

/* Outer root: fixed aspect and perspective so card keeps height on mobile */
.elementor-1010 .elementor-element.elementor-element-8d7d981 {
  position: relative;
  display: block;
  width: 100%;
  aspect-ratio: 3/4;     /* change if you want a different shape */
  min-height: 320px;     /* mobile fallback */
  perspective: 1000px;   /* 3D depth */
  -webkit-perspective: 1000px;
  box-sizing: border-box;
}

/* if your DOM contains .card-flipper or .card-fliper we address both */
.elementor-1010 .elementor-element.elementor-element-8d7d981 .card-flipper,
.elementor-1010 .elementor-element.elementor-element-8d7d981 .card-fliper {
  width: 100%;
  height: 100%;
  position: relative;
  transform-style: preserve-3d;
  transition: transform 0.55s linear; 
}

/* FRONT & BACK faces: fill the card exactly */
.elementor-1010 .elementor-element.elementor-element-8d7d981 .front-face,
.elementor-1010 .elementor-element.elementor-element-8d7d981 .back-face {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  border-radius: inherit;
  overflow: hidden;
  /* no transitions on faces (instant) */
}

/* back is rotated so it's hidden initially */
.elementor-1010 .elementor-element.elementor-element-8d7d981 .back-face {
  transform: rotateY(180deg);
  display: flex;
  align-items: center;
  justify-content: center;
}

/* flip trigger: add .is-flipped to the root container to rotate */
.elementor-1010 .elementor-element.elementor-element-8d7d981.is-flipped .card-flipper,
.elementor-1010 .elementor-element.elementor-element-8d7d981.is-flipped .card-fliper {
  transform: rotateY(180deg);
}

/* when flipped, disable interactions on front (instant) */
.elementor-1010 .elementor-element.elementor-element-8d7d981.is-flipped .front-face {
  pointer-events: none;
  opacity: 0; /* instant hide; no transition */
}

/* BIO box (centered overlay) — hidden by default; shown on hover instantly */
.elementor-1010 .elementor-element.elementor-element-8d7d981 .bio-box {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%); /* centered, no extra translateY */
  z-index: 40;
  opacity: 0;
  pointer-events: none;
  width: calc(100% - 32px);
  max-width: 84%;
  text-align: center;
  box-sizing: border-box;
}

/* show bio-box when hovering the card (no animation) */
.elementor-1010 .elementor-element.elementor-element-8d7d981:hover .bio-box {
  opacity: 1;
  pointer-events: auto;
}

/* make flip buttons clickable even when bio-box is on top */
.elementor-1010 .elementor-element.elementor-element-8d7d981 .bio-box .flip-btn,
.elementor-1010 .elementor-element.elementor-element-8d7d981 .back-face .flip-back-btn {
  pointer-events: auto;
  z-index: 50;
}

/* back image styling — neutral, no shadows */
.elementor-1010 .elementor-element.elementor-element-8d7d981 .back-face .back-image,
.elementor-1010 .elementor-element.elementor-element-8d7d981 .back-face img {
  width: 100%;
  max-width: 340px;
  height: auto;
  border-radius: 10px;
  object-fit: cover;
}

/* small-screen adjustments */
@media (max-width: 760px) {
  .elementor-1010 .elementor-element.elementor-element-8d7d981 { aspect-ratio: 3/4; min-height: 300px; }
  .elementor-1010 .elementor-element.elementor-element-8d7d981 .back-face .back-image { max-width: 100%; }
  .elementor-1010 .elementor-element.elementor-element-8d7d981 .bio-box { max-width: 92%; width: calc(100% - 24px); }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e1a4e3d *//* BIO BOX – full container centered */
.elementor-1010 .elementor-element.elementor-element-e1a4e3d  {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) translateY(20px);
    z-index: 2;
    opacity: 0;
    transition: opacity 0.35s ease, transform 0.35s ease;

    /* make layout easy */
    width: 100%;
    max-width: 80%;   /* optional */
    text-align: center;
    pointer-events: none;  /* enables button hover fix later */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a469fe0 *//* Dark overlay */
.elementor-1010 .elementor-element.elementor-element-a469fe0::after {
    content: "";
    position: absolute;
    inset: 0;
    /*background: #0075A1;*/
    background: #CBF0FF;
    opacity: 0;
    transition: opacity 0.35s ease;
    z-index: 1;
}
.elementor-1010 .elementor-element.elementor-element-a469fe0:hover::after {
    opacity: 0.95;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-22e6ccf *//* ------------------------------
   Minimal flip-only CSS for your structure
   Paste into the teacher-card container Custom CSS (uses .elementor-1010 .elementor-element.elementor-element-22e6ccf)
   - No shadows, no hover-grow, only rotation
   - Supports both .card-flipper and .card-fliper naming
   ------------------------------ */

/* Outer root: fixed aspect and perspective so card keeps height on mobile */
.elementor-1010 .elementor-element.elementor-element-22e6ccf {
  position: relative;
  display: block;
  width: 100%;
  aspect-ratio: 3/4;     /* change if you want a different shape */
  min-height: 320px;     /* mobile fallback */
  perspective: 1000px;   /* 3D depth */
  -webkit-perspective: 1000px;
  box-sizing: border-box;
}

/* if your DOM contains .card-flipper or .card-fliper we address both */
.elementor-1010 .elementor-element.elementor-element-22e6ccf .card-flipper,
.elementor-1010 .elementor-element.elementor-element-22e6ccf .card-fliper {
  width: 100%;
  height: 100%;
  position: relative;
  transform-style: preserve-3d;
  transition: transform 0.55s linear; 
}

/* FRONT & BACK faces: fill the card exactly */
.elementor-1010 .elementor-element.elementor-element-22e6ccf .front-face,
.elementor-1010 .elementor-element.elementor-element-22e6ccf .back-face {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  border-radius: inherit;
  overflow: hidden;
  /* no transitions on faces (instant) */
}

/* back is rotated so it's hidden initially */
.elementor-1010 .elementor-element.elementor-element-22e6ccf .back-face {
  transform: rotateY(180deg);
  display: flex;
  align-items: center;
  justify-content: center;
}

/* flip trigger: add .is-flipped to the root container to rotate */
.elementor-1010 .elementor-element.elementor-element-22e6ccf.is-flipped .card-flipper,
.elementor-1010 .elementor-element.elementor-element-22e6ccf.is-flipped .card-fliper {
  transform: rotateY(180deg);
}

/* when flipped, disable interactions on front (instant) */
.elementor-1010 .elementor-element.elementor-element-22e6ccf.is-flipped .front-face {
  pointer-events: none;
  opacity: 0; /* instant hide; no transition */
}

/* BIO box (centered overlay) — hidden by default; shown on hover instantly */
.elementor-1010 .elementor-element.elementor-element-22e6ccf .bio-box {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%); /* centered, no extra translateY */
  z-index: 40;
  opacity: 0;
  pointer-events: none;
  width: calc(100% - 32px);
  max-width: 84%;
  text-align: center;
  box-sizing: border-box;
}

/* show bio-box when hovering the card (no animation) */
.elementor-1010 .elementor-element.elementor-element-22e6ccf:hover .bio-box {
  opacity: 1;
  pointer-events: auto;
}

/* make flip buttons clickable even when bio-box is on top */
.elementor-1010 .elementor-element.elementor-element-22e6ccf .bio-box .flip-btn,
.elementor-1010 .elementor-element.elementor-element-22e6ccf .back-face .flip-back-btn {
  pointer-events: auto;
  z-index: 50;
}

/* back image styling — neutral, no shadows */
.elementor-1010 .elementor-element.elementor-element-22e6ccf .back-face .back-image,
.elementor-1010 .elementor-element.elementor-element-22e6ccf .back-face img {
  width: 100%;
  max-width: 340px;
  height: auto;
  border-radius: 10px;
  object-fit: cover;
}

/* small-screen adjustments */
@media (max-width: 760px) {
  .elementor-1010 .elementor-element.elementor-element-22e6ccf { aspect-ratio: 3/4; min-height: 300px; }
  .elementor-1010 .elementor-element.elementor-element-22e6ccf .back-face .back-image { max-width: 100%; }
  .elementor-1010 .elementor-element.elementor-element-22e6ccf .bio-box { max-width: 92%; width: calc(100% - 24px); }
}/* End custom CSS */