/*
Theme Name: SiteOrigin Corp Child
Author: SiteOrigin
Author URI: https://siteorigin.com/
Theme URI: https://siteorigin.com/theme/corp
Description: SiteOrigin Corp Child Theme
Version: 1.0.0
Template: siteorigin-corp
Text Domain: siteorigin-corp
Domain Path: /languages/
*/

/* =Theme customization starts here
-------------------------------------------------------------- */

/*Extra*/

h1, h2, h3, h4, h5, h6 {
	margin-top:0 !important;
	margin-bottom:15px !important;
	text-wrap: balance;
}

.skip-link:focus {
	z-index: 100000003 !important;
	clip-path: unset;
	clip: unset;
	height: auto;
    width: auto;
	overflow: visible;
} 

.p-r {
	position:relative;
}

.site {
	overflow: hidden;
}

.parallax-container {
  perspective: 1000px;
}

.parallax-layer {  
 	will-change: transform;	
}

.l-blur {
	filter: blur(8px);
}

.l-op {
	opacity:10%;
}

.l-op8 {
	opacity:80%;
}

.c-aling {
	align-items: center !important;
}

.lemon-regular {
  font-family: "Lemon", serif !important;
  font-weight: 400;
  font-style: normal;
}

.f-red {
	color:#c61d23 !important;	
}

.f-blue {
	color:#005baa !important;	
}

.f-size-100 {
	font-size: 110px;
}

.header-r .f-size-100 span {
	font-size: 50px;
    position: relative;
    top: -50px;
}

.f-size-80 {
	font-size: 80px;
	line-height: 80px;
}

.f-size-50 {
	font-size: 50px;
	line-height: 50px;
}

.f-size-40 {
	font-size: 40px;
	line-height: 40px;
}

.f-size-30 {
	font-size: 30px;
}

.z-top {
	z-index:1;
}

.z-right .panel-grid-cell:first-child {
	z-index:2;
}

.z-left .panel-grid-cell:last-child {
	z-index:2;
}

.i-border img {
	border-top-right-radius: 40px;
    border-bottom-left-radius: 40px;
}

/*General*/

body {
	font-size:18px !important;
	line-height: 28px !important;
	overflow-x: hidden;
    max-width: 100% !important;
}

.corp-container {
	max-width:80% !important;
}

.breadcrumbs {
	display: none !important;
}

/*Menu*/

.site .site-header {
	background: transparent;
	border: none !important;
}

.site .site-header .dq-header {
   	width: fit-content;
	padding: 15px 50px;
    border-radius: 15px;  
	background:white;
}

.site-header .site-branding {
	width: 140px;	
	padding:0
}

.site-header .site-branding img {
	max-height: 80px;
}

.main-navigation ul li {
	margin: 0 20px -10px 0 !important;
}

.main-navigation ul li:last-child {
	margin: 0 0 -10px 0 !important;
}

.main-navigation ul li, .main-navigation ul li a {
	font-size: 16px !important;	
	font-weight:500 !important;
	letter-spacing: 0px !important;
}

.main-navigation .menu {
	margin-right: 50px;
}

/*Home*/
/*Header*/

.header-r {
	position: relative;
	font-size:clamp(18px, 22px, 25px);
	line-height:clamp(28px, 28px, 30px);
}

.header-r:after {
	content:'';
	position: absolute;
	width:120vw;
	height:calc(110% + 220px);
	background:#007AC2;
	opacity:10%;
	bottom:0px;
	left:50%;
	transform: translateX(-50%) rotate(-3deg);
	z-index:-1;
}

.header-r h1 {	
	font-weight:700;
	line-height:110px;
	margin-top:0;
	margin-bottom:20px;
	letter-spacing: 1px;
	position: relative;
}

.header-r h1:after {
	position: absolute;
    content: url(https://dev.triangledq.com/wp-content/uploads/2025/04/DQ-Icon_Asterisk-blue.svg);
	bottom: 0%;
    left: 100%;
    width: 35px;
    z-index: 10;
	transform: rotate(45deg);
}

.header-r h1:before {
	position: absolute;
    content: url(https://dev.triangledq.com/wp-content/uploads/2025/04/DQ-Icon_Asterisk-blue.svg);
	top: -40%;
    left: -5%;
    width: 35px;
    z-index: 10;
}

.header-r .hero-img {
	position: relative;
}

.header-r .hero-img:after {
	position: absolute;
    content: '';
    width: 100%;
    aspect-ratio: 1 / 1;
    border-radius: 100%;
    background: #007AC2;
    opacity: 10%;
    top: 45%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: -1;
}

.header-r .inside-image1 {
    position: absolute;
    bottom: 35%;
    left: 4%;
    height: auto;
    width: 40px;
}

.header-r .inside-image2 {
	position: absolute;
    top: 5%;
    left: 22%;
    height: auto;
    width: 90px;  
}

.header-r .inside-image3 {
	position: absolute;
    bottom: 23%;
    left: 25%;
    height: auto;
    width: 25px;	
}

.header-r .inside-image4 {
	position: absolute;
    bottom: 25%;
    right: 20%;
    height: auto;
    width: 36px;
    transform: rotate(45deg);	
}


/*Phone*/

.phone-img .sow-image-container  {
	clip-path: circle(40% at 50% 50%);
    background: #007ac226;
    text-align: center;
	position: relative;
	width:100%;
}

.phone-img .sow-image-container img {
	max-width: 220px !important;
	width:40% !important;
	position: relative;
    left: 4%;
    top: 70px;
    transform: rotate(-20deg);
}

/*Cake*/
.r-red, .about-red {
	z-index: 2;
}

.r-red .panel-grid-cell:first-child {
	z-index:2;
}

.r-red:after {
	content: '';
    position: absolute;
    width: 120vw;
	height: 100%;
    background: #f9e8e9;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) rotate(3deg);
    z-index: -1;
}

.r-red .r-content h2, .r-red .so-widget-sow-button  {
	position: relative;
}

.r-red .r-content h2:after {
	position: absolute;
	content: url(https://dev.triangledq.com/wp-content/uploads/2025/04/DQ-Icon_Heart.svg);
	top: -35px;
    right: 49%;
    width: 30px;	
}

.r-red .so-widget-sow-button:after {
	position: absolute;
	content: url(https://dev.triangledq.com/wp-content/uploads/2025/04/DQ-Icon_Asterisk-red.svg);
	top: -35px;
    left: -5%;
    width: 30px;	
}

.r-cake .sow-image-container {
	padding-top:15px;
}

.r-cake .sow-image-container img {
    width: 300px !important;   
    z-index: 1;
    margin: 0 auto;
	position: relative;
	top: 30px;
}

.r-cake .sow-image-container:after  {
	position: absolute;
    content: url(https://dev.triangledq.com/wp-content/uploads/2025/04/DQ-Icon_Crown.svg);	
	top: 15px;
    left: 50%;
    width: 105px;
    z-index: 10;
    transform: translate(-50%, -60%);
}

.r-cake .sow-image-container:before {
	position: absolute;
    content: url(https://dev.triangledq.com/wp-content/uploads/2025/04/DQ-Icon_Admiration.svg);
    top: 60%;
	left: 105%;
    width: 60px;
    z-index: 10;
    transform: translate(-50%, -40%);
}

.r-cake .sow-image-container, .r-cake .so-widget-sow-image  {
	position: relative;
	text-align: center;
}

.r-cake .so-widget-sow-image:after {	
    content: '';
    position: absolute;
    width: 100%;
    border-radius: 100%;
    background: #ffffffb3;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    aspect-ratio: 1 / 1;	
}

/* Home Title*/

.tt-svg h2 {
	position: relative;
	display:inline-block;
}

.tt-svg h2:after {
	position: absolute;
    content: url(https://dev.triangledq.com/wp-content/uploads/2025/04/DQ-Icon_Asterisk-blue.svg);
	top: -70%;
    left: 120%;
    width: 30px;
    z-index: 10;
}

.tt-svg .sow-image-container {
	position: relative;
}

.tt-svg .sow-image-container:after {
	position: absolute;
    content: url(https://dev.triangledq.com/wp-content/uploads/2025/04/DQ-Icon_Arrow-blue.svg);
	bottom: -25%;
    transform: rotate(200deg);
    right: -15%;
    width: 40px;
    z-index: 10;
}

.td-svg h2 {
	position: relative;	
}

.td-svg h2:after {
	position: absolute;
    content: url(https://dev.triangledq.com/wp-content/uploads/2025/04/DQ-Icon_Circle.svg);
	top: -50px;
    right: 25%;
    width: 25px;
    z-index: 10;
    transform: rotate(-95deg);
}

.td-svg p {
	position: relative;	
}

.td-svg-inside p {
	position: unset !important;
}

.td-svg-inside p:after {
	display: none;
}

.td-svg p:after {
	position: absolute;
    content: url(https://dev.triangledq.com/wp-content/uploads/2025/04/DQ-Icon_Checkbox.svg);
	bottom: -60px;
    right: 15%;
    width: 35px;
    z-index: 10;   
}

.td-svg .siteorigin-widget-tinymce {
	text-align: right !important;
}

.td-svg .panel-grid-cell:first-child {
	position: relative;	
} 

.cd-svg h2 {
	position: relative;
	display:inline-block;
}

.cd-svg h2:after {
	position: absolute;
    content: url(https://dev.triangledq.com/wp-content/uploads/2025/04/DQ-Icon_Heart.svg);
	top: -70%;
    right:5%;
    width: 30px;
    z-index: 10;
}

.cd-svg .sowb-button {
	position: relative;	
}

.cd-svg .sowb-button:after {
	position: absolute;
    content: url(https://dev.triangledq.com/wp-content/uploads/2025/04/DQ-Icon_Asterisk-red.svg);
	top: -70%;
    left:-25%;
    width: 30px;
    z-index: 10;
}

.phone-img .sow-image-container .inside-layer1 {
    position: absolute;
    top: 12%;
    left: 50%;
    height: 30px;
    width: 30px;
    border-radius: 100%;
    background: #007AC2;
}

.phone-img .sow-image-container .inside-layer2 {
	position: absolute;
    bottom: 25%;
    left: 20%;
    height: 30px;
    width: 30px;
    border-radius: 100%;
    background: #007AC2;
}

.phone-img .inside-image1 {
	position: absolute;
    top: 5%;
    left: 0%;
    height: auto;
    width: 80px;	
}

.phone-img .inside-image2 {
	position: absolute;
    top: 5%;
    right: 0%;
    height: auto;
    width: 90px;
    transform: rotate(100deg);	
}

.phone-img .inside-image3 {
	position: absolute;
    bottom: 25%;
    left: 0%;
    height: auto;
    width: 36px;	
}

.td-svg .asterisk {
	position: absolute;
    bottom: 25%;
    left: 40px;
    width: 40px;
}

.td-svg .spin-01 {
	position: absolute;	
	top: 10px;
    left: 40px;
    width: 60px;
}

.td-svg .spin-02 {
    position: absolute;
    top: 50px;
    right: -25%;
    width: 90px;
    transform: rotate(105deg);
}

.r-cake {
	z-index:1;
}

.r-cake .inside-layer1 {
    position: absolute;
    bottom: -20%;    
    left: -20vw;
    height: 300px;
    width: 300px;
    border-radius: 100%;
	background: white;   
}

.r-cake .inside-layer2 {
    position: absolute;
    top: -15%;
    left: 4vw;
    height: 45px;
    width: 45px;
    border-radius: 100%;
	background: white;   
}

.r-cake .inside-layer3 {
    position: absolute;
    bottom: -10%;
    left: 35vw;
    height: 40px;
    width: 40px;
    border-radius: 100%;
	background: white;   
}

.r-cake .inside-layer4 {
	position: absolute;
    top: 50%;
    right: -5vw;
    height: 70px;
    width: 70px;
    border-radius: 100%;
	background: white;
}

/*Contact*/

.cs .dialog {
	position: absolute;	
	width: 90px;   
    left: 30%;
    top: 1%;
}

.cs .celphone {
	position: absolute;	
	width: 60px;
    right: 30%;
    top: 1%;
}

.cs .cspin-01 {
	position: absolute;
    width: 80px;
    left: 5%;
    bottom: 50%;
    transform: rotate(-65deg);
}

.cs .cspin-02 {
	position: absolute;
    width: 103px;
    right: 0%;
    top: 30%;
    transform: rotate(106deg);
}

.cs .mail {
	position: absolute;	
	width: 70px;
    left: 50%;
    bottom: 1%;
}

.cs .hashtag{
    position: absolute;
    width: 45px;
    right: 20%;
    bottom: 1%;
}

.cs .checkbox {
    position: absolute;
    width: 45px;
    left: 20%;
    bottom: 1%;
}

.cs-inside p {
	height:0;
}

/*Footer*/

.site-footer .site-info span:after, .site-info span:nth-child(2) {
    display: none !important;
}

.site-footer {
	position: relative;
	overflow:hidden;
}

.site-footer .f-img .panel-grid-cell {
	display: flex;
    justify-content: space-evenly;	
}

.site-footer .f-img .so-panel {
	display: flex;
    width: auto !important;
    justify-content: space-between;
}

.site-footer .layer1 {
    position: absolute;
    top: 12%;
    left: 50%;
    height: 30px;
    width: 30px;
    border-radius: 100%;
    background: #007AC2;
}

.site-footer .layer2 {
    position: absolute;
    top: 12%;
    left: 50%;
    height: 30px;
    width: 30px;
    border-radius: 100%;
    background: #007AC2;
}

.site-footer .layer3 {
    position: absolute;
    top: 12%;
    left: 50%;
    height: 30px;
    width: 30px;
    border-radius: 100%;
    background: #007AC2;
}

/*About*/

.header-about {
	position: relative;
}

.header-about:after {
	content:'';
	position: absolute;
	width:120vw;
	height:calc(110% + 220px);
	background:#007AC2;
	opacity:10%;
	bottom:0px;
	left:50%;
	transform: translateX(-50%) rotate(3deg);
	z-index:-1;
}

.header-about h1 {	
	font-weight:700;
	line-height:80px;
	margin-top:0;
	margin-bottom:20px;
	letter-spacing: 1px;
	position: relative;
}

.header-about .sow-image-container {	
	border-top-right-radius: 40px;
    border-bottom-left-radius: 40px;
	max-height:400px;
	overflow:hidden;
}

.header-about .so-widget-sow-image {
	position: relative;
	z-index:2;
}

.header-about .so-widget-sow-image:after {
	content:'';
	position: absolute;
	width:100%;
	height:100%;
	background:#007AC2;
	opacity:10%;
	top:20px;
	right:20px;
	border-top-right-radius: 40px;
    border-bottom-left-radius: 40px;
	z-index:-1;
}

.about-us h1, .about-us p {
	position: relative;
	display: inline-block;
}

.about-us h1:before {	
    position: absolute;
    content: url(https://dev.triangledq.com/wp-content/uploads/2025/04/DQ-Icon_Asterisk-blue.svg);
    top: -100%;
    left: -15%;
    width: 35px;
    z-index: 10;
}

.about-us h1:after {	
    position: absolute;
    content: url(https://dev.triangledq.com/wp-content/uploads/2025/04/DQ-Icon_Checkbox.svg);
	top: -100%;
    right: -15%;
    width: 35px;
    z-index: 10;
}

.about-us p:before {	
    position: absolute;
    content: url(https://dev.triangledq.com/wp-content/uploads/2025/04/DQ-Icon_Arrow-blue.svg);
	bottom: -60px;
	left: -40px;
    width: 35px;
    z-index: 10;
    transform: scaleY(-1) rotate(45deg);
}

.about-us p:after {	
    position: absolute;
    content: url(https://dev.triangledq.com/wp-content/uploads/2025/04/DQ-Icon_Circle-asterisk.svg);
	bottom: -60px;
    right: 25%;
    width: 35px;
    z-index: 10;
    transform: rotate(-95deg);
}

.about-red:after {
	content: '';
    position: absolute;
    width: 120vw;
	height: 100%;
    background: #f9e8e9;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) rotate(-3deg);
    z-index: -2;
} 

.legacy .siteorigin-widget-tinymce {
	text-align: center;
}

.legacy h2 {
	position: relative;
	display: inline-block;
}

.legacy h2:before {	
    position: absolute;
    content: url(https://dev.triangledq.com/wp-content/uploads/2025/04/DQ-Icon_Asterisk-blue.svg);
    top: -100%;
    left: -15%;
    width: 30px;
    z-index: 10;
}

.legacy h2:after {	
    position: absolute;
    content: url(https://dev.triangledq.com/wp-content/uploads/2025/04/DQ-Icon_Checkbox.svg);
	top: -100%;
	right: -15%;
    width: 30px;
    z-index: 10;
}

.ccs h2 {
	position: relative;
}

.ccs h2:before {	
    position: absolute;
    content: url(https://dev.triangledq.com/wp-content/uploads/2025/04/DQ-Icon_Circle.svg);
    top: -50px;
    left: 5%;
    width: 30px;
    z-index: 10;
}

.ccs h2:after {	
    position: absolute;
    content: url(https://dev.triangledq.com/wp-content/uploads/2025/04/DQ-Icon_Arrow-spin-01.svg);
	top: -60px;
    right: -5%;
    width: 60px;
    z-index: 10;
    transform: rotate(85deg);
}

.expmad h2, .expmad p {
	position: relative;
}

.expmad h2:before {	
    position: absolute;
    content: url(https://dev.triangledq.com/wp-content/uploads/2025/04/DQ-Icon_Heart.svg);
	top: -60px;
    left: -5%;
    width: 30px;
    z-index: 10;
}

.expmad p:before {	
    position: absolute;
    content: url(https://dev.triangledq.com/wp-content/uploads/2025/04/DQ-Icon_Arrow-red.svg);
	bottom: -45px;
    left: -6%;
    width: 90px;
    z-index: 10;
}

.expmad p:after {	
    position: absolute;
    content: url(https://dev.triangledq.com/wp-content/uploads/2025/04/DQ-Icon_2-hearts.svg);
	bottom: -60px;
    right: 0%;
    width: 50px;
    z-index: 10;
}

.about-red .sow-image-container {
	position: relative;
}

.about-red .sow-image-container img {
	z-index:1;
}

.about-red .sow-image-container:after {
	content:'';
	position: absolute;
	width:100%;
	height:100%;
	background:white;
	opacity:80%;
	top:20px;
	right:20px;
	border-top-right-radius: 40px;
    border-bottom-left-radius: 40px;
	z-index:0;
}

/*Join*/

.join-title .siteorigin-widget-tinymce {
	text-align: center;
}

.join-title h1 {
	position: relative;
	display:inline-block;
}

.join-title h1:after {	
    position: absolute;
    content: url(https://dev.triangledq.com/wp-content/uploads/2025/04/DQ-Icon_Hashtag.svg);
	top: -70px;
    right: -40px;
    width: 35px;
    z-index: 10;
}

.join-title h1:before {	
    position: absolute;
    content: url(https://dev.triangledq.com/wp-content/uploads/2025/04/DQ-Icon_Celphone.svg);
	top: -60px;
   	left: -70px;
	width: 50px;
    z-index: 10;
}

.location-title .siteorigin-widget-tinymce {
	text-align: center;
}

.location-title h1 {
	position: relative;
	display:inline-block;
}

.location-title h1:after {	
    position: absolute;
    content: url(https://dev.triangledq.com/wp-content/uploads/2025/04/DQ-Icon_Checkbox.svg);
	top: -60px;
    right: -70px;
    width: 45px;
    z-index: 10;
}

.location-title h1:before {	
    position: absolute;
    content: url(https://dev.triangledq.com/wp-content/uploads/2025/04/DQ-Icon_Hashtag.svg);
	top: -60px;
   	left: -70px;
	width: 50px;
    z-index: 10;
}

.community-title h1:after {	
    position: absolute;
    content: url(https://dev.triangledq.com/wp-content/uploads/2025/04/DQ-Icon_Circle.svg);
	top: -60px;
    right: -70px;
    width: 45px;
    z-index: 10;
}

.community-title h1:before {	
    position: absolute;
    content: url(https://dev.triangledq.com/wp-content/uploads/2025/04/DQ-Icon_Heart.svg);
	filter: invert(20%) sepia(72%) saturate(3028%) hue-rotate(194deg) brightness(93%) contrast(102%);
	top: -60px;
   	left: -70px;
	width: 50px;
    z-index: 10;
}

.loca-raleigh .siteorigin-widget-tinymce {
	text-align: right;
}

.loca-raleigh h2 {
	position: relative;
	display:inline-block;
}

.loca-raleigh h2:after {	
    position: absolute;
    content: url(https://dev.triangledq.com/wp-content/uploads/2025/04/DQ-Icon_Asterisk-blue.svg);
	top: -30px;
	right: -70px;
    width: 45px;
    z-index: 10;
}

.loca-raleigh h2:before {	
    position: absolute;
    content: url(https://dev.triangledq.com/wp-content/uploads/2025/04/DQ-Icon_Circle-asterisk.svg);
	top: -40px;
    left: -90px;
    width: 50px;
	z-index: 10;
	transform: rotate(155deg);
}

.fundraising .siteorigin-widget-tinymce {
	text-align: right;
}

.fundraising h2 {
	position: relative;
	display:inline-block;
}

.fundraising h2:after {	
    position: absolute;
    content: url(https://dev.triangledq.com/wp-content/uploads/2025/04/DQ-Icon_Checkbox.svg);
	top: -30px;
	right: -70px;
    width: 45px;
    z-index: 10;
}

.fundraising h2:before {	
    position: absolute;
    content: url(https://dev.triangledq.com/wp-content/uploads/2025/04/DQ-Icon_Hashtag.svg);
	top: -40px;
    left: -90px;
    width: 50px;
	z-index: 10;
	transform: rotate(155deg);
}

.loca-cary h2 {
	position: relative;
	display:inline-block;
}

.loca-cary h2:after {	
    position: absolute;
    content: url(https://dev.triangledq.com/wp-content/uploads/2025/04/DQ-Icon_Arrow-spin-01.svg);
	top: -30px;
	right: -90px;
    width: 65px;
    z-index: 10;
	transform: rotate(155deg);
}

.loca-cary h2:before {	
    position: absolute;
    content: url(https://dev.triangledq.com/wp-content/uploads/2025/04/DQ-Icon_Checkbox.svg);
	top: -40px;
	left: -60px;
    width: 40px;
	z-index: 10;	
}

.loca-other h2 {
	position: relative;
	display:inline-block;
}

.loca-other h2:after {	
    position: absolute;
    content: url(https://dev.triangledq.com/wp-content/uploads/2025/04/DQ-Icon_2-hearts.svg);
	top: -30px;
	right: -90px;
    width: 65px;
    z-index: 10;	
}

.loca-other h2:before {	
    position: absolute;
    content: url(https://dev.triangledq.com/wp-content/uploads/2025/04/DQ-Icon_Admiration.svg);
	top: -40px;
	left: -60px;
    width: 40px;
	z-index: 10;	
}

.helping-hand h2 {
	position: relative;
	display:inline-block;
}

.helping-hand h2:after {	
    position: absolute;
    content: url(https://dev.triangledq.com/wp-content/uploads/2025/04/DQ-Icon_Arrow-spin-02.svg);
	top: -30px;
	right: -90px;
    width: 65px;
    z-index: 10;
	transform: rotate(155deg);
}

.helping-hand h2:before {	
    position: absolute;
    content: url(https://dev.triangledq.com/wp-content/uploads/2025/04/DQ-Icon_Circle-asterisk.svg);
	top: -40px;
	left: -60px;
    width: 40px;
	z-index: 10;	
}

.loca-other h2 {
	position: relative;
	display:inline-block;
}

.loca-other {
	z-index:2;
}

.join-btn a {
	position: relative;
}

.join-btn a:before {
	position: absolute;
    content: url(https://dev.triangledq.com/wp-content/uploads/2025/04/DQ-Icon_Arrow-spin-01.svg);
	top: -30px;
    left: -110px;
    width: 85px;
    z-index: 10;
    transform: rotate(215deg);
}

.join-btn a:after {
	position: absolute;
    content: url(https://dev.triangledq.com/wp-content/uploads/2025/04/DQ-Icon_Circle-asterisk.svg);
	top: -10px;
    right: -80px;
    width: 55px;
    z-index: 10;
    transform: rotate(45deg);
}

.join-text p {
	position:relative;
}

.join-text p:before {
	position: absolute;
    content: url(https://dev.triangledq.com/wp-content/uploads/2025/04/DQ-Icon_Arrow-spin-02.svg);
	top: -70px;
    left: -80px;
    width: 85px;
    z-index: 10;
    transform: rotate(20deg);
}

.join-text p:after {
	position: absolute;
    content: url(https://dev.triangledq.com/wp-content/uploads/2025/04/DQ-Icon_Dialog-box.svg);
	top: -55px;
    right: -80px;
    width: 65px;
    z-index: 10;
    transform: rotate(20deg);
}

/*Promo*/
	
.promo-title h1 {
	position: relative;
	display:inline-block;
}

.promo-title h1:after {	
    position: absolute;
    content: url(https://dev.triangledq.com/wp-content/uploads/2025/04/DQ-Icon_Circle.svg);
	top: -60px;
    right: -70px;
    width: 35px;
    z-index: 10;
}

.promo-title h1:before {	
    position: absolute;
    content: url(https://dev.triangledq.com/wp-content/uploads/2025/04/DQ-Icon_Checkbox.svg);
	top: -80px;
    left: -10px;
    width: 35px;
    z-index: 10;
}

.promotion-p p {
	position: relative;
}

.promotion-p p:after {	
    position: absolute;
    content: url(https://dev.triangledq.com/wp-content/uploads/2025/04/DQ-Icon_Circle-asterisk.svg);
	top: -60px;
    right: -40px;
    width: 40px;
    z-index: 10;
    transform: rotate(-30deg);
}

.promotion-p p:before {	
    position: absolute;
    content: url(https://dev.triangledq.com/wp-content/uploads/2025/04/DQ-Icon_Arrow-spin-01.svg);
	top: -60px;
    left: -70px;
    width: 75px;
    z-index: 10;
}

/*Layer styles*/

.layer1 {
	position: absolute;
	top:-10vh;
	left:-10vw;
 	height:300px;
	width:300px;
	border-radius:100%;
	background: #007AC2;
	z-index:-1;
}

.layer2 {
	position: absolute;
	bottom:10vh;
	left:0vw;
  	height:60px;
	width:60px;
	border-radius:100%;
	background: #007AC2;
	z-index:-1;
}

.layer3 {
	position: absolute;
	top:10vh;
	right:5vw;
 	height:60px;
	width:60px;
	border-radius:100%;
	background: #007AC2;
	z-index:-1;
}

.layer4 {
	position: absolute;
	top:15vh;
	right:-35vh;
 	height:300px;
	width:300px;
	border-radius:100%;
	background: #007AC2;
	z-index:-1;
}

.layer5 {
    position: absolute;
    top: 0vh;    
    right: -25vw;
    height: 500px;
    width: 500px;
    border-radius: 100%;
	background: #007AC2;
    z-index: -500;
}

.layer6 {
    position: absolute;
    top: 0vh;    
    left: 35vw;
    height: 50px;
    width: 50px;
    border-radius: 100%;
	background: #007AC2;
    z-index: -500;
}

.layer7 {
    position: absolute;
    bottom: -50%;    
    left: -20vw;
    height: 300px;
    width: 300px;
    border-radius: 100%;
	background: #007AC2;
    z-index: -500;
}

.layer8 {
    position: absolute;
	bottom: -10%;
    right: -5%;
    height: 160px;
    width: 160px;
    border-radius: 100%;
	background: #007AC2;
    z-index: -500;
}

.layer9 {
    position: absolute;
   	top: 5%;
    left: 50%;
    height: 60px;
    width: 60px;
    border-radius: 100%;
	background: #007AC2;
    z-index: -500;
}

.layer10 {
    position: absolute;
    bottom: 10%;
    left: 40%;
    height: 60px;
    width: 60px;
    border-radius: 100%;
    background: #007AC2;
    z-index: -500;
}

.layer11 {
    position: absolute;
    top: 9%;
    left: 42%;
    height: 35px;
    width: 35px;
    border-radius: 100%;
    background: #007AC2;
    z-index: -500;
}

.layer12 {
    position: absolute;
    top: 50%;
    left: 25%;
    height: 35px;
    width: 35px;
    border-radius: 100%;
    background: #007AC2;    
}

.layer13 {
    position: absolute;
	bottom: 0%;
    left: -20%;
    height: 280px;
    width: 280px;
    border-radius: 100%;
	background: white;   
}

.layer14 {
    position: absolute;
    top: 60%;
    right: -15%;
    height: 120px;
    width: 120px;
    border-radius: 100%;
    background: white;
}

.layer15 {
	position: absolute;
    top: 0%;
    left: 6%;
    height: 60px;
    width: 60px;
    border-radius: 100%;
	background: white;
}

.layer16 {
    position: absolute;
    bottom: 10%;
    right: 40%;
    height: 60px;
    width: 60px;
    border-radius: 100%;
    background: white;
}

.layer17 {
    position: absolute;
   	top: 10%;
    right: -5%;
    height: 60px;
    width: 60px;
    border-radius: 100%;
    background: #007AC2;
}

.layer18 {
	position: absolute;
    bottom: -85%;
    left: -12%;
    height: 330px;
    width: 330px;
    border-radius: 100%;
	background: #007AC2;
}

.layer19 {
	position: absolute;
	bottom: -105%;
	right: -30%;
    height: 520px;
    width: 520px;
    border-radius: 100%;
	background: #007AC2;
}

.layer20 {
	position: absolute;
	top: -75%;
    left: -25%;
    height: 320px;
    width: 320px;
    border-radius: 100%;
	background: #007AC2;
}

.layer21 {
	position: absolute;
	bottom: 25%;
    right: -25%;
    height: 320px;
    width: 320px;
    border-radius: 100%;
	background: #007AC2;
}

.layer22 {
	position: absolute;
	bottom: -10%;
    left: 30%;
    height: 150px;
    width: 150px;
    border-radius: 100%;
	background: #007AC2;
}

.layer23 {
	position: absolute;
	top: 0%;
    left: 10%;
    height: 60px;
    width: 60px;
    border-radius: 100%;
	background: #007AC2;
}

.layer24 {
	position: absolute;
	top: -20%;
    right: 30%;
    height: 60px;
    width: 60px;
    border-radius: 100%;
	background: #007AC2;
}

.layer25 {
	position: absolute;
	top: -100%;
    right: -35%;
    height: 500px;
    width: 500px;
    border-radius: 100%;
	background: #007AC2;
}

.layer26 {
	position: absolute;
	bottom: -10%;
    left: 30%;
    height: 60px;
    width: 60px;
    border-radius: 100%;
	background: #007AC2;
}

.layer27 {
	position: absolute;
	top: -30%;
    left: -25%;
    height: 320px;
    width: 320px;
    border-radius: 100%;
	background: #007AC2;
	z-index: -1;
}

.layer28 {
	position: absolute;
	bottom: -110px;
    left: -20%;
    height: 280px;
    width: 280px;
    border-radius: 100%;
	background: white;
	z-index: -1;
}

.layer29 {
	position: absolute;
	bottom: 20%;
    right: -12%;
    height: 100px;
    width: 100px;
    border-radius: 100%;
	background: white;
	z-index: -1;
}

.layer30 {
	position: absolute;
	top: 10%;
    right: 35%;
    height: 40px;
    width: 40px;
    border-radius: 100%;
	background: white;
	z-index: -1;
}

.layer31 {
	position: absolute;
    top: 5%;
    left: 40%;
    height: 60px;
    width: 60px;
    border-radius: 100%;
    background: #007AC2;
    z-index: -500;
}

.layer32 {
    position: absolute;
	top: -50%;
    left: -20%;
    height: 320px;
    width: 320px;
    border-radius: 100%;
    background: #007AC2;
    z-index: -500;
}

.layer33 {
    position: absolute;
	top: -10%;
    left: 30%;
    height: 60px;
    width: 60px;
    border-radius: 100%;
    background: #007AC2;
    z-index: -500;
}

.layer34 {
    position: absolute;
	bottom: -80%;
    left: -10%;
    height: 320px;
    width: 320px;
    border-radius: 100%;
    background: #007AC2;
    z-index: -500;
}

.layer35 {
    position: absolute;
	top: -50%;
    right: -20%;
    height: 320px;
    width: 320px;
    border-radius: 100%;
    background: #007AC2;
    z-index: -500;
}

.layer36 {
    position: absolute;	    
    top: 10%;
    right: 30%;
    height: 60px;
    width: 60px;
    border-radius: 100%;
    background: #007AC2;
    z-index: -500;
}

.layer37 {
    position: absolute;
	top: -50%;
    right: -20%;
    height: 320px;
    width: 320px;
    border-radius: 100%;
    background: #007AC2;
    z-index: -500;
}

.layer38 {
    position: absolute;
	top: 20%;
    left: 25%;
    height: 60px;
    width: 60px;
    border-radius: 100%;
    background: #007AC2;
    z-index: -500;
}

.layer39 {
    position: absolute;
	bottom: 10%;
    right: -10%;
    height: 100px;
    width: 100px;
    border-radius: 100%;
    background: #007AC2;
    z-index: -500;
}

.layer40 {
    position: absolute;
	top: -70%;
    left: -30%;
    height: 420px;
    width: 420px;
    border-radius: 100%;
    background: #007AC2;
    z-index: -500;
}

.layer41 {
    position: absolute;
	bottom: -50%;
    left: -20%;
    height: 220px;
    width: 220px;
    border-radius: 100%;
    background: #007AC2;
    z-index: -500;
}

.layer42 {
    position: absolute;
	bottom: 20%;
    left: 10%;
    height: 60px;
    width: 60px;
    border-radius: 100%;
    background: #007AC2;
    z-index: -500;
}

.layer43 {
    position: absolute;
	bottom: -50%;
    right: -30%;
    height: 420px;
    width: 420px;
    border-radius: 100%;
    background: #007AC2;
    z-index: -500;
}

.layerFooter-01 {
    position: absolute;
	top: 20%;
    left: 15%;
    height: 60px;
    width: 60px;
    border-radius: 100%;
	background: #007AC2;
}

.layerFooter-02 {
    position: absolute;
    top: 90%;
    right: 0%;
    height: 220px;
    width: 220px;
    border-radius: 100%;
    background: #007AC2;
}

.layerFooter-03 {
    position: absolute;
	top: 50%;
    left: -20%;
    height: 330px;
    width: 330px;
    border-radius: 100%;
	background: #007AC2;
}

#mobile-navigation ul li a {
    font-size: 20px;	
}

#mobile-navigation {
	top: 84% !important;
    width: 80% !important;   
    left: 10% !important;	
}

.footer-form {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    width: 100%;
    gap: 20px;
}

.footer-form p {
    width: calc(50% - 20px);
}

.footer-form-m p {
    width: calc(100% - 20px);
}

.footer-form input {
	width:100%;
}

.contact-f .wpcf7-submit {
   font-family: "Oswald", sans-serif;
    text-transform: uppercase;   
    font-size: 22px;    
}

contact-f .wpcf7-submit:hover {
	background:#005baa;
}

/*Media Query*/


@media screen and (max-width: 1440px) {
	
	/*Header*/
	.header-r .inside-image2 {
		left: 3%;
	}
	
	.header-r .inside-image1 {
		left: -15%;
	}
	
	.header-r .inside-image4 {
	    right: 10%;	
	}
	
	.tt-svg .sow-image-container:after {
	    bottom: -30%;   
    	right: -20%;	
	}
	
	.cs .dialog {
		left: 25%;
	}
	
	.cs .celphone {
		right: 25%;
	}
	
	/*cake*/
	.r-cake .so-widget-sow-image:after {
		width: 130%;
	}
}

@media screen and (max-width: 1200px) {
    .cs .celphone {
        right: 20%;
    }
	
	.cs .dialog {
        left: 20%;
    }
}

@media screen and (max-width: 1024px) {
/*Contact*/
	
	.f-size-100 {
        font-size: 85px;
        line-height: 90px !important;
    }
	
	.header-r:after {
		bottom: -5%;
	}

	.cs .dialog {
		left: 17%;
    	top: -3%;
	}

	.cs .celphone {
		right: 15%;
	}

	.cs .cspin-01 {
		left: 0%;
		bottom: 40%;
	}

	.cs .cspin-02 {
		right: -5%;
    	top: 40%;
	}

	.cs .mail {
		    bottom: -10%;
	}
}

@media screen and (max-width: 850px) {
	    .cs .celphone {
        	right: 5%;
    }
	
	    .cs .dialog {
        left: 7%;
        top: -3%;
    }
	
	.promo-title {
		flex-direction: column !important;
		padding: 10px 5px 15px 5px !important;
	}
	
	.promo-title .panel-grid-cell {
		width:100% !important;
	}
}

@media screen and (max-width: 768px) {
	
	.f-size-80 {
		font-size: 60px;
		line-height: 60px;
	}

	.f-size-50 {
		font-size: 40px;
		line-height: 40px;
	}

	.f-size-40 {
		font-size: 30px;
		line-height: 30px;
	}

	.f-size-30 {
		font-size: 25px;
	}
	
	.corp-container {
		max-width: 90% !important;
	}
		
	.site .site-header .dq-header {
		padding: 15px 30px;
		max-width: 100% !important;
		width: 85%;
	}
	.site-header .site-branding {
		width: 120px;		
	}
		
	.header-r {    
    	font-size: 20px;
    	line-height: 28px;
	}
	
	.header-r:after {
	    width: 140vw;	
		bottom:2%;
	}
	
	.header-r h1:before {
		top: -20%;
    	left: -10%;
	}
	
	.header-r h1:after {
	    bottom: 25%;	
	}
	
	.header-r .inside-image2 {
        left: -7%;
    }
	
	.header-r .inside-image1 {
        left: 0%;
        bottom: 10%;
        transform: rotate(-35deg);
    }
	
	.tt-svg .sow-image-container:after {
		right: -10%;       
    }	
	
	.td-svg h2:after {
		top: -30px;
		left: -5%;	
		right: unset;
	}
	
	.td-svg .spin-01 {
		left:0;
	}
	
	.td-svg .spin-02 {   
    	top: 20px;
		right: -10%;
	}
	
	.td-svg .asterisk {   
    	bottom: 18%;
	}
	
	.r-red .r-content h2:after {
        top: 36px;
        right: 9%;
        width: 20px;
    }
	
	.r-red .so-widget-sow-button:after {
		left: -9%;	
	}
		
    .cs .celphone {
        right: -5%;
		width: 40px;
    }
	
	.cs .dialog {
        left: -4%;
		width: 70px;
	}
	
	.cs .cspin-01 {
        left: -10%;
		width: 60px;
	}
	
	.cs .cspin-02 {
        right: -13%;
		width: 80px;
	}
	
	.cs .checkbox {   
		left: 0%;
		bottom: -5%;
	}
	.cs .hashtag {		
		right: -4%;		
	}
	
	.cs .mail {
		width: 60px;
	}
	
	.r-cake .so-widget-sow-image:after {
		width: 60%;
	}
	
	.about-us h1:after {
		top: -50%;
	}
	
	.about-us h1:before {
		top: -90%;
		left: -10%;
	}
	
	.about-us p:before {
		bottom: -24%;
		left: -6%;
		width: 29px;	
	}
	
	.about-us p:after {
		bottom: -15%;
		right: -5%;
	}	
	
	.expmad h2:before {   
		top: -30%;
		left: -10%;
	}
	
	.expmad p:before {    
		bottom: -20%;
		left: -10%;
	}
	
	.expmad p:after { 
		bottom: -20%;
	}
	
	/*Join*/
	
	.join-title h1:before {
		top: -20px;
		left: -20px;
    }
	
	.join-title h1:after {
		right: -20px;	
	}
	
	.location-title h1:after {		
		top: -50px;
		right: -40px;		
	}

	.location-title h1:before {			
		top: -50px;
		left: -50px;		
	}
	
	.loca-raleigh h2:after {
		top: -45px;
		right: -40px;
	}
	
	.loca-cary h2:before {   
		left: -30px;   
	}
	
	.loca-other h2:before {
		left: -39px;
		transform: rotate(-20deg);
	}
	
	.join-text p:before {
		top: -40px;
    	left: -40px;	
	}
	
	.join-text p:after {    
		top: -25px;
		right: -40px;
	}
	
	/*Promo*/
	
	.promo-title h1:before {
		left: -30px;
	}
	.promo-title h1:after {
		top: -70px;
		right: -10px;
	}
	
	.promotion-p p:after {	
		top: -40px;
	}

	.promotion-p p:before {	
		top: -50px;
		left: -30px;
		width: 70px;
	}
		
	/*Layer*/
	
	.layer1 {  
		top: -20vh;
		left: -40vw;
	}
	
	.layer4 {   
		top: 25vh;
		right: -25vh;
	}
	
	.layer5 {   
		top: 30vh;
		right: -115vw;
	}
	
	.layer6 {
        top: 6vh;
    	left: -10vw;
	}
	
	.layer7 {
		bottom: 10%;
		left: -70vw;
	}
	
	.layer8 {
		right: unset;
		bottom: -10%;
		left: -25%;
	}
	
	.layer9 {   
		top: 5%;
		left: -10%;
	}
	
	.layer10 {  
		bottom: 5%;
		left: 90%;
	}
	
	.layer11 { 
    	top: 5%;
	}
	
	.layer12 {   
    	left: 14%;
	}
	
	.layer13 {   
		bottom: 50%;
		left: -70%;
	}
	
	.layer14 {   
		top: 40%;
		right: -25%;
	}
	
	.layer15 {
		left:unset;
		top: 2%;
		right: -15%;
	}
	
	.layer17 {   
		top: 20%;
		right: -15%;
	}
	
	.layer18 {   
		bottom: -85%;
		right: -55%;
		left: unset;
	}
	
	.layer19 {
		bottom: -45%;
		right: 90%;
	}
	
	.layer20 {
		top: -40%;
		left: -45%;
	}
	
	.layer21 {
		bottom: 5%;
		right: -75%;
	}
	
	.layer22 { 
		bottom: 40%;
		left: 40%;
	}
	
	.layer23 {
		top: -5%;
	}
	
	.layer24 {
       top: -3%;
	}
	
	.layer25 {
		top: 10%;
		right: -135%;
	}

	.layer26 {
		left: unset;
		bottom: 30%;
		right: -10%;
	}
	
	.layer27 {
    	bottom: 0%;
	}
	
	.layer25 {
		top: 10%;
		right: -135%;
	}
	
	.layer28 { 
		bottom: 10px;
		left: -60%;
	}
	
	.layer29 {
		right: -30%;	
	}

	.layer30 {
        top: 0%;
        right: -10%;
    }
	
	.layer31 {
		bottom: 55%;
		top: unset;
		left: 0%;
	}
	
	.layer32 {
		top: -50%;
		left: -50%;
	}
	
	.layer33 {  
    	top: -30%;
	}
	
	.layer34 {
		left: -50%;	
	}
	
	.layer35 {   
		top: -17%;
		right: -70%;
	}
	
	.layer36 {
    	top: -10%;
	}
	
	.layer37 {   
    	right: -70%;
	}
	
	.layer38 {
		left: -15%;
	}
	
	.layer39 {
		left: -30%;
		right: unset;
	}
	
	.layer40 {
        top: 30%;
        right: -90%;
        left: unset;
    }
	
	.layer41 { 
		bottom: 30%;
		left: -40%;
	}
	
	.layer42 {   
		bottom: -5%;
		left: 30%;
	}
	
	.layer43 { 
		top: 0%;
		right: -100%;
	}
	
	.layerFooter-32 {
		top: 5%;
		left: 5%;
	}
	
	.layerFooter-02 {
		right: -40%;
	}
	
	.layerFooter-03 {
	    left: -80%;
	}
	
	/*Contact*/
	
	.contact-title h1:before {
		top: -60px;
        left: -60px;		
	}
	
	.contact-text p:before {
		top: -60px;
        left: -60px;		
	}
	
	.contact-text p:after {
        top: -35px;
        right: -50px;
    }
	
	.footer-form {
        flex-direction: column;
        gap: 0;
    }
	
	 .footer-form p {
        width: calc(100% - 20px);
        margin-bottom: 15px !important;
    }
}

@media screen and (max-width: 440px) {
	.r-cake .so-widget-sow-image:after {
		width: 100%;
	}
	
	.phone-img .sow-image-container {
		width: 120%;
		left: -10%;
	}
}