.elementor-21298 .elementor-element.elementor-element-00ff011{--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;--overlay-opacity:0.1;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:350px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-21298 .elementor-element.elementor-element-00ff011:not(.elementor-motion-effects-element-type-background), .elementor-21298 .elementor-element.elementor-element-00ff011 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;background-image:url("https://s.afaq-lc.com/wp-content/uploads/2025/09/Horizion-min.png");background-position:50% -223px;background-size:cover;}.elementor-21298 .elementor-element.elementor-element-00ff011::before, .elementor-21298 .elementor-element.elementor-element-00ff011 > .elementor-background-video-container::before, .elementor-21298 .elementor-element.elementor-element-00ff011 > .e-con-inner > .elementor-background-video-container::before, .elementor-21298 .elementor-element.elementor-element-00ff011 > .elementor-background-slideshow::before, .elementor-21298 .elementor-element.elementor-element-00ff011 > .e-con-inner > .elementor-background-slideshow::before, .elementor-21298 .elementor-element.elementor-element-00ff011 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#000000;--background-overlay:'';}.elementor-21298 .elementor-element.elementor-element-75bd256{--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;--flex-wrap:wrap;--overlay-opacity:0.58;}.elementor-21298 .elementor-element.elementor-element-75bd256::before, .elementor-21298 .elementor-element.elementor-element-75bd256 > .elementor-background-video-container::before, .elementor-21298 .elementor-element.elementor-element-75bd256 > .e-con-inner > .elementor-background-video-container::before, .elementor-21298 .elementor-element.elementor-element-75bd256 > .elementor-background-slideshow::before, .elementor-21298 .elementor-element.elementor-element-75bd256 > .e-con-inner > .elementor-background-slideshow::before, .elementor-21298 .elementor-element.elementor-element-75bd256 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.elementor-21298 .elementor-element.elementor-element-e50adf8{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-21298 .elementor-element.elementor-element-1fd3c38{text-align:start;}.elementor-21298 .elementor-element.elementor-element-1fd3c38 .elementor-heading-title{font-family:"yekan", Sans-serif;font-size:68px;font-weight:700;color:#FFFFFF;}.elementor-21298 .elementor-element.elementor-element-13e0329 .elementor-heading-title{font-size:26px;-webkit-text-stroke-color:#000;stroke:#000;color:#FFF8F8;}.elementor-21298 .elementor-element.elementor-element-39a8722{--spacer-size:50px;}.elementor-21298 .elementor-element.elementor-element-219e307 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-21298 .elementor-element.elementor-element-219e307{text-align:start;}.elementor-21298 .elementor-element.elementor-element-219e307 .elementor-heading-title{font-family:"yekan", Sans-serif;font-size:19px;font-weight:200;color:#C7C6C6;}.elementor-21298 .elementor-element.elementor-element-521896f{--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:-1px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-21298 .elementor-element.elementor-element-2a4e9c3{width:var( --container-widget-width, 12.664% );max-width:12.664%;--container-widget-width:12.664%;--container-widget-flex-grow:0;}.elementor-21298 .elementor-element.elementor-element-2a4e9c3 > .elementor-widget-container{margin:0px -13px 0px 0px;}.elementor-21298 .elementor-element.elementor-element-2a4e9c3.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-21298 .elementor-element.elementor-element-48d6bc7{--display:flex;}body:not(.rtl) .elementor-21298 .elementor-element.elementor-element-b5b98f2{left:207px;}body.rtl .elementor-21298 .elementor-element.elementor-element-b5b98f2{right:207px;}.elementor-21298 .elementor-element.elementor-element-b5b98f2{top:-10px;}.elementor-21298 .elementor-element.elementor-element-b5b98f2 .elementor-icon-wrapper{text-align:center;}.elementor-21298 .elementor-element.elementor-element-b5b98f2.elementor-view-stacked .elementor-icon{background-color:#0141FB;}.elementor-21298 .elementor-element.elementor-element-b5b98f2.elementor-view-framed .elementor-icon, .elementor-21298 .elementor-element.elementor-element-b5b98f2.elementor-view-default .elementor-icon{color:#0141FB;border-color:#0141FB;}.elementor-21298 .elementor-element.elementor-element-b5b98f2.elementor-view-framed .elementor-icon, .elementor-21298 .elementor-element.elementor-element-b5b98f2.elementor-view-default .elementor-icon svg{fill:#0141FB;}.elementor-21298 .elementor-element.elementor-element-b5b98f2 .elementor-icon{font-size:24px;padding:14px;border-radius:18px 18px 18px 18px;}.elementor-21298 .elementor-element.elementor-element-b5b98f2 .elementor-icon svg{height:24px;}.elementor-21298 .elementor-element.elementor-element-cb73b55{--display:flex;}.elementor-21298 .elementor-element.elementor-element-f0ff13f{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;--align-items:center;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-21298 .elementor-element.elementor-element-51f152d.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-21298 .elementor-element.elementor-element-51f152d .elementor-heading-title{font-family:"yekan", Sans-serif;font-size:26px;font-weight:600;color:#FFFFFF;}.elementor-21298 .elementor-element.elementor-element-6fbf0dc{--display:flex;--flex-direction:row-reverse;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap-reverse;--justify-content:space-between;--align-items:center;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-21298 .elementor-element.elementor-element-8f281fa{width:var( --container-widget-width, 14% );max-width:14%;--container-widget-width:14%;--container-widget-flex-grow:0;}.elementor-21298 .elementor-element.elementor-element-8f281fa.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-21298 .elementor-element.elementor-element-97a8b2e .swiper-carousel .swiper-slide{border-width:0px 0px 0px 0px;}.elementor-21298 .elementor-element.elementor-element-ad1cb0f{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;--align-items:center;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-21298 .elementor-element.elementor-element-6246fe8.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-21298 .elementor-element.elementor-element-6246fe8 .elementor-heading-title{font-family:"yekan", Sans-serif;font-size:26px;font-weight:600;color:#F3F4F7;}.elementor-21298 .elementor-element.elementor-element-3dae278 .swiper-carousel{width:100%;}.elementor-21298 .elementor-element.elementor-element-2765d9a{--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-21298 .elementor-element.elementor-element-d1da418{--display:flex;}.elementor-21298 .elementor-element.elementor-element-eb21245{--display:flex;}.elementor-21298 .elementor-element.elementor-element-6bb3a67{--display:flex;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#FFFCFC2B;--border-color:#FFFCFC2B;--border-radius:36px 36px 36px 36px;}.elementor-21298 .elementor-element.elementor-element-6bb3a67:not(.elementor-motion-effects-element-type-background), .elementor-21298 .elementor-element.elementor-element-6bb3a67 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#0141FB21;}.elementor-21298 .elementor-element.elementor-element-6aed827{--display:grid;--e-con-grid-template-columns:repeat(5, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-21298 .elementor-element.elementor-element-931e350 .elementor-counter-number-wrapper{color:#FFFCFC;font-family:"yekan", Sans-serif;font-size:43px;}.elementor-21298 .elementor-element.elementor-element-931e350 .elementor-counter-title{color:#FCFCFC;font-size:18px;}.elementor-21298 .elementor-element.elementor-element-aa5eb09 .elementor-counter-number-wrapper{color:#FFFCFC;font-family:"yekan", Sans-serif;font-size:43px;}.elementor-21298 .elementor-element.elementor-element-aa5eb09 .elementor-counter-title{color:#FCFCFC;font-size:18px;}.elementor-21298 .elementor-element.elementor-element-b656004 .elementor-counter-number-wrapper{color:#FFFCFC;font-family:"yekan", Sans-serif;font-size:43px;}.elementor-21298 .elementor-element.elementor-element-b656004 .elementor-counter-title{color:#FCFCFC;font-size:18px;}.elementor-21298 .elementor-element.elementor-element-22012f0 .elementor-counter-number-wrapper{color:#FFFCFC;font-family:"yekan", Sans-serif;font-size:43px;}.elementor-21298 .elementor-element.elementor-element-22012f0 .elementor-counter-title{color:#FCFCFC;font-size:18px;}.elementor-21298 .elementor-element.elementor-element-263ad8e .elementor-counter-number-wrapper{color:#FFFCFC;font-family:"yekan", Sans-serif;font-size:43px;}.elementor-21298 .elementor-element.elementor-element-263ad8e .elementor-counter-title{color:#FCFCFC;font-size:18px;}.elementor-21298 .elementor-element.elementor-element-8a7415b{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:center;}.elementor-21298 .elementor-element.elementor-element-7432877{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-21298 .elementor-element.elementor-element-a2739f9 .elementor-heading-title{font-size:26px;font-weight:600;color:#FFFFFF;}.elementor-21298 .elementor-element.elementor-element-363be66 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-21298 .elementor-element.elementor-element-363be66{text-align:justify;font-size:16px;color:#FFFEFE;}.elementor-21298 .elementor-element.elementor-element-60a79db{--spacer-size:1px;}.elementor-21298 .elementor-element.elementor-element-bba7bfd{--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:-1px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-21298 .elementor-element.elementor-element-fff27ce{--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:-1px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-21298 .elementor-element.elementor-element-fb2b73d{--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:-1px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-21298 .elementor-element.elementor-element-0131265{width:var( --container-widget-width, 12.664% );max-width:12.664%;--container-widget-width:12.664%;--container-widget-flex-grow:0;}.elementor-21298 .elementor-element.elementor-element-0131265 > .elementor-widget-container{margin:0px -13px 0px 0px;}.elementor-21298 .elementor-element.elementor-element-0131265.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-21298 .elementor-element.elementor-element-d8c6360{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-21298 .elementor-element.elementor-element-d8c6360.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-21298 .elementor-element.elementor-element-e2384c4{--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:40px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-21298 .elementor-element.elementor-element-bf01202{--display:flex;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-21298 .elementor-element.elementor-element-700dd97{width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;}.elementor-21298 .elementor-element.elementor-element-700dd97 > .elementor-widget-container{margin:24px 0px 0px 0px;}.elementor-21298 .elementor-element.elementor-element-700dd97.elementor-element{--align-self:stretch;--flex-grow:0;--flex-shrink:0;}.elementor-21298 .elementor-element.elementor-element-6bbab54{--display:flex;}.elementor-21298 .elementor-element.elementor-element-2dca618{width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;}.elementor-21298 .elementor-element.elementor-element-2dca618 > .elementor-widget-container{margin:24px 0px 0px 0px;}.elementor-21298 .elementor-element.elementor-element-2dca618.elementor-element{--align-self:stretch;--flex-grow:0;--flex-shrink:0;}.elementor-21298 .elementor-element.elementor-element-1714a49{--display:flex;}.elementor-21298 .elementor-element.elementor-element-38d174a{width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;}.elementor-21298 .elementor-element.elementor-element-38d174a > .elementor-widget-container{margin:24px 0px 0px 0px;}.elementor-21298 .elementor-element.elementor-element-38d174a.elementor-element{--align-self:stretch;--flex-grow:0;--flex-shrink:0;}.elementor-21298 .elementor-element.elementor-element-0ddf0da{--display:flex;}.elementor-21298 .elementor-element.elementor-element-8a5d2b4{width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;}.elementor-21298 .elementor-element.elementor-element-8a5d2b4 > .elementor-widget-container{margin:24px 0px 0px 0px;}.elementor-21298 .elementor-element.elementor-element-8a5d2b4.elementor-element{--align-self:stretch;--flex-grow:0;--flex-shrink:0;}.elementor-21298 .elementor-element.elementor-element-c8645a7{--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-21298 .elementor-element.elementor-element-c8645a7:not(.elementor-motion-effects-element-type-background), .elementor-21298 .elementor-element.elementor-element-c8645a7 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://s.afaq-lc.com/wp-content/uploads/2025/09/Shuttel-min-1.png");background-position:center center;background-size:cover;}.elementor-21298 .elementor-element.elementor-element-e3846d3{--display:flex;--overlay-opacity:0.46;}.elementor-21298 .elementor-element.elementor-element-e3846d3::before, .elementor-21298 .elementor-element.elementor-element-e3846d3 > .elementor-background-video-container::before, .elementor-21298 .elementor-element.elementor-element-e3846d3 > .e-con-inner > .elementor-background-video-container::before, .elementor-21298 .elementor-element.elementor-element-e3846d3 > .elementor-background-slideshow::before, .elementor-21298 .elementor-element.elementor-element-e3846d3 > .e-con-inner > .elementor-background-slideshow::before, .elementor-21298 .elementor-element.elementor-element-e3846d3 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#000000;--background-overlay:'';}.elementor-21298 .elementor-element.elementor-element-d54f937{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-21298 .elementor-element.elementor-element-649770f{--display:flex;--margin-top:0px;--margin-bottom:80px;--margin-left:0px;--margin-right:0px;--z-index:996;}.elementor-21298 .elementor-element.elementor-element-0d466b4{--display:flex;--min-height:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-21298 .elementor-element.elementor-element-26109e9 > .elementor-widget-container{margin:-170px 0px 0px 0px;}.elementor-21298 .elementor-element.elementor-element-26109e9{z-index:999;}.elementor-21298 .elementor-element.elementor-element-c34473d{--display:flex;--min-height:675px;--flex-direction:row-reverse;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap-reverse;--justify-content:flex-end;--align-items:center;--flex-wrap:nowrap;--border-radius:0px 0px 0px 0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:66px;--padding-bottom:0px;--padding-left:20px;--padding-right:20px;--z-index:97;}.elementor-21298 .elementor-element.elementor-element-a457868{--display:flex;}.elementor-21298 .elementor-element.elementor-element-565fc06 .elementor-heading-title{font-weight:600;color:#F8FAFF;}.elementor-21298 .elementor-element.elementor-element-cdd5e47{width:var( --container-widget-width, 22.121% );max-width:22.121%;--container-widget-width:22.121%;--container-widget-flex-grow:0;text-align:justify;color:#FCFBFB;}.elementor-21298 .elementor-element.elementor-element-cdd5e47.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-21298 .elementor-element.elementor-element-c9e36e4 .elementor-button{background-color:#0140FF;font-family:"yekan", Sans-serif;font-size:12px;font-weight:200;border-radius:9px 9px 9px 9px;padding:15px 40px 15px 40px;}.elementor-21298 .elementor-element.elementor-element-c9e36e4 > .elementor-widget-container{margin:18px 0px 0px 0px;}.elementor-21298 .elementor-element.elementor-element-caf632a{width:var( --container-widget-width, 74% );max-width:74%;--container-widget-width:74%;--container-widget-flex-grow:0;z-index:999;}.elementor-21298 .elementor-element.elementor-element-caf632a > .elementor-widget-container{margin:-653px -29px 0px 0px;padding:25px 25px 25px 25px;}.elementor-21298 .elementor-element.elementor-element-caf632a.elementor-element{--align-self:flex-end;}.elementor-21298 .elementor-element.elementor-element-caf632a .swiper-carousel{width:100%;}.elementor-21298 .elementor-element.elementor-element-e962372{--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;--overlay-opacity:0.41;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:150px;--padding-left:0px;--padding-right:0px;}.elementor-21298 .elementor-element.elementor-element-e962372:not(.elementor-motion-effects-element-type-background), .elementor-21298 .elementor-element.elementor-element-e962372 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://s.afaq-lc.com/wp-content/uploads/2025/09/ViewSphare-min.png");background-position:center center;background-size:cover;}.elementor-21298 .elementor-element.elementor-element-e962372::before, .elementor-21298 .elementor-element.elementor-element-e962372 > .elementor-background-video-container::before, .elementor-21298 .elementor-element.elementor-element-e962372 > .e-con-inner > .elementor-background-video-container::before, .elementor-21298 .elementor-element.elementor-element-e962372 > .elementor-background-slideshow::before, .elementor-21298 .elementor-element.elementor-element-e962372 > .e-con-inner > .elementor-background-slideshow::before, .elementor-21298 .elementor-element.elementor-element-e962372 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#000000;--background-overlay:'';}.elementor-21298 .elementor-element.elementor-element-ee3ebb6 img{max-width:37%;}.elementor-21298 .elementor-element.elementor-element-04b755f{--display:flex;--overlay-opacity:0;}.elementor-21298 .elementor-element.elementor-element-04b755f::before, .elementor-21298 .elementor-element.elementor-element-04b755f > .elementor-background-video-container::before, .elementor-21298 .elementor-element.elementor-element-04b755f > .e-con-inner > .elementor-background-video-container::before, .elementor-21298 .elementor-element.elementor-element-04b755f > .elementor-background-slideshow::before, .elementor-21298 .elementor-element.elementor-element-04b755f > .e-con-inner > .elementor-background-slideshow::before, .elementor-21298 .elementor-element.elementor-element-04b755f > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#000000;--background-overlay:'';}.elementor-21298 .elementor-element.elementor-element-bae81c7{--display:flex;}.elementor-21298 .elementor-element.elementor-element-404a95b{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;--align-items:center;--margin-top:50px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-21298 .elementor-element.elementor-element-4e56dc6 > .elementor-widget-container{padding:0px 0px 17px 0px;}.elementor-21298 .elementor-element.elementor-element-4e56dc6.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-21298 .elementor-element.elementor-element-4e56dc6 .elementor-heading-title{font-family:"yekan", Sans-serif;font-size:26px;font-weight:600;color:#FFFFFF;}.elementor-21298 .elementor-element.elementor-element-1477490{--display:flex;}.elementor-21298 .elementor-element.elementor-element-88532d1{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;--align-items:center;--margin-top:50px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-21298 .elementor-element.elementor-element-243a38c .elementor-button{background-color:#0140FF;font-family:"yekan", Sans-serif;font-size:12px;font-weight:200;border-radius:9px 9px 9px 9px;padding:20px 50px 20px 50px;}.elementor-21298 .elementor-element.elementor-element-243a38c > .elementor-widget-container{margin:18px 0px 0px 0px;}body.elementor-page-21298:not(.elementor-motion-effects-element-type-background), body.elementor-page-21298 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}.elementor-widget .tippy-tooltip .tippy-content{text-align:center;}@media(min-width:768px){.elementor-21298 .elementor-element.elementor-element-e50adf8{--width:50%;}.elementor-21298 .elementor-element.elementor-element-48d6bc7{--width:48%;}.elementor-21298 .elementor-element.elementor-element-cb73b55{--width:100%;}.elementor-21298 .elementor-element.elementor-element-d8c6360{--width:64.82%;}}@media(max-width:1024px){.elementor-21298 .elementor-element.elementor-element-00ff011:not(.elementor-motion-effects-element-type-background), .elementor-21298 .elementor-element.elementor-element-00ff011 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:0% 0%;}.elementor-21298 .elementor-element.elementor-element-6aed827{--grid-auto-flow:row;}}@media(max-width:767px){.elementor-21298 .elementor-element.elementor-element-00ff011:not(.elementor-motion-effects-element-type-background), .elementor-21298 .elementor-element.elementor-element-00ff011 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:25% -248px;background-repeat:no-repeat;background-size:cover;}.elementor-21298 .elementor-element.elementor-element-00ff011{--padding-top:200px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-21298 .elementor-element.elementor-element-75bd256{--margin-top:90px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-21298 .elementor-element.elementor-element-1fd3c38{text-align:center;}.elementor-21298 .elementor-element.elementor-element-1fd3c38 .elementor-heading-title{font-size:32px;}.elementor-21298 .elementor-element.elementor-element-13e0329{text-align:center;}.elementor-21298 .elementor-element.elementor-element-13e0329 .elementor-heading-title{font-size:24px;line-height:1.7em;}.elementor-21298 .elementor-element.elementor-element-39a8722{--spacer-size:1px;}.elementor-21298 .elementor-element.elementor-element-219e307{text-align:center;}.elementor-21298 .elementor-element.elementor-element-521896f{--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;}.elementor-21298 .elementor-element.elementor-element-2a4e9c3 > .elementor-widget-container{margin:20px 0px 20px 0px;}.elementor-21298 .elementor-element.elementor-element-2a4e9c3{--container-widget-width:100%;--container-widget-flex-grow:0;width:var( --container-widget-width, 100% );max-width:100%;}.elementor-21298 .elementor-element.elementor-element-48d6bc7{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}body:not(.rtl) .elementor-21298 .elementor-element.elementor-element-b5b98f2{left:114px;}body.rtl .elementor-21298 .elementor-element.elementor-element-b5b98f2{right:114px;}.elementor-21298 .elementor-element.elementor-element-b5b98f2{top:-8px;}.elementor-21298 .elementor-element.elementor-element-b5b98f2 .elementor-icon{font-size:24px;}.elementor-21298 .elementor-element.elementor-element-b5b98f2 .elementor-icon svg{height:24px;}.elementor-21298 .elementor-element.elementor-element-cb73b55{--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-21298 .elementor-element.elementor-element-f0ff13f{--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-21298 .elementor-element.elementor-element-51f152d{width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;text-align:center;}.elementor-21298 .elementor-element.elementor-element-51f152d .elementor-heading-title{font-size:24px;line-height:1.7em;}.elementor-21298 .elementor-element.elementor-element-6fbf0dc{--width:100%;--justify-content:space-between;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-21298 .elementor-element.elementor-element-8f281fa{--container-widget-width:39%;--container-widget-flex-grow:0;width:var( --container-widget-width, 39% );max-width:39%;}.elementor-21298 .elementor-element.elementor-element-8f281fa.elementor-element{--align-self:center;}.elementor-21298 .elementor-element.elementor-element-97a8b2e{width:var( --container-widget-width, 59% );max-width:59%;--container-widget-width:59%;--container-widget-flex-grow:0;}.elementor-21298 .elementor-element.elementor-element-ad1cb0f{--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-21298 .elementor-element.elementor-element-6246fe8{width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;text-align:center;}.elementor-21298 .elementor-element.elementor-element-6246fe8 .elementor-heading-title{font-size:24px;line-height:1.7em;}.elementor-21298 .elementor-element.elementor-element-6aed827{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-21298 .elementor-element.elementor-element-7432877{--padding-top:9px;--padding-bottom:9px;--padding-left:9px;--padding-right:9px;}.elementor-21298 .elementor-element.elementor-element-a2739f9{text-align:center;}.elementor-21298 .elementor-element.elementor-element-a2739f9 .elementor-heading-title{font-size:24px;line-height:1.7em;}.elementor-21298 .elementor-element.elementor-element-60a79db{--spacer-size:1px;}.elementor-21298 .elementor-element.elementor-element-bba7bfd{--justify-content:center;}.elementor-21298 .elementor-element.elementor-element-fff27ce{--justify-content:center;}.elementor-21298 .elementor-element.elementor-element-fb2b73d{--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;}.elementor-21298 .elementor-element.elementor-element-0131265{--container-widget-width:100%;--container-widget-flex-grow:0;width:var( --container-widget-width, 100% );max-width:100%;}.elementor-21298 .elementor-element.elementor-element-d8c6360{--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-21298 .elementor-element.elementor-element-e2384c4{--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-21298 .elementor-element.elementor-element-6bbab54{--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-21298 .elementor-element.elementor-element-c34473d{--min-height:1014px;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:flex-start;--flex-wrap:wrap;--padding-top:80px;--padding-bottom:0px;--padding-left:15px;--padding-right:15px;}.elementor-21298 .elementor-element.elementor-element-a457868{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-21298 .elementor-element.elementor-element-565fc06 > .elementor-widget-container{margin:61px 0px 0px 0px;}.elementor-21298 .elementor-element.elementor-element-cdd5e47 > .elementor-widget-container{margin:-4px 0px 0px 0px;}.elementor-21298 .elementor-element.elementor-element-cdd5e47{--container-widget-width:100%;--container-widget-flex-grow:0;width:var( --container-widget-width, 100% );max-width:100%;text-align:justify;}.elementor-21298 .elementor-element.elementor-element-c9e36e4 > .elementor-widget-container{margin:0px 0px 20px 0px;}.elementor-21298 .elementor-element.elementor-element-c9e36e4 .elementor-button{border-radius:9px 9px 9px 9px;}.elementor-21298 .elementor-element.elementor-element-caf632a > .elementor-widget-container{margin:-582px 0px 0px 0px;padding:9px 9px 9px 9px;}.elementor-21298 .elementor-element.elementor-element-caf632a{--container-widget-width:100%;--container-widget-flex-grow:0;width:var( --container-widget-width, 100% );max-width:100%;}.elementor-21298 .elementor-element.elementor-element-ee3ebb6 img{max-width:84%;}.elementor-21298 .elementor-element.elementor-element-bae81c7{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-21298 .elementor-element.elementor-element-404a95b{--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-21298 .elementor-element.elementor-element-4e56dc6{width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;text-align:center;}.elementor-21298 .elementor-element.elementor-element-4e56dc6 .elementor-heading-title{font-size:24px;line-height:1.7em;}.elementor-21298 .elementor-element.elementor-element-88532d1{--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}}/* Start custom CSS for html, class: .elementor-element-8f281fa */.course-f img{ width: 60px; } .course-f{ display: flex; flex-direction: column; align-items: center; justify-content: center; background-color:#0140ff; border-radius: 18px; height: 220px; } .course-f span{ color: #fff; text-decoration: none; padding-top:10px; z-index: 99; text-align: center }/* End custom CSS */ /* Start custom CSS for bdt-custom-carousel, class: .elementor-element-97a8b2e */.course img{ width: 60px; filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(287deg) brightness(105%) contrast(102%); } .course{ display: flex; flex-direction: column; align-items: center; justify-content: center; border-radius: 18px; height: 220px; background:#0141FB21; backdrop-filter: blur(7px); -webkit-backdrop-filter: blur(7px); border: 1px solid rgba(255, 255, 255, 0.18); /* حاشیه شیشه‌ای ظریف */ box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.15); /* سایه برای ایجاد عمق */ } .course-title{ color: #fff; text-decoration: none; padding-top:10px; font-size: 15px; text-align: center; }/* End custom CSS */ /* Start custom CSS for bdt-custom-carousel, class: .elementor-element-3dae278 */@property --visionary-s { syntax: ''; inherits: false; initial-value: 13px; } @property --visionary-x { syntax: ''; inherits: false; initial-value: 25px; } @property --visionary-y { syntax: ''; inherits: false; initial-value: 25px; } #courses-kh .elementor-widget-container .bdt-ep-custom-carousel .swiper-initialized .swiper-wrapper .bdt-ep-custom-carousel-item > div { display: flex; justify-content: center; } .title-header { font-size: 2rem; font-weight: 700; color: #111; } .visionary-card-wrapper { position: relative; display: block; width: 4420px; max-width: 100%; text-decoration: none; cursor: pointer; } .visionary-card__body { /* بازگشت به پس زمینه ساده و حذف border قبلی */ background:#0141FB21; /* پس‌زمینه نیمه‌شفاف */ backdrop-filter: blur(10px); /* افکت بلور اصلی */ -webkit-backdrop-filter: blur(10px); /* برای box-shadow: /* سایه داخلی روشن برای لبه بالا-چپ (شبیه سازی نور) */ inset 0.5px -1.23px 1px rgba(255, 255, 255, 0.82), /* سایه داخلی تیره برای لبه پایین-راست (ایجاد عمق) */ inset -1.75px 1.75px 1px rgba(50, 50, 90, 0.75), /* سایه بیرونی اصلی خودتان برای شناور بودن کارت */ 0 10px 3px rgba(0, 0, 0, 0.6); /* کدهای انیمیشن و mask شما دست نخورده باقی می‌مانند */ --visionary-r: 20px; width: 100%; border-radius: var(--visionary-r); transform: rotate(180deg) scaleX(-1); transition: --visionary-s 0.4s cubic-bezier(0.25, 1, 0.5, 1), --visionary-x 0.4s cubic-bezier(0.25, 1, 0.5, 1), --visionary-y 0.4s cubic-bezier(0.25, 1, 0.5, 1); --_d: calc(var(--visionary-s) + var(--visionary-r)); --_m: /calc(2*var(--visionary-r)) calc(2*var(--visionary-r)) radial-gradient(#000 70%, #0000 72%); --_g: conic-gradient(at calc(100% - var(--visionary-r)) var(--visionary-r), #0000 25%, #000 0); mask: calc(100% - var(--_d) - var(--visionary-x)) 0 var(--_m), 100% calc(var(--_d) + var(--visionary-y)) var(--_m), radial-gradient(var(--visionary-s) at 100% 0, #0000 99%, #000 calc(100% + 1px)) calc(-1*var(--visionary-r) - var(--visionary-x)) calc(var(--visionary-r) + var(--visionary-y)), var(--_g) calc(-1*var(--_d) - var(--visionary-x)) 0, var(--_g) 0 calc(var(--_d) + var(--visionary-y)); mask-repeat: no-repeat; } .visionary-card__content { transform: rotate(180deg) scaleX(-1); padding: 20px; display: flex; flex-direction: column; gap: 20px; } .visionary-card__content img { width: 100%; height: 160px; object-fit: cover; border-radius: 12px; } .visionary-card__bottom-row { display: flex; justify-content: space-between; align-items: center; min-height: 60px; } .visionary-card__title { font-size: 1.2rem; font-weight: 500; color: #fff; flex-grow: 1; text-align: left; } .visionary-card__icon-container { position: absolute; right:12px ; bottom:12px ; z-index: 10; width: 40px; height: 40px; border-radius: 12px; background-color:#0140ff; display: flex; justify-content: center; align-items: center; transition: width 0.6s cubic-bezier(0.25, 1, 0.5, 1), height 0.4s cubic-bezier(0.25, 1, 0.5, 1), border-radius 0.6s cubic-bezier(0.25, 1, 0.5, 1), transform 0.6s cubic-bezier(0.25, 1, 0.5, 1); } .visionary-card__icon-container img { position: absolute; width: 50%; height: 50%; transition: opacity 0.1s ease, transform 0.8s cubic-bezier(0.25, 1, 0.5, 1); } .icon-default { opacity: 1; transform: rotate(0deg) scale(1); } .icon-hover { opacity: 0; transform: rotate(-45deg) scale(0.7); } .visionary-card-wrapper:hover .visionary-card__icon-container { width: 60px; height: 60px; border-radius: 20px; transform: translate(2px, 2px); } .visionary-card-wrapper:hover .visionary-card__body { --visionary-s: 13px; --visionary-x: 44px; --visionary-y: 44px; } .visionary-card-wrapper:hover .icon-default { opacity: 0; transform: rotate(45deg) scale(0.7); } .visionary-card-wrapper:hover .icon-hover { opacity: 1; transform: rotate(0deg) scale(1); }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-6bb3a67 */.counter{ backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-fb2b73d */.bw{ text-align: center; width: 100;; } .custom-button { display: inline-flex; align-items: center; justify-content: center; gap:8px; text-decoration: none; transition: all 0.3s ease-in-out; } .button-icon-container { position: relative; display: flex; align-items: center; justify-content: center; width: 42px; height: 42px; background-color:#0140ff; border-radius: 8px; overflow: hidden; } .button-icon-container img { position: absolute; width: 80%; height: 80%; transition: all 0.4s ease-in-out; } .button-text { color: white; background-color:#0140ff; padding: 4px 18px; border-radius: 10px; font-size: 16px; font-weight: bold; white-space: nowrap; } .icon-hover { opacity: 0; } .custom-button:hover .icon-default { opacity: 0; transform: rotate(45deg); } .custom-button:hover .icon-hover { opacity: 1; transform: rotate(0deg); }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-fff27ce */.pt-a{ transition: 0.5s; transform-origin: center; } .pt:hover .pt-a{ transform: rotate(90deg); margin-top : -7px; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-bba7bfd */#ab-a{ transition: 0.5s; transform-origin: center; } #ab:hover .ab-a{ transform: rotate(90deg); margin-top : -7px; }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-700dd97 */@property --fet-s { syntax: ''; inherits: false; initial-value: 20px; } @property --fet-x { syntax: ''; inherits: false; initial-value: 48px; } @property --fet-y { syntax: ''; inherits: false; initial-value: 8px; } .afaq-icon-card-wrapper { position: relative; display: block; width: 100%; height: 60px; max-width: 100%; text-decoration: none; cursor: pointer; z-index: 99; color: #fff; } .afaq-icon-card__body { --fet-r: 9px; border-radius: 12px; width: 100%; height: 100%; background: #0141FB21; /* پس‌زمینه نیمه‌شفاف */ backdrop-filter: blur(10px); /* افکت بلور اصلی */ -webkit-backdrop-filter: blur(10px); /* برای border-radius: var(--fet-r); /* متغیرهای x و y به transition اضافه شدند */ transition: --fet-s 0.4s cubic-bezier(0.25, 1, 0.5, 1), --fet-x 0.4s cubic-bezier(0.25, 1, 0.5, 1), --fet-y 0.4s cubic-bezier(0.25, 1, 0.5, 1); --_d: calc(var(--fet-s) + var(--fet-r)); --_m: /calc(2*var(--fet-r)) calc(2*var(--fet-r)) radial-gradient(#000 70%,#0000 72%); --_g: conic-gradient(at calc(100% - var(--fet-r)) var(--fet-r),#0000 25%,#000 0); mask: calc(100% - var(--_d) - var(--fet-x)) 0 var(--_m), 100% calc(var(--_d) + var(--fet-y)) var(--_m), radial-gradient(var(--fet-s) at 100% 0,#0000 99%,#000 calc(100% + 1px)) calc(-1*var(--fet-r) - var(--fet-x)) calc(var(--fet-r) + var(--fet-y)), var(--_g) calc(-1*var(--_d) - var(--fet-x)) 0, var(--_g) 0 calc(var(--_d) + var(--fet-y)); mask-repeat: no-repeat; } .afaq-icon-card__content { padding: 0; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; } .afaq-icon-card__content span { padding-right: 65px; font-weight: 600; font-size: 1px; } .afaq-icon-card__image { width: 100%; height: 100%; object-fit: cover; border-radius: var(--fet-r); } .afaq-icon-card__play-button { position: absolute; top:-28px; right: 10px; z-index: 10; width: 60px; height: 60px; border-radius: 15px; background-color:#0140ff; display: flex; justify-content: center; align-items: center; transform-origin: 100% 100%; /* دستورات transition ادغام شدند */ transition: width 0.4s cubic-bezier(0.25, 1, 0.5, 1), height 0.4s cubic-bezier(0.25, 1, 0.5, 1), border-radius 0.4s cubic-bezier(0.25, 1, 0.5, 1), transform 0.3s ease-in-out 0.5s; } .afaq-icon-card__play-button img { width: 36px; height: 36px; transition: transform 0.4s cubic-bezier(0.25, 1, 0.5, 1); }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-2dca618 */@property --fet-s { syntax: ''; inherits: false; initial-value: 25px; } .afaq-video-card-wrapper { position: relative; display: block; width: 250px; height: 60px; max-width: 100%; text-decoration: none; cursor: pointer; } .afaq-video-card__body { --r: 9px; --x: 45px; --y: 5px; width: 100%; height: 100%; background: #e9e9f0; border-radius: var(--r); transition: --fet-s 0.4s cubic-bezier(0.25, 1, 0.5, 1); --_d: calc(var(--fet-s) + var(--r)); --_m: /calc(2*var(--r)) calc(2*var(--r)) radial-gradient(#000 70%,#0000 72%); --_g: conic-gradient(at calc(100% - var(--r)) var(--r),#0000 25%,#000 0); mask: calc(100% - var(--_d) - var(--x)) 0 var(--_m), 100% calc(var(--_d) + var(--y)) var(--_m), radial-gradient(var(--fet-s) at 100% 0,#0000 99%,#000 calc(100% + 1px)) calc(-1*var(--r) - var(--x)) calc(var(--r) + var(--y)), var(--_g) calc(-1*var(--_d) - var(--x)) 0, var(--_g) 0 calc(var(--_d) + var(--y)); mask-repeat: no-repeat; } .afaq-video-card__content { padding: 0; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; } .afaq-video-card__content span { padding-right: 35px; } .afaq-video-card__image { width: 100%; height: 100%; object-fit: cover; border-radius: var(--r); } .afaq-video-card__play-button { position: absolute; top: var(--y, -30px); right: var(--x, 10px); z-index: 10; width: 60px; height: 60px; border-radius: 15px; display: flex; justify-content: center; align-items: center; transition: width 0.4s cubic-bezier(0.25, 1, 0.5, 1), height 0.4s cubic-bezier(0.25, 1, 0.5, 1), border-radius 0.4s cubic-bezier(0.25, 1, 0.5, 1); } .afaq-video-card__play-button img { width: 36px; height: 36px; transition: transform 0.4s cubic-bezier(0.25, 1, 0.5, 1); }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-38d174a */@property --fet-s { syntax: ''; inherits: false; initial-value: 25px; } .afaq-video-card-wrapper { position: relative; display: block; width: 250px; height: 60px; max-width: 100%; text-decoration: none; cursor: pointer; } .afaq-video-card__body { --r: 9px; --x: 45px; --y: 5px; width: 100%; height: 100%; background: #e9e9f0; border-radius: var(--r); transition: --fet-s 0.4s cubic-bezier(0.25, 1, 0.5, 1); --_d: calc(var(--fet-s) + var(--r)); --_m: /calc(2*var(--r)) calc(2*var(--r)) radial-gradient(#000 70%,#0000 72%); --_g: conic-gradient(at calc(100% - var(--r)) var(--r),#0000 25%,#000 0); mask: calc(100% - var(--_d) - var(--x)) 0 var(--_m), 100% calc(var(--_d) + var(--y)) var(--_m), radial-gradient(var(--fet-s) at 100% 0,#0000 99%,#000 calc(100% + 1px)) calc(-1*var(--r) - var(--x)) calc(var(--r) + var(--y)), var(--_g) calc(-1*var(--_d) - var(--x)) 0, var(--_g) 0 calc(var(--_d) + var(--y)); mask-repeat: no-repeat; } .afaq-video-card__content { padding: 0; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; } .afaq-video-card__content span { padding-right: 35px; } .afaq-video-card__image { width: 100%; height: 100%; object-fit: cover; border-radius: var(--r); } .afaq-video-card__play-button { position: absolute; top: var(--y, -30px); right: var(--x, 10px); z-index: 10; width: 60px; height: 60px; border-radius: 15px; background-image: linear-gradient(273deg, rgb(11, 46, 110) 0%, rgb(34, 90, 190) 100%); display: flex; justify-content: center; align-items: center; transition: width 0.4s cubic-bezier(0.25, 1, 0.5, 1), height 0.4s cubic-bezier(0.25, 1, 0.5, 1), border-radius 0.4s cubic-bezier(0.25, 1, 0.5, 1); } .afaq-video-card__play-button img { width: 36px; height: 36px; transition: transform 0.4s cubic-bezier(0.25, 1, 0.5, 1); }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-8a5d2b4 */@property --fet-s { syntax: ''; inherits: false; initial-value: 25px; } .afaq-video-card-wrapper { display: flex; justify-content: center; position: relative; display: block; width: 250px; height: 60px; max-width: 100%; text-decoration: none; cursor: pointer; } .afaq-video-card__body { --r: 9px; --x: 45px; --y: 5px; width: 100%; height: 100%; background: #e9e9f0; border-radius: var(--r); transition: --fet-s 0.4s cubic-bezier(0.25, 1, 0.5, 1); --_d: calc(var(--fet-s) + var(--r)); --_m: /calc(2*var(--r)) calc(2*var(--r)) radial-gradient(#000 70%,#0000 72%); --_g: conic-gradient(at calc(100% - var(--r)) var(--r),#0000 25%,#000 0); mask: calc(100% - var(--_d) - var(--x)) 0 var(--_m), 100% calc(var(--_d) + var(--y)) var(--_m), radial-gradient(var(--fet-s) at 100% 0,#0000 99%,#000 calc(100% + 1px)) calc(-1*var(--r) - var(--x)) calc(var(--r) + var(--y)), var(--_g) calc(-1*var(--_d) - var(--x)) 0, var(--_g) 0 calc(var(--_d) + var(--y)); mask-repeat: no-repeat; } .afaq-video-card__content { padding: 0; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; } .afaq-video-card__content span { padding-right: 65px; } .afaq-video-card__image { width: 100%; height: 100%; object-fit: cover; border-radius: var(--r); } .afaq-video-card__play-button { position: absolute; top: var(--y, -30px); right: var(--x, 10px); z-index: 10; width: 60px; height: 60px; border-radius: 15px; background-image: linear-gradient(273deg, rgb(11, 46, 110) 0%, rgb(34, 90, 190) 100%); display: flex; justify-content: center; align-items: center; transition: width 0.4s cubic-bezier(0.25, 1, 0.5, 1), height 0.4s cubic-bezier(0.25, 1, 0.5, 1), border-radius 0.4s cubic-bezier(0.25, 1, 0.5, 1); } .afaq-video-card__play-button img { width: 36px; height: 36px; transition: transform 0.4s cubic-bezier(0.25, 1, 0.5, 1); }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-26109e9 */.avatar-stack .circle { width: 70px; height: 70px; border-radius: 50%; position: absolute; box-sizing: border-box; transition: all 0.3s ease-in-out; } .circle img{ border-radius: 50%; } .avatar-stack .circle:nth-child(1) { background-color:#0140ff; font-family: arial; font-weight: 200; font-size: 18px; color: white; z-index: 4; /* این دایره بالاتر از همه قرار می‌گیرد */ left: 0; display: flex; justify-content: center; align-items: center; direction: ltr; } .avatar-stack .circle:nth-child(2) { background-color: #c0c8d8; /* رنگ خاکستری-آبی */ z-index: 3; left: 40px; /* همپوشانی با دایره قبلی */ } .avatar-stack .circle:nth-child(3) { background-color: #c0c8d8; z-index: 2; left: 80px; } .avatar-stack .circle:nth-child(4) { background-color: #c0c8d8; z-index: 1; left: 120px; } .avatar-stack .circle:nth-child(5) { background-color: #c0c8d8; z-index: 1; left: 160px; } /* افکت هاور: وقتی موس روی نگهدارنده می‌رود */ .avatar-stack:hover .circle:nth-child(1) { /* دایره اول ثابت می‌ماند */ left: 0; } .avatar-stack:hover .circle:nth-child(2) { left: 55px; /* کمی باز می‌شود */ } .avatar-stack:hover .circle:nth-child(3) { left: 105px; /* بازتر می‌شود */ } .avatar-stack:hover .circle:nth-child(4) { left: 155px; /* کاملا باز می‌شود */ } .avatar-stack:hover .circle:nth-child(5) { left: 205px; /* کاملا باز می‌شود */ }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-c9e36e4 */.elementor-21298 .elementor-element.elementor-element-c9e36e4 span{ font-size: 16px !important; }/* End custom CSS */ /* Start custom CSS for bdt-custom-carousel, class: .elementor-element-caf632a *//* تعریف متغیرهای انیمیشن‌پذیر */ @property --sr-s { syntax: ''; inherits: false; initial-value: 13px; } @property --sr-x { syntax: ''; inherits: false; initial-value: 25px; } @property --sr-y { syntax: ''; inherits: false; initial-value: 25px; } .sr-card-wrapper { position: relative; display: block; width: 420px; max-width: 100%; text-decoration: none; cursor: pointer; } .sr-card__body { backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); background: #0141FB21; --sr-r: 20px; width: 100%; border-radius: var(--sr-r) var(--sr-r) 0 0; transform: rotate(180deg); /* انیمیشن برای هر سه متغیر فعال شد */ transition: --sr-s 0.4s cubic-bezier(0.25, 1, 0.5, 1), --sr-x 0.4s cubic-bezier(0.25, 1, 0.5, 1), --sr-y 0.4s cubic-bezier(0.25, 1, 0.5, 1); --_d: calc(var(--sr-s) + var(--sr-r)); --_m: /calc(2*var(--sr-r)) calc(2*var(--sr-r)) radial-gradient(#000 70%,#0000 72%); --_g: conic-gradient(at calc(100% - var(--sr-r)) var(--sr-r),#0000 25%,#000 0); mask: calc(100% - var(--_d) - var(--sr-x)) 0 var(--_m), 100% calc(var(--_d) + var(--sr-y)) var(--_m), radial-gradient(var(--sr-s) at 100% 0,#0000 99%,#000 calc(100% + 1px)) calc(-1*var(--sr-r) - var(--sr-x)) calc(var(--sr-r) + var(--sr-y)), var(--_g) calc(-1*var(--_d) - var(--sr-x)) 0, var(--_g) 0 calc(var(--_d) + var(--sr-y)); mask-repeat: no-repeat; } .sr-card__content { transform: rotate(180deg); padding: 20px; display: flex; flex-direction: column; gap: 20px; } .sr-card__content img { width: 100%; height: 160px; object-fit: cover; border-radius: 12px; } .review-text { text-align: justify; color: #fff; font-size: 13px; font-weight: 600; } .sr-card__icon-container { position: absolute; /* موقعیت آیکون به متغیرها متصل شد */ left: var(--sr-x); bottom: var(--sr-y); z-index: 10; transform: scaleX(-1); width: 40px; height: 40px; border-radius: 12px; background-color:#0140ff; display: flex; justify-content: center; align-items: center; transition: width 0.4s cubic-bezier(0.25, 1, 0.5, 1), height 0.4s cubic-bezier(0.25, 1, 0.5, 1), border-radius 0.4s cubic-bezier(0.25, 1, 0.5, 1), transform 0.4s cubic-bezier(0.25, 1, 0.5, 1); } .sr-card__icon-container{ position: absolute; bottom: 12px; left: 12px; } .sr-card__icon-container img { position: absolute; width: 50%; height: 50%; transition: opacity 0.3s ease, transform 0.4s cubic-bezier(0.25, 1, 0.5, 1); } .icon-default { opacity: 1; transform: rotate(0deg) scale(1); } .icon-hover { opacity: 0; transform: rotate(-45deg) scale(0.7); } /* --- حالت‌های هاور --- */ .sr-card-wrapper:hover .sr-card__body { /* مقادیر جدید برای هر سه متغیر در حالت هاور */ --sr-s: 20px; --sr-x: 41px; --sr-y: 41px; } .sr-card-wrapper:hover .sr-card__icon-container { width: 60px; height: 60px; border-radius: 20px; /* هر دو دستور transform با هم ادغام شدند */ transform: translate(2px, -2px) scaleX(-1); } .sr-card-wrapper:hover .icon-default { opacity: 0; transform: rotate(45deg) scale(0.7); } .sr-card-wrapper:hover .icon-hover { opacity: 1; transform: rotate(0deg) scale(1); } @property --fet-s { syntax: ''; inherits: false; initial-value: 25px; } .afaq-review-card-wrapper { position: relative; display: block; width: 100%; height: 90px; max-width: 100%; text-decoration: none; cursor: pointer; margin-top: 50px; } .afaq-review-card__body { backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); background: #0141FB21; --r: 12px; --x: 42px; --y: 28px; width: 100%; height: 100%; border-radius: var(--r) 0 0 0 ; transition: --fet-s 0.4s cubic-bezier(0.25, 1, 0.5, 1); --_d: calc(var(--fet-s) + var(--r)); --_m: /calc(2*var(--r)) calc(2*var(--r)) radial-gradient(#000 70%,#0000 72%); --_g: conic-gradient(at calc(100% - var(--r)) var(--r),#0000 25%,#000 0); mask: calc(100% - var(--_d) - var(--x)) 0 var(--_m), 100% calc(var(--_d) + var(--y)) var(--_m), radial-gradient(var(--fet-s) at 100% 0,#0000 99%,#000 calc(100% + 1px)) calc(-1*var(--r) - var(--x)) calc(var(--r) + var(--y)), var(--_g) calc(-1*var(--_d) - var(--x)) 0, var(--_g) 0 calc(var(--_d) + var(--y)); mask-repeat: no-repeat; } .afaq-review-card__content { padding: 0; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; align-items: center; flex-direction: column } .afaq-review-card__content span { color:#fff; padding-right: 65px; font-weight: 600; font-size: 15px; } .afaq-review-card__image { width: 100%; height: 100%; object-fit: cover; border-radius: var(--r); } .afaq-review-card__play-button { position: absolute; top: -3px; right: 10px; z-index: 10; width: 60px; height: 60px; border-radius: 50%; display: flex; justify-content: center; align-items: center; transition: width 0.4s cubic-bezier(0.25, 1, 0.5, 1), height 0.4s cubic-bezier(0.25, 1, 0.5, 1), border-radius 0.4s cubic-bezier(0.25, 1, 0.5, 1); } .afaq-review-card__play-button img { width: 60px; height: 60px; transition: transform 0.4s cubic-bezier(0.25, 1, 0.5, 1); border-radius: 50%; } /*review*/ .rating-widget { display: flex; ; direction: rtl; } .stars-section { background-color: #ffffff; z-index: 9; padding: 5px 10px 5px 10px; display: flex; align-items: center; border-radius: 50px; margin-right:-35px; direction: ltr; } .star { font-size: 15px; color: #6c757d; margin: 0 3px; line-height: 1; } .star.filled { color: #ffc700; } .label-section { background-color:#0140ff; color: #ffffff; padding: 2px 10px 2px 40px; display: flex; align-items: center; justify-content: center; font-size: 18px; font-weight: bold; border-radius: 50px; z-index: 8; font-size: 13px; } @keyframes pulse-star { 0% { transform: scale(1); } 50% { transform: scale(1.7); } 100% { transform: scale(1); } } .sr-card-wrapper:hover .star.filled { animation-name: pulse-star; animation-duration: 0.5s; /* مدت زمان هر انیمیشن */ animation-timing-function: ease-in-out; } .sr-card-wrapper:hover .stars-section .star.filled:nth-child(1) { animation-delay: 0s; } .sr-card-wrapper:hover .stars-section .star.filled:nth-child(2) { animation-delay: 0.1s; } .sr-card-wrapper:hover .stars-section .star.filled:nth-child(3) { animation-delay: 0.2s; } .sr-card-wrapper:hover .stars-section .star.filled:nth-child(4) { animation-delay: 0.3s; } .sr-card-wrapper:hover .stars-section .star.filled:nth-child(5) { animation-delay: 0.4s; }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-9cd9cae */@property --banner-s { syntax: ''; inherits: false; initial-value: 13px; } @property --banner-x { syntax: ''; inherits: false; initial-value: 25px; } @property --banner-y { syntax: ''; inherits: false; initial-value: 25px; } #courses-kh .elementor-widget-container .bdt-ep-custom-carousel .swiper-initialized .swiper-wrapper .bdt-ep-custom-carousel-item > div { display: flex; justify-content: center; } .title-header { font-size: 2rem; font-weight: 700; color: #111; } .banner-wrapper { position: relative; display: block; max-width: 100%; text-decoration: none; cursor: pointer; } .banner__body { background:#0141FB21; backdrop-filter: blur(4px); -webkit-backdrop-filter: blur(4px); box-shadow: /* سایه داخلی روشن برای لبه بالا-چپ (شبیه سازی نور) */ inset 0.5px -1.23px 1px rgba(255, 255, 255, 0.82), /* سایه داخلی تیره برای لبه پایین-راست (ایجاد عمق) */ inset -1.75px 1.75px 1px rgba(50, 50, 90, 0.75), /* سایه بیرونی اصلی خودتان برای شناور بودن کارت */ 0 10px 3px rgba(0, 0, 0, 0.6); --banner-r: 20px; width: 100%; border-radius: var(--banner-r); transform: rotate(180deg) scaleX(1); transition: --banner-s 0.4s cubic-bezier(0.25, 1, 0.5, 1), --banner-x 0.4s cubic-bezier(0.25, 1, 0.5, 1), --banner-y 0.4s cubic-bezier(0.25, 1, 0.5, 1); --_d: calc(var(--banner-s) + var(--banner-r)); --_m: /calc(2*var(--banner-r)) calc(2*var(--banner-r)) radial-gradient(#000 70%, #0000 72%); --_g: conic-gradient(at calc(100% - var(--banner-r)) var(--banner-r), #0000 25%, #000 0); mask: calc(100% - var(--_d) - var(--banner-x)) 0 var(--_m), 100% calc(var(--_d) + var(--banner-y)) var(--_m), radial-gradient(var(--banner-s) at 100% 0, #0000 99%, #000 calc(100% + 1px)) calc(-1*var(--banner-r) - var(--banner-x)) calc(var(--banner-r) + var(--banner-y)), var(--_g) calc(-1*var(--_d) - var(--banner-x)) 0, var(--_g) 0 calc(var(--_d) + var(--banner-y)); mask-repeat: no-repeat; } .banner__content { height: 200px; transform: rotate(180deg) ; display: flex; flex-direction: column; gap: 20px; justify-content: center; padding: 18px } .banner__content h3{ color:#fff; font-weight: 900; font-size: 3rem } .banner__content h4{ color:#fff; font-weight: 900; font-size: 1.7rem; padding-top: 20px } .banner__content h4 span{ background-color: #0140ff; border-radius: 8px; padding: 6px } .banner__bottom-row { display: flex; justify-content: space-between; align-items: center; min-height: 60px; flex-direction: row-reverse; } .banner__title { font-size: 1.2rem; font-weight: 500; color: #fff; flex-grow: 1; text-align: left; } .banner__icon-container { position: absolute; left:12px ; bottom:12px ; z-index: 10; width: 40px; height: 40px; border-radius: 12px; background-color:#0140ff; display: flex; justify-content: center; align-items: center; transition: width 0.6s cubic-bezier(0.25, 1, 0.5, 1), height 0.4s cubic-bezier(0.25, 1, 0.5, 1), border-radius 0.6s cubic-bezier(0.25, 1, 0.5, 1), transform 0.6s cubic-bezier(0.25, 1, 0.5, 1); } .banner__icon-container img { position: absolute; width: 50%; height: 50%; transition: opacity 0.1s ease, transform 0.8s cubic-bezier(0.25, 1, 0.5, 1); } .icon-default { opacity: 1; transform: rotate(0deg) scale(1); } .icon-hover { opacity: 0; transform: rotate(-45deg) scale(0.7); } .banner-wrapper:hover .banner__icon-container { width: 60px; height: 60px; border-radius: 20px; transform: translate(2px, 2px); } .banner-wrapper:hover .banner__body { --banner-s: 13px; --banner-x: 44px; --banner-y: 44px; } .banner-wrapper:hover .icon-default { opacity: 0; transform: rotate(45deg) scale(0.7); } .banner-wrapper:hover .icon-hover { opacity: 1; transform: rotate(0deg) scale(1); } @media (max-width: 767px) { .banner__content { height: 100%; } .banner__content h3{ color:#fff; font-weight: 900; font-size: 1.5rem; line-height:1.5; } .banner__content h4{ color:#fff; font-weight: 900; font-size: 0.9rem; padding-top: 2px; padding-left:40px; line-height:2.5; } .banner__content h4 span{ background-color: #0140ff; border-radius: 8px; padding: 2px } .banner__content { gap: 2px; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-649770f */@property --rs-s { syntax: ''; inherits: false; initial-value: 25px; } .rss { background:#0141FB21; backdrop-filter: blur(7px); -webkit-backdrop-filter: blur(7px); --r: 9px; --x: 250px; --y: 70px; width: 100%; height: 100%; border-radius: var(--r); transition: --rs-s 0.4s cubic-bezier(0.25, 1, 0.5, 1); --_d: calc(var(--rs-s) + var(--r)); --_m: /calc(2*var(--r)) calc(2*var(--r)) radial-gradient(#000 70%,#0000 72%); --_g: conic-gradient(at calc(100% - var(--r)) var(--r),#0000 25%,#000 0); mask: calc(100% - var(--_d) - var(--x)) 0 var(--_m), 100% calc(var(--_d) + var(--y)) var(--_m), radial-gradient(var(--rs-s) at 100% 0,#0000 99%,#000 calc(100% + 1px)) calc(-1*var(--r) - var(--x)) calc(var(--r) + var(--y)), var(--_g) calc(-1*var(--_d) - var(--x)) 0, var(--_g) 0 calc(var(--_d) + var(--y)); mask-repeat: no-repeat; } #rsp { position: absolute; top: 100px; right:150px; width: 100px; display: flex; justify-content: center; align-items: center; transition: width 0.4s cubic-bezier(0.25, 1, 0.5, 1), height 0.4s cubic-bezier(0.25, 1, 0.5, 1), border-radius 0.4s cubic-bezier(0.25, 1, 0.5, 1); }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-5b51c0c *//* --- متغیرهای انیمیشن‌پذیر برای کارت وبلاگ --- */ @property --blog-s { syntax: ''; inherits: false; initial-value: 13px; } @property --blog-x { syntax: ''; inherits: false; initial-value: 25px; } @property --blog-y { syntax: ''; inherits: false; initial-value: 25px; } /* --- استایل پایه کامپوننت کارت وبلاگ --- */ .blog-card-wrapper { position: relative; display: block; max-width: 100%; text-decoration: none; cursor: pointer; } .blog-card__body { --blog-r: 20px; position: relative; overflow: hidden; width: 100%; background: rgba(29, 37, 72, 0.55); border-radius: var(--blog-r); transform: rotate(180deg) scaleX(-1); transition: --blog-s 0.4s cubic-bezier(0.25, 1, 0.5, 1), --blog-x 0.4s cubic-bezier(0.25, 1, 0.5, 1), --blog-y 0.4s cubic-bezier(0.25, 1, 0.5, 1); --_d: calc(var(--blog-s) + var(--blog-r)); --_m: /calc(2*var(--blog-r)) calc(2*var(--blog-r)) radial-gradient(#000 70%,#0000 72%); --_g: conic-gradient(at calc(100% - var(--blog-r)) var(--blog-r),#0000 25%,#000 0); mask: calc(100% - var(--_d) - var(--blog-x)) 0 var(--_m), 100% calc(var(--_d) + var(--blog-y)) var(--_m), radial-gradient(var(--blog-s) at 100% 0,#0000 99%,#000 calc(100% + 1px)) calc(-1*var(--blog-r) - var(--blog-x)) calc(var(--blog-r) + var(--blog-y)), var(--_g) calc(-1*var(--_d) - var(--blog-x)) 0, var(--_g) 0 calc(var(--_d) + var(--blog-y)); mask-repeat: no-repeat; } .blog-card__content { position: relative; z-index: 1; transform: rotate(180deg) scaleX(-1); padding: 20px; display: flex; flex-direction: column; gap: 20px; } .blog-card__content img { width: 100%; height: 160px; object-fit: cover; border-radius: 12px; } .blog-card__bottom-row { display: flex; justify-content: space-between; align-items: center; min-height: 60px; } .blog-card__title { font-size: 1.2rem; font-weight: 600; color: #fff; flex-grow: 1; text-align: right; padding-right: 80px; transition: color 0.5s ease-in-out; } .blog-card__icon-container { position: absolute; right: 10px; bottom: 10px; z-index: 10; width: 40px; height: 40px; border-radius: 12px; background-color:#0140ff; display: flex; justify-content: center; align-items: center; transition: width 0.6s cubic-bezier(0.25, 1, 0.5, 1), height 0.4s cubic-bezier(0.25, 1, 0.5, 1), border-radius 0.6s cubic-bezier(0.25, 1, 0.5, 1), transform 0.6s cubic-bezier(0.25, 1, 0.5, 1); } .blog-card__icon-container img { position: absolute; width: 50%; height: 50%; transition: opacity 0.1s ease, transform 0.8s cubic-bezier(0.25, 1, 0.5, 1); } .icon-default { opacity: 1; transform: rotate(0deg) scale(1); } .icon-hover { opacity: 0; transform: rotate(-45deg) scale(0.7); } .blog-card__body::before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; border-radius: 20px; background-image: linear-gradient(273deg, rgba(11, 46, 110, 0.7) 0%, rgba(34, 90, 190,0.7) 100%); transform-origin: top right; transform: scale(0); transition: transform 0.9s cubic-bezier(0.25, 1, 0.5, 1); z-index: 0; } .blog-card-wrapper:hover .blog-card__body { --blog-s: 13px; --blog-x: 41px; --blog-y: 41px; } .blog-card-wrapper:hover .blog-card__body::before { transform: scale(1); } .blog-card-wrapper:hover .blog-card__title { color: white; } .blog-card-wrapper:hover .blog-card__icon-container { width: 60px; height: 60px; border-radius: 20px; transform: translate(2px, 2px); } .blog-card-wrapper:hover .icon-default { opacity: 0; transform: rotate(45deg) scale(0.7); } .blog-card-wrapper:hover .icon-hover { opacity: 1; transform: rotate(0deg) scale(1); } /* --- استایل‌های کروسل --- */ .my-custom-blog-carousel-container { position: relative; padding: 0 40px; } .my-custom-blog-carousel-container .swiper-button-next, .my-custom-blog-carousel-container .swiper-button-prev { color: #fff; background-color: #0140ff; width: 44px; height: 44px; border-radius: 50%; box-shadow: 0 2px 10px rgba(0,0,0,0.1); } .my-custom-blog-carousel-container .swiper-button-next{ left: auto; right: -30px; } .my-custom-blog-carousel-container .swiper-button-prev{ right: auto; left: -30px; } .my-custom-blog-carousel-container .swiper-button-next:after, .my-custom-blog-carousel-container .swiper-button-prev:after { font-size: 20px; font-weight: bold; } .my-custom-blog-carousel-container .swiper-slide { width: auto; display: flex; justify-content: center; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-07678fe *//* ================== VARIABLES (Houdini) ================== */ @property --promo-tab-s { syntax: ''; inherits: false; initial-value: 13px; } @property --promo-tab-x { syntax: ''; inherits: false; initial-value: 25px; } @property --promo-tab-y { syntax: ''; inherits: false; initial-value: 25px; } /* ================== CONTAINER ================== */ .promo-sections-container { display: grid; grid-template-columns: repeat(2, 1fr); gap: 30px; direction: rtl; } @media (max-width: 900px) { .promo-sections-container { grid-template-columns: 1fr; } } /* ================== WIDGET ================== */ .promo-widget { position: relative; } /* ================== CARD ================== */ .promo-card { background: #0141FB21; backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); box-shadow: inset 0.5px 1.23px 1px rgba(255, 255, 255, 0.2), inset -1.75px -1.75px 1px rgba(10, 10, 30, 0.75), 0 10px 15px rgba(0, 0, 0, 0.3); --promo-tab-radius: 20px; border-radius: var(--promo-tab-radius); transform: rotate(180deg) scaleX(-1); transition: --promo-tab-s 0.6s, --promo-tab-x 0.4s, --promo-tab-y 0.4s; --_d: calc(var(--promo-tab-s) + var(--promo-tab-radius)); --_m: /calc(2*var(--promo-tab-radius)) calc(2*var(--promo-tab-radius)) radial-gradient(#000 70%, #0000 72%); --_g: conic-gradient(at calc(100% - var(--promo-tab-radius)) var(--promo-tab-radius), #0000 25%, #000 0); mask: calc(100% - var(--_d) - var(--promo-tab-x)) 0 var(--_m), 100% calc(var(--_d) + var(--promo-tab-y)) var(--_m), radial-gradient(var(--promo-tab-s) at 100% 0, #0000 99%, #000 calc(100% + 1px)) calc(-1*var(--promo-tab-radius) - var(--promo-tab-x)) calc(var(--promo-tab-radius) + var(--promo-tab-y)), var(--_g) calc(-1*var(--_d) - var(--promo-tab-x)) 0, var(--_g) 0 calc(var(--_d) + var(--promo-tab-y)); mask-repeat: no-repeat; } /* ================== CARD CONTENT ================== */ .promo-card__content { transform: rotate(180deg) scaleX(-1); padding: 25px 70px 70px 25px; color: #fff; } /* ================== HEADER ================== */ .promo-card__header { margin-bottom: 25px; border-bottom: 1px solid rgba(255,255,255,0.2); padding-bottom: 15px; } .promo-card__title { margin: 0 0 6px; font-size: 1.4rem; font-weight: 700; color:#fff } .promo-card__subtitle { margin: 0; font-size: 0.9rem; opacity: 0.85; } /* ================== ITEMS ================== */ .promo-items-list { display: flex; flex-direction: column; gap: 20px; } @media (max-width: 768px) { .promo-items-list { display: flex; overflow-x: auto; gap: 15px; scroll-snap-type: x mandatory; padding: 0 40px 10px; margin: 0 -25px; } } /* ================== ITEM ================== */ .promo-item { display: flex; flex-direction: row-reverse; gap: 15px; background: rgba(0,0,0,0.12); border-radius: 14px; padding: 15px; } @media (max-width: 768px) { .promo-item { flex: 0 0 85%; flex-direction: column; scroll-snap-align: center; } } /* ================== IMAGE ================== */ .promo-item__image { width: 90px; height: 90px; border-radius: 12px; background-size: cover; background-position: center; flex-shrink: 0; } @media (max-width: 768px) { .promo-item__image { width: 100%; height: 160px; } } /* ================== TEXT ================== */ .promo-item__text { flex: 1; } .promo-item__title { margin: 0 0 6px; font-size: 0.95rem; font-weight: 600; color: #fff; } .promo-item__desc { margin: 0; font-size: 0.85rem; opacity: 0.85; } /* ================== ICON ================== */ .promo-card__icon { position: absolute; right: 12px; bottom: 12px; width: 42px; height: 42px; background: #0140ff; border-radius: 14px; display: flex; justify-content: center; align-items: center; transition: all 0.6s cubic-bezier(0.25,1,0.5,1); z-index: 10; } .promo-card__icon img { position: absolute; width: 55%; height: 55%; transition: all 0.4s ease; } .promo-icon__hover { opacity: 0; transform: rotate(-45deg) scale(0.7); } /* ================== HOVER ================== */ .promo-widget:hover .promo-card { --promo-tab-x: 46px; --promo-tab-y: 46px; } .promo-widget:hover .promo-card__icon { width: 60px; height: 60px; border-radius: 20px; } .promo-widget:hover .promo-icon__default { opacity: 0; transform: rotate(45deg) scale(0.7); } .promo-widget:hover .promo-icon__hover { opacity: 1; transform: rotate(0) scale(1); }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-243a38c */.elementor-21298 .elementor-element.elementor-element-243a38c span{ font-size: 16px !important; }/* End custom CSS */ /* Start custom CSS */.gushe { transition: width 0.4s ease, height 0.4s ease; } a:hover{ color:#0B2E6E; } @media (max-width:700px){ /* Division */ .entry-content .elementor .elementor-element .e-con-inner .elementor-element .elementor-widget-html .elementor-widget-container{ display:flex; flex-direction:row; } } body{ background-color: #000 !important }/* End custom CSS */ /* Start Custom Fonts CSS */@font-face { font-family: 'yekan'; font-style: normal; font-weight: normal; font-display: auto; src: url('https://s.afaq-lc.com/wp-content/uploads/2024/04/IRANYekanWebRegular.ttf') format('truetype'); } @font-face { font-family: 'yekan'; font-style: normal; font-weight: 600; font-display: auto; src: url('https://s.afaq-lc.com/wp-content/uploads/2024/04/IRANYekanWebBold.ttf') format('truetype'); } @font-face { font-family: 'yekan'; font-style: normal; font-weight: 800; font-display: auto; src: url('https://s.afaq-lc.com/wp-content/uploads/2024/04/IRANYekanWebExtraBlack.ttf') format('truetype'); } @font-face { font-family: 'yekan'; font-style: normal; font-weight: 700; font-display: auto; src: url('https://s.afaq-lc.com/wp-content/uploads/2024/04/IRANYekanWebExtraBold.ttf') format('truetype'); } /* End Custom Fonts CSS */