*{
    margin:0px;
    padding:0px;
}
#header {
    width: 100%;
    background: #ffffff;
}
.top-bar{
    background: #fff;
}

.top-bar h3{
    padding-top: 30px;
    color: rgb(4, 18, 66);
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
    font-size: 30px;
}
.top-bar p{
    color: #000;
    font-size: 20px;
    font-weight:600;
}
.top-bar .btn{
    font-size: 25px;
    font-weight: 400;
    padding: 10px;
    color:#feab00;
    background-color: rgba(8,21,65,.9019607843);
    border-radius: 8px;
    margin-top: 10%;
    border: 3px solid #fea900c7;
}
.top-bar .btn:hover{
    background-color: #feab00;
    color:#fff;
}
.top-bar .social {
    padding: 10px 0px;
    display: flex;
    justify-content: center;
}
.top-bar .social a {
    justify-content: center;
    width: 60px;
    margin-top: 5%;
    margin-right: 15px;
    padding: 10px 0px;
    font-size: 25px;
    color: rgba(8,21,65,.9019607843);
    border-radius: 25%;
    border-right: 1px;
    background: #feab00;
    box-shadow: #fea90076 6px 6px;
}
.top-bar .social a:hover{
    background-color:rgba(8,21,65,.9019607843);
    box-shadow: rgba(8, 21, 65, 0.553) 6px 6px; 
    color:#feab00;
}
.brand-img{
    display: none;
}

.navigation{
    background-color:rgba(8,21,65,.9019607843);
    top: 0;
}
.navigation .navbar-toggler{
    background-color:white;
}
.navbar ul li{
    margin-left: 6px;
    padding: 8px 0px;
}
.navbar ul li a{
    color: #fff;
    font-size: 20px;
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
}
.navbar-nav li a:hover{
    color:#feab00;
    background: none;
}
.nav-link:focus, .nav-link:hover {
    color:#feab00;
}
.carousel .carousel-caption {
    position: absolute;
    top: 0;
    bottom: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    height: calc(100vh - 170px);
}
.carousel-caption {
    position: absolute;
    right: 15%;
    bottom: 20px;
    left: 15%;
    z-index: 10;
    padding-top: 20px;
    padding-bottom: 20px;
    color: #fff;
    text-align: center;
}
.carousel .carousel-caption h1 {
    color: #fff;
    font-size: 60px;
    font-weight: 700;
    font-style: italic;
    margin-bottom: 20px;
}
.carousel .carousel-caption p {
    color: #feab00;
    font-size: 3rem;
    margin-top: 5%;
    font-weight: 600;
    font-family:'EB Garamond', serif;
    text-transform: capitalize;
}
.carousel .carousel-caption .btn {
    padding: 15px 30px;
    font-size: 23px;
    font-weight: 600;
    letter-spacing: 1px;
    text-transform: uppercase;
    color: rgba(8,21,65,.9019607843);
    background:#fff;
    border-radius: 15px;
    box-shadow: 8px 7px rgba(255, 255, 255, 0.532);
    transition: .3s;
}
.feature-brand {
    width:100%;
   padding: 20px;
   text-align: center;
}
.feature-top {
    position: relative;
    background: rgba(8,21,65,.9019607843);
    margin-bottom: 40px;
}

.feature-item .call1 {
    border-right: 1px solid rgba(255, 255, 255, .1);
    color: #f8f9fa;
}
.feature-top .feature-item i {
   color: #feab00;
    font-size: 30px;
    margin-bottom: 10px;
}
/* .feature-top .feature-item i:hover{
    color: #feab00;
} */
.feature-top .feature-item h3 {
    color: #f8f9fa;
    font-family:'EB Garamond', serif;
    font-style: italic;
    font-size: 25px;
    font-weight: 600;
}
.feature-top .feature-item h3:hover{
     color: #fff;
}
.feature-top .feature-item p {
    color: rgba(235, 231, 231, 0.644);
    margin: 0px;
    font-size: 18px;
}
.about-Us{
    margin-top: 0%;
}
.about-Us img{
    padding: 10px;
    background-color: rgba(8,21,65,.9019607843);
}
.about-Us h2{
    color: rgba(8,21,65,.9019607843);
    font-family:'EB Garamond', serif;
    font-style: italic;
    font-size: 50px;
    font-weight: 900;
}
.about-Us p{
    font-size: 20px;
    font-weight: 500;
    text-align: justify;
}

.about-Us .btn{
    margin-top:15px;
    padding: 15px 35px;
    font-size: 20px;
    font-weight: 500;
    letter-spacing: 1px;
    background-color: rgb(254, 171, 0);
    color: rgba(8,21,65,.9019607843);
    border-radius: 10px;
    border: 2px solid rgb(254, 171, 0);
    box-shadow: #fea90076 6px 5px;
}
.about-Us .btn:hover{
    background-color: rgba(8,21,65,.9019607843);
    box-shadow: rgba(8, 21, 65, 0.553) 6px 5px; 
    border: 2px solid rgba(8,21,65,.9019607843);
    color:#feab00;
}
.area{
    margin-bottom: 10%;
}
.areas h1{
    color: rgba(8,21,65,.9019607843);
    font-size: 50px;
    font-family:'EB Garamond', serif;
    font-style: italic;
    font-weight: 900;
}
.areas .card{
    position: relative;
    background:rgba(8,21,65,.9019607843);
    color: #fff;
    border: none;
}
.card h5{
    color: #feab00;
    font-family:'EB Garamond', serif;
    font-style: italic;
    font-weight: 800;
    
}
.area img{
    position: relative;
    padding: 0px;
    max-width:100%;
    text-align: center;
    color: #aa9166;
    transition: .5s ease;
    object-fit: cover;
}
.area .btn{
    position: relative;
    padding: 10px 20px;
    font-size: 20px;
    font-weight:700;
    color: rgba(8,21,65,.9019607843);
    border: rgba(8,21,65,.9019607843)2px solid;
    background:#feab00;
    margin: 10% 0px;
    transition: .3s;
}
.area:hover.area img{
    transform: translateY(-10%);
    
}
.area:hover.area .btn{
    color:#fff;
	background: rgb(254, 171, 0);
    border: 2px solid rgba(8,21,65,.9019607843);
}
.services{
    background-color:rgba(8,21,65,.9019607843);
    margin-top:5%;
    padding:6% 0px;
    opacity: 1.5;
}
.services h2{
    color: #fff;
    font-size: 3.5rem;
    font-family:'EB Garamond', serif;
    margin-bottom: 15px;
}
.services h3{
    font-family:'EB Garamond', serif;
    font-size: 20px;
    font-weight: 900;
    color: rgba(8,21,65,.9019607843);
}
.services h3 cite{
    font-family: playfair display,sans-serif;
    color: rgb(254, 171, 0);
}
.services .card{
    margin: 20px;
    padding: 40px 15px;
    position: relative;
    background-color: transparent;
    border: 2px solid #feab00;
    background-color: #f8f9fa;
    box-shadow: 15px 14px #fea900d8;
}
.services i{
    color: #feab00;   
}
.services i:hover{
    color: rgba(8, 21, 65, 0.984);
}
.overlay {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    overflow: hidden;
    width: 100%;
    height: 0;
    transition: 1s ease;
  }
  .overlay img{
    position: relative;
    width: 100%;
    height: 100%;
  }
  .overlay .btn{
    position: absolute;
    background-color:rgba(8, 21, 65, 0.995);
    color: #feab00;
    border-radius: 15px;
    border: 2px rgba(4, 23, 84, 0.909);
    box-shadow: 6px 5px rgba(8, 21, 65, 0.635);
    padding: 10px 20px;
    font-size: 20px;
    font-weight: 500;
    top: 45%;
    left: 25%;
    z-index: 2;
}
.overlay .btn:hover{
    color:rgba(8,21,65,.9019607843);
    background-color:#feab00;
    box-shadow: 6px 5px #fea90092;
}
  .services .card:hover .overlay{
    height: 100%;
  }

.services p{
    color: rgb(8, 21, 65);
    font-size: 15px;
    font-weight: 600;
    text-align: justify;
}
.services .btn2{
    background-color: #feab00;
    color: #f8f9fa;
    padding: 15px 20px;
    font-size: 25px;
    font-weight: 500;
    letter-spacing: 1px;
    background-color: rgb(254, 171, 0);
    color: rgba(8,21,65,.9019607843);
    border-radius: 10px;
    border: 2px solid rgb(254, 171, 0);
    box-shadow: #fea90076 6px 5px;
}
.services .btn2:hover{
    background-color: #fff;
    color: #000;
    border: none;
    box-shadow: rgba(255, 255, 255, 0.571) 6px 5px;
}
.item-icon i{
    font-size: 50px;
    text-shadow: 0 4px 7px rgb(213 170 109 / 48%);

}
.testimonal2{
    background-image: linear-gradient(rgba(0, 0, 0, 0.009),rgba(0, 0, 0, 0)),url('../images/backg01.jpg');
    size: 100% 100%;
}
.swiper-slide .card{
    margin-bottom: 10%;
    padding:30px 40px;
    background-color:rgba(8,21,65,.9019607843);
    border: 3px solid #feab00;
    box-shadow: 15px 17px #fea90094;
    color: #f8f9fa;
}
.testimonal h2{
    margin: 5% 0;
    font-size: 3.5rem;
    font-weight: 700;
    font-family:'EB Garamond', serif;
    color:#fff;
}
.checked{
    color: #feab00;
    margin-bottom: 20px;
}
.swiper-slide h4{
    color: #c38c1ef6;
    font-size:40px;
    font-weight: 600;
    font-family:'EB Garamond', serif;
}
.swiper-slide .card p{
    text-align:justify;
    font-size: 25px;
    font-weight: 500;
    font-family:'EB Garamond', serif;
    
}
.mySwiper{
    background: transparent;
}
.mapping{
    position: relative;
    max-width: 900px;
    margin: 40px auto -160px auto;
    padding: 30px 15px;
    z-index: 1;
}
.mapping iframe{
   width: 100%;
   height: 400px;
}
#footer{
    width: 100%;
    position: relative;
    margin-top: 45px;
    padding-top: 120px;
    background-color:rgba(8, 21, 65, 0.995);
}
#footer .btn{
    background-color:#feab00;
    color:#f8f9fa;
    font-size: 18px;
    font-weight: 600;
}
#footer .btn:hover{
    color:rgb(8, 21, 65);
}
.foot-head{
    padding:30px;
    font-size: 45px;
    font-weight: 600;
    font-family:'EB Garamond', serif;
    color: #fff;
}
.foot-head:hover{
    color: #feab00;
}
.foot{
    word-spacing: 2px;
}
.foot h3{
    padding-left: 30px;
    color: #feab00;
}
.foot ul li{
    list-style: none;
}
.foot ul li a{
    text-decoration: none;
    font-size: 20px;
    font-weight: 350;
    color: #f8f9fa;
}
.social-media i{
    margin-top: 0%;
    margin-right: 15px;
    padding: 15px 15px;
    font-size: 30px;
    color: rgba(8, 21, 65, 0.995);
    border-radius: 25%;
    border-right: 1px;
    background: #feab00;
    box-shadow: #fea90076 6px 5px;
}
.social-media i:hover{
    color:rgba(8,21,65,.9019607843);
    background-color: #f8f9fa;
    box-shadow: #f8f9fa98 6px 5px;
}
.loc{
    margin-bottom: 0px;
    font-size: 20px;
    padding: 20px;
    color: #feab00;
}
.loc:hover{
    color: #f8f9fa;
}
.bottom{
    margin-top:3%;
    padding: 15px;
    color: #fff;
    font-size: 20px;
}
.text-center a{
   text-decoration: none;
   color: #feab00;
}
.text-center a:hover{
    color:rgba(160, 4, 232, 0.97);
}

.abuu-bg {
	background-image: linear-gradient(rgba(89, 89, 91, 0.689),rgba(89, 87, 87, 0.753)), url('../images/abt.jpg');
    background-size: cover;
	height: 500px;
}
.abou-list h1{
	padding-top: 120px;
    font-size: 12vh;
    font-weight: 700;
    color:#fff;
    font-family:'EB Garamond', serif;
}
.abou-list>ul>li a{
    text-decoration: none;
    font-size: 25px;
    font-weight: 500;
	color: #feab00;
}
.wh-us{
    background-color: rgba(8,21,65,.9019607843);
    color: #f8f9fa;
    padding:5% 0px;
}
.why-list h2{
    color: #feab00;
    font-size:45px;
    font-weight: 700;
    font-family:'EB Garamond', serif;
    text-align: center;
}
.why-list p{
    padding-top: 15px;
    font-size: 22px;
    justify-content:center;
}
.why-list h3{
    padding-top: 15px;
    color:#feab00;
    font-size: 30px;
}
.why-list ul li{
    font-size: 25px;
    list-style: none;
}
.why-list ul li::before{
    content:"\2022\00A0";
    color: #feab00;
    font-size: 50px;
}




@media only screen and (max-width: 991px) {
    .top-bar .btn{
        margin-bottom: 15px;
        margin-top: 0%;
    }
    .top-bar .social a{
        margin-top: 0%;
    }
    .top-bar{
        display: block;
      }
    .brand-img{
        display:block;
    }  
      
    
  }
  @media only screen and (max-width: 768px) {
    .feature-item i{
        padding-top: 25px;
    }
    .foot{
        text-align: center;
    }
  }