.elementor-23169 .elementor-element.elementor-element-6e6a2fc{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-23169 .elementor-element.elementor-element-b845e1d img{width:100%;}.elementor-23169 .elementor-element.elementor-element-7ceb151{--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:0px;--margin-bottom:60px;--margin-left:0px;--margin-right:0px;}.elementor-23169 .elementor-element.elementor-element-a297e5c{text-align:center;}.elementor-23169 .elementor-element.elementor-element-a297e5c .elementor-heading-title{font-family:"yekan", Sans-serif;font-size:60px;font-weight:600;color:#FFFFFF;}.elementor-23169 .elementor-element.elementor-element-f8cc83c{text-align:center;}.elementor-23169 .elementor-element.elementor-element-f8cc83c .elementor-heading-title{font-family:"yekan", Sans-serif;font-size:32px;color:#FFFFFF;}.elementor-23169 .elementor-element.elementor-element-34e071e{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:center;--padding-top:80px;--padding-bottom:80px;--padding-left:0px;--padding-right:0px;}.elementor-23169 .elementor-element.elementor-element-34e071e:not(.elementor-motion-effects-element-type-background), .elementor-23169 .elementor-element.elementor-element-34e071e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#0E1528;}.elementor-23169 .elementor-element.elementor-element-f9eedfe{--display:flex;}.elementor-23169 .elementor-element.elementor-element-cbf2b1c{text-align:center;}.elementor-23169 .elementor-element.elementor-element-cbf2b1c .elementor-heading-title{font-family:"yekan", Sans-serif;font-weight:600;color:#FFFFFF;}.elementor-23169 .elementor-element.elementor-element-6799d8d > .elementor-widget-container{margin:10px 0px 0px 0px;}.elementor-23169 .elementor-element.elementor-element-6799d8d{text-align:center;font-family:"yekan", Sans-serif;font-size:16px;color:#FFFEFE;}.elementor-23169 .elementor-element.elementor-element-29807c8{--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;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-23169 .elementor-element.elementor-element-9bd4441{--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;--border-radius:20px 20px 20px 20px;}.elementor-23169 .elementor-element.elementor-element-9bd4441:not(.elementor-motion-effects-element-type-background), .elementor-23169 .elementor-element.elementor-element-9bd4441 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#303030;}.elementor-23169 .elementor-element.elementor-element-4e8e9b9{--display:flex;}.elementor-23169 .elementor-element.elementor-element-ff8b02d .elementor-heading-title{font-family:"yekan", Sans-serif;font-size:18px;color:#F3F3F3;}.elementor-23169 .elementor-element.elementor-element-ea53c5f .elementor-heading-title{font-family:"yekan", Sans-serif;color:#EBEBEB;}.elementor-23169 .elementor-element.elementor-element-73d7300{--display:flex;}.elementor-23169 .elementor-element.elementor-element-d68bdee .elementor-button{background-color:#053EFE;border-radius:8px 8px 8px 8px;}.elementor-23169 .elementor-element.elementor-element-7201aaa{--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;--border-radius:20px 20px 20px 20px;}.elementor-23169 .elementor-element.elementor-element-7201aaa:not(.elementor-motion-effects-element-type-background), .elementor-23169 .elementor-element.elementor-element-7201aaa > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#303030;}.elementor-23169 .elementor-element.elementor-element-f876eba{--display:flex;}.elementor-23169 .elementor-element.elementor-element-3afae16 .elementor-heading-title{font-family:"yekan", Sans-serif;font-size:18px;color:#F3F3F3;}.elementor-23169 .elementor-element.elementor-element-5e74453 .elementor-heading-title{font-family:"yekan", Sans-serif;color:#EBEBEB;}.elementor-23169 .elementor-element.elementor-element-dc78977{--display:flex;}.elementor-23169 .elementor-element.elementor-element-84c2f00 .elementor-button{background-color:#053EFE;border-radius:8px 8px 8px 8px;}.elementor-23169 .elementor-element.elementor-element-6924144{--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;--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-23169 .elementor-element.elementor-element-8862afc{--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;--border-radius:0px 0px 0px 0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-23169 .elementor-element.elementor-element-79ef071{text-align:start;}.elementor-23169 .elementor-element.elementor-element-79ef071 .elementor-heading-title{font-family:"yekan", Sans-serif;font-size:32px;font-weight:600;color:#FFFFFF;}.elementor-23169 .elementor-element.elementor-element-960b240 > .elementor-widget-container{margin:20px 0px 0px 0px;}.elementor-23169 .elementor-element.elementor-element-960b240 .elementor-icon-list-icon i{color:#FFFFFF;transition:color 0.3s;}.elementor-23169 .elementor-element.elementor-element-960b240 .elementor-icon-list-icon svg{fill:#FFFFFF;transition:fill 0.3s;}.elementor-23169 .elementor-element.elementor-element-960b240{--e-icon-list-icon-size:12px;--icon-vertical-offset:0px;}.elementor-23169 .elementor-element.elementor-element-960b240 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-23169 .elementor-element.elementor-element-960b240 .elementor-icon-list-item > a{font-family:"yekan", Sans-serif;}.elementor-23169 .elementor-element.elementor-element-960b240 .elementor-icon-list-text{color:#FFF9F9;transition:color 0.3s;}.elementor-23169 .elementor-element.elementor-element-1603e64{--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;--border-radius:0px 0px 0px 0px;}.elementor-23169 .elementor-element.elementor-element-63059d4{--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-23169 .elementor-element.elementor-element-8f46844 .elementor-button{background-color:#053EFE;border-radius:8px 8px 8px 8px;padding:15px 30px 15px 30px;}.elementor-23169 .elementor-element.elementor-element-8f46844 > .elementor-widget-container{margin:-28px 0px 0px 0px;}.elementor-23169 .elementor-element.elementor-element-cdf02b9{--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;--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-23169 .elementor-element.elementor-element-3cc1902{--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;--border-radius:0px 0px 0px 0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-23169 .elementor-element.elementor-element-d3c4fe4{text-align:start;}.elementor-23169 .elementor-element.elementor-element-d3c4fe4 .elementor-heading-title{font-family:"yekan", Sans-serif;font-size:32px;font-weight:600;color:#FFFFFF;}.elementor-23169 .elementor-element.elementor-element-f68a30c > .elementor-widget-container{margin:10px 0px 0px 0px;}.elementor-23169 .elementor-element.elementor-element-f68a30c{text-align:justify;font-family:"yekan", Sans-serif;font-size:16px;color:#FFFEFE;}.elementor-23169 .elementor-element.elementor-element-7f1b73f{--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;--border-radius:0px 0px 0px 0px;}.elementor-23169 .elementor-element.elementor-element-f3e65c5{--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;--align-items:center;--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-23169 .elementor-element.elementor-element-71ce9c7{--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;--border-radius:0px 0px 0px 0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-23169 .elementor-element.elementor-element-f00076e{text-align:start;}.elementor-23169 .elementor-element.elementor-element-f00076e .elementor-heading-title{font-family:"yekan", Sans-serif;font-size:32px;font-weight:600;color:#FFFFFF;}.elementor-23169 .elementor-element.elementor-element-c4f5858 > .elementor-widget-container{margin:10px 0px 0px 0px;}.elementor-23169 .elementor-element.elementor-element-c4f5858{text-align:justify;font-family:"yekan", Sans-serif;font-size:16px;color:#FFFEFE;}.elementor-23169 .elementor-element.elementor-element-b75e4f9{--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;--border-radius:0px 0px 0px 0px;}.elementor-23169 .elementor-element.elementor-element-ef480ad img{border-radius:20px 20px 20px 20px;}.elementor-23169 .elementor-element.elementor-element-8180e2d{--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:40px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-23169 .elementor-element.elementor-element-2f7e73e{--e-image-carousel-slides-to-show:4;}.elementor-23169 .elementor-element.elementor-element-2f7e73e > .elementor-widget-container{margin:30px 0px 30px 0px;padding:0px 0px 0px 0px;}.elementor-23169 .elementor-element.elementor-element-2f7e73e .swiper-wrapper{display:flex;align-items:center;}.elementor-23169 .elementor-element.elementor-element-2f7e73e .elementor-image-carousel-wrapper .elementor-image-carousel .swiper-slide-image{border-radius:9px 9px 9px 9px;}.elementor-23169 .elementor-element.elementor-element-0ad4d00{--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:40px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-23169 .elementor-element.elementor-element-980fc6f{text-align:center;}.elementor-23169 .elementor-element.elementor-element-980fc6f .elementor-heading-title{font-family:"yekan", Sans-serif;font-size:32px;font-weight:600;color:#FFFFFF;}.elementor-23169 .elementor-element.elementor-element-482af2e{text-align:center;}.elementor-23169 .elementor-element.elementor-element-482af2e .elementor-heading-title{font-family:"yekan", Sans-serif;font-size:17px;font-weight:600;color:#FFFFFF;}.elementor-23169 .elementor-element.elementor-element-7ce4e5b{--display:grid;--e-con-grid-template-columns:repeat(6, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-23169 .elementor-element.elementor-element-3f302b5{--display:flex;}.elementor-23169 .elementor-element.elementor-element-998e066 img{width:50%;}.elementor-23169 .elementor-element.elementor-element-bdd83a7{text-align:center;}.elementor-23169 .elementor-element.elementor-element-bdd83a7 .elementor-heading-title{font-family:"yekan", Sans-serif;font-size:16px;color:#FFFFFF;}.elementor-23169 .elementor-element.elementor-element-4eac4ea{--display:flex;}.elementor-23169 .elementor-element.elementor-element-77caf24 img{width:50%;}.elementor-23169 .elementor-element.elementor-element-fef2678{text-align:center;}.elementor-23169 .elementor-element.elementor-element-fef2678 .elementor-heading-title{font-family:"yekan", Sans-serif;font-size:16px;color:#FFFFFF;}.elementor-23169 .elementor-element.elementor-element-dd9c12c{--display:flex;}.elementor-23169 .elementor-element.elementor-element-b0f17e5 img{width:50%;}.elementor-23169 .elementor-element.elementor-element-783d3c2{text-align:center;}.elementor-23169 .elementor-element.elementor-element-783d3c2 .elementor-heading-title{font-family:"yekan", Sans-serif;font-size:16px;line-height:22px;color:#FFFFFF;}.elementor-23169 .elementor-element.elementor-element-b1c6fe4{--display:flex;}.elementor-23169 .elementor-element.elementor-element-c8a3f52 img{width:50%;}.elementor-23169 .elementor-element.elementor-element-1ca99cc{text-align:center;}.elementor-23169 .elementor-element.elementor-element-1ca99cc .elementor-heading-title{font-family:"yekan", Sans-serif;font-size:16px;color:#FFFFFF;}.elementor-23169 .elementor-element.elementor-element-973100d{--display:flex;}.elementor-23169 .elementor-element.elementor-element-cf67637 img{width:50%;}.elementor-23169 .elementor-element.elementor-element-6902f66{text-align:center;}.elementor-23169 .elementor-element.elementor-element-6902f66 .elementor-heading-title{font-family:"yekan", Sans-serif;font-size:16px;color:#FFFFFF;}.elementor-23169 .elementor-element.elementor-element-463336e{--display:flex;}.elementor-23169 .elementor-element.elementor-element-ad827b6 img{width:50%;}.elementor-23169 .elementor-element.elementor-element-7404333{text-align:center;}.elementor-23169 .elementor-element.elementor-element-7404333 .elementor-heading-title{font-family:"yekan", Sans-serif;font-size:16px;color:#FFFFFF;}.elementor-23169 .elementor-element.elementor-element-378bd8a{--display:flex;--margin-top:40px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-23169 .elementor-element.elementor-element-9a76e6f{text-align:center;}.elementor-23169 .elementor-element.elementor-element-9a76e6f .elementor-heading-title{font-family:"yekan", Sans-serif;font-size:32px;font-weight:600;color:#FFFFFF;}.elementor-23169 .elementor-element.elementor-element-7c4e626{--display:flex;}.elementor-23169 .elementor-element.elementor-element-77c84d0 .elementor-button{background-color:#053EFE;border-radius:8px 8px 8px 8px;padding:15px 30px 15px 30px;}.elementor-23169 .elementor-element.elementor-element-77c84d0 > .elementor-widget-container{margin:0px 0px 0px 0px;}body.elementor-page-23169:not(.elementor-motion-effects-element-type-background), body.elementor-page-23169 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#101010;}.elementor-widget .tippy-tooltip .tippy-content{text-align:center;}@media(max-width:1024px){.elementor-23169 .elementor-element.elementor-element-7ce4e5b{--grid-auto-flow:row;}}@media(max-width:767px){.elementor-23169 .elementor-element.elementor-element-b845e1d > .elementor-widget-container{margin:150px 0px 0px 0px;}.elementor-23169 .elementor-element.elementor-element-a297e5c .elementor-heading-title{font-size:25px;}.elementor-23169 .elementor-element.elementor-element-f8cc83c .elementor-heading-title{font-size:19px;}.elementor-23169 .elementor-element.elementor-element-7ce4e5b{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}}@media(min-width:768px){.elementor-23169 .elementor-element.elementor-element-f9eedfe{--width:60%;}.elementor-23169 .elementor-element.elementor-element-73d7300{--width:68%;}.elementor-23169 .elementor-element.elementor-element-dc78977{--width:68%;}.elementor-23169 .elementor-element.elementor-element-6924144{--width:100%;}}/* Start custom CSS for heading, class: .elementor-element-cbf2b1c */h1{ margin-top: 0 !important }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-ff8b02d */.j-title span{ font-size: 11px; }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-3afae16 */.j-title span{ font-size: 11px; }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-aa35783 */@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: rgba(255, 255, 255, 0.15); /* پس‌زمینه نیمه‌شفاف */ 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); --banner-r: 20px; width: 100%; border-radius: var(--banner-r); 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:500px ; display: flex; flex-direction: column; gap: 20px; } /*.banner__content img {*/ /* width: 100%; */ /* height: 100%; */ /* object-fit: cover;*/ /*}*/ .banner__icon-container { position: absolute; right:12px ; top: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%; } }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-7ce2d0a */@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: rgba(255, 255, 255, 0.15); /* پس‌زمینه نیمه‌شفاف */ 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); --banner-r: 20px; width: 100%; border-radius: var(--banner-r); 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:500px ; display: flex; flex-direction: column; gap: 20px; } /*.banner__content img {*/ /* width: 100%; */ /* height: 100%; */ /* object-fit: cover;*/ /*}*/ .banner__icon-container { position: absolute; right:12px ; top: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%; } }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-2f7e73e */.project-slider::before { content: ''; position: absolute; top: 0; left: 0; width: 50px; /* Adjust the width of the fade effect */ height: 100%; z-index: 2; /* Set a higher z-index to render on top of the content */ background: linear-gradient(to left, rgba(0, 0, 0, 0), rgba(0, 0, 0, 1)); /* Adjust the gradient direction */ } .project-slider::after { content: ''; position: absolute; top: 0; right: 0; width: 50px; /* Adjust the width of the fade effect */ height: 100%; z-index: 1; background: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 1)); /* Adjust the gradient */ } .project-slider .swiper-wrapper { transition-timing-function: linear !important; } .project-slider .swiper-slide-image{ height: 200px; width: auto; }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-482af2e */h1{ margin-top: 0 !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 */