.elementor-233698 .elementor-element.elementor-element-1d21b1e{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--margin-top:20px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-233698 .elementor-element.elementor-element-1d21b1e.e-con{--flex-grow:1;--flex-shrink:0;}.elementor-233698 .elementor-element.elementor-element-2f35b80 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-233698 .elementor-element.elementor-element-2f35b80.elementor-element{--flex-grow:1;--flex-shrink:0;}.elementor-233698 .elementor-element.elementor-element-2f35b80 img{width:100%;max-width:100%;}.elementor-233698 .elementor-element.elementor-element-2b5cbac{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-233698 .elementor-element.elementor-element-fe51384{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:30px;--padding-bottom:30px;--padding-left:0px;--padding-right:0px;}.elementor-233698 .elementor-element.elementor-element-fe0dbee .elementor-button{background-color:#FFFFFF;font-size:21px;fill:#11A3BD;color:#11A3BD;transition-duration:0.6s;border-style:solid;border-width:0px 0px 7px 0px;border-color:#11A3BD;border-radius:20px 20px 20px 20px;padding:20px 20px 20px 20px;}.elementor-233698 .elementor-element.elementor-element-fe0dbee .elementor-button:hover, .elementor-233698 .elementor-element.elementor-element-fe0dbee .elementor-button:focus{background-color:#11A3BD;color:#FFFFFF;}.elementor-233698 .elementor-element.elementor-element-fe0dbee > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;border-radius:20px 20px 20px 20px;box-shadow:0px 0px 25px -13px rgba(0,0,0,0.5);}.elementor-233698 .elementor-element.elementor-element-fe0dbee .elementor-button:hover svg, .elementor-233698 .elementor-element.elementor-element-fe0dbee .elementor-button:focus svg{fill:#FFFFFF;}.elementor-233698 .elementor-element.elementor-element-34f3b4a .elementor-button{background-color:#FFFFFF;font-size:21px;fill:#11A3BD;color:#11A3BD;transition-duration:0.6s;border-style:solid;border-width:0px 0px 7px 0px;border-color:#11A3BD;border-radius:20px 20px 20px 20px;padding:20px 20px 20px 20px;}.elementor-233698 .elementor-element.elementor-element-34f3b4a .elementor-button:hover, .elementor-233698 .elementor-element.elementor-element-34f3b4a .elementor-button:focus{background-color:#11A3BD;color:#FFFFFF;}.elementor-233698 .elementor-element.elementor-element-34f3b4a > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;border-radius:20px 20px 20px 20px;box-shadow:0px 0px 25px -13px rgba(0,0,0,0.5);}.elementor-233698 .elementor-element.elementor-element-34f3b4a .elementor-button:hover svg, .elementor-233698 .elementor-element.elementor-element-34f3b4a .elementor-button:focus svg{fill:#FFFFFF;}.elementor-233698 .elementor-element.elementor-element-05213be .elementor-button{background-color:#FFFFFF;font-size:21px;fill:#11A3BD;color:#11A3BD;transition-duration:0.6s;border-style:solid;border-width:0px 0px 7px 0px;border-color:#11A3BD;border-radius:20px 20px 20px 20px;padding:20px 20px 20px 20px;}.elementor-233698 .elementor-element.elementor-element-05213be .elementor-button:hover, .elementor-233698 .elementor-element.elementor-element-05213be .elementor-button:focus{background-color:#11A3BD;color:#FFFFFF;}.elementor-233698 .elementor-element.elementor-element-05213be > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;border-radius:20px 20px 20px 20px;box-shadow:0px 0px 25px -13px rgba(0,0,0,0.5);}.elementor-233698 .elementor-element.elementor-element-05213be .elementor-button:hover svg, .elementor-233698 .elementor-element.elementor-element-05213be .elementor-button:focus svg{fill:#FFFFFF;}.elementor-233698 .elementor-element.elementor-element-c3f8a36{--spacer-size:15px;}.elementor-233698 .elementor-element.elementor-element-1a6d599{--display:flex;}/* Start custom CSS for container, class: .elementor-element-1d21b1e */.page-header{
    display: none;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-a3964a2 */.success_story:nth-child(even) {
    display: flex;
    padding: 5rem 0px;
}

.success_story:nth-child(odd){
    display: flex;
    padding: 4rem 0px;
    flex-direction: row-reverse;
}

.success_column {
    flex: 1; /* Make columns equal in height */
}

.success_story:nth-child(even) .success_story_img > .custom-post-thumbnail {
    width: 100%; /* Set the width of the image to fill the container */
    height: auto; /* Automatically adjust the height while maintaining aspect ratio */
    border-radius: 50px 50px 0px 50px ;
    box-shadow: 10px 10px 0px 0px #11a3bd;
    
    position: relative;
    top: -4rem;
    left: 1rem;
    border-radius: 24px;
}

.success_story:nth-child(odd) .success_story_img > .custom-post-thumbnail {
    width: 100%; /* Set the width of the image to fill the container */
    height: auto; /* Automatically adjust the height while maintaining aspect ratio */
    border-radius: 50px 50px 50px 0px;
    box-shadow: -10px 10px 0px 0px #11a3bd;
    
    position: relative;
    top: -4rem;
    left: -1rem;
        border-radius: 24px;

}

.success_story_info {
   border-top: 2rem solid #11A3BD;
   box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.5);
   flex-grow: 1;
   border-radius: 20px;
   padding: 40px;
}


@media only screen and (max-width:720px) and (min-width:320px) {
    /* Your styles for iPhone 11 Pro Max in portrait mode */
    /* For example, you can target specific elements or adjust layout */
    
    
    .success_story:nth-child(odd){
        width:100%;
        padding: 2rem 0px;
        flex-direction:column;
    }
    
    .success_story:nth-child(even) {
        padding: 2rem 0px;
        width:100%;
        flex-direction:column;
    }
    
    .success_story:nth-child(odd) .success_story_img > .custom-post-thumbnail {
        width: 100%;
        height: auto;
        box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.5);
        border-radius: 50px 50px 0px 0px;
        position:static;
    }
    
    .success_story:nth-child(even) .success_story_img > .custom-post-thumbnail {
        width: 100%;
        height: auto;
        box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.5);
        border-radius: 50px 50px 0px 0px;
        position:static;
    }
    
    
    .success_story_info {
        border-top: 2rem solid #11A3BD;
        box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.5);
        flex-grow: 1;
        border-radius: 0px 0px 20px 20px;
        padding: 40px;
        position: relative;
        top: -10px;
    }
    
    .elementor-pagination {
        display: flex;
        flex-direction: row;
        align-items: center;
        flex-wrap: nowrap;
        justify-content: space-around;
    }
}

.elementor-pagination {
  margin-top: 12px;
  text-align: center;
  padding-bottom: 30px;
  font-family: 'Segoe UI', sans-serif;
}

.elementor-pagination a,
.elementor-pagination span.page-numbers {
  display: inline-block;
  margin: 0 6px;
  padding: 8px 16px;
  border-radius: 50px;
  font-size: 14px;
  text-decoration: none;
  transition: all 0.3s ease;
  border: 1px solid transparent;
}

/* Style for page links */
.elementor-pagination a {
  background-color: #e9f6f8;
  color: #11a3bd;
  box-shadow: 0 2px 5px rgba(0,0,0,0.05);
}

.elementor-pagination a:hover {
  background-color: #11a3bd;
  color: #fff;
  border-color: #11a3bd;
  box-shadow: 0 4px 8px rgba(17, 163, 189, 0.2);
}

/* Handle current page when inside span (even with .prev) */
.elementor-pagination span.page-numbers.prev:not(:has(a)),
.elementor-pagination span.page-numbers.current {
  background-color: #ccc;
  color: #fff;
  font-weight: bold;
  box-shadow: 0 4px 8px rgb(204 204 204);
}

/* Style for dots */
.elementor-pagination .page-numbers.dots {
  background: transparent;
  color: #999;
  box-shadow: none;
  cursor: default;
  border: none;
}

/* Fix spacing and appearance for prev/next links */
.elementor-pagination .page-numbers.prev a,
.elementor-pagination .page-numbers.next {
  font-weight: 500;
}/* End custom CSS */
/* Start custom CSS */h3.dce-post-title a{
   color: black; 
}

a.dce_readmore_btn {
    background-color: unset !important;
    padding: 10px 0px !important;
}

.anchorlink{
    position:absolute; 
    top:-200px;
}

.anchorlink2{
    position:absolute; 
    top:-350px;
}

.graduate-excerpt{
    padding-top:15px;
}/* End custom CSS */