.elementor-45 .elementor-element.elementor-element-e65e24e{--display:flex;--min-height:600px;--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;--flex-wrap:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-45 .elementor-element.elementor-element-e65e24e:not(.elementor-motion-effects-element-type-background), .elementor-45 .elementor-element.elementor-element-e65e24e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://kansar-khazar.com/en/wp-content/uploads/2025/06/picHOME.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-45 .elementor-element.elementor-element-564fa54{--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-45 .elementor-element.elementor-element-ac47844{--display:flex;--position:absolute;--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;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;top:350px;--z-index:5;}body:not(.rtl) .elementor-45 .elementor-element.elementor-element-ac47844{left:0px;}body.rtl .elementor-45 .elementor-element.elementor-element-ac47844{right:0px;}body.elementor-page-45:not(.elementor-motion-effects-element-type-background), body.elementor-page-45 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-f72d95f );}:root{--page-title-display:none;}@media(min-width:768px){.elementor-45 .elementor-element.elementor-element-564fa54{--width:100%;}}@media(min-width:1025px){.elementor-45 .elementor-element.elementor-element-e65e24e:not(.elementor-motion-effects-element-type-background), .elementor-45 .elementor-element.elementor-element-e65e24e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-attachment:scroll;}}@media(max-width:1024px){.elementor-45 .elementor-element.elementor-element-e65e24e{--margin-top:-15px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-45 .elementor-element.elementor-element-ac47844{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}}@media(max-width:767px){.elementor-45 .elementor-element.elementor-element-e65e24e{--min-height:400px;}.elementor-45 .elementor-element.elementor-element-ac47844{--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;top:236px;}}/* Start custom CSS for html, class: .elementor-element-a711a9e */.glass-box2 {
  background: rgba(255, 255, 255, 0.2);
  backdrop-filter: blur(7px);
  -webkit-backdrop-filter: blur(15px);
  border-radius: 50%;
  box-shadow: 4px 30px 20px rgba(0, 0, 0, 0.1);
  padding: 40px;
  transition: transform 0.3s ease, background 0.3s ease;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 200px;
  height: 200px;
  text-decoration: none;
  overflow: hidden;
  position: relative;
  z-index: 1;
}

.glass-box2 img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  border-radius: 0; /* اگر نمی‌خوای گرد بشه */
}

.glass-box2:hover {
  transform: scale(1.05);
  background: #003B7C !important; /* اجباری برای override استایل قبلی */
}

@supports not (backdrop-filter: blur(10px)) {
  .glass-box2 {
    background: rgba(255, 255, 255, 0.4);
  }
}



@media (max-width: 768px) { /* حداکثر عرض موبایل و تبلت */
  .glass-box2 {
    width: 120px; /* کوچکتر کردن */
    height: 120px;
    padding: 20px; /* کم کردن فضای داخلی */
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-e43ca77 */.glass-box1 {
  background: rgba(255, 255, 255, 0.2);
  backdrop-filter: blur(7px);
  -webkit-backdrop-filter: blur(15px);
  border-radius: 50%;
  box-shadow: 4px 30px 20px rgba(0, 0, 0, 0.1);
  padding: 40px;
  transition: transform 0.3s ease, background 0.3s ease;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 200px;
  height: 200px;
  text-decoration: none;
  overflow: hidden;
  position: relative;
  z-index: 1;
}

.glass-box1 img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  border-radius: 0; /* اگر نمی‌خوای گرد بشه */
}

.glass-box1:hover {
  transform: scale(1.05);
  background: #6495ED !important; /* اجباری برای override استایل قبلی */
}

@supports not (backdrop-filter: blur(10px)) {
  .glass-box1 {
    background: rgba(255, 255, 255, 0.4);
  }
}



@media (max-width: 768px) { /* حداکثر عرض موبایل و تبلت */
  .glass-box1 {
    width: 120px; /* کوچکتر کردن */
    height: 120px;
    padding: 20px; /* کم کردن فضای داخلی */
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e65e24e */.my-image-wrapper::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  background: linear-gradient(
    to bottom,
    rgba(0, 59, 124, 1) 0%,      /* شروع آبی پررنگ */
    rgba(0, 59, 124, 1) 20%,     /* تا 30٪ آبی بمونه */
    rgba(255, 255, 255, 0) 41%,     /* از 30٪ به شفاف شروع بشه */
    rgba(255, 255, 255, 0) 70%,     /* تا 70٪ شفاف بمونه */
    rgba(245, 245, 245, 1) 100%,     /* از 70٪ به سفید پررنگ شروع بشه */
    rgba(245, 245, 245, 1) 80%     /* تا 100٪ 
  );
}/* End custom CSS */