.navbar-logo{
padding:8px;
}
.navbar-logo img{
width: 4em;

}

.navbar-nav .nav-item .nav-link:hover{
    color: rgb(226, 230, 0) !important;
}

.navbar-nav .cta .nav-link:hover{
    color: inherit !important;
}

.hero-wrap form{
display: flex;
width: 100%;
max-width: 600px;
background: white;
justify-content: space-between;
align-items: center;
border-radius: 30px;
padding:10px;
margin-top: 30px;
}

.hero-wrap form .init{
width:100%;
}
.hero-wrap form input{
width:100%;
border:none;
background: none;
border-radius: 15px;
padding:10px;
min-height: 40px;
outline: none;
}

.hero-wrap form button{
background: rgb(223, 108, 43);
border:none;
color:white;
padding:10px;
border-radius: 30px;
cursor: pointer;
border:2px solid rgb(223, 108, 43);
}

.hero-wrap form button:hover{
background:none;
color:rgb(223, 108, 43);
transition-duration: 0.3s;
}

.cookies-banner{
position:fixed;
bottom: 0;
left: 0;
width: 100%;
height: 100vh;
background: rgba(54, 54, 54, 0.596);
z-index: 1000;
display: flex;
align-items: last baseline;
}
.cookies-banner .banner-container{
background: rgba(0, 0, 0, 0.603);
box-shadow: 0 0 20px rgba(255, 255, 255, 0.26);
color:white;
padding:20px;
width: 100%;
}

.cookies-banner .banner-container .paragraphe{
max-width: 700px;
}
footer .icn-social span{
font-size: 25px;
height: 35px;
width: 35px;
display: inline-flex;
align-items: center;
justify-content: center;
color:white;
background: rgb(223, 185, 6);
border-radius: 50%;
margin-right: 8px;
}

.zoom-hover {
transition: transform 0.2s ease;
}

.zoom-hover:hover {
transform: scale(1.05);
}

.banner-lgg{
position:fixed;
cursor: pointer;
right:0;
top:50%;
padding: 8px;
z-index: 99;
background: white;
border-top-left-radius: 10px;
border-bottom-left-radius: 10px;
box-shadow: 0 0 20px rgba(153, 153, 153, 0.253);
}



.banner-lgg .lang-actif svg {
width: 30px;
height: 20px;
display: block;
}

.banner-lgg .option {
display: none;
}

.banner-lgg:hover .option {
display: block;
}

.banner-lgg .opt{
margin-top: 10px;
}


.banner-lgg .opt svg {
width: 30px;
height: 20px;
display: block;
}


@media screen and (max-width:1000px) {
.navbar-logo img{
width: 4em;
}
}

@media screen and (max-width:800px) {
section, footer{
padding:20px !important;
padding-top: 35px !important;
}
}

form .form-group input, form .form-group textarea{
font-size: 15px !important;
outline:none;
}

form .form-group button{
outline:none;
}

.section-circt .baseline{
width:100%;
background: rgb(223, 108, 43);
margin-top: 90px;
padding:15px;
display: flex;
align-items: center;
justify-content: space-between;
color:white;

}

.section-circt .baseline a{
color:inherit;
cursor: pointer;
}

.section-circt  .pagination{
margin-top: 25px;
margin-bottom: 25px;
}
.section-circt  .pagination .sl{
margin-left: 10px;
margin-right: 10px;
}
.section-circt  .pagination a{
color:inherit;
display: inline-block;
}

.section-circt .ctc{
display: flex;
width: 100%;
justify-content: space-between;
align-items: top;

}

.section-circt .ctc .img-cov{
max-width: 700px;
margin-right: 20px;
}

.section-circt .ctc .img-cov img{
width:90%;
border-radius: 30px;
height:100%;
object-fit: cover;
}

.section-circt .ctc .banner{
background: rgb(252, 255, 0);
color:black;
padding:25px;
max-width: 400px;
border-radius: 30px;
}

.section-circt .ctc .banner .itr-fl {
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
}

.section-circt .ctc .banner .form{
padding-top:20px;
}

.section-circt .ctc .banner .form button{
width:100%;
border:none;
background:white;
padding:10px;
height:45px;
color:black;
border-radius:10px;
cursor: pointer;
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
}

.section-circt .ctc .banner .form button:hover{
background:rgb(226, 230, 0);
transition-duration: 0.3s;
}

.section-circt .itr{
padding-top: 35px;
max-width: 800px;
}

.section-circt .itr h1{
font-weight: bold;
}

.section-circt .itr h2{
color:rgb(223, 108, 43);
margin-top: 25px;
}

.section-circt .itr span{
font-weight: bold;
}
@media screen and (max-width: 1000px) {
.section-circt .baseline{
height: 80px;
width:100%;
margin-top: 0px;
}
}

@media screen and (max-width: 950px){

h1{
    font-size:35px !important;
}

h2{
    font-size:28px !important;
}

h3{
    font-size:24px !important;
}

h4{
    font-size:20px !important;
}
.section-circt .ctc{
display:block;
width:100% !important;
}

.section-circt .ctc .img-cov{
width:100%;
margin-right:0px;
max-width: 100%;
}

.section-circt .ctc .img-cov img{
width:100%;
border-radius: 10px;
margin-bottom:30px;
}

.section-circt .ctc .banner{
border-radius:10px;
max-width:100%;
}
}