@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&family=Ubuntu:wght@400;500;700&display=swap');


body{ font-family: 'Poppins', sans-serif;;}

h1,h2,h3,h4,h5,h6{font-family: 'Ubuntu', sans-serif;  font-weight: 700}

a{ text-decoration: none;}

img{ max-width: 100%; height: auto;}



.section-banner {
    background-size: cover;
    background-position: center;
    padding: 120px 0;
    background-attachment: fixed;
    position: relative; z-index: 1;
}

.section-banner::after{ content:""; position: absolute; top: 0; left: 0; height: 100%; width: 100%; background-color: rgb(0 0 0 / 50%); z-index: -1;}


.banner-content h1{ font-size: 60px;}
.banner-content p{ font-size: 20px;}

.intro_img {
    height: 400px;
    width: 100%;
}

.intro_img img {
    height: 100%;
    width: 100%;
    object-fit: cover;
    object-position: center;
}


.section-banner2::after{  background-color: rgb(0 0 0 / 65%);}


section{ position: relative; padding: 75px 0;} 

.textimoinals{     background-color: rgb(243, 244, 246); padding: 60px 0; text-align:right;}

.textimoinals p{ font-size: 22px; }


.maps iframe{ width:100%;}

.footer{     background-color: rgb(1, 71, 135);
    color: rgb(255, 255, 255); padding: 60px 0;}

     ul.socials li{ margin:0  8px;}

    ul.socials li a{ font-size: 24px; color: #fff;}

.btn-warning {
        min-width: 150px;
    }

    header ul.socials li a  { color: #444;  }

@media ( max-width:991px) {

    .container {
        padding-left:  20px;  padding-right:  20px;
    }




  }


  @media ( max-width:767px) {
    .banner-content h1 {
        font-size: 36px;
    }
    .banner-content p {
        font-size: 18px;
    }

    .section-banner{ padding: 50px 0;}
    section {

        padding: 50px 0;
    }
  }