.elementor-kit-8{--e-global-color-primary:#6EC1E4;--e-global-color-secondary:#54595F;--e-global-color-text:#7A7A7A;--e-global-color-accent:#61CE70;--e-global-color-2ba3fdbf:#4054B2;--e-global-color-1dccb318:#23A455;--e-global-color-59b31081:#000;--e-global-color-772ac0d7:#FFF;--e-global-color-c851cd1:#00000000;--e-global-color-e51e130:#0F6EBC;--e-global-color-84a7ac8:#F3AF18;--e-global-typography-primary-font-family:"Roboto";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Roboto Slab";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1400px;}.e-con{--container-max-width:1400px;}{}h1.entry-title{display:var(--page-title-display);}.elementor-kit-8 e-page-transition{background-color:#FFBC7D;}@media(max-width:768px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:575px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//*##-- Daveden Edits --##*/
/* Main Section outside the loop grid */
.dd-loop__main-section > .elementor-container >.elementor-row >.elementor-column >.elementor-column-wrap{
  padding: 20px 0
}
.dd-loop__main-section > .elementor-container >.elementor-row >.elementor-column .elementor-widget-wrap{
    padding: 0;
}

/*-- Main Section Background SVG --*/
.dd-loop__main-section{
	padding-bottom:100px;
  	margin-bottom:150px;
  	background-color: var(--dd-bg-clr-mobile, #3384c6);
  	background-image: none;
  	background-size:1000px;
	background-position: top center;
	background-repeat: no-repeat;
}
@media only screen and (min-width: 768px) {
	.dd-loop__main-section {
  		background-image:none;
      	padding-bottom: 0px;
        padding-top: 30px;
	}
}
@media only screen and (min-width: 992px) {

	.dd-loop__main-section {
  		background-color:transparent;
      	background-size:3500px;
      	background-image: var(--dd-svg-bg, url("/wp-content/uploads/bgrnd-zigzag-7-2.svg"));
		background-position: right 60% bottom 92%;
		background-repeat: no-repeat;
      	padding-bottom:170px;
  		margin-bottom:0;
	}
}
  
  @media only screen and (min-width: 1281px) {
    .dd-loop__main-section {
      	background-size:4000px;
		background-position: right 60% bottom 30%;
        padding-bottom:250px;
        margin-bottom:110px;            
    }
  }
    
    @media only screen and (min-width: 1400px) {
	.dd-loop__main-section {
      	background-size:4920px;
		background-position: right 60% bottom 67%;
	}
}

/*-- Make single column on mobile --*/
@media screen and (max-width: 767px){
.dd-loop__main-section{
  padding-bottom: 0
}
  .dd-loop__section .elementor-row{
    display: flex;
    flex-direction: column;
  }
  .dd-loop__col.elementor-column{
    width: 100%;
  }
}

/*-- Featured Image --*/
.dd-loop .dd-loop__section .elementor-widget-wrap {
  justify-content: center;
}
.dd-loop__img img{
    width: 100%;
    aspect-ratio: 1;
    object-fit: cover;
    border-radius: 50%;
}
@media screen and (max-width:767px){
.dd-loop .dd-loop__img{
  width: 66%;
    margin-bottom: 50px;
  }}
  

/*-- Zigzag Design --*/
.dd-loop__img{
  position: relative;
}

.dd-loop__img a::after{
  content: "";
  position: absolute;
  bottom: 0;
  right: 0;
  background-image: var(--dd-svg-zigzag, url("/wp-content/uploads/bgrnd-zigzag-5.svg"));
  background-repeat: no-repeat;
  background-position: center;
  width: 510px;
  height: 173px;
}


@media screen and (min-width: 768px){
  .dd-loop__img a::after{
  width: 510px;
  height: 173px;
}
}

@media screen and (min-width: 1024px){
    .dd-loop__img a::after{
width: 680px;
height: 231px;
}
}

@media screen and (min-width: 1200px){
    .dd-loop__img a::after{
  width: 797px;
  height: 271px;
}
}

@media screen and (min-width: 1400px){
    .dd-loop__img a::after{
width: 930px;
height: 316px;
}
}

/*-- Text --*/
@media only screen and (max-width:767px){
.dd-loop__text-col :is(.elementor-heading-title, .elementor-image-box-content, .elementor-button-wrapper){
  text-align: center;
}
}

/* Before Heading */
.dd-loop__text-col .elementor-image-box-title::before{
    content:'Case studies';
	font-family: 'VAG Rounded Bold', sans-serif;
	font-size: 3rem;
  	line-height: 1.1em;
	color: #fff;
	margin-bottom: 1em;
	display: block;
}
@media only screen and (min-width: 1281px) {
    .dd-loop__text-col .elementor-image-box-title::before{
         font-size: 4rem;
    }
}
@media only screen and (min-width: 768px) {
   .dd-loop__text-col .elementor-image-box-title::before{ 
       text-align:left;
   }
}
@media only screen and (min-width: 576px) {
    .dd-loop__text-col .elementor-image-box-title::before{
         margin-bottom:0.5em;
    }
}

/*-- Read More Button --*/
.dd-loop__btn{
    margin-bottom: 40px;
}
.dd-loop__btn.dd-loop__btn :is(a.elementor-button .elementor-button-content-wrapper .elementor-button-text, .elementor-cta__button-wrapper a.elementor-button){
    color: var(--dd-btn-clr, #0F6EBC);
}
.dd-loop__btn.dd-loop__btn .elementor-button{
    background-color: var(--dd-btn-bg, #fff);
}
/* hover */
.dd-loop__btn.dd-loop__btn :is(a.elementor-button:hover .elementor-button-content-wrapper .elementor-button-text, .elementor-cta__button-wrapper a.elementor-button:hover){
    color: var(--dd-btn-clr-hover, #0F6EBC);
}
.dd-loop__btn.dd-loop__btn a.elementor-button:is(:hover,:focus){
    background-color: var(--dd-btn-bg-hover, #F3AF18 );
}

/*-- Pagination Bullets --*/
.dd-loop .swiper-container{
  position: relative;
}

.dd-loop .swiper-pagination,
.elementor-element .swiper-container .swiper-pagination-bullets.swiper-pagination-horizontal{
  position: absolute;
  bottom: 1%;
  width: 100%;
  right: 0;
  left: revert;
  text-align: center;
  padding-left: 5%;
}

@media screen and (min-width:992px){
    .dd-loop .swiper-pagination,
    .elementor-element .swiper-container .swiper-pagination-bullets.swiper-pagination-horizontal{
        bottom: 10%;
    }
}

.dd-loop.dd-loop .swiper-pagination-bullet{
  border: 1px solid #fff;
  background-color: transparent;
  margin: 1.4rem;
  height: 1.2rem;
  width: 1.2rem;
  opacity: 1;
}

.dd-loop.dd-loop .swiper-pagination-bullet-active{
  background-color: #fff
}

.dd-loop .swiper-pagination-bullet:hover{
  border-color: #F3AF18
}

.dd-loop .swiper-pagination-bullet-active:hover{
  background-color: #F3AF18;
}

@media screen and (min-width:768px){
 .dd-loop .swiper-pagination,
 .elementor-element .swiper-container .swiper-pagination-bullets.swiper-pagination-horizontal {
     width: 50%;
     text-align: left;
}
}/* End custom CSS */