/* ==================== Common Style Start ==================== */
:focus,
:focus-visible,
:focus-within {
  outline: none !important;
}

.elementor-icon-wrapper {
  display: flex;
}

.common-details>*:last-child {
  margin-bottom: 0 !important;
}

.common-details h1,
.common-details h2,
.common-details h3,
.common-details h4,
.common-details h5,
.common-details h6 {
  margin-bottom: 20px;
  margin-top: 0;
}

.common-details ul,
.common-details ol {
  margin-bottom: 20px;
}

.common-details ul li:not(:last-child),
.common-details ol li:not(:last-child) {
  margin-bottom: 15px;
}

.common-details strong,
.common-details b {
  color: #42454A !important;
}

.common-details .alignnone,
.common-details .alignleft,
.common-details .alignright,
.common-details .aligncenter {
  height: 380px !important;
  object-fit: cover !important;
}

.common-details .alignnone {
  float: none;
  margin: 20px;
}

.common-details .alignleft {
  float: left;
  margin: 20px 20px 20px 0;
}

.common-details .alignright {
  float: right;
  margin: 20px 0 20px 20px;
}

.common-details .aligncenter {
  float: none;
  display: block;
  margin: 20px auto;
}

.common-details blockquote {
  padding-left: 30px;
  border-left: 5px solid #000000;
  margin-bottom: 20px;
}

.cmn-menu ul li a {
  display: inline-flex !important;
}

.cmn-box-shadow {
  box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.16);
  backdrop-filter: blur(25px);
}

/* ==================== Common Style End ==================== */

/* ==================== Common Style End ==================== */
#last-as-btn,
.common-button {
  position: relative;
  display: inline-flex;
  align-items: center;
  gap: 10px;
  overflow: hidden;
}

#last-as-btn::after,
.common-button::after {
  content: '';
  position: absolute;
  top: 50%;
  right: 16px;
  width: 22px;
  height: 22px;
  background-image: url('./assets/images/common-button-arrow-icon.svg');
  background-position: center;
  background-repeat: no-repeat;
  background-size: 16px 16px;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  pointer-events: none;
  transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
}

#last-as-btn:hover::after,
.common-button:hover::after {
  transform: translateY(-50%) rotate(45deg);
  -webkit-transform: translateY(-50%) rotate(45deg);
  -moz-transform: translateY(-50%) rotate(45deg);
  -ms-transform: translateY(-50%) rotate(45deg);
  -o-transform: translateY(-50%) rotate(45deg);
}

.common-button .text-wrap {
  position: relative;
  display: inline-flex;
  overflow: hidden;
  vertical-align: middle;
}

.common-button .text {
  display: inline-flex;
  white-space: nowrap;
}

.common-button .text.bottom {
  position: absolute;
  left: 0;
  top: 0;
}

.common-button .letter {
  display: inline-block;
  will-change: transform;
}

.common-button .letter.space {
  width: 0.25em;
}

/* ==================== Common Style End ==================== */

/* ==================== Custome Cursor Style Start ==================== */
.custom-cursor-dot {
  position: fixed;
  top: 0px;
  left: 0px;
  width: 10px;
  height: 10px;
  background-color: rgb(3, 18, 228, 1);
  border-radius: 50%;
  pointer-events: none;
  z-index: 9999;
  will-change: transform;
  transition: opacity 0.2s ease-in-out;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  box-shadow: 0 0 2px 0px rgba(3, 18, 228, 1), 0 0 8px 2px rgba(3, 18, 228, 0.5), 0 0 18px 6px rgba(3, 18, 228, 0.22), 0 0 30px 10px rgba(3, 18, 228, 0.1);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  -webkit-transition: opacity 0.2s ease-in-out;
  -moz-transition: opacity 0.2s ease-in-out;
  -ms-transition: opacity 0.2s ease-in-out;
  -o-transition: opacity 0.2s ease-in-out;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
}

.custom-cursor-dot::before {
  content: "";
  position: absolute;
  width: 20px;
  height: 20px;
  top: 50%;
  left: 50%;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(3, 18, 228, 0.6) 0%, rgba(3, 18, 228, 0.2) 55%, rgba(3, 18, 228, 0) 75%);
  filter: blur(1.5px);
  transform: translate(-50%, -50%) rotate(var(--cursor-angle, 0deg)) scaleX(var(--cursor-stretch, 1));
  transition: transform 0.08s linear;
  -webkit-transform: translate(-50%, -50%) rotate(var(--cursor-angle, 0deg)) scaleX(var(--cursor-stretch, 1));
  -webkit-filter: blur(1.5px);
  -moz-transform: translate(-50%, -50%) rotate(var(--cursor-angle, 0deg)) scaleX(var(--cursor-stretch, 1));
  -ms-transform: translate(-50%, -50%) rotate(var(--cursor-angle, 0deg)) scaleX(var(--cursor-stretch, 1));
  -o-transform: translate(-50%, -50%) rotate(var(--cursor-angle, 0deg)) scaleX(var(--cursor-stretch, 1));
  -webkit-transition: transform 0.08s linear;
  -moz-transition: transform 0.08s linear;
  -ms-transition: transform 0.08s linear;
  -o-transition: transform 0.08s linear;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
}

.custom-cursor-dot::after {
  content: "";
  position: absolute;
  width: 34px;
  height: 34px;
  top: 50%;
  left: 50%;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(3, 18, 228, 0.12) 0%, rgba(3, 18, 228, 0) 70%);
  filter: blur(2px);
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -webkit-filter: blur(2px);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
}

.custom-cursor-dot.hide-dot {
  opacity: 0;
}

/* ==================== Header Style Start ==================== */
.h-menu-main-block {
  backdrop-filter: blur(25px);
}

.h-menu-dropdown .e-n-tabs-heading,
.h-menu-dropdown .e-n-tabs-content {
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.16);
  backdrop-filter: blur(25px);
  -webkit-backdrop-filter: blur(25px);
}

.h-menu-dropdown .e-n-tab-title[aria-selected="true"] {
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.16);
  backdrop-filter: blur(25px);
  -webkit-backdrop-filter: blur(25px);
}

.h-menu-dropdown .e-n-tab-title:hover {
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.16);
  backdrop-filter: blur(25px);
  -webkit-backdrop-filter: blur(25px);
}

.h-menu-dropdown .e-n-tabs-heading,
.h-menu-dropdown .e-n-tabs-content {
  border-radius: 20px;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  -ms-border-radius: 20px;
  -o-border-radius: 20px;
}

.h-menu-dropdown .e-n-tabs-heading {
  padding: 16px;
}

.h-menu-dropdown .e-n-tab-icon {
  padding: 4px;
  background-color: #0312E4;
  box-shadow: 0px 2px 4px 0px rgba(34, 48, 252, 0.60);
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
}

.h-menu-dropdown .e-n-tab-icon * {
  filter: none;
  -webkit-filter: none;
}

.h-inner-menu ul li a {
  position: relative;
  display: inline-flex;
  align-items: center;
  padding: 14px 14px 14px 58px !important;
  background: transparent;
  border-radius: 12px;
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  -ms-border-radius: 12px;
  -o-border-radius: 12px;
}

.h-inner-menu ul li a::after {
  content: '' !important;
  position: absolute !important;
  left: 12px !important;
  top: 50% !important;
  width: 30px !important;
  height: 30px !important;
  transform: translateY(-50%) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 6px !important;
  box-sizing: border-box !important;
  background-color: #0312E4 !important;
  background-image: url('data:image/svg+xml,<svg width="20" height="18" viewBox="0 0 20 18" fill="none" xmlns="http://www.w3.org/2000/svg"> <g filter="url(%23filter0_d_1565_8276)"> <path d="M10.9947 3.78835C11.2869 3.86268 11.4645 4.16434 11.3915 4.46216L9.20971 13.3508C9.14764 13.603 8.92525 13.7715 8.68105 13.7715C8.63709 13.7715 8.59263 13.7663 8.54812 13.7549C8.25598 13.6806 8.07832 13.3789 8.1513 13.0811L10.3331 4.19256C10.4067 3.89502 10.7028 3.71347 10.9947 3.78835Z" fill="white"/> <path d="M3.93128 9.16447C3.71822 8.94747 3.71822 8.59593 3.93128 8.37888L6.11311 6.15673C6.32617 5.93974 6.67134 5.93974 6.88445 6.15673C7.09756 6.37372 7.09751 6.72527 6.88445 6.94232L5.08825 8.7717L6.88445 10.6011C7.09751 10.8181 7.09751 11.1696 6.88445 11.3867C6.77792 11.4952 6.63834 11.5494 6.49881 11.5494C6.35928 11.5494 6.2197 11.4952 6.11317 11.3867L3.93128 9.16447ZM13.4299 6.15673C13.2169 5.93974 12.8717 5.93974 12.6586 6.15673C12.4455 6.37372 12.4455 6.72527 12.6586 6.94232L14.4548 8.7717L12.6586 10.6011C12.4455 10.8181 12.4455 11.1696 12.6586 11.3867C12.7651 11.4952 12.9047 11.5494 13.0442 11.5494C13.1837 11.5494 13.3233 11.4952 13.4299 11.3867L15.6117 9.16452C15.8247 8.94753 15.8247 8.59599 15.6117 8.37894L13.4299 6.15673Z" fill="white"/> </g> <defs> <filter id="filter0_d_1565_8276" x="5.53131e-05" y="5.53131e-05" width="19.5429" height="17.5429" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"> <feFlood flood-opacity="0" result="BackgroundImageFix"/> <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/> <feOffset/> <feGaussianBlur stdDeviation="1.88571"/> <feComposite in2="hardAlpha" operator="out"/> <feColorMatrix type="matrix" values="0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.6 0"/> <feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_1565_8276"/> <feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_1565_8276" result="shape"/> </filter> </defs> </svg> ');
  background-repeat: no-repeat !important;
  background-position: center !important;
  background-size: 20px 18px !important;
  border-radius: 4px !important;
  box-shadow: 0 2px 4px rgba(34, 48, 252, 0.6) !important;
  pointer-events: none !important;
  opacity: 1 !important;
  -webkit-transform: translateY(-50%) !important;
  -moz-transform: translateY(-50%) !important;
  -ms-transform: translateY(-50%) !important;
  -o-transform: translateY(-50%) !important;
  -webkit-border-radius: 4px !important;
  -moz-border-radius: 4px !important;
  -ms-border-radius: 4px !important;
  -o-border-radius: 4px !important;
}

.h-parent-active {
  background: #FFFFFF;
  box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.16);
  backdrop-filter: blur(25px);
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
}

.h-parent-active .e-n-menu-title .e-n-menu-title-text {
  color: #171717 !important;
}

.h-parent-active .e-n-menu-dropdown-icon * {
  fill: #171717 !important;
}

.h-inner-menu ul li a.elementor-item-active,
.h-inner-menu ul li a:hover {
  background: #FFFFFF;
  box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.16);
  backdrop-filter: blur(25px);
}

.h-menu .e-n-menu-item:has(#last-as-btn) {
  display: none !important;
  justify-content: center !important;
  align-items: center !important;
  margin: 20px 20px 60px 20px !important;
}

#last-as-btn {
  width: fit-content !important;
  padding: 12px 44px 12px 14px !important;
  background: linear-gradient(180deg, #3440E8 0%, #0312E4 100%);
  box-shadow: 0px 12px 40px 0px rgba(34, 48, 252, 0.40);
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
}

#last-as-btn a .e-n-menu-title-text {
  font-size: 16px !important;
  color: #FFFFFF !important;
}

/* ==================== Header Style End ==================== */

/* ==================== Home Style Start ==================== */
.blue-span-style span {
  color: #0312E4;
}

.bnr-title * {
  display: flex !important;
  gap: 12px !important;
  align-items: center !important;
  justify-content: center !important;
  margin: 0 !important;
}

.bnr-title img.alignnone {
  width: 72px !important;
  height: 104px !important;
  object-fit: contain !important;
  box-sizing: border-box !important;
  border: 2px solid #171717 !important;
  border-radius: 4px !important;
  -webkit-border-radius: 4px !important;
  -moz-border-radius: 4px !important;
  -ms-border-radius: 4px !important;
  -o-border-radius: 4px !important;
}

/* ==================== Home Style End ==================== */

/* ==================== Responsive Style Start ==================== */
@media (max-width: 1540px) and (min-width: 1367px) {
  .h1-bnr-title-style * {
    font-size: clamp(60px, -19.02px + 5.78vw, 70px) !important;
  }
}

@media (max-width: 1366px) {
  .bnr-title * {
    gap: 10px !important;
  }

  .bnr-title img.alignnone {
    width: 60px !important;
    height: 90px !important;
  }

  .common-button::after {
    width: 18px;
    height: 18px;
  }
}

@media (max-width: 1200px) {
  .bnr-title * {
    gap: 8px !important;
  }

  .bnr-title img.alignnone {
    width: 55px !important;
    height: 80px !important;
  }

  .common-details h1,
  .common-details h2,
  .common-details h3,
  .common-details h4,
  .common-details h5,
  .common-details h6,
  .common-details ul,
  .common-details ol {
    margin-bottom: 15px;
  }

  .common-details ul li,
  .common-details ol li {
    margin-bottom: 10px;
  }

  .common-button::after {
    width: 16px;
    height: 16px;
  }
}

@media (max-width: 767px) {
  .bnr-title * {
    flex-wrap: wrap !important;
  }

  .bnr-title img.alignnone {
    display: none !important;
  }

  .custom-cursor-dot {
    display: none;
  }
}

@media (max-width: 575px) {
  .cmn-br-style br {
    display: none;
  }

  .common-details .alignnone,
  .common-details .alignleft,
  .common-details .alignright,
  .common-details .aligncenter {
    float: none !important;
    display: block !important;
    margin: 20px auto !important;
    height: 320px !important;
  }

  .common-width-100 {
    max-width: 100% !important;
  }

  .common-grid-block {
    display: flex !important;
    flex-direction: column !important;
  }

  .h-btn {
    display: none !important;
  }

  .h-menu .e-n-menu-heading {
    background: #FFFFFF;
  }

  .h-menu .e-n-menu-item:has(#last-as-btn) {
    display: inline-flex !important;
  }
}

/* ==================== Responsive Style End ==================== */