@font-face {
    font-family: 'krown';
    font-style: normal;
    font-weight: 400;
    src:            
      url("../fonts/krown.woff") format("woff"),
      url("../fonts/krown.otf") format("truetype");
}
  
@font-face {
    font-family: 'krown';
    font-style: normal;
    font-weight: 700;
    src:            
      url("../fonts/krown-bold.woff") format("woff"),
      url("../fonts/krown-bold.otf") format("truetype");
}

body {
    color: #464646;
}

a:hover {
    color: #CB007B;
}

.font-title {
    font-family: 'krown' !important;
    letter-spacing: 1px;
}

.btn.btn-pink {
    background: #CB007B;
    border-color: #CB007B;
    color: white;
}

.btn.btn-pink:hover {
    background-color: #722282;    
    border-color: #722282;
    color: white;
}

.btn.btn-purple {
    background: #31006F;
    border-color: #31006F;
    color: white;
}

.btn.btn-purple:hover {
    background-color: #CB007B;  
    border-color: #CB007B;  
    color: white;
}

.text-purple {
    color: #31006F !important;
}

.bg-purple {
    background-color: #31006F;   
}

.border-color-purple {
    border-color: #31006F !important;
}

.bg-pink {
    background: #CB007B;
}

.border-color-pink {
    border-color: #CB007B !important;
}

.web-agency .process-step-style-02 .process-step-item:hover .process-step-icon {
    color: #CB007B;
}

#myVideo {
    height: 100%;
    width: 100%;
    object-fit: cover;
    object-position: center;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 0;
}

.icon {
    display: block;
}

.icon img {
     max-width: 60%;
     transition: all .5s ease;
}

.icon img:hover {
    transform: scale(1.05);
}

.our-img {
    transition: all .3s ease;
}

.our-img:hover {
    transform: scale(1.1);
}

@media (min-width:1400px) {
    .hero-title {
        font-size: 4.5rem;
        line-height: 5rem;
    }
}