.elementor-94 .elementor-element.elementor-element-9e6ef2c{--display:flex;}.elementor-94 .elementor-element.elementor-element-c3c1d68{--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;border-style:solid;--border-style:solid;border-width:2px 0px 0px 0px;--border-top-width:2px;--border-right-width:0px;--border-bottom-width:0px;--border-left-width:0px;border-color:#BEBEBE;--border-color:#BEBEBE;}.elementor-94 .elementor-element.elementor-element-c3c1d68:not(.elementor-motion-effects-element-type-background), .elementor-94 .elementor-element.elementor-element-c3c1d68 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(180deg, #F5C300 0%, #000000 100%);}.elementor-94 .elementor-element.elementor-element-c31af6b{--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-94 .elementor-element.elementor-element-c31af6b.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-94 .elementor-element.elementor-element-b844765 > .elementor-widget-container{padding:0px 0px 0px -11px;}.elementor-94 .elementor-element.elementor-element-50e56ca{--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;}.elementor-94 .elementor-element.elementor-element-50e56ca.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-94 .elementor-element.elementor-element-23f2a0d{--display:flex;}.elementor-94 .elementor-element.elementor-element-23f2a0d.e-con{--align-self:center;--flex-grow:0;--flex-shrink:0;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-94 .elementor-element.elementor-element-61d0739 .elementor-heading-title{font-family:"Noto Naskh Arabic", Sans-serif;font-size:25px;font-weight:700;color:#FFFFFF;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-94 .elementor-element.elementor-element-5c2184a{font-family:"Noto Naskh Arabic", Sans-serif;font-weight:400;color:#FFFBFB;}.elementor-94 .elementor-element.elementor-element-5111dff{--display:flex;--justify-content:center;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-94 .elementor-element.elementor-element-e76f61e.elementor-element{--align-self:center;}.elementor-94 .elementor-element.elementor-element-3dae2d5{--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-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}@media(max-width:767px){.elementor-94 .elementor-element.elementor-element-b844765.elementor-element{--align-self:center;}.elementor-94 .elementor-element.elementor-element-3dae2d5{--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}}@media(min-width:768px){.elementor-94 .elementor-element.elementor-element-c31af6b{--width:13.107%;}.elementor-94 .elementor-element.elementor-element-50e56ca{--width:65.125%;}.elementor-94 .elementor-element.elementor-element-23f2a0d{--width:67.758%;}.elementor-94 .elementor-element.elementor-element-3dae2d5{--width:25%;}}/* Start custom CSS for html, class: .elementor-element-b844765 */:root {
  --gold-dark: #B8860B;
  --gold-medium: #DAA520;
  --gold-light: #FFD700;
}

/* From Uiverse.io by BlackisPlay */ 
.cls-1 {
  fill: var(--gold-dark);
  animation: cls1 4s ease infinite both;
}

@keyframes cls1 {
  0% { fill: var(--gold-dark); }
  34% { fill: var(--gold-medium); }
  66% { fill: var(--gold-light); }
  100% { fill: var(--gold-dark); }
}

.cls-1,
.cls-2,
.cls-3 {
  stroke-width: 0px;
}

.cls-2 {
  fill: var(--gold-medium);
  animation: cls2 4s ease infinite both;
}

@keyframes cls2 {
  0% { fill: var(--gold-medium); }
  34% { fill: var(--gold-dark); }
  66% { fill: var(--gold-light); }
  100% { fill: var(--gold-medium); }
}

.cls-3 {
  fill: var(--gold-light);
  animation: cls3 4s ease infinite both;
}

@keyframes cls3 {
  0% { fill: var(--gold-light); }
  34% { fill: var(--gold-medium); }
  66% { fill: var(--gold-dark); }
  100% { fill: var(--gold-light); }
}

.cls-4 {
  display: none;
}

#triangle {
  height: 400px;
  width: 400px;
  padding-top: 30px;
  animation: triangle 4s both infinite;
}

@keyframes triangle {
  0% { transform: translateY(0px); }
  50% { transform: translateY(15px); }
  100% { transform: translateY(0px); }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-0687b5c *//* From Uiverse.io by Smit-Prajapati */ 
:root {
  --gold-dark: #B8860B;
  --gold-medium: #DAA520;
  --gold-light: #FFD700;
}

.card {
  position: relative;
  width: 300px;
  height: 300px;
  background: lightgrey;
  border-radius: 30px;
  overflow: hidden;
  box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
  transition: all 1s ease-in-out;
}

.background {
  position: absolute;
  inset: 0;
  background: radial-gradient(circle at 100% 107%, var(--gold-light) 0%, var(--gold-medium) 30%, var(--gold-dark) 60%, var(--gold-medium) 100%);
}

.logo {
  position: absolute;
  right: 50%;
  bottom: 50%;
  transform: translate(50%, 50%);
  transition: all 0.6s ease-in-out;
}

.logo .logo-svg {
  fill: white;
  width: 30px;
  height: 30px;
}

.icon {
  display: inline-block;
  width: 20px;
  height: 20px;
}

.icon .svg {
  fill: rgba(255, 255, 255, 0.797);
  width: 100%;
  transition: all 0.5s ease-in-out;
}

.box {
  position: absolute;
  padding: 10px;
  text-align: right;
  background: rgba(255, 255, 255, 0.389);
  border-top: 2px solid white;
  border-right: 1px solid white;
  border-radius: 10% 13% 42% 0%/10% 12% 75% 0%;
  box-shadow: rgba(100, 100, 111, 0.364) -7px 7px 29px 0px;
  transform-origin: bottom left;
  transition: all 1s ease-in-out;
}

.box::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  opacity: 0;
  transition: all 0.5s ease-in-out;
}

.box:hover .svg {
  fill: white;
}

.box1 {
  width: 70%;
  height: 70%;
  bottom: -70%;
  left: -70%;
}

.box1::before {
  background: radial-gradient(circle at 30% 107%, var(--gold-light) 0%, var(--gold-light) 5%, var(--gold-medium) 60%, var(--gold-dark) 90%);
}

.box1:hover::before {
  opacity: 1;
}

.box1:hover .icon .svg {
  filter: drop-shadow(0 0 5px white);
}

.box2 {
  width: 50%;
  height: 50%;
  bottom: -50%;
  left: -50%;
  transition-delay: 0.2s;
}

.box2::before {
  background: radial-gradient(circle at 30% 107%, var(--gold-medium) 0%, var(--gold-dark) 90%);
}

.box2:hover::before {
  opacity: 1;
}

.box2:hover .icon .svg {
  filter: drop-shadow(0 0 5px white);
}

.box3 {
  width: 30%;
  height: 30%;
  bottom: -30%;
  left: -30%;
  transition-delay: 0.4s;
}

.box3::before {
  background: radial-gradient(circle at 30% 107%, var(--gold-dark) 0%, var(--gold-medium) 90%);
}

.box3:hover::before {
  opacity: 1;
}

.box3:hover .icon .svg {
  filter: drop-shadow(0 0 5px white);
}

.box4 {
  width: 10%;
  height: 10%;
  bottom: -10%;
  left: -10%;
  transition-delay: 0.6s;
}

.card:hover {
  transform: scale(1.1);
}

.card:hover .box {
  bottom: -1px;
  left: -1px;
}

.card:hover .logo {
  transform: translate(0, 0);
  bottom: 20px;
  right: 20px;
}/* End custom CSS */