@import url(fonts.css); 

*,div,p,::after,::before{transition: all 0.5s ease-in-out;}
.relative{position: relative;}
.relative::after{position: absolute; content: ""; position: absolute;}
.relative::before{position: absolute; content: ""; position: absolute;}
a{text-decoration: none !important;}


.i-cpfl .uc_dark_carousel_container_holder{}
.i-cpfl .uc_dark_carousel_placeholder{margin: 3%; border-radius: 5px;}
.i-cpfl .uc_dark_carousel_placeholder:hover{border-radius: 15px; box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.3);}

.i-cpfl .uc_dark_carousel_placeholder a{position: relative; display: inline-block;}
.i-cpfl .uc_dark_carousel_placeholder a::after{content: ""; position: absolute; background-color: rgba(0, 0, 0, 0.3); width: 100%; height: 100%; top: 0; left: 0; z-index: 1;}
.i-cpfl .uc_dark_carousel_placeholder a:hover::after{opacity: 0; transform: scale(1.1);}

.i-cpfl .uc_dark_carousel_content{position: absolute; bottom: 3%; left: 0; z-index: 10;}
.i-cpfl .uc_dark_carousel_content .ue-title{color: white !important;}

.i-about-b{position: relative;}
.i-about-b .i-video{position: absolute; top: 48%; left: 52%; z-index: 10;}

.n-about-nrbox::after {content: "Beacon";  text-transform: uppercase;  top: 50%; left: -5%; transform: translateY(-50%) rotate(90deg); text-align: left; white-space: nowrap; font-size: 4rem; color: antiquewhite; font-family: 'en-01'; opacity: .5;}

.elementor-nav-menu li{border-bottom: 1px solid #F0F5FA;}
.elementor-nav-menu--main .elementor-nav-menu ul{width: auto !important;}


.n-news-listBox{}
.n-news-listBox h2{padding-left: 0;}
.n-news-listBox .relative::before{width: 0; height: 100%; background-color: #A66E49; left: 0; top: 0;}
.n-news-listBox:hover h2{color: #A66E49 !important; padding-left: 3%;}
.n-news-listBox:hover .relative::before{width: 1.5%;}
.n-news-listBox:hover time{color: #A66E49;}



@media (max-width: 1024px) {
    .i-top-nav{position: fixed; top: 3px; right: 10%; z-index: 100;}
    .i-top-nav .elementor-nav-menu--dropdown{width: 100%; position: fixed; top: 66px; right: 0; z-index: 100;}
    .i-top-nav .elementor-nav-menu--dropdown ul{height:90vh;}
    
    .i-about-b .i-video{top: 4% !important; left: unset !important; right: 2%;}
    
    .n-about-nrbox::after {left: -29%;}
    
    .n-contactus-box .elementor-icon-box-wrapper{align-items: center;}
    
    .elementor-nav-menu--main .elementor-nav-menu ul{position: unset !important;}
}