/* ----------------------------------------------------------------
	Custom CSS

	Add all your Custom Styled CSS here for New Styles or
	Overwriting Default Theme Styles for Better Handling Updates
-----------------------------------------------------------------*/

@font-face {
    font-family: '29LT Bukra';
    src: url('/29LTBukra-Regular.woff2') format('woff2'),
        url('/29LTBukra-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

* {
	font-family: '29LT Bukra' !important;
}
.our-clients{
    background: #e7e7e7; padding: 50px 0 !important;
}
.home-testimonials{
    padding:50px 0;
}
.editor-content p{
    margin-bottom: 10px !important;
}
.toggle-header{
    background-color: #1abc9c !important;
}
.see-more-button{
    width: auto !important;
}
div.sub_sections_tabs{
    margin-bottom:50px;
}
.sub_sections_sections .section {
            display: flex;
            align-items: center;
            justify-content: space-between;
            border-radius: 20px;
            padding: 20px;
            margin-bottom: 20px;
            direction: rtl;
            overflow:visible !important;
            width:90% !important;
            margin-right: 100px !important ;
        }
        .sub_sections_sections  .section img {
            width: 250px;
            height: auto;
            border-radius: 10px;
            
        }
        .sub_sections_sections  .section-content {
            flex: 1;
            padding-right: 20px;
        }
        .sub_sections_sections  .section h2 {
            margin: 0;
            font-size: 24px;
        }
        .sub_sections_sections  .section p {
            margin: 10px 0;
            font-size: 16px;
        }
        .more {
            font-weight: bold;
            text-decoration: none;
            color: #444;
        }
        .image-wrapper {
  position: relative;
  display: inline-block;
  margin-right: -100px;
}

.image-wrapper::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.owl-carousel2 .owl-nav [class*=owl-]{
    opacity:1 !important;

}
.owl-carousel2 .owl-prev,.owl-carousel2 .owl-next, .owl-carousel2 .owl-dot.active{
background-color:#4ec1b4 !important;
    color:#fff !important;
}
.owl-carousel2 .owl-next{
left:0 !important;
height:32px !important;
width:32px !important;
margin-top:-16px !important;
}
.owl-carousel2 .owl-dots{
    display:none !important;
}
.owl-carousel2 .owl-prev{
right:0 !important;
margin-top:-16px !important;
height:32px !important;
width:32px !important;
}
.custom_sub_sections{
    margin-top:30px;
}
.custom_sub_sections .tabs-image{
    border: 1px solid #4ec1b4;
    border-radius: 5px ;
    margin-left:10px;
}

.custom_sub_sections .canvas-tabs.flex-column:not(.nav-pills) .nav-link.active, .canvas-tabs.nav-tabs.flex-column:not(.nav-pills) .nav-link.active {
    background-color: #f2f2f2 !important;
    color: #4ec1b4 !important;
    padding: 0 !important;
    border-color:#4ec1b4 !important;
}
        .green .image-wrapper::before{
            background: rgba(174, 236, 227, 0.4); 
        }
        .green h2{color:#4ec1b4;}
        .green p,.green a{color:#555a54;}
        .green { background-color: #aeece3; }


        .purple .image-wrapper::before{
            background: rgba(179, 168, 190, 0.4); 
        }
        .purple h2{color:#7b296d;}
        .purple p,.purple a{color:#514d54;}
        .purple { background-color: #edd8e8; }


        .beige .image-wrapper::before{
            background: rgba(222, 222, 222, 0.4); 
        }
        .beige h2{color:#7d7d7d;}
        .beige p,.beige a{color:#6a6862;}
        .beige { background-color: #dedede; }

.tabs-image{ 
    max-width:50px !important;
    max-height:30px !important;
}

       @media (min-width: 1000px) and (max-width: 1200px) {
  .tabs-img{ 
    width:25px !important;
    
}
.tabs-nav-link{
    font-size:12px !important;
}
}

@media  (max-width: 1000px) {
    .sticky-nav{
        display:none !important;
    }
    .tabs-main-content{
        width:100% !important;
    }
    .nav-carousel{
        display:block !important;
    }
}
.sub_sections_more{
    cursor: pointer;
}
.nav-sticky {
    position: fixed !important;
    top: 121px;
    left:0;
    width: 100%;
    margin-bottom:0 !important;
    box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1);
    z-index: 1000 !important;
    transition: all 0.3s ease-in-out;
}
.scroll-stick{
    background: #efefef; 
    border-radius: 20px;
    margin-bottom:25px;
}
@media  (max-width: 650px) {


.sub_sections_sections .section{
    display:block;
    width:100% !important;
    margin-right:0 !important;
}
.image-wrapper{
    margin:0 !important;
}
.image-wrapper img{
    width:100% !important;
}
.section-content{
    padding-top: 20px;
}
}
@media  (min-width: 1000px) {
    
    .nav-carousel{
        display:none !important;
    }
}