/*
Theme Name: Bootship
Theme URI: http://intside.com/themes/bootship/
Author: Intside
Author URI: http://intside.com/
Description: Bootship is a startup theme for Advanced user who want to build professional WordPress theme based on Bootstrap
Version: 0.1
License: GNU General Public License v3 or later
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Tags: blue, black, white, light, one-column, two-columns, right-sidebar, fluid-layout, responsive-layout, custom-header, custom-menu, editor-style, featured-images, microformats, post-formats, rtl-language-support, sticky-post, translation-ready
Text Domain: bootship

This theme is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/

/**
 * Table of Contents:
 *
 * 1.0 - Basic Structure
 * 2.0 - Media Queries
 * ---------------------------------------
 -------------------------------------
 */

@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');
:root {
  --color-primary: #0b0c0c;
}

html {
  font-size: 16px;
}
body {
  font-family: 'Roboto', sans-serif;
  font-weight: 400;
  font-size: 1rem;
  line-height: 1.5;
  color: #000;
}

h1,
h2,
h3,
h4,
h5,
h6,
.h4 {
  font-weight: 700;
}

h1 {
  font-size: 2.6rem;
}
h2 {
  font-size: 2.1rem;
}
h3 {
  font-size: 1.6rem;
}
h4,
.h4,
h5,
.h5 {
  font-size: 1.3rem;
}
.p {
  font-size: 1.1rem;
}
figure,
img {
	max-width: 100%;
}
.logo {
  width: 100%;
  height: auto;
}
.logo-img {
  width: 12rem;
}

ul {
	margin: 0;
	padding: 0;
}
ul li {
	list-style: none;
}

ul.liste-img li {
  display: flex;
 gap: 1rem;
  align-items: center;
}


a {
  display: inline-block;
 
}
.nav-link { 
  font-weight: 500;
  font-size: 1.1rem;
}
a,
a:hover {
  display: inline-block;
  text-decoration: none;
}

.text-blue{
  color: #2616EB;
}

/* Btn */
.btn {
  font-weight: 500;
  font-size: 1.1rem;
  padding: 0.8rem 1.2rem;
  border-radius: 5px;
}
.btn-primary {
  background-color: #007bff;
  border-color: #007bff;
  color: #fff;
}
.btn-outline-secondary {
  background-color: transparent;
  border-color: #007bff;
  color: #007bff;
}
.btn-secondary {
  background-color: #007bff;
  border-color: #007bff;
  color: #fff;
}
.btn:hover,
.btn:focus-visible,
.btn-check:focus + .btn,
.btn:focus,
.btn:first-child:active,
:not(.btn-check) + .btn:active,
.btn:first-child:active:focus-visible,
:not(.btn-check) + .btn:active:focus-visible {
  box-shadow: none;
  transition: 0.5s ease-in;
}
.btn:hover.btn-primary,
.btn:focus-visible.btn-primary,
.btn-check:focus + .btn.btn-primary,
.btn:focus.btn-primary,
.btn:first-child:active.btn-primary,
:not(.btn-check) + .btn:active.btn-primary {
  background-color: #007bffb7;
  border-color: #007bffb7;
  color: #fff;
}
.btn:hover.btn-secondary,
.btn:focus-visible.btn-secondary,
.btn-check:focus + .btn.btn-secondary,
.btn:focus.btn-secondary,
.btn:first-child:active.btn-secondary,
:not(.btn-check) + .btn:active.btn-secondary {
  background-color: #007bffb7;
  border-color: #007bffb7;
  color: #fff;
}
.btn-outline-secondary:hover,
.btn-outline-secondary:focus-visible,
.btn-check:focus + .btn.btn-outline-secondary,
.btn-outline-secondary:first-child:active,
:not(.btn-check) + .btn:active.btn-outline-secondary {
  background-color: #007bff;
  border-color: #007bff;
  color: #fff;
}
.grid {
  max-width: 20rem;
  margin: 0 auto;
}
.fixe {
  position: sticky;
  top: 0.1rem;
  background-color: transparent;
  z-index: 2;
}
.fixe1 {
  position: fixed;
  top: 0;
  background-color: transparent;
  z-index: 2;
  width: 100%;
  max-width: 100% ;
}
.z-1000 {
  position: relative;
  background-color: #fff;
}


/**
  * 1.0 Basic Structure
  * ----------------------------------------------------------------------------
  */

/* Banner */
.banner {
  background: linear-gradient(270deg, #00000000 0%, #0000009C 100%), url(assets/images/banner.webp) no-repeat;
  background-size: cover;
  background-position: center;
  padding: 9rem 0 6rem;
  color: #fff;
}
.our , .galery , .client {
  padding: 4rem 0;
}
.galery {
  background-color: #000;
  color: #fff;
}


/* Footer */



/**
  * 2.0 Media Queries
  * ----------------------------------------------------------------------------
  */

/* WordPress Media Queries */
@media (max-width: 600.98px) {
}
@media (min-width: 601px) and (max-width: 782.98px) {
}
@media (min-width: 783px) {
}

/* X-Small devices (portrait phones, less than 576px) */
@media (max-width: 575.98px) {
}

/* Small devices (landscape phones, 576px, up to 768px) */
@media (min-width: 576px) and (max-width: 767.98px) {
}
@media (min-width: 768px) {
}

/* Medium devices (tablets, 768px, up to 992px) */
@media (min-width: 768px) and (max-width: 991.98px) {
}

/* Large devices (desktops, 992px, up to 1200px) */
@media (min-width: 992px) and (max-width: 1199.98px) {
}
/* Large devices (desktops, 992px) */
@media (min-width: 992px) {
  h1 {
    font-size: 3.5rem;
  }
  h2, 
  h3 {
    font-size: 3rem;
  }
  h4 {
    font-size: 2.2rem;
  }
  h5 {
    font-size: 1.6rem;
  }
  .p , h6 {
    font-size: 1.3rem;
  }
  .banner {
  padding: 11rem 0 9rem;
}
  .our , .galery , .client {
  padding: 6rem 0;
  }
  .potential1 , .potential2{
    padding: 0 ;
    z-index: 1;
  }
  
  .banner-image {
    position: absolute;
    top: 0rem;
    left: 50%;
    width: 50%;
    height: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    background-image:url("assets/images/3.webp");
  }
  .banner-image1 {
    position: absolute;
    top: 0rem;
    left: 0;
    width: 50%;
    height: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    background-image:url("assets/images/1.webp");
  }
}

/* X-Large devices (large desktops, 1200px, up to 1400px) */
@media (min-width: 1200px) and (max-width: 1399.98px) {
}

/* XX-Large devices (larger desktops, 1400px and up) */
@media (min-width: 1400px) {
}