@import url('https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,400;0,700;1,400&display=swap');

body {
   line-height: 1.8;
   color: #898fa1;
   font-size: 15px;
   font-family: 'Lato', sans-serif;
}



h1,h2,h3,h4,h5,h6 {
   font-weight: 700;
   letter-spacing: 1px;
   text-transform: uppercase;
   color: #11245A;
}

.title-sm {
   font-size: 16px;
   letter-spacing: 1px;
}

a {
   font-weight: 700;
   transition: all 0.4s ease;
   text-decoration: none;
}

img {
   width: 100%;
}

imgs {
   width: 50%;
}
small {
   font-size: 12px;
   letter-spacing: 2px;
   font-weight: 700;
   text-transform: uppercase;
}

section {
   padding-top: 100px;
   padding-bottom: 100px;
}

.navbar {
   border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.navbar-brand {
    padding-top: 0.1125rem;
    padding-bottom: 0.1125rem;
    margin-right: 1rem;
    font-size: 1.25rem;
    text-decoration: none;
    white-space: nowrap;
    WIDTH: 5%;
}
.logo-text {
   font-size: 22px;
   text-transform: uppercase;
   color: #11245A !important;
}
.navbar .nav-link {
   font-size: 12px;
   text-transform: uppercase;
   letter-spacing: 1px;
   align-items: center;
}
.navbar .nav-link:hover{
   transform: scale(1.2);
}

.navbar-light .navbar-nav .nav-link.active {
   color: greenyellow;
}

#home {
   background: linear-gradient(rgba(17, 36, 90, 0.8), rgba(90, 17, 36, 0.8)), url(../../img/IMG-20220823-WA0021.jpg);
   min-height: 100vh;
   background-size: cover;
   background-position: center;
   background-attachment: fixed;
   display: flex;
   align-items: center;
   box-shadow: 1px 2px 10px white;
   animation: slider 9s infinite linear;
   padding-bottom: 50px;
   padding-top: 100px;
}

@keyframes slider{
   0%{background-image:  url(../../img/IMG-20220823-WA0021.jpg); background-size: 100% 100%;}
   35%{background-image: url(../../img/IMG-20220823-WA0023.jpg); background-size: 100% 100%;}
   75%{background-image: url(../../img/IMG-20220823-WA0020.jpg); background-size: 100% 100%;}

}

#home h1 {
   font-weight: 700;
   font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
   font-style: italic;
}

#home p {
   max-width: 550px;
   margin: 18px auto;
}

.btn {
   font-weight: 700;
   font-size: 12px;
   text-transform: uppercase;
   padding: 12px 29px;
   border-radius: 0;
}

.btn-brand {
   background-color: #E93B81;
   color: #fff;
}

.btn-brand:hover {
   background-color: #ce2f6e;
   color: #fff;
   transform: scale(1.0);
}

.section-intro {
   text-align: center;
   margin-bottom: 60px;
}

.section-intro .hline {
   width: 120px;
   height: 2px;
   background-color: rgba(0, 0, 0, 0.1);
   margin: 16px auto 0 auto;
}
#services {
   background-color: rgba(0, 0, 0, 0.1);
}
.icon-box {
   width: 60px;
   height: 60px;
   background-color: #E93B81;
   color: #fff;
   border-radius: 4px;
   display: flex;
   align-items: center;
   justify-content: center;
   font-size: 32px;
   flex: none;
}
.portfolio-item{
   overflow: hidden;
   position: relative;
}
.portfolio-item img,
.portfolio-item .portfolio-overlay{
   transition: all o.4s ease;
}
.portfolio-overlay{
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   display: flex;
   align-items: flex-end;
   padding: 39px;
   opacity: 0;
}
.portfolio-overlay h3,
.portfolio-overlay h6 {
   color: blue;
   font-style: italic;
   font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
}
.portfolio-item:hover .portfolio-overlay{
   opacity: 1;
}
.portfolio-item:hover img{
   transform: scale(1.2);
}

#contact {
   background: linear-gradient(rgba(17, 36, 90, 0.8), rgba(90, 17, 36, 0.3)), url(../../img/logo-\ jpg.jpeg);
   min-height: 50vh;
   background-size: cover;
   background-position: center;
   background-attachment: fixed;
   display: flex;
   align-items: center;
}

form .form-control {
   border: 1px solid blue;
   border-radius: 50px;
}

form .form-control:focus {
   box-shadow: none;
   border-color: #E93B81;
}

#cta {
   background-color: yellow;
   background-image: url(../../img/hero_img.jpg); 
   background-position: center; 
   border: 1px solid black;
   border-radius: 0px;
}
.btn {
   font-weight: 700;
   font-size: 12px;
   text-transform: uppercase;
   padding: 12px 28px;
   border-radius: 30px;
   background-color: #11245A;
}
.btn-light{
   color: pink;
}
#class{
   background-color: rgba(17, 36, 90, 0.1);
}


.footer-top {
   padding-top: 80px;
   padding-bottom: 30px;
}

.footer-bottom {
   padding-top: 30px;
   padding-bottom: 30px;
   border-top: 1px solid rgba(0, 0, 0, 0.1);
}

footer .footer-links a,
footer .social-icons a {
   color: #898fa1;
}
.social-icons{
   display: inline-flex;
}
footer .social-icons a {
   font-size: 50px;
}

footer .footer-links a {
   display: block;
   font-weight: 400;
}

footer .social-icons a:hover,
footer .footer-links a:hover {
   color: palevioletred;
}
.pip{
    color: white;
}
.pat{
   font-size: 30px;
   color: goldenrod;
   background: linear-gradient(rgba(17, 36, 90, 0.8), rgba(90, 17, 36, 0.8)), url(../../img/IMG-20220823-WA0021.jpg);
   border: 2px solid;
   border-radius: 30px;
}
.sos{
   text-align: center;
   display: inline-flex;
   width: auto;
}
/* .bin {
   font-weight: 700;
   font-size: 12px;
   text-transform: uppercase;
   padding: 12px 12px;
   border-radius: 20px;
}

.btn-brat {
   background-color: #E93B81;
   color: blue;
}

.btn-brat:hover {
   background-color: #ce2f6e;
   color: blue;
} */
#Testimonials {
   background: linear-gradient(rgba(17, 36, 90, 0.8), rgba(90, 17, 36, 0.3)), url(../../img/p1.jpg);
   min-height: 50vh;
   background-size: cover;
   background-position: center;
   background-attachment: fixed;
   display: flex;
   align-items: center;
   font-style: italic;
   
}