/*--------------------------------------------------------------
# Preloader
--------------------------------------------------------------*/
#preloader {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 9999;
    overflow: hidden;
    background: #fff;
  }
  .navgation-for-mobile-only{
    display: none;
  }
  
  #preloader:before {
    content: "";
    position: fixed;
    top: calc(50% - 30px);
    left: calc(50% - 30px);
    border: 6px solid #cc9b60;
    border-top-color: #e7e4fe;
    border-radius: 50%;
    width: 60px;
    height: 60px;
    -webkit-animation: animate-preloader 1s linear infinite;
    animation: animate-preloader 1s linear infinite;
  }
  
  @-webkit-keyframes animate-preloader {
    0% {
      transform: rotate(0deg);
    }
  
    100% {
      transform: rotate(360deg);
    }
  }
  
  @keyframes animate-preloader {
    0% {
      transform: rotate(0deg);
    }
  
    100% {
      transform: rotate(360deg);
    }
  }
  
  /*--------------------------------------------------------------
  # Disable aos animation delay on mobile devices
  --------------------------------------------------------------*/
  @media screen and (max-width: 768px) {
    [data-aos-delay] {
      transition-delay: 0 !important;
    }
  }
:root {
    --white-color: #fff;
    --gold-color: #D4AF37;
    --gray-dark-color: #272932;
    --gray-light-color: #2D2F3A;
   
}

select {
    position: relative;
}

    select:after {
        position: absolute;
        content: "";
        right: 7px;
        display: inline-block;
        background: url(../images/thin-down.svg);
        background-repeat: no-repeat;
        background-size: 20px;
    }

::selection {
    background: #095fb8;
    color: #fff;
}


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

body {
    background:var(--gray-dark-color) url(../images/headerbg.png);
    background-repeat: no-repeat;
    background-position: top center;
    background-size: 100%;
    font-family: 'Manrope', sans-serif;
}



a, a:hover, a:focus, a.active, a.active:hover {
    text-decoration: none;
    outline: none;
}
.container{
    max-width: 1400px;
}

.boxtopform{
    background:url(../images/headerBg1.png);
    background-repeat: no-repeat;
    border: 2px solid var(--gold-color);
    border-radius: 30px;
    overflow: hidden;
    padding: 60px 50px 0 50px;
    box-shadow: 0 0 50px 0 #000;
    margin: 0 0 40px 0;
}
.boxtopform h3{
    font-size: 55px;
    color: var(--gold-color);
}
.boxtopform img{width: 265px;}
.boxtopform p{
    color: var(--white-color);
    font-size: 18px;
}
.formgrop{position: relative;margin: 0 0 30px 0;}

.formgrop {}
.formgrop input{
    height: 55px;
    background: none;
    border-radius: 100px;
    padding: 0 30px;
}
.divgp{text-align: center;}
.formgrop button{
    background: var(--gold-color);
    border-radius: 100px;
    height: 50px;
    text-transform: uppercase;
    border: none;
    font-weight: 600;
}
.fmcp{position: absolute;right: 2px;top: 2px;background: #4e4040;border-radius: 50px;width: 60px;height: 51px;text-align: center;line-height: 50px;padding: 0;}
.fmcp img{width: 31px;height: 32px;}

.logosec {
    padding:30px 0;

}
.iocnbox{text-align: center;padding: 20px 0 10px 0;}
.iocnbox img{
    width: 70px;
}
.iocnbox h3{font-size: 30px;color: var(--gold-color);padding: 20px 0 0 0;}
.fiveservice{padding: 40px 0 60px;}
.impreesion{position: relative;padding: 63px 0;}
.impreesion img{
    position: absolute;
    right: 0;
    top: -81px;
    max-width: 700px;
}
.impreesion h2{
     font-size: 70px;
     color: var(--gold-color);
     padding: 0 20px 0 0;
}
.bottomline{
    margin-top:150px;
    height: 2px;
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#272932+1,d4af37+13,d4af37+51,d4af37+85,272932+100 */
background: #272932; /* Old browsers */
background: -moz-linear-gradient(left,  #272932 1%, #d4af37 13%, #d4af37 51%, #d4af37 85%, #272932 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  #272932 1%,#d4af37 13%,#d4af37 51%,#d4af37 85%,#272932 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  #272932 1%,#d4af37 13%,#d4af37 51%,#d4af37 85%,#272932 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#272932', endColorstr='#272932',GradientType=1 ); /* IE6-9 */
width: 100%;
}

.carouselcard{text-align: center;float: left;width: 100%;}
.carouselcard img{max-width: 260px;/* float: inherit; */display: inline-table;}
.carouselcard1 {
    text-align: center;
}
.carouselcard1 img{max-width: 260px;display: inline-block;margin: 0;padding: 0;/* float: left; */}

.secHead{
    font-size: 44px;
    text-align: center;
    color: var(--gold-color);
    padding: 0 0 50px 0;
}
.featureDiv{
    padding: 40px 0;
}
.featureBox{
    background: var(--gray-light-color);
    border-radius: 30px;
    padding: 32px;
    position: relative;
    margin: 0 0 64px 0;
}
.featureBox img{
    position: absolute;
    max-width: 70px;
    top: -34px;
}
.featureBox h3{
    color: var(--gold-color);
    font-size: 32px;
    padding: 15px 0 0 0;
    margin: 0;
}
.featureBox p{
    color: var(--white-color);
    font-size: 18px;
    padding: 10px 0 0 0;
}

.impreesion1{position: relative;padding: 63px 0;}
.impreesion1 img{
    position: absolute;
    left: 0;
    top: 42px;
    max-width: 590px;
}
.impreesion1 h2{
     font-size: 62px;
     color: var(--gold-color);
     padding: 0 20px 0 0;
}

.impreesion1 p{
    color: var(--white-color);

}
.btnsub{text-align: center;}
.btnsub a{
    background: var(--gold-color);
    color: var(--gray-dark-color);
    margin: 100px 0 0 0;
    padding: 12px 60px;
    font-size: 30px;
    border-radius: 100px;
    display: inline-block;
}
.servicelist{
    background: url(../images/mid-banner.png);
    background-position: center;
    background-repeat: no-repeat;
    padding: 160px 0;
    background-size: 100%;
}

.listboxs{
    padding: 20px 0;
}
.listboxs h3{color: var(--gold-color);font-size: 32px;padding: 0 0 20px 0;}
.listboxs ul{padding: 0; margin: 0;}
.listboxs ul li{position: relative;color: var(--white-color);font-size: 18px;list-style: none;padding: 0 0 0 34px;margin: 0 0 12px 0;}
.listboxs ul li img{position: absolute;left: 0;width: 18px;}
.formDiv{}
.formDiv h3{font-size: 42px;color: var(--gold-color);text-align: center;padding: 0 0 20px 0;}
.formDiv h4{font-size: 42px;color: var(--gold-color);text-align: center;padding: 0 20px 20px;}
.needcardform {position: relative;padding: 80px 0 34px;}
.needcardform img{max-width: 600px;position: absolute;left: 0;top: 4%;}
.footerBox2{text-align: center;padding: 0px 0;}
.footerBox2 p{color: var(--white-color);font-size: 18px;padding: 6px 0 10px 0;margin: 0;}
.footerBox3 a{
    padding: 0 0px 0 8px;
    display: inline-block;
}

.footerBox3{text-align: right;}
.footerBox3 a img{
    max-width: 34px;
}
.footerBox1 img{
    width: 222px;
}