.elementor-11623 .elementor-element.elementor-element-10bce42 > .elementor-container{min-height:400px;}.elementor-11623 .elementor-element.elementor-element-10bce42:not(.elementor-motion-effects-element-type-background), .elementor-11623 .elementor-element.elementor-element-10bce42 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}.elementor-11623 .elementor-element.elementor-element-10bce42{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-11623 .elementor-element.elementor-element-10bce42 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-11623 .elementor-element.elementor-element-b3a1395 img{width:5%;}.elementor-11623 .elementor-element.elementor-element-5f9abb0{color:#FFF7F7;}.elementor-11623 .elementor-element.elementor-element-c3c873b{z-index:2;}.elementor-11623 .elementor-element.elementor-element-b3253cf > .elementor-container{min-height:400px;}.elementor-11623 .elementor-element.elementor-element-b3253cf:not(.elementor-motion-effects-element-type-background), .elementor-11623 .elementor-element.elementor-element-b3253cf > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;background-image:url("https://farzadkb.ir/wp-content/uploads/2022/10/home-17-digital-back.png");background-position:top center;background-repeat:no-repeat;background-size:cover;}.elementor-11623 .elementor-element.elementor-element-b3253cf{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-11623 .elementor-element.elementor-element-b3253cf > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-bc-flex-widget .elementor-11623 .elementor-element.elementor-element-5ee1843.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-11623 .elementor-element.elementor-element-5ee1843.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-11623 .elementor-element.elementor-element-5ee1843 > .elementor-element-populated{border-style:solid;border-width:5px 5px 5px 5px;border-color:#FFFFFF;transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:10px 10px 10px 10px;}.elementor-11623 .elementor-element.elementor-element-5ee1843 > .elementor-element-populated, .elementor-11623 .elementor-element.elementor-element-5ee1843 > .elementor-element-populated > .elementor-background-overlay, .elementor-11623 .elementor-element.elementor-element-5ee1843 > .elementor-background-slideshow{border-radius:4px 4px 4px 4px;}.elementor-11623 .elementor-element.elementor-element-5ee1843 > .elementor-element-populated > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}body.elementor-page-11623:not(.elementor-motion-effects-element-type-background), body.elementor-page-11623 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}@media(max-width:767px){.elementor-11623 .elementor-element.elementor-element-10bce42 > .elementor-container{min-height:676px;}.elementor-11623 .elementor-element.elementor-element-b3a1395 img{width:24%;}.elementor-11623 .elementor-element.elementor-element-5f9abb0{text-align:justify;font-size:12px;}.elementor-11623 .elementor-element.elementor-element-5f9abb0 > .elementor-widget-container{padding:10px 10px 10px 10px;}}/* Start custom CSS for html, class: .elementor-element-d743ea8 */.elementor-11623 .elementor-element.elementor-element-d743ea8{ 
        
    background: rgba( 51, 65, 85, 0.25 );
box-shadow: 0 8px 32px 0 rgba( 31, 38, 135, 0.37 );
backdrop-filter: blur( 14px );
-webkit-backdrop-filter: blur( 14px );
/*border-radius: 10px;*/
border: 1px solid rgba( 255, 255, 255, 0.18 );

    
}   :root {  
  --purple: #F0E68C	;
  --violet: #FFD700;
  --pink: #D2691E	;
}

@keyframes background-pan {
  from {
    background-position: 0% center;
  }
  
  to {
    background-position: -200% center;
  }
}

@keyframes scale {
  from, to {
    transform: scale(0);
  }
  
  50% {
    transform: scale(1);
  }
}

@keyframes rotate {
  from {
    transform: rotate(0deg);
  }
  
  to {
    transform: rotate(180deg);
  }
}

 

h1 {
  color: white!important;
  font-family: iranyekan;
  font-size: 15px;
  font-weight: 400;
  margin: 0px;
  padding: 20px;
  text-align: center;
}

h1 > .magic {
  display: inline-block;
  position: relative;
}

h1 > .magic > .magic-star {
  --size: clamp(20px, 1.5vw, 30px);
  
  animation: scale 700ms ease forwards;
  display: block;
  height: var(--size);
  left: var(--star-left);
  position: absolute;
  top: var(--star-top);
  width: var(--size);
}

h1 > .magic > .magic-star > svg {
  animation: rotate 1000ms linear infinite;
  display: block;
  opacity: 0.7;
}

h1 > .magic > .magic-star > svg > path {
  fill: var(--violet);
}

h1 > .magic > .magic-text {
  animation: background-pan 3s linear infinite;
  background: linear-gradient(
    to right,
    var(--purple),
    var(--violet),
    var(--pink),
    var(--purple)
  );
  background-size: 200%;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  white-space: nowrap;
}

/* -- YouTube Link Styles -- */

#source-link {
  top: 60px;
}

#source-link > i {
  color: rgb(94, 106, 210);
}

#yt-link {  
  top: 10px;
}

#yt-link > i {
  color: rgb(239, 83, 80);
}
 
  }
  
  to {
    background-position: -200% center;
  }
}

@keyframes scale {
  from, to {
    transform: scale(0);
  }
  
  50% {
    transform: scale(1);
  }
}

@keyframes rotate {
  from {
    transform: rotate(0deg);
  }
  
  to {
    transform: rotate(180deg);
  }
}

 

h1 {
  color: white!important;
  font-family: iranyekan;
  font-size: 15 px;
  font-weight: 400;
  margin: 0px;
  padding: 20px;
  text-align: center;
}

h1 > .magic {
  display: inline-block;
  position: relative;
}

h1 > .magic > .magic-star {
  --size: clamp(20px, 1.5vw, 30px);
  
  animation: scale 700ms ease forwards;
  display: block;
  height: var(--size);
  left: var(--star-left);
  position: absolute;
  top: var(--star-top);
  width: var(--size);
}

h1 > .magic > .magic-star > svg {
  animation: rotate 1000ms linear infinite;
  display: block;
  opacity: 0.7;
}

h1 > .magic > .magic-star > svg > path {
  fill: var(--violet);
}

h1 > .magic > .magic-text {
  animation: background-pan 3s linear infinite;
  background: linear-gradient(
    to right,
    var(--purple),
    var(--violet),
    var(--pink),
    var(--purple)
  );
  background-size: 200%;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  white-space: nowrap;
}

/* -- YouTube Link Styles -- */

#source-link {
  top: 60px;
}

#source-link > i {
  color: rgb(94, 106, 210);
}

#yt-link {  
  top: 10px;
}

#yt-link > i {
  color: rgb(239, 83, 80);
}
     .glow-on-hover {
    align-content: center;
  
    border: none;
    outline: none;
    color: #fff;  animation: glowing 20s linear infinite;
 transition: opacity .3s ease-in-out;
    background: #111;
    cursor: pointer;
    position: relative;
    z-index: 0;    background: linear-gradient(45deg, #ff0000, #ff7300, #fffb00, #48ff00, #00ffd5, #002bff, #7a00ff, #ff00c8, #ff0000);

    animation: glowing 20s linear infinite;

    border-radius: 10px;
}

.glow-on-hover:before {
    content: '';
    background: linear-gradient(45deg, #ff0000, #ff7300, #fffb00, #48ff00, #00ffd5, #002bff, #7a00ff, #ff00c8, #ff0000);
    position: absolute;
    top: -2px;
    left:-2px;
    background-size: 400%;
    z-index: -1;
    filter: blur(5px);
    width: calc(100% + 4px);
    height: calc(100% + 4px);
    .glow-on-hover {
    align-content: center;
  
    border: none;
    outline: none;
    color: #fff;  animation: glowing 20s linear infinite;
 transition: opacity .3s ease-in-out;
    background: #111;
    cursor: pointer;
    position: relative;
    z-index: 0;
    animation: glowing 20s linear infinite;

    border-radius: 10px;
}

.glow-on-hover:before {
    content: '';
    background: linear-gradient(45deg, #ff0000, #ff7300, #fffb00, #48ff00, #00ffd5, #002bff, #7a00ff, #ff00c8, #ff0000);
    position: absolute;
    top: -2px;
    left:-2px;
    background-size: 400%;
    z-index: -1;
    filter: blur(5px);
    width: calc(100% + 4px);
    height: calc(100% + 4px);
    animation: glowing 20s linear infinite;
    opacity: 0;
    transition: opacity .3s ease-in-out;
    border-radius: 10px;
}

.glow-on-hover:active {
    color: #000
}

.glow-on-hover:active:after {
    background: transparent;
}

.glow-on-hover:hover:before {
    opacity: 1;
}

.glow-on-hover:after {
    z-index: -1;
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background: #111;
    left: 0;
    top: 0;
    border-radius: 10px;
}

@keyframes glowing {
    0% { background-position: 0 0; }
    50% { background-position: 400% 0; }
    100% { background-position: 0 0; }
}
    opacity: 0;
    transition: opacity .3s ease-in-out;
    border-radius: 10px;
}

.glow-on-hover:active {
    color: #000
}

.glow-on-hover:active:after {
    background: transparent;
}

.glow-on-hover:hover:before {
    opacity: 1;
}

.glow-on-hover:after {
    z-index: -1;
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background: #111;
    left: 0;
    top: 0;
    border-radius: 10px;
}

@keyframes glowing {
    0% { background-position: 0 0; }
    50% { background-position: 400% 0; }
    100% { background-position: 0 0; }
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-b3a1395 */.elementor-11623 .elementor-element.elementor-element-b3a1395{ 
         animation: movebounce 3.9s linear infinite;

/*    background: rgba( 51, 65, 85, 0.25 );*/
/*box-shadow: 0 8px 32px 0 rgba( 31, 38, 135, 0.37 );*/
/*backdrop-filter: blur( 14px );*/
/*-webkit-backdrop-filter: blur( 14px );*/
/*border-radius: 10px;*/
/*border: 1px solid rgba( 255, 255, 255, 0.18 );*/

    
} @keyframes movebounce {
   0% {
    transform: translateY(0px);
}

50% {
    transform: translateY(20px);
}
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-5f9abb0 */.elementor-11623 .elementor-element.elementor-element-5f9abb0{background: rgba( 51, 65, 85, 0.25 );
box-shadow: 0 8px 32px 0 rgba( 31, 38, 135, 0.37 );
backdrop-filter: blur( 14px );
-webkit-backdrop-filter: blur( 14px );
border-radius: 4px;
border: 1px solid rgba( 255, 255, 255, 0.18 );}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-c3c873b */#source-link {
  top: 60px;
}

#source-link > i {
  color: rgb(94, 106, 210);
}

#yt-link {  
  top: 10px;
}

#yt-link > i {
  color: rgb(239, 83, 80);
}
     .glow-on-hover {
    align-content: center;
  
    border: none;
    outline: none;
    color: #fff;  animation: glowing 20s linear infinite;
 transition: opacity .3s ease-in-out;
    background: #111;
    cursor: pointer;
    position: relative;
    z-index: 0;    background: linear-gradient(45deg, #ff0000, #ff7300, #fffb00, #48ff00, #00ffd5, #002bff, #7a00ff, #ff00c8, #ff0000);

    animation: glowing 20s linear infinite;

    border-radius: 10px;
}

.glow-on-hover:before {
    content: '';
    background: linear-gradient(45deg, #ff0000, #ff7300, #fffb00, #48ff00, #00ffd5, #002bff, #7a00ff, #ff00c8, #ff0000);
    position: absolute;
    top: -2px;
    left:-2px;
    background-size: 400%;
    z-index: -1;
    filter: blur(5px);
    width: calc(100% + 4px);
    height: calc(100% + 4px);
    .glow-on-hover {
    align-content: center;
  
    border: none;
    outline: none;
    color: #fff;  animation: glowing 20s linear infinite;
 transition: opacity .3s ease-in-out;
    background: #111;
    cursor: pointer;
    position: relative;
    z-index: 0;
    animation: glowing 20s linear infinite;

    border-radius: 10px;
}

.glow-on-hover:before {
    content: '';
    background: linear-gradient(45deg, #ff0000, #ff7300, #fffb00, #48ff00, #00ffd5, #002bff, #7a00ff, #ff00c8, #ff0000);
    position: absolute;
    top: -2px;
    left:-2px;
    background-size: 400%;
    z-index: -1;
    filter: blur(5px);
    width: calc(100% + 4px);
    height: calc(100% + 4px);
    animation: glowing 20s linear infinite;
    opacity: 0;
    transition: opacity .3s ease-in-out;
    border-radius: 10px;
}

.glow-on-hover:active {
    color: #000
}

.glow-on-hover:active:after {
    background: transparent;
}

.glow-on-hover:hover:before {
    opacity: 1;
}

.glow-on-hover:after {
    z-index: -1;
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background: #111;
    left: 0;
    top: 0;
    border-radius: 10px;
}

@keyframes glowing {
    0% { background-position: 0 0; }
    50% { background-position: 400% 0; }
    100% { background-position: 0 0; }
}
    opacity: 0;
    transition: opacity .3s ease-in-out;
    border-radius: 10px;
}

.glow-on-hover:active {
    color: #000
}

.glow-on-hover:active:after {
    background: transparent;
}

.glow-on-hover:hover:before {
    opacity: 1;
}

.glow-on-hover:after {
    z-index: -1;
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background: #111;
    left: 0;
    top: 0;
    border-radius: 10px;
}

@keyframes glowing {
    0% { background-position: 0 0; }
    50% { background-position: 400% 0; }
    100% { background-position: 0 0; }
}/* End custom CSS */