@font-face {
    font-family: 'Galgine'; /*a name to be used later*/
    src: url('font/Galgine.otf'); /*URL to font*/
}

@font-face {
    font-family: 'Manrope'; /*a name to be used later*/
    src: url('font/Manrope.ttf');
    
}

h1, h2, h3, h4, h5, h6 {
    font-family: 'Galgine' !important;
    text-align: left !important;
}

p {

font-family: 'Manrope' !important;
font-style: normal;
font-weight: 300;
font-size: 16px;
line-height: 24px;
color: #000000;

}

h3 {
    font-style: normal;
    font-weight: 400;
    font-size: 50px;
    line-height: 30px;
    letter-spacing: 1px;
    color: #202020;
   
}

.statistics span {
    font-family: 'Galgine';
    font-style: normal;
    font-weight: 400 !important;
    font-size: 70px !important;
    line-height: 70px;
    letter-spacing: 1px;
    color: #202020 !important;
}

.small .statistics p {
    font-size: 14px;
    line-height: 27px;
    font-family: 'Galgine';
    font-style: normal;
    font-weight: 400;
    letter-spacing: 1px;
    color: #202020;
}


h2 {
    font-size: 40px;
    line-height: 52px;
    letter-spacing: 1px;
    font-weight: 400;
    color: #000000;
}

h4 {
font-family: 'Galgine';
font-style: normal;
font-weight: 400;
font-size: 25px;
line-height: 42px;
color: #202020
}

.testimonial{ margin: 0 20px 50px; }
.testimonial .pic{
    display: inline-block;
    width: 90px;
    height: 90px;
    border-radius: 50%;
    margin: 0 15px 15px 0;
}
.testimonial .pic img{
    width: 100%;
    height: auto;
    border-radius: 50%;
}
.testimonial .testimonial-profile{
    display: inline-block;
    position: relative;
    top: -36px !important;
}
.testimonial .title{
    display: block;
    font-size: 16px;
    font-weight: 600;
    color: #2f2f2f;
    text-transform: capitalize;
    margin: 0 0 7px 0;
}
.testimonial .post{
    display: block;
    font-size: 14px;
    color: #000000;
}
.testimonial .description{
    
    font-size: 15px;
    color: #000;
    line-height: 25px;
    margin: 0;
    position: relative;
}

.owl-theme .owl-controls {
    margin-top: 10px;
    text-align: left !important;
}

.owl-theme .owl-controls .owl-buttons div{
    opacity: 0.8;
    background: #f8f8f8;
}
.owl-prev:before,
.owl-next:before{
    content: "\f053";
    font-family: "Font Awesome 5 Free"; font-weight: 900;
    font-size: 20px;
    color: #000000 !important;
}
.owl-next:before { content: "\f054"; }


.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th {
    padding: 8px;
    line-height: 2.42857143;
    vertical-align: top;
    border-top: 0px solid #fff; 
}



.download {
    display:none;
}

.down{
display:block !important;
}


@media only screen and (max-width: 600px)  {
.hero-creative-agenc1, .hero-digital-agency-1 {
    height: 50vh !important;
}
}

@media only screen and (max-width: 767px) {
.download {
display:block !important;
}
    
}

@media only screen and (max-width: 520px) {
.download {
display:block !important;
}
}

@media only screen and (max-width: 767px) {
.down{
display:none !important;
}
    
}

@media only screen and (max-width: 520px) {
.down{
display:none !important;
}
}

.showmore {
    display:block;
}


@media only screen and (max-width: 767px) {
.showmore {
display:none !important;
}
    
}

@media only screen and (max-width: 520px) {
.showmore {
display:none !important;
}
}


@media only screen and (max-width: 767px) {
.count {
top: 20px !important;
}
}

@media only screen and (max-width: 520px) {
.count {
top: 20px !important;
}
}



@media only screen and (max-width: 520px) {
.title {
    font-size: 22px !important;
    line-height: 30px !important;
}
}

@media only screen and (max-width: 767px) {
.title {
font-size: 22px !important;
    line-height: 30px !important;
}
}

.owl-theme .owl-controls .owl-buttons div {
    background: none !important;
    }
    
    
.testimonial .testimonial-profile{
    display: inline-block;
    position: relative;
    top: -10px;
}

@media only screen and (max-width: 520px) {
.testimonial .testimonial-profile {
    display: inline-block;
    position: relative;
    top: -10px !important;
}
}

@media only screen and (max-width: 767px) {
.testimonial .testimonial-profile {
    display: inline-block;
    position: relative;
    top: -10px !important;
}
}

@media only screen and (max-width: 520px) {

.common-heading h2 {
    font-size: 30px;
    line-height: 45px;
    
}
}

@media only screen and (max-width: 767px) {
.common-heading h2 {
    font-size: 30px !important;
    line-height: 45px !important;
    
}
}




/*@media only screen and (max-width: 767px) {
  .hc-offcanvas-nav li.nav-back span, .hc-offcanvas-nav li.nav-close span, .hc-offcanvas-nav li.nav-parent .nav-next {
    width: 45px;
    position: absolute;
    top: 50px !important;
    right: 45px !important;
    bottom: 0;
    text-align: center;
    cursor: pointer;
    transition: background .2s ease;
}
}


@media only screen and (max-width: 520px) {
    .hc-offcanvas-nav li.nav-back span, .hc-offcanvas-nav li.nav-close span, .hc-offcanvas-nav li.nav-parent .nav-next {
    width: 45px;
    position: absolute;
    top: 50px !important;
    right: 45px !important;
    bottom: 0;
    text-align: center;
    cursor: pointer;
    transition: background .2s ease;
}
}*/

@media only screen and (max-width: 520px) {
    .full-video {
    right: 0;
    bottom: -30px;
    object-fit: contain !important;
    object-position: center !important;
}
}


@media only screen and (max-width: 767px) {
  .full-video {
   right: 0;
    bottom: -30px;
    object-fit: contain !important;
    object-position: center !important;
    
}
}


@media only screen and (max-width: 520px) {
   .hero-creative-agenc1 {
    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat !important;
}
}


@media only screen and (max-width: 767px) {
  .hero-creative-agenc1 {
    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat !important;
}
}

@media only screen and (max-width: 767px) {
.hero-creative-agenc1, .hero-digital-agency-1 {
    height: 58vh !important;
}
}

@media only screen and (max-width: 520px) {
.hero-creative-agenc1, .hero-digital-agency-1 {
    height: 58vh !important;
}
}

.owl-theme .owl-controls .owl-buttons div {
    opacity: .9 !important;
}

@media only screen and (max-width: 520px) {
.dsk-logo .nav-brand img {
    max-height: 55px;
}
}

@media only screen and (max-width: 767px) {
    .dsk-logo .nav-brand img {
    max-height: 55px;
}
}

@media only screen and (max-width: 767px) {
  .hc-offcanvas-nav li.nav-back span, .hc-offcanvas-nav li.nav-close span, .hc-offcanvas-nav li.nav-parent .nav-next {
    width: 45px;
    position: absolute;
    top: 0px !important;
    right: 0px !important;
    bottom: 0;
    text-align: center;
    cursor: pointer;
    transition: background .2s ease;
}
}


@media only screen and (max-width: 520px) {
    .hc-offcanvas-nav li.nav-back span, .hc-offcanvas-nav li.nav-close span, .hc-offcanvas-nav li.nav-parent .nav-next {
    width: 45px;
    position: absolute;
    top: 0px !important;
    right: 0px !important;
    bottom: 0;
    text-align: center;
    cursor: pointer;
    transition: background .2s ease;
}
}


.desktopframe {
    display:block;
}


@media only screen and (max-width: 767px) {
.desktopframe {
display:none !important;
}
}

@media only screen and (max-width: 520px) {
.desktopframe {
display:none !important;
}
}

.mobileframe {
    display:none;
}

@media only screen and (max-width: 767px) {
.mobileframe {
display:block !important;
}
}

@media only screen and (max-width: 520px) {
.mobileframe {
display:block !important;
}
}