.elementor-kit-7{--e-global-color-primary:#000000;--e-global-color-secondary:#E7EAED;--e-global-color-text:#425466;--e-global-color-accent:#0000FF;--e-global-color-2b73850:#E5F0FF;--e-global-color-2e35df6:#FFFFFF;--e-global-color-c334d39:#00F4CC;--e-global-color-7dbba5e:#F7F9FC;--e-global-color-911e0bb:#86868B;--e-global-typography-primary-font-family:"Akkurat-Pro-Regular";--e-global-typography-primary-font-weight:400;--e-global-typography-secondary-font-family:"Akkurat-Pro-Bold";--e-global-typography-text-font-family:"Akkurat-Pro-Regular";--e-global-typography-accent-font-family:"Akkurat-Pro-Regular";--e-global-typography-602d12c-font-family:"Akkurat-Mono";background-color:var( --e-global-color-secondary );}.elementor-kit-7 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1344px;}.e-con{--container-max-width:1344px;--container-default-padding-top:0px;--container-default-padding-right:0px;--container-default-padding-bottom:0px;--container-default-padding-left:0px;}.elementor-widget:not(:last-child){--kit-widget-spacing:0px;}.elementor-element{--widgets-spacing:0px 0px;--widgets-spacing-row:0px;--widgets-spacing-column:0px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS */html.lenis {
  height: auto;
}
.lenis.lenis-smooth {
  scroll-behavior: auto !important;
}
.lenis.lenis-smooth [data-lenis-scroll] {
  will-change: transform;
}


body{
    overflow-x: hidden !important;
}

html{
    font-size: 62.5%; 
}

.page-container{
    padding: 0 var(--padding-sm) var(--padding-sm);
    gap: 16px;
}


/*------------------------------------*
  #TYPOGRAPHY
*------------------------------------*/

.small-text h1,
.small-text p,
.e-n-tab-title-text,
.elementor-testimonial__cite{
	font-size: 1.4rem !important;
    line-height: 1.8 !important;
}

p, 
td,
li,
ol,
.elementor-field-label,
.e-n-accordion-item-title-text{
    font-size: clamp(1.5rem, 2.5vw, 1.7rem) !important;
    line-height: 1.7 !important;
}
p {
    padding-top: 1rem;
}

.h6-h1 h1, h6 {
	font-size: 1.4rem !important;
	line-height: 2.4rem !important;
	text-transform: uppercase;
	letter-spacing: 1.6px;
}
h5 {
	font-size: 1.8rem !important;
	line-height: 2.8rem !important;
}
h4 {
	font-size: 2rem !important;
	line-height: 3.2rem !important;
}
h3 {
	font-size: 2.8rem !important;
	line-height: 3.8rem !important;
}
.h2-h1 h1, h2 {
    font-size: clamp(2.2rem, 2.8vw, 4.6rem) !important;
    line-height: 1.15 !important;
}
.large h2{
    font-size: clamp(2.8rem, 5.4vw, 5.4rem) !important;
	line-height: 1.3 !important;
}

h1{
    font-size: clamp(2.8rem, 5.4vw, 5.4rem) !important;
    line-height: 1.2 !important;
}
.hero h1,
.hero h2 {
    font-size: 9vw !important;
	line-height: 11vw !important;
}

@media only screen and (min-width: 768px) {
    .hero h1,
    .hero h2{
        font-size: 7vw !important;
	    line-height: 9vw !important;
    }
}

@media only screen and (min-width: 1024px) {
 
    h5 {
    	font-size: 2.2rem !important;
    	line-height: 3.4rem !important;
    }
    h4 {
    	font-size: 2.8rem !important;
    	line-height: 3.8rem !important;
    }
    h3 {
    	font-size: 3.2rem !important;
    	line-height: 4.2rem !important;
    }
    .hero h1,
    .hero h2{
        font-size: 5vw !important;
	    line-height: 5.2vw !important;
    }
    .uber h1,
    .uber h2{
        font-size: 9vw !important;
	    line-height: 1 !important;
    }
}

.grey-text {
    color: #999 !important;
}

.subtitle{
    padding: 2px 12px;
    border-radius: 4px;
    background: rgba(0, 244, 204, 0.40);
}



/*------------------------------------*
  #COLOURS
*------------------------------------*/

:root {
  --light-blue: #E5F0FF;
  --grey-70: rgb(66 66 69 / 70%);
  --white-70: rgb(255 255 255 / 70%);
}

.blue {
    background:  var( --e-global-color-accent ) !important;
}
.black {
    background:  var( --e-global-color-primary ) !important;
}

.blue h2,
.black h2,
.blue h3,
.black h3,
.blue h4,
.black h4,
.black h5,
.blue h5,
.blue h6,
.black h6,
.blue .text p,
.black .text p{
    color: white !important;
}

/*
** modules for text-image sections
*/
.text-image.black .module-container p,
.text-image.blue .module-container p{
    color: white !important;
}
.text-image.black .module-container svg path,
.text-image.blue .module-container svg path{
    fill: white !important;
}

.black .text-list .st0{
    fill: white !important;
}

.grey{
    background: var( --e-global-color-secondary );
}

.grey h2,
.grey h3,
.grey h4,
.grey h5,
.grey h6,
.grey p{
    color: var( --e-global-color-accent ) !important;
}

/*
** Footer Colours
*/
.page-blue .main-footer,
.page-blue .sub-footer{
    background: blue;
    border-bottom: 1px solid rgba(255,255,255,0.4);
}
.page-black .main-footer,
.page-black .sub-footer{
    background: black;
}
.page-white .main-footer,
.page-white .sub-footer{
    background: white;
}
.page-grey .main-footer,
.page-grey .sub-footer{
    background: var( --e-global-color-secondary );
}

/*
** Header colours
*/
.page-blue .main-header{
    background: rgba(0, 0, 255, 0.80);
}
.page-black .main-header{
    background: rgba(0,0,0,0.70);
}
.page-white .main-header {
    background: rgba(255, 255, 255, 0.80);
    border-bottom: 1px solid rgba(231, 234, 237, 0.80);
}
.page-grey .main-header {
    background: rgba(231, 234, 237, 0.80);
}
/*
** Transparent header on homepage
*/
.page-id-684 .main-header{
    background: #E5E9EB !important;
}

/*
** Colouring the AV Logo
*/
.page-blue .av-logo svg path, 
.page-black .av-logo svg path {
    fill: white !important;
}
.page-white .main-header .av-logo svg path,
.page-grey .main-header .av-logo svg path {
    fill: var( --e-global-color-accent ) !important;
}

/*
** Colouring the menu-links
*/
.page-white .main-header .menu-item a,
.page-grey .main-header .menu-item a {
    color: var( --e-global-color-text ) !important; 
}
.page-blue .main-header .menu-item a,
.page-black .main-header .menu-item a{
    color: white !important; 
}

.page-black .main-header .menu-item a.elementor-sub-item,
.page-blue .main-header .menu-item a.elementor-sub-item{
    color: var( --e-global-color-text ) !important; 
}

.page-blue .main-header .menu-item a.elementor-sub-item:hover,
.page-blue .main-header .menu-item a.elementor-item-active,
.page-white .main-header .menu-item a.elementor-sub-item:hover,
.page-white .main-header .menu-item a.elementor-item-active,
.page-grey .main-header .menu-item a.elementor-sub-item:hover,
.page-grey .main-header .menu-item a.elementor-item-active,
.page-black .main-header .menu-item a.elementor-sub-item:hover,
.page-black .main-header .menu-item a.elementor-item-active{
    color: white !important;
}



/*
** Footer colours
*/

.page-blue .main-footer .av-logo svg path{
    fill: white;
}
.page-blue .elementor-location-footer h6,
.page-black .elementor-location-footer h6{
    color: white !important;
}
.page-blue .elementor-location-footer p,
.page-black .elementor-location-footer p,
.page-blue .elementor-location-footer a,
.page-black .elementor-location-footer a{
    color: var(--white-70) !important;
}

/*
** Text banner category colour
*/
.page-blue .text-banner .small-text h1{
    color: var( --e-global-color-c334d39 ) !important;
}





/*------------------------------------*
  #SPACING
*------------------------------------*/

:root {
    --padding-sm: 15px;
    --padding-md: 15px;
    --padding-lg: 30px;
    
    --margin-sm: 15px;       
    --margin-md: 15px;

    --radius-sm: 12px;
    --radius-md: 24px;
    --radius-lg: 32px;
}

@media only screen and (min-width: 768px) {
    :root {
        --padding-sm: 30px;
        --padding-md: 30px;
        --padding-lg: 60px;

        --margin-sm: 30px;   
        --margin-md: 30px;  
    }
}

@media only screen and (min-width: 1024px) {
    :root {
        --padding-md: 4.1666666667vw;
        --padding-lg: 8.3333333334vw;
        
        --margin-md: 4.1666666667vw;
    }
}

/**
 * small padding
 */
.padding-sm {
    padding: var(--padding-sm);
}
.padding-lr-sm {
    padding-left: var(--padding-sm);
    padding-right: var(--padding-sm);
}
.padding-l-sm {
    padding-left: var(--padding-sm);
}
.padding-r-sm {
    padding-right: var(--padding-sm);
}
.padding-tb-sm {
    padding-top: var(--padding-sm);
    padding-bottom: var(--padding-sm);
}
.padding-t-sm {
    padding-top: var(--padding-sm);
}
.padding-b-sm {
    padding-bottom: var(--padding-sm);
}

/**
 * medium padding
 */
.padding-md {
    padding: var(--padding-md);
}
.padding-lr-md {
    padding-left: var(--padding-md);
    padding-right: var(--padding-md);
}
.padding-l-md {
    padding-left: var(--padding-md);
}
.padding-r-md {
    padding-right: var(--padding-md);
}
.padding-tb-md {
    padding-top: var(--padding-md);
    padding-bottom: var(--padding-md);
}
.padding-t-md {
    padding-top: var(--padding-md);
}
.padding-b-md {
    padding-bottom: var(--padding-md);
}

/**
 * large padding
 */
.padding-lg {
    padding: var(--padding-lg);
}
.padding-lr-lg {
    padding-left: var(--padding-lg);
    padding-right: var(--padding-lg);
}
.padding-l-lg {
    padding-left: var(--padding-lg);
}
.padding-r-lg {
    padding-right: var(--padding-lg);
}
.padding-tb-lg {
    padding-top: var(--padding-lg);
    padding-bottom: var(--padding-lg);
}
.padding-t-lg {
    padding-top: var(--padding-lg);
}
.padding-b-lg {
    padding-bottom: var(--padding-lg);
}

/**
 * small margin
 */
.margin-sm {
    margin: var(--margin-sm);
}


/**
 * medium margin
 */
.margin-md {
    margin: var(--margin-md);
}




/*------------------------------------*
  #BACKGROUND-IMAGE
*------------------------------------*/
/*
.background-image{
    position: relative;
}

.img-col:has(.background-image) { 
    min-height: 50vh;
}
*/

.img-col{
    min-height: auto;
}
    
/**
 * Sizing the image (to maintain it's ratio)
 */
.background-image:after {
  content: "";
  display: block;
  padding-bottom: 100%;
}
.background-image,
.background-image img {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}
.background-image img {
    object-fit: cover;
}




/*------------------------------------*
  #LOTTIE-ANIMATION
*------------------------------------*/

/* Make the widget + wrappers fill the column */
.animation,
.animation .e-lottie__container,
.animation .e-lottie__animation {
    height: 100%;
    width: 100%;
    overflow: hidden;
    position: relative;
}

/* Force the SVG to fill height and scale proportionally */
.animation .e-lottie__animation svg {
    height: 100% !important;
    width: auto !important; /* Keep aspect ratio */
    position: absolute !important;
    top: 0;
    left: 50%;
    transform: translateX(-50%) !important; /* Horizontally centre the SVG */
    overflow: hidden;
}




/*------------------------------------*
  #BUTTONS
*------------------------------------*/
/*
** Styling the buttons
*/
 
.btn-primary,
.btn-primary span,
.btn-primary .elementor-button-text,
.btn-primary .elementor-button-icon::after,
.btn-primary .elementor-button-icon svg,
.btn-primary::after,
.text-link,
.text-link p,
.text-link .arrow-icon,
.text-link .arrow-icon svg,
.text-link .arrow-icon::after{
    transition: all 1s cubic-bezier(0.22, 1, 0.36, 1);
} 

.btn-primary {
    overflow: hidden;
}

.btn-primary .elementor-button,
.text-link {
    padding: 10px 24px !important;
    border-radius: 30px;
}

/*
** Blue outline button
*/
.btn-primary.blue-outline .elementor-button{
    background: transparent !important;
    border: 1px solid var( --e-global-color-accent );
}
.btn-primary.blue-outline .elementor-button-text {
    color: var( --e-global-color-accent ) !important ;
}
.btn-primary.blue-outline svg path{
    fill: var( --e-global-color-accent ) !important ;
}

/*
** White outline button
*/
.btn-primary.white-outline .elementor-button{
    border: 1px solid white;
}
.btn-primary.white-outline .elementor-button-text {
    color: white !important ;
}
.btn-primary.white-outline svg path{
    fill: #fff !important ;
}

/*
** Text link button
*/
.text-link{
    gap: 8px;
    background: transparent !important;
    border: 1px solid var( --e-global-color-accent );
    width: auto;
    align-self: flex-start !important;
}
.text-link p {
    color: var( --e-global-color-accent ) !important ;
}
.text-link svg,
.text-link .elementor-icon-wrapper{
    height: 12px !important;
    width: 12px !important;
}

.text-link svg path{
    fill: var( --e-global-color-accent ) !important ;
}

/*
** Setting the font size
*/
.btn-primary .elementor-button-text,
.text-link p {
    font-size: clamp(1.5rem, 2.5vw, 1rem) !important;
    line-height: 1.7 !important;
    font-family: var( --e-global-typography-secondary-font-family ), Sans-serif !important;
    font-weight: 500;
}

.elementor-button-content-wrapper{
    gap: 8px;
}

.btn-primary .elementor-button-icon{
    transform: translateX(0);
}
.btn-primary .elementor-button-icon svg{
    width: 11px;
    height: 11px;
}

.btn-primary .elementor-button-icon::after,
.text-link .arrow-icon::after {
    content: url("https://alphavictor.com/wp-content/uploads/2025/11/icon-arrow-right.svg");
    position: absolute;
    display: flex;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    transform: translateX(-100%) translateY(5px);
    opacity: 0;
}
.text-link .arrow-icon::after {
    transform: translateX(-100%) translateY(3%);
}

.btn-secondary .elementor-button{
    background: transparent !important;
    border: 1px solid #fff;
}


/**
** btn-primary hover state
**/
.btn-primary:hover .elementor-button{
    background: black !important;
}

.btn-primary:hover::after{
    transform: translateX(-55%);
}
.btn-primary:hover .elementor-button-icon svg{
    transform: translateX(100%);
    opacity: 0;
}

.btn-primary:hover .elementor-button-icon::after{
    transform: translateX(50%) translateY(5px);
    opacity: 1;
}
.btn-secondary:hover .elementor-button{
    border: solid 1px #BFCFCB !important;
}


/**
** text-link hover state
**/
.feature:hover .text-link,
.feature-thumb:hover .text-link {
    background: black !important;
    border-color: #000;
}
.feature:hover .text-link  p,
.feature-thumb:hover .text-link  p{
    color: white !important;
}

.feature:hover .text-link .arrow-icon svg,
.feature-thumb:hover .text-link .arrow-icon svg{
    transform: translateX(100%);
    opacity: 0;
}

.feature:hover .text-link svg path,
.feature-thumb:hover .text-link svg path{
    fill: #fff !important ;
}
.feature:hover .text-link .arrow-icon::after,
.feature-thumb:hover .text-link .arrow-icon::after{
    transform: translateX(0%) translateY(3%);
    opacity: 1;
}

/*
** Blue outline button hover state
*/
.btn-primary:hover.blue-outline .elementor-button{
    border: 1px solid black;
}
.btn-primary:hover.blue-outline .elementor-button-text {
    color: white !important ;
}

/*
** White outline button hover state
*/
.btn-primary:hover.white-outline .elementor-button{
    border: 1px solid black;
}

@media only screen and (min-width: 1024px) {
    .btn-primary {
        margin-top: 30px !important;
    }
}




/*------------------------------------*
  #PLAY-ICON
*------------------------------------*/
/*
** Positioning the play icon abover the overlay
*/
.play-icon{
    z-index: 1;
    position: absolute;
}

/*
** Positioning/Styling the play icon blue circle
*/
.play-icon::before{
    content: "";
    position: absolute;
    background: var( --e-global-color-primary );
    border-radius: 100%;
    width: 120px;
    height: 120px;
    transition: all .4s cubic-bezier(.4,0,.2,1);
    pointer-events: none;
}

/*
** Styling the play icon 
*/
.play-icon .elementor-icon{
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 100%;
    padding: 48px 50px 48px 52px;
    width: 120px;
    height: 120px;
}
.play-icon .elementor-icon svg path{
    transition: all .4s cubic-bezier(.4,0,.2,1);
}

/*
** Play icon hover state
*/
.play-icon:hover svg path{
    fill: var( --e-global-color-primary );
}
.play-icon:hover:before{
    transform: scale(0.9);
    background: var( --e-global-color-secondary );
}




/*------------------------------------*
  #TEXT-BANNER-SECTION
*------------------------------------*/

/*
** Banner height and spacing
*/
.text-banner{
    min-height: 600px;
    padding: var(--padding-lg) var(--padding-sm) var(--padding-lg);
    gap: 24px;
    justify-content: flex-end;
    overflow: hidden;
}

/*
** Styling the title
*/
.text-banner .small-text{
    padding: 2px 12px;
    border-radius: 4px;
    background: rgba(0, 244, 204, 0.40);
}
/*.text-banner .small-text h1{
    color: #00F4CC !important;
}*/

/*
** Max width for the title and text
*/
.text-banner .title,
.text-banner .text{
    max-width: 1024px !important;
}

.components-child .title {
    transform: translateX(0);
    transition: transform 0.6s ease, opacity 0.6s ease;
    opacity: 1; /* or whatever your normal state is */
}

.components-child .text-banner .text{
    max-width:600px;
    margin-left: 20%;
}

.components-child .text-banner .text::before,
.news .text-banner .text::before{
    content: "";
    position: absolute;
    top: 10%;
    left: -12px;
    width: 1px;
    height: 80%;
    background: var(--e-global-color-accent);
}

/*
** Positiong the next title
*/
.components-child .text-banner .next-page-container{
    display: none;
    position: absolute;
    top: 0px;
    height: 100%;
}
.components-child .text-banner .next-page-container .next-title{
    position: absolute !important;
    margin-left: 90% !important;
    opacity: 0.3;
    transition: all .4s cubic-bezier(.4,0,.2,1);
}
.text-banner .next-page-container .number{
    margin-left: 100%;
}
/*
** Adding next/prev arrows
*/
.components-child .text-banner .next-prev-arrows{
    position: absolute; 
    left: 0;
    bottom: calc(0px - var(--padding-lg) + 24px);
    gap: 8px;
    width: auto;
    display: none;
}
.components-child .text-banner .next-prev-arrows .prev-arrow{
    transform: rotate(180deg);
}
.components-child .text-banner .next-prev-arrows .elementor-icon{
    display: flex;
    justify-content: center;
    align-items: center;
    width: 48px !important;
    height: 48px !important;
}

/*
** Adding the blue circles
*/
.components-child .text-banner .next-prev-arrows .elementor-icon-wrapper::after{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 1px solid blue;
    border-radius: 50%;
    pointer-events: none;
    transition: all .4s cubic-bezier(.4,0,.2,1);
}

.components-child .text-banner .next-prev-arrows svg{
    width: 12px !important;
    height: 12px !important;
}

.components-child .text-banner .next-prev-arrows svg path{
    fill: blue
}

/*
** Hover states for the arrows
*/
.components-child .text-banner .prev-arrow:hover .elementor-icon-wrapper::after,
.components-child .text-banner .next-arrow:hover .elementor-icon-wrapper::after{
    transform: scale(0.9);
}
/*
.components-child .text-banner .next-page-container .next-title:hover{
    margin-left: 80% !important;
    opacity: 1;
}*/

@media only screen and (min-width: 1024px) {
    
    /*
    ** Banner height and spacing
    */
    .text-banner{
        min-height: 600px;
        padding: var(--padding-lg) var(--padding-sm) var(--padding-md);
    }
    .components-child .text-banner .text{
        width:600px;
        margin-left: 20%;
    }
    /*
    ** Adding next/prev arrows
    */
    .components-child .text-banner .next-prev-arrows{
        display: flex;
    }
    /*
    ** Positiong the next title
    */
    .components-child .text-banner .next-page-container{
        display: flex;
    }
}




/*------------------------------------*
  #TEXT-IMAGE-SECTION
*------------------------------------*/

.text-image{
    border-radius: var(--radius-lg);
    overflow: hidden;
}
.text-image .text-col {
    padding: var(--padding-lg);
    gap: 24px;
    justify-content: center;
}

.text-image .img-col {
    margin: 12px;
    height: 50vw;
    overflow: hidden;
    border-radius: var(--radius-md);
}

.text-image .modules{
    gap: 0px;
}

.text-image  .module-container svg{
    width: 24px;
}




/*------------------------------------*
  #DOWNLOAD-SECTION
*------------------------------------*/

.download-section{
    border-radius: var(--radius-lg);
    overflow: hidden;
}
.download-section .text-col {
    padding: var(--padding-lg);
    gap: 24px;
    justify-content: center;
}

.download-section .img-col {
    margin: 12px;
    height: 50vw;
    overflow: hidden;
    border-radius: var(--radius-md);
}

.download-section .modules{
    gap: 0px;
}

.download-section .module-container svg{
    width: 24px;
}




/*------------------------------------*
  #TEXT-LIST-SECTION
*------------------------------------*/

.text-list{
    border-radius: var(--radius-lg);
    overflow: hidden;
}
.text-list .text-col {
    padding: var(--padding-lg);
    gap: 24px;
}
.text-list .list-col {
    padding: var(--padding-md);
    gap: 24px;
}


/*
** Transition styles for the accordion
*/
.text-list .e-n-accordion-item-title,
.text-list .e-n-accordion-item-title-icon {
    transition: all 1s cubic-bezier(0.22, 1, 0.36, 1);
}

/*
** Styling the accordion
*/
.text-list .e-n-accordion-item {
    margin: 0 !important;
    padding: 0 !important;
}
.text-list .e-n-accordion-item-title {
    padding: 24px 0 !important;
    border-bottom: 1px solid rgba(255,255,255,0.5) !important;

}
.text-list .e-n-accordion-item .elementor-widget-text-editor p {
    color: rgba(255,255,255,0.8) !important;
}
.text-list .e-n-accordion-item svg path{
    fill: white !important;
}
.text-list .e-n-accordion-item-title[aria-expanded="true"] .e-n-accordion-item-title-icon{
    transform: rotate(45deg);
}

/*
** hover states for the accordion
*/
.text-list .e-n-accordion-item:hover .e-n-accordion-item-title-icon{
    transform: rotate(45deg);
}




/*------------------------------------*
  #LOOP-GRID-SECTIONS
*------------------------------------*/

.elementor-loop-container{
    gap: 20px !important;
}




/*------------------------------------*
  #TITLE-SECTION
*------------------------------------*/

.title-section{
    gap: 12px !important;
}




/*------------------------------------*
  #TEXT-COLUMNS-SECTION
*------------------------------------*/

/*
** Space between the text columns
*/
.text-columns{
    gap: 1px;
    flex-direction: column !important;
}

/*
** Styling the text columns
*/
.text-columns .text-col{
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 15vw;
    padding: 24px;
    text-align: center !important;
}

/*
** Adding a line between columns
*/
.text-columns .text-col::after {
    content: "";
    position: absolute;
    bottom: 0;
    width: 30%;
    height: 1px;
    background: var(--grey-70);
}

/*
** Removing the line from the last column
*/
.text-columns .text-col:last-of-type::after {
    background: none;
}

/*
** Styling the text
*/
.text-columns .text-col p{
    max-width: 200px;
    color: var(--e-global-color-text) !important;
}
/*
** Styling the text for the About pages
*/
.parent-pageid-200 .text-columns .text-col p{
    color: white !important;
}

@media only screen and (min-width: 768px) {
    /*
    ** Space between the text columns
    */
    .text-columns{
        gap: 1px;
        flex-direction: row !important;
    }
    /*
    ** Adding a line between columns
    */
    .text-columns .text-col::after {
        right: 0;
        bottom: 50%;
        transform: translateY(50%);
        width: 1px;
        height: 40%;
    }
}




/*------------------------------------*
  #GRID-LIST-SECTION
*------------------------------------*/

/*
** Setting the height and padding
*/
.grid-list-title-section{
    padding: var(--padding-md) 0 !important;
    min-height: 400px;
}

/*
** Setting title-col width and height
*/
.grid-list-title-section .title-col{
    width: 50%;
    height: 100%;
    padding: 0 var(--padding-md);
}

.grid-list-title-section .title-col .btn-primary{
    margin-top: 30px;
}

/*
** Setting list-col width, height, spacing
*/
.grid-list-title-section .list-col{
    width: 50%;
    height: 100%;
    padding: 0 var(--padding-md);
    flex-direction: row;
    flex-wrap: wrap !important;
    gap: 16px;
}

/*
** Styling the list text
*/
.grid-list-title-section .list-col .title{
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 15vw;
    padding: 24px;
    text-align: center !important;
    background: var( --e-global-color-primary );
    border-radius: var(--radius-sm);
}

/*
** Adding the underline below the list titles
*/
.grid-list-title-section .list-col .title::after {
    content: "";
    position: absolute;
    bottom: 40px;
    width: 24px;
    height: 1px;
    background: #ddd;
}

/*
** Styling the list text
*/
.grid-list-title-section .list-col .title p{
    max-width: 200px;
    pointer-events: none;
}

.grid-list-title-section .list-col .title:hover{
    transform: scale(1.03);
}

.grid-list-title-section.dark .title-col .title h2,
.grid-list-title-section.dark .list-col .title p{
    color: white;
}




/*------------------------------------*
  #ABOUT-PAGE-LINKS
*------------------------------------*/
/*
** Transition styles
*/
.about-page-links .list-col .page-link,
.about-page-links .list-col .page-link::after{
    transition: all 1s cubic-bezier(0.22, 1, 0.36, 1);
}

/*
** Spacing the text
*/
.about-page-links .text-col .text-container{
    gap: 24px;
}

/*
** Positioning the text
*/
.about-page-links .text-col .subtitle,
.about-page-links .text-col .text{
    margin-left: 24px;
}
/*
** Positioning the text
*/
.about-page-links .text-col .subtitle{
    padding: 0 8px;
}
.black .about-page-links .text-col .subtitle p{
    color: var( --e-global-color-c334d39 ) !important;
}

/*
** Adding line to the left of the text
*/
.about-page-links .text-col .text-container::after{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 1px;
    height: 100%;
    background: var(--white-70);
}

/*
** Spacing the page links
*/
.about-page-links .elementor-loop-container{
    gap: 0 !important;
}




/*------------------------------------*
  #FEATURES-CAROUSEL
*------------------------------------*/

.features-carousel {
    padding-top: 24px;
}

/*
** Adding the gradient
*/
.features-carousel::after{
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(
    to right,
    rgba(0, 0, 0, 0) 80%,
    #161617 100%);
    z-index: 2;
    pointer-events: none;
}
.page-white .features-carousel::after{
    background: linear-gradient(
    to right,
    rgba(255, 255, 255, 0) 80%,
    #fff 100%);

}

/*
** Styling the buttons
*/
.features-carousel .elementor-swiper-button{
    width: 64px;
    height: 64px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0;
    top: -64px !important;
    border-radius: 50%;
    background: rgb(66 66 69 / 70%);
}
.page-white .features-carousel .elementor-swiper-button{
    background: var( --e-global-color-7dbba5e );
}

.features-carousel .elementor-swiper-button svg {
    width: 16px !important;
    height: 16px !important;
}

.page-white .features-carousel .elementor-swiper-button svg path{
    fill: blue;
}

.features-carousel .elementor-swiper-button-prev {
    left: calc(100% - 132px) !important;
    z-index: 20 !important;
}

.features-carousel .elementor-swiper-button-prev svg {
    transform: rotate(180deg) !important;
}

.features-carousel .elementor-swiper-button-next{
    z-index: 1;
}

.features-carousel .elementor-swiper-button:hover{
    background: rgb(255 255 255);
    transform: scale(0.9) translateY(-55%) !important;
}
.page-white .features-carousel .elementor-swiper-button:hover{
    background: var( --e-global-color-7dbba5e );
    transform: scale(0.9) translateY(-55%) !important;
}

.features-carousel .elementor-swiper-button:hover svg path{
    fill: #000;
}

.page-white .features-carousel .elementor-swiper-button:hover svg path{
    fill: blue;
}




/*------------------------------------*
  #FEATURES-CONTAINER
*------------------------------------*/

.features-container{
    gap: 16px;
}
.features-container .feature-container{
    gap: 16px;
}
.features-container .feature-container .left-col,
.features-container .feature-container .right-col{
    width: 100% !important;
    gap: 16px;
}

.features-container .feature-container .row {
    gap: 16px;
}

/*
** Styling the title
*/
.features-container .feature .subtitle{
    padding: 2px 12px;
    border-radius: 4px;
    background: rgba(0, 244, 204, 0.40);
}

.features-container .feature{
    padding: 48px;
    gap: 24px;
    border-radius: var(--radius-lg);
    overflow: hidden;
}

.features-container .feature img{
    opacity: 0.1 !important;
}

.features-container .feature .feature-icon .elementor-icon {
    background: #E5F0FF;
    padding: 12px;
    border-radius: 10px;
}

.features-container .feature .feature-icon .elementor-icon svg{
    width: 24px;
    height: 24px;
}

.features-container .feature.white{
    background: white;
}
.features-container .feature.grey{
    background: var( --e-global-color-text );
}
.features-container .feature.grey .title h4, 
.features-container .feature.grey .text p {
    color: #fff !important;
}

/*
** Styling the black & grey feature text-links
*/
.features-container .feature.blue .text-link,
.features-container .feature.black .text-link,
.features-container .feature.grey .text-link{
    border: 1px solid var( --e-global-color-c334d39 );
}
.features-container .feature.blue .text-link p,
.features-container .feature.black .text-link p,
.features-container .feature.grey .text-link p{
    color: var( --e-global-color-c334d39 ) !important;
}
.features-container .feature.blue .text-link .arrow-icon::after,
.features-container .feature.black .text-link .arrow-icon::after,
.features-container .feature.grey .text-link .arrow-icon::after{
    content: url("https://alphavictor.com/wp-content/uploads/2025/11/icon-arrow-right-black.svg");
}
.features-container .feature.blue .text-link svg path,
.features-container .feature.black .text-link svg path,
.features-container .feature.grey .text-link svg path{
    fill: var( --e-global-color-c334d39 ) !important;
}

/*
** Hover states for the features
*/
.features-container .feature:hover.blue .text-link,
.features-container .feature:hover.black .text-link,
.features-container .feature:hover.grey .text-link{
    background: white !important;
    border: 1px solid white;
}
.features-container .feature:hover.blue .text-link p,
.features-container .feature:hover.black .text-link p,
.features-container .feature:hover.grey .text-link p{
    color: black !important;
}

.features-container .feature:hover{
    transform: scale(0.98);
}

@media only screen and (min-width: 1024px) {
    .features-container .feature-container .left-col,
    .features-container .feature-container .right-col{
        width: 50% !important;
        gap: 16px;
    }
    .features-container .feature-container .left-col .feature,
    .features-container .feature-container .right-col .feature{
        height: 100%;
    }
    .features-container .feature img{
        opacity: 1 !important;
    }
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Akkurat-Pro-Regular';
	font-style: normal;
	font-weight: normal;
	font-display: auto;
	src: url('https://alphavictor.com/wp-content/uploads/2025/11/AkkuratPro-Regular.woff2') format('woff2'),
		url('https://alphavictor.com/wp-content/uploads/2025/11/AkkuratPro-Regular.woff') format('woff');
}
/* End Custom Fonts CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Akkurat-Pro-Bold';
	font-style: normal;
	font-weight: normal;
	font-display: auto;
	src: url('https://alphavictor.com/wp-content/uploads/2025/11/AkkuratPro-Bold.woff2') format('woff2'),
		url('https://alphavictor.com/wp-content/uploads/2025/11/AkkuratPro-Bold.woff') format('woff');
}
/* End Custom Fonts CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Akkurat-Mono';
	font-style: normal;
	font-weight: normal;
	font-display: auto;
	src: url('https://alphavictor.com/wp-content/uploads/2025/11/Akkurat-Mono.woff2') format('woff2'),
		url('https://alphavictor.com/wp-content/uploads/2025/11/Akkurat-Mono.woff') format('woff');
}
/* End Custom Fonts CSS */