
<!---  

      
    &&&&&&&&&&&&&&&&           !(j$#####$"!'!#"        
    BBBBBBBBBBBBBBBB`       !%#BBBBBBBBBBBBBB#'        
    BBBB#%%%%%%%%%%%      !#BBBBB#%"(!*"$#BBBBB$'      
    BBBB$                IBBBB#".       "B#3#BBBQ!     
    BBBB$               uBBBB%`       .#B#. .#BBBB!    
    BBBB$''''''''''`   !BBBB$        !#B#`    #BBB#`   
    BBBBBBBBBBBBBBB!   "BBBB'       &BB$      !BBBB!   
    BBBBBBBBBBBBBBB!   uBBBB-      `$#"       !BBBB!   
    BBBB$..........    !BBBB"                 $BBBB.   
    BBBB$               $BBBB(               3BBBB"    
    BBBB$               `#BBBB$!           !#BBBB3     
    BBBB#!!!!!!!!!!!      "#BBBB#%(!!!!!"$#BBBB#!      
    BBBBBBBBBBBBBBBB`      `"#BBBBBBBBBBBBBBB#!        
    ################          '(&##BBBBB##u!.          
                                 `                 
-->

<!doctype html>

<html class="no-js" lang="en-US" prefix="og: http://ogp.me/ns# fb: http://ogp.me/ns/fb#">

<head>
<link rel="canonical" href="https://brand.eonetwork.org/">
<!-- Google Tag Manager -->
<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
})(window,document,'script','dataLayer','GTM-PT8DNTGL');</script>
<!-- End Google Tag Manager -->

<!--smartcat-->
<script id='sc-script' src="https://cdn.smartcat-proxy.com/e1e4e2f5b2dd412f8515ea08f6905d11/script-v1/__translator.js?hash=379dac4f461bd3a0cbc6b54f72dd523d"></script>
<!--end smartcat-->

<meta charset="utf-8">

<title>Some Useful Links for You to Get Started — EO Brand Guidelines — </title>

<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">

<meta name="HandheldFriendly" content="True">

<meta name="MobileOptimized" content="320">

<meta name="viewport" content="width=device-width, initial-scale=1.0"/>



<!-- Global site tag (gtag.js) - Google Analytics -->

<!--<script async src="https://www.googletagmanager.com/gtag/js?id=UA-52337334-4"></script>-->

<!--<script>

  window.dataLayer = window.dataLayer || [];

  function gtag(){dataLayer.push(arguments);}

  gtag('js', new Date());

 

  gtag('config', 'UA-52337334-4');

</script>-->




<meta property="og:image" content="https://brand.eonetwork.org/wp-content/themes/eo2018/library/images/facebook-share.jpg"/>

<meta property="og:image:secure_url" content="https://brand.eonetwork.org/wp-content/themes/eo2018/library/images/facebook-share.jpg" />

<meta name="theme-color" content="#e05b18" />

<meta name="apple-mobile-web-app-status-bar-style" content="black">

<!-- <link rel="apple-touch-icon-precomposed" sizes="57x57" href="https://brand.eonetwork.org/wp-content/themes/eo2018/library/images/favicons/apple-touch-icon-57x57.png" />

<link rel="apple-touch-icon-precomposed" sizes="114x114" href="https://brand.eonetwork.org/wp-content/themes/eo2018/library/images/favicons/apple-touch-icon-114x114.png" />

<link rel="apple-touch-icon-precomposed" sizes="72x72" href="https://brand.eonetwork.org/wp-content/themes/eo2018/library/images/favicons/apple-touch-icon-72x72.png" />

<link rel="apple-touch-icon-precomposed" sizes="144x144" href="https://brand.eonetwork.org/wp-content/themes/eo2018/library/images/favicons/apple-touch-icon-144x144.png" />

<link rel="apple-touch-icon-precomposed" sizes="60x60" href="https://brand.eonetwork.org/wp-content/themes/eo2018/library/images/favicons/apple-touch-icon-60x60.png" />

<link rel="apple-touch-icon-precomposed" sizes="120x120" href="https://brand.eonetwork.org/wp-content/themes/eo2018/library/images/favicons/apple-touch-icon-120x120.png" />

<link rel="apple-touch-icon-precomposed" sizes="76x76" href="https://brand.eonetwork.org/wp-content/themes/eo2018/library/images/favicons/apple-touch-icon-76x76.png" />

<link rel="apple-touch-icon-precomposed" sizes="152x152" href="https://brand.eonetwork.org/wp-content/themes/eo2018/library/images/favicons/apple-touch-icon-152x152.png" /> -->

<!-- <link rel="icon" type="image/png" href="https://brand.eonetwork.org/wp-content/themes/eo2018/library/images/favicons/favicon-196x196.png" sizes="196x196" /> -->

<link rel="icon" type="image/png" href="https://brand.eonetwork.org/wp-content/themes/eo2018/library/images/favicons/entrepreneurs-organization_icon_64x64.png" sizes="64x64" />


<link rel="icon" type="image/png" href="https://brand.eonetwork.org/wp-content/themes/eo2018/library/images/favicons/fentrepreneurs-organization_icon_48x48.png" sizes="48x48" />

<link rel="icon" type="image/png" href="https://brand.eonetwork.org/wp-content/themes/eo2018/library/images/favicons/entrepreneurs-organization_icon_32x32.png" sizes="32x32" />

<link rel="icon" type="image/png" href="https://brand.eonetwork.org/wp-content/themes/eo2018/library/images/favicons/entrepreneurs-organization_icon_16x16.png" sizes="16x16" />

<!-- <link rel="icon" type="image/png" href="https://brand.eonetwork.org/wp-content/themes/eo2018/library/images/favicons/favicon-128.png" sizes="128x128" />
 -->
<meta name="application-name" content="Entrepreneurs' Organization (EO)"/>

<meta name="msapplication-TileColor" content="#e05b18" />

<!-- <meta name="msapplication-TileImage" content="https://brand.eonetwork.org/wp-content/themes/eo2018/library/images/favicons/mstile-144x144.png" />

<meta name="msapplication-square70x70logo" content="https://brand.eonetwork.org/wp-content/themes/eo2018/library/images/favicons/mstile-70x70.png" />

<meta name="msapplication-square150x150logo" content="https://brand.eonetwork.org/wp-content/themes/eo2018/library/images/favicons/mstile-150x150.png" />

<meta name="msapplication-wide310x150logo" content="https://brand.eonetwork.org/wp-content/themes/eo2018/library/images/favicons/mstile-310x150.png" />

<meta name="msapplication-square310x310logo" content="https://brand.eonetwork.org/wp-content/themes/eo2018/library/images/favicons/mstile-310x310.png" />
 -->


<meta name='robots' content='max-image-preview:large' />
	<style>img:is([sizes="auto" i], [sizes^="auto," i]) { contain-intrinsic-size: 3000px 1500px }</style>
	<link rel='dns-prefetch' href='//cdnjs.cloudflare.com' />
<link rel='stylesheet' id='wp-block-library-css' href='https://brand.eonetwork.org/wp-includes/css/dist/block-library/style.min.css?ver=6.7.2' type='text/css' media='all' />
<style id='classic-theme-styles-inline-css' type='text/css'>
/*! This file is auto-generated */
.wp-block-button__link{color:#fff;background-color:#32373c;border-radius:9999px;box-shadow:none;text-decoration:none;padding:calc(.667em + 2px) calc(1.333em + 2px);font-size:1.125em}.wp-block-file__button{background:#32373c;color:#fff;text-decoration:none}
</style>
<style id='global-styles-inline-css' type='text/css'>
:root{--wp--preset--aspect-ratio--square: 1;--wp--preset--aspect-ratio--4-3: 4/3;--wp--preset--aspect-ratio--3-4: 3/4;--wp--preset--aspect-ratio--3-2: 3/2;--wp--preset--aspect-ratio--2-3: 2/3;--wp--preset--aspect-ratio--16-9: 16/9;--wp--preset--aspect-ratio--9-16: 9/16;--wp--preset--color--black: #000000;--wp--preset--color--cyan-bluish-gray: #abb8c3;--wp--preset--color--white: #ffffff;--wp--preset--color--pale-pink: #f78da7;--wp--preset--color--vivid-red: #cf2e2e;--wp--preset--color--luminous-vivid-orange: #ff6900;--wp--preset--color--luminous-vivid-amber: #fcb900;--wp--preset--color--light-green-cyan: #7bdcb5;--wp--preset--color--vivid-green-cyan: #00d084;--wp--preset--color--pale-cyan-blue: #8ed1fc;--wp--preset--color--vivid-cyan-blue: #0693e3;--wp--preset--color--vivid-purple: #9b51e0;--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple: linear-gradient(135deg,rgba(6,147,227,1) 0%,rgb(155,81,224) 100%);--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan: linear-gradient(135deg,rgb(122,220,180) 0%,rgb(0,208,130) 100%);--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange: linear-gradient(135deg,rgba(252,185,0,1) 0%,rgba(255,105,0,1) 100%);--wp--preset--gradient--luminous-vivid-orange-to-vivid-red: linear-gradient(135deg,rgba(255,105,0,1) 0%,rgb(207,46,46) 100%);--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray: linear-gradient(135deg,rgb(238,238,238) 0%,rgb(169,184,195) 100%);--wp--preset--gradient--cool-to-warm-spectrum: linear-gradient(135deg,rgb(74,234,220) 0%,rgb(151,120,209) 20%,rgb(207,42,186) 40%,rgb(238,44,130) 60%,rgb(251,105,98) 80%,rgb(254,248,76) 100%);--wp--preset--gradient--blush-light-purple: linear-gradient(135deg,rgb(255,206,236) 0%,rgb(152,150,240) 100%);--wp--preset--gradient--blush-bordeaux: linear-gradient(135deg,rgb(254,205,165) 0%,rgb(254,45,45) 50%,rgb(107,0,62) 100%);--wp--preset--gradient--luminous-dusk: linear-gradient(135deg,rgb(255,203,112) 0%,rgb(199,81,192) 50%,rgb(65,88,208) 100%);--wp--preset--gradient--pale-ocean: linear-gradient(135deg,rgb(255,245,203) 0%,rgb(182,227,212) 50%,rgb(51,167,181) 100%);--wp--preset--gradient--electric-grass: linear-gradient(135deg,rgb(202,248,128) 0%,rgb(113,206,126) 100%);--wp--preset--gradient--midnight: linear-gradient(135deg,rgb(2,3,129) 0%,rgb(40,116,252) 100%);--wp--preset--font-size--small: 13px;--wp--preset--font-size--medium: 20px;--wp--preset--font-size--large: 36px;--wp--preset--font-size--x-large: 42px;--wp--preset--spacing--20: 0.44rem;--wp--preset--spacing--30: 0.67rem;--wp--preset--spacing--40: 1rem;--wp--preset--spacing--50: 1.5rem;--wp--preset--spacing--60: 2.25rem;--wp--preset--spacing--70: 3.38rem;--wp--preset--spacing--80: 5.06rem;--wp--preset--shadow--natural: 6px 6px 9px rgba(0, 0, 0, 0.2);--wp--preset--shadow--deep: 12px 12px 50px rgba(0, 0, 0, 0.4);--wp--preset--shadow--sharp: 6px 6px 0px rgba(0, 0, 0, 0.2);--wp--preset--shadow--outlined: 6px 6px 0px -3px rgba(255, 255, 255, 1), 6px 6px rgba(0, 0, 0, 1);--wp--preset--shadow--crisp: 6px 6px 0px rgba(0, 0, 0, 1);}:where(.is-layout-flex){gap: 0.5em;}:where(.is-layout-grid){gap: 0.5em;}body .is-layout-flex{display: flex;}.is-layout-flex{flex-wrap: wrap;align-items: center;}.is-layout-flex > :is(*, div){margin: 0;}body .is-layout-grid{display: grid;}.is-layout-grid > :is(*, div){margin: 0;}:where(.wp-block-columns.is-layout-flex){gap: 2em;}:where(.wp-block-columns.is-layout-grid){gap: 2em;}:where(.wp-block-post-template.is-layout-flex){gap: 1.25em;}:where(.wp-block-post-template.is-layout-grid){gap: 1.25em;}.has-black-color{color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-color{color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-color{color: var(--wp--preset--color--white) !important;}.has-pale-pink-color{color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-color{color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-color{color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-color{color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-color{color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-color{color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-color{color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-color{color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-color{color: var(--wp--preset--color--vivid-purple) !important;}.has-black-background-color{background-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-background-color{background-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-background-color{background-color: var(--wp--preset--color--white) !important;}.has-pale-pink-background-color{background-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-background-color{background-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-background-color{background-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-background-color{background-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-background-color{background-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-background-color{background-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-background-color{background-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-background-color{background-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-background-color{background-color: var(--wp--preset--color--vivid-purple) !important;}.has-black-border-color{border-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-border-color{border-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-border-color{border-color: var(--wp--preset--color--white) !important;}.has-pale-pink-border-color{border-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-border-color{border-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-border-color{border-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-border-color{border-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-border-color{border-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-border-color{border-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-border-color{border-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-border-color{border-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-border-color{border-color: var(--wp--preset--color--vivid-purple) !important;}.has-vivid-cyan-blue-to-vivid-purple-gradient-background{background: var(--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple) !important;}.has-light-green-cyan-to-vivid-green-cyan-gradient-background{background: var(--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan) !important;}.has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange) !important;}.has-luminous-vivid-orange-to-vivid-red-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-orange-to-vivid-red) !important;}.has-very-light-gray-to-cyan-bluish-gray-gradient-background{background: var(--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray) !important;}.has-cool-to-warm-spectrum-gradient-background{background: var(--wp--preset--gradient--cool-to-warm-spectrum) !important;}.has-blush-light-purple-gradient-background{background: var(--wp--preset--gradient--blush-light-purple) !important;}.has-blush-bordeaux-gradient-background{background: var(--wp--preset--gradient--blush-bordeaux) !important;}.has-luminous-dusk-gradient-background{background: var(--wp--preset--gradient--luminous-dusk) !important;}.has-pale-ocean-gradient-background{background: var(--wp--preset--gradient--pale-ocean) !important;}.has-electric-grass-gradient-background{background: var(--wp--preset--gradient--electric-grass) !important;}.has-midnight-gradient-background{background: var(--wp--preset--gradient--midnight) !important;}.has-small-font-size{font-size: var(--wp--preset--font-size--small) !important;}.has-medium-font-size{font-size: var(--wp--preset--font-size--medium) !important;}.has-large-font-size{font-size: var(--wp--preset--font-size--large) !important;}.has-x-large-font-size{font-size: var(--wp--preset--font-size--x-large) !important;}
:where(.wp-block-post-template.is-layout-flex){gap: 1.25em;}:where(.wp-block-post-template.is-layout-grid){gap: 1.25em;}
:where(.wp-block-columns.is-layout-flex){gap: 2em;}:where(.wp-block-columns.is-layout-grid){gap: 2em;}
:root :where(.wp-block-pullquote){font-size: 1.5em;line-height: 1.6;}
</style>
<link rel='stylesheet' id='eo-components-css' href='https://brand.eonetwork.org/wp-content/themes/eo2018/library/css/eo-components.min.css?ver=6.7.2' type='text/css' media='all' />
<link rel='stylesheet' id='main-layout-css' href='https://brand.eonetwork.org/wp-content/themes/eo2018/style.css?ver=1.2' type='text/css' media='all' />
<link rel='stylesheet' id='child-style-css' href='https://brand.eonetwork.org/wp-content/themes/eo-2025-new-contract/style.css?ver=0.3' type='text/css' media='all' />
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.0.3/jquery.min.js" id="jquery-js"></script>
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/modernizr/2.7.1/modernizr.min.js?ver=2.7.1" id="joints-modernizr-js"></script>
<script type="text/javascript" src="https://brand.eonetwork.org/wp-content/themes/eo2018/library/js/pre-scripts.js?ver=1.0" id="pre-js-js"></script>
<link rel="canonical" href="https://brand.eonetwork.org/welcome-to-cloudways/" />
<link rel='shortlink' href='https://brand.eonetwork.org/?p=4' />
<link rel="icon" href="https://brand.eonetwork.org/wp-content/uploads/cropped-entrepreneurs-organization_icon_64x64-32x32.png" sizes="32x32" />
<link rel="icon" href="https://brand.eonetwork.org/wp-content/uploads/cropped-entrepreneurs-organization_icon_64x64-192x192.png" sizes="192x192" />
<link rel="apple-touch-icon" href="https://brand.eonetwork.org/wp-content/uploads/cropped-entrepreneurs-organization_icon_64x64-180x180.png" />
<meta name="msapplication-TileImage" content="https://brand.eonetwork.org/wp-content/uploads/cropped-entrepreneurs-organization_icon_64x64-270x270.png" />
		<style type="text/css" id="wp-custom-css">
			@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');

/*nick's stuff*/
.buttons-box-row {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
  margin-bottom: 1.5rem;
  padding: 0 10%;
}
.col900a {
        padding: 0rem 10rem 0rem 6rem;}

.hro-img {margin: 0px 0px 0px auto;}
.buttons-box-row img {
  display: block;
}
code {color:#ff346e!important;
font-family: 'Roboto'!important;}
#comms-footer-li {
	margin-bottom: 3rem !important;
}

.footer .menu .menu-item a {
	font-family: 'Roboto' !important;}
	
p strong, p a, strong {
    font-family: 'Roboto' !important;
}

.footer .menu .menu-item {
    height: 2.5rem !important;
}

.col.flex40.hide-on-mobile {display:block;}
.col.flex40.show-on-mobile {display:none;}


	.desktop-only {display:block;}
.mobile-only {display:none;}

/*end nicks stuff*/
@media only screen and (max-width: 700px) {
		.dodonts-desktop {
		display: none;
	}
	.desktop-only {display:none;}
.mobile-only {display:block;}
.values-grid-2x2 {
    display: grid;
    grid-template-columns: 1fr!important;
    gap: 20px;
    padding: 0;
    margin-top: 2rem;
}
.value {
    text-align: center;
    display: flex
;
    flex-direction: column!important;
    align-items: center;
}
.value h2, .value p {
	    font-size: 18px!important;
    text-align: center!important;
}	
	
	
	
	
	.col.flex40.hide-on-mobile {display:none;}
.col.flex40.show-on-mobile {display:block;}

}

@media only screen and (min-width: 701px) {
	.dodonts-mobile {
		display: none;
	}
}
p b {
    font-family: 'Roboto' !important;
}

.eo-hero-blue {
    background: url(https://brand.eonetwork.org/wp-content/uploads/Frame-517.png) center center no-repeat;
    height: 899px;
    align-content: center;
}
a.footerbtn.blue-button {
    width: 250px;
}


ol li a {
  color: #FF1A87 !important;;
}
header.article-header {
    display: none;
}
div#nav_menu-4 {
    display: none;
}
div#eo-navigation {
    margin-top: 0;
}
.eorow.yellow-vid-bg {
    padding: 8rem 8rem 8rem 8rem;
    background-size: contain;
    background: url(https://brand.eonetwork.org/wp-content/uploads/Vector-12.png) center center no-repeat;
    align-content: center;
}
.curvesd {
    border-radius: 20px;
    overflow: hidden;
    margin: 0 auto;
}
#content, .top-content {
    margin-top: -5px !important;
    border-top-right-radius: 0px;
    position: relative;
    box-shadow: none !important;
  z-index: 1;

}
footer {
    margin-top: 0px !important;
}
.sidebar ul li a {
    color: #fff !important;
}
.widgettitle {
    color: #EECB48;
}
.sidebar-wrapper {
  padding: 0px 20px;
}

.light-backing {
    border: none !important;
    background-color: #fff;
  margin: 30px auto;
  border-radius: 40px !important;;
}
.top-content {
    display: none;
    
}
.logo-hdr {
   color: #A3A7E4; 
}
.shadow {
    box-shadow: none !important; 
    border: none !important; 
}
hr {
    border: 2px solid #A0A7D5;
    opacity: 0.5;
  width: 80%;
  margin: 60px auto 60px auto;
}

.bar.secondary {
  text-align: center;
}
@media only screen and (max-width: 768px) {
.content-wrapper {
  margin-top: 57px;
}
  
  .top-bar.expanded .mobile-nav-wrapper .name {
    top: -2px;
    background: #1D007F;
    display: flex;
    padding-left: 2rem;
  }
}

.widget_nav_menu {
  position: relative;
}

.sidebar:after {
  right: -13px;
}

.comm-btn {
  padding: 0px 20px;
  margin-top: 40px;
}

.comm-btn p {
  margin-bottom: 0px;
  text-align: center;
}

li,
ul li,
ol li {
font-family: 'roboto', sans-serif !important;
}

@media only screen and (min-width: 40.063em) {
    .widget {
        padding: 0 10px;
        margin: 2.2em 0;
        display: block;
      margin-right: 2rem !important;
    }

}
}

.content-wrapper-w-sidebar {
  display: flex;
  background: #0c0c31;
}

.menu-new-side-menu-container {
  display: none;
}

@media only screen and (max-width: 475px) {
  .top-bar.expanded .top-bar-section #menu-new-side-menu-1, .logged-in .top-bar.expanded .top-bar-section #menu-new-side-menu-1 {
      background: #0c0c31 !important;
      padding: 90px 10px !important;
      height: 100vh !important;
  }
}

@media only screen and (max-width: 475px) {
    .top-bar.expanded .top-bar-section .dropdown, .logged-in .top-bar.expanded .top-bar-section .dropdown {
        background: #0c0c31 !important;
        padding: 90px 10px;
        height: 100vh;
    }
.eorow.yellow-vid-bg {
    padding: 0rem;
    background: url(https://brand.eonetwork.org/wp-content/uploads/Vector-12.png) center center no-repeat;
    background-size: contain;
}
  .curvesd {padding:3rem}
}

@media only screen and (max-width: 475px) {
  .top-bar.expanded .top-bar-section .dropdown, .logged-in .top-bar.expanded .top-bar-section .dropdown {
      background: #0c0c31 !important;
      padding: 90px 10px;
      height: 100vh;
      top: 0rem;
  }
  
  
}





/* open of tab */

.tab-box {
    display: flex;
    /* max-width: 900px; */
    margin: 2rem auto;
    overflow: hidden;
    scroll-margin-top: 1rem;
    width: 100%;
}

.content {
    width: 80%;
    margin-left: 2rem;
    background-color: #EEEEFC;
    border-radius: 1rem;
}
.content h2 {text-align:left;}
.content h3 {text-align:left; font-size:18px;}


/* Visually hide, but keep in DOM flow */
.tab-box input[type="radio"] {
  position: absolute;
  left: -9999px;
}
label.check {
    background-color: red !important;
	width: 100%!important;
    text-align: right;
    font-size: 20px;
}
.tab-labels {
    width: 300px;
    display: flex;
    flex-direction: column;
    margin-right: 2rem;
}


.tab-labels label {
    padding: 1rem;
    border-bottom: 1px solid #ddd;
    cursor: pointer;
    transition: background 0.2s;
    background-color: #000;
    border-radius: 20px;
    color: #fff;
	font-size: 18px;
	text-align:right;
	width:90%;
}

.tab-labels label:hover {
  background: #00000090;
}

.tab-content {
  flex: 1;
  padding: 2rem;
  display: none;
}

#tab1:checked ~ .tab-labels label[for="tab1"],
#tab2:checked ~ .tab-labels label[for="tab2"],
#tab3:checked ~ .tab-labels label[for="tab3"],
#tab4:checked ~ .tab-labels label[for="tab4"],
#tab5:checked ~ .tab-labels label[for="tab5"],
#tab6:checked ~ .tab-labels label[for="tab6"],
#tab7:checked ~ .tab-labels label[for="tab7"],
#tab8:checked ~ .tab-labels label[for="tab8"],
#tab9:checked ~ .tab-labels label[for="tab9"],
#tab10:checked ~ .tab-labels label[for="tab10"] {
  background: #00000095;
  font-weight: bold;
}

/* Show content based on checked tab */
#tab1:checked ~ .content #content1,
#tab2:checked ~ .content #content2,
#tab3:checked ~ .content #content3,
#tab4:checked ~ .content #content4,
#tab5:checked ~ .content #content5,
#tab6:checked ~ .content #content6,
#tab7:checked ~ .content #content7,
#tab8:checked ~ .content #content8,
#tab9:checked ~ .content #content9,
#tab10:checked ~ .content #content10 {
  display: block;
}
/* end of tab */


@media (max-width: 768px) {
  .tab-box {
    flex-direction: column;
  }
}


.button, .pricing-table .price, .pricing-table .title, .side-nav, .side-nav li.active>a:first-child:not(.button), .sub-nav dd, .sub-nav dt, .sub-nav li, .top-bar-section ul li>a, button {
    font-family: "Helvetica Neue", Helvetica, Helvetica,   Arial, sans-serif;
    color: #0C0C31 !important;
}

#eo-navigation .top-bar-section ul .has-dropdown a:after {
    content: url(https://brand.eonetwork.org/wp-content/themes/eo-2025-new-contract/images/drop-icon.png);
    display: block;
    width: 14px;
    height: 19px;
    top: -15px;
    right: -5px;
    position: relative;
}

#header .utility-wrapper {
    display: flex;
    flex-direction: column;
    padding-right: 1.8em !important;
    justify-content: end;
    align-items: flex-end;
}

#eo-navigation .top-bar-section ul > li.has-dropdown ul.dropdown {
    top: 50px;
    border: 1px solid #ddd;
    border-radius: 0px 0px 10px 10px;
    overflow: hidden;
    padding: 10px 0px;
    display: none !important;
}


.top-bar.expanded .title-area .toggle-topbar a:after {
    content: url(https://www.eoalchemy.com/wp-content/themes/eo-2025-child%20/images/close.png);
    position: absolute;
    display: block;
    height: 29px;
    width: 29px;
    box-shadow: none;
    right: 0px;
    top: 2px;
  }

  .top-bar .toggle-topbar.menu-icon a::after {
    content: url(https://www.eoalchemy.com/wp-content/themes/eo-2025-child%20/images/open.png);
    position: absolute;
    display: block;
    height: 29px;
    width: 29px;
    box-shadow: none;
    right: 0px;
    top: 4px;
}
#eo-navigation .top-bar-section ul li:hover:before {    background-color: #ffffff!important;;}

@media only screen and (max-width: 767px) {
    .top-bar {
      top:0px;
    }
  
  .top-bar-section ul li>a {
    color: #fff !important;
  }
}


@media only screen and (max-width: 475px) {
    .top-bar.expanded .top-bar-section .dropdown, .logged-in .top-bar.expanded .top-bar-section .dropdown {
        background: #3239CB !important;
    }
}
*/
/* new layout */
@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');

/*THEME FIX*/
h1.page-title {
    display: none;
}
 .html {
    overflow: hidden;
}

#content, .top-content {
    margin-bottom: 40px;
    padding-top: 0;
    margin-top: 0px !important;
    border-top-right-radius: 0;
    background: #fff;
    position: relative;
    box-shadow: 0 -2px 5px -2px rgba(0, 0, 0, 0.5);
}

#inner-content {
    max-width: 100% !important;
    margin: 0;
}

#main {
padding: 0 !important;
}

* {
    font-family: "Century Gothic", sans-serif;
}
/*THEME FIX END*/

/* Top Section */
.top-section {
  display: flex;
  justify-content: center;
  align-items: flex-start;
  flex-wrap: wrap;
}

.content-wrapper {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  margin: 50px;
    
  width: calc(30% - 20px);
  max-width: 200px;
}

.content-wrapper p {
  font-size: 0.8em;
  color: #333333;
  margin-top: 10px;
  max-width: 200px;
  text-align: center;
}

.purpose,
.ambition {
  width: 200px;
  height: 200px;
  padding: 20px;
  border-radius: 15px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-end;
  position: relative;
  box-sizing: border-box;
}

.purpose {
  background-color: #FA8072;
}

.ambition {
  background-color: #fa6539;
}

.purpose img {
    position: absolute;
  top: -10px;
  left: -30px;
  width: 75%;
  height: 150px;
}
.ambition img {
    position: absolute;
  top: -20px;
  left: -20px;
  width: 60%;
  height: auto;
}

.top-section h3 {
  font-size: 1em;
  color: #ffffff;
  position: absolute;
  bottom: 10px;
  right: 10px;
  margin: 0;
}

/* Core Values Section */
.core-values {
  background-color: #2f1673;
  position: relative;
  padding-top: 50px;
  padding-right: 20px;
}

.core-heading {
  display: flex;
  align-items: center;
}

.core-heading h2 {
  font-size: 2em;
  margin-bottom: 1em;
  color: #FFFFFF;
  margin-left: 20px;
}

.wp-image-21 {
  position: relative;
  margin-top: -160px;
}

/* Values Section */
.values-grid {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

.value-card {
  display: flex;
  align-items: flex-start;
  flex: 1 1 35%;
  max-width: 40%;
  text-align: left;
  margin: 10px;
}

.card-img {
  margin-right: 1em;
}

.card-info {
  display: flex;
  flex-direction: column;
  width: 55%;
}

.card-info h4 {
  color: #FFFFFF;
  font-size: 1.4em;
  font-weight: bold;
}

.card-info p {
  font-size: .75em;
  color: #FFFFFF;
  line-height: 1.5;
  margin-top: 0.5em;
}

/* Responsive Adjustments */
@media (max-width: 768px) {
    .content-wrapper {
    width: calc(45% - 20px);
    max-width: 180px;
  }
    
  .core-heading {
    align-items: center;
  }

  .core-heading h2 {
    font-size: 1.5em;
    margin-left: 0;
    margin-top: 10px;
  }

  .value-card {
    flex: 1 1 100%;
    max-width: 100%;
    text-align: center;
    flex-direction: column;
    align-items: center;
    margin: 10px 0;
  }

  .card-img {
    margin-right: 0;
    margin-bottom: 1em;
  }

  .card-info {
    width: 100%;
  }
}
.txtprpd {
    color: #FF346E;
    font-family: 'Roboto';
    font-weight: 600;
}
ul.redbl {
    padding-left: 40px;
}
span.nuum {
    background-color: #FF346E;
    padding: 5px 10px;
    border-radius: 20px;
	color:#fff;
}

span

@media (max-width: 480px) {
    .content-wrapper {
    width: calc(100% - 20px);
  }
    
  .core-heading h2 {
    font-size: 1.2em;
    text-align: center;
    margin-top: 10px;
  }

  .core-heading .wp-image-21 {
    margin: 0 auto;
    width: 60px;
  }

  .value-card {
    margin: 5px 0;
  }

  .card-info h4 {
    font-size: 1.2em;
  }

  .card-info p {
    font-size: 0.7em;
  }
}

.eorow2 {
    position:relative;
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    opacity: 1;
    background-color: #0000;
    flex-flow: row;
    flex: none;
    order: 0;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    justify-content: center;
    align-self: center;
    align-items: flex-start;
    margin: 2rem auto 0rem 0rem;
    display: flex;
/*    border: 1px solid red;*/
}

/*A HOME START*/
/* ------- A - Home Page -------*/

/* General Container Styling */
.container {
    display: flex;
    justify-content: center;
    padding: 20px;
    box-sizing: border-box;
}

.main-welcome, .explain-section, .brand-guidelines, .contact-brand {
    max-width: 1600px;
    width: 100%;
}

/* Hero Section */
.hero-main {
    display: flex;
    align-items: flex-end;
    justify-content: center;
    background-image: url("https://brand.eonetwork.org/wp-content/uploads/Group-1031.png");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    height: 70vh;
    padding: 10em;
	overflow:hidden;
}
a:focus{color:#ffffff!important;}
.hero-image {
    width: 250px;
    height: auto;
}

.hero-text h1 {
    color: white;
    font-size: 5rem;
    margin: 0;
    font-weight: 800;
}

.hero-text p {
    color: rgba(255, 255, 255, 0.8);
    font-size: 2.5rem;
    margin: 0;
    font-family: "Century Gothic Pro";
    font-weight: 300;
}

/* Welcome Box */
.main-welcome {
    position: relative;
    z-index: 2;
    background-image: url("https://brand.eonetwork.org/wp-content/uploads/welcome-bg.png");
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    padding: .5em;
    color: white;
    margin-top: -60px;
    max-height: 250px;
    width: 1000px;
}

.welcome-text {
    padding: 1em;
    max-width: 80%;
    margin: 0 auto;
}
.eorow.overlap-heros {
    margin-top: -4rem;
}
.welcome-text h4 {
    color: white;
}
.welcome-button {
    position: absolute;
    bottom: -20px;
    right: 150px;
}

.welcome-button img {
    display: block;
    max-width: 100%;
}

/* Explain Section */
.explain-section {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background-image: url("https://brand.eonetwork.org/wp-content/uploads/eo-bg.png");
    background-size: cover;
    background-position: center;
    border-radius: 8px;
    padding: 20px;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
}

.explain-vid {
    flex: 1;
    max-width: 55%;
}

.explain-text {
    flex: 1;
    max-width: 45%;
    padding-left: 20px;
}

/* Hover Buttons */
.hover-buttons-container {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 20px;
    box-sizing: border-box;
    max-width: 1200px;
    width: 100%;
    margin: 0 auto;
}

.hover-buttons {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 20px;
    width: 100%;
    max-width: 100%;
    padding: 20px;
    border-radius: 20px;
}

/* Button Row Styling */
.button-row {
    display: flex;
    gap: 20px;
    justify-content: center;
    width: 100%;
}

.button-row h3 {
    color: white;
    position: absolute;
  bottom: 0px;
  right: 55px;
}
/* select drop */
.ag-dropdown {
  position: relative;
  width: 200px;
}

#agsearchInput {
  width: 100%;
  padding: 10px;
  border: 1px solid #ccc;
  border-radius: 4px;
  box-sizing: border-box;
}

#agdropdownList {
  position: absolute;
  width: 100%;
  margin: 0;
  padding: 0;
  list-style: none;
  border: 1px solid #ccc;
  border-radius: 4px;
  background-color: #fff;
  max-height: 150px;
  overflow-y: auto;
  z-index: 1000;
  display: none; /* Hidden by default */
	    left: -20px;
    top: 80px;
    box-shadow: 3px 3px 20px #ccc;
	
}
a.ag-drp-a {color:#000!important;
    display: block;
    width: 100%;}
.blue-button-dropdown {
    display: inline-block;
    position: relative;
    background-color: #3D46F2;
    color: #ffffff;
    text-decoration: none;
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 500;
    font-size: 20px;
    justify-content: center;
    align-items: flex-start;
    padding: 20px 20px 0px 16px;
    width: 350px;
    box-shadow: 4px 4px 0px #0C0C31;
    border-radius: 7px;
    margin-bottom: 2rem;
    letter-spacing: .5;
    text-transform: capitalize !important;
}



#agdropdownList li {
  padding: 10px;
  cursor: pointer;
}

#agdropdownList li:hover {
  background-color: #f0f0f0;
}
/* select end */
.chapter-logo h3{
    width: 65%;
}

.button-row:first-child .chapter-logo {
    flex-basis: 30%;
}

.button-row:first-child .logo-usage {
    flex-basis: 60%;
}

/* Button Item Styling */
.button-item {
    flex: 1;
    min-width: 200px;
    height: 200px;
    display: flex;
    justify-content: flex-end;
    align-items: flex-end;
    padding: 20px;
    border-radius: 20px;
    color: white;
    text-align: left;
    position: relative;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    cursor: pointer;
}

.button-item .hover-description {
    display: none;
    font-size: 1.25rem;
    font-family:'Roboto'; 
    color: white;
    position: absolute;
    top: 20px;
    left: 15px;
    z-index: 2;
        max-width: 50%;
    word-wrap: break-word;
    line-height: 1.4;
}

.button-item:hover .hover-description {
    display: block;
}

.button-item:hover h3,
.button-item:hover img:not(.wp-image-45),
.button-item.typography:hover .typography-text {
    display: none;
}

/* Link Arrow Styling */
.button-item img.wp-image-45 {
    width: 30px;
    height: 30px;
    transition: transform 0.3s ease;
    position: absolute;
    bottom: 10px;
    right: 10px;
}
.wp-image-socials {position:absolute;
top:30px;left:30px;}
.chapter-logo img.wp-image-146 {
    position: absolute;
    top: 30%;
    left: 0;
    transform: translateY(-50%);
    width: 60%;
    height: auto;
}
img.wp-image-typography {
    position: absolute;
    top: 2rem;
    left: 2rem;
}
.logo-usage img.wp-image-147 {
    position: absolute;
    top: 50px;
    left: 150px;
    transform: translate(-50%, -50%);
    width: 40%;
    height: auto;
    object-fit: contain;
}

.templates img.wp-image-52 {
    position: absolute;
    top: 50%;
    left: 65px;
    transform: translateY(-50%);
    width: 15%;
    height: auto;
}

.brand-elements img.wp-image-19 {
    position: absolute;
    top: 35%;
    left: 10px;
    transform: translateY(-50%);
    width: 35%;
    height: auto;
}

/* Typography Specific Styling */
.typography .typography-text {
    position: absolute;
    top: 10px;
    left: 30px;
    color: white;
    display: flex;
    gap: 30px;
    flex-wrap: wrap;
    max-width: 90%;
}

.typography .typography-text .main-font {
    font-size: 3rem;
    font-weight: bold;
    margin: 0;
    white-space: nowrap;
}

.typography .typography-text .other-font {
    font-size: 2rem;
    font-weight: 400;
    opacity: 0.7;
    margin: 0;
    margin-top: 25px;
    line-height: 1.2;
    flex: 1;
}

.button-item:hover {
    transform: translateY(-5px);
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
}

/* Button Colors */
.chapter-logo { background-color: #1EA691; }
.logo-usage { background-color: #0C0C31; }
.typography { background-color: #FF346E; position: relative; }
.colors { background-image: url("https://brand.eonetwork.org/wp-content/uploads/color-tile-1.png");
    background-repeat: no-repeat;
    background-size: cover;
}
.templates { background-color: #FA653C; }
.brand-elements { background-color: #EFB82E; }
.photos { background-image: url("https://brand.eonetwork.org/wp-content/uploads/photography-img.png");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
}
.social-tile { background-color: #5E617D;
}

/* Hover-specific changes for colors, photos, and social */
.colors:hover,
.photos:hover,
.social-tile:hover {
    background-image: none;
}

/* Define background colors for each button on hover */
.chapter-logo:hover {
    background-color: #216854;
}

.logo-usage:hover {
    background-color: #1D007F;
}

.typography:hover {
    background-color: #A42549;
}

.colors:hover {
    background-color: #5E617D;
}

.templates:hover {
    background-color: #0C0C31;
}

.brand-elements:hover {
    background-color: #BF8B0A;
}

.photos:hover {
    background-color: #3C3E50;
}

.social-tile:hover {
    background-color: #C94C3F;
}


/* Brand Guidelines */
.brand-guidelines {
    display: flex;
    padding: 40px;
    box-sizing: border-box;
    max-width: 1400px;
    width: 100%;
    position: relative;
    background-color: #f8f8f8;
    border-radius: 20px;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
    margin-bottom: 100px;
}

.guidelines-main {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 30px;
    max-width: 30%;
    padding: 10px;
        margin-left: 50px;
}

.guidelines-main h2 {
    font-size: 2rem;
    margin: 0;
    color: #333;
}

.guidelines-main p {
    font-size: 1rem;
    color: #666;
    margin: 0;
}

.guidelines-btn {
    margin-top: 10px;
}

.guidelines-btn button {
    background: none;
    border: none;
    cursor: pointer;
}

.guidelines-btn img.wp-image-81 {
    width: 100%;
    max-width: 200px;
}

.guidelines-img {
    position: absolute;
    bottom: -100px;
    right: -100px;
    height: auto;
    z-index: 1;
}

.guidelines-img .wp-image-199{
    border-radius: 20px;
}

/* Contact Brand */
.contact-brand {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 40px;
    box-sizing: border-box;
    max-width: 1600px;
    width: 100%;
    position: relative;
    background-image: url("https://brand.eonetwork.org/wp-content/uploads/off-center-boxes.png");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

.contact-main {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    padding: 30px;
    border-radius: 20px;
    width: 100%;
    max-width: 800px;
    position: relative;
    text-align: left;
}

.contact-main h3 {
    font-size: 1.8rem;
    font-weight: bold;
    color: #333;
    margin: 0 0 15px 0;
}

.contact-main p {
    font-size: 1.1rem;
    color: #555;
    margin: 0 0 25px 0;
}
.h30px {height:60px;}
.h20px {height:30px;}
.contact-btn {
    position: absolute;
    bottom: -30px;
    right: 40px;
}

.contact-btn button {
    background: none;
    border: none;
    cursor: pointer;
}

.contact-btn img.wp-image-84 {
    width: 100%;
    max-width: 200px;
    transition: transform 0.3s ease;
}
p.text-white-hero {
    font-size: 32px;
    line-height: 150%;
    color: #fff;
}

@media (max-width: 480px) {
    /* Hero Section */
.hero-main {
    display: flex;
    flex-direction: column;
/*     align-items: top; */
/*     justify-content: flex-end; */
    padding: 2em;
    height: auto;
    position: relative;
    margin-bottom: -20px;
}
  .eorow.her-o {
    flex-direction: column-reverse;
}
  
  .overlap-onmob {    margin-top: -11rem;
    z-index: 99;}
    .blue-box {
        position: relative;
        box-shadow: none!important;
        border-radius: 0px!important;
        top: 0px;
        width: 100%;
    }
  .eorow.overlap-heros {
    margin-top: 1.2rem!important;
}
  .quick-links {
    font-size: 24px;
    font-family: 'roboto';
    font-weight: 700;
    background: url(https://brand.eonetwork.org/wp-content/uploads/quick-link-bg.png) no-repeat;
    width: 250px;
    position: absolute;
    top: -2rem;
    padding: 1.2rem 2rem;
    left: 70px;
    text-align: center;
    color: #fff;
    background-size: 250px;
}
      .button-item.templates img.wp-image-52 {
        position: absolute;
        top: 70px!important;
        left: 15px;
        width: 45%;
    }
.hero-image {
        width: 120px;
        position: absolute;
        top: 50%;
        left: 30px;
        z-index: 1;
    }
        .hero-text {
        display: flex;
        flex-direction: column;
        position: absolute;
        top: 70%;
        bottom: 2em;
        width: 100%;
        padding: 0 30px;
        z-index: 2;
    }

.hero-text h1 {
    font-size: 1.5rem;
    color: white;
    margin: 0;
}

.hero-text p {
    font-size: 1rem;
    color: rgba(255, 255, 255, 0.8);
    margin: 0.5em 0;
}

/* Welcome Box */
.main-welcome {
    width: 100vw;
        height: 280px;
    background-size: cover;
    background-position: center; 
    padding: 0em;
    margin: 0 calc(50% - 50vw);
    position: relative;
}

.welcome-text h4 {
    font-size: 1.2rem;
    margin: 0.5em 0;
}

.welcome-text p {
    font-size: 0.9rem;
    line-height: 1.1;
    margin: 0.5em 0;
}

.welcome-button {
    display: flex;
    justify-content: center;
    margin-top: 1em;
}

.welcome-button img {
    width: 80%;
    max-width: 200px;
}

/* Explain Section */
.explain-section {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    padding: 1.5em;
    width: 100vw;
    max-width: 600px;
    margin: 0 calc(50% - 50vw);
    background-color: #EEEEFC;
    border-radius: 8px;
}

.explain-vid {
    width: 100%;
    max-width: 90%;
    overflow: hidden;
    margin-bottom: 1em;
}

.explain-vid iframe {
    width: 100%;
    height: 180px;
    border-radius: 20px;
}

.explain-section h2 {
    font-size: 1.3rem;
    color: #333;
    font-weight: bold;
    margin-bottom: 1em;
}
    
    .explain-text {
    display: flex;
        flex-direction: column;
        align-items: center;
        flex: 1;
    max-width: 100%;
    padding-left: 0;
}

 .explain-text p {
    font-size: 1rem;
    color: #666;
    line-height: 1.5;
}

.explain-text h3 {
    font-size: 1rem;
    color: #333;
    margin-top: 1em;
    font-weight: bold;
}
    
/* Hover Buttons */
    
    .hover-button {
        gap: 0px !important;
    }
    
 .button-row {
    display: flex;
    flex-direction: column;
    width: 100%;
    align-items: center;
     margin: -22px;
}
    
    .button-item {
    width: 90vw;
    max-width: 300px;
    min-height: 180px !important;
    display: flex;
    padding: 10px;
    border-radius: 20px;
    color: white;
    text-align: center;
    position: relative;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    cursor: pointer;
        box-sizing: border-box;
}

    .button-item h3 {
    font-size: 1rem;
    text-align: center;
}
    
  .button-item img.wp-image-45 {
    width: 24px;
    height: 24px;
    position: absolute;
    bottom: 10px;
    right: 10px;
}

  .button-item:hover {
    transform: translateY(-5px);
}
    
    .button-item.typography {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
    padding: 10px;
    height: 180px;
}
    .button-item.typography .main-font {
    font-size: 1.6rem;
    font-weight: normal;
    margin: 0;
}

    .other-font {
        display: none;
}
    
    .button-item.templates {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    padding: 10px;
    height: 180px;
    text-align: center;
    box-sizing: border-box;
}

    .button-item.templates h3 {
    font-size: 1rem;
        position: absolute;
    bottom: 0%;
    right: 10px;
    width: 172px;
}
    
    .button-item .hover-description {
        font-size: 1rem;
        padding: 5px;
        max-width: 80%;
        text-align: center;
    }

    .button-item.typography .hover-description,
    .button-item.templates .hover-description {
        max-width: 70%;
    }
    
/* Brand Guidelines */

.brand-guidelines {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 20px;
    box-sizing: border-box;
    background-color: #EEEEFC;
    width: 100vw;
    max-width: 600px;
    margin: 0 calc(50% - 50vw);
    text-align: center;
}

.guidelines-main {
    display: flex;
    flex-direction: column;
    align-items: center;
    box-sizing: border-box;
    max-width: 600px;
    margin: 0 calc(50% - 50vw);
    text-align: center;
    justify-content: space-between;
}

.guidelines-main h2 {
    font-size: 1.5rem;
    color: #333;
    font-weight: bold;
    margin-bottom: -15px;
}

.guidelines-main p {
    font-size: 1rem;
    color: #666;
    margin: -5px;
    line-height: 1.5;
}

.guidelines-img {
    display: flex;
    justify-content: center;
    width: 100vw;
        padding-top: 20px;
}
    
    .guidelines-btn {
    display: flex;
    justify-content: center;
        transform: translateY(270px);
    width: 100%;
}

.guidelines-img .wp-image-199 {
    width: 100%;
    border-radius: 0px;
    transform: translateY(30px);
        margin-left: -200px;
}

    
    /* Contact Brand */
.contact-brand {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 60px 40px;
    box-sizing: border-box;
    max-width: 1600px;
    width: 100%;
    position: relative;
    margin-top: 100px;
    background-size: auto 64%;
}

.contact-main {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 20px;
    border-radius: 12px;
    width: 100%;
    max-width: 600px;
    text-align: center;
}

.contact-main h3 {
    font-size: 1.2rem;
    font-weight: bold;
    margin: 5px 0 0 0;
}

.contact-main p {
    font-size: .9rem;
    margin: 0;
    max-width: 100%;
}

.contact-btn {
    display: flex;
    justify-content: center;
    margin-top: 20px;
}

.contact-btn button {
    background: none;
    border: none;
    cursor: pointer;
}

.contact-btn img.wp-image-84 {
    width: 100%;
    max-width: 180px;
    transition: transform 0.3s ease;
    transform: translateY(15px);
    margin-right: 50px;
}

}
/* General Button Reset */
button {
    background-color: transparent !important;
    border: none;
    padding: 0;
    cursor: pointer;
}
/*A HOME END*/


/* F Colors Begin */

.colors-container {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    position: relative;
}

.colors-col-a {
    width: 27%;
    display: flex;
    flex-wrap: wrap;
    margin:0 -5px 0 0;
    position: relative;
}

.colors-col-b {
    width: 40%;
    display: flex;
    flex-wrap: wrap;
    position: relative;
    z-index: 1;
        margin: 0 0 0 -40px;
}

.colors-col-c {
    width: 27%;
    display: flex;
    flex-wrap: wrap;
    margin:0 0 0 -15px;
    position: relative;
}

.wp-image-347,
.wp-image-348 {
    position: relative;
    z-index: 1;
    width: 6%;
}

.wp-image-347 {
    margin-right: -108px;
}

.wp-image-348 {
    margin-left: -108px;
}

.wp-image-350 {
    position: absolute;
    top: 10%;
    left: 49%;
    transform: translateX(-50%);
    z-index: 0;
    width: 41%;
    height: 76% !important;
    pointer-events: none;
}

.colors-col-a,
.colors-col-c {
    position: relative;
    z-index: 0;
}

.colors-col-a-cell {
    color: #0c0c31;
    text-align: center;
    width: 100%;
    border-radius: 24px;
    margin: .5rem .5rem .5rem 0;
    padding: 2.2rem;
}


.colors-col-b-cell {
    color: #fff;
    text-align: center;
    width: 100%;
    border-radius: 24px;
    margin: .5rem;
    padding: 1.5rem;
}

.colors-col-c-cell {
    color: #fff;
    text-align: center;
    width: 100%;
    border-radius: 24px;
    margin: .5rem 0 .5rem .5rem;
    padding: 2.2rem;
}

.colors-col-a-cell p {
    margin: 0;
    line-height: 1.35rem;
}

.colors-col-b-cell p {
    margin: 0;
    line-height: 1.35rem;
}

.colors-col-c-cell p {
    margin: 0;
    line-height: 1.35rem;
}

.white-wide-cell {
    color: #0c0c31;
    width: 100%;
    background-color: #fff;
    border: solid 1px #0c0c31;
    border-radius: 24px;
    text-align: center;
    margin-top: 1.8rem;
}

.white-wide-cell h3 {
    color: #0c0c31;
    font-size: 2.5rem;
}

.dk-blue-wide-cell {
    background-color: #0c0c31;
    color: #fff;
    width: 100%;
    border-radius: 24px;
    text-align: center;
    margin-bottom: 1.8rem;
}

.dk-blue-wide-cell h3 {
    color: #fff;
    font-size: 2.5rem;
}

.lt-blue-cell {
    background-color: #a3a7ea;
}

.lt-pink-cell {
    background-color: #ffb0c8;
}

.lt-orange-cell {
    background-color: #ffb5a4;
}

.lt-yellow-cell {
    background-color: #fcde95;
}

.lt-green-cell {
    background-color: #ace2d4;
}

.lt-grey-cell {
    background-color: #b7b8c3;
}

.blue-cell {
    background-color: #3d46f2;
}

.pink-cell {
    background-color: #ff346e;
}

.orange-cell {
    background-color: #fa653c;
}

.yellow-cell {
    background-color: #efb82e;
}

.green-cell {
    background-color: #1ea691;
}

.grey-cell {
    background-color: #5e617d;
}

.dk-blue-cell {
    background-color: #1d007f;
}

.dk-pink-cell {
    background-color: #a32246;
}

.dk-orange-cell {
    background-color: #c94c3f;
}

.dk-yellow-cell {
    background-color: #bf8b0a;
}

.dk-green-cell {
    background-color: #216854;
}

.dk-grey-cell {
    background-color: #3c3e50;
}

/* Mobile First (max-width: 480px) */
.colors-hero-section {
    position: relative;
    width: 200%;
    height: fit-content;
    overflow: hidden;
    margin: -9px;
    left: -60%;
}

.colors-hero-section h3 {
    position: absolute;
    color: #fff;
    font-size: 2.5rem;
    margin: 0;
    text-align: left;
    bottom: 10%;
    left: 35%;
}

.colors-hero-section img.wp-image-319 {
    width: 160%;
    height: 400px;
}

.colors-heading,
.colors-heading h3,
.colors-heading p {
    text-align: center;
    margin: 25px;
}


.colors-pallette,
.colors-base,
.colors-prime,
.colors-accent {
    margin: 0 25px 0 25px;
}

.colors-base h3,
.colors-prime h3,
.colors-accent h3 {
    font-size: x-large;
    margin: 0.5em 0;
    padding: 5px;
}

.colors-aspect h3 {
    font-size: 2.5rem;
    font-weight: bold;
}


.colors-base p,
.colors-prime p,
.colors-accent p {
    font-size: .9rem;
    margin: 0.5em 0;
    padding: 5px;
}

.colors-samples,
.colors-aspect {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin: 0 auto;
}

.colors-samples img,
.colors-aspect img {
    max-width: 100%;
    height: auto;
    margin: 10px 0;
}

@media (max-width: 480px) {

    .lg-container,
    .colors-questions,
    .hero-explain,
        .contact-brand {
        display: none;
    }

    .colors-samples {
        display: flex;
    }
}

@media (min-width: 481px) {

    .lg-container,
    .colors-questions,
    .hero-explain {
        display: flex;
        justify-content: center;
        margin: 0 auto;
    }

    .colors-samples {
        display: none;
    }

    .colors-hero-section {
        position: relative;
        text-align: left;
        overflow: hidden;
    }

    .colors-hero-section img.wp-image-319 {
        width: 51%;
        height: 600px;
        object-fit: cover;
        display: block;
        margin: 0 auto;
        transform: translateX(10%);
    }

    .colors-hero-section h3 {
        font-size: 5rem;
        font-weight: bold;
        margin: 0;
        padding: 10px 0;
        bottom: 28%;
        left: 35%;
    }

    .hero-explain {
        position: absolute;
        bottom: 90px;
        left: 1215px;
        font-size: 2rem;
        color: white;
        margin: 0;
        padding: 0;
        max-width: 556px;
    }

    .colors-heading {
        margin-top: 80px;
    }

    .colors-heading h3,
    .colors-heading p {
        text-align: left;
        margin: 0 0 10px 50px;
    }

    .colors-heading h3 {
        font-size: 2.5rem;
        font-weight: bold;
    }

    .colors-heading p {
        font-size: 1.5rem;
    }

    .colors-range {
        display: flex;
        align-items: center;
        justify-content: space-between;
        max-width: 80%;
        margin-left: 75px;
    }

    .colors-base {
        flex: 1;
        transform: translateY(-30px);
        max-width: 500px;
        margin-right: 20px;
    }

    .colors-column {
        flex: 1;
        display: flex;
        flex-direction: column;
        max-width: 500px;
                padding: 0;
    }

    .colors-prime,
    .colors-accent,
    .colors-base {
        display: flex;
        flex-direction: column;
    }

    .colors-base h3,
    .colors-accent h3 {
        font-size: 2rem;
        font-weight: bold;
        color: #0c0c31;
        padding: 0;
        margin: 0;
    }
    
    .colors-prime h3 {
        font-size: 2rem;
        font-weight: bold;
        color: #0c0c31;
        padding: 0;
        margin: 0;
                transform: translateX(-10px) translateY(40px);
    }

    .colors-content {
        display: flex;
        flex-direction: column;
    }

    .color-item {
        display: flex;
        align-items: center;
        width: 100%;
    }
    .colors-base p {
        font-size: 1.3rem;
        font-weight: lighter;
        color: #555;
        max-width: 500px;
        margin-left: 10px;
    }

    .colors-prime p {
        font-size: 1.3rem;
        color: #555;
        margin-left: 15px;
            transform: translateY(17px) translateX(10px);
    }
    
    .colors-accent p {
        font-size: 1.3rem;
        color: #555;
        margin-left: 15px;
    }

    .wp-image-326 {
        width: 77px;
        height: 35px;
    }

    .wp-image-321 {
        width: 38px;
        height: 37px;
    }

    .wp-image-325 {
        width: 199px;
        height: 31px !important;
    }

    .wp-image-327 {
        width: 199px;
        height: 99px;
    }

    .colors-aspect {
        text-align: left;
        width: 100%;
        max-width: 1000px;
        margin-bottom: 85px;
    }
    
    .colors-aspect h3 {
        font-size: 2.5rem;
        font-weight: bold;
        margin-bottom: 25px;
        text-align: left;
        margin-right: 480px;
    }

    .color-aspect-container {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        max-width: 1600px;
        align-items: center;
    }

    .color-aspect-container img {
        width: 45%;
        height: auto;
        margin: 0 25px 0 0;
    }
    
        .wp-image-347 {
    position: absolute;
        bottom: 14%;
        right: 91%;
        transform: translateX(-110%);
        width: 125px;
        z-index: 2;
}

.wp-image-348 {
    position: absolute;
    left: 102%;
    bottom: 14%;
    transform: translateX(-50%);
    width: 125px;
    z-index: 2;
}
}

/* G -Brand Elements Begin */

/* Mobile View */
.brand-elements-main {
    display: none;
}

.brand-elements-single {
    display: block;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: 1rem;
}

.brand-elements-hero {
    position: relative;
    text-align: center;
}

.brand-elements-hero .wp-image-422 {
    display: none;
}

.wp-image-427 {
    width: 105%;
    height: auto;
    max-height: 500px;
    object-fit: cover;
    margin: -27px -15px 0 -15px;
}

.brand-elements-hero h3 {
    position: absolute;
    top: 15%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: white;
    font-size: 2rem;
    font-weight: bold;
    margin: 0;
        width: 100%;
}

.brand-elements-single h3,
.brand-elements-single p {
    text-align: left;
    width: 100%;
    margin: 0 15px 0 15px;
}
.brand-elements-single h3 {
    color: blue;
    font-size: 2rem;
    font-weight: bold;
    margin-top: 20px;

}

.brand-elements-single p {
    margin-top: 10px;
    font-size: 1.3rem;
    font-weight: 400;
    color: #666;
}

.slope-img {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin: 45px 0 60px 0;
}

.slope-img img {
    flex: 0 1 calc(50% - 10px);
    max-width: calc(50% - 10px);
    height: auto;
}

.brand-single-trending img {
    margin: 45px 0 60px 0;
}

.brand-single-noodles img {
    margin: 45px 0 60px -30px;
    transform: translateX(15%);
    width: 60%
}

.brand-single-icons img {
    margin: 45px 0 60px -30px;
    transform: translateX(30%);
    width: 66%
}

.brand-single-iconography p {
    margin-bottom: 45px;
}

.iconography-img {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 15px;
    margin: 0 auto;
    width: fit-content;
}

.iconography-img img {
    display: block;
    margin: 0 auto;
}

.brand-single-iconography {
    margin-bottom: 60px
}

.wp-image-403 {
    margin: 25px 0;
}

.brand-single-dark-button {
    background-color: #0C0C31;
    background-size: cover;
    margin: 0 -55px;
    width: 110%;
}

.brand-single-dark-button img {
    margin: 25px 0;
}

.brand-eo-illustrations h3 {
    display: flex;
    justify-content: center;
}

.brand-elements-single img.wp-image-422 {
    width: 111%;
    height: auto;
    max-width: 500px;
    margin-left: -24px;
}

.brand-eo-illustrations h3 {
        text-align: center;
    font-size: 2rem;
    font-weight: 400;
    color: blue;
      width: 85%;
    margin: 10px 0 0 30px;
}

.brand-eo-illustrations p {
        text-align: center;
    font-size: 1rem;
    font-weight: 400;
    color: #666;
      width: 85%;
    margin: 10px 0 0 30px;
}

.illustrations-img, .illustrations-img img {
    margin: 10px 0;
}


/* Desktop View */
@media (min-width: 481px) {
    .brand-elements-main {
        display: block;
    }

    .brand-elements-single {
        display: none;
    }

    .brand-elements-hero .wp-image-427 {
        display: none;
    }

    .brand-elements-hero {
        position: relative;
        text-align: center;
    }

    .brand-elements-hero::before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 96%;
        background-color: rgba(0, 0, 0, 0.4);
        z-index: 1;
    }

    .brand-elements-hero h3 {
        position: absolute;
        top: 75%;
        left: 25%;
        color: white;
        font-size: 3rem;
        font-weight: bold;
        margin: 0;
        width: auto;
        text-align: left;
        z-index: 2;
    }

    .brand-elements-hero .wp-image-422 {
        display: block;
        width: 100%;
        z-index: 0;
    }

    .brand-elements-container {
        display: flex;
        flex-wrap: wrap;
        gap: 20px;
        justify-content: center;
        align-items: flex-start;
    }

    .brand-elements-container > div {
        flex: 0 1 calc(50% - 20px);
        box-sizing: border-box;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: flex-start;
        gap: 15px;
    }

    .brand-main-typography,
    .brand-main-color,
    .brand-main-slope,
    .brand-main-trending,
    .brand-main-noodles,
    .brand-main-icons,
    .brand-main-iconography,
    .brand-main-buttons,
    .brand-main-eo-illustrations {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        text-align: center;
        width: 100%;
        margin: 0 auto;
        height: auto;
        padding: 20px 0;
    }

    .brand-elements-container > div img {
        max-width: 80%;
        height: auto;
        margin: 15px 0;
    }

    .brand-elements-main h3 {
        color: blue;
        font-size: 2rem;
    }

    .brand-elements-container p {
        width: 50%;
        font-size: 1.3rem;
    }

    .brand-elements-container img {
        margin-bottom: 15px;
    }

    .wp-image-397 {
        margin-top: 40px !important;
    }
    
    .brand-main-iconography {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    text-align: center;
    width: 100%;
    margin: 0 auto;
    padding: 20px 0;
}

.brand-main-iconography .iconography-buttons {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 20px;
    margin-bottom: 20px;
}

.brand-main-iconography .iconography-buttons img {
    max-width: 40%;
    height: auto;
}

.brand-main-iconography .iconography-main {
    position: relative;
    display: flex;
    justify-content: center;
}

.brand-main-iconography .iconography-main img {
    max-width: 100%;
    height: auto;
}

.brand-main-iconography .iconography-main .wp-image-424 {
    z-index: 1;
}

.brand-main-iconography .iconography-main .iconography-buttons {
    position: absolute;
    top: 75%;
    z-index: 2;
}

    
    .main-button-img {
        display: flex;
        gap: 15px;
        margin-bottom: 25px;
    }
    
    .brand-main-eo-illustrations {
        width: 100%;
        margin-bottom: 150px;
    }
    
}


/* B - Photography */

/* Mobile-first styling */
.photo-main-container
{
    display: none !important;
}
{
    display: none;
}

.wp-image-478,
.wp-image-482,
.wp-image-484 {
    display: block;
}


.hanghd-bl {
    font-size: 22px;
    font-weight: 500;
    max-width: 430px;
    position: relative;
    top: -50px;
    background-image: url(https://brand.eonetwork.org/wp-content/uploads/Vector-82-1.png);
    background-size: contain;
    background-position: right top;
    background-repeat: no-repeat;
    padding: 13px 30px 10px 0px;
    height: 100px;
}


.hanghd-or {
    font-size: 22px;
    font-weight: 500;
    max-width: 430px;
    position: relative;
    top: -50px;
    background-image: url(https://brand.eonetwork.org/wp-content/uploads/Vector-82.png);
    background-size: contain;
    background-repeat: no-repeat;
    padding: 10px 30px 10px 0px;
    height: 100px;
}


.photo-main-container {
    display: none;
}

/* Photo Hero Container */
.photo-hero-container {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    padding: 20px;
    width: 100%;
    margin-bottom: 25px;
    background-image: url("https://brand.eonetwork.org/wp-content/uploads/photo-hero.png");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
        height: 444px;
}

.photo-hero-container::before {
    content: '';
    position: absolute;
    top: -16px;
    left: -8px;
    width: 102%;
    height: 460px;
    background-color: rgba(0, 0, 0, 0.4);
    z-index: 1;
    pointer-events: none;
}

.photo-hero-container h2,
.photo-hero-container p {
    position: absolute;
    color: white;
    margin: 0;
    padding: 5px 10px;
    text-align: left;
    width: 80%;
}

.photo-hero-container h2 {
    font-size: 2rem;
    top: 50%;
    left: 40%;
    transform: translateX(-50%);
    width: 70%;
    z-index: 2;
}

.photo-hero-container p {
    font-size: 1rem;
    top: 72%;
    left: 41%;
    transform: translateX(-50%);
    width: 70%;
    z-index: 2;
}


/* Photo Main Container */
.photo-main-container {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    padding: 20px;
    margin: 0 auto;
    width: 90%;
}

.photo-main-container h3,
.photo-main-container p {
    text-align: center;
    margin: 10px auto;
}

.photo-main-container img {
    display: block;
    margin: 20px auto;
    width: 100%;
    max-width: 700px;
    height: auto;
    border-radius: 20px;
}

.photo-asset-container {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    padding: 20px;
    margin: 0 auto;
    width: 90%;
}

.asset-img {
    display: flex;
    flex-direction: column;
    gap: 20px;
    width: 100%;
    max-width: 600px;
    position: relative;
}

.image-wrapper {
    position: relative;
    width: 100%;
    max-width: 300px;
    aspect-ratio: 4 / 3;
    overflow: hidden;
    border-radius: 20px;
    margin: 0 auto;
}

.image-wrapper img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: absolute;
    top: 0;
    left: 0;
}

.image-wrapper::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 1;
    pointer-events: none;
}

.photo-asset-container h2 {
    width: 75%;
        font-size: 1.5rem;
}

.asset-text,
.flickr-text {
    position: absolute;
    bottom: 10px;
    right: 45px;
    color: white;
    font-size: 0.9rem;
    z-index: 2;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 8px;
}

.asset-text div,
.flickr-text div {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    text-align: right;
}

.asset-text p,
.flickr-text h3,
.flickr-text p {
    margin: 0;
    line-height: 1.2;
    text-align: right;
        color: white;
}

.asset-text h3 {
    margin: 0;
    line-height: 1.2;
    text-align: right;
        color: white;
    width: 100%;
    font-size: 1.5rem;
}

.asset-text img {
    width: 35px;
    height: auto;
    margin: 10px 0 0 195px;
}

.flickr-text img {
    width: 35px;
    height: auto;
    margin: 19px 0 0 223px;
}

/* Photo Specifics */
.photo-specifics {
    width: 90%;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 20px;
    background-image: url("https://brand.eonetwork.org/wp-content/uploads/photo-spec-bg.png");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    border-radius: 20px;
    margin: 0 auto;
    position: relative;
}

.photo-header {
    position: absolute;
    top: -20px;
    width: fit-content;
}

.photo-header img {
    width: 100%;
    height: auto;
    border-radius: 8px;
}

.photo-header h3 {
    position: absolute;
    top: 30%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 1.3rem;
    font-weight: bold;
    color: white;
    text-align: center;
    width: 100%;
}

.photo-columns {
    display: flex;
    flex-direction: column; /* Stack all items vertically */
    gap: 20px;
    width: 100%;
    align-items: center;
}

.photo-specific-item {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    max-width: 80%;
}

.photo-specific-item img {
    width: 100%;
    height: auto;
    border-radius: 8px;
    margin-bottom: 10px;
}

.photo-specific-item h4 {
    margin: 10px 0 5px 0;
    font-size: 1rem;
    font-weight: bold;
    color: #333;
}

.photo-specific-item p {
    font-size: 0.9rem;
    color: #555;
    line-height: 1.5;
}

.photo-specific-item .wp-image-645 {
    width: 120%;
    height: auto;
}

/* Good Imagery */

.good-imagery-img {
    background-image: url("https://brand.eonetwork.org/wp-content/uploads/good-imagery-background.png");
    padding: 15px !important;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 20px;
    justify-content: center;
        background-repeat: no-repeat;
        background-size: cover;
    width: 85%;
        margin: 50px 30px 0 30px;
}

.good-imagery-text {
    position: relative;
    background-image: url("https://brand.eonetwork.org/wp-content/uploads/imagery-bg.png");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    padding: 140px 20px;
    border-radius: 10px;
    min-height: 875px;
    margin-bottom: -130px;
    width: 100%;
}

.photo-heading {
        display: flex;
    text-align: center;
    margin-bottom: 20px;
    justify-content: center;
}
    
    .photo-heading h2 {
        color: white;
    }
    
    .photo-heading .green-word {
        color: #1EA681;
        margin-right: -10px;
    }

.good-imagery-text img.wp-image-472 {
    display: block;
    margin: 20px auto;
    width: 100%;
    max-width: 300px;
    height: auto;
    border-radius: 10px;
}

.good-imagery-img .photo-item {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    width: 30%;
    max-width: 300px;
}

.good-imagery-img .photo-item img {
    width: 100%;
    height: auto;
    border-radius: 8px;
}

.good-imagery-img .photo-item p {
    margin-top: 10px;
    text-align: center;
}
    .good-imagery-img {
        flex-direction: column;
        align-items: center;
        gap: 20px;
    }

    .good-imagery-img .photo-item {
        width: 100%;
        max-width: 100%;
        margin-bottom: 20px;
    }

    .good-imagery-img .photo-item img {
        width: 90%;
    }

    .good-imagery-img .photo-item p {
        text-align: center;
        margin-top: 10px;
            color: white;
    }


/* Bad Imagery */

.bad-imagery-section {
    background-color:#000;
    padding: 30px;
    margin: 50px 30px 0 30px;
    border-radius: 20px;
}

.bad-imagery-text {
    position: relative;
    background-image: url("https://brand.eonetwork.org/wp-content/uploads/imagery-bg.png");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    padding: 105px 20px;
    border-radius: 10px;
    min-height: 875px;
    margin-bottom: -115px;
    width: 100%;
}

.bad-imagery-text img.wp-image-475 {
    display: block;
    margin: 20px auto;
    width: 100%;
    max-width: 300px;
    height: auto;
    border-radius: 10px;
}

.bad-photo-heading {
        display: flex;
    text-align: center;
    margin-bottom: 20px;
    justify-content: center;
}
.photo-imagery-list {
    background-color: #EEEEFC;
    padding: 0px 20px 20px;
}
.bad-imagery-section black {background-color:#000!important;}
    
    .bad-photo-heading h2 {
        color: white;
    }
    
    .bad-photo-heading .red-word {
        color: #A32246;
        margin-right: -70px;
    }

.bad-specific-container p {
    color: white;
}

.bad-imagery-img {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    padding: 20px 0;
    width: 100%;
}

@media (max-width: 420px){
    .contact-brand {
    display: none;
}
}

/* Desktop-specific styles */
@media (min-width: 421px) {
    .wp-image-478,
    .wp-image-482,
        .wp-image-484,
        .wp-image-494,
        .wp-image-489{
        display: none !important;
    }

    .wp-image-481,
    .wp-image-483,
    .wp-image-473 {
        display: block !important;
    }
    
    .photo-main-mobile {
        display: none;
    }
    .bot-space {margin-bottom:2rem;}
    /* Desktop Hero Section */
    ul li, ol li{font-family:'roboto'; font-size:18px; font-weight:400;}
    .photo-hero-container::before {
    top: -1px;
    height: 446px;
        width: 101%;
    }
    
    .photo-hero-container h2 {
        font-size: 3rem !important;
        top: 60%;
    }
    
    .photo-hero-container p {
        font-size: 2rem !important;
        top: 75%;
        left: 40%;
    }
    
    /* Desktop Main Container */

.photo-main-container {
    display: flex !important;
    justify-content: center;
    align-items: center;
    padding: 20px;
    box-sizing: border-box;
    flex-wrap: wrap;
        flex-direction: row;
}

.main-container-text {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 20px;
    max-width: 1500px;
    width: 100%;
    flex-wrap: wrap;
}

.photo-main-container h3, .photo-main-container p {
    text-align: left;
    margin: 15px 0 0 0;
    line-height: 200%;
}
    
    .photo-main {
        width: 48%;
        margin: 0 160px 0 0;
    }

.photo-sub {
    display: flex;
    flex-direction: column;
    gap: 20px;
    width: 40%;
    justify-content: flex-start;
}

.photo-sub img {
    width: 65%;
    height: auto;
    border-radius: 20px;
}
    
    /* Desktop Asset Container */
    
    .photo-asset-container {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    text-align: left;
    padding: 20px;
    margin: 0 auto;
    width: 100%;
    max-width: 1240px;
    gap: 20px;
}

.photo-asset-container .asset-img {
    display: flex;
    flex-direction: row;
    justify-content: center;
    gap: 153px;
    width: 100%;
    margin-left: 335px;
}
    
    .photo-asset-container h2 {
        text-align: left;
        margin: 0 0 0 -177px;
        font-size: 2rem;
    }

.photo-asset-container .image-wrapper {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    gap: 40px;
    flex: 1;
    min-width: 660px;
        height: 275px;
}

.image-wrapper img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: absolute;
    top: 0;
    left: 0;
}
    
.asset-text img {
    width: 35px;
    height: auto;
    margin: 10px 0 0 224px;
}

.flickr-text img {
    width: 35px;
    height: auto;
    margin: 25px 0 0 223px;
}
    

.asset-text, .flickr-text {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    text-align: left;
    width: 81%;
}

    /* Desktop Photo Specifics */
.photo-specifics {
    width: 60%;
    margin: 0 auto;
    text-align: center;
}

.wp-image-536 {
    position: absolute;
    top: 32px;
    left: 52%;
    transform: translateX(-50%);
    z-index: 3;
    width: 40%;
    max-width: 300px;
    height: auto;
}

.photo-specifics .wp-image-541 {
    display: block;
    margin: 0 auto;
    width: 95%;
    max-width: 1500px;
    height: auto;
    position: relative;
    z-index: 1;
}

.photo-columns {
    display: flex;
    flex-direction: row;
    gap: 30px;
    width: 100%;
    align-items: center;
    justify-content: center;
    margin: 30px 0 0;
}

.photo-specific-item {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    width: 100%;
    max-width: 600px;
    padding: 20px;
}

.photo-specific-item .wp-image-645 {
    width: 80%;
    height: 110px;
    margin: -15px 0 -10px 0;
}
    .text-left {text-align:left!important;}
.photo-specific-item img {
    width: 30%;
    min-width: 55%;
    height: 86px;
    border-radius: 8px;
    margin-bottom: 10px;
}
    .col900 {padding:0px 6rem;}
    .protipwhitewbg {background:url(https://brand.eonetwork.org/wp-content/uploads/Vector-86.png) center center no-repeat; color:#fff;
        margin-top:-3.5rem;
        margin-bottom:3rem;
}
    
/* Good Imagery Container */
.good-imagery-container {
    display: flex;
    flex-direction: column;
    gap: 40px;
    padding: 40px;
    margin: 0 auto;
    max-width: 1200px;
}

/* Photo Imagery Container */
.photo-imagery-container {
    display: flex;
    flex-direction: column;
    gap: 40px;
    align-items: center;
}

/* Good Imagery Text */
.good-imagery-text {
    position: relative;
    padding: 40px;
    border-radius: 10px;
    margin: 0;
    text-align: left;
    background-size: 100%;
    background-position: top;
}
    
    .good-imagery-text p,
    .good-imagery-text h3 {
        text-align: left;
        margin: 10px 0 0 0;
    }
    
/*     .good-imagery-text h3 {
        transform: translateX(216px);
    } */

    .good-imagery-text .p-1 {
        width: 39%;
        transform: translateX(216px);
    }
    
    .good-imagery-text .p-2 {
        width: 69%;
    transform: translateX(216px);
    }
    
    .good-imagery-text .p-3 {
        width: 72%;
        transform: translateX(216px);
    }
    
.good-img {
    position: absolute;
    top: 58px;
    left: 25px;
    z-index: 1;
}

.good-imagery-text img.wp-image-472 {
    width: 215px;
    height: auto;
    border-radius: 8px;
}
    
    .good-imagery-text ul {
        margin: 0;
    }
    
    .good-imagery-text li {
        width: 100%;
    }
    
    .good-imagery-img .wp-image-481 {
        width: 120%;
        max-width: 1600px;
        margin: -200px 0 0 -76px;
    }
    
    .good-imagery-img {
        background-image: url("https://brand.eonetwork.org/wp-content/uploads/good-imagery-background.png");
        padding: 15px;
        background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
        border-radius: 20px;
        margin-top: -100px;
        width: 100%;
    }
.eorow.darkbluebg.extra-top-row {
    padding-top: 4rem;
}
h3.blutipwhitewbg {
    height:70px;
    color:#fff;
padding:20px;   background:url(https://brand.eonetwork.org/wp-content/uploads/Vector-81.png) center center no-repeat;
        background-size:contain;

    margin: 0 auto -4rem;
    position: relative;
    z-index: 1;
}
    img.eoright {
    display: block;
    margin-left: auto;
}
    .photo-heading {
        display: flex;
    }
    
    .photo-heading h2{
        color: white;
    }
    
    .photo-heading .green-word {
        color: #1EA691;
        margin-right: 5px;
    }
    
    .photo-specific-container {
    display: flex;
    flex-direction: column;
    gap: 20px;
    width: 100%;
}

.photo-specific-container .row-1,
.photo-specific-container .row-2,
.photo-specific-container .row-3,
.photo-specific-container .row-4,
.photo-specific-container .row-5 {
    display: flex;
    justify-content: center;
    gap: 15px;
}

.photo-specific-container .photo-item {
    display: flex;
    flex-direction: column;
    align-items: center;
    max-width: 31%;
    text-align: center;
}

.photo-specific-container img {
    width: 100%;
    height: auto;
    border-radius: 8px;
}

.photo-specific-container p {
    margin-top: 10px;
/*     font-size: 14px; */
    color: white;
}


/* Bad Imagery Text */
.bad-imagery-text {
    position: relative;
    padding: 40px;
    border-radius: 10px;
    margin: 0 0 -200px 0;
    text-align: left;
    background-size: 100%;
    background-position: top;
}

.bad-img {
    position: absolute;
    top: 35px;
    right: 200px;
    z-index: 1;
}
    
    .bad-imagery-text p,
    .bad-imagery-text h3 {
        text-align: left;
        margin: 25px 0 0 65px;
    }
    .bad-imagery-text p {
        font-size: 1rem;    
    }
    
    .bad-imagery-text ul {
        margin: 10px 0 0 30px;
    }
    
.bad-imagery-text img.wp-image-475 {
    width: 300px;
    height: auto;
    border-radius: 8px;
}

.bad-imagery-container {
    display: flex;
    flex-direction: column;
    gap: 40px;
    padding: 40px;
    margin: 0 auto;
    max-width: 1200px;
}

.photo-imagery-container,
.bad-imagery-container {
    display: flex;
    flex-direction: column;
    gap: 40px;
}
    
.bad-imagery-section {
    padding: 20px;
/*     margin: 20px -100px; */
    background-color:#000; 
    border-radius: 20px;
}

.bad-photo-heading {
        display: flex;
    text-align: center;
    margin-bottom: 20px;
    justify-content: center;
}
    
    .bad-photo-heading h2 {
        color: white;
    }
    
    .bad-photo-heading .red-word {
        color: #A32246;
        margin-right: 5px;
    }

.bad-specific-container {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    justify-content: center;
    margin: 0 auto;
}

.bad-row-1, .bad-row-2, .bad-row-3, .bad-row-4 {
    display: flex;
    justify-content: space-between;
    gap: 20px;
    margin-bottom: 20px;
    flex-wrap: wrap;
    width: 100%;
    max-width: 1000px;
}

.bad-photo-item {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    flex: 1 1 30%;
    max-width: 30%;
}

.bad-photo-item img {
    width: 100%;
    height: auto;
    border-radius: 8px;
}

.bad-photo-item p {
    margin-top: 10px;
    font-size: 14px;
    color: white;
    line-height: 1.4;
}


}

@media (min-width: 1025px) {
    .good-imagery-text {
        padding: 115px;
        background-size: 95%;
    }
    
        .good-imagery-text img.wp-image-472 {
        width: 250px;
    }
    
    .good-img {
        top: 100px;
        left: 60px;
    }

    
}

/* C - Videography Start */

/* Mobile Design */

.desktop-video {
    display: none;
}
/* Hero Section */
.video-mobile-hero {
background-image: url("https://brand.eonetwork.org/wp-content/uploads/video-hero.png");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: right;
    position: relative;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  text-align: center;
  padding: 20px;
  width: 100%;
  margin: -20px 0 25px 0;
    height: 400px;
    justify-content: flex-end;
}

.video-mobile-hero::before {
    content: '';
    position: absolute;
    top: 0;
    left: -8px;
    width: 102%;
    height: 400px;
    background-color: rgba(0, 0, 0, 0.4);
    z-index: 1;
    pointer-events: none;
}

.video-mobile-hero h3,
.video-mobile-hero p {
    color: white;
    z-index: 1;
    width: 90%;
    text-align: left;
}

/* About Section */
.video-mobile-about {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
    padding: 35px;
}

.video-mobile-about h3,
.video-mobile-about p {
  text-align: center;
  margin: 10px 0;
}

.video-mobile-about img {
  max-width: 120%;
  height: auto;
  margin:0 0 10px 0;
}
/* Assets Section */

.video-mobile-assets {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 20px;
    padding: 20px;
}

.video-mobile-asset-1 {
    background-image: url("https://brand.eonetwork.org/wp-content/uploads/glc-img-300x247-1.png");
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    max-width: 350px;
    height: 200px;
    border-radius: 20px;
    position: relative;
    padding: 10px;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: flex-end;
    color: white;
    text-align: left;
    box-sizing: border-box;
}

.video-mobile-asset-2 {
    background-image: url("https://brand.eonetwork.org/wp-content/uploads/youtube-pic-1.png");
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    max-width: 350px;
    height: 200px;
    border-radius: 20px;
    position: relative;
    padding: 10px;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: flex-end;
    text-align: left;
    box-sizing: border-box;
}

.mobile-asset-wrapper {
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin-right: 10px;
}

.mobile-asset-wrapper h4 {
    position: absolute;
        font-weight: bold;
    bottom: 35px;
    right: 50px;
    margin: 0;
    font-size: 1.2rem;
    color: white;
}

.mobile-asset-wrapper p {
    position: absolute;
    bottom: 10px;
    right: 50px;
    margin: 0;
    font-size: 0.9rem;
    color: white;
}

.link-arrow {
    position: absolute;
    bottom: 10px;
    right: 10px;
    width: 30px;
    height: auto;
}

/* Chapters Sections */

.video-mobile-chapters {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    text-align: left;
    padding: 20px;
    margin: 0 auto;
    max-width: 800px;
    background-color: #0C0C31;
    color: white;
}

.video-mobile-chapters img {
        align-self: center;
    width: 100%;
    height: auto;
    margin-bottom: 20px;
    border-radius: 8px;
}

.video-mobile-chapters h3 {
    font-size: 1.5rem;
        font-weight: bold;
    margin-bottom: 15px;
    color: white;
}

.video-mobile-chapters ul {
    list-style-type: disc;
    padding-left: 20px;
    margin: 0;
}

.video-mobile-chapters ul li {
    font-size: .9rem;
    margin-bottom: 10px;
    color: white;
}

/* Editing Section */

.video-mobile-editing {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: left;
    padding: 20px;
    margin: 0 auto;
    max-width: 800px;
    border-radius: 10px;
}

.video-mobile-editing h3 {
    font-size: 1.5rem;
    font-weight: bold;
    margin-bottom: 20px;
    text-align: left;
    width: 100%;
}

.video-mobile-editing ul {
    list-style-type: disc;
    padding-left: 20px;
    margin: 0 0 20px 0;
    width: 100%;
}

.video-mobile-editing ul li {
    font-size: 0.9rem;
    margin-bottom: 10px;
    text-align: left;
}

.video-editing-columns {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 20px;
    width: 100%;
}

.video-column-item {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: left;
    width: 200px;
}

.video-column-item h5 {
    font-size: 1rem;
    margin-bottom: 10px;
    text-align: center;
        font-weight: bold;
        width: 125%;
}

.video-column-item img {
    width: 100%;
    height: auto;
    border-radius: 8px;
}

/* Quick Section */

.video-mobile-quick {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 20px;
  position: relative;
  background: #EEEEFC;
}

.video-mobile-heading {
  position: absolute;
  top: -44px;
  background-image: url("https://brand.eonetwork.org/wp-content/uploads/quick-tips-1.png");
    background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  padding: 50px;
  z-index: 1;
  width: 300px;
  height: 100px;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
}

.video-mobile-heading h3 {
  font-size: 1.5rem;
  font-weight: bold;
  margin: 0;
  text-align: center;
    color: white;
}

.mobile-quick-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  margin: 20px 0;
  max-width: 600px;
}

.mobile-quick-item img {
  max-width: 100%;
  height: auto;
  border-radius: 8px;
}

.mobile-quick-item h3 {
  font-size: 1.25rem;
  font-weight: bold;
  margin: 10px 0;
}

.mobile-quick-item p {
  font-size: 1rem;
  color: #555;
  line-height: 1.5;
  margin: 0;
}

/* Desktop Design */

@media (min-width: 421px) {
    .mobile-video {
        display: none;
    }
    
    .desktop-video {
        display: block;
    }

/* Desktop Hero */
    .video-hero {
background-image: url("https://brand.eonetwork.org/wp-content/uploads/video-hero.png");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top center;
    position: relative;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  text-align: center;
  padding: 20px;
  width: 100%;
  margin: -20px 0 25px 0;
    height: 550px;
    justify-content: flex-end;
}

.video-hero::before {
    content: '';
    position: absolute;
    top: 0;
    left: -8px;
    width: 102%;
    height: 550px;
    background-color: rgba(0, 0, 0, 0.4);
    z-index: 1;
    pointer-events: none;
}
    
.video-hero h3 {
    position: relative;
    font-size: 4rem;
    color: white;
    z-index: 1;
    left: 10%;
}
    
    .video-hero p {
    position: relative;
    font-size: 1.5rem;
    color: white;
    z-index: 1;
    left: 10%;
    }
    
/* Desktop About */

.video-about {
   display: flex;
   align-items: center;
   padding: 20px;
   justify-content: space-around;
}

.about-text {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  text-align: left;
  max-width: 700px;
}

.about-text h3 {
  font-size: 2.5rem;
  font-weight: bold;
  margin-bottom: 15px;
}

.about-text p {
  font-size: 1.5rem;
  color: #555;
  line-height: 1.6;
  margin-bottom: 15px;
}

.video-about img {
  max-width: 550px;
  height: auto;
}

/* Desktop Assets */
    
.video-assets {
  display: flex;
  justify-content: center;
  gap: 20px;
  padding: 20px;
}

.video-assets > div {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 15px 20px;
  border-radius: 20px;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
  max-width: 500px;
  width: 100%;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  color: #fff;
    height: 260px
}
    
.video-assets > div::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.4); /* Semi-transparent mask */
  border-radius: 20px;
  z-index: 1;
}

.video-asset-1 {
  background-image: url("https://brand.eonetwork.org/wp-content/uploads/glc-img.png");
    position: relative;
}

.video-asset-2 {
  background-image: url("https://brand.eonetwork.org/wp-content/uploads/youtube-pic-1.png");
    position: relative;
}

.asset-wrapper {
  position: absolute;
  bottom: 5px;
  right: 60px;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
    z-index: 2;
}

.asset-wrapper h4 {
  font-size: 1.2rem;
  font-weight: bold;
  margin: 0;
  color: white;
}

.asset-wrapper p {
  font-size: 1rem;
  margin: 5px 0 0;
  color: white;
}

.link-arrow {
  width: 38px;
  height: auto;
  align-self: flex-end;
  position: absolute;
  bottom: 20px;
  right: 13px;
    z-index: 2;
}

/* Desktop Chapters */
    
.video-chapters {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  background: #0C0C31;
  border-radius: 20px;
  padding: 20px;
  color: #ffffff;
  max-width: 1200px;
  margin: 60px auto;
  position: relative;
  z-index: 1;
}

.chapters-text {
  display: flex;
  flex-direction: column;
  justify-content: center;
  max-width: 480px;
}

.chapters-text h3 {
  font-size: 1.8rem;
  font-weight: bold;
  margin-bottom: 15px;
  color: #ffffff;
}

.chapters-text ul {
  list-style-type: disc;
}

.chapters-text ul li {
  font-size: 1rem;
  line-height: 1.6;
  margin-bottom: 10px;
}

.video-chapters img {
  max-width: 660px;
  height: auto;
  position: absolute;
  top: -20px;
  right: -20px;
  bottom: -20px;
  z-index: 0;
  border-radius: 0;
}

/* Desktop Editing */

.video-editing {
  display: flex;
  flex-direction: column;
  text-align: left;
  padding: 20px;
  max-width: 1400px;
  margin: 0 auto;
}

.video-editing h3 {
  font-size: 2rem;
    font-weight: 700;
  font-family: "Century Gothic Pro", sans-serif;
  margin-bottom: 20px;
  text-align: left;
  width: 100%;
}

.video-editing ul {
  list-style-type: disc;
  margin:0 0 20px 20px;
}

.video-editing ul li {
  font-size: 1rem;
  line-height: 1.6;
  margin-bottom: 10px;
  text-align: left;
}

.video-editing-columns {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 20px;
  width: 100%;
}

.video-column-item {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  text-align: left;
  flex: 1;
  max-width: 320px;
}

.video-column-item h5 {
  font-size: 1.2rem;
  font-weight: 700;
  font-family: "Century Gothic Pro", sans-serif;
  margin-bottom: 10px;
  text-align: left;
    width: 70%;
}

.video-column-item img {
  max-width: 230px;
  height: auto;
}

/* Desktop Quick */
    
.video-quick {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: left;
  padding: 80px;
  max-width: 1200px;
  margin: 115px auto;
  position: relative;
  background: #EEEEFC;
  border-radius: 20px;
}

.video-heading {
  position: absolute;
  top: -34px;
  background-image: url("https://brand.eonetwork.org/wp-content/uploads/quick-tips-1.png");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  width: 315px;
  height: 80px;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 1;
}

.video-heading h3 {
  font-size: 2rem;
  font-weight: bold;
  color: #fff;
  margin: 0;
  text-align: center;
}

.quick-item {
  display: flex;
  align-items: flex-start;
  gap: 20px;
  margin-bottom: 20px;
  width: 100%;
}

.quick-item img {
  max-width: 150px;
  height: auto;
  border-radius: 8px;
}

.inner-quick {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
}

.inner-quick h3 {
  font-size: 1.2rem;
  font-weight: bold;
  margin-bottom: 10px;
  text-align: left;
}

.inner-quick p {
  font-size: 1rem;
  line-height: 1.6;
  color: #555;
}
}


.inner-quick h3, .inner-quick p {text-align:center;}


/* Communiation */
.eorowimg {
    position: relative;
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    opacity: 1;
    background-color: #0000;
    flex-flow: row;
    flex: none;
    order: 0;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    justify-content: center;
    align-self: center;
    align-items: flex-start;
    width: 1140px;
    max-width: 1140px;
    margin: 2rem auto;
    height: 410px;
    display: flex;
    background: url(https://brand.eonetwork.org/wp-content/uploads/BG-boxes-1.png) center center no-repeat;
}
h3.innerbox {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 600;
    font-size: 26px;
    line-height: 130%;
    text-align: center;
    padding: 10px 0px;
    margin: 0px;
    width: 500px;
}
.card-orange { background-color: #FA653C; border-radius:20px; padding:2rem!important; height:450px;}
.card-red { background-color: #FF346E; border-radius:20px; padding:0rem  2rem 2rem 2rem!important;  height:450px;}

.card-black { background-color: #000000; border-radius:20px; padding:0rem  2rem 2rem 2rem!important;  height:450px;}
img.card-im {
    width: 280px;
    margin: -10px 0px 20px 3rem;
}
img.card-imrrs {
    width: 200px;
    margin: -10px 0px 20px 3rem;
}


img.card-imr {
    width: 179px;
    margin: 0px 2rem 2rem auto;
}
.h3-text-white {
    color: #fff;
    margin: 0;
    padding: 0;
}

.eorow {
    position:relative;
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    opacity: 1;
    background-color: #0000;
    flex-flow: row;
    flex: none;
    order: 0;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    justify-content: center;
    align-self: center;
    align-items: flex-start;
    width: 1140px;
    max-width: 1140px;
    margin: 2rem auto;
    display: flex;
/*    border: 1px solid red;*/
}
h3.left {
    text-align: left;
}
.col {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex-flow: column;
    flex: 1;
    justify-content: flex-start;
    align-self: top;
    align-items: flex-start;
    padding: 0;
    display: flex;
    position: relative;
}
.vcol {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex-flow: column;
    flex: 1;
    justify-content: flex-start;
    align-self: center;
    align-items: flex-start;
    padding: 0;
    display: flex;
    position: relative;
}
.center-content {margin: 0rem 3rem 0rem 6rem;}
.card-left-text {
    align-self: center;
}
.flex30 {
    flex: 30%;
}
.notop {
    margin: 0px auto!important;
}
h4.soci {
    font-size: 24px;
    font-family: 'Roboto';
}
h4.soci-blu {
    color: #3D46F2;
    font-family: roboto;
    font-size: 18px;
}
.sorow {    display: flex;
    gap: 20px;
width:100%;}
span.redtxt {color:#FF346E;}
/* .comm-hero-container {
    height: 440px;
    top: 0px;
    background-color: #010127;
} */

 .comm-hero-container {
    height: 440px;
    top: 0px;
    background-color: #010127;
    background: url(https://brand.eonetwork.org/wp-content/uploads/Frame-527-1.png) center center no-repeat;
    background-size: cover;
}
.commun-hero-container {
    height: 440px;
    top: 0px;
    background-color: #010127;
    background: url(https://brand.eonetwork.org/wp-content/uploads/communication-hero.png) center center no-repeat;
    background-size: cover;
}

h1 {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 600;
    font-size: 52px;
    color: #FFFFFF;
    margin: 0px;
    padding: 0px;
}

h2 {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 600;
    font-size: 30px;
    line-height: 130%;
    text-align: center;
    padding: 10px 0px;
    margin: 0px;
}

h3 {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 600;
    font-size: 26px;
    line-height: 130%;
    text-align: center;
    padding: 10px 0px;
    margin: 0px;
}
.left {text-align: left!important;}
.head-slug {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    font-size: 26px;
    color: #FFFFFF;
    max-width: 650px;
    line-height: 130%;
	text-align:left;
}

.position-bottom {
    margin: 200px 0px 0px 0px;
}

.center {
    text-align: center;
    margin: 0 auto;
    display: block;
}

p {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 160%;

}
p.texxt-link {
    font-size: 28px;
    color: #3d45f2;
    font-weight: 500;
}
p.text-center {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    max-width: 1000px;
    text-align: center;
    line-height: 160%;
    margin: 0 auto;
}
.no-top-padding {
    margin: 0px;
    height: 120px;
}
.grey-card {
  background: #EEEEFC;
  border-radius: 20px;
    padding:2rem;
    width: 100%;
}

.card-left-text {
    width: 300px;
    margin-left: 4rem;
}

.col-top-image {
    width: 100%;
    height: 356px;
    margin-bottom: 2rem;
}
.footnote {font-size: 14px;}
.card-right-img {
    width: 586px;
    height: 390px;
    align-content: center;
    border-radius: 20px;
}
h2.text-white-nobot {
    margin-bottom: 0rem!important;
}
.top-spac {margin-top:2rem;}
/* Buttons */
/*BLUE BUTTON*/

.blue-button {
    display: inline-block;
    position: relative;
    background-color: #3D46F2;
    color: #ffffff;
    text-decoration: none;
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 500;
    font-size: 20px;
    justify-content: center;
    align-items: flex-start;
    padding: 20px 60px 16px 16px;
    width: 350px;
    box-shadow: 4px 4px 0px #0C0C31;
    border-radius: 7px;
    margin-bottom: 2rem;
    letter-spacing: .5;
  text-transform: capitalize !important;
}

.fixed-w-button {
    width: 300px;
    text-transform: uppercase;
    margin-top: 2rem;
}

/*ORANGE BUTTON*/
ol.redy-text {
    color: red!important;
}
ol.redy-text ul li {
    color: #000000!important;
}

.orange-button {
    display: inline-block;
    position: relative;
    background-color: #fa653c;
    color: #ffffff;
    text-decoration: none;
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 500;
    font-size: 20px;
    justify-content: center;
    align-items: flex-start;
    padding: 20px 60px 16px 16px;
    width: 350px;
    box-shadow: 4px 4px 0px #0C0C31;
    border-radius: 7px;
    margin-bottom: 2rem;
    letter-spacing: .5;
}

.yellow-button {
    display: inline-block;
    position: relative;
    background-color: #EFB82E;
    color: #fff;
    text-decoration: none;
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 500;
    font-size: 20px;
    justify-content: center;
    align-items: flex-start;
    padding: 20px 60px 16px 16px;
    width: 350px;
    box-shadow: 4px 4px 0px #0C0C31;
    border-radius: 7px;
    margin-bottom: 2rem;
    letter-spacing: .5;
}
/*green BUTTON*/

.green-button {
    display: inline-block;
    position: relative;
    background-color: #1ea691;
    color: #ffffff;
    text-decoration: none;
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 500;
    font-size: 20px;
    justify-content: center;
    align-items: flex-start;
    padding: 20px 60px 16px 16px;
    width: 100%;
    box-shadow: 4px 4px 0px #0C0C31;
    border-radius: 7px;
    margin:0rem 0rem 1rem 0rem;
    letter-spacing: .5;
}
.grey-button {
    display: inline-block;
    position: relative;
    background-color: #5E617D;
    color: #ffffff;
    text-decoration: none;
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 500;
    font-size: 20px;
    justify-content: center;
    align-items: flex-start;
    padding: 20px 60px 16px 16px;
    width: 100%;
    box-shadow: 4px 4px 0px #0C0C31;
    border-radius: 7px;
    margin:0rem 0rem 1rem 0rem;
    letter-spacing: .5;
}

/*RED BUTTON*/
.red-button {
    display: inline-block;
    position: relative;
    background-color: #ff346e;
    color: #ffffff;
    text-decoration: none;
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 500;
    font-size: 20px;
    justify-content: center;
    align-items: flex-start;
    padding: 20px 60px 16px 16px;
    width: 100%;
    box-shadow: 4px 4px 0px #0C0C31;
    border-radius: 7px;
    margin-bottom: 2rem;
    letter-spacing: .5;
}
.blue-button::after,
.orange-button::after,
.red-button::after,
.green-button::after,
.yellow-button::after,
.grey-button::after {
    content: '';
    position: absolute;
    top: 50%;
    right: 20px;
    /* Padding for the background image */
    transform: translateY(-50%);
    width: 30px;
    height: 30px;
    background-image: url('https://brand.eonetwork.org/wp-content/uploads/image-25.png');
    background-size: contain;
    background-repeat: no-repeat;
    transition: transform 0.3s ease;
    /* Smooth rotation effect */
}

.blue-button:hover::after,
.orange-button:hover::after,
.red-button:hover::after,
.green-button:hover::after,
.yellow-button:hover::after,
.grey-button:hover::after  {
    transform: translateY(-50%) rotate(45deg);
}
.blue-button:hover,
.orange-button:hover,
.red-button:hover,
.green-button:hover,
.yellow-button:hover,
.grey-button:hover {
color: #ffffff!important;
}


.blue-button:visited,
.orange-button:visited,
.red-button:visited,
.green-button:visited,
.yellow-button:visited,
.grey-button:visited {
color: #ffffff!important;
}
.about-eo {
    padding:4rem 6rem;
    height:280px;
        background:url(https://brand.eonetwork.org/wp-content/uploads/about-eo-bg.png) no-repeat;
}


/* Buttons END */
.card-with-bg-doublebox {
    background-image: url(https://brand.eonetwork.org/wp-content/uploads/note-temp-bg.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    height: 600px;
}
.flex60 { flex:60%; margin-right: 10rem; align-self: center !important;}
.flex40 { flex:40%; } 
.img-440 { width: 400px;} 
.eo-logo { height:80px; object-fit:contain; object-position:left; margin-bottom:2rem; }

.video-column-item h5 {
    font-size: 1rem;
    margin-bottom: 10px;
    text-align: center;
    font-weight: bold;
    width: 100%!important;
}
.about-button-overlay {
    position: absolute;
    bottom: -7rem;
    right: 7rem;
}
@media screen and (max-width: 480px) {
    .about-eo {
        padding: 1rem 2rem 3rem 1px;
        background: #e9e9e9;
        /* background-size: contain; */
        width: 100%;
        height: 380px;
        border-radius: 20px;
        padding: 2rem!important;
    }
}

img.shadow {
    height: 300px;
    object-fit: cover;
    border-radius: 20px;
}

@media screen and (max-width: 720px) {
    .about-eo {
        padding: 1rem 2rem 3rem 1px;
 background:url(https://brand.eonetwork.org/wp-content/uploads/Group-1375.png) center center no-repeat;
background-size:contain;
  width:100%;
  height:380px;
	}
	.head-slug  {text-align:center;}
  .darkbluebg {padding:1rem!important;}
  
  .sorow {
    flex-direction: column!important;
  }
}


/* mobile banner */
@media screen and (max-width: 720px) {

.l-hero-container {
        background-image: url(https://brand.eonetwork.org/wp-content/uploads/Group1372.png)!important;
	}
	
}
	
	
	
/* Asset Hub */
a.eo-link-green {color:#1ea691;}

.social-hub-hero {
        background-image: url(https://brand.eonetwork.org/wp-content/uploads/Frame-527-2.png);
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center center;
        position: relative;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        text-align: center;
        padding: 20px;
        width: 100%;
        margin: -20px 0 25px 0;
        height: 550px;
        justify-content: flex-end;
    }

.n-hero-container {
        background-image: url(https://brand.eonetwork.org/wp-content/uploads/banner-image.png);
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center center;
        position: relative;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        text-align: center;
        padding: 20px;
        width: 100%;
        margin: -20px 0 25px 0;
        height: 550px;
        justify-content: flex-end;
    }
.m-hero-container {
        background-image: url(https://brand.eonetwork.org/wp-content/uploads/Group-1361.png);
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center center;
        position: relative;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        text-align: center;
        padding: 20px;
        width: 100%;
        margin: -20px 0 25px 0;
        height: 550px;
        justify-content: flex-end;
    }

.email-hero-container {
        background-image: url(https://brand.eonetwork.org/wp-content/uploads/email-hero.png);
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center center;
        position: relative;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        text-align: center;
        padding: 20px;
        width: 100%;
        margin: -20px 0 25px 0;
        height: 550px;
        justify-content: flex-end;
    }

.eo-flex {
    DISPLAY: FLEX;
    GAP: .5REM;
}
a.red-button-w {
    width: auto!important;
}

.o-hero-container {
        background-image: url(https://brand.eonetwork.org/wp-content/uploads/Frame-527-3.png);
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center center;
        position: relative;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        text-align: center;
        padding: 20px;
        width: 100%;
        margin: -20px 0 25px 0;
        height: 550px;
        justify-content: flex-end;
    }

.l-hero-container {
        background-image: url(https://brand.eonetwork.org/wp-content/uploads/Image-1-1.png);
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center center;
        position: relative;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        text-align: center;
        padding: 20px;
        width: 100%;
        margin: -20px 0 25px 0;
        height: 550px;
        justify-content: flex-end;
    }

.mess-hero-container {
        background-image: url(https://brand.eonetwork.org/wp-content/uploads/communication-hero-2.png);
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center center;
        position: relative;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        text-align: center;
        padding: 20px;
        width: 100%;
        margin: -20px 0 25px 0;
        height: 550px;
        justify-content: flex-end;
    }


.q-hero-container {
        background-image: url(https://brand.eonetwork.org/wp-content/uploads/Group-1365-1.png);
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center center;
        position: relative;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        text-align: center;
        padding: 20px;
        width: 100%;
        margin: -20px 0 25px 0;
        height: 550px;
        justify-content: flex-end;
    }

.s-hero-container {
        background-image: url(https://brand.eonetwork.org/wp-content/uploads/Group-1372.png);
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center center;
        position: relative;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        text-align: center;
        padding: 20px;
        width: 100%;
        margin: -20px 0 25px 0;
        height: 550px;
        justify-content: flex-end;
    }


.o-hero-container2 {
        background-image: url(https://brand.eonetwork.org/wp-content/uploads/Image-1-1.png);
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center center;
        position: relative;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        text-align: center;
        padding: 20px;
        width: 100%;
        margin: -20px 0 25px 0;
        height: 550px;
        justify-content: flex-end;
    }



.asset-hub-hero {
        background-image: url(https://brand.eonetwork.org/wp-content/uploads/assethub.png);
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center center;
        position: relative;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        text-align: center;
        padding: 20px;
        width: 100%;
        margin: -20px 0 25px 0;
        height: 550px;
        justify-content: flex-end;
    }
.img-center {
    margin: 3rem auto;
    display: block;
}
.darkbluebg {
    background-color: #0C0C31;
    border-radius: 20px;
    padding: 2rem;
    color: #fff;
}
h3.protipwhite {color:#fff;}
p.green-bl-arrow {
    padding-left: 3rem;
    background: url(https://brand.eonetwork.org/wp-content/uploads/green-arrow-left.png);
    background-repeat: no-repeat;
}
p.red-bl-arrow {
    padding-left: 3rem;
    background: url(https://brand.eonetwork.org/wp-content/uploads/red-arrow-left.png);
    background-repeat: no-repeat;
}
/* home */
.hero-text p {font-family:'roboto';}
.curves {border-radius:20px;}

.blue-box {
    position: relative;
    background: url(https://brand.eonetwork.org/wp-content/uploads/arrow-texture-1.png) #3946f2;
    margin: 0 auto;
    /* background-blend-mode: inherit; */
    /* background: #3D46F2; */
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 20px;
    padding: 3rem;
    margin-bottom: 3rem;
    box-shadow: 12px 12px 0px #000;
}


h2.h2white {
  font-family:'roboto';
  color:#ffffff;
  padding:0px; margin:0px;
    text-align:left;
}
p.text-white {
  font-family:'roboto';
  color:#ffffff;
  padding:0px; margin:20px 0px 0px 0px;
}
.button-overlay {
    position: absolute;
    width: 300px;
    right: 2rem;
    bottom: -3rem;
}
.about-button-overlay {
    position: absolute;
    width: 350px;
    right: 7rem;
    bottom: -7rem;
}

.quick-links {
    font-size:24px;
    font-family:'roboto';
    font-weight:700;
    background:url(https://brand.eonetwork.org/wp-content/uploads/quick-link-bg.png) no-repeat;
    width:250px;
    position:absolute;
    top:-1rem;
padding:1.2rem 0rem;
    text-align:center;
    color:#fff;
background-size:250px;}

img.float {
    float: left;
    padding-right: 50px;
    width: 300px;
}
.image-wrapper {
    position: relative;
    width: 100%;
    max-width: 100%!important; 
    aspect-ratio: 4 / 3;
    overflow: hidden;
    border-radius: 20px;
    margin: 0 auto;
    height:260px;
}
.eo-full-img {
    width: 100%;
    height: 280px;
    object-fit: contain;
}
.good-img {
        top: 125px;
        left: 120px;
    }
.good-imagery-text {
    padding: 120px 175px 20px 150px;
    background-size: 95%;
}

.eo-bottom-space {margin-bottom:5rem;}

.photography-hero {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    padding: 20px;
    width: 100%;
    margin-bottom: 90px;
    background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)),  url('https://brand.eonetwork.org/wp-content/uploads/photo-hero.png') no-repeat center/cover;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    height: 444px;
}
.brandelement-hero {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    padding: 20px;
    width: 100%;
    margin-bottom: 90px;
    background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)),  url('https://brand.eonetwork.org/wp-content/uploads/brand-hero.png') no-repeat center/cover;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    height: 444px;
}
.photography-hero h2, .brandelement-hero h2,  .color-hero-container h2, .video-hero h2 {
    color: #fff;
    font-size: 46px;
    z-index: 1;
}
.photography-hero p, .brandelement-hero p,.color-hero-container p, .video-hero p {color:#fff; font-size:26px; left:0px;}

img.eo-image-200 {
    width: 100px !important;
    margin: 0 auto;
    object-fit: contain;
    height: auto;
}
.colcenter {
    align-content: center;
    /* text-align: center; */
    align-items: center;
}
.colcenter h4 {
    font-size: 1.2rem;
    font-weight: 700;
}
.photo-imagery-avoid {
    margin-left: 3rem;
}
.eo-image-200 {width:200px;height:200px;object-fit:cover;}
.typo-hero-container {
    height: 440px;
    top: 0px;
    background-color: #010127;
    background: url(https://brand.eonetwork.org/wp-content/uploads/Group-1348-1.png) center center no-repeat;
    background-size: cover;
}
.color-hero-container {
    height: 440px;
    top: 0px;
    background-color: #010127;
    background: url(https://brand.eonetwork.org/wp-content/uploads/color-banner-1.png) center center no-repeat;
    background-size: cover;
}
.color-item {gap: 20px;}

.color-hero-container2 {
    height: 440px;
    top: 0px;
    background-color: #010127;
    background: url(https://brand.eonetwork.org/wp-content/uploads/Group-1348.png) center center no-repeat;
    background-size: cover;
}
.pr-hero-container {
    height: 440px;
    top: 0px;
    background-color: #010127;
    background: url(https://brand.eonetwork.org/wp-content/uploads/Group-1351.png) center center no-repeat;
    background-size: cover;
}
/* .paddi {padding:1rem!important;} */
.k-hero-container {
    height: 440px;
    top: 0px;
    background-color: #010127;
    background: url(https://brand.eonetwork.org/wp-content/uploads/Group-1352.png) center center no-repeat;
    background-size: cover;
}


a.w-link {color:#fff;}
.color-item {gap: 20px;}
.flex60m {
    flex: 60%;
    margin-right: 0rem;
    align-self: center !important;
}


.core-values {
    max-width: 1140px;
    margin: 0 auto;
    padding: 20px;
    text-align: center;
}

.title {
    font-size: 2rem;
    color: #4A90E2;
    margin-bottom: 20px;
}

.values-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(450px, 1fr));
    gap: 20px;
    padding: 0;
  margin-top: 2rem;
}

.values-grid-2x2 {
    display: grid;
  grid-template-columns: 1fr 1fr;
	gap: 20px;
    padding: 0;
  margin-top: 2rem;
}

 


.value {
    text-align: left;
    display: flex;
    flex-direction: row;
    align-items: left;
}
.eo-icons {
    width: 500px;
    margin-right: 20px;
}
.value h2 {
    font-size: 1.5rem;
    color: #333;
    margin-bottom: 10px;
    text-align: left;
}

.value p {
/*     font-size: 1rem; */
    line-height: 1.5;
    color: #555;
    text-align: left;
}

/* @media (min-width: 480px) 
{
	img.overlay-book {
display:none;}
}
} */
/* Responsive Design */
@media (max-width: 768px) {
    .title {
        font-size: 1.8rem;
        margin-bottom: 15px;
    }
	img.overlay-book {
display:none;}
.col900a {
    padding: 0rem 1rem 0rem 1rem;
}

}
    .values-grid {
        grid-template-columns: 1fr;
        gap: 15px;
    }

    .value {
        padding: 15px;
      /*display: table-column;*/
    }

    .value h2 {
        font-size: 1.3rem;
    }

    .value p {
/*         font-size: 0.9rem; */
    }
	
}
@media (max-width: 480px) {
    .title {
        font-size: 1.5rem;
    }

	
    .value {
        padding: 10px;
      display: table-column;

    }

    .value h2 {
        font-size: 1.2rem;
    }

    .value p {
        font-size: 0.85rem;
    }

    .icon {
        width: 50px;
        height: 50px;
    }
}
ul {font-family:"Roboto";     margin-left: 20px !important;}
h2.text-white {
    color: #fff;
    text-align: left;
    margin-bottom: 2rem;
	font-size: 28px;
}
img.overlay-book {
    position: absolute;
    top: -50px;
    right: -50px;
}
li.nobl {list-style:none;}
/* Mobile Vertion */
@media screen and (max-width: 720px) {
    /* General Layout Adjustments */
  .eorowimg {
    display: table-row;
}
	
.values-grid-2x2a {
    display: grid;
    grid-template-columns: 1fr!important;
    gap: 2rem!important;
    padding: 0;
    margin: 2rem auto!important;
	width:90%;
	
}	
	
	
	
	
  h3.innerbox {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 600;
    font-size: 26px;
    line-height: 130%;
    text-align: center;
    padding: 10px 0px;
    margin: 0px;
    width: 95%;
}
.paddi {padding:1rem!important;}
  .eorow2 {
    position: relative;
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    opacity: 1;
    background-color: #0000;
    flex-flow: column;
    flex: none;
    order: 0;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    justify-content: center;
    align-self: center;
    align-items: flex-start;
    margin: 0rem auto 0rem 0rem;
    display: flex;
    /* border: 1px solid red; */
}
  h3.protipwhitewbg {color:#fff;}
  .col900, .flex60 {padding:1rem;}
  .bot-space {margin-bottom:2rem;}
    .inner-quick h3 {text-align:center;}
    .inner-quick img {margin:0 auto;display:block; width:100px;}
    .eorow {
        display: flex;
        flex-direction: column;
        gap: 1rem;
        margin: 1rem auto;
        padding: 0;
        width: 95%;
    }
    .col {
        width: 100%;
    }
    .flex60 {
        margin-right: 0;
    }

    /* Card Styles */
    .grey-card {
        background: #EEEEFC;
        padding: 2rem;
        height: auto;
        flex-direction: column-reverse;
        width: 100%;
    }
    .card-right-img {
        width: 100%;
        max-width: 586px;
        height: auto;
        max-height: 390px;
        border-radius: 20px;
    }
    .card-left-text {
        width: 100%;
        max-width: 300px;
        margin-left: 0;
    }
    .card-with-bg-doublebox {
        background-image: none;
        height: auto;
    }

    /* Buttons */
    .blue-button,
    .green-button,
    .orange-button,
    .red-button {
        margin-bottom: 1rem;
        width: 100%;
    }

    /* Typography */
    h1 {
        font-size: 38px;
        margin: 0;
        padding: 0;
    }

    /* Image Adjustments */
    .col-top-image {
        width: 100%;
        height: auto;
        max-height: 356px;
        margin-bottom: 0;
    }
    .eomob {
        width: 130%;
    }
.eo-flex {
    DISPLAY: block;
}
    /* Box and Container Styles */
    .blue-box {
        position: relative;
        margin: 0 auto;
        border: 1px solid rgba(255, 255, 255, 0.1);
        border-radius: 20px;
        padding: 3rem;
        margin-bottom: 2rem;
    }
    .center-content {
        margin: 0;
    }

    /* Positioning */
    .position-bottom {
        margin-top: 220px;
    }

    /* Responsive Iframe */
    iframe {
        width: 100%;
        height: auto;
    }
    .photo-specifics {margin-top:4rem;}
    .photography-hero p {        text-align: center;
        display: block;
        margin: 0 auto;}
.good-imagery-text {
    padding:4px 1rem 6rem 1rem;
    background-size: 0%;
}
    .about-button-overlay {width:100%;
right:0;
			    margin:0 auto;
	bottom:0rem;
			text-align: center;}
}		</style>
		
<!-- START - Open Graph and Twitter Card Tags 3.3.3 -->
 <!-- Facebook Open Graph -->
  <meta property="og:locale" content="en_US"/>
  <meta property="og:site_name" content="EO Brand Guidelines"/>
  <meta property="og:title" content="Some Useful Links for You to Get Started"/>
  <meta property="og:url" content="https://brand.eonetwork.org/welcome-to-cloudways/"/>
  <meta property="og:type" content="article"/>
  <meta property="og:description" content="It seems like you’re running a default WordPress website. Here are a few useful links to get you started:

Migration

        How to use WordPress Migrator Plugin?
        Migrate WordPress from Siteground to Cloudways
        Migrate WordPress from GoDaddy to Cloudways


General

        How do I t"/>
  <meta property="og:image" content="https://brand.eonetwork.org/wp-content/uploads/updated-logo-site-preview.jpg"/>
  <meta property="og:image:url" content="https://brand.eonetwork.org/wp-content/uploads/updated-logo-site-preview.jpg"/>
  <meta property="og:image:secure_url" content="https://brand.eonetwork.org/wp-content/uploads/updated-logo-site-preview.jpg"/>
  <meta property="article:published_time" content="2017-08-30T12:54:52+00:00"/>
  <meta property="article:modified_time" content="2017-08-30T12:54:52+00:00" />
  <meta property="og:updated_time" content="2017-08-30T12:54:52+00:00" />
  <meta property="article:section" content="Uncategorized"/>
  <meta property="article:publisher" content="https://www.facebook.com/EntrepreneursOrganization"/>
 <!-- Google+ / Schema.org -->
 <!-- Twitter Cards -->
  <meta name="twitter:title" content="Some Useful Links for You to Get Started"/>
  <meta name="twitter:url" content="https://brand.eonetwork.org/welcome-to-cloudways/"/>
  <meta name="twitter:description" content="It seems like you’re running a default WordPress website. Here are a few useful links to get you started:

Migration

        How to use WordPress Migrator Plugin?
        Migrate WordPress from Siteground to Cloudways
        Migrate WordPress from GoDaddy to Cloudways


General

        How do I t"/>
  <meta name="twitter:image" content="https://brand.eonetwork.org/wp-content/uploads/updated-logo-site-preview.jpg"/>
  <meta name="twitter:card" content="summary_large_image"/>
 <!-- SEO -->
 <!-- Misc. tags -->
 <!-- is_singular -->
<!-- END - Open Graph and Twitter Card Tags 3.3.3 -->
	


<style>/*
.hero-banner-wp {
    background-color: #3239CB;
}

.hero-banner-wp .explainer {
    text-align: center;
    padding: 2.9rem 2.4rem 2.4rem 2.4rem;
}

.hero-banner-wp .explainer p.byline {
    color:#fff;
}

.hero-header {
  font-weight: 300;
    color:#fff;
  line-height: 1.4;
  font-family: 'advertaSTD-regular', sans-serif;
  font-size: 2.250rem;
}


.event--hero.comp-1 .deck {
    margin: 130px 0px 60px 0px;
}

.white {
    color: #ffffff !important;
}

.midnight-background {
    background-color: #0c0c31;
    padding: 1rem;
    margin-bottom: 1rem;
    color: #ffffff !important;
    width: 100%;
border-radius: 4px;
}

.shadow {
    box-shadow: 5px 5px 6px #efefef;
    border: 1px solid #efefef;
}

.less-small {
    font-size: 1.25rem;
}

.green {
color: #31AB8E
}

.lt-blue-pnl {
    background-color: #A3A7E4;
}

.blue-pnl {
    background-color: #3239CB;
}

.dk-blue-pnl {
    background-color: #1D007F;
}

.lt-red-pnl {
    background-color: #FEA5BD;
}

.red-pnl {
    background-color: #FF346E;
}

.dk-red-pnl {
    background-color: #A32246;
}

.lt-orange-pnl {
    background-color: #F9C6BE;
}

.orange-pnl {
    background-color: #F3836F;
}

.dk-orange-pnl {
    background-color: #9B5348;
}

.lt-yellow-pnl {
    background-color: #F7E7B1;
}

.yellow-pnl {
    background-color: #EECB48;
}

.dk-yellow-pnl {
    background-color: #958348;
}

.lt-green-pnl {
    background-color: #A4D8CC;
}

.green-pnl {
    background-color: #31AB8E;
}

.dk-green-pnl {
    background-color: #216D5B;
}

.lt-grey-pnl {
    background-color: #B7B8C3;
}

.grey-pnl {
    background-color: #5E617D;
}

.dk-grey-pnl {
    background-color: #3C3E50;
}

.midnight-blue-pnl {
    background-color: #0C0C31;
border: solid 1px #5E617D;
}

.color-panel {
padding: 1rem;
height: 3rem;
width: 100%;
color: #fff;
border-radius: 10px;
text-align: center;
min-height: 95px;
}

   .dont-panel {
   width: 100%;
   padding: 1rem 1rem 0 1rem;
   margin: 1rem;
   border: solid 1px blue;
    border: 1px solid #efefef;
min-height: 213px;
border-radius: 4px;
   }

   .dont-panel img {
     width:100%;
     margin: 0;
   }

   .dont-text-cont {
   width: 100%;
   }

.dont-text-cont p {
margin: 0 0 0 .7rem;
}

.dark-backing {
  background-color: #0c0c31;
    padding: 2rem;
    margin-bottom: 1rem;
    width: 100%;
border-radius: 4px;
}

.light-backing {
    padding: 2rem;
    margin-bottom: 1rem;
    width: 100%;
border: solid 1px #efefef;
border-radius: 4px;
}

.img-ctr {
display: block;
margin-right: auto;
margin-left: auto;
}

.logo-hdr {
text-align: center;
font-size: 1.2rem;
color: #5e617d;
margin-bottom: 5rem;
    margin-top: 1rem;
}

.logo-hdr-2 {
text-align: center;
font-size: 1.2rem;
color: #5e617d;
margin-bottom: 2rem;
    margin-top: 1rem;
}

.chapter-logo-fix {
margin-top: 3rem;
}

.hack-fix-a {
padding-right: 3rem;
}

.social-container {
padding: 1rem;
width: 100%;
}

.social-content {

}

.pro-con {
 text-align: center;
margin-bottom: .4rem
}

.lang-button {
  background: #3239cb;
  border: 1px solid #ffffff;
  border-radius: 1000px !important;
  padding: 15px 40px;
  color: #ffffff !important;
  display: inline-block;
  text-align: center;
  min-width: 93%;
  margin: .3rem .2rem 1.5rem .2rem;
}

.kit-pnl {
padding: 2rem 3rem 0 3rem;
width: 22.5rem;

}

.card-content .kit-pnl {
padding: 1rem 1rem 0 1rem;
width: 100%;
margin-bottom: 1rem;
}

.card-content .small-centered p {
display: none;
}

.tool-head {
text-align: center !important;
font-size: 2rem;
display: inline-block;
margin: 0 auto 0 auto;
}

.card-content .kit-pnl .tool-head {
font-size: 1.3rem;
margin: 0 auto 5px auto;
}


.tool-button {
    border: 3px solid #ffffff;
    font-size: .75rem;
    border-radius: 1000px !important;
    padding: .5rem 3rem;
    color: #ffffff !important;
    display: inline-block;
    text-align: center;
    margin: 1rem;
}

.card-content .tool-button {
padding: .5rem 1rem;
margin: 10px 0 0px 0;
}

.centered {
text-align: center !important;
}

@media only screen and (max-width: 475px) {
h1.page-title {
font-size: 2rem !important;
}

.top-bar.expanded .top-bar-section ul,
  .logged-in .top-bar.expanded .top-bar-section ul {
    background: #3239CB !important;
    padding: 90px 10px;
    height: 100vh;
  }

.top-bar .title-area {
    z-index: 0;
}

.top-bar-section ul li .js-generated {
    display: block !important;
    position: absolute;
    top: -3px;
    left: 0;
}

.top-bar-section ul li .js-generated a {
    background: #0C0C31 !important;
}

.top-bar-section .has-dropdown>a:after {
    content: url(/wp-content/themes/eo-2020-child/images/mobile-menu-arrow.png);
    position: absolute;
    display: inline-block;
    top: 20px !important;
    height: 20px;
    width: 12px;
    border: none;
    right: 15px;
  }



::selection {
  background: #A3A7E4 !important; 
}
::-moz-selection {
  background: #A3A7E4 !important; 
}
.button {
    padding: 16px 45px !important;
    letter-spacing: 1.1px;
    font-size: 0.875rem !important;
}

.button.dark {
    width: auto;
}

.button.hollow {
    background-color: #fff;
    border: 2px solid #FF3463;
    color: #FF3463 !important;
}
a.button.hollow:hover {
    color: #FF3463 !important;
}
a.button.dark.hollow {
    background-color: #fff;
    border: 2px solid #3239CB;
    color: #3239CB !important;
}
a.button.dark.hollow:hover {
    color: #3239CB !important;
}

a.button.hollow:hover {
    opacity: 0.5;
}

@media only screen and (max-width: 40.063em) {
    .button, .button.dark {
        width: 100%;
    }                                 
}

a:active {
    color: #FF3463 !important;
}

.ms-rtestate-field p, p.ms-rteElement-P {
    margin: 20px 0px 30px 0px;
 }

p a, p a:visited {
    color: #FF3463;
}

p a:active, p a:hover {
    color: #3239CB;
}

.row.space {
    margin-top: 60px;
}

.row.expander {
    max-width: 100%;
}

hr {
    border: 2px solid #A0A7D5;
    opacity: 0.5;
}

#eonavigation {
    box-shadow: 0 4px 15px 0 rgba(0, 0, 0, 0.10) !important;
    background-color: #fff !important;
}

.ms-rtestate-field h2, h2.ms-rteElement-H2, h2 {
    font-weight: 900;
    color: #040D3B; 
}

h2.primary {
    color: #3239CB;
}

h2.secondary {
    color: #5E617D;
}

.ms-rtestate-field h3, h3.ms-rteElement-H3, h3 {
    color: #676E89;
}

.ms-rtestate-field h4, h4.ms-rteElement-H4, h4 {
    color: #676E89;
}

.ms-rtestate-field h6, h6.ms-rteElement-H6, h6 {
    letter-spacing: 1px; 
    color: #5E617D;
    font-weight: 400;
}

.read a {
    color: #0C0C31 !important;
    padding-bottom: 5px;
    border-bottom: 3px solid #3239CB;
    font-size: 16px;
    font-weight: bold; 
    letter-spacing: 1px;
    margin: 5px 0px 15px 0px;
    text-decoration: none;
}

.read a:hover {
    border-bottom: 3px solid #FF3463;

}

.rightmainDivBorderinner {
    display: none !important;
}

.rightmainDivBorder:before {
    bottom: 0px;
}

.start-content {
    margin-top: -50px;
}

@media only screen and (max-width: 40.063em) {
    .start-content {
        margin-top: 30px;
    }                                 
}


.mobile-indicator {
    background-color: #FF3463;
    text-align: center;
    color: #fff;
    width: 100%;
    padding: 15px 3px;
}

.mobile-indicator h5 {
    color: #fff;
    font-weight: bold; 
    letter-spacing: 0.88px;
}



.hero-banner {
    margin-top: -65px;
}

.hero-banner.primary {
    background-color: #5E617D;
}

.hero-banner.secondary {
    background-color: #3239CB;
}

.hero-banner .explainer {
    text-align: center;
    padding: 50px 0px 150px 0px;
}

.hero-banner .explainer p.byline {
    color:#fff;
}

.hero-banner .explainer h3 {
    color:#fff;
}

.hero-banner.with-image {
    background-position: center center;
    background-repeat: no-repeat;
    min-height: 430px;
    background-size: cover;
}

@media only screen and (max-width: 40.063em) {
    .hero-banner .explainer {
        padding: 20px 0px 25px 0px;
    }                                 
}


.callout-panel {
    background-color: #3239CB;
    text-align: center;
    color: #fff;
    padding: 40px 20px;
    margin: 20px;
}

.callout-panel .fa {
    color: #fff;
    font-size: 70px;
    margin: 20px 0px;
}

.callout-panel h3 {
    color: #fff;
}

.callout-panel p {
    color: #fff;
    font-weight: 100;
}

.callout-panel .button {
    border: 2px solid #fff;
    background-color: rgba(255, 255, 255, 0.0);
}

.callout-panel .button:hover, .callout-panel .button:focus  {
    border: 2px solid #fff;
    background-color: #fff;
}

.callout-panel.primary .button:hover {
    color: #3239CB !important;
}

.callout-panel.secondary .button:hover {
    color: #5E617D !important;
}
.callout-panel.tertiary .button:hover {
    color: #FF3463 !important;
}
.callout-panel.primary {
    background-color: #3239CB;
}

.callout-panel.secondary {
    background-color: #5E617D;
}

.callout-panel.tertiary {
    background-color: #FF3463;
}




.card-container {
    
    padding: 50px 0px;
}

.content-card {
    background: #FFFFFF;
    box-shadow: 0 12px 30px 0 rgba(94,97,125,0.14);
    border-radius: 6px;
    max-width: 380px;
    margin: 0 auto; 
    display: block;
    transform: scale(1.00);
    transition: all .3s;
}

.content-card.simpler {
    box-shadow: none;

}

.content-card.simple {
    box-shadow: none;
    border: 2px solid #F0F0F5;
}

.content-card:hover {
    transform: scale(1.02);
    transition: all .3s;
    cursor: pointer;
}

.content-card a, .content-card a:hover {
    text-decoration: none;
}

.content-card img {
    border-radius: 6px 6px 0px 0px;
}

.content-card h5 {
    font-weight: 700;
}

.content-card p {
    color: #5E617D;
    font-size: 14px;
    line-height: 22px;
}

.content-card p.byline {
    color: #5E617D;
    letter-spacing: 0.67px;
    font-size: 16px;
    font-weight: 400;
}

.content-card p.bar {
    width: 100%;
    background-color: #3239CB;
    padding: 14px;
    color: #fff;
    font-size: 14px;
    margin: 0px;
}

.content-card p.bar.primary {
    background-color: #FF3463;
}

.content-card p.bar.secondary {
    background-color: #3239CB;
}

.content-card .read {
    text-align: right;  
}

.content-card .read a:hover {
    border: none;  
}

.content-card .card-content {
    padding: 20px 15px;
}


.big-image img {
    margin: 40px 0px;
}

.big-image .image-explainer {
    margin: 0;
    position: absolute;
    top: 50%;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    padding: 0px 50px; 
    max-width: 600px;
}

.big-image .image-explainer.righty {
    text-align: right; 
}

.big-image .image-explainer.lefty {
    text-align: left; 
}

@media only screen and (max-width: 40.063em) {
    .big-image .image-explainer {
        margin: 0;
        position: relative;
        top: 0px;
        -ms-transform: none;;
        transform: none;;
        padding: 0px 50px; 
        max-width: 600px;
    }       
    .big-image .image-explainer.righty, .big-image .image-explainer.lefty {
        text-align: center;
    }                         
}


ul.list-check li:before {
  content: "\f00c"; 
  font-family: FontAwesome;
  display: inline-block;
  margin-left: -1.3em;
  width: 1.3em;
}

ul.list-check.primary li:before {
  color: #FF346E;
}
ul.list-check.secondary li:before {
  color: #3239CB;
}




.accordion {
    margin-bottom: 0;
}
.accordion:after,
.accordion:before {
    content: " ";
    display: table;
}
.accordion dd {
    display: block;
    margin-bottom: 0 !important;
}
.accordion dd > a {
    color: #222;
    padding: 2rem;
    display: block;
    font-size: 1rem;
}
.accordion dd > a:hover {
    background: #3239CB;
    color: #fff;
}
.accordion dd > a:hover span {
    color: #fff;
}
.accordion dd > a:hover .fa {
    color: #fff;
}

.accordion .content {
    display: none;
    padding: 0.9375em;
}
.accordion .content.active {
    display: block;
    background: #fff;
}

.tabs dd {
    border-top: 1px solid #3239CB;
    border-right: 1px solid #3239CB;
}
.accordion-navigation {
    border-top: 1px solid #A0A7D5;
    border-right: none;
}
.accordion,
.accordion-navigation.active .accordian-title,
.tabs dd {
    border-bottom: 1px solid #A0A7D5;
}
.tabs dd:first-child {
    border-left: 1px solid #3239CB;
}
.accordion-navigation {
    border-left: none;
}
.accordion {
    margin-top: 20px;
}
.accordion dd > a {
    background: 0 0;
}
.accordion-navigation.active .accordian-title {
    background: #3239CB;
    color: #fff;
}
.accordian-title {
    background-color: #ccc;
}
.accordian-title .fa {
    color: #A0A7D5;
    font-size: 40px;
    top: 50%;
    float: right;
    margin-top: -10px;
}
.accordian-title span {
    color: #0C0C31;
    font-size: 0.9rem;
    font-weight: 400;
}
.accordion-navigation.active .accordian-title span {
    color: #fff;
}
.accordion-navigation.active .accordian-title .fa {
    color: #fff;
}
dd.accordion-navigation .fa-angle-up {
    display: none;
}
dd.accordion-navigation .fa-angle-down,
dd.accordion-navigation.active .fa-angle-up {
    display: block;
}
dd.accordion-navigation.active .fa-angle-down {
    display: none;
}
.tabs-content {
    border: 1px solid #3239CB;
}
.tabs dd.active {
    border-bottom: 1px solid #fff;
}
.tabs-content .content {
    padding-left: 1.25em;
    padding-right: 1.25em;
}
.tabs:after,
.tabs:before {
    content: " ";
    display: table;
}
.tabs dd {
    position: relative;
    top: 1px;
    float: left;
}
.tabs dd > a {
    display: block;
    background: #3239CB;
    color: #fff;
    font-size: 1rem;
    font-weight: 400;
    padding: 25px 35px;
}
.tabs dd > a:hover {
    background: #5E617D;
}
.tabs dd.active a {
    background: #fff;
    color: #0C0C31;
}
.tabs.radius dd:first-child a {
    -moz-border-radius-bottomleft: 3px;
    -moz-border-radius-topleft: 3px;
    -webkit-border-bottom-left-radius: 3px;
    -webkit-border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
    border-top-left-radius: 3px;
}
.tabs.radius dd:last-child a {
    -moz-border-radius-bottomright: 3px;
    -moz-border-radius-topright: 3px;
    -webkit-border-bottom-right-radius: 3px;
    -webkit-border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
    border-top-right-radius: 3px;
}
.tabs.vertical dd {
    position: inherit;
    float: none;
    display: block;
    top: auto;
}
.tabs-content {
    margin-bottom: 1.5rem;
    width: 100%;
}
.tabs-content:after,
.tabs-content:before {
    content: " ";
    display: table;
}
.tabs-content > .content {
    display: none;
    float: left;
    width: 100%;
}
.tabs-content.vertical,
.tabs-content > .content.active,
ul.pagination,
ul.pagination li {
    display: block;
}
.tabs-content > .content.contained {
    padding: 0.9375em;
}
.tabs-content.vertical > .content {
    padding: 0 0.9375em;
}
@media only screen and (min-width: 40.063em) {
    .tabs.vertical {
        width: 20%;
        float: left;
        margin-bottom: 1.25rem;
    }
    .tabs-content.vertical {
        width: 80%;
        float: left;
        margin-left: -1px;
    }
}


.secondary-nav .nav-bar:after {
    content: '';
    position: absolute;
    width: var(--left-menu-border-size);
    top: 0px;
    height: 100%;
 background:var(---persian-blue);;
    right: var(--left-menu-margin-right);
    border-radius: 5px;
    z-index: 0;
}
#eoLeftNavigation h4 {
 color:var(---persian-blue);
    margin: 20px -100px 20px 10px;
    padding: 0px;
    width: 100%;
    position: relative;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 20px;
    line-height: 24px;
}
.secondary-nav .nav {
    margin-top: 0px;
    background: none;
    border-left: none;
    border-bottom: none;
    border-top: none;
    text-align: right;
    margin-right: 25px;
    border-right: none;
    padding: 0px;
}
.secondary-nav .nav-bar li {
    background: none repeat scroll 0 0 #fff;
    border-top: none;
    border-left: none;
    border-right: none;
    border-bottom: 1px solid #ddd;
}
.secondary-nav .nav-bar.vertical > li.active {
    border-right: none;
}
.secondary-nav .nav-bar.vertical li {
    border-bottom: none;
    position: relative;
    z-index: 9;
}
.secondary-nav .nav-bar.vertical > li:last-child {
    border-bottom: none;
}
.secondary-nav .nav-bar > li > a {
    font-size: 1.000rem;
    display: block;
    color: var(--dark-indigo);
    text-align: right;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 2.39;
    letter-spacing: -0.43px;
    padding-right: var(--left-menu-padding-right);
    text-transform: uppercase;
    line-height: 22px;
    margin-bottom: 16px;
}
.secondary-nav .nav-bar ul {

    margin: -12px 0px 20px 0px;
}
.secondary-nav ul {
    list-style-type: none;
    margin-left: 0;
    padding-right: 0px;
    position: relative;
    padding: 4px 0px;
}
.secondary-nav .nav-bar ul li {
    list-style-type: none;
    display: block;
}
.secondary-nav .nav-bar ul li a {
    font-size: 0.875rem;
    background: #ffffff;
    display: block;
    color: var(--dark-indigo);
    text-align: right;
    line-height: 2.39;
    letter-spacing: -0.43px;
    font-weight: normal;
    padding-right: var(--left-menu-padding-right);
}
.secondary-nav .nav-bar li.active a {
    color: #acbde3;
    border-right: var(--left-menu-border-size) solid var(--neutral-blue-bell);
    margin-right: var(--left-menu-margin-right);
}
.secondary-nav .nav-bar li a:hover {
    color: #acbde3;
    border: none;
    border-right: var(--left-menu-border-size) solid var(--neutral-blue-bell);
    margin-right: var(--left-menu-margin-right);
}
.secondary-nav .nav-bar ul li a:hover {
    color: #acbde3;
    border-right: var(--left-menu-border-size) solid var(--neutral-blue-bell);
    margin-right: var(--left-menu-margin-right);
}
.social .circle:hover {
    background-color: #363636;
    transition: background-color 1s ease 0s;
}

html, body { overflow: inherit; }



*/</style>


</head>

<body class="post-template-default single single-post postid-4 single-format-standard">

<!-- Google Tag Manager (noscript) -->
<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-PT8DNTGL"
height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
<!-- End Google Tag Manager (noscript) -->


  <div id="header" class="main-header">
    <div class="row expander site-identity">

        <div class="large-9 medium-9 small-12 columns logo-wrapper">

            <div id="eo-logo">

                <h1 class="logo show-for-medium-up"> <a href=" https://brand.eonetwork.org "> <img src="/wp-content/uploads/Roboto_Updated-Logos_RGB-300ppi_Wordmark_Primary.png" width="200" alt="Entrepreneurs' Organization"> </a> </h1>

                <h1 class="logo show-for-small"> <a href=" https://brand.eonetwork.org "> <img src="/wp-content/uploads/Roboto_Updated-Logos_RGB-300ppi_Wordmark_Primary.png" width="58" alt="Entrepreneurs' Organization"> </a> </h1>

            </div>

        </div>
  
        <div class="large-3 medium-3 columns utility-wrapper">
          
          <a href="https://member.eonetwork.org/why-join/apply-for-membership-form?__hstc=204726863.6cff74b768384c5c847ea503663c1e0c.1730981702729.1731008820105.1731098246564.3&amp;__hssc=204726863.2.1731098246564&amp;__hsfp=394787271" class="apply-btn">Apply today</a>
        </div>

          <div class="mega-menu">
              <div class="grid dashboardLi"><a class="mega-menu-grid" href="#"></a></div>
          </div>
        </div>
                <nav class="top-bar" data-topbar>
        <ul class="title-area">
          <div align="center">
            <li class="toggle-topbar menu-icon"><a href="#"></a></li>
          </div>
        </ul>
        <section class="top-bar-section small-12 columns">
          <div class="mobile-nav-wrapper">
                        <ul id="menu-correct-menu" class=""><li id="menu-item-517" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-home menu-item-517"><a href="https://brand.eonetwork.org/">Welcome</a></li>
<li id="menu-item-2290" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-2290"><a href="https://brand.eonetwork.org/about-our-brand/">About</a></li>
<li id="menu-item-188" class="clicked menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-188 has-dropdown"><a href="#">Brand Guidelines</a>
<ul class="dropdown">
	<li id="menu-item-162" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-162"><a href="https://brand.eonetwork.org/logo/">EO Logos + Usage</a></li>
	<li id="menu-item-3435" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-3435"><a href="https://brand.eonetwork.org/messaging-framework/">Messaging Framework</a></li>
	<li id="menu-item-177" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-177"><a href="https://brand.eonetwork.org/color/">Color</a></li>
	<li id="menu-item-2286" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-2286"><a href="https://brand.eonetwork.org/typography/">Typography</a></li>
	<li id="menu-item-2287" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-2287"><a href="https://brand.eonetwork.org/videography/">Videography</a></li>
	<li id="menu-item-2669" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-2669"><a href="https://brand.eonetwork.org/photography/">Photography</a></li>
	<li id="menu-item-2667" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-2667"><a href="https://brand.eonetwork.org/asset-hub/">Asset Hub</a></li>
	<li id="menu-item-3068" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-3068"><a href="https://brand.eonetwork.org/email-templates/">Email</a></li>
	<li id="menu-item-2653" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-2653"><a href="https://brand.eonetwork.org/social/">Social Media</a></li>
	<li id="menu-item-431" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-431"><a href="https://brand.eonetwork.org/swag-guidelines/">Branded EO Merchandise</a></li>
</ul>
</li>
<li id="menu-item-2668" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-2668 has-dropdown"><a href="#">Brand Resources</a>
<ul class="dropdown">
	<li id="menu-item-1426" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1426"><a href="https://brand.eonetwork.org/brand-elements/">Brand Elements</a></li>
	<li id="menu-item-2685" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-2685"><a href="https://brand.eonetwork.org/brand-templates/">Brand Templates</a></li>
	<li id="menu-item-2289" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-2289"><a href="https://brand.eonetwork.org/sub-brands/">Sub-brands</a></li>
</ul>
</li>
<li id="menu-item-2670" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-2670"><a href="https://brand.eonetwork.org/chapter-resources/">Chapter Resources</a></li>
<li id="menu-item-2671" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-2671 has-dropdown"><a href="#">Language Services</a>
<ul class="dropdown">
	<li id="menu-item-3686" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-3686"><a href="https://brand.eonetwork.org/language-services/">Language Services</a></li>
	<li id="menu-item-3687" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-3687"><a href="https://brand.eonetwork.org/translation-style-guide/">Translation Style Guide</a></li>
</ul>
</li>
</ul>
            <a href="https://www.eonetwork.org/why-join/apply-for-membership/"><button class="nav-cta">APPLY FOR MEMBERSHIP</button></a>
          </div>
        </section>
      </nav>
    </div>
    <div class="main-nav">

        <div id="eo-navigation" class="contain-to-grid ">

            <nav class="top-bar" data-topbar>

                <ul class="title-area">

                    
                    <div align="center">

                        <li class="toggle-topbar menu-icon"><a href="#"></a></li>

                    </div>

                </ul>

                <section class="top-bar-section">
                  <div class="top-bar-section-wrapper">
                    <ul id="menu-correct-menu-1" class=""><li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-home menu-item-517"><a href="https://brand.eonetwork.org/">Welcome</a></li>
<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-2290"><a href="https://brand.eonetwork.org/about-our-brand/">About</a></li>
<li class="clicked menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-188 has-dropdown"><a href="#">Brand Guidelines</a>
<ul class="dropdown">
	<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-162"><a href="https://brand.eonetwork.org/logo/">EO Logos + Usage</a></li>
	<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-3435"><a href="https://brand.eonetwork.org/messaging-framework/">Messaging Framework</a></li>
	<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-177"><a href="https://brand.eonetwork.org/color/">Color</a></li>
	<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-2286"><a href="https://brand.eonetwork.org/typography/">Typography</a></li>
	<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-2287"><a href="https://brand.eonetwork.org/videography/">Videography</a></li>
	<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-2669"><a href="https://brand.eonetwork.org/photography/">Photography</a></li>
	<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-2667"><a href="https://brand.eonetwork.org/asset-hub/">Asset Hub</a></li>
	<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-3068"><a href="https://brand.eonetwork.org/email-templates/">Email</a></li>
	<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-2653"><a href="https://brand.eonetwork.org/social/">Social Media</a></li>
	<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-431"><a href="https://brand.eonetwork.org/swag-guidelines/">Branded EO Merchandise</a></li>
</ul>
</li>
<li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-2668 has-dropdown"><a href="#">Brand Resources</a>
<ul class="dropdown">
	<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1426"><a href="https://brand.eonetwork.org/brand-elements/">Brand Elements</a></li>
	<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-2685"><a href="https://brand.eonetwork.org/brand-templates/">Brand Templates</a></li>
	<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-2289"><a href="https://brand.eonetwork.org/sub-brands/">Sub-brands</a></li>
</ul>
</li>
<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-2670"><a href="https://brand.eonetwork.org/chapter-resources/">Chapter Resources</a></li>
<li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-2671 has-dropdown"><a href="#">Language Services</a>
<ul class="dropdown">
	<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-3686"><a href="https://brand.eonetwork.org/language-services/">Language Services</a></li>
	<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-3687"><a href="https://brand.eonetwork.org/translation-style-guide/">Translation Style Guide</a></li>
</ul>
</li>
</ul>
                    <!-- <a href="https://www.eonetwork.org/why-join/apply-for-membership/"><button class="nav-cta">APPLY FOR MEMBERSHIP</button></a> -->
                  </div>
                </section>

            </nav>

        </div>

    </div>
<div id="eo-logo" class="eo-mobile-logo">

    <h1 class="logo show-for-small"> <a href=" https://brand.eonetwork.org "> <img src="/wp-content/uploads/Roboto_Updated-Logos_RGB-300ppi_Workmark_Inverted-Primary.png" width="58" alt="Entrepreneurs' Organization"> </a> </h1>
</div>
<div id="to-top"></div><div id="content">
  <div id="inner-content" class="row clearfix">
    <div id="main" class="large-8 medium-8 columns first clearfix" role="main">
            <article id="post-4" class="clearfix post-4 post type-post status-publish format-standard hentry category-uncategorized" role="article" itemscope itemtype="http://schema.org/BlogPosting">
  <header class="article-header">
    <h1 class="entry-title single-title" itemprop="headline">
      Some Useful Links for You to Get Started    </h1>
    <p class="byline">
	Posted by <span class="author"><a href="https://brand.eonetwork.org/author/tech/" title="Posts by Michael" rel="author">Michael</a></span> on <time class="updated" datetime="2017-08-30" pubdate>August 30, 2017</time> -- <a href="https://brand.eonetwork.org/category/uncategorized/" rel="category tag">Uncategorized</a></p>	  </header>
  <section class="entry-content clearfix" itemprop="articleBody">
        <p>It seems like you’re running a default WordPress website. Here are a few useful links to get you started:</p>
<h2><span style="color: #000000;"><strong>Migration</strong></span></h2>
<ul>
<li><a href="https://support.cloudways.com/how-to-migrate-wordpress-to-cloudways/?utm_source=WordPress&amp;Staging&amp;Sites&amp;utm_medium=WP&amp;Staging&amp;utm_campaign=cloudways-wp" target="_blank" rel="noopener"><span style="color: #0000ff;">How to use WordPress Migrator Plugin?</span></a></li>
<li><a href="https://support.cloudways.com/siteground-to-cloudways-wordpress-migration/?utm_source=WordPress&amp;&amp;Sites&amp;utm_medium=WP&amp;&amp;utm_campaign=cloudways-wp" target="_blank" rel="noopener"><span style="color: #0000ff;">Migrate WordPress from Siteground to Cloudways</span></a></li>
<li><a href="https://support.cloudways.com/godaddy-to-cloudways-wordpress-migration/?utm_source=WordPress&amp;&amp;Sites&amp;utm_medium=WP&amp;&amp;utm_campaign=cloudways-wp" target="_blank" rel="noopener"><span style="color: #0000ff;">Migrate WordPress from GoDaddy to Cloudways</span></a></li>
</ul>
<h2><span style="color: #000000;"><strong>General</strong></span></h2>
<ul>
<li><a href="https://support.cloudways.com/how-do-i-take-my-website-live-from-cloudways/?utm_source=WordPress&amp;&amp;Sites&amp;utm_medium=WP&amp;&amp;utm_campaign=cloudways-wp" target="_blank" rel="noopener"><span style="color: #0000ff;"><span style="color: #0000ff;">How do I take my website live from Cloudways?</span></span></a></li>
<li><a href="https://support.cloudways.com/how-to-manage-wordpress-with-wp-cli/?utm_source=WordPress&amp;&amp;Sites&amp;utm_medium=WP&amp;&amp;utm_campaign=cloudways-wp" target="_blank" rel="noopener"><span style="color: #0000ff;">How to manage WordPress via WP-CLI on Cloudways?</span></a></li>
<li><a href="https://support.cloudways.com/how-to-setup-a-wordpress-multisite-on-cloudways/?utm_source=WordPress&amp;&amp;Sites&amp;utm_medium=WP&amp;&amp;utm_campaign=cloudways-wp" target="_blank" rel="noopener"><span style="color: #0000ff;">How to configure WordPress Multisite on Cloudways?</span></a></li>
<li><a href="https://support.cloudways.com/mysql-database-access-options/?utm_source=WordPress&amp;&amp;Sites&amp;utm_medium=WP&amp;&amp;utm_campaign=cloudways-wp" target="_blank" rel="noopener"><span style="color: #0000ff;">How to access your databases on Cloudways?</span></a></li>
</ul>
<h2><span style="color: #000000;"><strong>Performance</strong></span></h2>
<ul>
<li><a href="https://support.cloudways.com/breeze-wordpress-cache-configuration/?utm_source=WordPress&amp;&amp;Sites&amp;utm_medium=WP&amp;&amp;utm_campaign=cloudways-wp" target="_blank" rel="noopener"><span style="color: #0000ff;">How to install and configure Breeze WordPress cache plugin?</span></a></li>
<li><a href="https://support.cloudways.com/wordpress-cloudways-cdn/?utm_source=WordPress&amp;&amp;Sites&amp;utm_medium=WP&amp;&amp;utm_campaign=cloudways-wp" target="_blank" rel="noopener"><span style="color: #0000ff;">How to integrate CloudwaysCDN with your WordPress website?</span></a></li>
<li><a href="https://support.cloudways.com/how-to-configure-wp-rocket-plugin-wordpress/?utm_source=WordPress&amp;&amp;Sites&amp;utm_medium=WP&amp;&amp;utm_campaign=cloudways-wp" target="_blank" rel="noopener"><span style="color: #0000ff;">How to configure WP Rocket plugin for WordPress?</span></a></li>
</ul>
<h2><span style="color: #000000;"><strong>Security</strong></span></h2>
<ul>
<li><a href="https://support.cloudways.com/what-can-i-do-with-an-htaccess-file/?utm_source=WordPress&amp;&amp;Sites&amp;utm_medium=WP&amp;&amp;utm_campaign=cloudways-wp" target="_blank" rel="noopener"><span style="color: #0000ff;">What can I do with an .htaccess file?</span></a></li>
<li><a href="https://www.cloudways.com/blog/add-free-ssl-certificate-to-wordpress-websites/?utm_source=WordPress&amp;&amp;Sites&amp;utm_medium=WP&amp;&amp;utm_campaign=cloudways-wp" target="_blank" rel="noopener"><span style="color: #0000ff;">Add free SSL certificate to WordPress websites</span></a></li>
<li><a href="https://support.cloudways.com/how-to-set-up-sucuri-antivirus-website-monitoring/?utm_source=WordPress&amp;&amp;Sites&amp;utm_medium=WP&amp;&amp;utm_campaign=cloudways-wp" target="_blank" rel="noopener"><span style="color: #0000ff;">How to setup Sucuri on WordPress websites at Cloudways?</span></a></li>
</ul>
<h2><span style="color: #000000;"><strong>Email</strong></span></h2>
<ul>
<li><a href="https://support.cloudways.com/emailing-with-cloudways/?utm_source=WordPress&amp;&amp;Sites&amp;utm_medium=WP&amp;&amp;utm_campaign=cloudways-wp&amp;utm_campaign=cloudways-wp" target="_blank" rel="noopener"><span style="color: #0000ff;">Which email add-on should I use?</span></a></li>
<li><a href="https://support.cloudways.com/how-to-activate-rackspace-email-addon/?utm_source=WordPress&amp;&amp;Sites&amp;utm_medium=WP&amp;&amp;utm_campaign=cloudways-wp&amp;utm_campaign=cloudways-wp" target="_blank" rel="noopener"><span style="color: #0000ff;">How to activate Rackspace email addon?</span></a></li>
<li><a href="https://support.cloudways.com/how-to-activate-elasticemail-addon/?utm_source=WordPress&amp;&amp;Sites&amp;utm_medium=WP&amp;&amp;utm_campaign=cloudways-wp" target="_blank" rel="noopener"><span style="color: #0000ff;">How to activate the Elastic email add-on?</span></a></li>
</ul>
  </section>
  <footer class="article-footer">
    <p class="tags">
          </p>
  </footer>
  <error>
    <code>internal_server_error</code>
    <title><![CDATA[WordPress &amp;rsaquo; Error]]></title>
    <message><![CDATA[&lt;p&gt;There has been a critical error on this website.&lt;/p&gt;&lt;p&gt;&lt;a href=&quot;https://wordpress.org/documentation/article/faq-troubleshooting/&quot;&gt;Learn more about troubleshooting WordPress.&lt;/a&gt;&lt;/p&gt;]]></message>
    <data>
        <status>500</status>
    </data>
</error>
