h1{
    
    text-transform: uppercase;
}
h2{
    font-size: 24px;
  
    text-transform: uppercase;

}
h3{
 font-size: 20px;
}
h4{
 font-size: 20px;
}



@media (min-width: 1200px){
    .container {
        max-width: 1170px;
   }
}
[data-overlay]:before {
    content: '';
    position: absolute;
    background: #0000005c;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 0;
}

.cover-bg {
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    display: block;
    
}




/* -------------- Typography -----------------------------------------*/





.custom-btn {
    position: relative;
    overflow: hidden;
    cursor: pointer;
    color: inherit;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.custom-btn > * {
    pointer-events: none;
}
.custom-btn[type="button"] {
    padding: 0;
    font-size: 18px;
    background-color: transparent;
}
.custom-btn.-icon-left .custom-btn__icon {
    -webkit-box-ordinal-group: 0;
    -ms-flex-order: -1;
    order: -1;
}
.custom-btn__label {
    display: inline-block;
    text-transform: uppercase;
    color: #fff;
    letter-spacing: 1px;
    font-size:18px;
    font-weight: 300;
    font-family: 'Novecento Light' ;
   
}
 .custom-btn__label p{
    font-size:30px;
    font-weight: 400;
    font-family: Novecento Light ;
}



/* ------------------------------------------------------- Header Blog Page And Work Page -------------------------------------------------------- */
.header-single {
    position: relative;
    max-height: 100vh;
    border-bottom: 1px solid #171718;
    min-height: 0;
}
.header-single .caption {
    text-align: center;
}
.header-single .caption .title-header {
    color: #fff;
    font-size: 60px;
    letter-spacing: 2px;
    margin-bottom: 30px;
    padding-bottom: 30px;
}
.header-single .caption .des-header {
    position: relative;
    color: #fff;
    font-size: 16px;
    font-weight: 400;
}
.header-single .caption .des-header:before {
    border-bottom: 4px solid #fd4145;
    top: -30px;
    content: "";
    left: 50%;
    position: absolute;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 155px;
}
/* ------------------------------------------------------- Header Project And Header About -------------------------------------------------------- */
.header-project {
    position: relative;
    overflow: hidden;
    height: 100vh;
}
.header-project video {
    position: absolute;
    top: 50%;
    left: 50%;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    z-index: -100;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    background-size: cover;
}
.header-project .content {
    position: relative;
    width: 100%;
}
.header-project .content h3 {
    font-size: 16px;
    color: #fff;
    letter-spacing: 4px;
}
.header-project .content h2 {
    color: #fff;
    font-size: 7vw;
    line-height: 1.3em;
    letter-spacing: 2px;
}
.header-project .content h2 span {
    color: transparent;
    -webkit-text-stroke-color: #fff;
    -webkit-text-stroke-width: 1px;
}
.header-not .content__title {
    font-size: 9vw !important;
    margin-bottom: 30px;
}
.header-not .content__title span {
    -webkit-text-stroke-width: 2px !important;
}
.header-not .des-header {
    position: relative;
    color: #fff;
    font-weight: 400;
    letter-spacing: 2px;
}
.header-not .des-header::before {
    border-bottom: 4px solid #fd4145;
    top: -30px;
    content: "";
    left: 50%;
    position: absolute;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 155px;
}
/* ------------------------------------------------------- Slider -------------------------------------------------------- */
.dsn-grid-slider {
    position: relative;
    height: 100vh;
    width: 100%;
    overflow: hidden !important;
    
}
.dsn-grid-slider .dsn-progress {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
   
}
.dsn-grid-slider .dsn-progress-circle {
    position: fixed;
    pointer-events: none;
    left: 0;
    top: 0;
    z-index: 999999999;
    width: 40px;
    height: 40px;
    margin-top: -5px;
    margin-left: -5px;
    opacity: .6;
}
.dsn-grid-slider .dsn-progress-circle .icon__fixed {
    position: absolute;
    width: 100%;
    height: 100%;
    padding-top: 10px;
    padding-left: 10px;
    color: #fff;
}
.dsn-grid-slider .dsn-progress-circle svg {
    stroke-width: 4px;
}
.dsn-grid-slider .dsn-grid-content {
    max-height: 100vh;
    width: 100%;
    overflow: hidden !important;
}


.dsn-grid-slider .dsn-grid-content .dsn-grid-prev .slick-list, .dsn-grid-slider .dsn-grid-content .dsn-grid-prev .slick-track {
    height: 100%;
}
.dsn-grid-slider .dsn-grid-content .dsn-grid-info {
    position: absolute;
    display: block;
    width: calc(40% - 35px);
    top: 60%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 10;
    left: calc(10% + 45px);
    -webkit-transition: all 1s;
    -moz-transition: all 1s;
    -ms-transition: all 1s;
    -o-transition: all 1s;
    transition: all 1s;
}
.dsn-grid-slider .dsn-grid-content .dsn-grid-info .dsn-grid-info-wrapper {
    display: none;
}
.dsn-grid-slider .dsn-grid-content .dsn-grid-info .dsn-grid-info-wrapper.dsn-slider-active {
    display: block;
}
.dsn-grid-slider .dsn-grid-content .dsn-grid-info .slide-content__kicker {
    overflow: hidden;
    opacity: .7;
    color: #fff;
    font-family: "Novecento";
    margin-bottom: 30px;
    font-weight: 600;
    letter-spacing: 2px;
    font-size: 12px;
}
.dsn-grid-slider .dsn-grid-content .dsn-grid-info h2 {
    max-width: 506px;
    color: #fff;
    -webkit-text-stroke: 1px #fff;
    -webkit-text-fill-color: #fff;
    -ms-transform-origin: 0 50%;
    -webkit-transform-origin: 0 50%;
    transform-origin: 0 50%;
    font-size: 45px;
    line-height: 55px;
    font-family: 'Novecento DemiBold';
    letter-spacing: 1px;
    width: 50vw;
    cursor: pointer;
}
.dsn-grid-slider .dsn-grid-content .dsn-grid-info .chars__wrapper {
    margin-bottom: 0;
    padding-bottom: 0;
    padding-top: 0;
}
.dsn-grid-slider .dsn-grid-content .dsn-grid-info .slide-meta {
    overflow: hidden;
    width: 80vw;
    margin-bottom: 35px !important;
}
.dsn-grid-slider .dsn-grid-content .dsn-grid-info .slide-meta .slide-meta__item, .dsn-grid-slider .dsn-grid-content .dsn-grid-info .slide-meta .single-meta__item {
    display: inline-block;
    margin-right: 15px;
    padding-left: 10px;
    border-left: 4px solid rgba(255, 255, 255, 0.1);
}
.dsn-grid-slider .dsn-grid-content .dsn-grid-info .slide-meta .slide-meta__item .slide-meta__title, .dsn-grid-slider .dsn-grid-content .dsn-grid-info .slide-meta .slide-meta__item .single-meta__title, .dsn-grid-slider .dsn-grid-content .dsn-grid-info .slide-meta .single-meta__item .slide-meta__title, .dsn-grid-slider .dsn-grid-content .dsn-grid-info .slide-meta .single-meta__item .single-meta__title {
    display: block;
    margin-bottom: 5px;
    font-size: 10px;
    opacity: .8;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: #fff;
}
.dsn-grid-slider .dsn-grid-content .dsn-grid-info .slide-meta .slide-meta__item .slide-meta__value, .dsn-grid-slider .dsn-grid-content .dsn-grid-info .slide-meta .slide-meta__item .single-meta__value, .dsn-grid-slider .dsn-grid-content .dsn-grid-info .slide-meta .single-meta__item .slide-meta__value, .dsn-grid-slider .dsn-grid-content .dsn-grid-info .slide-meta .single-meta__item .single-meta__value {
    font-size: 12px;
    letter-spacing: 1px;
    color: #fff;
}
.dsn-grid-slider .dsn-grid-content .dsn-grid-current {
    position: absolute;
    width: 100%;
    height: calc(100% - 0px);
    top: 0;
    left: 0%;
    overflow: hidden;
    padding-top: 0;
    background-color: #0f121c;
}
.dsn-grid-slider .dsn-grid-content .dsn-grid-current .slick-list, .dsn-grid-slider .dsn-grid-content .dsn-grid-current .slick-track {
    height: 100%;
}
.dsn-grid-slider .dsn-grid-content .dsn-grid-current .dsn-grid-slider-effect {
  
    width: 100%;
    height: 100%;
}


.dsn-grid-slider .dsn-grid-content .dsn-grid-current .slick-slider {
    position: absolute;
}

.dsn-grid-slider .dsn-grid-content .dsn-grid-current .slick-prev {
    top: 40% !important;
    z-index: 1;
}

.dsn-grid-slider .dsn-grid-content .dsn-grid-nav {
    position: relative;
    margin: 15px 0;
    left: 200px;
    text-align: center;
    bottom: 0;
    display: inline-block;
    line-height: 40px;
    color: #fff;
    font-size: 20px;
    font-weight: 600;
}

.dsn-grid-slider .dsn-grid-content.dsn-demo .dsn-grid-prev {
    display: none;
}
.dsn-grid-slider .dsn-grid-content.dsn-demo .dsn-grid-info {
    left: 60px;
}
.dsn-grid-slider .dsn-grid-content.dsn-demo .dsn-grid-current {
    width: 80%;
    left: 20%;
}
.dsn-grid-slider .dsn-grid-content.dsn-demo .dsn-grid-current.dsn-full {
    width: 100%;
    left: 0;
}
.dsn-grid-nav-box {
    position: unset;
    right: 30px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 12;
}
.dsn-grid-nav-box #to-top, .dsn-grid-nav-box #to-bottom {
    color: #fff;
    font-size: 20px;
    position: relative;
    cursor: pointer;
}
.dsn-grid-nav-box #to-top{
    position: relative;
    left: 0;
}
.dsn-grid-nav-box #to-bottom{
    position: relative;
}
.dsn-grid-nav-box #to-top svg, .dsn-grid-nav-box #to-bottom svg {
    width: 100%;
    height: 100%;
    vertical-align: bottom;
}
.dsn-grid-nav-box #to-top svg .circle, .dsn-grid-nav-box #to-bottom svg .circle {
    stroke-width: 1px;
    stroke-dashoffset: 113.113px;
    stroke-dasharray: 113.113px;
    opacity: 0;
    fill: #fff;
}

.dsn-grid-nav-box .to_top, .dsn-grid-nav-box .to_bottom {
    display: block;
    position: relative;
    height: 50px;
    width: 50px;
    margin: initial;
    z-index: 15;
}
.dsn-grid-nav-box .to_top .icon-circle, .dsn-grid-nav-box .to_bottom .icon-circle {
    width: 100%;
    height: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: absolute;
    left: 0;
    top: 0;
    cursor: pointer;
    z-index: 4;
}

.dsn-grid-nav-box .to_top a, .dsn-grid-nav-box .to_bottom a {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    z-index: 22;
}
.dsn-grid-nav-box .dsn-grid-num {
    display: block;
    position: relative;
    height: 50px;
    width: 50px;
    margin: auto;
    z-index: 15;
}
.dsn-grid-nav-box .dsn-grid-num a {
    position: relative;
    width: 100%;
    height: 100%;
    left: 0;
    text-align: center;
    z-index: 22;
    letter-spacing: 1px;
    color: #fff;
}
.dsn-grid-nav-box .dsn-grid-num a span {
    width: 100%;
    height: 100%;
    font-size: 18px;
    line-height: 50px;
}
.chars__wrapper {
    display: inline-block;
    overflow: hidden;
    padding-bottom: 5px;
    padding-top: 5px;
}
.dsn-grid-nav-box {
    width: 100%;
    height: 100%;
    right: initial !important;
    transform: initial !important;
    top: 0 !important;
}
.to_top.to-next {
    position: absolute !important;
    top: 50%;
    height: 70px !important;
    width: 70px !important;
    transform: rotateZ(90deg) !important;
    left: 15px;
    transform-origin: initial !important;
}
.to_bottom.to-next {
    position: absolute !important;
    top: 50%;
    height: 70px !important;
    width: 70px !important;
    transform: rotateZ(90deg) !important;
    right: 15px;
    transform-origin: initial !important;
}
.word__wrapper {
    position: relative;
    display: inline-block;
}


/* mobileview */
@media only screen and (min-width: 768px) {
   
}
@media only screen and (max-width: 767px) {
   .to_bottom.to-next {
       right: -5px;
   }

   .to_top.to-next {
       left: -5px;
   }
.dsn-grid-info-wrapper{
   position: absolute;
   top: -200px;
   left: -10px;
}
.dsn-grid-info-wrapper .title{
   width: 300px !important;
}

   .dsn-grid-slider .dsn-grid-content .dsn-grid-info h2 {
       width: 100% !important;
       /*font-size: 74px !important;*/
       line-height: 10px !important;
       margin-bottom: 25px !important;
       
   }
   .dsn-grid-slider .dsn-grid-content .dsn-grid-info a{
      
   }
   .dsn-grid-slider .dsn-grid-content .dsn-grid-info h2 .word__wrapper .chars__wrapper {
       font-size: 15px;
   }

   .dsn-grid-slider .dsn-grid-content .dsn-grid-info {
       padding-top: 70px;
   }

   .cust-team-detail .member-name {
       font-size: 21px;
   }
   .chars__wrapper {
       display: unset;
       overflow: hidden;
   }
   .pt-100 {
       padding-top: 50px !important;
   }
   .pb-100 {
       padding-bottom: 50px !important;
   }
  
   .team-member, .team-img {
       position: relative;
       overflow: hidden;
       margin-bottom: 30px;
       padding: 7px;
   }
   .services-w {
       width: auto;
       padding-left: 0;
       padding-top: 25px;
   }
   .h-390 {
       height: 250px;
       padding: 15px;
       border-radius: 25px;
   }
   .content {
       position: relative;
       margin: auto;
       overflow: hidden;
       
   }
   .content1{
       margin-bottom: 35px;
   }
   .projects-p .col-sm-4{
       padding: 0px;
   }

}