@media only screen and (max-width: 768px) { .team-member-container .col-inner{
width: 50%; }
.hero-blog-section .section-bg:before {
content: "";
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.75) 50%, rgba(0, 0, 0, 1));
opacity: 0.75;
}
.hero-blog-section .section-bg{
background-image: url(https://www.nt2i.net/wp-content/uploads/2023/09/wp9565550.webp) !important;
background-size: cover !important; background-repeat: no-repeat; 
}
.blog-social-icons{
display: flex !important;
justify-content: center !important;
gap: 30px !important;
}
}
@media only screen and (max-width: 549px){
.search-box-custom{
width: 100% !important;
}
.background-gradient-transition{
background: rgb(0,1,2) !important;
background: linear-gradient(180deg, rgba(0,1,2,1) 0%, rgba(0,1,2,1) 50%, rgba(255,255,255,1) 50%, rgba(255,255,255,1) 100%) !important;
}
}
.animate-moove-up {
transition: transform 0.3s ease-in-out;
}
.animation-delay-02 {
animation-delay: 0.2s;
}
.animation-delay-03 {
animation-delay: 0.3s;
}
.animation-delay-04 {
animation-delay: 0.4s;
}
.animation-delay-05 {
animation-delay: 0.5s;
}
.animate-moove-up:hover {
transform: translateY(-3px);
}
.animate-moove-up-down { transform: translateY(0); animation: none; } @keyframes lift {
0% {
transform: translateY(0);
}
50% {
transform: translateY(-5px);
}
100% {
transform: translateY(0);
}
}
.animate-moove-up-down:hover { animation-name: lift;
animation-duration: 0.5s;
animation-timing-function: ease-in-out;
animation-fill-mode: forwards;
}
@media (min-width:801px)  {
.abstract-form-1 {
border-radius: 25% 75% 70% 30% / 30% 53% 47% 70%; animation-name: border-radius-animate-1;
animation-duration: 5s;
animation-timing-function: linear;
animation-fill-mode: forwards;
animation-play-state: paused;
animation-iteration-count:infinite;
}
@keyframes border-radius-animate-1 {
0% {
border-radius: 25% 75% 70% 30% / 30% 53% 47% 70%;
}
25% {
border-radius: 13% 51% 84% 24% / 27% 66% 34% 73%;
}
50% {
border-radius: 37% 63% 56% 44% / 33% 40% 60% 67% ;
}
75% {
border-radius: 13% 51% 84% 24% / 27% 66% 34% 73%;
}
100% {
border-radius: 25% 75% 70% 30% / 30% 53% 47% 70%;
}
}
.abstract-form-1:hover { animation-play-state: running;
}
.abstract-form-2 {
border-radius: 37% 63% 56% 44% / 33% 40% 60% 67% ;
transition: border-radius .5s ease-in-out;
}
.abstract-form-2:hover {
border-radius: 25% 75% 70% 30% / 30% 53% 47% 70%;
}
.abstract-form-3 {
border-radius: 55% 45% 71% 29% / 42% 63% 37% 58% ;
transition: border-radius .5s ease-in-out;
}
.abstract-form-3:hover {
border-radius: 37% 63% 56% 44% / 33% 40% 60% 67% ;
}
}
.card-hover-xy-shadow .col-inner {
transition: all .2s ease-in-out;
}
.card-hover-xy-shadow:hover .col-inner {
box-shadow: 0 1px 1px rgba(0,0,0,0.08), 
0 2px 2px rgba(0,0,0,0.06), 
0 4px 4px rgba(0,0,0,0.03), 
0 8px 8px rgba(0,0,0,0.01);
transform: translate(2px, -3px);
}
.card-border .col-inner{
border-radius: 30px;
}
.flickity-page-dots{
bottom: 0;
} .searchform-wrapper {
width: 3em;
transition: width .3s ease;
}
.searchform-wrapper input{
background-color: transparent !important; border-bottom: 2px solid rgba(0,0,0,.09) !important;
border-top: none;
border-right: none;
border-left: none;
}
.searchform-wrapper:hover{
width: 100%;
}
.searchform-wrapper:focus-within{
width: 100% !important;
}
.searchform-wrapper input::placeholder{
opacity: 0;
transition: .15s ease;
}
.searchform-wrapper input:focus::placeholder{
opacity: 1;
}
.background-gradient-transition{
background: rgb(55,55,55);
background: linear-gradient(180deg, rgba(55,55,55,1) 0%, rgba(55,55,55,1) 50%, rgba(255,255,255,1) 50%, rgba(255,255,255,1) 100%);
gap: 30px;
} .last-article-p{
background-color: orange;
color: white;
padding-left: 6px;
width: 180px;
} .card-article{
background-color: #ffffff;
border-radius: 10px;
padding: 20px !important;
box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1);
max-height: 418px;
transition: all .2s ease;
transition-delay: 0s !important;
}
.card-article:hover{
transform: translateY(-3px);
}
.image-last-article{
transition: all .2s ease;
}
.image-last-article:hover{
transform: translateY(-3px);
}
.image-last-article .col-inner{
box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1);
}
.card-blog-hero{
background-color: #ffffff; }
.card-blog-hero > .col-inner{
box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.4);
border-radius: 10px;
padding: 20px !important;
}
.card-blog-hero:hover{
transform: translatey(-3px);
}
.row-hero-blog{
justify-content: space-around !important;
} .banner-blog .bg-loaded{
border-radius: 10px;
}
.banner-no-bg{
background-color: transparent !important;
}
#extrait-article p{
height: 154px;
overflow:hidden;
text-overflow: ellipsis;
white-space: pre-line;
}
.gap-row{
gap: 180px;
}
.post-item {
transition: transform 0.3s ease-in-out;
}
.post-item:hover {
transform: translateY(-3px);
}
.title-border-bottom {
border-bottom: solid 1px rgba(0, 0 , 0 , 0.1);
margin-bottom: 15px;
}
.title-border-bottom h2 {
margin-bottom: 2px;
}
#titre-article0{
}
.title-container{
height: 75px;
margin-bottom: 10px;
}
.extrait-last-article{
text-align: left;
}
.message{
margin-bottom: 10px;
padding: 7px 20px;
width: auto;
height: auto;
font: 400 .9em;
border-radius: 20px;
clear: both;
transition: transform .2s ease-in;
}
.message:hover {
transform: translate(1px, -2px);
}
.message p {
margin-bottom: 0px !important;
}
!
.lien-message > a{
color: white !important;
text-decoration: none;
}
@media only screen and(min-width: 450px){
.message p {
margin-bottom: 0px !important;
text-align: justify;
}
}
.message-blue{
color: white !important;
background: linear-gradient(to bottom, #0478ba 0%, #0085D1 100%);
float: right; 
position: relative;
box-shadow: 0 1px 1px rgba(0,0,0,0.15), 
0 2px 2px rgba(0,0,0,0.15);	
}
.message-blue:after{
content: '\2713\2713';
color: #686868;
font-size: 12px;
position: absolute;
bottom: -25px;
right: 48px;
letter-spacing: -5px;
}
.message-blue:before {
content: 'NT2i';
color: #686868;
position: absolute;
bottom: -25px;
font-size: 12px;
right: 17px;
}
.message-orange {
background-color: #fff;
position: relative;
color: #282828;
float: left;
box-shadow: 0 1px 2px rgba(0,0,0,0.15), 0 -0.5px 2px rgba(0,0,0,0.10), 0 2px 2px rgba(0,0,0,0.15);
}
.message-orange:after{
content: '\2713\2713';
color: #686868;
font-size: 12px;
position: absolute;
bottom: -25px;
left: 48px;
letter-spacing: -5px;
}
.message-orange:before{
content: "Vous";
color: #686868;
position: absolute;
bottom: -25px;
font-size: 12px;
left: 17px;
}
.message-last{
background: #FC8800 !important;
}
.card-support > .col-inner{
box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.4);
border-radius: 10px;
transition: transform .2s ease-in-out;
}
.card-support > .col-inner:hover {
transform: translate(1px, -2px);
}
.grecaptcha-badge {
visibility: hidden;
}
.about-section{
background: rgb(255,255,255);
background: linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 50%, rgba(0,0,0,1) 50%, rgba(0,0,0,1) 100%);
}
.row-about{
display: flex !important;
justify-content: space-around !important;
}
.no-after:after{
content: none;
}
.no-justify-end-row{
justify-content: start !important;
}
.card-rc{
background: linear-gradient(#ffffff 50%, #924ace 50%);
background-size: 20% 200%;
background-position: 0 2.5%;
transition: background .5s ease;
margin-right: 40px;
margin-bottom: 20px;
}
@media screen and (max-width: 549px){
.card-rc{
margin-right: 0px;
}
}
.card-rc > .col-inner{
background-color: transparent !important;
}
.card-rc:hover{
background-position: 0 100%;
}
.card-rc:hover .icon-box{
color: white;
}
.form-section{
background: rgb(255,255,255);
background: linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 50%, rgba(255,0,0,1) 50%, rgba(255,0,0,1) 100%);
}
.form-rc .col-inner{
}
.info-contact-rc{
background-color: red;
}
.contactus-bloc{
z-index: 999;
}
.card-redondance{
transition: all .3s ease;
}
.card-redondance2{
transition: all .3s ease;
}
.card-redondance2:hover{
transform: translatey(3px);
}
.card-redondance:hover{
transform: translatey(-6px);
}
.interested-section{
background: rgb(255,255,255);
background: linear-gradient(270deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 50%, rgba(146,74,206,1) 50%, rgba(146,74,206,1) 100%);
gap: 80px;
}
@media only screen and (max-width: 849px){
.interested-section{
background: rgb(255,255,255) !important;
background-color: white !important;
}
.text-purple{
color: #924ace;
}
}
#wpforms-1845-field_6{
resize: none;
}
.space-between{
justify-content: space-between !important;
}
.space-around{
justify-content: space-around !important;
} .step-row{
background-color: white;
padding: 30px;
border-radius: 30px;
}
.step-col-1{
display: flex;
align-items: center;
} @media screen and (max-width: 768px){
.blog-single .col{
padding: 0px !important;
}
}
li.bullet-checkmark:before{
color: #366c9f !important;
} .uacf7-next, .uacf7-prev{
background-color: #d91767;
color: #fff;
border-radius: 15px;
}
.wpcf7-list-item-label{
background-color: #01b9d0;
color: white; 
padding: 5px 10px 5px 5px;
text-transform: uppercase;
}
.uacf7-step-3237[step-id="2"] .wpcf7-list-item-label {
background-color: #feeac7 !important;
text-transform: none !important;
color: #333 !important;
padding: 0px !important;
font-size: 0.8em;
}
.uacf7-step-3237[step-id="2"] input{
text-align: center;
}
.dateNaissance-text{
color: #fa2e79;
font-size: 18px;
text-align: center;
font-weight: 900;
}