@font-face {
    font-family: 'iranyekan';
    src: url('../fonts/iranyekanweb.ttf')format('truetype');
}
@font-face {
    font-family: 'iransansBold';
    src: url('../fonts/IRANSansWeb_Bold-2.woff');
}
.bold-head{
	font-family:iransansBold;
}
.yekan-font{
    font-family: iranyekan;
}
@font-face {
    font-family: 'iransans';
    src: url('../fonts/IranianSans.ttf')format('truetype');
}
*{
    font-family: iransans;
}
.line-height{
    line-height: 2rem;
}
button[class*='btn']{
    background-color: white;
    border-radius: 20px;
    /* background-color:#0d6efd */
    /* border:1px solid #0d6efd; */
    color: white;
    background-color: #0d6efd;
}
button[class*="btn2"]{
    background-color: white;
    border-radius: 20px;
    /* background-color:#0d6efd */
    border:1px solid #0d6efd;
    color: #0d6efd;
}
.btn:hover{
    background-color:white;
    color: #0d6efd;
    border:1px solid #0d6efd;
}
button[class*="btn2"]:hover{
    background-color: #0d6efd;
    color: white;
}

.header {
position:relative;
text-align:center;
background: linear-gradient(60deg, rgba(84,58,183,1) 0%, rgba(0,172,193,1) 100%);
color:white;
}
.logo {
width:50px;
fill:white;
padding-right:15px;
display:inline-block;
vertical-align: middle;
}
.inner-header {
height:65vh;
width:100%;
margin: 0;
padding: 0;
}
.flex { /*Flexbox for containers*/
display: flex;
justify-content: center;
align-items: center;
text-align: center;
}
.waves {
position:relative;
width: 100%;
height:15vh;
margin-bottom:-7px; /*Fix for safari gap*/
min-height:100px;
max-height:150px;
}
.content {
position:relative;
height:20vh;
text-align:center;
background-color: white;
}
/* Animation */
.parallax > use {
animation: move-forever 25s cubic-bezier(.55,.5,.45,.5) infinite;
}
.parallax > use:nth-child(1) {
animation-delay: -2s;
animation-duration: 7s;
}
.parallax > use:nth-child(2) {
animation-delay: -3s;
animation-duration: 10s;
}
.parallax > use:nth-child(3) {
animation-delay: -4s;
animation-duration: 13s;
}
.parallax > use:nth-child(4) {
animation-delay: -5s;
animation-duration: 20s;
}
@keyframes move-forever {
0% {
transform: translate3d(-90px,0,0);
}
100% {
transform: translate3d(85px,0,0);
}
}
/*Shrinking for mobile*/
@media (max-width: 768px) {
.waves {
height:40px;
min-height:40px;
}
.content {
height:30vh;
}
}
.text-small{
    font-size: 15px;
}
.wave {
    position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
    height: 70px;
    width: 100%;
    background: dodgerblue;
    z-index: -1;
}
.demo
{
	padding: 100px 0;
}
.heading-title
{
	margin-bottom: 100px;
}
.serviceBox{
    padding: 30px 30px 30px 90px;
    background: #f8f8f8;
    color: #333;
    overflow: hidden;
    position: relative;
    transition: all 0.3s ease-in-out 0s;
    height: 300px;
}

.serviceBox:hover{
    background: #0d6efd;
    color: #fff;
}

.serviceBox:after{
    content: "";
    display: block;
    border-top: 500px solid #fff;
    border-left: 500px solid transparent;
    margin-top: -55%;
    margin-left: 100%;
    opacity: 0;
    position: absolute;
    transform: scale(2);
    transition: all 0.3s ease-in-out 0s;
}

.serviceBox:hover:after{
    margin-left: 0;
    opacity: 0.1;
}

.serviceBox .service-icon{
    font-size: 50px;
    color: #0d6efd;
    position: absolute;
    top: 40px;
    left: 20px;
    transition:all 0.3s ease-in-out 0s;
}

.serviceBox:hover .service-icon{
    color: #fff;
}

.serviceBox .title{
    font-size: 22px;
    font-weight: 700;
    margin: 0 0 12px 0;
    text-transform: capitalize;
}

.serviceBox .description{
    font-size: 15px;
    color: #a3a3a3;
    line-height: 25px;
    margin: 0;
    transition: all 0.3s ease-in-out 0s;
}

.serviceBox:hover .description{
    color: #fff;
}

@media only screen and (max-width: 990px){
    .serviceBox{ margin-bottom: 15px; }
}
.my-fs{
    font-size: 15px;
}
.my-bg{
    background: url('../images/male-leader-discussing-documents-desk-workplace.png');
    background-position: center;
    background-size: cover;
}
.my-box{
    box-shadow: rgba(0, 0, 0, 0.4) 0px 2px 4px, rgba(0, 0, 0, 0.3) 0px 7px 13px -3px, rgba(0, 0, 0, 0.2) 0px -3px 0px inset;
}
.services:hover{
    background-color: #0d6efd;
    color: white;
}
.services:hover .icons{
    color: white;
}
.border-right{
    border-right:5px solid #0d6efd;
}
.my-card{
    background-color: red;
}
.my-card{
    height: 100px;
    width: 100px;
}
.icon-card{
    color: #0d6efd;
}
.bg-footer{
    background-color: dodgerblue;
}
.my-card{
    background-color: white;
}
.order-card {
    color: #fff;
}

.bg-c-blue {
    background: linear-gradient(45deg,#4099ff,#73b4ff);
}

.bg-c-green {
    background: linear-gradient(45deg,#2ed8b6,#59e0c5);
}

.bg-c-yellow {
    background: linear-gradient(45deg,#FFB64D,#ffcb80);
}

.bg-c-pink {
    background: linear-gradient(45deg,#FF5370,#ff869a);
}

.footer {
    position:relative;
    text-align:center;
    background: linear-gradient(60deg, rgba(84,58,183,1) 0%, rgba(0,172,193,1) 100%);
    color:white;
}
.card {
    border-radius: 5px;
    -webkit-box-shadow: 0 1px 2.94px 0.06px rgba(4,26,55,0.16);
    box-shadow: 0 1px 2.94px 0.06px rgba(4,26,55,0.16);
    border: none;
    margin-bottom: 30px;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.card .card-block {
    padding: 25px;
}

.order-card i {
    font-size: 26px;
}

.f-left {
    float: left;
}

.f-right {
    float: right;
}