/*
Theme Name: Hello Elementor Child
Theme URI: https://elementor.com/hello-theme/?utm_source=wp-themes&utm_campaign=theme-uri&utm_medium=wp-dash
Template: hello-elementor
Author: Elementor Team
Author URI: https://elementor.com/?utm_source=wp-themes&utm_campaign=author-uri&utm_medium=wp-dash
Description: Hello Elementor is a lightweight and minimalist WordPress theme that was built specifically to work seamlessly with the Elementor site builder plugin. The theme is free, open-source, and designed for users who want a flexible, easy-to-use, and customizable website. The theme, which is optimized for performance, provides a solid foundation for users to build their own unique designs using the Elementor drag-and-drop site builder. Its simplicity and flexibility make it a great choice for both beginners and experienced Web Creators.
Tags: accessibility-ready,flexible-header,custom-colors,custom-menu,custom-logo,featured-images,rtl-language-support,threaded-comments,translation-ready
Version: 3.4.7.1775564300
Updated: 2026-04-07 08:18:20

*/

/*================ old css Start =============*/
:root {
  --accent-color: #bf2e1b;
}

body, p, ul h1, h2, h3, h4, h5, h6 {
    margin: 0;
}

#ekit-megamenu-main-menu {
    height: unset;
}
#menu-main-menu li.menu-item {
    padding: 14px 0;
}
#menu-main-menu ul.elementskit-submenu-panel a.dropdown-item {
    padding: 10px 10px;
    border: 0;
} 
#menu-main-menu ul.elementskit-submenu-panel {
    top: 50px;
    border-radius: 8px;
}
#menu-main-menu ul.elementskit-submenu-panel ul.elementskit-submenu-panel {
    top: 0;
}
#menu-main-menu ul.elementskit-submenu-panel a.dropdown-item i.icon.icon-down-arrow1 {
    transform: rotate(-90deg);
}
#menu-main-menu ul.elementskit-submenu-panel li.menu-item {
    padding: unset;
}


span.e-n-tab-title-text {
    text-shadow: none;
}

.video-btn .elementor-button {
  box-shadow: 0px 4px 14.7px 0px #00000012;
  background: #ffffff80 !important;
  width: 58px;
  height: 58px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50% !important;

  /* for Safari */
  background: rgba(255, 255, 255, 0.4) !important;
  box-shadow: 0px 4px 14.7px rgba(0, 0, 0, 0.07);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
}

h2 span {
  color: var(--accent-color);
}

.wpforms-field .ftr-news-letter {
  margin: 0px;
}
.ftr-news-letter .wpforms-field {
  padding-block: 6px !important;
}
.ftr-news-letter .wpforms-container {
  margin-block: 0px !important;
}
.ftr-news-letter .wpforms-container input {
  border: 1px solid #d9dbe9 !important;
  border-radius: 10px !important;
  color: #162b56 !important;
  height: 52px !important;
}

.ftr-news-letter .wpforms-container input::placeholder {
  color: #162b56 !important;
}
.ftr-news-letter .wpforms-container button {
  background: linear-gradient(0deg, #83150b -18.27%, #da561c 100%) !important;
  font-family: Poppins !important;
  font-weight: 600 !important;
  font-size: 16px !important;
  line-height: 18px !important;
  min-height: 52px;
  min-width: 158px;
  border-radius: 10px !important;
}
.ftr-news-letter .wpforms-container em {
  position: absolute!important;
  bottom: -8px;
  font-size: 11px!important;
}
.ftr-news-letter .wpforms-container .wpforms-field {
  padding-bottom: 12px!important;
}

.bg-radial{
  background: radial-gradient(113.49% 211.48% at 100% 0%, rgba(28, 55, 128, 0.8) 0%, rgba(0, 0, 0, 0) 50%);
}
.bg-sec{
    background: linear-gradient(180deg, #19314B 0%, #1A2F42 54.13%, #0A1520 108.26%);
}
.card-icon {
    box-shadow: 0px 2px 4px 0px #0000000F!important;
    background: #FFFFFF1A!important;
    width: 55px;
    height: 55px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 10px;
    backdrop-filter: blur(10px); /* main glass effect */
    border: 1px solid rgba(255, 255, 255, 0.3); /* light border */
}
.card-icon .elementor-icon-wrapper {
    display: flex;
    align-items: center;
}


.h-news-letter .wpforms-container {
    margin: 0 !important;
}
.h-news-letter form.wpforms-form .wpforms-field-container .wpforms-field {
    padding: 0;
}
.h-news-letter form.wpforms-form  .wpforms-submit-container {
    margin-top: 0;
}
.h-news-letter form.wpforms-form {
    display: flex;
    gap: 10px;
    position: relative;
}
.h-news-letter form.wpforms-form #wpforms-13467-field_1-error.wpforms-error {
    position: absolute;
    bottom: -25px;
    margin: 0 !important;
    font-size: 12px;
}
.h-news-letter form.wpforms-form .wpforms-field-container .wpforms-field input.wpforms-field-large {
    padding: 10px;
    border: 1px solid #54595F;
    border-radius: 10px;
}
.h-news-letter form.wpforms-form  .wpforms-submit-container {
    padding-bottom: 0;
}
.h-news-letter form.wpforms-form button.wpforms-submit {
    font-size: 16px;
    border-radius: 10px;
    height: 100%;
    padding: 14px 25px;
    background: linear-gradient(180deg, #DA561C -18.27%, #83150B 100%);
}
.h-news-letter form.wpforms-form button.wpforms-submit:hover {
    background: linear-gradient(180deg, #83150B -18.27%, #DA561C 100%);
}

/*=================== access-control-for-enterprise-and-businesses ===================*/
.coll-scroll::-webkit-scrollbar {
    width: 6px;
}
.coll-scroll::-webkit-scrollbar-track {
    background: transparent;
}
.coll-scroll::-webkit-scrollbar-thumb {
    background-color: rgba(255, 255, 255, 0.2);
    border-radius: 10px;
}
.coll-scroll::-webkit-scrollbar-thumb:hover {
    background-color: rgba(255, 255, 255, 0.4);
}
.coll-scroll {
    scrollbar-width: thin;
    scrollbar-color: rgba(255,255,255,0.2) transparent;
}
.pack-mille {
    max-height: 600px;
    overflow: hidden !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
}
.unsec-right {
    max-height: 400px;
    overflow: auto !important;
}
.choose-millennium {
    max-height: 490px;
    overflow: auto !important; 
}
.com-ent-col {
    width: 149px;
    padding: 25px 15px;
    border-radius: 25px;
    position: relative;
    text-align: center;
    background: rgba(255, 255, 255, 0.06);
    border: 1px solid rgba(255, 255, 255, 0.15);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.25);
    overflow: hidden;
}
.com-ent-col::before {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: 25px;
    padding: 1px;
    background: linear-gradient(
        135deg,
        rgba(255, 255, 255, 0.4),
        rgba(255, 255, 255, 0.1),
        transparent
    );
    -webkit-mask:
        linear-gradient(#000 0 0) content-box,
        linear-gradient(#000 0 0);
    -webkit-mask-composite: xor;
            mask-composite: exclude;
    pointer-events: none;
}
.com-ent-col::after {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: 25px;
    background: radial-gradient(
        circle at top left,
        rgba(255, 255, 255, 0.15),
        transparent 60%
    );
    opacity: 0.4;
    pointer-events: none;
}
.ent-col-1, .ent-col-3,  .ent-col-5 {
    margin-left: auto;
}

.mgi-bg{
/*    background: linear-gradient(135deg, #061824 0%, #0a2238 20%, #0d2c49 40%, #0a2238 60%, #061824 80%, #081a2b 100%);*/
}

.card-border {
    position: relative;
    border-radius: 28px;
    padding: 30px;
    background: rgba(255, 255, 255, 0.04);
    border: 1px solid rgba(255, 255, 255, 0.12);
    box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.05),
        0 10px 30px rgba(0, 0, 0, 0.4);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
}
.card-border:before {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: 28px;
    padding: 1px;
    background: linear-gradient(
        120deg,
        rgba(255, 255, 255, 0.35),
        rgba(255, 255, 255, 0.08) 40%,
        transparent 70%
    );
    -webkit-mask: linear-gradient(#000 0 0) content-box,
        linear-gradient(#000 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    pointer-events: none;
}

.video-coll {
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.08);
    transition: 0.3s;
}
.video-coll:hover {
    transform: translateY(-5px);
} 

/*======================== carousel Css ========================*/
.elementor-swiper .swiper-pagination-progressbar {
    top: auto !important;
    bottom: 0 !important;
    height: 4px;
}
.elementor-swiper .swiper-pagination-progressbar-fill {
    background: #000;
}
.elementor-widget .swiper-pagination-progressbar {
    top: auto !important;
    bottom: -50px !important;
    width: 89% !important;
    left: 11% !important;
}
.carousel-section .elementor-widget-image img.attachment-large {
    width: 100%;
}
.carousel-section .slider-info {
    position: absolute;
    bottom: 0;
    left: 0;
    padding: 30px 20px;
    opacity: 0;
    transition: 0.3s;
}
.carousel-section .swiper-slide:hover .slider-info {
    opacity: 1;
    z-index: 1;
} 
.carousel-section .swiper-slide:hover:after {
    content: "";
    position: absolute;
    background: #0000007d;
    width: 100%;
    height: 100%;
    top: 0;
    border-radius: 15px;
}
.carousel-section .swiper-slide .slider-info .elementor-icon-box-content h3.elementor-icon-box-title {
    margin: 0;
}
.carousel-section .elementor-swiper-button {
    background: #162B56;
    position: absolute !important;
    width: 50px;
    height: 50px;
    display: flex !important;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    top: auto !important;
    bottom: -120px;
}
.carousel-section .elementor-swiper-button svg {
    width: 30px !important;
    height: 30px !important;
}
.carousel-section .elementor-swiper-button i {
    font-size: 26px;
}
.carousel-section .elementor-swiper-button.elementor-swiper-button-next {
    right: unset !important;
    left: 60px;
}
.success-card {
    box-shadow: 1px 1px 6px 1px #dfdfdf;
}
/*
.success-carousal .e-con-inner {
    padding: 5px;
}
*/
.success-carousal .swiper-slide .success-card {
    opacity: 0.7;
    transform: scale(0.92);
    transition: all 0.4s ease;
}
.success-carousal .swiper-slide-next .success-card {
    background: linear-gradient(180deg, #1f4e79 0%, #0f2f4a 100%);
    opacity: 1;
    transform: scale(1);
}
.success-carousal .swiper-slide-next .success-card h3.elementor-heading-title, 
.success-carousal .swiper-slide-next .success-card .elementor-widget-text-editor {
    color: #fff;
}
.success-carousal .swiper-slide .success-card .elementor-icon rect {
    stroke: #b8bcc0;
}
.success-carousal .swiper-slide-next .success-card .elementor-icon rect {
    stroke: #ffffff;
}
.success-carousal .elementor-swiper-button {
    background: #162B56;
    position: absolute !important;
    width: 50px;
    height: 50px;
    display: flex !important;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    top: auto !important;
    bottom: unset;
    top: -40px !important;
}
.success-carousal .elementor-swiper-button.elementor-swiper-button-prev {
    left: unset !important;
    right: 60px;
}

.smarter-form-coll .wpforms-field-container {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
}
.smarter-form-coll .wpforms-field-container .wpforms-field {
    width: calc(50% - 10px);
    padding: 0;
}
.smarter-form-coll .wpforms-field-container .wpforms-field.coll-33 {
    width: calc(33% - 12px);
}
.smarter-form-coll .wpforms-field-container .coll-100 {
    width: calc(100% - 0px);
}
.smarter-form-coll .wpforms-field-container .wpforms-field-medium {
    width: 100%;
    min-width: 100%;
    border: 1px solid #54595F;
    border-radius: 8px;
}
.smarter-form-coll .wpforms-field-container .wpforms-field label.wpforms-field-label {
    margin-bottom: 10px;
    font-weight: 600;
    font-size: 16px;
}
.smarter-form-coll .wpforms-submit-container .wpforms-submit {
    width: 100%;
    background: linear-gradient(0deg, #83150b -18.27%, #da561c 100%) !important;
    border-radius: 10px;
    padding: 18px 0;
    height: unset;
}
.smarter-form-coll .wpforms-submit-container img.wpforms-submit-spinner {
    position: absolute;
    top: 13px;
    right: 15px;
}
.smarter-form-coll .wpforms-render-modern {
    margin-bottom: 0 !important;
    margin-top: 0 !important;
}
.smarter-form-coll .wpforms-submit-container {
    margin-top: 30px !important;
}
.tabs-sec .e-n-accordion-item-title {
    justify-content: space-between;
}
.sol-points .elementor-widget-icon-box, .ent-points .elementor-widget-icon-box {
    position: relative;
}
.sol-points .elementor-widget-icon-box .elementor-icon-box-icon {
    margin-top: 7px;
}
.ent-points .elementor-widget-icon-box .elementor-icon-box-icon {
    margin-top: 15px;
}
/*================ old css End =============*/
.footer-news-l .wpforms-field-container .wpforms-field.wpforms-field-name {
    padding-bottom: 0;
}
.hotspot-coll .e-hotspot__label {
    font-size: 0;
}
.hotspot-coll .e-hotspot .e-hotspot__tooltip {
    width: 230px;
    background: #fff;
    border-radius: 10px;
}
.hotspot-coll .e-hotspot .e-hotspot__tooltip p a {
    color: #54595F !important;
    font-size: 13px;
    word-break: break-all;
    width: 100%;
    display: block;
    text-align: center;
    margin-bottom: 10px;
    font-weight: 600;
    white-space: normal;
}

.hotspot-coll .e-hotspot .e-hotspot__tooltip p {
    text-align: center;
    margin-bottom: 5px;
    color: #54595F !important;
    font-size: 13px;
    font-weight: 600;
    word-break: break-all;
}

.hotspot-coll .e-hotspot .e-hotspot__icon {
    position: relative;
    z-index: 1;
}
.hotspot-coll .e-hotspot .e-hotspot__icon::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    transform: translate(-50%, -50%);
    
    background: rgba(0, 123, 255, 0.4); /* change color if needed */
    animation: pulseRing 1.8s infinite;
}
.hotspot-coll .e-hotspot .e-hotspot__icon {
    animation: blinkIcon 1.2s infinite;
}


/* Animations */
@keyframes pulseRing {
    0% {
        transform: translate(-50%, -50%) scale(1);
        opacity: 0.7;
    }
    70% {
        transform: translate(-50%, -50%) scale(2.2);
        opacity: 0;
    }
    100% {
        opacity: 0;
    }
}
@keyframes blinkIcon {
    0%, 100% {
        opacity: 1;
    }
    50% {
        opacity: 0.4;
    }
}
.h-news-letter form.wpforms-form button.wpforms-submit:focus, .h-news-letter form.wpforms-form button.wpforms-submit:active, .h-news-letter form.wpforms-form button.wpforms-submit:focus-within {
    outline: none;
    --wpforms-button-background-color: initial;
}
.custom-tech-slider .swiper-slide-image {
    max-width: 160px;
}
.partner-logo .elementor-image-carousel-wrapper figure.swiper-slide-inner img.swiper-slide-image {
    margin: 0 auto;
}

.gredient-bg {
    background: radial-gradient(circle at top left, rgb(25 47 105), transparent 50%), radial-gradient(circle at bottom right, rgb(24 48 107), transparent 50%), linear-gradient(135deg, #081824, #0b1f33);
}

/*------------------ Start Resposnive ----------------*/

.video-btn .elementor-button {
    box-shadow: 0px 4px 14.7px 0px #00000012;
    background: #ffffff80 !important;
    width: 48px;
    height: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50% !important;
    background: rgba(255, 255, 255, 0.4) !important;
    box-shadow: 0px 4px 14.7px rgba(0, 0, 0, 0.07);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
}

.cloud-accor .e-n-accordion-item-title {
    justify-content: space-between !important;
}

@media (max-width:1250.98px){
.website-header ul#menu-main-menu.elementskit-navbar-nav > li {
    margin-right: 7px;
}
.carousel-section .swiper-pagination {
    display: none;
}
}
@media (min-width: 1024px) and (max-width: 1080px) {
    #menu-main-menu li.menu-item a.ekit-menu-nav-link {
        font-size: 12px;
    }
    }
 
    
@media (max-width:1024.98px){
.header-nav button.elementskit-menu-hamburger {
    border: 0;
    display: flex;
    flex-direction: column;
    gap: 6px;
}
.header-nav button.elementskit-menu-hamburger span.elementskit-menu-hamburger-icon {
    height: 2px;
    background-color: #ffffff !important;
    margin: 0;
}
.website-header .elementskit-nav-identity-panel {
    padding: 10px 0 !important;
}
.website-header .elementskit-nav-identity-panel button.elementskit-menu-close {
    margin: 0px 10px 0px 0px !important;
    color: #333 !important;
    border: 1px solid #c8c8c8 !important;
    border-radius: 50% !important;
    min-width: 40px;
    min-height: 40px;
    width: 40px !important;
    background: #d5d5d5;
}
.website-header ul#menu-main-menu.elementskit-navbar-nav > li {
    margin-right: 0px;
    padding: 0;
    border-bottom: 1px solid #dbdbdb;
}
.website-header ul#menu-main-menu.elementskit-navbar-nav > li .ekit-menu-dropdown-toggle {
    position: relative;
}
.website-header ul#menu-main-menu.elementskit-navbar-nav > li .ekit-menu-dropdown-toggle i.icon.icon-down-arrow1 {
    border: 0;
    position: absolute;
    right: 20px;
}
.website-header ul#menu-main-menu.elementskit-navbar-nav > li ul.elementskit-dropdown {
    top: 0;
}
#menu-main-menu ul.elementskit-submenu-panel a.dropdown-item i.icon.icon-down-arrow1 {
    transform: rotate(0deg);
    border: 0;
    padding: 0;
    margin-right: 10px;
}
}

@media (max-width:768px){
.pack-mille {
    max-height: unset;
}
.video-btn .elementor-button {
    width: 48px;
    height: 48px;
}
.carousel-section .elementor-swiper-button,
.success-carousal .elementor-swiper-button {
    width: 40px;
    height: 40px;
}
.carousel-section .elementor-swiper-button i,
.success-carousal .elementor-swiper-button i {
    font-size: 22px;
}
.carousel-section .elementor-swiper-button-prev {
    left: 50% !important;
    transform: translateX(-110%) !important;
}

.carousel-section .elementor-swiper-button-next {
    left: 50% !important;
    transform: translateX(10%) !important; /* right side */
}
.carousel-section .elementor-swiper-button {
    bottom: -70px;
}
.success-carousal .swiper-slide-next .success-card {
    background: none;
    opacity: 1;
    transform: unset
}
}