Fahad is a talented web developer with a fantastic dimension of creativity and proactivity. He made the whole process very easy for me with excellent communication. I enjoyed the process and timely delivery. Thank you so much.
My goodness! Fahad!!! You're a magician. Oh my gosshh! I can't thank you more, Also thanks to Max for referring you! I'm super happy!
Subscribe To My YouTube Channel For More Upcoming Videos
wrd cr
.btn-shadow .elementor-button {
background: linear-gradient(180deg, #712EDE 0%, #BF97FF 100%);
border-radius: 28px;
box-shadow:
inset 0 2px 0 -2px #E3DEFF,
inset 0px -4px 4px #6E58E8,
inset 0px 4px 4px #887AD9 !important;
transition:
box-shadow 0.55s ease,
transform 0.45s cubic-bezier(0.22, 1, 0.36, 1);
will-change: box-shadow, transform;
}
.btn-shadow .elementor-button-icon {
font-size: 24px;
}
.btn-shadow .elementor-button:hover {
box-shadow:
inset 0 2px 0 -2px #E3DEFF,
inset 0px -4px 4px #6E58E8,
inset 0px 4px 4px #887AD9,
0 0 12px rgba(191, 151, 255, 0.55),
0 0 28px rgba(113, 46, 222, 0.55),
0 0 45px rgba(191, 151, 255, 0.35) !important;
transform: translateY(-3px);
}
btn-shadow
.hero-video .elementor-wrapper{
overflow: hidden;
position: relative;
border-radius: 24px;
border: 12px solid rgba(255, 255, 255, 0.12);
}
.hero-video .elementor-custom-embed-play {
display: flex;
justify-content: center;
align-items: center;
padding: 25px;
background: #FFF;
border-radius: 100px;
box-shadow: 0 0 0 6px rgba(255, 255, 255, 0.4);
z-index: 5;
}
@media (min-width: 1023px) {.hero-video .elementor-wrapper {
height: 624px;
width: 100%;
overflow: hidden;
position: relative;
border-radius: 24px;
border: 12px solid rgba(255, 255, 255, 0.12);
}
.hero-video .elementor-wrapper video {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
}
}
.hero-video .elementor-custom-embed-image-overlay{
width: 100%;
height: 620px;
object-fit: cover;
}
.hero-video .elementor-custom-embed-image-overlay::before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(11, 11, 30, 0.24);
pointer-events: none;
z-index: 2;
}
@media (max-width: 767px){
.hero-video .elementor-wrapper {
border-radius: 20px;
border: 8px solid rgba(255, 255, 255, 0.12);
}
.hero-video .elementor-custom-embed-play {
padding: 16px;
}
.hero-video .elementor-custom-embed-image-overlay {
border-radius: 10px;
height: 100%;
width: 100%;
object-fit: cover;
}
}
hero-video
.logo-wrapper {
position: relative;
overflow: hidden;
}
.logo-marquee {
display: flex;
will-change: transform;
animation: scrollX 60s linear infinite;
backface-visibility: hidden;
-webkit-backface-visibility: hidden;
}
@keyframes scrollX {
0% {
transform: translateX(0);
}
100% {
transform: translateX(-50%);
}
}
.left-color {
background: conic-gradient(from 90deg at 50% 50%, #712EDE 0deg, rgba(0, 9, 46, 0) 144deg, rgba(11, 11, 30, 0) 180deg, rgba(11, 11, 30, 0) 360deg);
}
logo-wrapper logo-marquee left-color
.ai-card {
position: relative;
border-radius: 12px;
background: rgba(255, 255, 255, 0.08);
-webkit-backdrop-filter: blur(50px);
backdrop-filter: blur(50px);
z-index: 1;
overflow: hidden;
}
.ai-card::before {
content: "";
position: absolute;
inset: 0;
padding: 1.5px;
border-radius: inherit;
background: linear-gradient(
140deg,
rgba(255, 255, 255, 0.4) 0%,
rgba(255, 255, 255, 0) 40%,
rgba(255, 255, 255, 0) 60%,
rgba(255, 255, 255, 0.1) 100%
);
-webkit-mask:
linear-gradient(#fff 0 0) content-box,
linear-gradient(#FFF);
-webkit-mask-composite: xor;
z-index: 0;
opacity: 15%;
}
.ai-card-icon {
display: flex;
justify-content: center;
align-items:center;
padding: 16px;
background: linear-gradient(180deg, #712EDE 0%, #BF97FF 100%);
border-bottom: 2px solid #E3DEFF;
box-shadow: inset 0px -4px 4px #6E58E8, inset 0px 4px 4px #887AD9;
border-radius: 1000px;
}
@media (min-width: 1024px) and (max-width: 1220px) {
.ai-card {
padding: 20px;
}
.ai-card-head .elementor-heading-title{
font-size:20px !important;
}
}
@media (max-width: 767px){
.ai-card-icon{
padding: 10px;
}
}
.ai-card-image {
position: relative;
overflow: hidden;
z-index: 1;
}
.ai-card-image::before {
content: "";
position: absolute;
width: 100%;
height: 100%;
background: linear-gradient(180deg,rgba(11, 11, 30, 0) 60%, rgba(11, 11, 30, 1) 100%);
border-radius: 8px;
pointer-events: none;
}
ai-card ai-card-icon ai-card-image
.curriculum-item {
background: rgba(255, 255, 255, 0.03);
box-shadow: inset 2px 4px 16px rgba(248, 248, 248, 0.06);
-webkit-backdrop-filter: blur(50px);
backdrop-filter: blur(50px);
border-radius: 12px;
z-index: 1;
overflow: hidden;
}
.curriculum-item::before {
content: "";
position: absolute;
inset: 0;
padding: 1.5px;
border-radius: inherit;
background:linear-gradient(180deg,rgba(113, 46, 222, 1) 0%, rgba(191, 151, 255, 1) 100%);
-webkit-mask:
linear-gradient(#fff 0 0) content-box,
linear-gradient(#FFF);
-webkit-mask-composite: xor;
z-index: 0;
opacity: 0%;
}
.curriculum-item::after {
content: "";
position: absolute;
inset: 0;
padding: 1.5px;
border-radius: inherit;
background: linear-gradient(
180deg,
rgba(255, 255, 255, 0.4) 0%,
rgba(255, 255, 255, 0) 40%,
rgba(255, 255, 255, 0) 60%,
rgba(255, 255, 255, 0.1) 100%
);
-webkit-mask:
linear-gradient(#fff 0 0) content-box,
linear-gradient(#FFF);
-webkit-mask-composite: xor;
z-index: 0;
opacity: 15%;
}
.curriculam-list {
position: relative;
background: rgba(255, 255, 255, 0.03);
box-shadow: inset 2px 4px 16px rgba(248, 248, 248, 0.06);
-webkit-backdrop-filter: blur(50px);
backdrop-filter: blur(50px);
z-index: 3;
overflow: hidden;
}
.curriculam-list::before {
content: "";
position: absolute;
inset: 0;
padding: 1.5px;
border-radius: inherit;
background: linear-gradient(
180deg,
rgba(255, 255, 255, 0.4) 0%,
rgba(255, 255, 255, 0) 40%,
rgba(255, 255, 255, 0) 60%,
rgba(255, 255, 255, 0.1) 100%
);
-webkit-mask:
linear-gradient(#fff 0 0) content-box,
linear-gradient(#fff 0 0);
-webkit-mask-composite: xor;
mask-composite: exclude;
z-index: 2;
opacity: 0.15;
pointer-events: none;
}
.curriculam-list-item ol {
display: flex;
flex-direction: column;
gap: 8px;
padding-inline-start: 24px;
}
@media (max-width:1023px){
.curriculam-list-item ol{
padding-inline-start: 20px;
}
}
@media (max-width:767px){
.curriculam-list-item ol{
padding-inline-start: 16px;
}
.includes-list ul.elementor-icon-list-items.elementor-inline-items {
display: flex;
flex-direction: column;
gap: 10px;
}
}
.minus-icon{
padding: 8px;
color: #ffffff;
background: linear-gradient(180deg, #712EDE 0%, #BF97FF 100%);
box-shadow: inset 0px -4px 4px #6E58E8, inset 0px 4px 4px #887AD9;
border-radius: 100px;
display: flex;
align-items: center;
justify-content: center;
flex-shrink: 0;
}
.plus-icon {
padding: 8px;
color: #0B0B1E;
background: linear-gradient(180deg, #FFFFFF 0%, #FFFFFF 100%);
box-shadow: inset 0px -4px 4px #6E58E8, inset 0px 4px 4px #887AD9;
border-radius: 100px;
display: flex;
align-items: center;
justify-content: center;
flex-shrink: 0;
}
.crc-toggle {
cursor: pointer;
}
.plus-icon,
.minus-icon {
transition: opacity 0.2s ease;
}
.crc-content.e-con {
min-height: initial;
}
.crc-content > .e-con-inner {
min-height: var(--min-height);
}
.curriculum-item:hover::before,
.curriculum-item.is-active::before {
opacity: 0.24;
}
.curriculum-item:hover::after,
.curriculum-item.is-active::after {
opacity: 0;
}
@media (max-width: 767px) {
.curriculum-item::before {
opacity: 0;
}
.curriculum-item.is-active::before {
opacity: 0.24;
}
.curriculum-item.is-active::after {
opacity: 0;
}
}
curriculam-list-item curriculum-item curriculam-list crc-toggle plus-icon minus-icon crc-content includes-list
.footer-list-item .elementor-icon-list-text {
width: 115px;
}
@media (min-width: 1024px) and (max-width: 1255px) {
.footer-list-item .elementor-icon-list-text {
width: auto !important;
min-width: 70px !important;
max-width: 100% !important;
white-space: normal;
flex: 1 1 auto;
}
.footer-list-item .elementor-icon-list-items {
display: flex;
justify-content: flex-start;
gap: 16px;
}
}
@media (max-width: 1023px) {
.footer-list-item .elementor-icon-list-items {
flex-direction: column;
justify-content: flex-start;
gap: 10px;
}
}
footer-list-item
