/* ---------------------------------------------------------media query------------------------------------------- */
/* Medium devices (landscape tablets, 1023px and up) */
@media only screen and (max-width: 1024px) {
  .projects_sec .img_nine,
  .projects_sec .img_eight,
  .projects_sec .img_seven,
  .projects_sec .img_six {
    height: 606.022px;
  }
  .contatc_section {
    padding: 30px 0;
  }
  .contact_form form .btn {
    width: 60%;
  }
  .card_lists .card_list {
    width: 45%;
  }
  .choose_section .head_sec{

    flex-direction: row-reverse;
  }
  .about_section {
    display: none;
  }
  #section2 .about_section,
  #section3 .about_section ,#section7 .about_section {
    display: block;
  }
  .about_section.responsive {
    display: block;
  }
  .about_section .main_title,
  .about_section .img {
    padding-inline-start: 0%;
  }
}

/* Extra small devices (phones, 767px and down) */
@media only screen and (max-width: 900.98px) {
  .projects_sec .img_firs img,
  .projects_sec .img_sec img,
  .projects_sec .img_third img {
    object-fit: fill;
  }
  .projects_sec .img_firs,
  .projects_sec .img_sec,
  .projects_sec .img_third {
    height: 400px;
  }
  .projects_sec .img_nine,
  .projects_sec .img_eight,
  .projects_sec .img_seven,
  .projects_sec .img_six {
    height: 506.022px;
  }
  .projects_sec .q_plateform,
  .projects_sec .great_sucess p,
  .projects_sec .quete {
    width: 100%;
  }
  .projects_sec .lists,
  .projects_sec p.info,
  .projects_sec p.info_sec,
  .projects_sec .review p {
    width: 100%;
  }
  .contatc_section .head h2 {
    font-size: 50px;
  }
  .contatc_section form .form-floating {
    margin-bottom: 8%;
  }
  .contatc_section .lists .info {
    align-items: start;
    justify-content: start;
  }
  footer {
    padding-top: 50px;
  }
  footer .lower_footer {
    flex-direction: column;
  }
  footer .lower_footer .slug {
    width: 100%;
    text-align: center;
    margin-bottom: 10px;
  }
  .hero_section .title_color span {
    font-size: 50px;
  }
  .hero_section .vedio {
    height: 400px;
  }
  .choose_section .head_sec h2 {
    font-size: 25px;
    line-height: 34px;
  }
  .card_lists {
    margin-top: 25px;
  }
  .solutions_section {
    margin: 30px 0;
  }
  * {
    cursor: pointer;
  }
  .video-container .video {
    height: 100;
  }
  .video-cursor {
    display: none;
  }
  .cursor {
    display: none;
  }
  p-marquee  , p-marquee div{
    display: none !important;
 }
}

/* small devices (phones, 425 and up) */
@media only screen and (max-width: 425.98px) {
  .contatc_section .head h2 {
    font-size: 30px;
  }
  .contatc_section form {
    margin-top: 11px;
  }
  .contatc_section form .form-floating .form-label {
    font-size: 1rem;
  }
  .contatc_section .lists .info a {
    font-size: 20px;
  }
  .contatc_section .lists .info {
    margin-bottom: 25px;
  }
  .projects_sec .img_nine,
  .projects_sec .img_eight,
  .projects_sec .img_seven,
  .projects_sec .img_six,
  .projects_sec .img_firs,
  .projects_sec .img_sec,
  .projects_sec .img_third,
  .projects_sec .img_fourth {
    height: auto;
    text-align: center;
  }
  .projects_sec .lists,
  .projects_sec p.info,
  .projects_sec p.info_sec,
  .projects_sec .review p {
    font-size: 18px;
    margin: 30px 0;
  }
  .projects_sec .q_plateform,
  .projects_sec .great_sucess p,
  .projects_sec .quete {
    font-size: 15px;
    margin: 30px 0;
  }
  .projects_sec .q_plateform h2 {
    font-size: 30px;
  }
  .contact_form .text {
    width: 100%;
  }
  .contact_form .text h2 {
    font-size: 35px;
  }
  .contact_form .text p {
    font-size: 14px;
  }
  .contact_form form {
    margin-top: 30px;
  }
  .contact_form form .form-floating .form-label {
    font-size: 1rem;
  }
  .contact_form form .btn {
    width: 70%;
  }
  .hero_section p {
    margin: 3% 0;
  }
  .hero_section .vedio {
    height: auto;
  }
  .about_section.responsive {
    margin: 2rem 0;
  }
  .about_section .main_title,
  .about_section .img {
    height: auto;
  }
  .choose_section .head_sec {
    flex-direction: column;
  }
  .choose_section .head_sec h2 {
    width: 100%;
  }
  .card_lists .card_list {
    width: 100%;
    margin-bottom: 7%;
  }
  .service_section .offer {
    padding-inline-start: 0%;
    margin-top: 40px;
  }
  .main_title h2,
  .title h2 {
    font-size: 25px;
  }
  .navbar_sec .menu_header .list_item a ,.navbar_sec .menu_header .contact_info .info a ,.navbar_sec .menu_header .social_icon h6 ,.navbar_sec .menu_header .social_icon ul li a i {
    
    font-size: 11px;}
   p-marquee  , p-marquee div{
       display: none;
    }
}