:root{--main-color:#2196f3;--hover-color:#fafafa;--section-color:#ececec;--secondary-text:#6a6a6a;--star-color:#ffc107;--star-border:4px;--star-size:24px;--member-card-empty:64px;--section-padding:96px;--main-padding:64px;--header-height:10vh;--spike-height:50px;--circle-size:12px;--circle-distance:-32px;--transition-duration:0.5s;--animation-duration:2s;--font-light:300;--font-regular:400;--font-bold:700}*{margin:0;padding:0;box-sizing:border-box;font-family:Cairo,sans-serif;color:#000}html{scroll-behavior:smooth}ul{list-style:none}a{text-decoration:none}img{aspect-ratio:attr(width)/attr(height);width:100%;height:auto}.container{padding:0 var(--main-padding)}section{padding:var(--section-padding) 0;position:relative;z-index:0}section{background-color:#fff}section:nth-of-type(odd){background-color:var(--section-color)}section .content{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:32px}.spikes{position:relative;transform:translateY(calc(-1 * var(--section-padding)))}.spikes::before{content:'';position:absolute;top:100%;left:0;width:100%;height:var(--spike-height);background-image:linear-gradient(135deg,#fff 25%,transparent 25%),linear-gradient(225deg,#fff 25%,transparent 25%);background-size:var(--spike-height);background-position:0 0;z-index:1}.dots{background-image:url(../assets/images/dots.webp);background-repeat:no-repeat;width:204px;height:186px;position:absolute;z-index:-1}.dots__right{top:200px;right:0}.dots__left{bottom:200px;left:0}.section__title{text-transform:uppercase;font-size:24pt;font-weight:var(--font-bold);width:fit-content;padding:8px 16px;margin:40px auto 80px;border:2px solid #000;background-color:transparent;transition-property:border-color,color;transition-duration:var(--transition-duration);position:relative}.section__title:hover{transition-delay:var(--transition-duration);color:#fff;border-color:var(--main-color)}.section__title::after,.section__title::before{content:'';background-color:var(--main-color);width:var(--circle-size);height:var(--circle-size);border-radius:50%;position:absolute;top:50%;transform:translate(0,-50%);animation:var(--transition-duration) linear forwards;z-index:-1}.section__title::before{left:var(--circle-distance)}.section__title::after{right:var(--circle-distance)}.section__title:hover::before{animation-name:moveBoth,moveLeft}.section__title:hover::after{animation-name:moveBoth,moveRight}@keyframes moveBoth{50%{width:var(--circle-size);height:var(--circle-size)}100%{border-radius:0;width:calc(100% + 1px);height:calc(100% + 1px)}}@keyframes moveLeft{0%{left:var(--circle-distance)}100%,50%{left:0}}@keyframes moveRight{0%{right:var(--circle-distance)}100%,50%{right:0}}#lang__button{padding:8px 16px;background-color:var(--main-color);color:#fff;text-transform:uppercase;font-size:16pt;font-weight:var(--font-bold);border-radius:8px 0 0 8px;box-shadow:0 4px 8px rgba(0,0,0,.4);position:fixed;bottom:10vh;right:0;left:unset;cursor:pointer;z-index:99}header{position:sticky;top:0;left:0;width:100%;z-index:99}header .container{display:flex;justify-content:space-between;align-items:center;height:var(--header-height);width:100%;background-color:#fff;box-shadow:0 1px 2px #ddd;position:relative}#logo a{color:var(--main-color);font-size:20pt;font-weight:var(--font-bold);text-transform:uppercase}header nav{height:10vh}#links{display:flex;justify-content:space-between;align-items:center;height:100%}#links>li{height:100%}#links>li>a{height:100%;display:flex;justify-content:center;align-items:center;padding:0 32px;text-transform:capitalize;font-size:16pt;font-weight:var(--font-regular);background-color:transparent;position:relative;transition-property:color,background-color;transition-duration:var(--transition-duration)}#links>li>a::before{content:'';width:0;height:4px;background-color:var(--main-color);position:absolute;top:0;left:0;right:unset;transition:width var(--transition-duration)}#links>li>a.active,#links>li>a:hover{background-color:var(--hover-color);color:var(--main-color)}#links>li>a.active::before,#links>li>a:hover::before{width:100%}#additional__links{background-color:#fff;display:flex;justify-content:space-between;align-items:flex-start;gap:0 32px;padding:32px;width:calc(100% - 2 * var(--main-padding));border-bottom:4px solid var(--main-color);position:absolute;top:calc(100% + 2px);left:-120%;opacity:0;transition-property:left,opacity;transition-duration:var(--transition-duration)}#links>li:last-child:hover #additional__links{left:var(--main-padding);opacity:1}#additional__links .extra__links{display:flex;flex-direction:column;justify-content:space-between;align-items:flex-start;flex:1;height:100%;min-width:240px}#additional__links .extra__links li{width:100%;position:relative}#additional__links .extra__links li:not(:last-child){border-bottom:1px solid #e9e6e6}#additional__links .extra__links a::before{content:'';background-color:var(--hover-color);width:0;height:100%;position:absolute;top:0;left:0;right:unset;z-index:-1;transition:width var(--transition-duration)}#additional__links .extra__links a.active::before,#additional__links .extra__links a:hover::before{width:100%}#additional__links .extra__links a{font-size:14pt;font-weight:var(--font-bold);text-transform:capitalize;width:100%;display:flex;justify-content:flex-start;align-items:center;padding:16px;position:relative;z-index:2}#additional__links .extra__links a *{color:var(--main-color)}#additional__links .list__icon{margin-right:16px;margin-left:0}section#landing{padding:0}#landing .container{height:calc(100vh - var(--header-height));padding-bottom:100px;overflow:hidden;background-color:#ececec;background-image:unset;background-position:center;background-repeat:no-repeat;background-size:contain;background-attachment:fixed;display:flex;justify-content:space-between;align-items:center;gap:0 20px;position:relative}#landing .container::before{content:'';width:100%;height:100%;background-color:rgba(236,236,236,.75);position:absolute;top:0;left:0;z-index:1}#landing .container::after{content:'';background-color:#fff;width:100%;height:50%;position:absolute;top:80%;left:0;transform:skew(0,-6deg);z-index:1}#landing .text__container{position:relative;flex:1;z-index:1;background-color:transparent}#landing h1{text-transform:capitalize;font-size:30pt;font-weight:var(--font-bold);line-height:2;margin:0}#landing p{font-size:18pt;line-height:1.6;color:var(--secondary-text)}#landing .image__container{position:relative;max-width:600px;z-index:2}#landing .image__container::before{content:'';position:absolute;bottom:-40px;left:50%;transform:translate(-50%,0);background:radial-gradient(rgba(0,0,0,.15),transparent,transparent);width:90%;height:20px;border-radius:50%;animation:imageShadow var(--animation-duration) linear alternate infinite}@keyframes imageShadow{from{opacity:.8;transform:translate(-50%,0) scale(1.3)}to{opacity:1;transform:translate(-50%,0) scale(1.6)}}#landing .image__container img{position:relative;animation:upAndDown var(--animation-duration) linear alternate infinite}@keyframes upAndDown{from{top:-48px}to{top:0}}#landing a{position:absolute;bottom:32px;left:50%;transform:translate(-50%,0);z-index:2}#landing a *{color:var(--main-color);font-size:20pt;font-weight:var(--font-bold);animation:bounce var(--animation-duration) linear infinite}@keyframes bounce{0%,100%,20%,50%,80%{transform:translate(0,0)}40%,60%{transform:translate(0,8px)}}#landing a::before{content:'';position:absolute;bottom:-20px;left:50%;transform:translate(-50%,0);background:radial-gradient(rgba(0,0,0,.2),transparent,transparent);width:80%;height:10px;border-radius:50%;animation:shadow var(--animation-duration) linear infinite}@keyframes shadow{0%,100%,20%,50%,80%{opacity:.8;transform:translate(-50%,0) scale(1.3)}40%,60%{opacity:1;transform:translate(-50%,0) scale(1.6)}}#articles .content{grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}#articles .article__card{border-radius:8px;overflow:hidden;box-shadow:0 4px 16px rgba(0,0,0,.15);transition-property:transform,box-shadow;transition-duration:var(--transition-duration)}#articles .article__card:hover{transform:translate(0,-8px);box-shadow:0 4px 16px rgba(0,0,0,.5)}#articles .text__container{padding:16px}#articles .article__title{text-transform:capitalize;font-size:20pt;font-weight:var(--font-bold);margin:0}#articles .article__description{color:var(--secondary-text);line-height:1.6;margin:8px 0 0;font-size:14pt}#articles .article__action{padding:16px;border-top:2px solid #e6e6e6;display:flex;justify-content:space-between;align-items:center;position:relative}#articles .action__title{text-transform:uppercase;color:var(--main-color);font-weight:var(--font-bold);font-size:14pt}#articles .article__action::after{content:'\f30b';font-family:'Font Awesome 6 Free';font-weight:900;position:relative;color:var(--main-color);font-size:14pt;animation:var(--transition-duration) linear infinite}#articles .article__card:hover .article__action::after{animation-name:moveArrow}@keyframes moveArrow{from{transform:translateX(-16px)}to{transform:translateX(0)}}#gallery .image__container{border:16px solid #fff;overflow:hidden;box-shadow:0 8px 16px rgba(0,0,0,.5);display:flex;justify-content:center;align-items:center;position:relative}#gallery .image__container::before{content:'';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:0;height:0;background-color:rgba(255,255,255,.2);animation:var(--transition-duration) linear forwards;z-index:2}#gallery .image__container:hover::before{animation-name:flash}@keyframes flash{0%,50%{opacity:1}100%{opacity:0;width:200%;height:200%}}#gallery .image__container img{transition:transform var(--transition-duration)}#gallery .image__container:hover img{transform:rotate(6deg) scale(1.1)}#features .feature__card{border:1px solid #ccc;background-color:#fff;padding-bottom:32px}#features .image__container{display:flex;justify-content:center;align-items:center;overflow:hidden;position:relative}#features .image__container::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background-color:var(--card-color);opacity:.6}#features .image__container::after{content:'';position:absolute;bottom:0;right:0;left:unset;border:solid transparent;border-width:0 0 120px 800px;border-bottom-color:#fff;transition:border-width var(--transition-duration)}#features .feature__card:hover .image__container::after{border-width:0 800px 120px 0}#features .text__container{text-align:center;padding:16px 16px 0;margin-bottom:32px;position:relative}#features .feature__title{margin:0;font-size:26pt;font-weight:var(--font-bold);text-transform:capitalize;width:fit-content;margin:0 auto;padding-bottom:24px;position:relative}#features .feature__title::after{content:'';position:absolute;bottom:0;left:50%;transform:translate(-50%,0);width:70%;height:4px;background-color:var(--card-color)}#features .feature__description{color:var(--secondary-text);margin:16px 0;line-height:1.6;font-size:16pt;font-weight:var(--font-regular)}#features button{position:relative;display:block;border:4px solid var(--card-color);border-radius:8px;background-color:#fff;overflow:hidden;margin:0 auto}#features button a{position:relative;font-size:20pt;font-weight:var(--font-bold);text-transform:uppercase;display:inline-block;padding:8px 24px;color:var(--card-color);transition:color var(--transition-duration);z-index:2}#features .feature__card:hover button a{color:#fff}#features button::before{content:'';position:absolute;top:0;left:0;right:unset;width:0;height:100%;background-color:var(--card-color);transition:width var(--transition-duration)}#features .feature__card:hover button::before{width:100%}#testimonials .content{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:64px 32px}#testimonials .testimonial__card{background-color:#fff;padding:24px;border-radius:8px;box-shadow:0 4px 8px rgba(0,0,0,.2);border:4px solid transparent;display:flex;flex-direction:column;justify-content:space-between;align-items:flex-start;position:relative;--animation-play-state:paused;transition-property:transform,border-color;transition-duration:var(--transition-duration)}#testimonials .testimonial__card:hover{border-color:var(--main-color);transform:translate(0,-8px)}#testimonials .image__container{width:100px;border-radius:50%;display:flex;justify-content:center;align-items:center;position:absolute;padding:4px;top:0;right:0;left:unset;background-color:var(--section-color);transform:translate(-25%,-50%);overflow:hidden;transition:border-color var(--transition-duration)}#testimonials .image__container::before{content:'';position:absolute;top:50%;left:0;transform:translate(0,-50%);background-color:var(--main-color);width:100%;height:0;transition:height var(--transition-duration)}#testimonials .testimonial__card:hover .image__container::before{height:50%;animation:rotate var(--animation-duration) linear infinite}@keyframes rotate{from{transform:translate(0,-50%) rotate(0)}to{transform:translate(0,-50%) rotate(360deg)}}#testimonials .image__container img{position:relative;z-index:2;border-radius:50%}#testimonials .testimonial__card:hover .image__container{border-color:var(--main-color)}#testimonials .client__name{font-size:16pt;font-weight:var(--font-bold);text-transform:capitalize;color:var(--main-color);margin:0 0 8px}#testimonials .client__job{color:var(--secondary-text);font-weight:var(--font-regular);text-transform:capitalize}#testimonials .client__rating{margin:8px 0 16px;display:flex;justify-content:space-between;align-items:center}#testimonials .star__container{clip-path:polygon(50% 0,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%);width:calc(var(--star-size) + (2 * var(--star-border)));height:calc(var(--star-size) + (2 * var(--star-border)));background-color:var(--star-color);position:relative}#testimonials .star__container.empty{background-color:var(--secondary-text)}#testimonials .star{clip-path:polygon(50% 0,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%);width:var(--star-size);height:var(--star-size);position:absolute;top:var(--star-border);left:var(--star-border);background-color:#fff}#testimonials .star::before{content:'';position:absolute;top:0;left:0;right:unset;width:0;height:100%;background-color:var(--star-color);animation:calc(var(--transition-duration)/ 2) linear alternate forwards;animation-delay:calc((var(--i) - 1) * (var(--transition-duration)/ 2));animation-play-state:var(--animation-play-state)}#testimonials .star.full__star::before{animation-name:fullStar}@keyframes fullStar{0%{width:0}100%{width:100%}}#testimonials .star.half__star::before{animation-name:halfStar}@keyframes halfStar{0%{width:0}100%{width:50%}}#testimonials .client__quote{color:var(--secondary-text);font-size:12pt;line-height:1.6}#team__members .member__card{background-color:transparent;border-radius:16px;padding:64px 0 16px;overflow:hidden;position:relative}#team__members .member__card::after,#team__members .member__card::before{content:'';height:100%;border-radius:16px;position:absolute;top:0;right:0;left:unset}#team__members .member__card::before{width:calc(100% - var(--member-card-empty));background-color:var(--section-color);z-index:-2}#team__members .member__card::after{width:0;background-color:#e4e4e4;transition:width var(--transition-duration);z-index:-1}#team__members .member__card:hover::after{width:calc(100% - var(--member-card-empty))}#team__members .member__data{width:100%;display:flex;justify-content:space-between;align-items:center}#team__members img{width:calc(100% - var(--member-card-empty));border-radius:16px;transition:filter var(--transition-duration)}#team__members .member__card:hover img{filter:grayscale(100%)}#team__members .socials{width:64px;height:160px;display:flex;flex-direction:column;justify-content:space-between;align-items:center}#team__members .socials a *{font-size:16pt;width:32px;height:32px;display:flex;justify-content:center;align-items:center;color:var(--secondary-text);transition:color var(--transition-duration)}#team__members .socials a:hover *{color:var(--icon-color)}#team__members .member__info{margin-left:var(--member-card-empty);margin-right:unset;margin-top:16px;padding:0 16px}#team__members .member__name{color:var(--main-color);font-size:20pt;font-weight:var(--font-bold);text-transform:capitalize;margin-bottom:8px;transition:color var(--transition-duration)}#team__members .member__card:hover .member__name{color:var(--secondary-text)}#team__members .member__description{font-size:16pt;font-weight:var(--font-regular);text-transform:capitalize;color:var(--secondary-text)}#services .service__card{display:flex;flex-direction:column;justify-content:space-between;align-items:center;box-shadow:0 4px 8px 4px rgba(0,0,0,.2);background-color:#fff;counter-increment:services-counter;transition:transform var(--transition-duration);position:relative}#services .service__card::before{content:'';width:0;height:2px;background-color:var(--main-color);position:absolute;top:0;left:50%;transform:translate(-50%,-100%);transition:width var(--transition-duration)}#services .service__card:hover{transform:translate(0,-8px)}#services .service__card:hover::before{width:100%}#services .service__icon{color:#d5d5d5;font-size:64pt;padding:32px 0;transition:color var(--transition-duration)}#services .service__card:hover .service__icon{color:var(--main-color)}#services .service__title{color:var(--main-color);font-size:20pt;font-weight:var(--font-bold);text-transform:capitalize;margin-bottom:32px}#services .text__container{width:100%;height:50px;display:flex;justify-content:flex-end;align-items:center;text-align:end;background-color:#f9f9f9;position:relative}#services .text__container::before{content:'0' counter(services-counter);color:#fff;font-size:30pt;font-weight:var(--font-bold);background-color:var(--main-color);width:80px;height:100%;text-align:start;padding:0 16px;position:absolute;bottom:0;left:0;right:unset}#services .text__container::after{content:'';transform:skew(-30deg,0);width:48px;height:100%;background-color:#d5d5d5;position:absolute;top:0;left:80px;right:unset}#services .service__details{color:var(--main-color);font-size:14pt;font-weight:var(--font-bold);text-transform:uppercase;padding:8px 16px;margin-right:16px;margin-left:0;height:fit-content;position:relative}#services .service__details::after,#services .service__details::before{content:'';background-color:transparent;border:2px solid transparent;width:0;height:0;transform:rotate(0);position:absolute;transition-property:width,height,border-color;transition-duration:var(--transition-duration)}#services .service__details::before{top:-1px;left:-1px}#services .service__details::after{bottom:-1px;right:-1px}#services .service__card:hover .service__details::after,#services .service__card:hover .service__details::before{width:8px;height:8px}#services .service__card:hover .service__details::before{border-color:var(--main-color) transparent transparent var(--main-color)}#services .service__card:hover .service__details::after{border-color:transparent var(--main-color) var(--main-color) transparent}#services .service__card .service__details:hover::after,#services .service__card .service__details:hover::before{width:calc(100% - 2px);height:calc(100% - 2px)}#our__skills .content{display:flex;justify-content:space-between;align-items:center}#our__skills .image__container{flex-basis:45%}#our__skills .skills{display:flex;flex-direction:column;justify-content:space-between;align-items:flex-start;flex-basis:50%}#our__skills .skill__container{display:flex;flex-direction:column;justify-content:space-between;align-items:flex-start;width:100%}#our__skills .skill__container:not(:last-of-type){margin-bottom:24px}#our__skills .skill__title{font-size:16pt;font-weight:var(--font-bold);text-transform:uppercase;margin-bottom:8px}#our__skills .progress__bar{width:100%;height:24px;background-color:var(--section-color);position:relative}#our__skills .actual__progress{width:0;height:100%;background-color:var(--main-color);position:absolute;top:0;left:0;right:unset;transition:width calc(4 * var(--transition-duration))}#our__skills .actual__progress::before{content:'';height:0;width:0;border:8px solid transparent;border-top-color:var(--section-color);position:absolute;top:-2px;right:0;left:unset;transform:translate(50%,-50%)}#our__skills .actual__progress::after{content:attr(data-progress);padding:4px 8px;width:fit-content;height:fit-content;color:var(--main-color);font-weight:var(--font-bold);background-color:var(--section-color);border:1px solid var(--section-color);border-radius:8px;position:absolute;top:calc(-8px - 2px);right:0;left:unset;transform:translate(50%,-100%)}#work__steps .content{display:flex;justify-content:space-between;align-items:center}#work__steps .content>.image__container{flex-basis:45%}#work__steps .steps__list{display:flex;flex-direction:column;justify-content:space-between;align-items:flex-start;flex-basis:50%}#work__steps .step__item{background-color:transparent;display:flex;justify-content:space-between;align-items:center;border:1px solid #fff;border-radius:8px;padding:32px;overflow:hidden;position:relative}#work__steps .step__item:not(:last-of-type){margin-bottom:24px}#work__steps .step__item::before{content:'';width:0;height:0;background-color:#e6e6e6;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);transition-property:width,height;transition-duration:var(--transition-duration);z-index:-1}#work__steps .step__item:hover::before{width:150%;height:150%}#work__steps .step__item .image__container{width:250px}#work__steps .text__container{margin-left:32px;margin-right:0}#work__steps .step__title{color:#186db1;font-size:18pt;font-weight:var(--font-bold);text-transform:capitalize;margin-bottom:8px}#work__steps .step__description{color:var(--secondary-text);font-size:14pt;font-weight:var(--font-regular);line-height:1.6}#events .content{display:flex;justify-content:center;align-items:center;flex-wrap:wrap}#events .image__container{max-width:400px;margin-right:32px;margin-left:0}#events img{background-color:#fff}#events .text__container{flex:1;text-align:center}#events .date__container{display:flex;justify-content:center;align-items:center}#events .date__part{display:flex;flex-direction:column;justify-content:space-between;align-items:center;overflow:hidden;border:2px solid #000;background-color:#fff;border-radius:8px;width:80px;box-shadow:0 4px 8px var(--section-color);transition:border-color var(--transition-duration)}#events .date__part:not(:last-of-type){margin-right:16px;margin-left:0}#events .date__part:hover{border-color:var(--main-color)}#events .date__number{font-size:26pt;font-weight:var(--font-bold);color:var(--main-color);padding:24px 16px}#events .date__title{font-size:12pt;font-weight:var(--font-regular);text-transform:capitalize;padding:8px 0;border-top:2px solid #000;width:100%;text-align:center;transition:border-top-color var(--transition-duration)}#events .date__part:hover .date__title{border-top-color:var(--main-color)}#events .events__title{margin:32px 0 16px;font-size:20pt;font-weight:var(--font-bold);text-transform:capitalize}#events .events__paragraph{color:var(--secondary-text);background-color:#fff;font-weight:var(--font-regular);line-height:1.6}#events .form__container{width:100%;margin-top:64px;display:flex;justify-content:center;align-items:center}#events form{width:600px;padding:32px 40px;border-radius:100px;background-color:var(--hover-color);display:flex;justify-content:space-between;align-items:center;gap:32px}#events .input__container{display:flex;justify-content:space-between;align-items:center}#events .input__container:not(:last-of-type){flex:1}#events input{border:2px solid transparent;width:100%;padding:8px 16px;border-radius:50px;transition:border-color var(--transition-duration)}#events input[type=email]::placeholder{color:var(--secondary-text);font-size:12pt;font-weight:var(--font-bold);transition:opacity var(--transition-duration)}#events input[type=email]:focus{border-color:var(--main-color);outline:0;caret-color:var(--main-color)}#events input[type=email]:focus::placeholder{opacity:0}#events input[type=submit]{background-color:var(--main-color);border-color:var(--main-color);text-transform:uppercase;font-size:12pt;font-weight:var(--font-bold)}#events input[type=submit]:hover{cursor:pointer;animation:button calc(2 * var(--transition-duration)) linear alternate infinite}@keyframes button{from{transform:scale(1)}to{transform:scale(.9)}}#pricing__plans .plan{background-color:#fff;padding:32px 0;display:flex;flex-direction:column;align-items:center;box-shadow:0 8px 16px rgba(0,0,0,.15);position:relative;z-index:2}#pricing__plans .ribbon{font-size:14pt;font-weight:var(--font-bold);text-transform:capitalize;padding:8px 8px 24px;width:32px;color:#fff;background-color:var(--main-color);display:flex;justify-content:center;align-items:center;position:absolute;top:0;right:16px;left:unset;writing-mode:vertical-lr;z-index:1}#pricing__plans .ribbon::before{content:'';width:0;height:0;border:16px solid transparent;border-bottom-color:#fff;position:absolute;bottom:0;left:0;transition:border-color var(--transition-duration)}#pricing__plans .plan:hover .ribbon::before{border-bottom-color:var(--hover-color)}#pricing__plans .plan::after,#pricing__plans .plan::before{content:'';background-color:var(--hover-color);position:absolute;width:0;height:50%;transition:width var(--transition-duration);z-index:-1}#pricing__plans .plan::before{top:0;left:0;right:unset}#pricing__plans .plan::after{bottom:0;right:0;left:unset}#pricing__plans .plan:hover::after,#pricing__plans .plan:hover::before{width:100%}#pricing__plans .plan__title{text-align:center;font-size:18pt;font-weight:var(--font-bold);text-transform:uppercase}#pricing__plans img{max-width:100px;margin:16px 0}#pricing__plans .plan__price{font-size:40pt;font-weight:var(--font-bold);color:var(--main-color);position:relative}#pricing__plans .plan__price::before{content:'\24';font-family:'Font Awesome 6 Free';font-weight:900;font-size:30pt;font-weight:var(--font-bold);color:var(--main-color);position:relative}#pricing__plans .plan__period{color:var(--secondary-text);text-transform:capitalize;font-size:14pt;font-weight:var(--font-regular);margin:8px 0 16px}#pricing__plans .plan__details{width:100%;margin:16px 0 32px}#pricing__plans .plan__details li{font-size:14pt;font-weight:var(--font-regular);text-transform:capitalize;padding:16px;border-top:1px solid #ddd;display:flex;flex-direction:row;position:relative}#pricing__plans .plan__details li::before{content:'\f00c';font-family:'Font Awesome 6 Free';font-weight:900;color:var(--main-color);font-size:12pt;padding:0 16px;position:relative}#pricing__plans .plan__details li span{font-weight:var(--font-bold);padding:0 8px}#pricing__plans button{border:none;background-color:transparent;border-radius:8px;display:flex;justify-content:center;align-items:center}#pricing__plans button a{border:2px solid var(--main-color);padding:16px 24px;border-radius:8px;font-size:12pt;font-weight:var(--font-bold);text-transform:uppercase;transition-property:color,background-color;transition-duration:var(--transition-duration)}#pricing__plans button:hover a{color:#fff;background-color:var(--main-color)}#videos .content{display:flex;justify-content:center}#videos .side__container{min-width:300px;border:1px solid var(--secondary-text);display:flex;flex-direction:column;align-items:flex-start}#videos .heading__container{display:flex;justify-content:space-between;align-items:center;width:100%;padding:16px;background-color:var(--secondary-text)}#videos .main__title{font-size:14pt;font-weight:var(--font-bold);text-transform:capitalize;color:#fff}#videos .main__icon{font-size:12pt;transition:color var(--transition-duration);color:#fff;transform:rotate(0)}#videos .main__icon:hover{cursor:pointer;color:var(--main-color)}#videos .videos__list{width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center}#videos .video__item{padding:8px 16px;width:100%;display:flex;flex-direction:column;justify-content:space-between;align-items:flex-start;border-top:1px solid var(--secondary-text);position:relative;transition-property:color,background-color;transition-duration:var(--transition-duration)}#videos .video__item.active,#videos .video__item:hover{background-color:var(--section-color);cursor:pointer}#videos.video__title{flex:1;margin-bottom:8px;font-size:13pt;font-weight:var(--font-regular);text-transform:capitalize;transition:color var(--transition-duration)}#videos .video__item.active .video__title,#videos .video__item:hover .video__title{color:#186db1}#videos .video__period{font-size:11pt;color:var(--secondary-text);font-weight:var(--font-bold);transition:color var(--transition-duration)}#videos .video__item.active .video__period,#videos .video__item:hover .video__period{color:#186db1}#videos .current__video{display:flex;flex-direction:column;justify-content:space-between;align-items:center;background-color:var(--section-color);border:16px solid var(--section-color)}#videos .text__container{width:100%;display:flex;justify-content:space-between;align-items:center;margin-top:16px;background-color:var(--section-color)}#videos .video__icon{padding-right:32px;padding-left:0;font-size:14pt}#videos .current__title{flex:1;font-size:16pt;font-weight:var(--font-bold);text-transform:capitalize}#videos .current__period{padding-left:16px;padding-right:0;font-size:16pt;font-weight:var(--font-bold)}#statistics .content{grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}#statistics{background-image:url(../assets/images/stats.webp);background-position:center;background-repeat:no-repeat;background-size:cover}#statistics::before{content:'';background-color:rgba(255,255,255,.8);width:100%;height:100%;position:absolute;top:0;left:0;z-index:-1}#statistics h2{text-transform:capitalize;font-size:24pt;font-weight:var(--font-bold);width:fit-content;padding:8px 16px;margin:0 auto 80px}#statistics .stats__card{background-color:rgba(255,255,255,.85);padding:32px;display:flex;flex-direction:column;justify-content:space-between;align-items:center;transition:background-color var(--transition-duration);position:relative}#statistics .stats__card:hover{background-color:#fff}#statistics .stats__card::after,#statistics .stats__card::before{content:'';background-color:var(--main-color);width:2px;height:0;transition:height var(--transition-duration);position:absolute;z-index:1}#statistics .stats__card::before{bottom:0;left:0}#statistics .stats__card::after{top:0;right:0}#statistics .stats__card:hover::after,#statistics .stats__card:hover::before{height:100%}#statistics .stats__icon{font-size:30pt;transition:color var(--transition-duration)}#statistics .stats__card:hover .stats__icon{color:var(--main-color)}#statistics .stats__number{font-size:36pt;font-weight:var(--font-bold);margin:16px 0}#statistics .stats__title{font-size:16pt;font-weight:var(--font-bold);font-style:italic;color:var(--main-color)}section#discount{padding:0}#discount .container{padding:0;display:flex;justify-content:center;flex-wrap:wrap}#discount .content{display:flex;flex-direction:column;justify-content:flex-start;align-items:center;flex-basis:50%;padding:var(--main-padding) 0}#discount .content>:not([class=title]){padding:0 var(--main-padding)}#discount .title{padding:0 16px;font-size:30pt;font-weight:var(--font-bold);text-transform:capitalize;margin-bottom:32px}#discount .image__container{background-color:var(--main-color);text-align:center;background-image:url(../assets/images/discount-background1.webp);background-position:left;background-repeat:no-repeat;background-size:cover;position:relative;animation:changeBackground 5s linear alternate infinite}@keyframes changeBackground{from{background-image:url(../assets/images/discount-background1.webp)}to{background-image:url(../assets/images/discount-background2.webp)}}#discount .image__container::before{content:'';background-color:rgb(33,150,243,.96);width:100%;height:100%;position:absolute;top:0;left:0}#discount .image__container .title{color:#fff;position:relative}#discount p{color:#fff;font-size:14pt;font-weight:var(--font-regular);line-height:1.6;margin-bottom:16px;padding:0 var(--main-padding);position:relative}#discount img{max-width:500px;position:relative}#discount form{display:flex;flex-direction:column;justify-content:space-between;align-items:center;width:100%;max-width:400px}#discount .input__container{width:100%;display:flex;justify-content:center;align-items:center}#discount input,#discount textarea{background-color:var(--section-color);border:none;border-bottom:2px solid var(--secondary-text);padding:16px}#discount input:not([type=submit]){width:100%;margin-bottom:16px}#discount textarea{width:100%;height:200px;resize:none}#discount input[type=submit]{background-color:var(--main-color);border:1px solid var(--main-color);color:#fff;font-size:18pt;font-weight:var(--font-bold);text-transform:uppercase;padding:8px 32px;margin-top:16px;cursor:pointer}#discount input::placeholder,#discount textarea::placeholder{text-transform:capitalize;opacity:1;transition:opacity var(--transition-duration)}#discount input:focus,#discount textarea:focus{border-color:var(--main-color);outline:0;caret-color:var(--main-color)}#discount input:focus::placeholder,#discount textarea:focus::placeholder{opacity:0}footer .container{padding:0;display:flex;flex-direction:column;justify-content:space-between;align-items:center;background-color:#191919;color:#fff}footer .content{width:100%;padding:64px var(--main-padding);display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:32px}footer .content *{color:#b9b9b9}footer .title{font-size:26pt;font-weight:var(--font-bold);text-transform:uppercase;color:#fff}footer .socials{display:flex;justify-content:flex-start;align-items:center;margin:24px 0}footer .socials li{background-color:#313131;width:50px;height:50px;display:flex;justify-content:center;align-items:center;transition:background-color var(--transition-duration)}footer .socials li *{color:#b9b9b9;font-size:20pt}footer .socials li:not(:last-of-type){margin-right:16px;margin-left:0}footer .socials li:hover{cursor:pointer;background-color:var(--icon-color)}footer .description{font-size:14pt;line-height:1.6}footer .important__links{display:flex;flex-direction:column;justify-content:space-between}footer .important__links li{display:flex;align-items:center;position:relative}footer .important__links li:not(:last-of-type){border-bottom:1px solid var(--section-color)}footer .important__links li a{padding:16px 0;flex:1;text-transform:capitalize;transition-property:padding-left,color;transition-duration:var(--transition-duration)}footer .important__links li:hover a{padding-left:16px;padding-right:0;color:#fff}footer .important__links li a::before{content:'\f101';font-family:'Font Awesome 6 Free';font-weight:900;position:relative;margin-right:8px;margin-left:0;color:var(--main-color)}footer .contacts>li{display:flex;justify-content:space-between;align-items:center}footer .contacts>li:not(:last-of-type){margin-bottom:24px}footer .contacts li .contact__icon{font-size:20pt;color:var(--main-color);margin-right:16px;margin-left:0}footer .contacts>li :not(:first-child){flex:1;line-height:1.6;font-size:12pt;text-transform:capitalize}footer .images{display:grid;grid-template-columns:repeat(auto-fill,minmax(80px,1fr));gap:8px}footer .images li{position:relative}footer .images li::before{content:'';background-color:rgba(0,0,0,.4);width:100%;height:100%;position:absolute;top:0;left:0;transition:background-color var(--transition-duration)}footer .images li:hover::before{background-color:rgba(0,0,0,0)}footer .images img{border:4px solid #fff;transition:border-color var(--transition-duration)}footer .images li:hover img{border-color:var(--main-color)}footer .credit{display:flex;justify-content:space-between;align-items:center;width:100%;color:#fff;text-align:center;font-size:14pt;font-weight:var(--font-regular);text-transform:capitalize;padding:16px var(--main-padding);border-top:1px solid var(--section-color)}footer .credit div{color:#b9b9b9}footer .credit i{color:red}footer .author{color:var(--main-color);font-weight:var(--font-bold)}