@font-face {
    font-family: '29 Lt Bukra';
    src: url('29ltbukralight.otf');

}
body{
    font-family: '29 Lt Bukra', serif;
}
.colored{
    background-color: #9CB4CC !important;
}
.mean-container .mean-nav ul li a.active, .navbar-expand-md .navbar-nav .nav-link.active, .navbar-expand-md .navbar-nav .nav-link:hover
,.portfolio-slider-wrap .slick-arrow i{
    color: #00EAD3 !important;
}
.btn.btn-default .btn-seco,
.others-options.v3 .btn ,
.left-content-hero h5
,.ftr-widget h2:after
,.portfolio-inner-sl .hidden-cont .btn
{
    background: #00EAD3 !important;
}
.btn.btn-default
,.single-blog-inner .imgs .date,.single-blog-inner .imgs .cat
,.inner-promo-txt
,.copyright-conts
,.ftr-widget .navs li a:after
,#return-to-top
,.top_nav_soc .container
,.top_nav_soc:after
,.others-options .btn
, .others-options.v3 .header-info-list li .icon, .service-widget-right.links .btns .btn:hover
{
    background: #5800FF !important;
}
.sec-title h3{
    color: #5800FF !important;
    font-weight: 300 !important;
}
.ftr-widget .socials li a
,.promo-cont-with-social .social_links li a
,.ftr-widget .contacts li i
{
    color: #5800FF !important;
}
.breadcrumb .breadcrumb-item.active, .sec-title.v2 h3{
    -webkit-text-fill-color:unset;
}
.right-content-top li a ,.left-content-top li i{
color: #fff !important;
}
.right-content-top li:after{
    background: #fff !important;
}
.pagination .page-link{
    color: #5800FF !important;
    border: 1px solid #00EAD3 !important;
}
.blog.pagination .page-link:hover{
    background: #5800FF !important;
    color: #fff !important;
}
.left-images-about-v3 .inner-imgs .img1{
    border: 10px solid #FFE400;
    width: 100%;
}
.left-images-about-v3 .inner-imgs .img2{
    border: 10px solid #9CB4CC;
    width: 100%;
}
.left-images-about-v3 .inner-imgs .img3{
    border: 10px solid #00EAD3;
    width: 100%;
}
.left-images-about-v3 .inner-imgs .img4{
    border: 10px solid #5800FF;
    width: 100%;
}
.left-content-top li:after{
    background: #fff !important;
}
.main-navbar .container{
    border-radius:unset;
    border-top-left-radius :50px;
    border-bottom-left-radius :10px;
}
.top_nav_soc .container{
    border-radius:unset;
    border-top-left-radius :50px;
    border-bottom-left-radius :10px;
}
.banner-area-wrap:after{
    background: unset !important;
}
.banner-area-wrap {

    padding-top: 0 !important;
    padding-bottom: 0 !important;

}
.banner-area-wrap >img{
    max-width: 100%;
    width: 100%;
}
.banner-frame-one{
    background-image: url('/front/svg/41407.svg') !important;
}
.banner-frame-two{
    background-image: url('/front/svg/41409.svg') !important;
}

.banner-frame-three{

    background-image: url('/front/svg/41411.svg') !important;
}
.banner-frame-four{
    background-image: url('/front/svg/41413.svg') !important;
}
.left-content-top li i{
    /*background:#fff !important;*/
}
 .main-navbar{
     background-color: #fff!important;
 }
.others-options .option-item .opt{
    border: 2px  solid #FFE400 !important;

}
.others-options .btn:hover{
    color:  #00EAD3 !important;
}
.navbar-expand-md .navbar-nav .nav-link{
    font-weight: 600 !important;
    font-size: 17px !important;
}
.icon-service{
    display: flex;
    justify-content: center;
    align-items: center;
}
.icon1{
    background: #FFE400 !important;
}
.icon0{
    background: #5800FF !important;
}
.icon2{
    background: #00EAD3 !important;
}
.single-services-dv .imgs .icon{
 padding-top: 0 !important;
 padding-left: 0 !important;
}
.single-services-dv .imgs .icon{
    border-radius: 10px !important;
}

.single-services-dv{
    background: #fff !important;
    border-radius: 13px !important;
}

.icon icon-service icon2 >img{
    width: 30% !important;
}
.inner-portfolio-sing .overlay-content{
    background: rgb(88 0 255 / 53%) !important;
}

.slider-controls span i {
    background: linear-gradient(90deg, #5800ff -.02%, #5800ff 100.06%);
    -webkit-text-fill-color: transparent;
    -webkit-background-clip: text;
}
.inner-portfolio-sing .overlay-content .txt:after{
    background:  #00EAD3 !important;
}
h2.tag1 p {
    font-size: 40px;
    line-height: 60px;
    font-weight: 600;
    margin-bottom: 20px;
}

.icon.icon-service.icon-service img {
    width: 90px;
}
.article-share-tags li a:hover, .copyright-conts.v2 a:hover, .custom-product-wrap .cont .add_cart:hover, .custom-product-wrap .cont h3:hover a, .ftr-widget .navs li a:hover, .ftr-widget .recent-posts li p i, .ftr-widget.v2 .navs li a:hover, .how-work-inner-v3:hover h2, .inner-bx-ftr li h2, .list-items-cat li input:checked+label, .nav-tabs.pr-navs .nav-link.active, .recent.product-filter-single .r-posts .d-flex h5 a:hover, .single-services-dv:hover .cont h2 {
    color: #5800ff;
}
.single-services-dv .cont h2 {
    font-size: 20px;
}

.single-services-dv .cont {
    padding: 40px 35px 40px;
}

.single-services-dv:hover .icon-service{
    background-color: #5800FF !important;
}

.single-services-dv:hover .icon-service.icon0{
    background-color: #6a20f4 !important;
}
a.btn:hover {
    background: #01ead3 !important;
    border-color: #01ead3 !important;
    color: #fff !important;
}
.others-options a.btn:hover {
    background: #01ead3 !important;
    border-color: #01ead3 !important;
    color: #fff !important;
}
.partner-area-wrap.px-120 {
    background: #ffffff;
}
.logo-sl-inner {
     background: #fff;
    box-shadow: 0 0 35px rgba(0, 0, 0, .06);
    border: 1px solid #eae6e6;
    width:50%;
        margin: 2px;
}

.colored2{
    background-image: url(https://lab.redwan-dev.info/front/img/page-banner/bg.jpg);
    background-size: cover;
}
.team-member-inner.v3 {
    background: #ffffff;

}
.team-member-inner .imgs img {
    width: 100%;
}
.promo-text-area:after {

    background: #0000;
    opacity: .8;
}
.inner-promo-txt {
    background: #01ead3 !important;
}
.promo-cont-with-social {
    background: #ffffff;
}

.single-blog-inner .imgs .date {

    left: 8px;
    top: 8px;
    bottom: unset;

}
.single-blog-inner {
    background: #f0f0f0;
}
.single-blog-inner.blog.aos-init.aos-animate h2 {
    font-size: 20px !important;
    font-weight: bold;
}

.footers {
    background-color: #000ce2;
}
.single-blog-inner .conts {
    padding: 40px 30px 40px;
}
.team-member-inner.v3 .cont {
    padding: 40px 20px 40px;

}

.shape-bottom-right {

    background-color: #02b5a4;
    background: linear-gradient(90deg, #02b5a4 -.02%, #01ead3 100.06%);

}
.shape-top-left {

    background: linear-gradient(90deg, #dbc402 .03%, #ffe400 100.09%);

}
a.opt i {
    margin-top: -3px !important;
    display: block;
}
.service-widget-right h2:before{
    background-color: #02b5a4;
    background: linear-gradient(90deg, #02b5a4 -.02%, #01ead3 100.06%);

}
.srv-main-image ,.service-widget-right.links .btns .btn ,.details-content-wraps .srv-provess .our-src li {
    background: #f0f0f0 !important;
}
.srv-main-image{
    padding: 0 !important;
}
.title_color{
    color:  #5800FF !important;
}
.how-work-inner-v3 .icon{
    background-color: #02b5a4 !important;
    background: linear-gradient(90deg, #02b5a4 -.02%, #01ead3 100.06%)!important;
}
.how-work-v3.bg-image {
    border-radius: 20px;
    margin-top: 20px;
}
  .how-work-inner-v3:hover:after{
      background-color: #02b5a4 !important;
      background: linear-gradient(90deg, #02b5a4 -.02%, #01ead3 100.06%)!important;
  }
.breadcrumb .breadcrumb-item.active, .sec-title.v2 h3{
    color: #02b5a4 !important;

}
.single-con-dts .icon{
    background: #02b5a4 !important;
}
.active>.page-link, .page-link.active{
    background-color: #02b5a4 !important;
}

@media (max-width: 767px)
{
    .left-images-about-v3 .inner-imgs .img2{
        display: none;
    }
    .left-images-about-v3 .inner-imgs  .img3{
        display: none;
    }
    .left-images-about-v3 .inner-imgs  .img4{
        display: none;
    }
    .left-images-about-v3 .inner-imgs{
        margin: 20% !important;
    }
    .banner-area-wrap >img{
        margin-top: 80px;
    }
}

.shape-bottom-right{
background: linear-gradient(90deg, #ead003 -.02%, #ead003 100.06%) !important;
    
}

.breadcrumb .breadcrumb-item.active, .sec-title.v2 h3 {
    color: #00ead3 !important;
     background: unset;
     background-color:unset;
    background-image:  unset;
}
.col-12.partner_logo {
    background: #9eb4cc;
}
 
 
.tag1{
    font-size:30px;
}

@media (max-width: 767px)
{
  .left-images-about-v3 .inner-imgs .img1 {
 
    margin-left: -149px;
}  
}


@media (max-width: 320px)
  {
     .left-images-about-v3 .inner-imgs .img1 {
 
    margin-left: -129px;
} 
}

.single-blog-inner .imgs .date{
    max-width: 110px;
    padding: 7px;
}