@import url('clash-display.css');
/* Begin Reset */
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

img { display: block; }
/* End Reset */ 

:root{
    --c-dark:#212529;
    --c-brand:rgba(163, 161, 32, 0.582) ;
    --c-brand-lignt:#f5f4b6;
    --c-brand-rgb:255, 255, 255;
    --c-brandN-rgb:163, 161, 32;
    --c-body:hsl(54, 47%, 17%);   /*hsl(46, 82%, 34%);*/
    --font-base:"ClashDisplay",sans-serif;
    --box-shadow:0px 15px 25px rgba(0,0,0,0.08);
    --transition: all 00.05s ease;
    /* --c-brand-rgb:163, 161, 32;*/
}
body{
    font-family: var(--font-base);
    line-height: 1.7;
    color:var(--c-body);

   /* background-image: url("../img/bubbles.png"), linear-gradient(to left, steelblue, #fff);
  background-repeat: repeat-y, no-repeat;
  background-position: right center; */
}

h1,h2,h3,h4,h5,h6,
.h1,.h2,.h3,.h4,.h5,.h6 {
    font-weight: 500;
}

.title{
    color:var(--c-dark);
}

img{
    max-width:100%;
    height:auto;
}
.blockquote-footer {
  margin-top: -1rem;
  margin-bottom: 1rem;
  font-size: 0.875rem;
  color: #575757;
}
.blockquote-footer::before {
  content: "— ";
}

.section-padding {
    padding-top: 140px;
    padding-bottom: 140px;
}

.navbar{
    box-shadow: var(--c-brand-lignt);
}
navbar-brand{
    margin-top: 0;
margin-bottom: 0;}

.navbar-nav .nav-link {
    font-weight: 500;
    color:var(--c-dark);
}
.navbar-nav .nav-link:hover{
    background-color: var(--c-brand-lignt);
}
.navbar-nav .nav-link.active{
    color:var(--c-brand);
}
a{
    text-decoration: none;
    color:var(--c-brand);
    transition:var(--transition);
}
a:hover{
    color: var(--c-brand-lignt);
}
.btn {
    font-weight: 600;
    font-size: 14px;
    text-transform: uppercase;
    border-radius: 10px;
    padding: 10px 24px;
}
.btn-dark{
    font-weight: 600;
    font-size: 14px;
    text-transform: uppercase;
    border-radius: 10px;
    padding: 10px 24px;
    background-color:var(--c-dark);
    color:white;
}
.btn-dark:hover{
    background-color: var(--c-brand-lignt);
    border-color: var(--c-brand-lignt);
    color:var(--c-dark);
}
.hid-text{
    top:-10000px;
}
.btn-brand{
background-color: var(--c-brand);
border-color: var(--c-brand) ;
color: white;
}
.btn-brand:hover{
    background-color: var(--c-brand-lignt);
    border-color: var(--c-brand-lignt);
    color:white;
}
#hero{
/*background-color:var(--c-brand);
 background-size: 20%, auto;
background-color: hsla(0, 0%, 100%, 0.1);*/
/*587*/
    background: linear-gradient(rgba(var(--c-brand-rgb),1),rgba(var(--c-brand-rgb),0.9) ),url(../img/enquiry4f.png);
    background-position: center;
    background-size: cover;
    min-height: 100vh;

  /*background-color: aliceblue;
   background: repeat-y right center url("../img/india.png"), no-repeat linear-gradient(to left, steelblue, #fff);
  background-size: 20%, auto;*/
}


.clip {
  font-weight: 800;
  font-size: 9rem;
  text-align:left;
  background-image: url("../img/trirep.png");
  background-size: 100%;
  text-transform: uppercase;
  -webkit-background-clip:text; 
  background-clip:text ;
  color: transparent;
}
.container-login{
     background: linear-gradient(rgba(var(--c-brand-rgb),0.507),rgba(var(--c-brand-rgb),0.438) );
    background-position: center;
    background-size: cover;
}
.section-title{
    margin-bottom:auto;
    }

    .section-title .line{
        width:60px;
        height:4px;
        background-color:var(--c-brand);
        margin:auto auto auto auto;

    }
    .section-title p{
        max-width:500px;
        margin-left:auto;
      margin-right: auto;
    }
    .iconbox{
        width:70px;
        height: 70px;
        display:inline-flex;
        align-items:center;
        justify-content:center;
        background: rgba(var(--c-brand-rgb),0.2);
        color:var(--c-brand);
        font-size: 34px;
        flex:none;
    }
    .section p {
        margin-top: auto;
        margin-bottom: auto;
    }
.section-padding {
    padding-top: 50px;
    padding-bottom: 50px;
}    
.img{
    max-width:100%;
    height: auto;
}

.theme-shadow{
    box-shadow: var(--box-shadow);
}
.service{
    position:relative;
    overflow:hidden;
    z-index:2;

}
.service::after{
    content:"";
    width:40px;
    height:40px;
    background:rgba(var(--c-brand-rgb),0.2);
    color: var(--c-dark);
    position:absolute;
    bottom:0;
    right:0;
    transition: var(--transition);
}
.service:hover::after{
width:100%;
height:100%;
background: var(--c-brand);
z-index: -1;
}
.service:hover h5,
.service:hover p{
    color:var(--c-dark);
}
.service:hover .iconbox{
    background-color: rgba(255,255,255,0.1);
    color:white;
}
#counter{
    background: linear-gradient(rgba(var(--c-brandN-rgb),0.8),rgba(var(--c-brandN-rgb),0.438) ),url(../img/enq3.png);
    background-position: center;
    background-size: cover;
}