@font-face {
    font-family: icoral-med;
    font-display: optional;
    src: url(../imgs/fonts/Poppins-Medium.ttf);
}
@font-face {
    font-family: icoral-regular;
    font-display: optional;
    src: url(../imgs/fonts/Poppins-Regular.ttf);
}
@font-face {
    font-family: icoral-bold;
    font-display: optional;
    src: url(../imgs/fonts/Poppins-Bold.ttf);
}
/* @font-face {
    font-family: secondOne;
    src: url(../imgs/fonts/BAHNSCHRIFT\ 5.TTF);
} */

:root{
    --col-primary:#F99F2D;
    --col-secondary: #166384;
}
body{
    font-family: "Poppins", sans-serif !important;
    background-color: #F6F7F8 !important;
    
}
.ic-container{
    margin-top: -5px;
    background:white;
}
.nav-link{
    color:#4e86d6 !important;
    font-size:12px;
}
.nav-link.active-orange {
    background: #f9edd2 !important;
}
.nav-link.active-blue {
    background: #89dff2 !important
}
.nav-link.active-gray {
    background: #BCCDE3 !important
}
a.navbar-brand {
    padding: 10px !important;
}

.nav-item{
    /* padding-left: 12px;
    padding-right: 12px; */
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    position: relative;
    overflow: hidden;
    min-width: 100px;
    
    /* background: #fea10015; */
}
.bg-ic-primary {
    background: var(--col-primary);
}
.bg-ic-secondary {
    background: var(--col-secondary) !important;
}
.bg-ic-gray {
    background-color: #BCCDE3 !important;
}
.nav-item .active{
    -webkit-transform: translateY(-4px);
    background:#fea10015;
}
.border-start-primary{
    border-left:.5px solid var(--col-primary);
}
.border-end-primary{
    border-right:.5px solid var(--col-primary);
}
.border-start-secondary{
    border-left: .5px solid var(--col-secondary);
}
.border-end-secondary {
    border-right: .5px solid var(--col-secondary);
}
.text-primary{
    color: var(--col-primary) !important;
}
.text-secondary{
    color: var(--col-secondary) !important;
}
/* a:hover{
    color: var(--col-primary) !important;
} */
.nav-item-primary{
    background-color:#1EAFD0  !important;
}
.nav-item-secondary {
    background-color: #FBB45C !important;
}
.lang.active {
    -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
    filter: grayscale(100%);
}

/* .nav-item:hover, .nav-link:hover{
    color:#4990AC !important;
    font-size:12px !important;
} */
.inner-nav-link{
    margin-bottom:0px;
    margin-top: 2px;
    margin-left: 5px;
    color:#27224e;
}
a.nav-link svg {
    width: 21px !important;
}
.navbar-toggler {
    padding-left: 12px !important;
    padding-right: 12px !important;
    padding-top: 8px !important;
    padding-bottom: 6px !important;
    color: rgb(73 144 172) !important;
    background-color: #f6f7f8 !important;
}
.navbar-toggler:focus{
    box-shadow: 2px 3px 0px !important;
}
.navbar{
    height: 70px !important;
    border-bottom:1px solid #ddd;
    box-shadow: 0px 0px 2px -1px #8f8f8f !important;
}
.owl-one .item-home-slider{
    height:485px;
}
.item-home-slider{
    border:1px solid #ddd;
}
.owl-two div {
    height: auto;
}
.owl-carousel .owl-inner-slider {
    height:250px;
}
.owl-inner-slider .owl-item img{
    position:relative;
}
.owl-inner-slider .owl-nav{
    font-size:38px;
}
.owl-inner-slider .owl-prev, .owl-inner-slider .owl-next{
    position: absolute;
    top:40%;
    color:#FEAE24 !important;
    background-color: #ffd8946e !important;
    width:40px;
    border:1px solid #FEAE24 !important;
    border-radius: 50px;
}
.owl-inner-slider .owl-prev{
    left:20px !important;
}
.owl-inner-slider .owl-next{
    right:20px !important;
}
.menu-mega{
    position: fixed;
    bottom: 60px;
    right: 65px;
    z-index: 1000;
}

.triggerButton { display: none; }
.triggerButton + label {
  cursor: pointer;
  position: absolute;
  right: 0em;
  bottom: 0em;
  background-color: rgb(179, 53, 123);
  background-image: url('../imgs/icons/assistante.png');
  background-size: cover;
  height: 5.5em;
  width: 5.5em;
  border-radius: 50%;
  z-index: 2;
  display: flex;
  justify-content: center; 
  align-items: center;
  /* box-shadow: 0px 0px 0 10px rgb(232, 197, 215); */
  box-shadow: 0px 0px 0 10px rgb(245, 228, 237);
  animation: pulse 1.5s infinite;
}
.triggerButton:after{
    width:20px;
    height:20px;
    background:red;
    clip-path: polygon(60% 29%, 3% 28%, 100% 100%);

}
@-webkit-keyframes pulse {
    0% {
      -webkit-box-shadow: 0 0 0 0 rgba(179, 53, 123, 0.8);
    }
    70% {
        -webkit-box-shadow: 0px 0px 0 15px rgba(179, 53, 123, 0.2);
    }
    100% {
        -webkit-box-shadow: 0 0 0 0px rgba(179, 53, 123, 0.2);
    }
  }
@keyframes pulse {
0% {
    -moz-box-shadow: 0 0 0 0 rgba(179, 53, 123, 0.8);
    box-shadow: 0 0 0 0 rgba(179, 53, 123, 0.8);
}
70% {
    -moz-box-shadow: 0px 0px 0 15px rgba(179, 53, 123, 0.2);
    box-shadow: 0px 0px 0 15px rgba(179, 53, 123, 0.2);
}
100% {
    -moz-box-shadow: 0 0 0 0px rgba(179, 53, 123, 0.2);
    box-shadow: 0 0 0 0px rgba(179, 53, 123, 0.2);
}
}

.triggerButton:checked + label { box-shadow: none !important; opacity: 0.6;}
.one, .two, .three, .fourth {
    cursor: pointer;
    position: absolute;
    right: 0em;
    bottom: 0em;
    padding: 10px;
    width: 3em;
    height: 3em;
    text-align: center;
    border-radius: 50%;
    opacity: 0;
    z-index: 1;
    transform: rotateZ(90deg);
    font-size: 1em;
    color: #fff;
    transition-property: all;
    transition-duration: .35s;
    transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .triggerButton:checked ~ .one, .triggerButton:checked ~ .two, .triggerButton:checked ~ .three, .triggerButton:checked ~ .fourth { opacity: 1; }
  .triggerButton:checked ~ .one {
    background-color: #F99F2D;
    transform: translateX(-4em) translateY(2.6em);
    transition-delay: .2s;
    padding: 13px;

  }
  .triggerButton:checked ~ .one:hover span {
    display:block;
    color: #F99F2D;
    position: absolute;
    top: 17px;
    left: -112px;
    font-weight: bold;
    background: white;
    
  }
  .one span {
    display: none;
  }

  .triggerButton:checked ~ .two {
    background-color: #F5CE3E;
    transform:  translateX(-6em) translateY(-0.5em);
    transition-delay: .1s;
  }
  .triggerButton:checked ~ .two:hover span {
    display:block;
    color: #F5CE3E;
    position: absolute;
    top: 10px;
    font-weight: bold;
    left: -107px;
    background: white;
  }
  .two span {
    display: none;
  }


  .triggerButton:checked ~ .three {
    background-color: #2591C9;
    transform:translateY(-4em) translateX(-5.2em);
  }
  .three span {
    display: none;
  }
  .triggerButton:checked ~ .three:hover span {
    display:block;
    color: #2591C9;
    position: absolute;
    top: 9px;
    left: -74px;
    font-weight: bold;
    background: white;
  }

  
  .triggerButton:checked ~ .fourth {
    background-color: #156B86;
    transform: translateY(-5.9em) translateX(-1.9em);
  }
  .triggerButton:checked ~ .fourth:hover span {
    display:block;
    color: #156B86;
    position: absolute;
    top: 2px;
    left: -55px;
    background: white;
    font-weight: bold;
  }
  .fourth span {
    display: none;
  }
  

  .one i, .two i, .three i, .fourth i {
    font-size:22px;
  }

  /* .triggerButton:checked ~.one:hover, .triggerButton:checked ~ .two:hover, .triggerButton:checked ~ .three:hover, .triggerButton:checked ~ .fourth:hover { opacity: .9; } */
.menu-mega button {
    font-size:12px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    padding: 12px;
    border-radius: 15px;
    margin-bottom: 20px;
    min-width: 108px;
    border:none;
}
.menu-mega button:hover{
    filter: brightness(89%);
}
.item-equipe:hover{
    background:#e4900028;
}
.img-partenaire img{
    height: 50px !important;
    padding:5px;
    margin-bottom:10px;
    text-align: center;
}
.img-wrapper{
    background-color: #fefadf;
    border:4px solid #FEA100;
}
.img-wrapper, .img-wrapper-second{
    padding: 25px;
    text-align: center;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 10px;
}
.img-wrapper-second{
    background-color: #dae9ff;
    border: 4px solid #4e86d6;
}
.det-second h2{
    color: #4e86d6 !important;
    margin-top:2px;
}
.details-card h3{
    font-weight: bold;
    color:#74592B;
    font-size:22px
}
.details-card h2{
    color: #f9a342;
}
.details-card span {
    font-size:15px !important;
    display: block;
}
.card-title{
    font-size:20px;
    text-align: center;
    font-weight: bold;
}
.contact-wrapper > li > a{
    color:#025F81 !important;
    text-decoration: none !important;
    text-align: start !important;
    font-size: 18px;
}
.contact-wrapper > li > a > img{
    margin-right:15px !important;
    width: 40px;
}
.img-wrapper-logo{
    height:234px;
    width:234px;
    text-align: center;
    background-color: #f9f9f9;
    /* border:4px solid #FEA100; */
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 10px;
}

::-webkit-scrollbar {
    width: 10px;
  }
  /* Track */
  ::-webkit-scrollbar-track {
    box-shadow: inset 0 0 5px grey; 
  }
   
  /* Handle */
  ::-webkit-scrollbar-thumb {
    background: #4990AC; 
  }
  
  /* Handle on hover */
  ::-webkit-scrollbar-thumb:hover {
    background: #357892; 
  }

.footer h2{
    font-size:22px !important;
    border-bottom:4px solid #FEA100;
    display:inline-block;
    margin-bottom:20px;
    font-weight: bold;
}

.footer a, .pages-footer a,  .menu-mega-footer a{
    color: #1a1919 !important;
    text-decoration: none;
}
.footer li {
    margin-bottom:10px  !important;
}
.footer a:hover, .pages-footer a:hover{
     color :var(--col-secondary) !important;
}
.menu-mega-footer{
    display: none !important;
    background: var(--col-primary);
    justify-content: center;
    align-items: center;
    box-shadow: 0px 0px 2px -1px #8f8f8f !important;
    border-top:1px solid #ddd;
}
.menu-mega-footer a{
    font-size: 12px !important;
    line-height: 1;
    justify-content: center;
    align-items: center;
    padding-top: 8px;
    padding-bottom: 8px;
    width: 100%;
    /* display: block !important; */
}
.menu-mega-footer span {
    margin-top:6px;
}
.contact-footer, .contact-footer a{
    color:#27224E !important;
}
.location-footer, .location-footer a{
    color:#27224E !important;
}
.rec-footer, .rec-footer a{
    color:#27224E!important;
}
.faq-footer, .faq-footer a{
    color:#27224E !important;
}
.blue-line .contact-footer a,
.blue-line .location-footer a,
.blue-line .rec-footer a,
.blue-line .faq-footer a
{
    color:white !important;
}
.cl-primary{
    color:#025F81 !important;
}
.cl-secondary{
    color:#e49000  !important;
}
.secondary-btn {
    border: 1px solid #fea100 !important;
    background: #ffdea6 !important;
    color: #74592B  !important;
}
.border-bottom-secondary{
    border-bottom:1px solid #fea100 !important;
}

.primary-btn {
    border: 1px solid #4e86d6 !important;
    background: #86AFE4 !important;
    color: #001636 !important;
}
.border-bottom-primary{
    border-bottom:1px solid #4e86d6 !important;
}
.border-bottom-third{
    border-bottom:1px solid #ffba7c  !important;
}
.border-bottom-third-blue{
    border-bottom:1px solid #3c8baa  !important;
}

.devis-box{background:#fefadf  !important;}
.comparateur-box{background:#ddebff  !important;}
.contact-box{background:#F09944  !important}
.contact-box-blue{background:#1F5E77  !important}
::selection {
    color: white;
    background: #FEAE24;
  }

.h-blog{
    min-height: 250px !important;
    max-height:250px !important;
}
.card-wrapper{
    position: relative !important;
    width:100% !important;
    overflow: hidden !important;
}
.hover01{
    width:100% !important;
    overflow: hidden !important;
    display: block;
}
.hover01 > picture {
	width: 100%;
    border-radius: 8px;
	height: auto;
	-webkit-transform: scale(1);
	transform: scale(1);
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}
.hover01:hover > picture {
	-webkit-transform: scale(0.98);
	transform: scale(0.98);
}
@media only screen and (max-width : 1800px) {
    .menu-mega {
        top: 208px;
        right: 200px;
    }
}


@media only screen and (max-width : 1700px) {
    .menu-mega {
        bottom: 60px;
        right: 30px;
    }
}
@media only screen and (max-width : 1400px) {
    .item-acctualite:after{
        display: none;

    }
    .break-new-line{
        width: 100% !important;
    }
    .owl-one .item-home-slider {
        height: 427px;
    }
    .item-acctualite-rev:after{
        display:none !important;
    }

}



@media only screen and (max-width : 1200px) {
    .owl-one .item-home-slider {
        height: 358px;
    }
        .nav-item {
        min-width: 110px;
    }

}

@media only screen and (max-width : 979px) {
    .menu-mega {
        display:none;
    }
    .menu-mega-footer{
        display: block !important;
    }
    .container-scrollable{
        overflow-x: scroll;
        scrollbar-width:none;
        -ms-overflow-style:none;
    }
    .container-scrollable::-webkit-scrollbar {
        display: none !important;
    }
    .title-size{
        font-size:17px;
    }
    .owl-one .item-home-slider {
        height: 268px;
    }


}

@media only screen and (max-width : 767px) {
    .menu-mega {
        display:none;
    }
    .card-with-shap:before {
        display:none;
    }
    .owl-one .item-home-slider {
        height: auto;
    }

}

@media only screen and (max-width : 480px) {
    .menu-mega {
        display:none;
    }
    .nav-item {
        min-width: 100px !important;
    }
    .owl-one .item-home-slider{
        height: auto !important;
    }
    .contact-section{
        min-height:360px;
    }
    .wm-features {
        margin-top: 10pc !important;
        margin-bottom: 8pc !important;
    }
}

@media only screen and (max-width : 320px) {
    .nav-item {
        min-width: 75px !important;
    }
}

.loader-icoral{
    background: white;
    /* background: radial-gradient(circle, rgba(254,174,36,0.35) 50%, rgba(2,95,129,0.45) 100%); */
    position: fixed;
    top:0;
    left:0;
    z-index: 10000;
    width: 100%;
    height:100%;
    display:flex;
    justify-content: center;
    align-items: center;
}
.loader-blue, .loader-orange{width:90px;height:90px;margin:40px auto; display: block;}
.loader-blue .loader-inner, .loader-orange .loader-inner{width:60px;height:60px;position:relative;margin:0 auto}
.loader-blue .loader-inner div, .loader-orange .loader-inner div{content:"";width:16px;height:16px;border-radius:50%;position:absolute;top:10px;left:10px;transform-origin:20px 20px;-webkit-animation:loading-14 2s infinite cubic-bezier(.5,0,.5,1);animation:loading-14 2s infinite cubic-bezier(.5,0,.5,1)}
.loader-blue .loader-inner div{background:var(--col-secondary);}
.loader-orange .loader-inner div{background:var(--col-primary);}
.loader-blue .loader-inner .box-2, .loader-orange .loader-inner .box-2{top:10px;left:auto;right:10px;transform-origin:-4px 20px;-webkit-animation:loading-142 2s infinite cubic-bezier(.5,0,.5,1);animation:loading-142 2s infinite cubic-bezier(.5,0,.5,1)}
.loader-blue .loader-inner .box-3, .loader-orange .loader-inner .box-3{top:auto;left:auto;right:10px;bottom:10px;transform-origin:-4px -4px;-webkit-animation:loading-143 2s infinite cubic-bezier(.5,0,.5,1);animation:loading-143 2s infinite cubic-bezier(.5,0,.5,1)}
.loader-blue .loader-inner .box-4, .loader-orange .loader-inner .box-3{top:auto;bottom:10px;transform-origin:20px -4px;-webkit-animation:loading-144 2s infinite cubic-bezier(.5,0,.5,1);animation:loading-144 2s infinite cubic-bezier(.5,0,.5,1)}
.loader-blue .text, .loader-orange .text{display:block;font-size:12px;text-align:center}
.loader-blue .text{ color:var(--col-secondary); }
.loader-orange .text{ color:var(--col-primary); }

@-webkit-keyframes loading-14{
	0%{transform:rotate(90deg)}
	50%{transform:rotate(180deg)}
	75%{transform:rotate(270deg)}
	100%{transform:rotate(360deg)}
}
@keyframes loading-14{
	0%{transform:rotate(90deg)}
	50%{transform:rotate(180deg)}
	75%{transform:rotate(270deg)}
	100%{transform:rotate(360deg)}
}
@-webkit-keyframes loading-142{
	0%,25%{transform:rotate(90deg)}
	25%{transform:rotate(180deg)}
	75%{transform:rotate(270deg)}
	100%{transform:rotate(360deg)}
}
@keyframes loading-142{
	0%,25%{transform:rotate(90deg)}
	25%{transform:rotate(180deg)}
	75%{transform:rotate(270deg)}
	100%{transform:rotate(360deg)}
}
@-webkit-keyframes loading-143{
	0%,25%{transform:rotate(90deg)}
	50%{transform:rotate(270deg)}
	100%{transform:rotate(360deg)}
}
@keyframes loading-143{
	0%,25%{transform:rotate(90deg)}
	50%{transform:rotate(270deg)}
	100%{transform:rotate(360deg)}
}
@-webkit-keyframes loading-144{
	0%,25%{transform:rotate(90deg)}
	50%{transform:rotate(180deg)}
	100%,75%{transform:rotate(360deg)}
}
@keyframes loading-144{
	0%,25%{transform:rotate(90deg)}
	50%{transform:rotate(180deg)}
	100%,75%{transform:rotate(360deg)}
}


.tab-with-icon {
    min-width: 115px;
    margin-right:3px;
    color: #27224e !important;

}
.tab-with-icon > div {
    display:flex;
    justify-content: center;
    align-items:center;
    flex-direction: column;
}
.tab-with-icon > div > i {
    margin-bottom: 5px;
    font-size:25px !important;
    
}
.tab-with-icon.active{
    background: #e4efff !important;
    color: #27224e !important;
}
.tab-with-icon.disabled{
    background: #e4e4e4 !important;
    color: #434242 !important;
}
.card-with-shap{
    position:relative;
    overflow: hidden;
}
.card-with-shap:before{
     content: '' !important;
    height: 60px !important;
    width: 60px !important;
    background: linear-gradient(
        to right,
        #198dc8 0%,
        #198dc8 50%,
        #096a9d 50%,
        #096a9d 100%
    ); 
    position:absolute;
    top:-30px;
    right:20px;
    clip-path: polygon(51% 50%, 100% 50%, 50% 100%, 0% 50%);
}
.div-with-shap{
    position: relative;
    overflow: hidden; 
    font-size: small;
}
.div-with-shap:after{
    content: '' !important;
    height: 100% !important;
    width: 98% !important;
    background: rgb(243 251 255 / 65%) !important;
    position: absolute;
    top: 0px;
    right: 12px;
    z-index: 0;
    /* clip-path: polygon(66% 70%, 100% 0, 100% 100%, 0 100%); */
    clip-path: polygon(100% 100%, 11% 100%, 100% 0);;
}
.item-acctualite, .item-acctualite-rev{
    /* min-width:293px;
    min-height:269px; */
}

.item-acctualite:after, .item-acctualite-rev:after{
    content:'';
    width: 40px;
    height:40px;
    background:#fff8e7;
    border:2px solid #ddcfac !important;
    clip-path: polygon(50% 0%, 50% 49%, 50% 100%, 0% 50%);
    position:absolute;
    top: 45%;

    z-index: 100;
}
.item-acctualite-rev:after{
    clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 50% 50%);
    right: 296px;
}
.item-acctualite:after{
    clip-path: polygon(50% 0%, 50% 49%, 50% 100%, 0% 50%);
    left: 297px;
}

.item-acc-text{
    background: #fff8e7;
    border: 1px solid #ddcfac;
}
.item-acc-text > span > a {
    color: #2F5268 !important;
    text-decoration: none;
}
.rec-footer a::before {
    content: '';
    display: block !important;
    min-height: 3px;
}
.nav-pills #pills-autre-tab.nav-link.active,
.nav-pills #pills-contact-tab.nav-link.active,
.nav-pills #pills-profile-tab.nav-link.active,
.nav-pills #pills-home-tab.nav-link.active {
    background: #f3f7fd !important;
    border: 1px solid #ddd;
}