/*---------------------------------------------------------------------------------

 Theme Name:   Enpower
 Theme URI:    https://enpowerftz.com
 Description:  Enpower Free Trade Zone Child theme create from divi 
 Author:       Apu Chidiebere
 Author URI:   https://enpowerftz.com
 Template:     Divi
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  https://www.gnu.org/licenses/gpl-2.0.html

------------------------------ ADDITIONAL CSS HERE ------------------------------*/


/*----------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------*/
/*--------------------------------[CUSTOM FONTS]------------------------------*/

body, p {
    font-family: "Owners Wide", Sans-serif;
    font-size: 16px;
        
}

 h2, h3, div, section, footer, header, ul, li, a{
    font-family: "Owners Wide", Sans-serif;
}

h2{
font-size: 40px!important;
  font-weight: 400;
  text-transform: none;
  font-style: normal;
  text-decoration: none;
  line-height: 1.25em;
  letter-spacing: 0em;
}

h3{
    font-size: 26px!important;
  font-weight: 700;
  text-transform: none;
  font-style: normal;
  text-decoration: none;
  line-height: 1.25em;
  letter-spacing: 0em;
}

h1{

font-family: "Space Grotesk", Sans-serif!important;
font-size: 16px!important;
text-transform: uppercase;
}


h4{

font-family: "Space Grotesk", Sans-serif!important;
font-size: 32px!important;
font-weight: 700;
}



.et_fullwidth_nav #main-header .container {
        width: 100%;
        max-width: 100%;
        padding: 5px 65px;
     }

.et_fullwidth_nav #et-top-navigation{
        padding-top: 35px!important;
        padding-right: 30px!important;
       
}

.et_header_style_left .logo_container
 {
    position: absolute;
    height: 100%;
    width: auto;
        
}

#logo {
        max-height: 64%;
    }



 #top-menu-nav .menu-item a{
  font-family: "Space Grotesk", Sans-serif!important;
  font-size: 14px;
  font-weight: 500;
  text-transform: uppercase;
  color: white;
  margin-right: 20px;
}


#top-menu-nav .menu-item .sub-menu a{
    font-family: "Space Grotesk", Sans-serif!important;
  font-size: 14px;
  font-weight: 500;
  text-transform: uppercase;
  color: #1A1A18;
  margin-right: 20px;
}

#top-menu-nav .menu-item a:active, #top-menu-nav .menu-item .sub-menu a:active{

 color: #E8450A;
}

#top-menu-nav .menu-item a:hover{ 

 color: #F6F5F0;
}

#top-menu-nav .menu-item .sub-menu a:hover{
    color: #E8450A;
}


 #top-menu-nav .menu-item-60{
    margin-right: 40px!important;
}

.scroll-start #main-header{
    background-color: #F6F5F0!important;
     -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
  -webkit-transform: translate3d(0, 0, 0);
box-shadow: 0px 4px 10px 2px rgba(0, 0, 0, 0.2);
}

.scroll-start #main-header .container .logo_container img#logo{
content: url("https://enpower-ftz.local/wp-content/uploads/2026/07/enpower_trans.png")!important;   /* Path to your logo */
 width: auto!important;
  margin-bottom: 0;
  display: inline-block;
  float: none;
  vertical-align: middle;
  max-height: 54%!important;
  }


.scroll-start #top-menu-nav .menu-item a{
  color: #1A1A18;
  }

.scroll-start #top-menu-nav .menu-item a:active, .scroll-start #top-menu-nav .menu-item a:hover{

 color: #E8450A;
}


.nt-mobile #main-header{
    background:none !important;
  }

.nt-mobile #main-header .container .logo_container img#logo{

  margin-bottom: 0;
  display: inline-block;
  float: none;
  vertical-align: middle;
 height: 72px!important;
  width: 534px!important;
}




#home-banner
 {
   min-height: 860px!important;
  padding-top: 0px;
   padding-bottom: 0px;
   padding-left: 0px;
    padding-right: 0px;
   
}

.et_pb_fullwidth_header_0 {
    padding-bottom: 0px!important;
}

#home-banner .et_pb_fullwidth_header_0 .header-content .et_pb_module_header h1{   
    text-align: center;
    font-family: "Owners", Sans-serif;
    font-size: 72px;
    font-weight: 400;
    text-transform: capitalize;
    line-height: 1.2em;
}

#home-banner .et_pb_fullwidth_header_0 .header-content .et_pb_header_content_wrapper p.header{   
    text-align: center;
    font-family: "Owners", Sans-serif;
    font-weight: 400;
    text-transform: capitalize;
    line-height: 1.2em;
    margin-bottom: 0!important;
    font-size: 72px!important;
}


#home-banner .et_pb_fullwidth_header_0 .header-content .et_pb_header_content_wrapper p.content{   
    text-align: center;
    font-family: "Space Grotesk", Sans-serif!important;
    font-size: 32px;
    font-weight: 400;
    text-transform: capitalize;
    line-height: 1.2em;
    margin-bottom: 20px!important;
}


#home-banner .et_pb_fullwidth_header_0 .header-content {
    text-align: center!important;

}

.et_pb_button_module_wrapper .et_pb_button{

      color: #F6F5F0!important; /* Change button text color here */
    font-size: 16px!important; /* Change text size here */
    border-radius: 5px; /* Set this to 0px if you want a square CTA button */
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    text-align: center;
    line-height: 4px;
    font-weight: 600;
     font-family: "Space Grotesk", Sans-serif!important;
     padding: 15px 24px!important;
     border: 0px;
    letter-spacing: 0px;
    text-transform: uppercase;
    background-color: #C53A08; /* Change button background color here */
}

#home-banner .et_pb_fullwidth_header_0 .header-content .et_pb_button {

    color: #F6F5F0!important; /* Change button text color here */
    font-size: 16px!important; /* Change text size here */
    border-radius: 5px; /* Set this to 0px if you want a square CTA button */
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    text-align: center;
    line-height: 4px;
    font-weight: 600;
     font-family: "Space Grotesk", Sans-serif!important;
     padding: 15px 24px!important;
     border: 0px;
    letter-spacing: 0px;
    text-transform: uppercase;

}

#home-banner .et_pb_fullwidth_header_0 .header-content .et_pb_button_one{
 background-color: #C53A08; /* Change button background color here */
 margin-right: 35px;
}

#home-banner .et_pb_fullwidth_header_0 .header-content .et_pb_button_one:hover,
#home-banner .et_pb_fullwidth_header_0 .header-content .et_pb_button_two:hover{
   background-color: #82c45e; /* Change button background color here */ 
   text-decoration: underline;
   border-radius: 0px; /* Set this to 0px if you want a square CTA button */
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
}


#home-banner .et_pb_fullwidth_header_0 .header-content .et_pb_button_two{
 background-color: #25D366; /* Change button background color here */
}




#incentive-highlight .et_pb_main_blurb_image{
    margin-right: 5px!important;
    
}
#incentive-highlight .et_pb_blurb_position_left .et-pb-icon, .et_pb_blurb_position_right .et-pb-icon{
   font-size: 25px!important;
}


#six-cluster-section .et_pb_blurb_content .et_pb_blurb_container{
  padding: 15px 30px;
}

#six-cluster-section .et_pb_column_16 .et_pb_blurb_content .et_pb_blurb_container {
    padding: 0px!important;
}

#six-cluster-section .et_pb_blurb_content .et_pb_main_blurb_image,
#free-zone-section .et_pb_blurb_content .et_pb_main_blurb_image,
 {

height: 100%!important;
  width:auto;
  margin-bottom: 0px!important;
  
}

#six-cluster-section .et_pb_blurb_content .et_pb_main_blurb_image{
  max-height: 150px!important;
  
}

#free-zone-section .et_pb_blurb_content .et_pb_main_blurb_image {
  max-height: 300px!important;
  
  
}


#six-cluster-section .et_pb_blurb_content .et_pb_main_blurb_image,
#free-zone-section .et_pb_row_5 .et_pb_image span.et_pb_image_wrap,
#free-zone-section .et_pb_row_4 .et_pb_image span.et_pb_image_wrap,
#latest-news-section .et_pb_blurb_content .et_pb_main_blurb_image{
overflow: hidden!important;
  cursor: pointer;
}

#latest-news-section .et_pb_blurb_content .et_pb_main_blurb_image img {
  width: 720px!important;
  overflow: hidden!important;
  cursor: pointer;
  
}

#six-cluster-section .et_pb_blurb_content .et_pb_main_blurb_image span.et_pb_image_wrap:hover,
#free-zone-section .et_pb_row .et_pb_image span.et_pb_image_wrap img:hover{
  transform: scale(1.5);
  transition-duration: 0.75s;
}


#latest-news-section .et_pb_blurb_content .et_pb_main_blurb_image {
  
}

#latest-news-section .et_pb_row_12  .et_pb_blurb_content .et_pb_blurb_description,
#latest-news-section .et_pb_row_12  .et_pb_blurb_content .et_pb_module_header {
  padding: 5px 45px 30px 45px!important;
}

#latest-news-section .et_pb_row_12  .et_pb_blurb_content .et_pb_blurb_description a{
    font-family: "Space Grotesk", Sans-serif !important;

}

#latest-news-section .et_pb_blurb_content .et_pb_module_header{
  font-size: 22px!important;
}


#latest-news-section .header_row h1{

      font-size: 18px;
    font-weight: 500;
    font-style: normal;
    text-decoration: none;
    line-height: 0.78em;
    letter-spacing: 1.4px;
}



/*---------------------------------------span.et_pb_image_wrap

 et_pb_main_blurb_image-------------------------------------*/
/*----------------------------------CTA button styles------------------------------------------*/
/* CTA button styles */
#top-menu .de-menu-cta a {
    color: #F6F5F0!important; /* Change button text color here */
    background-color: #C53A08; /* Change button background color here */
    font-size: 16px!important; /* Change text size here */
    border-radius: 5px; /* Set this to 0px if you want a square CTA button */
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    text-align: center;
    line-height: 4px;
    font-weight: 600;
     font-family: "Space Grotesk", Sans-serif!important;
     padding: 22px 24px!important;
    display: block;
    padding-left: 32px!important;
    padding-right: 32px!important;
    border: 0px;
    letter-spacing: 0px;
    
}

#top-menu .de-menu-cta a::after{
font-family: 'ETmodules';
    content: "5";
    font-size: 16px;
    position: absolute;
    right: 20;
    top: 30;
    font-weight: 800;
}



#top-menu .de-menu-cta a:hover{
   background-color: #82c45e; /* Change button background color here */ 
   text-decoration: underline;
   border-radius: 0px; /* Set this to 0px if you want a square CTA button */
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    color: #ffffff;
}



/*----------------------------------------------------------------------------*/
/*----------------------------------FONT FACE------------------------------------------*/


@font-face {
    font-family: ETmodules;
    font-display: block;
    src: url(../../Divi/core/admin/fonts/modules/all/modules.eot);
    src: url(../../Divi/core/admin/fonts/modules/all/modules.eot?#iefix) format("embedded-opentype"), url(../../Divi/core/admin/fonts/modules/all/modules.woff) format("woff"), url(../../Divi/core/admin/fonts/modules/all/modules.ttf) format("truetype"), url(../../Divi/core/admin/fonts/modules/all/modules.svg#ETmodules) format("svg");
    font-weight: 500;
    font-style: normal;
}



/*----------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------*/
/*--------------------------------[ANIMATION]------------------------------*/

/*SCROLL DOWN*/
.et_pb_fullwidth_image_0 img{
  animation: bounceArrow 2s infinite ease-in-out;
  cursor: pointer;
}

@keyframes bounceArrow {
  0%, 100% {
    transform: translateY(0) rotate(0deg);
    opacity: 0.6;
  }
  50% {
    transform: translateY(10px) rotate(0deg);
    opacity: 1;
  }
}

/* Hidden state controlled by JavaScript */
.et_pb_fullwidth_image_0.is-hidden {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}


/*BANNER*/

.phrase-2{
  /* Links the keyframes below, lasts 4 seconds, loops infinitely */
  animation: colorChange 4s infinite linear; 
}


@keyframes colorChange {
  0%   { color: #ff5733; } /* Coral red */
  33%  { color: #33ff57; } /* Lime green */
  66%  { color: #3357ff; } /* Electric blue */
  100% { color: #ff5733; } /* Returns to start for smooth loop */
}

.color-hover {
  color: #333333;
  /* Animates color property smoothly over 0.5 seconds */
  transition: color 0.5s ease-in-out; 
}

.color-hover:hover {
  color: #e91e63; /* Deep pink on hover */
}



   .curved-line {
  fill: none;
  stroke: #E8450A;
  stroke-width: 4;
  stroke-linecap: round;
  display: block;
  
  /* Represents the total vector length of the SVG path */
  stroke-dasharray: 600; 
  
  /* Pushes the starting point of the visible line completely out of view */
  stroke-dashoffset: 600; 
  
  /* Triggers the drawing sequence loop */
  animation: drawCurve 3s linear forwards infinite;
}

@keyframes drawCurve {
  to {
    /* Pulls the visible path back into frame, completing the draw effect */
    stroke-dashoffset: 10;
  }
}

/*SCROLL DOWN BUTTON*/


/*----------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------*/



/*----------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------*/
/*--------------------------------[GENERAL]-----------------------------------*/

#main-footer{
    background-color: #e8e7e1!important;
}

.footer-widget h4 {
    color: #c53a08;
        font-size: 18px !important;
    font-weight: 700;
}
#footer-widgets .footer-widget li a {
    color: #1a1a18;
    text-decoration: none;
}

#footer-widgets .footer-widget li {
    padding-left: 14px;
    position: relative;
}

#footer-widgets .footer-widget li:before
 {
    /* border-radius: 3px; */
    border-style:none!important;
   
 }

 #footer-widgets .footer-widget li {
    padding-left: 0px!important;
    position: relative;
}

#block-14 p{
  line-height: 1.5em;
  color: #1a1a18!important;
  font-size: 14px;


 }


#main-footer .container{
    width: 90%;
    max-width: 1280px;
    margin: auto;
    position: relative;
    padding: 0px 20px;
}


#footer-bottom {
    background-color: #b8b49b!important;
    /*background-color: rgba(0, 0, 0, 0.32);*/
    padding: 25px 5px!important;
}

#footer-bottom p, #footer-bottom a{
font-size: 12px;
color: #1a1a18;
}

 #footer-bottom a:hover, #footer-bottom a:active,  #main-footer .container a:active,
 #main-footer .container a:hover{
  color: #904020!important;
 }




@media (min-width: 981px) {
    .et_pb_gutters3.et_pb_footer_columns4 .footer-widget .fwidget {
        margin-bottom: 10%!important;
       
         }
    .et_pb_gutters3.et_pb_footer_columns4 .footer-widget .fwidget hr {
         border-top: 2px dotted #333!important; /* Change thickness and color here */
       
    }
}

.wp-block-separator:not(.is-style-wide):not(.is-style-dots)

 {
    width: 180px!important;
}


/* Tablet */
@media (max-width: 767px) {
}

/* Phone */
@media (max-width: 479px) {



}