@import url('https://fonts.googleapis.com/css?family=Montserrat:400,800');
@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;500;600;700&display=swap');

/* ALL PAGES */

.et-fixed-header #top-menu li a {
    font-size: 19px!Important;
}

.et_fixed_nav.et_show_nav #page-container {
    padding-top: 80px !Important;
}

.dtq-video-popup-wrap {
    margin-top: 25px;
}

.dummycss {
    top: 21px;
}

.sub-menu {
    top: 21px;
}

.et_pb_text_inner li {
    font-size:18px!Important;
    line-height: 1.6em;
}


/* 
h2, h3, h4, h5, h6 {
    color: #164d85!important;
    font-weight: 900!important;
}
 */


h1 { font-size: 40px!important;font-weight:600!important;}
h2 { font-size: 24px!important; line-height: 1.4em!important;font-weight:500!important;}
h3 { font-size: 19px!important; line-height: 1.4em!important; color: black!important;font-weight:500!important;}
h4 { font-size: 18px!important; line-height: 1.4em!important;font-weight:500!important;}
h5 { font-size: 14px!important; line-height: 1.4em!important;font-weight:500!important;}



p {
    font-size: 20px;
    line-height: 1.4em;
}

.caro-section-legalfinancial p,
.caro-section-nonprofit p,
.caro-section-technical p,
.caro-section-B2B p,
.caro-section-B2C p,
.caro-section-startups p,
.caro-section-consulting p,
.caro-section-ecommerce p {
    font-size: inherit; /* Revert font size to the default or inherit */
    line-height: inherit; /* Revert line height to the default or inherit */
}
/* MENUS */

#main-header {
background: linear-gradient(to bottom,  #e4edff 0%,#e9eaff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}


#top-menu-nav * {
    text-transform: uppercase;
}
.video-menu a::before {
    content: '';
    display: inline-block;
    width: 26px;
    height: 20px;
    margin-right: 7px;
    margin-top: -4px;
    background-image: url('/wp-content/uploads/2024/07/videoicon.jpg');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    vertical-align: middle; /* Optional: Adjust alignment */
}
.nav li ul {
    width: 380px;
}
#top-menu li li a {
    white-space: nowrap;
}
#top-menu li li a {
    padding: 6px 0px;
}
#top-menu-nav, #top-menu {
    line-height: 3em;
}
.et_header_style_left #et-top-navigation nav>ul>li>a,
.et_header_style_split #et-top-navigation nav>ul>li>a {
    font-size: 19px;
}
#et_top_search {
    display: none;
}


.et_pb_with_border .et_pb_text_inner h4 {padding-bottom:0px;}
.ragnar_tabs_berit_items .et_pb_blurb .et_pb_module_header {
    padding-top: 25px;
}
.ragnar_tabs_berit_navigation .active {
    border-bottom-color: #635fe9!important;
}
.et_pb_blurb_description ul {
    padding-bottom:10px!important;
}
.et_pb_blurb_description a {
	font-size: 15px;
    margin-left: 24px;
    padding: 6px 16px;
    border-radius: 24px;
    text-align: center;
    letter-spacing: 0.05em;
   	border: 2px solid #191748;
    padding: 6px 16px;
    border-radius: 24px;
    background-color: #4c7cd0;
}
.et_pb_blurb_description p {
	line-height:1.2em!important;
}
#page-container .et_pb_blurb_5.et_pb_blurb .et_pb_blurb_description a, 
#page-container .et_pb_blurb_0.et_pb_blurb .et_pb_blurb_description a, 
#page-container .et_pb_blurb_4.et_pb_blurb .et_pb_blurb_description a, 
#page-container .et_pb_blurb_6.et_pb_blurb .et_pb_blurb_description a, 
#page-container .et_pb_blurb_3.et_pb_blurb .et_pb_blurb_description a, 
#page-container .et_pb_blurb_2.et_pb_blurb .et_pb_blurb_description a, 
#page-container .et_pb_blurb_1.et_pb_blurb .et_pb_blurb_description a {
		font-family: inherit!important;
			color: #ffffff!important;
		}
.et_pb_blurb_0.et_pb_blurb p, .et_pb_blurb_3.et_pb_blurb p, .et_pb_blurb_2.et_pb_blurb p, .et_pb_blurb_4.et_pb_blurb p, .et_pb_blurb_1.et_pb_blurb p, .et_pb_blurb_5.et_pb_blurb p {
    margin-top: 11px;
}


.pricing-two-columns {
    display: flex; /* Aligns the two lists side by side */
    gap: 20px; /* Adds space between the two columns */
}

.pricing-two-columns ul {
    list-style: none; /* Removes bullet points */
    margin: 0; /* Removes default margins */
    padding: 0; /* Removes default padding */
}

.pricing-two-columns ul.left,.pricing-two-columns ul.right {
    text-align: left; /* Aligns text in the left column */
    width: 50%; /* Optionally set widths for consistent alignment */
}
.et_pb_blurb_description .pricing-right li, .et_pb_blurb_description .pricing-left li {
    line-height: 1.2em;
    margin-bottom: 20px;
}

/* "THE ... COMPANY"  */
.et_pb_text_inner-upper .et_pb_text_inner {
    margin-bottom: 0px;
}
.et_pb_text_inner-lower .et_pb_text_inner {
    margin-top: -50px;
}

/* INFO BOXES */
.two-column-text {
    display: flex;
    justify-content: space-between;
    margin-top: 20px;
}

.LRColumn {
    flex: 0 0 auto; /* Allow the column to size itself based on its content */
    margin-right:25px;
}
.right-column {
    flex: 1; /* Let this column take the remaining space */
}


.heading-bullets {
    list-style-type: disc; /* Default bullet style */
}

.LRColumn {margin-left:0px!important;}
.two-column-text .LRColumn .heading-bullets li{
    line-height: 8px;
    margin-bottom: 14px;
    font-weight: 600;
}
@media (max-width: 768px) {
    .two-column-text {
        display: block;
    }

    .two-column-text .LRColumn {
        padding: 0;
        margin-bottom: 20px; /* Add some spacing between columns */
    }
	.et_pb_text ul {
		padding-bottom: 0em;
	}    
	.two-column-text .LRColumn {
		padding: 0;
		margin-bottom: 0px;
	} 
	#left-area ul, .entry-content ul, .et-l--body ul, .et-l--footer ul, .et-l--header ul {
    list-style-type: disc;
    padding: 0 0 23px 0.25em;
    line-height: 13px;
}
	.heading-bullets {
        list-style-position: inside; /* Optional: position bullets inside the text */
    }

    .heading-bullets li::marker {
        font-size: 0.4em; /* Reduce bullet size */
    }   
    
    
    
}

/* 
.two-column-text .LRColumn {
    width: 100%;
}
 */

/* 
@media screen and (max-width: 1119px) {
    .et_pb_row .et_pb_column.et-last-child, 
    .et_pb_row .et_pb_column:last-child, 
    .et_pb_row_inner .et_pb_column.et-last-child, 
    .et_pb_row_inner .et_pb_column:last-child {
        margin-right: 0!important;
        margin-left: 30px!important;
    }
}

@media screen and (min-width: 1120px) {
    .et_pb_row .et_pb_column.et-last-child, 
    .et_pb_row .et_pb_column:last-child, 
    .et_pb_row_inner .et_pb_column.et-last-child, 
    .et_pb_row_inner .et_pb_column:last-child {
        margin-right: 0!important;
        margin-left: 0px!important;
    }
}
 */


/* SECTIONS */


.et_pb_button_module_wrapper {
    display: inline-block;
    width: 100%!important;
    margin-right: 0.2%;
    text-align: center;
    vertical-align: top;
}

.exclude-center-align .et_pb_button_module_wrapper {
    width: auto!important; /* or whatever specific width you prefer */
}


.et_pb_button_module_wrapper:last-child {
    margin-right: 0; /* Removes the margin from the last button to avoid overflow */
}

.et_pb_gutters3 .et_pb_column_1_2 .et_pb_module, .et_pb_gutters3.et_pb_row .et_pb_column_1_2 .et_pb_module {
    /* margin-bottom: 5.82%; */
	margin-bottom: 0!important;
}

.et_pb_gutters3 .et_pb_column_1_3 .et_pb_module, .et_pb_gutters3.et_pb_row .et_pb_column_1_3 .et_pb_module {
    margin-bottom: 2.27%; /* space under video */
}







/* HEADER */
.et_pb_heading_container h4 {display:none;} /* "Home" */


    
    


/* PORTFOLIO BUTTONS */
.slick-arrow {
    top: 20%!important;
}
.et_pb_button {
    white-space: nowrap;
}
.et_pb_gutters3 .et_pb_column_1_6, .et_pb_gutters3.et_pb_row .et_pb_column_1_6 {
    width: auto;
}
.et_pb_gutters3 .et_pb_column {
    margin-right: 0;
}

#post-246738 .et_pb_row {padding: 5px 0!important; }




/* PORTFOLIO SECTIONS */
/* PORTFOLIO SECTIONS */
/* PORTFOLIO SECTIONS */

.et_pb_gutters3 .et_pb_column_4_4 .et_pb_module {
    margin-bottom: 0;
}
.et_pb_row {
    padding: 0.5% 0;
}
[class*="ba_image_carousel_"] .dtq-carousel .slick-track {
    padding-top: 0!important;
    padding-bottom: 0!important;
}
.content.content--left.content--normal {
    display: none!important;
}

.et_pb_section {
    min-height: 111.11px!important;
}/* More specific than row! */


/* 
.et_pb_section:not(.et_pb_section_0) .et_pb_row .et_pb_column a {
    color: white !important;
    text-decoration: none !important;
}
 */
 
/* 
.et_pb_module.et_pb_text:has(blockquote) {
    padding-right: 0px!important;
	margin-left: 34px!important;
    padding-left: 25px!important;
    background-color:lightgrey;
}
 */


 .et_pb_code_inner {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
}

footer.et-l.et-l--footer .et_pb_row .et_pb_column a {
    color: #79f2fc !important;
    text-decoration: none !important;
}

.outer-div {
    text-align: center;
    position: relative;
    border: 0px black solid;
}

.inner-div {
    display: inline-block; /* This centers the div horizontally */
    vertical-align: middle;
	width: 100%;
}

.video-title p {
    font-size: 15px;
    font-weight: 400;
    color: black;
    border: 0px green solid;
    width: 100%; /* Ensure the p takes full width within inner-div */
    text-align: center; /* Center text within p */
    margin: 0; /* Remove default margins */
    padding: 0; /* Remove default padding */
    line-height:1.2em;
    text-decoration: none;
}
.video-title p a{
    text-decoration: none;
    color: black;
}




/* CONTACT FORM */
/* CONTACT FORM */
/* CONTACT FORM */
  .fade-out {
    opacity: 0;
    transition: opacity 0.5s ease-in-out;
  }

  .fade-in {
    opacity: 1;
    transition: opacity 0.5s ease-in-out;
  }

/* 
.et_pb_row {
    background-image: none !important;
}

.et_pb_row:nth-of-type(odd) {
    background-color: #4885d5;
}

.et_pb_row:nth-of-type(even) {
    background-color: #8d90dd;
}
 */

/* VIDEO BUTTON */
.et_pb_row .et_pb_column.et-last-child, .et_pb_row .et_pb_column:last-child, .et_pb_row_inner .et_pb_column.et-last-child, .et_pb_row_inner .et_pb_column:last-child {
    margin-top:0px;
}


.audio-script {font-size:22px!important;
line-height:2.3em!important;}



/* FAQ */
.et_pb_cta_0.et_pb_promo .et_pb_promo_description div {
    font-family: 'Roboto',sans-serif!important;
    font-size: 18px!important;
}

.et_pb_promo_description p:last-of-type {
    padding-bottom: 12px!important;
}
h5.et_pb_toggle_title {font-weight:800!important; font-size: 18px!important;}

#page-container .blue_accordion .et_pb_toggle.toggle_closing h5, #page-container .blue_accordion .et_pb_toggle_close h5 {
    border:0px solid black; }


/* CONTACT FORM */
.et_pb_blurb_1.et_pb_blurb:before,
.et_pb_blurb_0.et_pb_blurb:before {
    background-color: #125197!important;
}

/* contact_blurb_link_color a */
.et_pb_section:not(_0) .et_pb_row .et_pb_column .contact_blurb_link_color a {
    color: #1a47b0 !important;
    text-decoration: none !important;
    font-weight: 800;
}

h2 {
    margin-top:15px!important; /* Adjust the value as needed */
}


/* FOOTER */
footer h3, footer p, footer span {
    line-height: 1.3em !important;
}
footer p {
    font-size: 18px!important;
}
footer .et_pb_text_inner p span,
footer .et_pb_text_inner p a {
    font-size: 14px!important;
}

@media screen and (min-width: 980px) and (max-width: 1200px) {
	#top-menu li,
	#top-menu .menu-item-has-children>a:first-child {
		padding-right: 12px!important;
	}
    .et_header_style_left #et-top-navigation nav>ul>li>a, .et_header_style_split #et-top-navigation nav>ul>li>a {
    	font-size: 17px!important;
    }
}

.et_pb_module.et_pb_accordion .et_pb_toggle_title {
    font-size: 24px!important;
    color: aliceblue!important;
    line-height:1.1em!important;
}

.lazyload, .lazyloading {
    opacity: 1;
    transition: opacity 400ms;
    transition-delay: 0ms;
}

/* 
.et_pb_text_inner h2 {
    font-size: 30px!important;
    line-height:1.4em!important;
}
 */
.et_pb_text_inner blockquote p {
    font-size: 22px!important;
    font-style:italic;
    line-height:1.1em!important;
    margin:0;
    font-weight: 400;
    color: #333!important; /* Text color */
}

blockquote {
    position: relative; /* Ensures pseudo-elements are positioned relative to the blockquote */
    font-style: italic; /* Common blockquote style */
    margin: 20px 0;
    padding: 10px 20px;
    border-left: 5px solid #ccc; /* Optional: Adds a decorative left border */
}

blockquote:before {
    content: "“"; /* Unicode for an opening quotation mark */
    position: absolute;
    top: 0;
	left: -35px;
    font-size: 90px;
    color: #37badd;
	line-height: 1; /* Ensures proper alignment */
	font-family:"playfair display"!important;
	font-weight: 600;
}

blockquote p {
    margin: 0; /* Removes margin around inner paragraph text */
}

blockquote a {
	display: block;
	text-decoration: none!important;
}

blockquote span {
    display: block; /* Ensure it behaves like a block element */
    margin-top: 12px; /* Space above the <span> */
    font-size: 18px;
    margin-right: 34px;
}
.blockquote-home {
    margin: -25px 8px;
    padding: 5px 20px!important;
}
.two-col-home {
    margin: 11px 0px!important;
}


.et_pb_accordion_0 .et_pb_toggle_title:before,
.et_pb_accordion_1 .et_pb_toggle_title:before,
.et_pb_accordion_2 .et_pb_toggle_title:before,
.et_pb_accordion_3 .et_pb_toggle_title:before,
.et_pb_accordion_4 .et_pb_toggle_title:before {
    font-size: 34px;
}

.two-column-text .LRColumn .heading-bullets li a{
    color: #474747!important;
    font-weight: 500;
    font-size: 19px;
    line-height: 1.2em;
    text-decoration:none;
    width:50%;
}

.et_pb_blurb_description li {
	font-size: 23px;
    line-height: 1.5em;
}

.et_pb_section.et_pb_section_1.caro-section-ecommerce.et_section_regular {
	display:none!important;
}


body * {border:0px solid red;}

#page-container { 
    overflow-x: hidden !important; 
}

.et_pb_gallery .et_pb_gallery_items{
    width: 100%;
}


p.et_pb_gallery_caption {text-align: center;}
.mfp-bottom-bar .mfp-title {display:none;}
.mfp-counter {
    color: #f3f96a !important; 
    font-size: 22px !important; 
    line-height: 28px !important; 
}

@media only screen and (min-width: 981px){
    body .ragnar_tabs_berit_items .et_pb_column>.et_pb_module.active,body .ragnar_tabs_berit_items .et_pb_column>.et_pb_module.active .et_pb_module,body .ragnar_tabs_berit_tab.active,body.et-fb .ragnar_tabs_berit_items .et_pb_column>.et_pb_module
    {
        width: 45% !important;
        margin-bottom: 40px!important;
    }
}

html .et_fixed_nav #et-top-navigation {
    padding-left: 115px !important;
/* 
    -webkit-transition: none !important;
    transition: none !important;
 */
}

.freddie_youre_hot_contact_form .et_pb_contact p textarea {
    height: 150px!important;
    resize: none;
}
.end_date:before, .start_date:before, #page-container .freddie_youre_hot_contact_form p.et_pb_contact_field[data-id=message]:before {
    display: none !important;
}
.freddie_youre_hot_contact_form .et_pb_contact p[data-id="message"] label {
    top: -45px!important;
    margin-top: 20px!important;
    left: 0px!important;
}
.et_pb_contact_field_options_wrapper {
    margin-top: 25px!important;
    margin-bottom: 45px!important;
}
#page-container .freddie_youre_hot_contact_form p[data-id=type_of_project]:before {
    margin-bottom: 16px!important;
}
html #page-container .freddie_youre_hot_contact_form .et_pb_contact p[data-id="type_of_project"] span.et_pb_contact_field_checkbox, #page-container .freddie_youre_hot_contact_form .et_pb_contact p[data-id="type_of_project"] span.et_pb_contact_field_radio {
    width: 90% !important;
}

html #page-container .freddie_youre_hot_contact_form p[data-id=type_of_project]:before {
    content: "I'd Like to Chat About"!important;
        color: #6517a3!important;
        font-family: 'Slabo 13px',Georgia,"Times New Roman",serif!important;
}
div.et_pb_section.et_pb_section_8 {
    background-image: url(https://www.philadelphia-web-design.com/wp-content/uploads/2024/11/rightarrow.png)!important;
    background-size: contain;
    background-position: right 0px center;
}


div.et_pb_accordion_0.et_pb_accordion div.et_pb_toggle h6.et_pb_toggle_title {
    padding: 4px 38px 7px 14px!important;
}

	.et_pb_module.et_pb_image.et_pb_image_5 {
		text-align:center!important;
	}

@media (max-width: 980px){
	.et_header_style_left #logo {
		max-height: 91%!important;
	}
	.mobile_menu_bar:before {
    font-size: 42px!important;
	}
	.et_header_style_left #et-top-navigation .mobile_menu_bar {
    padding-bottom: 30px;
	}
	.et_mobile_menu li a, .nav li li a {
		font-size: 20px!important;
		text-transform: uppercase!important;
	}
	.et_mobile_menu li a,.et_mobile_menu li a {
 		color: rgb(20 87 141)!important;
	}
	.et_mobile_menu .menu-item-has-children>a {
    	background-color: rgb(218 231 255 / 64%)!important;
	}
	.et_pb_image_0 {
    	width: 99%!important;
	}
	.et_pb_image_1, .et_pb_image_2 {
		width: 117%!important;
		max-width: 117%!important;
	}
	.et_pb_button_module_wrapper.et_pb_button_1_wrapper,
	.et_pb_button_module_wrapper.et_pb_button_2_wrapper,
	.et_pb_button_module_wrapper.et_pb_button_3_wrapper,
	.et_pb_button_module_wrapper.et_pb_button_4_wrapper,
	.et_pb_button_module_wrapper.et_pb_button_5_wrapper,
	.et_pb_button_module_wrapper.et_pb_button_6_wrapper,
	.et_pb_button_module_wrapper.et_pb_button_7_wrapper,
	.et_pb_button_module_wrapper.et_pb_button_8_wrapper,
	.et_pb_module.et_pb_image.et_pb_image_5,
	.et_pb_module.et_pb_image.et_pb_image_6
	 {
		margin-left:0px!important;
				max-width:135%!important;

	}
	.et_pb_module.et_pb_text_3, .et_pb_module.et_pb_text_4 {
		padding-right:0px!important;
	}
	.et_pb_row_11 {
		background-image: linear-gradient(180deg,#ffffff 0%,rgba(154,33,168,0.8) 0%)!important;
	}
	.et_pb_module.et_pb_text.et_pb_text_5{
		font-size: 15px!important;
		line-height:14px!important;
	}
    .entry-content ul {
    	line-height: 33px;
    	font-size: 22px!important;
    }
    body #page-container .et_pb_section .et_pb_button_8 {
    	margin-bottom: 22px!important;
    }
    #page-container .mobile_menu_bar:before {
		content: "d"!important;
	}
} /* @media (max-width: 980px) */

  p.et_pb_gallery_caption{line-height: 1.3em;}


/* Mobile icons styling (applies only to mobile screen sizes) */
@media (max-width: 768px) {
    /* Container for the icons (Phone and Hamburger Menu Icon) */
    #et_mobile_nav_menu {
        display: flex; /* Align the phone icon and menu icon horizontally */
        align-items: center; /* Vertically align the phone and menu icons */
        position: relative; /* Keep icons in the correct context */
        justify-content: flex-start; /* Align the icons to the left */
        z-index: 1001; /* Ensure icons are above other elements */
    }

    /* Add the Phone Icon */
    #et_mobile_nav_menu:before {
        content: "\e090"; /* Unicode for phone icon in ETModules font */
        font-family: 'ETModules'; /* Divi's default icon font */
        font-size: 28px; /* Icon size */
        margin-bottom: 30px;
        margin-right: 20px;
        color: #2587f2; /* Icon color */
        display: inline-block;
        vertical-align: middle; /* Align it with the menu icon */
    }

    /* Style the Dropdown Menu */
    .et_mobile_menu {
        position: fixed; /* Detach the menu from the icons and align it with the window */
        top: 143px;
        left: 110px;
        width: 80%; /* Ensure this line ends with a semicolon */
        background-color: #fff; /* Optional: Set background color for visibility */
        z-index: 1000; /* Ensure it appears below the icons */
        padding: 10px; /* Add padding if necessary */
        box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1); /* Optional: Add a shadow for clarity */
    }
}

/* Hide mobile icons on larger screen sizes */
@media (min-width: 769px) {
    #et_mobile_nav_menu {
        display: none;
    }
}

@media (min-width: 981px) {
    .et_pb_gallery_grid .et_pb_gallery_item img {
        width: 100%;
        height: 100%;
        object-fit: contain; /* Keeps the full image within the bounds */
    }

}

/* Target the active button */
.et_pb_with_border.active:after {
    border-bottom: 1px solid #ccc; /* Optional: Border styling */
    position: absolute;
    content: '';
    height: 3px; /* Thickness of the bottom border */
    width: 100%; /* Full width of the button */
    display: block;
     bottom: -20px;
    left: 0;
    background: #3F51B5;
}

/* Ensure the parent allows pseudo-element positioning */
.et_pb_with_border {
    position: relative; /* Required for absolute positioning of ::after */
    overflow: visible !important; /* Prevent clipping */
}

div,img {
    border: 0px black solid;
}