.elementor-15182 .elementor-element.elementor-element-15c830b1{--display:flex;--min-height:675px;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:flex-end;--overlay-opacity:0.62;--overlay-mix-blend-mode:multiply;--padding-top:0px;--padding-bottom:277.5px;--padding-left:0px;--padding-right:0px;}.elementor-15182 .elementor-element.elementor-element-15c830b1:not(.elementor-motion-effects-element-type-background), .elementor-15182 .elementor-element.elementor-element-15c830b1 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#010101D9;background-image:url("https://ottoortho.com/wp-content/uploads/2024/01/products-hero.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-15182 .elementor-element.elementor-element-15c830b1::before, .elementor-15182 .elementor-element.elementor-element-15c830b1 > .elementor-background-video-container::before, .elementor-15182 .elementor-element.elementor-element-15c830b1 > .e-con-inner > .elementor-background-video-container::before, .elementor-15182 .elementor-element.elementor-element-15c830b1 > .elementor-background-slideshow::before, .elementor-15182 .elementor-element.elementor-element-15c830b1 > .e-con-inner > .elementor-background-slideshow::before, .elementor-15182 .elementor-element.elementor-element-15c830b1 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#010101;--background-overlay:'';}.elementor-15182 .elementor-element.elementor-element-221edc47{--display:flex;}.elementor-15182 .elementor-element.elementor-element-4b41dc8b > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-15182 .elementor-element.elementor-element-4b41dc8b .elementor-heading-title{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-size:var( --e-global-typography-secondary-font-size );font-weight:var( --e-global-typography-secondary-font-weight );text-transform:var( --e-global-typography-secondary-text-transform );font-style:var( --e-global-typography-secondary-font-style );line-height:var( --e-global-typography-secondary-line-height );color:var( --e-global-color-5f1a20e );}.elementor-15182 .elementor-element.elementor-element-5069e72c > .elementor-widget-container{padding:8px 0px 0px 0px;}.elementor-15182 .elementor-element.elementor-element-5069e72c .elementor-heading-title{font-family:var( --e-global-typography-c9e59ae-font-family ), Sans-serif;font-size:var( --e-global-typography-c9e59ae-font-size );font-weight:var( --e-global-typography-c9e59ae-font-weight );text-transform:var( --e-global-typography-c9e59ae-text-transform );font-style:var( --e-global-typography-c9e59ae-font-style );line-height:var( --e-global-typography-c9e59ae-line-height );letter-spacing:var( --e-global-typography-c9e59ae-letter-spacing );color:var( --e-global-color-11eac02 );}.elementor-15182 .elementor-element.elementor-element-3925b754{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-15182 .elementor-element.elementor-element-1f07cd3e{z-index:1;}.elementor-15182 .elementor-element.elementor-element-992cda8{--display:flex;}.elementor-15182 .elementor-element.elementor-element-07f522e{--grid-columns:3;--grid-row-gap:40px;--grid-column-gap:40px;}.elementor-15182 .elementor-element.elementor-element-07f522e .elementor-loop-container{grid-auto-rows:1fr;}.elementor-15182 .elementor-element.elementor-element-07f522e .e-loop-item > .elementor-section, .elementor-15182 .elementor-element.elementor-element-07f522e .e-loop-item > .elementor-section > .elementor-container, .elementor-15182 .elementor-element.elementor-element-07f522e .e-loop-item > .e-con, .elementor-15182 .elementor-element.elementor-element-07f522e .e-loop-item .elementor-section-wrap  > .e-con{height:100%;}@media(min-width:768px){.elementor-15182 .elementor-element.elementor-element-992cda8{--content-width:1350px;}}@media(min-width:2560px){.elementor-15182 .elementor-element.elementor-element-4b41dc8b .elementor-heading-title{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );}.elementor-15182 .elementor-element.elementor-element-5069e72c .elementor-heading-title{font-size:var( --e-global-typography-c9e59ae-font-size );line-height:var( --e-global-typography-c9e59ae-line-height );letter-spacing:var( --e-global-typography-c9e59ae-letter-spacing );}}@media(max-width:1400px){.elementor-15182 .elementor-element.elementor-element-4b41dc8b .elementor-heading-title{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );}.elementor-15182 .elementor-element.elementor-element-5069e72c .elementor-heading-title{font-size:var( --e-global-typography-c9e59ae-font-size );line-height:var( --e-global-typography-c9e59ae-line-height );letter-spacing:var( --e-global-typography-c9e59ae-letter-spacing );}.elementor-15182 .elementor-element.elementor-element-07f522e{--grid-columns:2;--grid-row-gap:30px;--grid-column-gap:30px;}}@media(max-width:1024px){.elementor-15182 .elementor-element.elementor-element-15c830b1{--min-height:475px;--padding-top:0px;--padding-bottom:0215px;--padding-left:40px;--padding-right:40px;}.elementor-15182 .elementor-element.elementor-element-4b41dc8b > .elementor-widget-container{margin:0px 0px -1px 0px;}.elementor-15182 .elementor-element.elementor-element-4b41dc8b .elementor-heading-title{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );}.elementor-15182 .elementor-element.elementor-element-5069e72c > .elementor-widget-container{padding:10px 0px 0px 0px;}.elementor-15182 .elementor-element.elementor-element-5069e72c .elementor-heading-title{font-size:var( --e-global-typography-c9e59ae-font-size );line-height:var( --e-global-typography-c9e59ae-line-height );letter-spacing:var( --e-global-typography-c9e59ae-letter-spacing );}.elementor-15182 .elementor-element.elementor-element-07f522e{--grid-columns:1;}}@media(max-width:767px){.elementor-15182 .elementor-element.elementor-element-15c830b1{--min-height:390px;--justify-content:center;--padding-top:0px;--padding-bottom:0px;--padding-left:20px;--padding-right:20px;}.elementor-15182 .elementor-element.elementor-element-4b41dc8b > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-15182 .elementor-element.elementor-element-4b41dc8b .elementor-heading-title{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );}.elementor-15182 .elementor-element.elementor-element-5069e72c{width:var( --container-widget-width, 270px );max-width:270px;--container-widget-width:270px;--container-widget-flex-grow:0;}.elementor-15182 .elementor-element.elementor-element-5069e72c > .elementor-widget-container{padding:6px 0px 0px 0px;}.elementor-15182 .elementor-element.elementor-element-5069e72c .elementor-heading-title{font-size:var( --e-global-typography-c9e59ae-font-size );line-height:var( --e-global-typography-c9e59ae-line-height );letter-spacing:var( --e-global-typography-c9e59ae-letter-spacing );}.elementor-15182 .elementor-element.elementor-element-3925b754{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-15182 .elementor-element.elementor-element-07f522e{--grid-columns:1;}}/* Start custom CSS for container, class: .elementor-element-15c830b1 */.breadcrumb_banner h1 span{
    display: block !important;
}

.page-id-7312 .breadcrumb_banner > .e-con-inner, 
.page-id-7318 .breadcrumb_banner > .e-con-inner{
    padding-bottom: 234.5px !important;
}

@media (max-width: 1024px){
    .page-id-7312  .breadcrumb_banner > .e-con-inner,
    .page-id-7318  .breadcrumb_banner > .e-con-inner{
        padding-bottom: 160px !important;
    }
}

@media (max-width: 767px){
    .page-id-7312  .breadcrumb_banner > .e-con-inner,
    .page-id-7318  .breadcrumb_banner > .e-con-inner{
        padding-bottom: unset !important;
    }
    
    .breadcrumb_banner h1 span{
        display: unset !important;
    }
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-07f522e */@media(min-width: 768px) {.my-eq-height-grid .e-loop-item .product-info-container {
    height:100%!important;
}
}
.my-eq-height-grid .e-loop-item {
    padding-left: 0px!important;
    padding-right: 0px!important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-992cda8 *//**Starting Archive Section**/

.blog_archive .elementor-post__meta-data{
    display: flex;
    flex-direction: column;
}

.search_archive .elementor-post{
    position: relative;
}

.search_archive .elementor-post__text{
    z-index: 2;
}

.archive .elementor-post__read-more{
    position: relative;
    display: inline-flex;
    align-items: center;
}

.archive .elementor-post{
    position: relative;
}

.archive .elementor-post__excerpt p{
    display: block;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}


/* For next and prv button design */

.archive nav.elementor-pagination .page-numbers.next:hover:after,
.archive nav.elementor-pagination .page-numbers.prev:hover:after{
    opacity: 0;
}

/*For line with icon under button */

.archive .elementor-post__read-more:before {
    content: " ";
    position: absolute;
    left: 0;
    bottom: -3px;
    width: calc(100% + 25px);
      /*width: 0;*/
    background: #F10080;
    height: 1px;
    transition: all 0.3s;
}

.archive .elementor-post__read-more::after {
    content: "\f061";
    position: absolute;
    font-family: 'Font Awesome 5 Free';
    font-size: 17px;
    font-style: normal;
    font-weight: 900;
    line-height: 18px;
    right: -24px;
    color: #fff;
    display: inline-block;
    transition: all 0.3s;
}



.archive a.elementor-post__read-more:hover, .archive .elementor-post__read-more:hover:after {
    color: #F10080 !important;
}

/** Pagination**/

.archive nav.elementor-pagination .page-numbers,
.archive nav.elementor-pagination .page-numbers span {
    font-family: inherit;
    line-height: inherit;
    font-size: inherit;
    font-weight: inherit;
    letter-spacing: inherit;
}

.archive nav.elementor-pagination .page-numbers {
    width: 60px;
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all .3s;
    border-radius: 30px;
    background: transparent;
}

nav.elementor-pagination {
    display: flex;
    align-items: center;
    justify-content: center;
}

/*CSS for number */

.archive nav.elementor-pagination .page-numbers.current,
.archive nav.elementor-pagination .page-numbers {
    border-radius: 0px;
    transition: all .3s !important;
}
.archive nav.elementor-pagination .page-numbers.current{
    background: #EBEBEB;
    color: #203837!important;
    border-radius: 0px;
}
.archive nav.elementor-pagination .page-numbers:hover{
   background: #EBEBEB;
    color: #203837 !important;
    border-radius: 0px;
}
.archive nav.elementor-pagination .page-numbers{
    background: transparent;
    color:  #203837 !important;
}


/*CSS for Next button */

.archive nav.elementor-pagination .page-numbers.prev{
    border: none !important;
}
.archive nav.elementor-pagination .page-numbers.prev,
.archive nav.elementor-pagination .page-numbers.next {
    background: #44948F;
    color: #FFF !important;
    width: unset;
    border: none;
    text-transform: uppercase;
    transition: all .3s;
    border-radius: 0px;
}

.archive nav.elementor-pagination .page-numbers.prev:hover,
.archive nav.elementor-pagination .page-numbers.next:hover {
    background:#8C1B4E ;
   /*color: #F7F7F7 !important;*/
}
.archive nav.elementor-pagination .page-numbers.prev:hover:before,
.archive nav.elementor-pagination .page-numbers.next:hover:before{
    /*color: #1BBAFF;*/
    /*box-shadow: 0px 0px 0px transparent;*/
}

.archive nav.elementor-pagination .page-numbers.next {
    position: relative;
     padding: 23.5px 55px 23.5px 32px;
    /*border-radius: 38px;*/
}

.archive nav.elementor-pagination .page-numbers.next:before{
    content: " \f061";
    font-family: 'Font Awesome 5 Free';
    font-size: 17.1px;
    line-height: 18px;
    font-weight: 900;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 30px;
    /*color: #fff;*/
}

/*CSS for prev button */

.archive nav.elementor-pagination span.page-numbers.prev,
.archive nav.elementor-pagination span.page-numbers.next {
    color: #203837 !important;
    border-radius: 0px;
    background: #A4F2ED;
    transition: all .3s;
}

.archive nav.elementor-pagination span.page-numbers.prev:hover,
.archive nav.elementor-pagination span.page-numbers.next:hover {
    background: #8C1B4E;
    color: #fff !important;
}

.archive nav.elementor-pagination .page-numbers.prev {
    position: relative;
    padding: 16px 32px 16px 55px;
    /*border-radius: 38px;*/
}

.archive nav.elementor-pagination .page-numbers.prev:before {
    position: absolute;
    content: "\f060";
    font-family: 'Font Awesome 5 Free';
    font-size: 17.1px;
    line-height: 18px;
    font-weight: 900;
    top: 50%;
    transform: translateY(-50%);
    left: 30px;
    /*color: #252525;*/
}

.archive span.page-numbers.prev,
.archive span.page-numbers.next {
    cursor: not-allowed;
}

@media (max-width:1024px){
    .archive .elementor-post__read-more:before {
        bottom: -1px;
    }
    
    .archive .elementor-post__read-more:after {
        top:4px;
        font-size: 13px;
        right: 10px !important;
        right: -22px !important;
    }
}


@media(max-width:767px) {
    .archive nav.elementor-pagination .page-numbers{
        width: 38px;
        height: 38px;
    }

    /*next button */
    .archive nav.elementor-pagination .page-numbers.prev,
    .archive nav.elementor-pagination .page-numbers.next {
        font-size: 0;
        width: 38px;
        height: 38px;
        padding: 0;
        border-radius: 0px;
        margin: 0 !important;
    }

    .archive nav.elementor-pagination .page-numbers.prev:before,
    .archive nav.elementor-pagination .page-numbers.next:before {
        font-size: 15px;
        /*position:relative;*/
        left: unset;
        right: unset;
        top: unset;
        transform: unset;
        
    }

    .archive nav.elementor-pagination .page-numbers.next:after,
    .archive nav.elementor-pagination .page-numbers.prev:after{
        width: calc(100% - 8px);
        height: calc(100% - 8px);
        top: 4px;
        left: 4px;
    } 
    
    /* Prev button */
    .archive nav.elementor-pagination span.page-numbers.prev,
    .archive nav.elementor-pagination span.page-numbers.next { border-radius: 0px;}
      .archive .elementor-post__read-more:before {
        bottom: 0px;
    }
}

/**End Archive Section**//* End custom CSS */