.story-card{height:100%;width:100%;border-radius:12px 200px 12px 12px;transition:border-radius .3s ease-in-out;border:none}.story-card:dir(rtl){border-radius:200px 12px 12px 12px}@media screen and (max-width:1023.5px){.story-card{border-radius:12px 100px 12px 12px}.story-card:dir(rtl){border-radius:100px 12px 12px 12px}}@media screen and (max-width:767px){.story-card{border-radius:12px 100px 12px 12px}.story-card:dir(rtl){border-radius:100px 12px 12px 12px}}.story-card .card-image{scale:120%;transition:scale .3s ease-in-out,border-bottom-right-radius .3s ease-in-out,border-bottom-left-radius .3s ease-in-out;border-bottom-right-radius:31%;border-bottom-left-radius:31%}@media screen and (max-width:767px){.story-card .card-image{border-bottom-right-radius:36%;border-bottom-left-radius:36%}}@media screen and (min-width:768px)and (max-width:1024px){.story-card .card-image{border-bottom-right-radius:34%;border-bottom-left-radius:34%}}.story-card .background-gradient{border-radius:10px;background:linear-gradient(180deg,rgba(6,29,33,0) 68.5%,#061d21)}.story-card .logo-container{display:flex;align-items:center}@media screen and (max-width:1024px){.story-card .logo-container .logo-img{width:auto}}@media screen and (max-width:767px){.story-card .logo-container .logo-img{width:auto}}@media screen and (min-width:768px)and (max-width:1024px){.story-card .logo-container .logo-img{width:auto}}@media screen and (max-width:767px){.story-card .logo-container{height:69px}}@media screen and (min-width:768px)and (max-width:1024px){.story-card .logo-container{height:69px}}.story-card .card-text{padding:24px 24px 24px 171px;position:absolute;bottom:0;width:100%;transition:all .3s ease-in-out;display:flex;gap:24px;align-items:flex-end}.story-card .card-text:dir(rtl){padding:24px 145px 24px 24px}@media screen and (max-width:767px){.story-card .card-text:dir(rtl){padding:12px}}@media screen and (min-width:768px)and (max-width:1024px){.story-card .card-text:dir(rtl){padding:12px}}.story-card .card-text .card-text-container{padding-inline-end:24px;border-inline-start:3px solid var(--PRI---YELLOW,#fed51e);padding-right:24px;min-height:97px;align-content:flex-end;width:100%}.story-card .card-text .card-text-container:dir(ltr){padding-left:24px}@media screen and (max-width:1024px){.story-card .card-text .card-text-container{width:100%}.story-card .card-text{padding:24px 24px 24px 120px}}@media screen and (max-width:767px){.story-card .card-text{position:relative;padding:12px}.story-card .card-text .card-text-container{width:100%}}@media screen and (min-width:768px)and (max-width:1024px){.story-card .card-text{position:relative;padding:12px}.story-card .card-text .card-text-container{width:100%}}.story-card .card-text .card-name{overflow:hidden;color:var(--PRI---YELLOW,#fed51e);text-overflow:ellipsis;font-size:36px;font-style:normal;font-weight:700;line-height:120%;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;text-transform:capitalize}@media screen and (max-width:1024px){.story-card .card-text .card-name{font-size:16px}}.story-card .card-text .card-description{overflow:hidden;color:var(--PRI---YELLOW,#fed51e);text-overflow:ellipsis;font-family:inherit;font-size:20px;font-style:normal;font-weight:400;line-height:150%;margin-top:8px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;align-self:stretch;text-transform:capitalize;max-height:0;transition:all .3s ease-in-out}@media screen and (max-width:1024px){.story-card .card-text .card-description{font-size:14px}}.story-card .card-text .card-count{overflow:hidden;color:#fff;text-overflow:ellipsis;font-family:inherit;font-size:16px;font-style:normal;font-weight:500;line-height:120%;margin-top:8px;max-height:0;transition:all .3s ease-in-out}@media screen and (max-width:767px){.story-card .card-text .card-count{font-size:14px}}.story-card .card-text .arrow{display:none;width:40px;height:40px;justify-content:center;align-items:center;gap:21px}@media screen and (max-width:767px){.story-card .card-text .arrow{display:none}}.story-card .card-text .arrow img{max-width:40px;height:40px}.story-card .card-text .arrow img:dir(rtl){transform:rotate(180deg)}@media screen and (max-width:1024px){.story-card .card-text .arrow img{width:40px;height:40px}}.story-card .card-text .cardTitle{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}@media screen and (max-width:767px){.story-card .card-text .cardTitle{font-size:24px;line-height:120%}}@media screen and (min-width:1025px){.story-card:hover{border-radius:12px 12px 12px 12px}.story-card:hover .card-text{padding:78px 24px 24px 171px}}@media screen and (min-width:1025px)and (max-width:1024px){.story-card:hover .card-text{padding:24px 24px 24px 120px}.story-card:hover .card-text:dir(rtl){padding:24px 120px 24px 24px}}@media screen and (min-width:1025px)and (max-width:767px){.story-card:hover .card-text{padding:12px}}@media screen and (min-width:1025px){.story-card:hover .card-text:dir(rtl){padding:78px 145px 24px 24px}.story-card:hover .card-description{max-height:500px;transition:all 1s ease-in-out}.story-card:hover .card-image{scale:100%;border-bottom-right-radius:13px;border-bottom-left-radius:13px}}.gap-x-2\.5{-moz-column-gap:8px!important;column-gap:8px!important}@media screen and (max-width:767px){.clientResponsive{align-items:flex-end}.clientResponsive .card-text{padding-bottom:0!important}}@media screen and (min-width:768px)and (max-width:1024px){.clientResponsive{align-items:flex-end}.clientResponsive .card-text{padding-bottom:0!important}}@media screen and (min-width:1024px){.stories-section{padding-top:160px;padding-bottom:160px}}.stories-section .subtitle{color:var(--PRI---YELLOW,#fed51e);font-size:25px;font-style:normal;font-weight:400;line-height:120%}@media screen and (max-width:1024px){.stories-section .subtitle{font-size:20px}[dir=rtl] .stories-section .subtitle{margin-left:-60px}[dir=ltr] .stories-section .subtitle{margin-right:-60px}}.stories-section .title{color:var(--white,#fff);font-size:49px;font-style:normal;font-weight:700;line-height:120%;text-transform:capitalize;position:relative;display:inline-block}.stories-section .title .top-sign{top:-27px;right:-40px}@media screen and (max-width:767px){.stories-section .title .top-sign{right:-44px;top:-22px!important}}.stories-section .title .top-sign:dir(rtl){right:auto!important;left:-48px;top:-35px!important}@media screen and (max-width:1024px){.stories-section .title{font-size:30px}[dir=rtl] .stories-section .title{margin-left:-60px}[dir=ltr] .stories-section .title{margin-right:-60px}}@media screen and (max-width:767px){.stories-section .cards-container{display:none}}@media screen and (min-width:768px)and (max-width:1024px){.stories-section .cards-container{gap:2rem}}.stories-section .mobile-cards-container{display:none}@media screen and (max-width:767px){.stories-section .mobile-cards-container{display:grid}}.stories-section .campgain-number{color:var(--Blue---03,#99cfef);font-family:inherit;font-size:49px;font-style:normal;font-weight:800;line-height:100%;letter-spacing:-.98px;text-transform:capitalize}@media screen and (max-width:1024px){.stories-section .campgain-number{font-size:40px}}.stories-section .campgain-text{display:inline-block;color:var(--white,#fff);font-size:40px;font-style:normal;font-weight:300;line-height:130%;letter-spacing:-.8px;text-transform:capitalize}@media screen and (max-width:1023.5px){.stories-section .campgain-text{font-size:20px}}@media screen and (max-width:767px){.stories-section .campgain-text{font-size:18px;width:70%}}.all-works-info{position:absolute;bottom:0;width:calc(50% - 16px);right:0}.all-works-info:dir(rtl){left:0;right:auto}@media screen and (max-wixth:767px){.all-works-info{width:100%}}.cell:nth-child(2n){margin-top:-8.35rem}@media screen and (max-width:1024px){.cell:nth-child(2n){margin-top:-7rem}}@media screen and (min-width:768px)and (max-width:1024px){.cell:nth-child(2n){margin-top:-90px!important}}@media screen and (max-width:767px){.cell:nth-child(2n){margin-top:0}}.mobile-title{display:none}@media screen and (max-width:767px){.mobile-title{display:block}.mobile-title:dir(rtl){padding-left:0}}.container-title{row-gap:8px;display:inline-grid}@media screen and (max-width:767px){.container-title{display:none}}::-webkit-scrollbar{width:0;background:transparent}@media screen and (max-width:767px){.mobile-wrapper{overflow-x:auto;padding-left:0;padding-right:0;margin-left:0;margin-right:0}}.mobile-container{display:none}@media screen and (max-width:767px){.mobile-container{display:flex}[dir=rtl] .mobile-container .cell:first-child{padding-right:0}[dir=ltr] .mobile-container .cell:first-child{padding-left:0}}[dir=rtl] .campagin-mobile{padding-left:24px;padding-right:24px}.campagin-mobile{display:none}@media screen and (max-width:767px){.campagin-mobile{display:flex;justify-content:space-between;padding-left:24px;padding-right:0}.pt-10{padding-top:24px}.StoriesSection{padding-left:0}[dir=rtl] .StoriesSection{padding-right:0}}.top{top:-24px!important}.detailsSection .story-card{width:auto!important}@media screen and (max-width:767px){.detailsSection .mobile-title{display:block}.detailsSection .mobile-title:dir(rtl){padding-left:0}.detailsSection .aspect-square{width:100%!important;height:auto!important}}@media screen and (min-width:768px)and (max-width:1024px){.detailsSection .top-sign{right:-55px!important}.detailsSection:dir(rtl) .top-sign{left:-65px!important}.customePaddingTablet{padding-top:24px}}@media screen and (max-width:767px){.aspect-square{width:100%}}@media screen and (max-width:767px)and (max-width:767px){.aspect-square{height:335px;width:335px}}.arrow-Button{display:flex;cursor:pointer;height:104px;padding:12px 32px;justify-content:center;align-items:center;border-radius:6px;border:2px solid var(--PRI---YELLOW,#fed51e);gap:0;color:var(--white,#fff);font-family:inherit;font-size:20px;font-style:normal;font-weight:500;line-height:150%;letter-spacing:-.4px;text-transform:capitalize;transition:all 1s ease-in-out;white-space:nowrap}.arrow-Button img{max-width:40px;height:33px}@media screen and (max-width:1023.5px){.arrow-Button{max-width:48px;height:48px;font-size:18px;align-self:flex-start}}@media screen and (max-width:1024px){.arrow-Button img{max-width:32px;height:26px}}.arrow-Button span{opacity:0;width:0;transition:.77s;overflow:hidden;transform:translatex(200px);display:block}@media screen and (min-width:1025px){.arrow-Button span{opacity:0;display:block;transform:translatex(200px);animation:slideOut .77s ease}.arrow-Button span:dir(rtl){animation:slideOutAR .77s ease-in-out}.arrow-Button:hover{gap:16px}.arrow-Button:hover span{opacity:1;width:150px;transform:translatex(0);animation:slideIn .5s ease-in-out;transition:.77s}.arrow-Button:hover span:dir(rtl){animation:slideInAR .77s ease-in-out}}@media screen and (max-width:767px){.arrow-Button{width:62px;height:62px}}.arrow-Button:dir(rtl){transform:scale(-1)}@keyframes slideIn{0%{opacity:0;transform:translatex(200px)}to{opacity:1;transform:translatex(0)}}@keyframes slideOut{0%{opacity:1;transform:translatex(0)}to{opacity:0;transform:translatex(200px)}}@keyframes slideInAR{0%{opacity:0;transform:translatex(-200px)}to{opacity:1;transform:translatex(0)}}@keyframes slideOutAR{0%{opacity:1;transform:translatex(0)}to{opacity:0;transform:translatex(-200px)}}.imgWrapper{position:relative}@media screen and (min-width:1025px){.imgWrapper{overflow:hidden}}.svg2{position:absolute;top:0;left:-45px;opacity:0}@media screen and (min-width:1025px){.svg2{opacity:1;position:absolute}.btnAnimation:hover .svg2{animation:moveImageLTR1 .5s ease-in-out forwards}.btnAnimation:not(:hover) .svg2{animation:moveImageLTRReverse1 .5s ease-in-out forwards}.btnAnimation:hover .svg1{animation:moveImageLTR .5s ease-in-out forwards}.btnAnimation:not(:hover) .svg1{animation:moveImageLTRReverse .6s ease-in-out forwards}}@keyframes moveImageLTR1{0%{transform:translateX(0);opacity:1}to{transform:translateX(110%);opacity:1}}@keyframes moveImageLTRReverse1{0%{transform:translateX(110%);opacity:1}to{transform:translateX(0);opacity:1}}@keyframes moveImageLTR{0%{transform:translateX(0);opacity:1}to{transform:translateX(200%);opacity:1}}@keyframes moveImageLTRReverse{0%{transform:translateX(100%);opacity:1}to{transform:translateX(0);opacity:1}}@media screen and (min-width:1025px){[dir=rtl] .btnAnimation:hover .svg2{animation:moveImageRTL1 .5s ease-in-out forwards}[dir=rtl] .btnAnimation:not(:hover) .svg2{animation:moveImageRTLReverse1 .5s ease-in-out forwards}[dir=rtl] .btnAnimation:hover .svg1{animation:moveImageRTL .5s ease-in-out forwards}[dir=rtl] .btnAnimation:not(:hover) .svg1{animation:moveImageRTLReverse .6s ease-in-out forwards}}@keyframes moveImageRTL1{0%{transform:translateX(0);opacity:1}to{transform:translateX(110%);opacity:1}}@keyframes moveImageRTLReverse1{0%{transform:translateX(110%);opacity:1}to{transform:translateX(0);opacity:1}}@keyframes moveImageRTL{0%{transform:translateX(0);opacity:1}to{transform:translateX(200%);opacity:1}}@keyframes moveImageRTLReverse{0%{transform:translateX(100%);opacity:1}to{transform:translateX(0);opacity:1}}