/* Custom Css */
.theme-btn:after{
    border-top: 65px solid #d3eaf8;

}

.desktop-nav .nav-bar .extras .theme-btn:after{
    border-top: 60px solid #d3eaf8;

}


.btn-herosection{
    color: #575756;
    background-color: #D3EAF8;
}

.theme-btn i:after{
    background: #575756;
}

.f-slider-one-data h1 {
    color: #ffffff;
}
.f-slider-one-data p {
    color: #ffffff
}

.btn-phone-herosection{
    color: #575756;
    background-color: #D3EAF8;
}

.btn-phone-herosection{
    color: #575756;
    background-color: #D3EAF8;
}


.header-style-one .desktop-nav.slideDown, .header-style-one .desktop-nav.slideUp{
    background-color: #3f3f40;
}

.service-style-one .service-data::before{
    background: #D3EAF8
}


.service-style-one .service-data::before:hover{
    background: #d81e18!important;
}



.featured-slider-one .owl-item.active:after{
    background-color: #2787C8;
}

.featured-slider-one .owl-item.active:before{
    background-color: #2787C8;
}


.service-style-one .service-data:hover .svg-icon:before{
    background-color: #D3EAF8;
}

.bermi-icon{
    width: 85px;
}

.project-style-one .project-slider .owl-dots button.active{
    background: #2787c8;
}

.core-features button.accordion-button:before {
    content: "";
    background: #C6C6C6;}

/* .num{background: #D4EDFC;} */



.core-features button.accordion-button.collapsed{
    background: #A1DAF8;
}

/* .core-features button.accordion-button span{
    background: #D4EDFC;
} */


.heading-style-2 .data h2{
    color: #2787c8;
}

.about-style-one .about-data-right h2{
    color: #2787c8;
}

.heading h2, .heading.heading-style-3 h2 span{
    color: #2787c8;
}

.project-style-one .project-post .project-data h3 a{
    color: #2787C8;
}

.client-review-slider .slider-data .bio .icon{
    color: #83D0F5!important;
}

.head-review h3{
    color: #2787c8;
}

.blog-style-one .blog-data .blog-date{
    background-color: #D4EDFC;
}

.blog-style-one .blog-data .blog-date:before{
    background-color: #D4EDFC;
}

.theme-btn{
    background-color: #D4EDFC;
}

.video-play-btn{
    background-color: #575756;
}

.client-review-slider .owl-dots button.active{
    background-color: #2787c8;
}

.footer-style-one .footer-p-2, .footer-style-one .footer-p-3{
    background-color: #353535;
}

.footer-style-one .footer-p-1{
    background-color: #9D9D9C;
}

.icon-footer{
    fill: white;
}

.footer-style-one .footer-p-2 .footer-col form button:before{
    background-color: #D4EDFC;
}

button.scrollTopStick i{
    color: #2088c9;
    mix-blend-mode: normal;
}

.icon-quote{
    fill: white;
}

.bermi-client-image{
    width: 530px;
}

.core-features .accordion-button:not(.collapsed){

    background-color: #a1daf8;
}

.core-features button.accordion-button.collapsed{
    background: #2787c8;
}

.service-style-one .service-data h3 a{
    color: #575756;
}

.logo-entreprise{
    opacity: 0.5;
    transition: 500ms;
}

.logo-entreprise:hover{
    opacity: 1;
}


.circle-btn{
    display: none;
}

.renovation{
    padding-top: 110px;
}

.blog-author{
    display: none;
}

.logo-footer{
    padding-top: 10px;
}

.footer-p-1{
    display: none;
}

.desktop-nav .nav-bar > ul > li.menu-item-has-children > a:before{
    display: none;
}

.sub-menu{

}

img#theme-icon{
    display: none;
}

.mobile-nav.desktop-menu{
    background-color: white;
}

.row-header{
    --bs-gutter-x: 0rem!important;
    --bs-gutter-y: 0;
    display: flex;
    flex-wrap: wrap;
    margin-top: calc(-1 * var(--bs-gutter-y));
    margin-right: calc(-.5 * var(--bs-gutter-x));
    margin-left: calc(-.5 * var(--bs-gutter-x));
    }


.banner-style-one{background: #2088c9;}

.banner-style-one .banner-details p{
    color: #ffffff;
}

.about-how-it-works .y-box{
    background-color: #2088c917;

}

.service-style-two .service-two-box h3 a:hover .container-box-services{
    color: white;
}

.container-box-services:hover p,
.container-box-services:hover .text-services-box {
    color: white;
}

.logo-clients-service-bermi{
    width: 800px;
}

.builty-pagination ul.pagination li:first-child a, .builty-pagination ul.pagination li:last-child a{
    background-color:#2787c8 ;
}

.prj-post{
    margin-top: 10px;
}

.project-completed.our-projects-one .prj-post{
    border-top: 1px solid #575756;
    border-bottom: 1px solid #d8d8d8;
    margin-top: -2px;
    margin-bottom: -2px;
}

.contact-form-2 .bio{
    display: none;
}

.contact-form-2 .info{
    padding: 35px 40px 40px;
    background: #2088c9;
}

.contact-form-2 .info ul.contact li p{
    color: white;
}

.contact-form-2 .info ul.contact li:not(:last-child){
    border-bottom: 2px solid #ffffff;
}
.contact-form-2 .info ul.social-medias li a{
    display: flex;
align-items: center;
justify-content: space-between;
height: 60px;
border: 1px solid #575756;
padding: 0 30px;
background-color: #575756;}

.contact-form-2 .info ul.social-medias li .fb:hover{
    background: #878787;
}

.contact-form-2 .info ul.social-medias li .tw:hover{
    background: #878787;
}

.acc2 .accordion-item button:before{

    content: "";
    width: 75px;
    height: 0px;
    position: absolute;
    bottom: 0;
    right: 0px;
    border-top: 76px solid #2088c9;
    border-left: 0px solid #eee;
    border-right: 30px solid transparent;
    border-bottom: 0px solid #eee;
    transform: rotate(180deg);
    margin: 2px;
}

.contact-faqs .acc2{
    background: white;
    padding: 0 110px 80px 110px;
    margin-bottom: 36px;
    position: relative;
}

.shape:after{
    content: "";
    width: 30px;
    height: 60px;
    position: absolute;
    z-index: 9;
    bottom: 0;
    right: 0;
    border-left: 40px solid #2088c9;
    border-right: 50px solid #d1676700;
    border-bottom: 60px solid #ffee0200;
    transform: rotate(180deg);
}
.featured-slider-two{
    background: #2088c9;
    height: 800px;
    position: relative;
    z-index: 0;
    padding-top: 120px;
}

.goal-mov{
    display: none;
}
#Builty_Logo_Icon{
    display: none;
}

.our-goal .data figure:before{
    background-color: unset;
}

.map-algeria{
    width: 650px;
}

.contact-us .c-data ul li:nth-child(1){
    top: 8px;
    right: 340px;
}
.contact-us .c-data ul li:nth-child(2){
    top: 220px;
    right: 194px;
}
.contact-us .c-data ul li:nth-child(3){
  top: 134px;
  right: 311px;
}
.contact-us .c-data ul li:nth-child(4){
  bottom: 179px;
  left: 451px;
}
.contact-us .c-data ul li:nth-child(6){
  top: 24px;
  right: 161px;
}
.contact-us .c-data ul li:nth-child(5){
  bottom: 202px;
  left: 250px;
}
.contact-us .c-data ul li:nth-child(7){
  top: 237px;
  left: 192px;
}

.sub-menuu{
    border-left: 5px solid;
    position: absolute;
    left: 0;
    top: 100%;
    transform: translateY(50px);
    -webkit-transform: translateY(50px);
    -moz-transform: translateY(50px);
    -o-transform: translateY(50px);
    width: 210px;
    background-color: #fff;
    opacity: 0;
    visibility: hidden;
}

.nav-bar{
    column-gap: 50px;
}
@media (max-width: 1200px){
    .header-style-one{
        background-color: #3f3f40;
    }
    .header-style-one .desktop-nav{
        background-color: #3f3f40;
    }
}

.logo-bermi{
    width: 250px;
}

#mobile-nav{
    background-color: #3f3f40;
}

.featured-slider-one .owl-item.active:before{
    background-color: unset;
}

.featured-slider-one .owl-item.active:after{
    background-color: unset
    ;
}

.featured-slider-one .f-slider-layer:before{
    content: "";
    background: rgb(0, 0, 0);
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0.5;

}

@media (max-width:1600px){
    .featured-slider-one .owl-item.active .f-slider-one-data h1{
        font-size: 61px;
        line-height: 62px;
    }
}


#slider-1{background-image: url(/assets/bermi_images/pagedacceuil.jpg); background-repeat: no-repeat; background-size: cover;background-position: bottom;}
#slider-2{background-image: url(/assets/images/bermi-landing-1.jpg); background-repeat: no-repeat; background-size: cover;}
#slider-3{background-image: url(/assets/images/bermi-landing-2.jpg); background-repeat: no-repeat; background-size: cover;}

@media (max-width: 767px){
.header-style-one .desktop-nav{
    background-color: #3f3f40;
}
.featured-slider-one .owl-item.active .f-slider-one-data h1{
    font-size: 38px;
    line-height: 54px;
}

.login-user{
    display: none;
}
.flag{
display: none;
}
.flag-phone{
    width: 24px;
    margin: 0 5px;
}

.map-algeria{
    width: 400px;
}
.contact-us .c-data ul li:nth-child(1){
    top: 8px;
    right: 143px;
}
.contact-us .c-data ul li:nth-child(2){

    top: 180px;
    right: 235px;
}

.contact-us .c-data ul li:nth-child(3){
    top: 134px;
    right: 135px;

}
.contact-us .c-data ul li:nth-child(4){
    bottom: 179px;
    left: 289px;

}
}

.flag{
    width: 24px;
    margin: 0 10px;
}

.preloader figure:after{
    content: "";
    width: 100%;
    height: 100%;
    border: 2px solid #000;
    border-top: 2px solid #ffffff;
    border-radius: 50%;
    position: absolute;
    left: 0;
    top: 0;
    animation: rotate1 0.60s infinite;
}

.row{
    --bs-gutter-x: 0rem;
}

.login-user{
    width: 30px;
    cursor: pointer;
}

.owl-item cloned{
    width: 1600px;
}

@media (max-width:1385px){
    .btn-phone-herosection{
        display: none;
    }
}


.sub-menu{
   left: unset!important;
}

.extras .flag{
    padding-top: 3px;
}

.project-desc {
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  max-height: 70px;
}

.project-post .image {
  height: 325px;
}

.project-post .image img {
  height: 100%;
}

.odometer .odometer-inside {
  white-space: nowrap;
}

.tab-pane {
  max-height: 500px;
  overflow: hidden;
}
.tab-pane .desc {
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
}

a,
a:hover {
  color: inherit;
}


.social-media-div{
z-index: 3;
border: 2px solid white;
padding: 10px;
border-radius: 5px;
top: 20%;
right: 5px;
}

.social-media-div i{
    font-size: 42px;
    color: #fff;
}

.social-media-mobile{
  right: 50%;
  transform: translateX(50%);
  top: -165px;
}
.social-media-icon:hover{
    width: 45px;
    transform: scale(1.2);
    transition: 500ms;
}

.featured-slider-one .owl-nav{
    position: absolute;
    bottom: 0%;
    right: 0;
    transform: translate(-50%, -50%);
}

.address-output {
  position: relative;
}

/* .address-output p::before {
  content: '-';
  position: absolute;
  font-size: 20px;
  left: -15px;
} */

.service-style-two .service-two-box .service-two-icon .icon {
  z-index: -2;
}

.footer-style-one .social-medias a {
  font-size: 30px !important;
}

.footer-style-one .social-medias a:before {
  border-bottom: 0px solid transparent !important;
}

.order-list {
  display: block;
  list-style-type: disc;
  padding-inline-start: 30px;
}
.order-list>span {
  display: list-item;
}

.footer-col ul li a{
  color: #b7b7b7;
  text-decoration: underline;
}

.counter-style-one .counter-data .count {
  align-items: center;
}
.counter-style-one .counter-data .count i {
  position: relative;
  top: 15px;
}

.carousel-logo {
  position: relative;
}
.carousel-logo .btns {
  position: absolute;
  display: flex;
  width: 110%;
  justify-content: space-between;
  top: 50%;
  transform: translateY(-50%);
  left: -5%;
}
.carousel-logo .btns i {
  cursor: pointer;
  font-size: 40px;
}