.elementor-12 .elementor-element.elementor-element-740bafe{--display:flex;--min-height:100vh;--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;--justify-content:center;--flex-wrap:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-12 .elementor-element.elementor-element-740bafe:not(.elementor-motion-effects-element-type-background), .elementor-12 .elementor-element.elementor-element-740bafe > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#212121;}.elementor-12 .elementor-element.elementor-element-0b4bab5{--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;--justify-content:center;--align-items:center;--flex-wrap:wrap;--align-content:center;--z-index:2;}.elementor-12 .elementor-element.elementor-element-22bba72{width:100%;max-width:100%;margin:120px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:center;}.elementor-12 .elementor-element.elementor-element-22bba72 .elementor-heading-title{font-family:"Modam", Sans-serif;font-size:32px;font-weight:bold;color:#E7E7E7;}.elementor-12 .elementor-element.elementor-element-d3ad48f{width:100%;max-width:100%;margin:20px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:center;}.elementor-12 .elementor-element.elementor-element-d3ad48f .elementor-heading-title{font-family:"Modam", Sans-serif;font-size:18px;font-weight:300;color:#E7E7E7;}.elementor-12 .elementor-element.elementor-element-caf71eb{width:100%;max-width:100%;--e-transform-translateY:-50%;top:50%;z-index:0;}:root{--page-title-display:none;}@media(max-width:767px){.elementor-12 .elementor-element.elementor-element-22bba72{margin:150px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-12 .elementor-element.elementor-element-22bba72 .elementor-heading-title{font-size:20px;}}/* Start custom CSS for html, class: .elementor-element-f841d34 *//* From Uiverse.io by vinodjangid07 */ 
.card {
  width: fit-content;
  height: fit-content;
  /*background-color: rgb(238, 238, 238);*/
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 25px 25px;
  gap: 20px;
  box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.055);
}

/* for all social containers*/
.socialContainer {
  width: 52px;
  height: 52px;
  background-color: rgb(44, 44, 44);
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  transition-duration: .3s;
}
/* instagram*/
.containerOne:hover {
  background-color: #d62976;
  transition-duration: .3s;
}
/* twitter*/
.containerTwo:hover {
  background-color: #00acee;
  transition-duration: .3s;
}
/* linkdin*/
.containerThree:hover {
  background-color: #0072b1;
  transition-duration: .3s;
}
/* Whatsapp*/
.containerFour:hover {
  background-color: #128C7E;
  transition-duration: .3s;
}

.socialContainer:active {
  transform: scale(0.9);
  transition-duration: .3s;
}

.socialSvg {
  width: 17px;
}

.socialSvg path {
  fill: rgb(255, 255, 255);
}

.socialContainer:hover .socialSvg {
  animation: slide-in-top 0.3s both;
}

@keyframes slide-in-top {
  0% {
    transform: translateY(-50px);
    opacity: 0;
  }

  100% {
    transform: translateY(0);
    opacity: 1;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-caf71eb *//* From Uiverse.io by andrew-demchenk0 */ 
.pyramid-loader {
  position: relative;
  width: 300px;
  height: 300px;
  display: block;
  transform-style: preserve-3d;
  transform: rotateX(-20deg);
}

.wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  transform-style: preserve-3d;
  animation: spin 4s linear infinite;
}

@keyframes spin {
  100% {
    transform: rotateY(360deg);
  }
}

.pyramid-loader .wrapper .side {
  width: 70px;
  height: 70px;
/* you can choose any gradient or color you want */
  /* background: radial-gradient( #2F2585 10%, #F028FD 70%, #2BDEAC 120%); */
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  transform-origin: center top;
  clip-path: polygon(50% 0%, 0% 100%, 100% 100%);
}

.pyramid-loader .wrapper .side1 {
  transform: rotateZ(-30deg) rotateY(90deg);
  background: conic-gradient( #2BDEAC, #F028FD, #D8CCE6, #2F2585);
}

.pyramid-loader .wrapper .side2 {
  transform: rotateZ(30deg) rotateY(90deg);
  background: conic-gradient( #2F2585, #D8CCE6, #F028FD, #2BDEAC);
}

.pyramid-loader .wrapper .side3 {
  transform: rotateX(30deg);
  background: conic-gradient( #2F2585, #D8CCE6, #F028FD, #2BDEAC);
}

.pyramid-loader .wrapper .side4 {
  transform: rotateX(-30deg);
  background: conic-gradient( #2BDEAC, #F028FD, #D8CCE6, #2F2585);
}

.pyramid-loader .wrapper .shadow {
  width: 60px;
  height: 60px;
  background: #8B5AD5;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  transform: rotateX(90deg) translateZ(-40px);
  filter: blur(12px);
}
.elementor-12 .elementor-element.elementor-element-caf71eb{
    display: flex !important;
    justify-content: center !important;
    align-items: center;
    scale: 2;
    opacity: 0.5;
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Modam';
	font-style: normal;
	font-weight: 300;
	font-display: auto;
	src: url('https://hadiqurani.ir/wp-content/uploads/2026/09/ModamVF.woff') format('woff');
}
@font-face {
	font-family: 'Modam';
	font-style: normal;
	font-weight: normal;
	font-display: auto;
	src: url('https://hadiqurani.ir/wp-content/uploads/2026/09/ModamVF.woff') format('woff');
}
@font-face {
	font-family: 'Modam';
	font-style: normal;
	font-weight: 500;
	font-display: auto;
	src: url('https://hadiqurani.ir/wp-content/uploads/2026/09/ModamVF.woff') format('woff');
}
@font-face {
	font-family: 'Modam';
	font-style: normal;
	font-weight: bold;
	font-display: auto;
	src: url('https://hadiqurani.ir/wp-content/uploads/2026/09/ModamVF.woff') format('woff');
}
/* End Custom Fonts CSS */