.elementor-9 .elementor-element.elementor-element-2164df7{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-9 .elementor-element.elementor-element-4ba005e{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-9 .elementor-element.elementor-element-d40d1d8{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-9 .elementor-element.elementor-element-c2f8127{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-9 .elementor-element.elementor-element-326d306{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-9 .elementor-element.elementor-element-fb55233{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-9 .elementor-element.elementor-element-74bd0dd{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-9 .elementor-element.elementor-element-ec38abd{--display:flex;--overlay-opacity:0.67;--padding-top:100px;--padding-bottom:100px;--padding-left:0px;--padding-right:0px;}.elementor-9 .elementor-element.elementor-element-ec38abd:not(.elementor-motion-effects-element-type-background), .elementor-9 .elementor-element.elementor-element-ec38abd > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://vranya.com/wp-content/uploads/2024/06/img4.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-9 .elementor-element.elementor-element-ec38abd::before, .elementor-9 .elementor-element.elementor-element-ec38abd > .elementor-background-video-container::before, .elementor-9 .elementor-element.elementor-element-ec38abd > .e-con-inner > .elementor-background-video-container::before, .elementor-9 .elementor-element.elementor-element-ec38abd > .elementor-background-slideshow::before, .elementor-9 .elementor-element.elementor-element-ec38abd > .e-con-inner > .elementor-background-slideshow::before, .elementor-9 .elementor-element.elementor-element-ec38abd > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#1C2544;--background-overlay:'';}.elementor-9 .elementor-element.elementor-element-798e635{--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;--align-items:center;}.elementor-9 .elementor-element.elementor-element-2b0374d{--display:flex;}.elementor-widget-divider{--divider-color:var( --e-global-color-secondary );}.elementor-widget-divider .elementor-divider__text{color:var( --e-global-color-secondary );font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-divider.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-secondary );}.elementor-widget-divider.elementor-view-framed .elementor-icon, .elementor-widget-divider.elementor-view-default .elementor-icon{color:var( --e-global-color-secondary );border-color:var( --e-global-color-secondary );}.elementor-widget-divider.elementor-view-framed .elementor-icon, .elementor-widget-divider.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-secondary );}.elementor-9 .elementor-element.elementor-element-a80bf11{--divider-border-style:solid;--divider-color:#626C8D;--divider-border-width:1px;}.elementor-9 .elementor-element.elementor-element-a80bf11 .elementor-divider-separator{width:100%;}.elementor-9 .elementor-element.elementor-element-a80bf11 .elementor-divider{padding-block-start:2px;padding-block-end:2px;}.elementor-9 .elementor-element.elementor-element-681914a{--display:flex;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-9 .elementor-element.elementor-element-b891f8c{text-align:center;}.elementor-9 .elementor-element.elementor-element-b891f8c .elementor-heading-title{font-family:"Outfit", Sans-serif;font-size:19px;font-weight:600;letter-spacing:0.5px;color:#B8C0DD;}.elementor-9 .elementor-element.elementor-element-98faf97{--display:flex;}.elementor-9 .elementor-element.elementor-element-4c7bafc{--divider-border-style:solid;--divider-color:#626C8D;--divider-border-width:1px;}.elementor-9 .elementor-element.elementor-element-4c7bafc .elementor-divider-separator{width:100%;}.elementor-9 .elementor-element.elementor-element-4c7bafc .elementor-divider{padding-block-start:2px;padding-block-end:2px;}.elementor-9 .elementor-element.elementor-element-1f5f627{--e-image-carousel-slides-to-show:7;}body.elementor-page-9:not(.elementor-motion-effects-element-type-background), body.elementor-page-9 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}@media(min-width:768px){.elementor-9 .elementor-element.elementor-element-ec38abd{--content-width:1600px;}.elementor-9 .elementor-element.elementor-element-681914a{--width:43%;}}@media(max-width:1366px){.elementor-9 .elementor-element.elementor-element-ec38abd{--padding-top:100px;--padding-bottom:100px;--padding-left:20px;--padding-right:20px;}}@media(max-width:767px){.elementor-9 .elementor-element.elementor-element-1f5f627{--e-image-carousel-slides-to-show:2;}}/* Start custom CSS for image-carousel, class: .elementor-element-1f5f627 *//* Creates the fade effect on the left and right sides */
.elementor-9 .elementor-element.elementor-element-1f5f627 {
    -webkit-mask-image: linear-gradient(to right, transparent, black 10%, black 90%, transparent);
    mask-image: linear-gradient(to right, transparent, black 10%, black 90%, transparent);
}

/* Rectangular Card Styling - Navy + Gold Theme */
.elementor-9 .elementor-element.elementor-element-1f5f627 .swiper-slide-inner {
    background: rgba(255, 255, 255, 0.72) !important;
    border: 1px solid rgba(163, 153, 143, 0.34) !important;
    border-radius: 14px !important;
    /* Rectangular instead of square */
    aspect-ratio: 16 / 10 !important;
    width: 100% !important;
    max-width: 170px !important;
    margin: 20px auto !important;
    box-shadow:
        0 8px 22px rgba(10, 25, 49, 0.10),
        inset 0 1px 0 rgba(255, 255, 255, 0.75) !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    backdrop-filter: blur(10px) !important;
    -webkit-backdrop-filter: blur(10px) !important;
    overflow: hidden !important;
    transition:
        transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1),
        border-color 0.4s ease,
        box-shadow 0.4s ease,
        background 0.4s ease !important;
}

/* Attractive hover: lift + gold glow */
.elementor-9 .elementor-element.elementor-element-1f5f627 .swiper-slide-inner:hover {
    transform: translateY(-8px) scale(1.04) !important;
    background: rgba(255, 255, 255, 0.9) !important;
    border-color: rgba(204, 167, 106, 0.75) !important;
    box-shadow:
        0 18px 38px rgba(204, 167, 106, 0.24),
        0 8px 22px rgba(10, 25, 49, 0.14),
        inset 0 1px 0 rgba(255, 255, 255, 0.9) !important;
    z-index: 10 !important;
    cursor: pointer;
}

/* Logo image settings inside the card */
.elementor-9 .elementor-element.elementor-element-1f5f627 .swiper-slide-inner img {
    max-width: 72% !important;
    max-height: 72% !important;
    width: auto !important;
    height: auto !important;
    object-fit: contain !important;
    transition: transform 0.4s ease !important;
}

/* Slight pop on hover */
.elementor-9 .elementor-element.elementor-element-1f5f627 .swiper-slide-inner:hover img {
    transform: scale(1.08) !important;
}

/* Continuous smooth movement logic */
.elementor-9 .elementor-element.elementor-element-1f5f627 .swiper-wrapper {
    transition-timing-function: linear !important;
}

@media (max-width: 768px) {
    .elementor-9 .elementor-element.elementor-element-1f5f627 .swiper-slide-inner {
        max-width: 130px !important;
        aspect-ratio: 16 / 11 !important;
    }
}

@media (max-width: 480px) {
    .elementor-9 .elementor-element.elementor-element-1f5f627 .swiper-slide-inner {
        max-width: 110px !important;
    }
}/* End custom CSS */