@import url('https://fonts.googleapis.com/css2?family=Montserrat&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Titillium+Web:wght@300&display=swap');
body{
    overflow-x: hidden;
}
html {
    scroll-behavior: smooth;
}
a{
    text-decoration: none !important;
}
.customertextcolor{
    color: #A60C14;
}
.cp{
    padding: 2rem;
}
p{
    margin: 0px !important;
}
.gtext {
	background: linear-gradient(to right, #A60C14 0%, #000000 100%);
	-webkit-text-fill-color: transparent;
    -webkit-background-clip: text;
    background-clip:text ;
}

.fh{
    font-family: 'Montserrat', sans-serif !important;
}
.fp{
    font-family: 'Titillium Web', sans-serif !important;
}
.intro-outer-area{
    background-color: #2A2A2A;
color: #fff;
}
.intro-list-item{
    padding: 10px;
    margin: 0px;
}
.intro-text{
    font-size: 13px;
}
.nav-area{
    background-color: #F7F7F7;
}
.nav-text{
    font-size: 13px;
    text-transform: uppercase;
    font-weight: bold;
}
.customer-plan-border{
    border: 1px solid;
    border-radius: 1rem 1rem 1rem 0rem; background-color: #64748b;
    text-align: center;
    color: white;
}
.cprice{
    font-size: 2.25rem;
    font-weight: 900;
}
.ctime{
    font-size: 1rem;
}
.tf{
    font-size: 15px;
}
.mark-color{
    color: green;
}
.customer-border{
    border: 1px solid #e3e3e3;
    border-radius: 5px;
    box-shadow: 0 .125rem .25rem rgba(0,0,0,.075)!important;
    transition: 0.5s;
}
.customer-border:hover{
    border: 1px solid #e3e3e3;
    border-radius: 5px;
    box-shadow: 0 .5rem 1rem rgba(0,0,0,.15)!important;
    transition: 0.5s;
}
         
.btn-grad {
    background-image: linear-gradient(to right, #232526 0%, #414345 51%, #232526 100%);
    margin: 10px;
    padding: 10px 45px;
    text-align: center;
    text-transform: uppercase;
    transition: 0.5s;
    background-size: 200% auto;
    color: white;
    box-shadow: 0 0 20px #eee;
    border-radius: 5px;
    display: block;
  }

  .btn-grad:hover {
    background-position: right center; /* change the direction of the change here */
    color: #fff;
    text-decoration: none;
  }
 .heading-style{
    font-size: 25px;
    font-weight: 700;
 }
 .popular-area{
    background-color: aliceblue;
 }
 .footer-ico{
    font-size: 12px;
 }
 .flink{
    color: black !important;
    font-weight: 600;
    line-height: 2;
    padding-left: 5px;
    transition: 0.5s;
}
.flink:hover{
    color: black !important;
    font-weight: 600;
    line-height: 2;
    padding-left: 0px;
    transition: 0.5s;
}
.high-footer{
    background-color: #F2F3F4;
    color: black;
}
.footer{
    background-color: #1F2937;
    color: white;
}
.show-pacakages{
    background: #4776E6;  /* fallback for old browsers */  /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(to right, #8E54E9, #4776E6); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
    color: rgb(255, 255, 255)
    
}
.login-form{
    border: 1px solid;
    padding: 50px;
    border-radius: 5px;
}
.cus-img {
    width: 239;
    height: 200px;
    -o-object-fit: cover;
    object-fit: cover;
}
.show-cavarage{
    background: #abbaab;  /* fallback for old browsers */  /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(to right, #ffffff, #abbaab); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
    
    color: black;
    
}