/*
Theme Name: Extendable Child
Theme URI: https://github.com/extendify/extendable
Template: extendable
Author: Extendify
Author URI: https://extendify.com
Description: Extendable is a distinct, dynamic block theme designed as a canvas for your next online venture. Sporting multiple style variations, Extendable is the most expressive block theme yet. Go fresh, bold, bohemian or minimal — with a single click.
Tags: one-column,custom-colors,custom-menu,custom-logo,e-commerce,editor-style,featured-images,full-site-editing,block-patterns,rtl-language-support,sticky-post,threaded-comments
Version: 2.0.5.1703834717
Updated: 2023-12-29 07:25:17

*/

@font-face {
    font-family: 'Proxima Nova Rg';
    src: url('./fonts/ProximaNova-Regular.eot');
    src: url('./fonts/ProximaNova-Regular.eot?#iefix') format('embedded-opentype'),
        url('./fonts/ProximaNova-Regular.woff2') format('woff2'),
        url('./fonts/ProximaNova-Regular.woff') format('woff'),
        url('./fonts/ProximaNova-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}


@font-face {
    font-family: "ProximaNovaT-Thin";
    src: url("https://db.onlinewebfonts.com/t/ae4d61677409fb05a4ab1438837bcf69.eot");
    src: url("https://db.onlinewebfonts.com/t/ae4d61677409fb05a4ab1438837bcf69.eot?#iefix")format("embedded-opentype"),
    url("https://db.onlinewebfonts.com/t/ae4d61677409fb05a4ab1438837bcf69.woff2")format("woff2"),
    url("https://db.onlinewebfonts.com/t/ae4d61677409fb05a4ab1438837bcf69.woff")format("woff"),
    url("https://db.onlinewebfonts.com/t/ae4d61677409fb05a4ab1438837bcf69.ttf")format("truetype"),
    url("https://db.onlinewebfonts.com/t/ae4d61677409fb05a4ab1438837bcf69.svg#ProximaNovaT-Thin")format("svg");
}
 
 @font-face {
    font-family: "ProximaNova-Light";
    src: url("https://db.onlinewebfonts.com/t/90b3680786db32f9b5c112d1537677db.eot");
    src: url("https://db.onlinewebfonts.com/t/90b3680786db32f9b5c112d1537677db.eot?#iefix")format("embedded-opentype"),
    url("https://db.onlinewebfonts.com/t/90b3680786db32f9b5c112d1537677db.woff2")format("woff2"),
    url("https://db.onlinewebfonts.com/t/90b3680786db32f9b5c112d1537677db.woff")format("woff"),
    url("https://db.onlinewebfonts.com/t/90b3680786db32f9b5c112d1537677db.ttf")format("truetype"),
    url("https://db.onlinewebfonts.com/t/90b3680786db32f9b5c112d1537677db.svg#ProximaNova-Light")format("svg");
}


.info-box span.elementor-icon-box-title{
  font-family: 'Proxima Nova Rg' !important;

}

p{
	margin:0 0 16px;
}

.top-rating .elementor-image-box-wrapper {
    display: flex;
    flex-direction: column-reverse;
}
.top-rating  figure.elementor-image-box-img{
	display:flex;    padding-bottom: 2px;
}
.btn-warow .elementor-button-icon svg {
    width: 1.3em;
    height: auto;
    margin: 0 0 -4px 0;
}

.margin-left-0 .e-con-inner {
    margin-left: 0;
    padding-left: 30px;
}
.img-bg-border figure img{
    position: relative;
	z-index:1;
}
.img-bg-border figcaption:before {
    content: "";
    height: 100%;
    width: 81.5%;
    border:1px solid #C29958;
    position: absolute;
    top: -10px;
	left: 10px;
}
.img-bg-border_lg figcaption:before {
    width: 95%;
}
.img-bg-border_lg_leftside   figcaption:before {
    left:20px;
}


/*================================ Second Landing page  =========================================*/
.col-revse .elementor-image-box-wrapper{
      display: flex;
    flex-direction: column-reverse;
    text-align: left;
}

.optionone   button.slick-next, .optionone   button.slick-prev {
    background: #FAF8F4;
    border-color: transparent;
}

.fw100 *{
    font-family: "ProximaNovaT-Thin" !important;
}
.fw300 *{
     font-family: "ProximaNova-Light" !important;
}
.fw400 * ,  .fontproxima *{
    font-family: 'Proxima Nova Rg' !important;
}


/*.fontproxima span, .fontproxima,  .fontproxima p,  .fontproxima a, .optionone .content-box p,  .client-name , .fontproxima h1.elementor-heading-title, .fontproxima.dreams h2.elementor-heading-title {
        font-family: 'Proxima Nova Rg';

}
.fontproxima .elementor-heading-title{
    font-family: "ProximaNova-Light";

}*/
.divide-sign svg {
    height: 20px;
}

.margin-right-0 .e-con-inner {
    margin-right: 0;
}

 .img-shadow figcaption.widget-image-caption {
    border-radius: 305px;
    background: rgba(0, 0, 0, 0.50);
    filter: blur(22px);
    height: 15px;
    max-width: 305px;
    margin: auto;
}


.equal-height .e-con-boxed, .work-process .e-con-boxed {
    height: 100%;
}  
 


/*========= testimonial Slider =====*/

.slides {
        margin: 0 auto;
      }
      .slider-section .slick-slide {
        color: #979797;
      }
     .middle-slider .slick-track {
            padding-top: 50px;
            padding-bottom: 20px;
        }

      .bottom-slider .slick-slide {
        margin-block: 0.5rem;
        font-size: 1.75rem;
        font-weight: 500;
      }
      .slick-slide {
        margin: 0 12px;
        text-align: center;

      }

      .middle-slider {
/*        max-width: 550px;*/
        max-width: 700px;
        margin: auto;
      }
      .middle-slider .slick-slide img {
        display: block;
        border-radius: 100px;
        border: 8px solid #fff;
        box-shadow: 0px 0px 22px 0px rgba(0, 0, 0, 0.15);
        overflow: hidden;
        height: 90px;
        width: 90px;
        margin: auto;
        object-fit: cover;
        transition: 0.8s;

      }

      .middle-slider .slick-slide.slick-current.slick-active.slick-center img {
        height: 100px;
        width: 100px; 
      }
      .text-wrapper.slick-slide.slick-current.slick-active.slick-center > span {
        transform: translateY(-30px);
        transition: 0.8s;
      }
      .text-wrapper span {
        display: flex;
        flex-direction: column;
        gap: 20px;
        cursor: pointer;
      }
      .client-name {
        display: flex;
        flex-direction: column;
        gap: 8px;
     

      }
      .middle-slider .slick-list {
        overflow-y: visible;
      }
      .slick-slide:not(.slick-current) {
        opacity: 0;
      }
      .slick-slide.slick-active {
        opacity: 1;
      }
      .content-box {
        display: flex;
        flex-direction: column;
        max-width: 812px;
        align-items: center;
        justify-content: center;
        margin: auto;
        gap: 20px;
      }
      .content-box p {
        color: #979797;
        text-align: center;
        font-family: "Raleway", sans-serif;
        font-size: 18px;
        font-weight: 400;margin-bottom: 0;
        line-height: 28px;
      }
      .slick-dots li button:before {
        color: #c0eee4;
        opacity: 0.5;
        transition: all 0.3s ease;
      }
      .slick-dots li.slick-active button:before,
      .slick-dots li button:hover::before,
      .slick-dots li button:focus::before {
        color: #f08a5d;
        opacity: 1;
      }
      button.slick-next,
      button.slick-prev {
        width: 80px;
        height: 80px;
        border-radius: 100px;
        border: 1px solid #c29958;
        z-index: 55;
        background: transparent;
      }
      button.slick-next:before,
      button.slick-prev:before {
        font-size: 2.5rem;
        opacity: 0.5;
        color: transparent;
      }
      button.slick-arrow:before {
        background-position: center;
        background-repeat: no-repeat;
        color: transparent;
      }
      .slick-next:before {
        background: url(http://jewellerydirks.adcube.dk/wp-content/uploads/2024/01/right-arrow.svg);
      }
      .slick-prev:before {
        background: url(http://jewellerydirks.adcube.dk/wp-content/uploads/2024/01/left-arrow.svg);
      }
      button.slick-next {
        right: 0;
      }
      button.slick-prev {
        left: 0;
      }
      .persion {
        color: #c29958;
        font-size: 18px;
        font-weight: 400;
        line-height: normal;
      }
      .persion-degination {
        color: #979797;
        font-size: 16px;
        font-weight: 400;
        line-height: normal;
      }
      .slick-slide.slick-active .client-name {
            opacity: 0.2;
        }
        .text-wrapper.slick-current.slick-center .client-name {
            opacity: 1;
        }




@media only screen and (max-width:1024px){
    .content-box p{
        width: 74%;
        font-size: 16px;
    }
    button.slick-next, button.slick-prev{
            width: 50px;
            height: 50px;
        }
}





      @media (max-width: 767px) {
        
        .box-services .elementor-icon-box-wrapper {
            align-items: center;
        }
        .img-bg-border figcaption:before{
            width: 96%;
        }
        .img-bg-border_lg_leftside figcaption:before {
            left: 4px;
        }
        .margin-left-0 .e-con-inner {
            padding: 0 20px;
            margin: auto;
        }
        .content-box p{
            font-size: 14px;
            max-width: 80%;
        }
        
        button.slick-next {
          right: -16px;
        }
        button.slick-prev {
          left: -16px;
        }
      }