/*start upper navbar*/
.upper-navbar {
   background-color: #08526d;
   color: #FFF;
}
.upper-navbar .info {
   margin: 15px 0;
}
.upper-navbar span {
   color: #bfc6c9;
}
.upper-navbar .get-quote {
   display: inline-block;
   border: 1px solid #ec1c23;
   padding: 2px 10px;
   margin-left: 20px;
}
@media(max-width : 576px) {
   .upper-navbar .info:first-child {
      margin-bottom: 0;
   }
   .upper-navbar .get-quote {
      border: none;
      margin-left: 5px;
   }
}
/*end upper navbar*/
/*start navbar*/
.navbar-brand > span {
   font-size: 40px; 
}
.navbar-brand span:first-child {
   font-weight: bold;
   color: #08526d;
}
.navbar-brand span:last-child {
   color: #ec1c23;
}
.navbar-nav .nav-link {
   font-size: 20px;
   text-transform: uppercase;
   margin-left: 20px;
   color: #08526d;
   font-weight: bold;
}
.navbar-light .navbar-nav .active > .nav-link {
   color: #ec1c23;
}
/*end navbar*/
/*start slider*/
.slider .carousel-item {
   -webkit-background-size: cover;
   -o-background-size: cover;
   -moz-background-size: cover;
   -background-size: cover;
}
.slider .carousel-one {
   background-image: url(../image/img1.webp);
}
.slider .carousel-two {
   background-image: url(../image/img2.jpeg);
}
.slider .carousel-three {
   background-image: url(../image/img3.jpeg);
}
.slider .carousel-inner {
   display: flex;
   align-items: center;
   justify-content: left;
}
.slider .carousel-inner .overlay {
   position: absolute;
   width: 100%;
   height: 100%;
   top: 0;
   left: 0;
   background-color: rgba( 0 , 0 , 0 , 0.6 );
   z-index: 2;
}
.slider .carousel-indicators li {
   height: 8px;
   cursor: pointer;
}
.slider .carousel-inner h1 {
   position: absolute;
   color: #FFF;
   z-index: 3;
   font-size: 70px;
   max-width: 900px;
   line-height: 1.5;
   left: 100px;
}
.slider .carousel-inner h1 span {
   background-color: #ec1c23;
   color: #FFF;
   display: inline-block;
   padding: 2px 10px;
}
@media(max-width : 768px) {
   .slider .carousel-inner {
      justify-content: center;
   }
   .slider .carousel-inner h1 {
      font-size: 40px;
      min-width: 100%;
      left: auto;
      text-align: center;
   }
}
@media(max-width : 992px) {
   .slider .carousel-inner h1 {
      font-size: 50px;
   }
}
/*end slider*/
/*start features*/
.features {
   padding: 50px 0;
   background-color: #FFF;
}
.features i {
   background-color: #ed1d24;
   color: #FFF;
   padding: 15px;
   margin-bottom: 10px;
}
.features h3 {
   color: #08526d;
   font-size: 22px;
}
.features p {
   color: #989898;
   margin-bottom: 40px;
}
/*end features*/
/*start overview*/
.overview {
   padding: 100px;
   background-color: #f0f5f7;
}
.overview h2 {
   font-size: 50px;
   text-transform: uppercase;
   font-weight: bold;
   margin-bottom: 30px;
}
.overview p {
   line-height: 2;
   font-size: 20px;
   width: 80%;
   margin: 0 auto 20px;
   color: #6a6a6a;
}
.overview h4 {
   letter-spacing: 2px;
   font-weight: normal;
   color: #8b8a8a;
   margin-bottom: 40px;
}
.overview button {
   background-color: #ed1d24;
   color: #FFF;
   padding: 10px 30px;
   font-size: 20px;
   font-weight: bold;
   border: 1px solid #ed1d24;
}
@media(max-width : 992px) {
   .overview p {
      width: 100%;
   }
   .overview h2 {
   font-size: 30px;
   margin-bottom: 15px;
   }
}
/*end overview*/
/*start features work*/
.features-work {
   padding: 100px 0;
}
.features-work h2 {
   font-size: 50px;
   font-weight: bold;
   margin-bottom: 30px;
}
.features-work p {
   line-height: 1.6;
   font-size: 20px;
   width: 80%;
   margin: 0 auto 15px;
   color: #6a6a6a;
}
.features-work ul {
   margin-top: 40px;
   margin-bottom: 50px;
}
.features-work ul li {
   color: #08526d;
   border: 2px solid #08526d;
   padding: 10px 20px;
   margin-left: 10px;
   margin-bottom: 10px;
   -webkit-transition: all .3s ease-in-out;
   -moz-transition: all .3s ease-in-out;
   -o-transition: all .3s ease-in-out;
   transition: all .3s ease-in-out;
}
.features-work ul li.active ,
.features-work ul li:hover {
   background-color: #ec1c23;
   color: #FFF;
   border: 2px solid #ec1c23;
}
.features-work ul li:hover {
   cursor: pointer;
}
.features-work .shuffle-imgs .row  {
   margin: 0;
}
.features-work .shuffle-images {
   margin-top: 50px;
}
.features-work .shuffle-imgs .row .col-md {
   padding: 0;
   -webkit-transition: all .5s ease-in-out;
   -moz-transition: all .5s ease-in-out;
   -o-transition: all .5s ease-in-out;
   transition: all .5s ease-in-out;
}
.features-work .row img {
   width: 100%;
   height: 100%;
}
/*end features work*/
/*start latest post*/
.latest-posts {
   padding: 0 0 100px;
}
.latest-posts h2 {
   font-size: 50px;
   font-weight: bold;
   margin-bottom: 30px;
}
.latest-posts .section-description {
   line-height: 1.6;
   font-size: 20px;
   width: 80%;
   margin: 0 auto 45px;
   color: #6a6a6a;
}
.latest-posts .card {
   margin-bottom: 15px;
}
.latest-posts .card .card-title {
   font-size: 20px;
   line-height: 1.5;
   color: #08526d;
}
.latest-posts .card .card-text {
   color: #787878;
   margin-bottom: 5px;
}
.latest-posts .card .card-link {
   color: #ed1d24;
   font-weight: bold;
}
/*end latest post*/
/* start testimonials */
.testimonials{
   -webkit-background-size: cover;
   -o-background-size: cover;
   -moz-background-size: cover;
   -background-size: cover;
   background-image: url(../image/img2.jpeg);
   position: relative;
}
.testimonials .overlay {
   position: absolute;
   width: 100%;
   height: 100%;
   top: 0;
   left: 0;
   background-color: rgba( 0 , 0 , 0 , 0.6 );
   z-index: 2;
}
.testimonials .container {
   position: relative;
   z-index: 3;
}
.testimonials .carousel-caption img {
   margin-bottom: 20px;
}
.testimonials .carousel-caption h3 {
   margin-bottom: 5px;
}
.testimonials .carousel-caption h3 + span {
   font-size: 18px;
   display: inline-block;
   margin-bottom: 30px;
}
.testimonials .carousel-caption{
   top: 50%;
   margin-top: -100px;
}
.testimonials .carousel-indicators li {
   height: 8px;
   cursor: pointer;
}
/* start testimonials */
/* start choose us*/
.choose-us img {
   width: 100%;   
}
.choose-us .info {
   padding: 0;
}
.choose-us .info:last-child {
   background-color: #08526d;
   color: #FFF;
   padding-top: 20px;
   padding-bottom: 20px; 
}
.choose-us .h1 {
   padding-left: 20px;
}
.choose-us p {
   padding-left: 20px;
   line-height: 2;
   font-size: 18px;
}
.choose-us .read-more {
   display: inline-block;
   padding: 8px 20px;
   margin: 0 0 0 20px;
   background-color: #ed1d24;
   color: #FFF;
   font-size: 20px;
   font-weight: bold;
   text-transform: uppercase;
}
/* end choose us*/
/*start static*/
.static {
   padding: 100px 0;
   color: #08526d;
}
.static .stat-box {
   margin-bottom: 40px;
}
.static span {
   display: block;
   font-size: 50px;
   font-weight: bold;
}
.static p {
   color: #ed1d24;
   font-size: 20px;
   margin: 0;
}
/*end static*/
/*start contact us*/
.contact-us {
   padding: 50px 0;
   background-color: #ed1d24;
   color: #FFF;
   font-size: 22px;
}
.contact-us p {
   margin: 0;
}
.contact-us a {
   color: #FFF;
   border: 2px solid #FFF;
   padding: 6px 15px 8px;
   text-transform: uppercase;
   font-weight: bold;
}
@media(max-width : 768px) {
   .contact-us p {
   margin-bottom: 30px;
   }
}
/*end contact us*/
/*start footer*/
.footer {
   padding: 100px 0;
}
.footer .site-info h2 {
   font-size: 40px;
   margin-bottom: 35px;
}
.footer .site-info h2 span:first-child {
   font-weight: bold;
   color: #08526d;
}
.footer .site-info h2 span:last-child {
   color: #ec1c23;
}
.footer .site-info p {
   line-height: 1.8;
   color: #727272;
}
.footer .site-info a {
   color: #08526d;
   font-size: 15px;
   font-weight: bold;
}
.footer .site-info a:before {
   font-family: 'Font Awesome 5 Free';
   content: "\f138";
   display: inline-block;
   margin-right: 5px;
}
.footer .helpful-links h2 ,
.footer .contact h2 {
   font-size: 22px;
   color: #08526d;
   margin-bottom: 68px;
}
.footer .helpful-links ul li:before {
   font-family: 'Font Awesome 5 Free';
   content: "\f054";
   margin-right: 5px;
   color: #08526d;
   font-size: 12px;
   position: relative;
   top: -1px;
}

.footer .contact ul li {
   margin-bottom: 24px;
}
@media(max-width : 992px) {
   .footer .helpful-links h2 ,
   .footer .contact h2 {
      margin-bottom: 20px;
      margin-top: 20px;
   }
   .footer .contact ul li {
      margin-bottom: 5px;
   }
}
/*end footer*/
/*start copyright*/
.copyright {
   border-top: 1px solid #c0c0c0;
   padding: 20px;
}
.copyright ul{
   margin: 0;
}
.copyright ul li {
   display: inline-block;
}
.copyright ul li a {
   color: #777;
   display: inline-block;
   margin-left: 20px;
   font-size: 18px;
}
/*end copyright*/