@charset "UTF-8";
html,body{
    overflow-x:hidden;
    max-width:100%;
    position:relative
}
*{
    box-sizing:border-box
}
*{
    margin:0;
    padding:0;
    border:none;
    outline:none;
    -webkit-box-shadow:none;
    box-shadow:none
}
body{
    color:var(--ygency-body-color);
    background:#000;
    font-weight:400;
    line-height:32px;
    font-size:16px;
    font-family:var(--ygency-primary-font);
    --ygency-primary-font:Inter;
    --ygency-secondary-font:Inter;
    --digitechnologys-primary-color:#64b5f6;
    --ygency-secondary-color:#ffffff;
    --ygency-tertiary-color:#16161c;
    --ygency-body-color:rgba(255, 255, 255, 0.75);
    --ygency-headline-color:#ffffff;
    --ygency-border-color:rgba(255, 255, 255, 0.1);
    --ygency-dark-color:#02050a;
    --ygency-primary-rgb:85, 230, 165;
    --ygency-secondary-rgb:255, 255, 255;
    --ygency-tertiary-rgb:22, 22, 28
}
a{
    color:var(--ygency-body-color);
    cursor:pointer;
    outline:none;
    -webkit-transition:0.5s;
    -o-transition:0.5s;
    transition:0.5s;
    text-decoration:none
}
a:hover,a:focus,a:visited{
    text-decoration:none;
    outline:none
}
a:hover{
    color:var(--ygency-secondary-color)
}
h1 a,h2 a,h3 a,h4 a,h5 a,h6 a{
    color:var(--ygency-secondary-color)
}
.text-white h1,.text-white h1 a,.text-white h2,.text-white h2 a,.text-white h3,.text-white h3 a,.text-white h4,.text-white h4 a,.text-white h5,.text-white h5 a,.text-white h6,.text-white h6 a,.text-white .h1,.text-white .h1 a,.text-white .h2,.text-white .h2 a,.text-white .h3,.text-white .h3 a,.text-white .h4,.text-white .h4 a,.text-white .h5,.text-white .h5 a,.text-white .h6,.text-white .h6 a{
    color:#fff
}
input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,input:-webkit-autofill:active{
    -webkit-box-shadow:none
}
ul,li{
    list-style:none;
    padding:0;
    margin:0
}
img{
    max-width:100%;
    display:inline-block
}
mark{
    color:var(--digitechnologys-primary-color);
    background:#fff0;
    text-decoration:underline
}
header:after,section:after,footer:after{
    display:block;
    clear:both;
    content:""
}
input,select,textarea,.nice-select,.form-control{
    width:100%;
    height:auto;
    border-radius:5px;
    padding:15px 30px;
    background-color:#fff;
    border:1px solid var(--ygency-border-color)
}
.nice-select{
    font-size:18px;
    line-height:1.3
}
.nice-select:after{
    height:8px;
    width:8px;
    right:25px;
    border-color:var(--ygency-secondary-color)
}
.nice-select .current{
    font-weight:500;
    color:var(--ygency-secondary-color)
}
.nice-select .list{
    width:100%;
    border-radius:0
}
textarea{
    display:inherit;
    padding-top:20px
}
label{
    cursor:pointer;
    font-weight:500;
    margin-bottom:5px;
    color:var(--ygency-body-color)
}
.form-group{
    position:relative;
    margin-bottom:20px
}
input:focus,button:focus,.form-control:focus{
    outline:none;
    -webkit-box-shadow:none;
    box-shadow:none;
    border-color:#cfdbf1
}
input[type="search"]::-ms-clear{
    display:none;
    width:0;
    height:0
}
input[type="search"]::-ms-reveal{
    display:none;
    width:0;
    height:0
}
input[type="search"]::-webkit-search-decoration,input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-results-button,input[type="search"]::-webkit-search-results-decoration{
    display:none
}
input[type="checkbox"],input[type="radio"]{
    height:auto;
    width:auto
}
.page-wrapper{
    position:relative;
    z-index:9;
    width:100%;
    margin:0 auto;
    overflow:hidden;
    min-width:300px
}
.Codespinner{
    border:4px solid #f3f3f3;
    border-top:4px solid #3498db;
    border-radius:50%;
    width:30px;
    height:30px;
    animation:spin 1s linear infinite;
    margin:0 auto
}
@keyframes spin{
    0%{
        transform:rotate(0deg)
    }
    100%{
        transform:rotate(360deg)
    }
}
@media only screen and (min-width:1200px){
    .container{
        max-width:1355px;
        padding-left:50px;
        padding-right:50px
    }
    .container.container-1620{
        max-width:1650px
    }
    .container.container-1590{
        max-width:1620px
    }
    .container.container-1290{
        max-width:1320px
    }
    .container.container-1260{
        max-width:1290px
    }
    .container.container-1210{
        max-width:1240px
    }
}
@media only screen and (min-width:576px){
    .container-fluid{
        padding-left:25px;
        padding-right:25px
    }
}
@media only screen and (min-width:1400px){
    .container-fluid{
        padding-left:70px;
        padding-right:70px
    }
}
@media only screen and (max-width:375px){
    .col-small{
        -webkit-box-flex:0;
        -ms-flex:0 0 100%;
        flex:0 0 100%;
        max-width:100%
    }
}
.row{
    --bs-gutter-x:30px
}
.no-gap{
    --bs-gutter-x:0
}
@media only screen and (min-width:1400px){
    .gap-10{
        --bs-gutter-x:10px
    }
}
@media only screen and (min-width:1400px){
    .gap-20{
        --bs-gutter-x:20px
    }
}
@media only screen and (min-width:1400px){
    .gap-30{
        --bs-gutter-x:30px
    }
}
@media only screen and (min-width:1400px){
    .gap-40{
        --bs-gutter-x:40px
    }
}
@media only screen and (min-width:1400px){
    .gap-50{
        --bs-gutter-x:50px
    }
}
@media only screen and (min-width:1400px){
    .gap-60{
        --bs-gutter-x:60px
    }
}
@media only screen and (min-width:1400px){
    .gap-70{
        --bs-gutter-x:70px
    }
}
@media only screen and (min-width:1400px){
    .gap-80{
        --bs-gutter-x:80px
    }
}
@media only screen and (min-width:1400px){
    .gap-90{
        --bs-gutter-x:90px
    }
}
@media only screen and (min-width:1400px){
    .gap-100{
        --bs-gutter-x:100px
    }
}
@media only screen and (min-width:1400px){
    .gap-110{
        --bs-gutter-x:110px
    }
}
@media only screen and (min-width:1400px){
    .gap-120{
        --bs-gutter-x:120px
    }
}
@media only screen and (min-width:1400px){
    .gap-130{
        --bs-gutter-x:130px
    }
}
@media only screen and (min-width:1400px){
    .gap-140{
        --bs-gutter-x:140px
    }
}
@media only screen and (min-width:1400px){
    .gap-150{
        --bs-gutter-x:150px
    }
}
@media only screen and (min-width:1200px){
    .row-cols-xl-7>*{
        width:14.2857%;
        -webkit-box-flex:0;
        -ms-flex:0 0 auto;
        flex:0 0 auto
    }
}
.section-title{
    margin-top:-7px;
    position:relative
}
.section-title .sub-title{
    font-size:18px;
    font-weight:500;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    display:-webkit-inline-box;
    display:-ms-inline-flexbox;
    display:inline-flex;
    color:var(--digitechnologys-primary-color);
    text-transform:capitalize
}
.section-title .sub-title:before{
    content:"";
    width:36px;
    height:10px;
    margin-right:10px;
    background:url(../images/icons/sub-title.svg) no-repeat 100% 100%
}
.section-title h2{
    text-transform:capitalize
}
@media only screen and (max-width:767px){
    .section-title h2{
        font-size:40px
    }
}
@media only screen and (max-width:575px){
    .section-title h2{
        font-size:35px!important
    }
}
@media only screen and (max-width:375px){
    .section-title h2{
        font-size:33px
    }
}
.section-title h2 i{
    color:var(--digitechnologys-primary-color)
}
.section-title.style-two h2{
    background:-webkit-radial-gradient(16.45% 50%,87.11% 3413.79%,#ffffff 0%,#fff0 100%);
    background:-o-radial-gradient(16.45% 50%,87.11% 3413.79%,#ffffff 0%,#fff0 100%);
    background:radial-gradient(87.11% 3413.79% at 16.45% 50%,#ffffff 0%,#fff0 100%);
    -webkit-background-clip:text;
    -webkit-text-fill-color:#fff0
}
.section-title.style-two h2 i{
    font-weight:400;
    -webkit-text-fill-color:var(--digitechnologys-primary-color)
}
.big-text{
    color:#fff;
    display:block;
    font-size:10vw;
    font-weight:500;
    text-align:center
}
.big-text.light-opacity{
    z-index:-1;
    opacity:.03;
    position:relative;
    margin-top:-100px
}
.theme-btn,a.theme-btn{
    cursor:pointer;
    -webkit-transition:0.5s;
    -o-transition:0.5s;
    transition:0.5s;
    font-weight:600;
    text-align:center;
    padding:13px 35px;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    display:-webkit-inline-box;
    display:-ms-inline-flexbox;
    display:inline-flex;
    background:#fff0;
    color:var(--ygency-secondary-color);
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    text-transform:capitalize;
    border:1px solid var(--ygency-border-color)
}
.theme-btn i,a.theme-btn i{
    -webkit-transition:0.25s;
    -o-transition:0.25s;
    transition:0.25s;
    margin-left:10px;
    -webkit-transform:rotate(-45deg);
    -ms-transform:rotate(-45deg);
    transform:rotate(-45deg)
}
.theme-btn:hover,a.theme-btn:hover{
    color:var(--ygency-dark-color);
    background:var(--digitechnologys-primary-color);
    border-color:var(--digitechnologys-primary-color)
}
.theme-btn:hover i,a.theme-btn:hover i{
    margin-left:13px;
    margin-right:-3px
}
@media only screen and (max-width:575px){
    .theme-btn,a.theme-btn{
        padding:10px 25px
    }
}
.theme-btn.style-two,a.theme-btn.style-two{
    color:var(--ygency-dark-color);
    background:var(--digitechnologys-primary-color);
    border-color:var(--digitechnologys-primary-color)
}
.theme-btn.style-two:hover,a.theme-btn.style-two:hover{
    color:var(--digitechnologys-primary-color);
    background:#fff0
}
.theme-btn.style-three,a.theme-btn.style-three{
    font-size:24px;
    font-weight:400;
    border-radius:30px;
    text-transform:lowercase
}
@media only screen and (min-width:992px){
    .theme-btn.style-three,a.theme-btn.style-three{
        padding:18px 50px
    }

   
}
.details-btn{
    width:100px;
    height:100px;
    -webkit-transition:0.5s;
    -o-transition:0.5s;
    transition:0.5s;
    font-size:24px;
    text-align:center;
    line-height:100px;
    border-radius:50%;
    display:inline-block;
    color:var(--ygency-secondary-color);
    -webkit-transform:rotate(-45deg);
    -ms-transform:rotate(-45deg);
    transform:rotate(-45deg);
    display:flex;
    align-items:center;
    justify-content:center;
    border:1px solid var(--ygency-border-color)
}
.details-btn:hover{
    color:#fff;
    background:var(--digitechnologys-primary-color);
    border-color:var(--digitechnologys-primary-color)
}
@media only screen and (max-width:479px){
    .bnr-req-quote-head h2{
        font-size:25px!important
    }
    .details-btn{
        width:65px;
        height:65px;
        font-size:16px;
        line-height:65px
    }
}
.explore-more{
    width:165px;
    height:165px;
    font-size:18px;
    text-align:left;
    color:var(--ygency-dark-color);
    border-radius:50%;
    display:-webkit-inline-box;
    display:-ms-inline-flexbox;
    display:inline-flex;
    padding:35px 44px 25px;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column;
    background:var(--digitechnologys-primary-color)
}
.explore-more i{
    text-align:center;
    -webkit-transform:rotate(-45deg) translate(-10px,-20px);
    -ms-transform:rotate(-45deg) translate(-10px,-20px);
    transform:rotate(-45deg) translate(-10px,-20px)
}
.explore-more span{
    font-weight:600;
    line-height:1.5
}
@media only screen and (max-width:479px){
    .banner-request-a-quote{
        width:100%!important;
        margin:40px 0 20px auto!important
    }
    .explore-more{
        width:100px;
        height:100px;
        font-size:14px;
        padding:15px 20px
    }
    .explore-more i{
        -webkit-transform:rotate(-45deg) translate(-10px,-15px);
        -ms-transform:rotate(-45deg) translate(-10px,-15px);
        transform:rotate(-45deg) translate(-10px,-15px)
    }
    .explore-more span{
        line-height:1.2
    }
}
.read-more{
    font-weight:500;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    display:-webkit-inline-box;
    display:-ms-inline-flexbox;
    display:inline-flex;
    text-decoration:underline;
    text-transform:capitalize;
    text-underline-position:under
}
.read-more i{
    float:right;
    font-weight:400;
    -webkit-transition:0.5s;
    -o-transition:0.5s;
    transition:0.5s;
    margin-left:8px;
    -webkit-transform:rotate(-45deg);
    -ms-transform:rotate(-45deg);
    transform:rotate(-45deg)
}
.read-more:hover{
    color:var(--digitechnologys-primary-color);
    text-decoration:underline
}
.read-more:hover i{
    margin-left:13px
}
.read-more.style-two{
    position:relative;
    padding-right:28px
}
.read-more.style-two span{
    opacity:0;
    -webkit-transition:0.5s;
    -o-transition:0.5s;
    transition:0.5s;
    -webkit-transform:translate(20px);
    -ms-transform:translate(20px);
    transform:translate(20px)
}
.read-more.style-two i{
    left:0;
    margin-left:0;
    font-size:22px;
    position:absolute
}
.read-more.style-two:hover span{
    opacity:1;
    -webkit-transform:translate(0);
    -ms-transform:translate(0);
    transform:translate(0)
}
.read-more.style-two:hover i{
    font-size:16px;
    margin-left:13px;
    left:calc(100% - 28px)
}
.read-more.color-primary{
    color:var(--digitechnologys-primary-color)
}
.bg-lines span{
    top:0;
    z-index:-1;
    width:1px;
    height:100%;
    position:absolute;
    background:var(--ygency-border-color);
    -webkit-animation:leftRightOne 18s infinite;
    animation:leftRightOne 18s infinite
}
.bg-lines span:nth-child(1){
    left:20%
}
.bg-lines span:nth-child(2){
    left:40%
}
.bg-lines span:nth-child(3){
    left:60%
}
.bg-lines span:nth-child(4){
    left:80%
}
.bg-lines span:nth-child(5){
    left:100%
}
.bg-lines span:nth-child(6){
    left:120%
}
.bg-lines span:nth-child(7){
    left:140%
}
.bg-lines span:nth-child(8){
    left:160%
}
.bg-lines span:nth-child(9){
    left:180%
}
.bg-lines.for-black-bg span{
    background:rgb(255 255 255 / .1)
}
.list-style-one li{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    font-weight:500;
    color:var(--ygency-secondary-color)
}
.list-style-one li:not(:last-child){
    margin-bottom:8px
}
.list-style-one li:before{
    -webkit-box-flex:0;
    -ms-flex:none;
    flex:none;
    width:20px;
    height:20px;
    font-size:11px;
    margin-top:6px;
    content:"\f00c";
    font-weight:600;
    line-height:16px;
    border:2px solid;
    text-align:center;
    margin-right:12px;
    border-radius:50%;
    color:var(--digitechnologys-primary-color);
    font-family:"Font Awesome 5 Pro"
}
.list-style-two li{
    font-size:18px
}
.list-style-two li:not(:last-child){
    margin-bottom:8px
}
.list-style-two li a:hover{
    color:var(--digitechnologys-primary-color);
    text-decoration:underline;
    text-underline-position:under
}
.list-style-three{
    color:#fff
}
.list-style-three li:not(:last-child){
    margin-bottom:8px
}
.list-style-three li:before{
    content:"\f560";
    font-size:1.2em;
    margin-right:15px;
    color:var(--digitechnologys-primary-color);
    font-family:"Font Awesome 5 Pro"
}
.social-style-one{
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    display:-webkit-inline-box;
    display:-ms-inline-flexbox;
    display:inline-flex;
    margin-left:-10px;
    margin-right:-10px
}
.social-style-one a{
    margin-left:10px;
    margin-right:10px
}
.social-style-two{
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    display:-webkit-inline-box;
    display:-ms-inline-flexbox;
    display:inline-flex;
    margin-left:-5px;
    margin-right:-5px
}
.social-style-two a{
    margin-left:5px;
    margin-right:5px;
    width:35px;
    height:35px;
    background:#fff0;
    line-height:35px;
    border-radius:50%;
    text-align:center;
    border:1px solid rgb(255 255 255 / .1)
}
.social-style-two a:hover{
    color:var(--ygency-dark-color);
    background:var(--digitechnologys-primary-color)
}
.social-style-three{
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    display:-webkit-inline-box;
    display:-ms-inline-flexbox;
    display:inline-flex;
    margin-left:-7.5px;
    margin-right:-7.5px
}
.social-style-three a{
    margin-left:7.5px;
    margin-right:7.5px
}
.social-style-three a:hover{
    color:var(--digitechnologys-primary-color)
}
.social-style-four{
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    display:-webkit-inline-box;
    display:-ms-inline-flexbox;
    display:inline-flex;
    margin-left:-35px;
    margin-right:-35px
}
.social-style-four a{
    margin-left:35px;
    margin-right:35px
}
.social-style-four a i{
    margin-right:10px
}
.tab-style-one{
    border-bottom:1px solid var(--ygency-border-color)
}
.tab-style-one .nav-link{
    font-size:18px;
    border-radius:0;
    padding-left:0;
    padding-right:0;
    margin-bottom:-1px;
    background:#fff0;
    border-bottom:2px solid #fff0
}
@media only screen and (min-width:1200px){
    .tab-style-one .nav-link{
        padding-bottom:25px
    }
}
@media only screen and (max-width:575px){
    .tab-style-one .nav-link{
        font-size:16px
    }
}
.tab-style-one .nav-link.active{
    color:var(--digitechnologys-primary-color);
    border-bottom-color:var(--digitechnologys-primary-color)
}
.tab-style-one .nav-item:not(:last-child){
    margin-right:40px
}
@media only screen and (max-width:767px){
    .tab-style-one .nav-item:not(:last-child){
        margin-right:20px
    }
}
.preloader{
    position:fixed;
    left:0;
    top:0;
    width:100%;
    height:100%;
    z-index:9999999;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    background-color:var(--ygency-dark-color);
    background-repeat:no-repeat;
    background-position:center center
}
.preloader .custom-loader{
    width:75px;
    height:75px;
    border-radius:50%;
    background-color:#fff0;
    border:2px solid #fff;
    border-top:2px solid var(--digitechnologys-primary-color);
    border-bottom:2px solid var(--digitechnologys-primary-color);
    -webkit-animation:1s preloader linear infinite;
    animation:1s preloader linear infinite
}
.pagination{
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    margin-left:-5px;
    margin-right:-5px
}
.pagination li{
    margin:10px 5px 0
}
.pagination li a,.pagination li .page-link{
    padding:0;
    color:#fff;
    border:none;
    -webkit-box-shadow:none;
    box-shadow:none;
    font-weight:600;
    width:60px;
    height:60px;
    background:#0a1019;
    line-height:60px;
    border-radius:50%;
    text-align:center
}
.pagination li.disabled .page-link,.pagination li:last-child .page-link{
    background:#0a1019;
    border-radius:50%
}
.pagination li.active .page-link,.pagination li:hover:not(.disabled) .page-link{
    color:var(--ygency-dark-color);
    background:var(--digitechnologys-primary-color);
    border-color:var(--digitechnologys-primary-color)
}
.pagination li:first-child .page-link,.pagination li:last-child .page-link{
    color:var(--digitechnologys-primary-color)
}
.pagination li.dot{
    width:7px;
    height:7px;
    background:#fff;
    border-radius:50%
}
.ratting{
    line-height:1;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    display:-webkit-inline-box;
    display:-ms-inline-flexbox;
    display:inline-flex
}
.ratting i{
    margin:3px;
    color:#f1b000;
    font-size:14px
}
.ratting.style-two i{
    margin:6px;
    font-size:18px;
    color:var(--digitechnologys-primary-color)
}
.slider-arrow .slick-arrow{
    border:1px solid var(--ygency-border-color)
}
.slider-arrow .slick-arrow:not(:last-child){
    margin-right:5px
}
.slider-arrow .slick-arrow:focus,.slider-arrow .slick-arrow:hover{
    color:#fff;
    background:var(--digitechnologys-primary-color);
    border-color:var(--digitechnologys-primary-color)
}
.slick-dots{
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center
}
.slick-dots li{
    position:relative;
    cursor:pointer;
    width:7px;
    height:7px;
    -webkit-transition:0.5s;
    -o-transition:0.5s;
    transition:0.5s;
    margin:0 10px;
    border-radius:50%;
    background:rgb(255 255 255 / .65)
}
.slick-dots li button{
    opacity:0
}
.slick-dots li.slick-active{
    background:#fff
}
.scroll-top{
    position:fixed;
    bottom:100px;
    right:20px;
    width:40px;
    height:40px;
    z-index:99;
    display:none;
    font-size:14px;
    cursor:pointer;
    line-height:40px;
    border-radius:5px;
    background:var(--digitechnologys-primary-color);
    -webkit-animation:pulse 2s infinite;
    animation:pulse 2s infinite
}
.text-white *,.text-white a,.text-white .sub-title,.text-white .read-more,.text-white .list-style-one li,.text-white .list-style-one li:before,.text-white .counter-text-wrap .count-text,.text-white .hotline .content a:not(:hover){
    color:#fff
}
.text-white .service-two-item .icon i{
    color:var(--digitechnologys-primary-color)
}
.text-white .service-two-item .content p{
    opacity:.6
}
.text-white .hotline>i{
    background:#fff
}
.text-white .hotline>i{
    border-color:#fff
}
.wave-shapes{
    position:absolute;
    z-index:-1;
    top:0;
    left:-100px;
    width:calc(100% + 100px);
    height:100%
}
.wave-shapes .shape{
    position:absolute;
    bottom:0;
    left:0;
    width:100%;
    -webkit-animation:leftRightOne 6s infinite;
    animation:leftRightOne 6s infinite
}
.wave-shapes .shape.two{
    -webkit-animation-delay:3s;
    animation-delay:3s
}
.filter-btns-one{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    margin-left:-5px;
    margin-right:-5px
}
.filter-btns-one li{
    cursor:pointer;
    -webkit-transition:0.5s;
    -o-transition:0.5s;
    transition:0.5s;
    font-weight:500;
    padding:4px 20px;
    border-radius:5px;
    margin:0 5px 10px;
    color:var(--ygency-secondary-color)
}
@media only screen and (max-width:375px){
    .filter-btns-one li{
        padding-left:15px;
        padding-right:15px
    }
}
.filter-btns-one li.current{
    background:#fff;
    color:var(--digitechnologys-primary-color);
    text-decoration:underline;
    -webkit-box-shadow:10px 0 60px rgb(195 195 195 / .5);
    box-shadow:10px 0 60px rgb(195 195 195 / .5)
}
.filter-btns-two{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    font-weight:500;
    margin-left:-18px;
    margin-right:-18px
}
@media only screen and (min-width:768px){
    .filter-btns-two{
        font-size:18px
    }
}
@media only screen and (max-width:575px){
    .filter-btns-two{
        margin-left:-8px;
        margin-right:-8px
    }
}
.filter-btns-two li{
    cursor:pointer;
    -webkit-transition:0.5s;
    -o-transition:0.5s;
    transition:0.5s;
    margin:0 18px 10px;
    border-bottom:3px solid #fff0
}
@media only screen and (max-width:575px){
    .filter-btns-two li{
        margin-left:8px;
        margin-right:8px
    }
}
.filter-btns-two li.current{
    color:var(--digitechnologys-primary-color);
    border-color:var(--digitechnologys-primary-color)
}
.rel{
    position:relative
}
.z-0{
    z-index:0
}
.z-1{
    z-index:1
}
.z-2{
    z-index:2
}
.z-3{
    z-index:3
}
.z-4{
    z-index:4
}
.z-5{
    z-index:5
}
.overlay{
    z-index:1;
    position:relative
}
.overlay::before{
    position:absolute;
    content:"";
    width:100%;
    height:100%;
    z-index:-1;
    top:0;
    left:0;
    opacity:.75;
    background-color:var(--ygency-secondary-color)
}
.bgs-cover{
    background-size:cover;
    background-position:center
}
.bgc-black{
    background-color:#0f1425
}
.bgc-gray{
    background-color:var(--ygency-secondary-color)
}
.bgc-primary{
    background-color:var(--digitechnologys-primary-color)
}
.bgc-secondary{
    background-color:var(--digitechnologys-primary-color)
}
.bgc-lighter{
    background-color:var(--ygency-tertiary-color)
}
.color-secondary{
    color:var(--digitechnologys-primary-color)
}
.bgc-black-with-lighting{
    background:#1e1e22
}
.bgc-black-with-lighting:after,.bgc-black-with-lighting:before{
    position:absolute;
    width:450px;
    height:450px;
    z-index:-1;
    content:"";
    border-radius:50%;
    background:var(--digitechnologys-primary-color);
    -webkit-animation:zoomInOut 5s infinite;
    animation:zoomInOut 5s infinite
}
.bgc-black-with-lighting:after{
    right:-8%;
    top:-15%;
    -webkit-filter:blur(110px);
    filter:blur(110px)
}
.bgc-black-with-lighting:before{
    left:-10%;
    top:20%;
    -webkit-filter:blur(350px);
    filter:blur(350px);
    -webkit-animation-delay:2.5s;
    animation-delay:2.5s
}
.br-5{
    border-radius:5px
}
.br-10{
    border-radius:10px
}
.br-15{
    border-radius:15px
}
.br-20{
    border-radius:20px
}
.br-25{
    border-radius:25px
}
.br-30{
    border-radius:30px
}
.heading,.tab-style-one .nav-link,h1,.h1,h2,.h2,h3,.h3,h4,.h4,h5,.h5,h6,.h6{
    font-weight:600;
    color:var(--ygency-secondary-color);
    font-family:var(--ygency-secondary-font)
}
h1,.h1{
    font-size:80px
}
h2,.h2{
    font-size:48px
}
h3,.h3{
    font-size:30px
}
h4,.h4{
    line-height:1.4;
    font-size:24px
}
h5,.h5{
    line-height:1.45;
    font-size:20px
}
h6,.h6{
    font-size:16px
}
.p-5{
    padding:5px!important
}
.p-10{
    padding:10px
}
.p-15{
    padding:15px
}
.p-20{
    padding:20px
}
.p-25{
    padding:25px
}
.p-30{
    padding:30px
}
.p-35{
    padding:35px
}
.p-40{
    padding:40px
}
.p-45{
    padding:45px
}
.p-50{
    padding:50px
}
.p-55{
    padding:55px
}
.p-60{
    padding:60px
}
.p-65{
    padding:65px
}
.p-70{
    padding:70px
}
.p-75{
    padding:75px
}
.p-80{
    padding:80px
}
.p-85{
    padding:85px
}
.p-90{
    padding:90px
}
.p-95{
    padding:95px
}
.p-100{
    padding:100px
}
.p-105{
    padding:105px
}
.p-110{
    padding:110px
}
.p-115{
    padding:115px
}
.p-120{
    padding:120px
}
.p-125{
    padding:125px
}
.p-130{
    padding:130px
}
.p-135{
    padding:135px
}
.p-140{
    padding:140px
}
.p-145{
    padding:145px
}
.p-150{
    padding:150px
}
.p-155{
    padding:155px
}
.p-160{
    padding:160px
}
.p-165{
    padding:165px
}
.p-170{
    padding:170px
}
.p-175{
    padding:175px
}
.p-180{
    padding:180px
}
.p-185{
    padding:185px
}
.p-190{
    padding:190px
}
.p-195{
    padding:195px
}
.p-200{
    padding:200px
}
.p-205{
    padding:205px
}
.p-210{
    padding:210px
}
.p-215{
    padding:215px
}
.p-220{
    padding:220px
}
.p-225{
    padding:225px
}
.p-230{
    padding:230px
}
.p-235{
    padding:235px
}
.p-240{
    padding:240px
}
.p-245{
    padding:245px
}
.p-250{
    padding:250px
}
.pt-5,.py-5{
    padding-top:5px!important
}
.pt-10,.py-10{
    padding-top:10px
}
.pt-15,.py-15{
    padding-top:15px
}
.pt-20,.py-20{
    padding-top:20px
}
.pt-25,.py-25{
    padding-top:25px
}
.pt-30,.py-30{
    padding-top:30px
}
.pt-35,.py-35{
    padding-top:35px
}
.pt-40,.py-40{
    padding-top:40px
}
.pt-45,.py-45{
    padding-top:45px
}
.pt-50,.py-50{
    padding-top:50px
}
.pt-55,.py-55{
    padding-top:55px
}
.pt-60,.py-60{
    padding-top:60px
}
.pt-65,.py-65{
    padding-top:65px
}
.pt-70,.py-70{
    padding-top:70px
}
.pt-75,.py-75{
    padding-top:75px
}
.pt-80,.py-80{
    padding-top:80px
}
.pt-85,.py-85{
    padding-top:85px
}
.pt-90,.py-90{
    padding-top:90px
}
.pt-95,.py-95{
    padding-top:95px
}
.pt-100,.py-100{
    padding-top:100px
}
.pt-105,.py-105{
    padding-top:105px
}
.code9-logo{
    display:flex;
    align-items:center;
    text-decoration:none;
    font-family:"Arial",sans-serif;
    font-weight:700;
    font-style:italic;
    transform:skew(-5deg)
}
.code9-logo .logo-container{
    display:flex;
    flex-direction:column;
    line-height:1
}
.code9-logo .logo-line-1{
    font-size:24px;
    background:linear-gradient(135deg,#bbdefb 0%,#90caf9 100%);
    -webkit-background-clip:text;
    -webkit-text-fill-color:#fff0;
    background-clip:text;
    text-shadow:0 2px 4px rgb(0 0 0 / .3);
    filter:drop-shadow(0 1px 2px rgb(255 255 255 / .3));
    position:relative
}
.code9-logo .logo-line-1::before{
    content:"";
    position:absolute;
    top:0;
    left:0;
    right:0;
    bottom:0;
    background:linear-gradient(135deg,rgb(255 255 255 / .2) 0%,transparent 50%);
    -webkit-background-clip:text;
    -webkit-text-fill-color:#fff0;
    background-clip:text;
    pointer-events:none
}
.code9-logo .logo-line-2{
    font-size:18px;
    color:#90caf9;
    font-weight:600;
    position:relative;
    margin-top:-2px
}
.code9-logo .logo-line-2 .llc{
    font-size:12px;
    color:#bbdefb;
    position:relative;
    top:-8px;
    left:5px;
    font-weight:700;
    text-shadow:0 1px 2px rgb(255 255 255 / .3)
}
.code9-logo:hover .logo-line-1{
    background:linear-gradient(135deg,#64b5f6 0%,#90caf9 100%);
    -webkit-background-clip:text;
    -webkit-text-fill-color:#fff0;
    background-clip:text;
    transition:all 0.3s ease
}
.code9-logo:hover .logo-line-2{
    color:#90caf9;
    transition:all 0.3s ease
}
.code9-logo:hover .logo-line-2 .llc{
    color:#64b5f6;
    transition:all 0.3s ease
}
@media only screen and (max-width:767px){
    .code9-logo .logo-line-1{
        font-size:20px
    }
    .code9-logo .logo-line-2{
        font-size:16px
    }
    .code9-logo .logo-line-2 .llc{
        font-size:10px;
        top:-6px
    }
}
@media only screen and (max-width:575px){
    .code9-logo .logo-line-1{
        font-size:18px
    }
    .code9-logo .logo-line-2{
        font-size:14px
    }
    .code9-logo .logo-line-2 .llc{
        font-size:9px;
        top:-5px
    }
}
.m-5{
    margin:5px!important
}
.m-10{
    margin:10px
}
.m-15{
    margin:15px
}
.m-20{
    margin:20px
}
.m-25{
    margin:25px
}
.m-30{
    margin:30px
}
.m-35{
    margin:35px
}
.m-40{
    margin:40px
}
.m-45{
    margin:45px
}
.m-50{
    margin:50px
}
.m-55{
    margin:55px
}
.m-60{
    margin:60px
}
.m-65{
    margin:65px
}
.m-70{
    margin:70px
}
.m-75{
    margin:75px
}
.m-80{
    margin:80px
}
.m-85{
    margin:85px
}
.m-90{
    margin:90px
}
.m-95{
    margin:95px
}
.m-100{
    margin:100px
}
.m-105{
    margin:105px
}
.m-110{
    margin:110px
}
.m-115{
    margin:115px
}
.m-120{
    margin:120px
}
.m-125{
    margin:125px
}
.m-130{
    margin:130px
}
.m-135{
    margin:135px
}
.m-140{
    margin:140px
}
.m-145{
    margin:145px
}
.m-150{
    margin:150px
}
.m-155{
    margin:155px
}
.m-160{
    margin:160px
}
.m-165{
    margin:165px
}
.m-170{
    margin:170px
}
.m-175{
    margin:175px
}
.m-180{
    margin:180px
}
.m-185{
    margin:185px
}
.m-190{
    margin:190px
}
.m-195{
    margin:195px
}
.m-200{
    margin:200px
}
.m-205{
    margin:205px
}
.m-210{
    margin:210px
}
.m-215{
    margin:215px
}
.m-220{
    margin:220px
}
.m-225{
    margin:225px
}
.m-230{
    margin:230px
}
.m-235{
    margin:235px
}
.m-240{
    margin:240px
}
.m-245{
    margin:245px
}
.m-250{
    margin:250px
}
.mt-5,.my-5{
    margin-top:5px!important
}
.mt-10,.my-10{
    margin-top:10px
}
.mt-15,.my-15{
    margin-top:15px
}
.mt-20,.my-20{
    margin-top:20px
}
.mt-25,.my-25{
    margin-top:25px
}
.mt-30,.my-30{
    margin-top:30px
}
.mt-35,.my-35{
    margin-top:35px
}
.mt-40,.my-40{
    margin-top:40px
}
.mt-45,.my-45{
    margin-top:45px
}
.mt-50,.my-50{
    margin-top:50px
}
.mt-55,.my-55{
    margin-top:55px
}
.mt-60,.my-60{
    margin-top:60px
}
.mt-65,.my-65{
    margin-top:65px
}
.mt-70,.my-70{
    margin-top:70px
}
.mt-75,.my-75{
    margin-top:75px
}
.mt-80,.my-80{
    margin-top:80px
}
.mt-85,.my-85{
    margin-top:85px
}
.mt-90,.my-90{
    margin-top:90px
}
.mt-95,.my-95{
    margin-top:95px
}
.mt-100,.my-100{
    margin-top:100px
}
.mt-105,.my-105{
    margin-top:105px
}
.mt-110,.my-110{
    margin-top:110px
}
.mt-115,.my-115{
    margin-top:115px
}
.mt-120,.my-120{
    margin-top:120px
}
.mt-125,.my-125{
    margin-top:125px
}
.mt-130,.my-130{
    margin-top:130px
}
.mt-135,.my-135{
    margin-top:135px
}
.mt-140,.my-140{
    margin-top:140px
}
.mt-145,.my-145{
    margin-top:145px
}
.mt-150,.my-150{
    margin-top:150px
}
.mt-155,.my-155{
    margin-top:155px
}
.mt-160,.my-160{
    margin-top:160px
}
.mt-165,.my-165{
    margin-top:165px
}
.mt-170,.my-170{
    margin-top:170px
}
.mt-175,.my-175{
    margin-top:175px
}
.mt-180,.my-180{
    margin-top:180px
}
.mt-185,.my-185{
    margin-top:185px
}
.mt-190,.my-190{
    margin-top:190px
}
.mt-195,.my-195{
    margin-top:195px
}
.mt-200,.my-200{
    margin-top:200px
}
.mt-205,.my-205{
    margin-top:205px
}
.mt-210,.my-210{
    margin-top:210px
}
.mt-215,.my-215{
    margin-top:215px
}
.mt-220,.my-220{
    margin-top:220px
}
.mt-225,.my-225{
    margin-top:225px
}
.mt-230,.my-230{
    margin-top:230px
}
.mt-235,.my-235{
    margin-top:235px
}
.mt-240,.my-240{
    margin-top:240px
}
.mt-245,.my-245{
    margin-top:245px
}
.mt-250,.my-250{
    margin-top:250px
}
.mb-5,.my-5{
    margin-bottom:5px!important
}
.mb-10,.my-10{
    margin-bottom:10px
}
.mb-15,.my-15{
    margin-bottom:15px
}
.mb-20,.my-20{
    margin-bottom:20px
}
.mb-25,.my-25{
    margin-bottom:25px
}
.mb-30,.my-30{
    margin-bottom:30px
}
.mb-35,.my-35{
    margin-bottom:35px
}
.mb-40,.my-40{
    margin-bottom:40px
}
.mb-45,.my-45{
    margin-bottom:45px
}
.mb-50,.my-50{
    margin-bottom:50px
}
.mb-55,.my-55{
    margin-bottom:55px
}
.mb-60,.my-60{
    margin-bottom:60px
}
.mb-65,.my-65{
    margin-bottom:65px
}
.mb-70,.my-70{
    margin-bottom:70px
}
.mb-75,.my-75{
    margin-bottom:75px
}
.mb-80,.my-80{
    margin-bottom:80px
}
.mb-85,.my-85{
    margin-bottom:85px
}
.mb-90,.my-90{
    margin-bottom:90px
}
.mb-95,.my-95{
    margin-bottom:95px
}
.mb-100,.my-100{
    margin-bottom:100px
}
.mb-105,.my-105{
    margin-bottom:105px
}
.mb-110,.my-110{
    margin-bottom:110px
}
.mb-115,.my-115{
    margin-bottom:115px
}
.mb-120,.my-120{
    margin-bottom:120px
}
.mb-125,.my-125{
    margin-bottom:125px
}
.mb-130,.my-130{
    margin-bottom:130px
}
.mb-135,.my-135{
    margin-bottom:135px
}
.mb-140,.my-140{
    margin-bottom:140px
}
.mb-145,.my-145{
    margin-bottom:145px
}
.mb-150,.my-150{
    margin-bottom:150px
}
.mb-155,.my-155{
    margin-bottom:155px
}
.mb-160,.my-160{
    margin-bottom:160px
}
.mb-165,.my-165{
    margin-bottom:165px
}
.mb-170,.my-170{
    margin-bottom:170px
}
.mb-175,.my-175{
    margin-bottom:175px
}
.mb-180,.my-180{
    margin-bottom:180px
}
.mb-185,.my-185{
    margin-bottom:185px
}
.mb-190,.my-190{
    margin-bottom:190px
}
.mb-195,.my-195{
    margin-bottom:195px
}
.mb-200,.my-200{
    margin-bottom:200px
}
.mb-205,.my-205{
    margin-bottom:205px
}
.mb-210,.my-210{
    margin-bottom:210px
}
.mb-215,.my-215{
    margin-bottom:215px
}
.mb-220,.my-220{
    margin-bottom:220px
}
.mb-225,.my-225{
    margin-bottom:225px
}
.mb-230,.my-230{
    margin-bottom:230px
}
.mb-235,.my-235{
    margin-bottom:235px
}
.mb-240,.my-240{
    margin-bottom:240px
}
.mb-245,.my-245{
    margin-bottom:245px
}
.mb-250,.my-250{
    margin-bottom:250px
}
@media only screen and (max-width:991px){
    .rp-0{
        padding:0px!important
    }
    .rp-5{
        padding:5px!important
    }
    .rp-10{
        padding:10px
    }
    .rp-15{
        padding:15px
    }
    .rp-20{
        padding:20px
    }
    .rp-25{
        padding:25px
    }
    .rp-30{
        padding:30px
    }
    .rp-35{
        padding:35px
    }
    .rp-40{
        padding:40px
    }
    .rp-45{
        padding:45px
    }
    .rp-50{
        padding:50px
    }
    .rp-55{
        padding:55px
    }
    .rp-60{
        padding:60px
    }
    .rp-65{
        padding:65px
    }
    .rp-70{
        padding:70px
    }
    .rp-75{
        padding:75px
    }
    .rp-80{
        padding:80px
    }
    .rp-85{
        padding:85px
    }
    .rp-90{
        padding:90px
    }
    .rp-95{
        padding:95px
    }
    .rp-100{
        padding:100px
    }
    .rp-105{
        padding:105px
    }
    .rp-110{
        padding:110px
    }
    .rp-115{
        padding:115px
    }
    .rp-120{
        padding:120px
    }
    .rp-125{
        padding:125px
    }
    .rp-130{
        padding:130px
    }
    .rp-135{
        padding:135px
    }
    .rp-140{
        padding:140px
    }
    .rp-145{
        padding:145px
    }
    .rp-150{
        padding:150px
    }
    .rpt-0,.rpy-0{
        padding-top:0px!important
    }
    .rpt-5,.rpy-5{
        padding-top:5px!important
    }
    .rpt-10,.rpy-10{
        padding-top:10px
    }
    .rpt-15,.rpy-15{
        padding-top:15px
    }
    .rpt-20,.rpy-20{
        padding-top:20px
    }
    .rpt-25,.rpy-25{
        padding-top:25px
    }
    .rpt-30,.rpy-30{
        padding-top:30px
    }
    .rpt-35,.rpy-35{
        padding-top:35px
    }
    .rpt-40,.rpy-40{
        padding-top:40px
    }
    .rpt-45,.rpy-45{
        padding-top:45px
    }
    .rpt-50,.rpy-50{
        padding-top:50px
    }
    .rpt-55,.rpy-55{
        padding-top:55px
    }
    .rpt-60,.rpy-60{
        padding-top:60px
    }
    .rpt-65,.rpy-65{
        padding-top:65px
    }
    .rpt-70,.rpy-70{
        padding-top:70px
    }
    .rpt-75,.rpy-75{
        padding-top:75px
    }
    .rpt-80,.rpy-80{
        padding-top:80px
    }
    .rpt-85,.rpy-85{
        padding-top:85px
    }
    .rpt-90,.rpy-90{
        padding-top:90px
    }
    .rpt-95,.rpy-95{
        padding-top:95px
    }
    .about-area.rpt-100{
        padding-top:0
    }
    .project-timeline .content .serial-number{
        margin-top:10px
    }
    .rpt-100,.rpy-100{
        padding-top:100px
    }
    .rpt-105,.rpy-105{
        padding-top:105px
    }
    .rpt-110,.rpy-110{
        padding-top:110px
    }
    .rpt-115,.rpy-115{
        padding-top:115px
    }
    .rpt-120,.rpy-120{
        padding-top:120px
    }
    .rpt-125,.rpy-125{
        padding-top:125px
    }
    .rpt-130,.rpy-130{
        padding-top:130px
    }
    .rpt-135,.rpy-135{
        padding-top:135px
    }
    .rpt-140,.rpy-140{
        padding-top:140px
    }
    .rpt-145,.rpy-145{
        padding-top:145px
    }
    .rpt-150,.rpy-150{
        padding-top:40px
    }
    .rpb-0,.rpy-0{
        padding-bottom:0px!important
    }
    .rpb-5,.rpy-5{
        padding-bottom:5px!important
    }
    .rpb-10,.rpy-10{
        padding-bottom:10px
    }
    .rpb-15,.rpy-15{
        padding-bottom:15px
    }
    .rpb-20,.rpy-20{
        padding-bottom:20px
    }
    .rpb-25,.rpy-25{
        padding-bottom:25px
    }
    .rpb-30,.rpy-30{
        padding-bottom:30px
    }
    .rpb-35,.rpy-35{
        padding-bottom:35px
    }
    .rpb-40,.rpy-40{
        padding-bottom:40px
    }
    .rpb-45,.rpy-45{
        padding-bottom:45px
    }
    .rpb-50,.rpy-50{
        padding-bottom:50px
    }
    .rpb-55,.rpy-55{
        padding-bottom:55px
    }
    .rpb-60,.rpy-60{
        padding-bottom:60px
    }
    .rpb-65,.rpy-65{
        padding-bottom:65px
    }
    .rpb-70,.rpy-70{
        padding-bottom:70px
    }
    .rpb-75,.rpy-75{
        padding-bottom:75px
    }
    .rpb-80,.rpy-80{
        padding-bottom:80px
    }
    .rpb-85,.rpy-85{
        padding-bottom:85px
    }
    .rpb-90,.rpy-90{
        padding-bottom:90px
    }
    .rpb-95,.rpy-95{
        padding-bottom:95px
    }
    .rpb-100,.rpy-100{
        padding-bottom:100px
    }
    .rpb-105,.rpy-105{
        padding-bottom:105px
    }
    .rpb-110,.rpy-110{
        padding-bottom:110px
    }
    .rpb-115,.rpy-115{
        padding-bottom:115px
    }
    .rpb-120,.rpy-120{
        padding-bottom:120px
    }
    .rpb-125,.rpy-125{
        padding-bottom:125px
    }
    .rpb-130,.rpy-130{
        padding-bottom:130px
    }
    .rpb-135,.rpy-135{
        padding-bottom:135px
    }
    .rpb-140,.rpy-140{
        padding-bottom:140px
    }
    .rpb-145,.rpy-145{
        padding-bottom:145px
    }
    .rpb-150,.rpy-150{
        padding-bottom:150px
    }
    .rm-0{
        margin:0px!important
    }
    .rm-5{
        margin:5px!important
    }
    .rm-10{
        margin:10px
    }
    .rm-15{
        margin:15px
    }
    .rm-20{
        margin:20px
    }
    .rm-25{
        margin:25px
    }
    .rm-30{
        margin:30px
    }
    .rm-35{
        margin:35px
    }
    .rm-40{
        margin:40px
    }
    .rm-45{
        margin:45px
    }
    .rm-50{
        margin:50px
    }
    .rm-55{
        margin:55px
    }
    .rm-60{
        margin:60px
    }
    .rm-65{
        margin:65px
    }
    .rm-70{
        margin:70px
    }
    .rm-75{
        margin:75px
    }
    .rm-80{
        margin:80px
    }
    .rm-85{
        margin:85px
    }
    .rm-90{
        margin:90px
    }
    .rm-95{
        margin:95px
    }
    .rm-100{
        margin:100px
    }
    .rm-105{
        margin:105px
    }
    .rm-110{
        margin:110px
    }
    .rm-115{
        margin:115px
    }
    .rm-120{
        margin:120px
    }
    .rm-125{
        margin:125px
    }
    .rm-130{
        margin:130px
    }
    .rm-135{
        margin:135px
    }
    .rm-140{
        margin:140px
    }
    .rm-145{
        margin:145px
    }
    .rm-150{
        margin:150px
    }
    .rmt-0,.rmy-0{
        margin-top:0px!important
    }
    .rmt-5,.rmy-5{
        margin-top:5px!important
    }
    .rmt-10,.rmy-10{
        margin-top:10px
    }
    .rmt-15,.rmy-15{
        margin-top:15px
    }
    .rmt-20,.rmy-20{
        margin-top:20px
    }
    .rmt-25,.rmy-25{
        margin-top:25px
    }
    .rmt-30,.rmy-30{
        margin-top:30px
    }
    .rmt-35,.rmy-35{
        margin-top:35px
    }
    .rmt-40,.rmy-40{
        margin-top:40px
    }
    .rmt-45,.rmy-45{
        margin-top:45px
    }
    .rmt-50,.rmy-50{
        margin-top:50px
    }
    .rmt-55,.rmy-55{
        margin-top:55px
    }
    .rmt-60,.rmy-60{
        margin-top:60px
    }
    .rmt-65,.rmy-65{
        margin-top:65px
    }
    .rmt-70,.rmy-70{
        margin-top:70px
    }
    .rmt-75,.rmy-75{
        margin-top:75px
    }
    .rmt-80,.rmy-80{
        margin-top:80px
    }
    .rmt-85,.rmy-85{
        margin-top:85px
    }
    .rmt-90,.rmy-90{
        margin-top:90px
    }
    .rmt-95,.rmy-95{
        margin-top:95px
    }
    .rmt-100,.rmy-100{
        margin-top:100px
    }
    .rmt-105,.rmy-105{
        margin-top:105px
    }
    .rmt-110,.rmy-110{
        margin-top:110px
    }
    .rmt-115,.rmy-115{
        margin-top:115px
    }
    .rmt-120,.rmy-120{
        margin-top:120px
    }
    .rmt-125,.rmy-125{
        margin-top:125px
    }
    .rmt-130,.rmy-130{
        margin-top:130px
    }
    .rmt-135,.rmy-135{
        margin-top:135px
    }
    .rmt-140,.rmy-140{
        margin-top:140px
    }
    .rmt-145,.rmy-145{
        margin-top:145px
    }
    .rmt-150,.rmy-150{
        margin-top:150px
    }
    .rmb-0,.rmy-0{
        margin-bottom:0px!important
    }
    .rmb-5,.rmy-5{
        margin-bottom:5px!important
    }
    .rmb-10,.rmy-10{
        margin-bottom:10px
    }
    .rmb-15,.rmy-15{
        margin-bottom:15px
    }
    .rmb-20,.rmy-20{
        margin-bottom:20px
    }
    .rmb-25,.rmy-25{
        margin-bottom:25px
    }
    .rmb-30,.rmy-30{
        margin-bottom:30px
    }
    .rmb-35,.rmy-35{
        margin-bottom:35px
    }
    .rmb-40,.rmy-40{
        margin-bottom:40px
    }
    .rmb-45,.rmy-45{
        margin-bottom:45px
    }
    .rmb-50,.rmy-50{
        margin-bottom:50px
    }
    .rmb-55,.rmy-55{
        margin-bottom:55px
    }
    .rmb-60,.rmy-60{
        margin-bottom:60px
    }
    .rmb-65,.rmy-65{
        margin-bottom:65px
    }
    .rmb-70,.rmy-70{
        margin-bottom:70px
    }
    .rmb-75,.rmy-75{
        margin-bottom:75px
    }
    .rmb-80,.rmy-80{
        margin-bottom:80px
    }
    .rmb-85,.rmy-85{
        margin-bottom:85px
    }
    .rmb-90,.rmy-90{
        margin-bottom:90px
    }
    .rmb-95,.rmy-95{
        margin-bottom:95px
    }
    .rmb-100,.rmy-100{
        margin-bottom:100px
    }
    .rmb-105,.rmy-105{
        margin-bottom:105px
    }
    .rmb-110,.rmy-110{
        margin-bottom:110px
    }
    .rmb-115,.rmy-115{
        margin-bottom:115px
    }
    .rmb-120,.rmy-120{
        margin-bottom:120px
    }
    .rmb-125,.rmy-125{
        margin-bottom:125px
    }
    .rmb-130,.rmy-130{
        margin-bottom:130px
    }
    .rmb-135,.rmy-135{
        margin-bottom:135px
    }
    .rmb-140,.rmy-140{
        margin-bottom:140px
    }
    .rmb-145,.rmy-145{
        margin-bottom:145px
    }
    .rmb-150,.rmy-150{
        margin-bottom:150px
    }
}
.delay-1-0s{
    -webkit-animation-delay:1s;
    animation-delay:1s
}
.delay-2-0s{
    -webkit-animation-delay:2s;
    animation-delay:2s
}
.delay-0-1s{
    -webkit-animation-delay:0.1s;
    animation-delay:0.1s
}
.delay-0-2s{
    -webkit-animation-delay:0.2s;
    animation-delay:0.2s
}
.delay-0-3s{
    -webkit-animation-delay:0.3s;
    animation-delay:0.3s
}
.delay-0-4s{
    -webkit-animation-delay:0.4s;
    animation-delay:0.4s
}
.delay-0-5s{
    -webkit-animation-delay:0.5s;
    animation-delay:0.5s
}
.delay-0-6s{
    -webkit-animation-delay:0.6s;
    animation-delay:0.6s
}
.delay-0-7s{
    -webkit-animation-delay:0.7s;
    animation-delay:0.7s
}
.delay-0-8s{
    -webkit-animation-delay:0.8s;
    animation-delay:0.8s
}
.delay-0-9s{
    -webkit-animation-delay:0.9s;
    animation-delay:0.9s
}
.delay-1-1s{
    -webkit-animation-delay:1.1s;
    animation-delay:1.1s
}
.delay-1-2s{
    -webkit-animation-delay:1.2s;
    animation-delay:1.2s
}
.delay-1-3s{
    -webkit-animation-delay:1.3s;
    animation-delay:1.3s
}
.delay-1-4s{
    -webkit-animation-delay:1.4s;
    animation-delay:1.4s
}
.delay-1-5s{
    -webkit-animation-delay:1.5s;
    animation-delay:1.5s
}
.delay-1-6s{
    -webkit-animation-delay:1.6s;
    animation-delay:1.6s
}
.delay-1-7s{
    -webkit-animation-delay:1.7s;
    animation-delay:1.7s
}
.delay-1-8s{
    -webkit-animation-delay:1.8s;
    animation-delay:1.8s
}
.delay-1-9s{
    -webkit-animation-delay:1.9s;
    animation-delay:1.9s
}
@-webkit-keyframes sticky{
    0%{
        top:-100px
    }
    100%{
        top:0
    }
}
@keyframes sticky{
    0%{
        top:-100px
    }
    100%{
        top:0
    }
}
@-webkit-keyframes rotated_circle{
    0%{
        -webkit-transform:rotate(0deg);
        transform:rotate(0deg)
    }
    100%{
        -webkit-transform:rotate(-360deg);
        transform:rotate(-360deg)
    }
}
@keyframes rotated_circle{
    0%{
        -webkit-transform:rotate(0deg);
        transform:rotate(0deg)
    }
    100%{
        -webkit-transform:rotate(-360deg);
        transform:rotate(-360deg)
    }
}
@-webkit-keyframes semi_rotated{
    0%,100%{
        -webkit-transform:rotate(8deg);
        transform:rotate(8deg)
    }
    50%{
        -webkit-transform:rotate(-8deg);
        transform:rotate(-8deg)
    }
}
@keyframes semi_rotated{
    0%,100%{
        -webkit-transform:rotate(8deg);
        transform:rotate(8deg)
    }
    50%{
        -webkit-transform:rotate(-8deg);
        transform:rotate(-8deg)
    }
}
@-webkit-keyframes semi_rotated_two{
    0%,100%{
        -webkit-transform:rotate(-30deg);
        transform:rotate(-30deg)
    }
    50%{
        -webkit-transform:rotate(30deg);
        transform:rotate(30deg)
    }
}
@keyframes semi_rotated_two{
    0%,100%{
        -webkit-transform:rotate(-30deg);
        transform:rotate(-30deg)
    }
    50%{
        -webkit-transform:rotate(30deg);
        transform:rotate(30deg)
    }
}
@-webkit-keyframes move_arround{
    0%{
        top:20px;
        left:20px
    }
    25%{
        top:20px;
        left:-20px
    }
    50%{
        top:-20px;
        left:-20px
    }
    75%{
        top:-20px;
        left:20px
    }
    100%{
        top:20px;
        left:20px
    }
}
@keyframes move_arround{
    0%{
        top:20px;
        left:20px
    }
    25%{
        top:20px;
        left:-20px
    }
    50%{
        top:-20px;
        left:-20px
    }
    75%{
        top:-20px;
        left:20px
    }
    100%{
        top:20px;
        left:20px
    }
}
@-webkit-keyframes upDownLeft{
    0%,100%{
        -webkit-transform:translate(0,0);
        transform:translate(0,0)
    }
    25%,75%{
        -webkit-transform:translate(0,50px);
        transform:translate(0,50px)
    }
    50%{
        -webkit-transform:translate(-50px,50px);
        transform:translate(-50px,50px)
    }
}
@keyframes upDownLeft{
    0%,100%{
        -webkit-transform:translate(0,0);
        transform:translate(0,0)
    }
    25%,75%{
        -webkit-transform:translate(0,50px);
        transform:translate(0,50px)
    }
    50%{
        -webkit-transform:translate(-50px,50px);
        transform:translate(-50px,50px)
    }
}
@-webkit-keyframes shapeAnimationOne{
    0%{
        -webkit-transform:translate(0,0) rotate(0deg);
        transform:translate(0,0) rotate(0deg)
    }
    25%{
        -webkit-transform:translate(0,150px) rotate(90deg);
        transform:translate(0,150px) rotate(90deg)
    }
    50%{
        -webkit-transform:translate(150px,150px) rotate(180deg);
        transform:translate(150px,150px) rotate(180deg)
    }
    75%{
        -webkit-transform:translate(150px,0) rotate(270deg);
        transform:translate(150px,0) rotate(270deg)
    }
    100%{
        -webkit-transform:translate(0,0) rotate(360deg);
        transform:translate(0,0) rotate(360deg)
    }
}
@keyframes shapeAnimationOne{
    0%{
        -webkit-transform:translate(0,0) rotate(0deg);
        transform:translate(0,0) rotate(0deg)
    }
    25%{
        -webkit-transform:translate(0,150px) rotate(90deg);
        transform:translate(0,150px) rotate(90deg)
    }
    50%{
        -webkit-transform:translate(150px,150px) rotate(180deg);
        transform:translate(150px,150px) rotate(180deg)
    }
    75%{
        -webkit-transform:translate(150px,0) rotate(270deg);
        transform:translate(150px,0) rotate(270deg)
    }
    100%{
        -webkit-transform:translate(0,0) rotate(360deg);
        transform:translate(0,0) rotate(360deg)
    }
}
@-webkit-keyframes shapeAnimationTwo{
    0%{
        -webkit-transform:translate(0,0) rotate(0deg);
        transform:translate(0,0) rotate(0deg)
    }
    25%{
        -webkit-transform:translate(-150px,0) rotate(270deg);
        transform:translate(-150px,0) rotate(270deg)
    }
    50%{
        -webkit-transform:translate(-150px,150px) rotate(180deg);
        transform:translate(-150px,150px) rotate(180deg)
    }
    75%{
        -webkit-transform:translate(0,150px) rotate(90deg);
        transform:translate(0,150px) rotate(90deg)
    }
    100%{
        -webkit-transform:translate(0,0) rotate(360deg);
        transform:translate(0,0) rotate(360deg)
    }
}
@keyframes shapeAnimationTwo{
    0%{
        -webkit-transform:translate(0,0) rotate(0deg);
        transform:translate(0,0) rotate(0deg)
    }
    25%{
        -webkit-transform:translate(-150px,0) rotate(270deg);
        transform:translate(-150px,0) rotate(270deg)
    }
    50%{
        -webkit-transform:translate(-150px,150px) rotate(180deg);
        transform:translate(-150px,150px) rotate(180deg)
    }
    75%{
        -webkit-transform:translate(0,150px) rotate(90deg);
        transform:translate(0,150px) rotate(90deg)
    }
    100%{
        -webkit-transform:translate(0,0) rotate(360deg);
        transform:translate(0,0) rotate(360deg)
    }
}
@-webkit-keyframes shapeAnimationThree{
    0%{
        -webkit-transform:translate(0,0) rotate(0deg);
        transform:translate(0,0) rotate(0deg)
    }
    25%{
        -webkit-transform:translate(50px,150px) rotate(90deg);
        transform:translate(50px,150px) rotate(90deg)
    }
    50%{
        -webkit-transform:translate(150px,150px) rotate(180deg);
        transform:translate(150px,150px) rotate(180deg)
    }
    75%{
        -webkit-transform:translate(150px,50px) rotate(270deg);
        transform:translate(150px,50px) rotate(270deg)
    }
    100%{
        -webkit-transform:translate(0,0) rotate(360deg);
        transform:translate(0,0) rotate(360deg)
    }
}
@keyframes shapeAnimationThree{
    0%{
        -webkit-transform:translate(0,0) rotate(0deg);
        transform:translate(0,0) rotate(0deg)
    }
    25%{
        -webkit-transform:translate(50px,150px) rotate(90deg);
        transform:translate(50px,150px) rotate(90deg)
    }
    50%{
        -webkit-transform:translate(150px,150px) rotate(180deg);
        transform:translate(150px,150px) rotate(180deg)
    }
    75%{
        -webkit-transform:translate(150px,50px) rotate(270deg);
        transform:translate(150px,50px) rotate(270deg)
    }
    100%{
        -webkit-transform:translate(0,0) rotate(360deg);
        transform:translate(0,0) rotate(360deg)
    }
}
@-webkit-keyframes shapeAnimationFour{
    0%{
        -webkit-transform:translate(0,0) rotate(0deg);
        transform:translate(0,0) rotate(0deg)
    }
    25%{
        -webkit-transform:translate(-150px -50px) rotate(90deg);
        transform:translate(-150px -50px) rotate(90deg)
    }
    50%{
        -webkit-transform:translate(-150px,-150px) rotate(180deg);
        transform:translate(-150px,-150px) rotate(180deg)
    }
    75%{
        -webkit-transform:translate(-50px,-150px) rotate(270deg);
        transform:translate(-50px,-150px) rotate(270deg)
    }
    100%{
        -webkit-transform:translate(0,0) rotate(360deg);
        transform:translate(0,0) rotate(360deg)
    }
}
@keyframes shapeAnimationFour{
    0%{
        -webkit-transform:translate(0,0) rotate(0deg);
        transform:translate(0,0) rotate(0deg)
    }
    25%{
        -webkit-transform:translate(-150px -50px) rotate(90deg);
        transform:translate(-150px -50px) rotate(90deg)
    }
    50%{
        -webkit-transform:translate(-150px,-150px) rotate(180deg);
        transform:translate(-150px,-150px) rotate(180deg)
    }
    75%{
        -webkit-transform:translate(-50px,-150px) rotate(270deg);
        transform:translate(-50px,-150px) rotate(270deg)
    }
    100%{
        -webkit-transform:translate(0,0) rotate(360deg);
        transform:translate(0,0) rotate(360deg)
    }
}
@-webkit-keyframes shapeAnimationFive{
    0%{
        -webkit-transform:translate(0,0) rotate(0deg);
        transform:translate(0,0) rotate(0deg)
    }
    25%{
        -webkit-transform:translate(-100px -100px) rotate(90deg);
        transform:translate(-100px -100px) rotate(90deg)
    }
    50%{
        -webkit-transform:translate(100px,50px) rotate(180deg);
        transform:translate(100px,50px) rotate(180deg)
    }
    75%{
        -webkit-transform:translate(-100px,150px) rotate(270deg);
        transform:translate(-100px,150px) rotate(270deg)
    }
    100%{
        -webkit-transform:translate(0,0) rotate(360deg);
        transform:translate(0,0) rotate(360deg)
    }
}
@keyframes shapeAnimationFive{
    0%{
        -webkit-transform:translate(0,0) rotate(0deg);
        transform:translate(0,0) rotate(0deg)
    }
    25%{
        -webkit-transform:translate(-100px -100px) rotate(90deg);
        transform:translate(-100px -100px) rotate(90deg)
    }
    50%{
        -webkit-transform:translate(100px,50px) rotate(180deg);
        transform:translate(100px,50px) rotate(180deg)
    }
    75%{
        -webkit-transform:translate(-100px,150px) rotate(270deg);
        transform:translate(-100px,150px) rotate(270deg)
    }
    100%{
        -webkit-transform:translate(0,0) rotate(360deg);
        transform:translate(0,0) rotate(360deg)
    }
}
@-webkit-keyframes down-up-one{
    0%{
        -webkit-transform:rotateX(0deg) translateY(0);
        transform:rotateX(0deg) translateY(0)
    }
    50%{
        -webkit-transform:rotateX(0deg) translateY(25px);
        transform:rotateX(0deg) translateY(25px)
    }
    100%{
        -webkit-transform:rotateX(0deg) translateY(0);
        transform:rotateX(0deg) translateY(0)
    }
}
@keyframes down-up-one{
    0%{
        -webkit-transform:rotateX(0deg) translateY(0);
        transform:rotateX(0deg) translateY(0)
    }
    50%{
        -webkit-transform:rotateX(0deg) translateY(25px);
        transform:rotateX(0deg) translateY(25px)
    }
    100%{
        -webkit-transform:rotateX(0deg) translateY(0);
        transform:rotateX(0deg) translateY(0)
    }
}
@-webkit-keyframes down-up-two{
    0%{
        -webkit-transform:rotateX(0deg) translate(0);
        transform:rotateX(0deg) translate(0)
    }
    50%{
        -webkit-transform:rotateX(0deg) translate(0,-25px);
        transform:rotateX(0deg) translate(0,-25px)
    }
    100%{
        -webkit-transform:rotateX(0deg) translate(0);
        transform:rotateX(0deg) translate(0)
    }
}
@keyframes down-up-two{
    0%{
        -webkit-transform:rotateX(0deg) translate(0);
        transform:rotateX(0deg) translate(0)
    }
    50%{
        -webkit-transform:rotateX(0deg) translate(0,-25px);
        transform:rotateX(0deg) translate(0,-25px)
    }
    100%{
        -webkit-transform:rotateX(0deg) translate(0);
        transform:rotateX(0deg) translate(0)
    }
}
@-webkit-keyframes leftRightOne{
    0%,100%{
        -webkit-transform:translateX(0);
        transform:translateX(0)
    }
    50%{
        -webkit-transform:translateX(50px);
        transform:translateX(50px)
    }
}
@keyframes leftRightOne{
    0%,100%{
        -webkit-transform:translateX(0);
        transform:translateX(0)
    }
    50%{
        -webkit-transform:translateX(50px);
        transform:translateX(50px)
    }
}
@-webkit-keyframes zoomInOut{
    0%,100%{
        -webkit-transform:scale(1);
        transform:scale(1)
    }
    50%{
        -webkit-transform:scale(.5);
        transform:scale(.5)
    }
}
@keyframes zoomInOut{
    0%,100%{
        -webkit-transform:scale(1);
        transform:scale(1)
    }
    50%{
        -webkit-transform:scale(.5);
        transform:scale(.5)
    }
}
@-webkit-keyframes preloader{
    from{
        -webkit-transform:rotate(0deg);
        transform:rotate(0deg)
    }
    to{
        -webkit-transform:rotate(360deg);
        transform:rotate(360deg)
    }
}
@keyframes preloader{
    from{
        -webkit-transform:rotate(0deg);
        transform:rotate(0deg)
    }
    to{
        -webkit-transform:rotate(360deg);
        transform:rotate(360deg)
    }
}
@-webkit-keyframes marquee{
    100%{
        -webkit-transform:translate(-100%,0);
        transform:translate(-100%,0)
    }
}
@keyframes marquee{
    100%{
        -webkit-transform:translate(-100%,0);
        transform:translate(-100%,0)
    }
}
@-webkit-keyframes marquee_right{
    from{
        -webkit-transform:translate3d(-100%,0,0);
        transform:translate3d(-100%,0,0)
    }
    to{
        -webkit-transform:translate3d(0,0,0);
        transform:translate3d(0,0,0)
    }
}
@keyframes marquee_right{
    from{
        -webkit-transform:translate3d(-100%,0,0);
        transform:translate3d(-100%,0,0)
    }
    to{
        -webkit-transform:translate3d(0,0,0);
        transform:translate3d(0,0,0)
    }
}
@-webkit-keyframes marquee_left{
    from{
        -webkit-transform:translate3d(0,0,0);
        transform:translate3d(0,0,0)
    }
    to{
        -webkit-transform:translate3d(-100%,0,0);
        transform:translate3d(-100%,0,0)
    }
}
@keyframes marquee_left{
    from{
        -webkit-transform:translate3d(0,0,0);
        transform:translate3d(0,0,0)
    }
    to{
        -webkit-transform:translate3d(-100%,0,0);
        transform:translate3d(-100%,0,0)
    }
}
.main-header{
    position:relative;
    left:0;
    top:0;
    z-index:999;
    width:100%;
    -webkit-transition:all 500ms ease;
    -o-transition:all 500ms ease;
    transition:all 500ms ease
}
.main-header .header-upper{
    z-index:5;
    width:100%;
    position:relative;
    -webkit-transition:all 500ms ease;
    -o-transition:all 500ms ease;
    transition:all 500ms ease
}
.main-header .logo-outer{
    -webkit-box-flex:0;
    -ms-flex:none;
    flex:none;
    width:20%
}
@media only screen and (max-width:991px){
    .main-header .logo-outer{
        display:none
    }
}
.main-header .logo{
    z-index:9;
    padding:2px 0;
    position:relative;
    width:100%
}
.main-header .logo img{
    width:120px!important
}
.main-header.fixed-header .header-upper{
    top:0;
    left:0;
    position:fixed;
    background:#222;
    -webkit-animation:sticky 1s;
    animation:sticky 1s;
    -webkit-box-shadow:0 0 30px 0 rgb(87 95 245 / .1);
    box-shadow:0 0 30px 0 rgb(87 95 245 / .1)
}
@media only screen and (min-width:992px){
    .main-header.fixed-header .main-menu .navbar-collapse>ul>li{
        padding-top:25px;
        padding-bottom:25px
    }
}
@media only screen and (max-width:991px){
    .nav-outer{
        width:100%
    }
}
@media only screen and (max-width:991px){
    .main-menu{
        width:100%
    }
}
.main-menu .mobile-logo{
    margin-right:auto
}
@media only screen and (max-width:575px){
    .main-menu .mobile-logo{
        max-width:150px
    }
}
@media only screen and (max-width:991px){
    .main-menu .collapse{
        position:relative!important;
        margin-top:16px;
        overflow:auto
    }
    .services-section-cstm .col-xl-3{
        width:50%!important
    }
}
.main-menu .navbar-collapse{
    padding:0
}
.main-menu .navbar-collapse>ul{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex
}
@media only screen and (max-width:991px){
    .main-menu .navbar-collapse>ul{
        display:block;
        padding:25px 0;
        background:#222
    }
    .main-menu .navbar-collapse>ul>li:last-child{
        border-bottom:1px solid var(--ygency-border-color)
    }
}
@media only screen and (min-width:992px){
    .main-menu .navbar-collapse>ul>li>a:before{
        opacity:0;
        content:"\f061";
        position:absolute;
        left:50%;
        top:85%;
        font-weight:300;
        font-size:.8em;
        -webkit-transition:0.35s;
        -o-transition:0.35s;
        transition:0.35s;
        font-family:"Font Awesome 5 Pro";
        color:var(--digitechnologys-primary-color);
        -webkit-transform:translateX(-50%) rotate(-45deg);
        -ms-transform:translateX(-50%) rotate(-45deg);
        transform:translateX(-50%) rotate(-45deg)
    }
    .main-menu .navbar-collapse>ul>li>a:hover:before{
        opacity:1
    }
}
@media only screen and (max-width:991px){
    .main-menu .navbar-collapse{
        left:0;
        width:100%;
        position:absolute;
        max-height:calc(100vh - 80px)
    }
}
.main-menu .navbar-collapse li{
    padding:35px 10px;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:justify;
    -ms-flex-pack:justify;
    justify-content:space-between
}
@media only screen and (max-width:1399px){
    .main-menu .navbar-collapse li{
        padding-left:15px;
        padding-right:15px
    }
}
@media only screen and (max-width:991px){
    .main-menu .navbar-collapse li{
        display:block;
        padding:0 15px;
        border-top:1px solid var(--ygency-border-color)
    }
}
.main-menu .navbar-collapse li.dropdown .dropdown-btn{
    cursor:pointer;
    font-size:12px;
    margin-left:5px;
    color:var(--ygency-secondary-color)
}
@media only screen and (max-width:991px){
    .main-menu .navbar-collapse li.dropdown .dropdown-btn{
        position:absolute;
        right:10px;
        top:0;
        width:50px;
        height:43px;
        border-left:1px solid var(--ygency-border-color);
        text-align:center;
        line-height:43px
    }
}
.main-menu .navbar-collapse li a{
    display:block;
    opacity:1;
    font-weight:600;
    position:relative;
    color:var(--ygency-secondary-color);
    font-family:var(--ygency-secondary-font);
    text-transform:capitalize;
    -webkit-transition:all 500ms ease;
    -o-transition:all 500ms ease;
    transition:all 500ms ease
}
@media only screen and (min-width:376px){
    .main-menu .navbar-collapse li a{
        font-size:18px
    }
}
@media only screen and (max-width:991px){
    .main-menu .navbar-collapse li a{
        padding:10px 10px;
        line-height:22px
    }
}
.main-menu .navbar-collapse li a:hover{
    color:var(--digitechnologys-primary-color);
    text-decoration:underline
}
.main-menu .navbar-collapse li.current>a,.main-menu .navbar-collapse li.current-menu-item>a{
    font-weight:500
}
.main-menu .navbar-collapse li li{
    border-top:1px solid var(--ygency-border-color)
}
.main-menu .navbar-collapse li li a{
    text-transform:capitalize
}
.main-menu .navbar-collapse li li a:before{
    display:none
}
.main-menu .navbar-collapse li .megamenu{
    position:absolute;
    left:0;
    top:100%;
    width:100%;
    z-index:100;
    display:none;
    padding:20px 0;
    background:#fff;
    -webkit-box-shadow:2px 2px 5px 1px rgb(0 0 0 / .05),-2px 0 5px 1px rgb(0 0 0 / .05);
    box-shadow:2px 2px 5px 1px rgb(0 0 0 / .05),-2px 0 5px 1px rgb(0 0 0 / .05)
}
.main-menu .navbar-collapse li .megamenu:after{
    display:block;
    clear:both;
    content:""
}
@media only screen and (max-width:991px){
    .main-menu .navbar-collapse li .megamenu{
        position:relative;
        -webkit-box-shadow:none;
        box-shadow:none;
        width:100%
    }
    .main-menu .navbar-collapse li .megamenu .container{
        max-width:100%
    }
    .main-menu .navbar-collapse li .megamenu .row{
        margin:0
    }
}
.main-menu .navbar-collapse li .megamenu ul{
    display:block;
    position:relative;
    top:0;
    width:100%;
    -webkit-box-shadow:none;
    box-shadow:none
}
.main-menu .navbar-collapse li ul{
    position:absolute;
    left:inherit;
    top:100%;
    min-width:250px;
    z-index:100;
    display:none;
    background:#333;
    -webkit-box-shadow:2px 2px 5px 1px rgb(0 0 0 / .05),-2px 0 5px 1px rgb(0 0 0 / .05);
    box-shadow:2px 2px 5px 1px rgb(0 0 0 / .05),-2px 0 5px 1px rgb(0 0 0 / .05)
}
@media only screen and (max-width:991px){
    .main-menu .navbar-collapse li ul{
        position:relative;
        display:none;
        width:100%;
        -webkit-box-shadow:none;
        box-shadow:none;
        background:#fff0
    }
    .main-menu .navbar-collapse li ul:after{
        display:block;
        clear:both;
        content:""
    }
}
@media only screen and (max-width:991px) and (max-width:375px){
    .main-menu .navbar-collapse li ul{
        min-width:auto
    }
}
.main-menu .navbar-collapse li ul li{
    width:100%;
    padding:7px 20px
}
@media only screen and (max-width:991px){
    .main-menu .navbar-collapse li ul li{
        padding:0 15px
    }
}
.main-menu .navbar-collapse li ul li ul{
    left:100%;
    top:0%
}
@media only screen and (max-width:991px){
    .main-menu .navbar-collapse li ul li ul{
        left:auto
    }
}
.main-menu .navbar-header{
    display:none
}
@media only screen and (max-width:991px){
    .main-menu .navbar-header{
        display:-webkit-box;
        display:-ms-flexbox;
        display:flex;
        -webkit-box-align:center;
        -ms-flex-align:center;
        align-items:center;
        -webkit-box-pack:start;
        -ms-flex-pack:start;
        justify-content:start
    }
}
.main-menu .navbar-header .navbar-toggle{
    float:right;
    padding:4px 0;
    cursor:pointer;
    background:#fff0
}
.main-menu .navbar-header .navbar-toggle .icon-bar{
    background:var(--ygency-body-color);
    height:2px;
    width:30px;
    display:block;
    margin:7px 0
}
.menu-btns{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center
}
.menu-btns .theme-btn{
    padding-top:9px;
    padding-bottom:9px
}
@media only screen and (max-width:1199px){
    .menu-btns .theme-btn{
        display:none
    }
}
.nav-search{
    position:relative;
    margin-right:50px;
    margin-left:25px
}
@media only screen and (max-width:1199px){
    .nav-search{
        margin-right:25px
    }
}
@media only screen and (max-width:479px){
    .nav-search{
        display:none
    }
}
.nav-search>button{
    color:#fff;
    background:#fff0
}
.nav-search form{
    position:absolute;
    width:320px;
    top:100%;
    right:0;
    z-index:777;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    background-color:#fff;
    -webkit-animation:fadeIn 0.5s;
    animation:fadeIn 0.5s;
    -webkit-box-shadow:0 0 5px 5px rgb(0 0 0 / .05);
    box-shadow:0 0 5px 5px rgb(0 0 0 / .05)
}
@media only screen and (max-width:375px){
    .nav-search form{
        width:275px
    }
}
.nav-search form.hide{
    display:none
}
.nav-search form input{
    border:none;
    padding:15px 5px 15px 25px
}
.nav-search form button{
    background:#fff0;
    padding:15px 20px 15px 0
}
.menu-sidebar{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex
}
@media only screen and (max-width:479px){
    .menu-sidebar{
        margin-left:25px
    }
}
.menu-sidebar button{
    cursor:pointer;
    width:50px;
    height:50px;
    background:var(--digitechnologys-primary-color);
    line-height:50px;
    border-radius:50%;
    text-align:center
}
.menu-sidebar button img{
    margin-top:-4px
}
.hidden-bar{
    position:fixed;
    right:-350px;
    top:0;
    opacity:0;
    width:350px;
    height:100%;
    z-index:99999;
    overflow-y:auto;
    visibility:hidden;
    background-color:#222;
    border-left:1px solid #231b26;
    -webkit-transition:all 0.5s ease;
    -o-transition:all 0.5s ease;
    transition:all 0.5s ease
}
@media only screen and (max-width:375px){
    .hidden-bar{
        width:300px
    }
}
.hidden-bar .social-style-one a{
    width:40px;
    height:40px;
    line-height:40px
}
.side-content-visible .hidden-bar{
    right:0;
    opacity:1;
    visibility:visible
}
.hidden-bar .inner-box{
    position:relative;
    padding:100px 40px 50px
}
@media only screen and (max-width:375px){
    .hidden-bar .inner-box{
        padding-left:25px;
        padding-right:25px
    }
}
.hidden-bar .inner-box .cross-icon{
    position:absolute;
    right:30px;
    top:30px;
    cursor:pointer;
    color:#fff;
    font-size:20px;
    -webkit-transition:all 500ms ease;
    -o-transition:all 500ms ease;
    transition:all 500ms ease
}
.hidden-bar .inner-box h4{
    position:relative;
    color:#fff;
    margin-bottom:35px
}
.hidden-bar .appointment-form{
    position:relative
}
.hidden-bar .appointment-form .form-group{
    position:relative;
    margin-bottom:20px
}
.hidden-bar .appointment-form input[type="text"],.hidden-bar .appointment-form input[type="email"]{
    position:relative;
    display:block;
    width:100%;
    line-height:23px;
    padding:10px 25px;
    color:#fff;
    font-size:16px;
    background:none;
    -webkit-transition:all 300ms ease;
    -o-transition:all 300ms ease;
    transition:all 300ms ease;
    border:1px solid rgb(255 255 255 / .1)
}
.hidden-bar .appointment-form textarea{
    position:relative;
    display:block;
    width:100%;
    line-height:23px;
    padding:10px 25px;
    color:#fff;
    font-size:16px;
    border:1px solid rgb(255 255 255 / .1);
    background:none;
    -webkit-transition:all 300ms ease;
    -o-transition:all 300ms ease;
    transition:all 300ms ease;
    resize:none
}
.hidden-bar .appointment-form input::-webkit-input-placeholder{
    font-size:14px;
    color:#bdbdbd
}
.hidden-bar .appointment-form input:-ms-input-placeholder{
    font-size:14px;
    color:#bdbdbd
}
.hidden-bar .appointment-form input::-ms-input-placeholder{
    font-size:14px;
    color:#bdbdbd
}
.hidden-bar .appointment-form input::placeholder{
    font-size:14px;
    color:#bdbdbd
}
.hidden-bar .appointment-form textarea::-webkit-input-placeholder{
    font-size:14px;
    color:#bdbdbd
}
.hidden-bar .appointment-form textarea:-ms-input-placeholder{
    font-size:14px;
    color:#bdbdbd
}
.hidden-bar .appointment-form textarea::-ms-input-placeholder{
    font-size:14px;
    color:#bdbdbd
}
.hidden-bar .appointment-form textarea::placeholder{
    font-size:14px;
    color:#bdbdbd
}
.hidden-bar .appointment-form .form-group button{
    width:100%;
    font-size:16px;
    padding:10px 15px;
    margin-bottom:20px;
    border-color:#fff
}
.form-back-drop{
    position:fixed;
    left:100%;
    top:0;
    width:100%;
    height:100%;
    opacity:0;
    background:rgb(0 0 0 / .7);
    visibility:hidden;
    z-index:9990;
    -webkit-transition:all 0.5s ease;
    -o-transition:all 0.5s ease;
    transition:all 0.5s ease
}
.side-content-visible .form-back-drop{
    opacity:1;
    left:0;
    visibility:visible
}
.header-top{
    padding-top:9px;
    padding-bottom:9px;
    color:var(--ygency-tertiary-color)
}
@media only screen and (max-width:767px){
    section#pricing .nav-tabs .nav-link{
        margin-bottom:3px
    }
    .services-section-cstm .col-xl-3{
        width:100%!important
    }
    .tab-content.pricingPage .tab-pane .col-md-6{
        width:100%
    }
    section#pricing div#myTabContent .col-xl-4.col-md-6.delay-0-4s,section#pricing div#myTabContent .col-xl-4.col-md-6.delay-0-6s{
        padding-left:0;
        margin-top:10px;
        padding-right:0
    }
    div#myTabContent{
        padding-left:0;
        padding-right:0
    }
    .header-top{
        padding-top:5px;
        padding-bottom:5px
    }
}
.header-top .top-left{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    margin-left:-25px;
    margin-right:-25px
}
@media only screen and (max-width:991px){
    .header-top .top-left{
        -webkit-box-pack:center;
        -ms-flex-pack:center;
        justify-content:center
    }
    .mobile-logo img{
        width:110px!important
    }
}
@media only screen and (max-width:767px){
    .header-top .top-left{
        display:none
    }
}
.header-top .top-left li{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    font-weight:500;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    margin-left:25px;
    margin-right:25px
}
.header-top .top-left li i{
    margin-right:10px
}
.header-top .top-right{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center
}
@media only screen and (min-width:992px){
    .header-top .top-right{
        -webkit-box-pack:end;
        -ms-flex-pack:end;
        justify-content:flex-end
    }
}
.header-top .top-right .lang-select{
    margin-right:20px;
    margin-left:-10px
}
.header-top .top-right .nice-select{
    border:none;
    line-height:1;
    font-size:16px;
    color:var(--ygency-tertiary-color);
    background:#fff0;
    padding:10px 40px 10px 10px
}
.header-top .top-right .nice-select .current{
    color:var(--ygency-tertiary-color)
}
.header-top .top-right .nice-select:after{
    border-color:var(--ygency-tertiary-color)
}
.header-top .top-right .social-style-two a{
    width:30px;
    height:30px;
    border:none;
    font-size:12px;
    line-height:30px;
    margin-left:3px;
    margin-right:3px;
    background:rgb(2 5 10 / .15)
}
.header-top .top-right .social-style-two a:hover{
    color:#fff;
    background:var(--ygency-tertiary-color)
}
.call-anytime{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center
}
.call-anytime .icon{
    font-size:35px;
    margin-right:20px;
    color:var(--digitechnologys-primary-color)
}
.call-anytime .content{
    line-height:1.75
}
.call-anytime .content span{
    display:block;
    font-size:14px
}
.call-anytime .content a{
    color:#fff;
    font-weight:600
}
@media only screen and (min-width:1200px){
    .main-header.header-two .nav-search{
        margin-right:30px
    }
}
.main-header.header-two .call-anytime{
    margin-right:30px
}
@media only screen and (max-width:1199px){
    .main-header.header-two .call-anytime{
        display:none
    }
}
.main-header.header-two .menu-btns>button{
    color:#fff;
    font-size:22px;
    margin-right:30px;
    background:#fff0
}
@media only screen and (max-width:1399px){
    .main-header.header-two .menu-btns>button{
        display:none
    }
}
.main-header.header-two .menu-sidebar>button{
    border-radius:0;
    background:#0a1019
}
.hero-area:after{
    z-index:-1;
    width:900px;
    height:900px;
    opacity:.2;
    border-radius:50%;
    -webkit-filter:blur(200px);
    filter:blur(200px);
    position:absolute;
    right:-250px;
    top:-130px;
    background:var(--digitechnologys-primary-color);
    -webkit-animation:zoomInOut 5s infinite;
    animation:zoomInOut 5s infinite
}
.hero-bg{
    z-index:-1;
    position:absolute;
    left:0;
    top:12%;
    opacity:.1;
    max-width:100%
}
/* section#newherosection .hero-content h1{
    line-height:1!important;
    font-size:180px;
    font-weight:700;
    position:relative;
    margin-bottom:-85px;
    text-transform:uppercase
}
section#newherosection .hero-content h1 span{
    font-size:unset!important
} */
/* .hero-content h1{
    line-height:1.2;
    font-size:48px;
    font-weight:700;
    position:relative;
    margin-bottom:25px;
    text-transform:none;
    color:#fff
}
@media only screen and (max-width:1399px){
    .hero-content h1{
        font-size:40px
    }
    section#newherosection.hero-area .hero-content h1{
        font-size:150px!important
    }
}
@media only screen and (max-width:1200px){
    section#newherosection.hero-area .hero-content h1{
        font-size:130px!important
    }
    .bnr-req-quote-head h2{
        font-size:30px!important
    }
}
@media only screen and (max-width:1024px){
    .bnr-req-quote-head h2{
        font-size:27px!important
    }
    section#newherosection.hero-area .hero-content h1{
        font-size:118px!important
    }
}
@media only screen and (max-width:991px){
    section#newherosection{
        margin-top:0
    }
    section#newherosection.hero-area .hero-content h1{
        font-size:100px!important
    }
    section#newherosection .col-lg-5{
        margin-top:100px
    }
    section#newherosection .banner-request-a-quote{
        width:100%
    }
    .hero-content h1{
        font-size:36px
    }
}
@media only screen and (max-width:767px){
    section#newherosection.hero-area .hero-content h1{
        font-size:70px!important;
        margin-bottom:unset
    }
    section#newherosection .col-lg-5{
        margin-top:30px
    }
    .hero-content h1{
        font-size:32px;
        margin-bottom:20px
    }
}
@media only screen and (max-width:479px){
    section#newherosection.hero-area .hero-content h1{
        font-size:50px!important;
        margin-bottom:unset
    }
    section#newherosection .col-lg-5{
        margin-top:unset
    }
    section#newherosection .bnr-req-quote-form{
        padding:20px 15px
    }
    section#newherosection .bnr-req-quote-head h2{
        font-size:28px!important
    }
    section#newherosection .banner-request-a-quote{
        margin:20px 0 20px auto!important
    }
    .hero-content h1{
        font-size:28px
    }
}
@media only screen and (max-width:375px){
    .hero-content h1{
        font-size:24px;
        max-width:250px
    }
}
.hero-content h1 span{
    color:#fff0;
    -webkit-text-stroke:1px;
    -webkit-text-stroke-color:#fff
} */
@media only screen and (max-width:991px){
    .hero-right-image{
        z-index:-1;
        position:absolute;
        right:3%;
        top:5%;
        max-width:30%
    }
}
.hero-bottom-image{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex
}
.hero-bottom-image img{
    max-width:calc(100% - 70px)
}
@media only screen and (max-width:575px){
    .hero-bottom-image img{
        max-width:calc(100% - 50px)
    }
}
.hero-social{
    margin-left:40px;
    padding-top:40px;
    padding-bottom:40px;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column;
    -webkit-transform:rotate(180deg);
    -ms-transform:rotate(180deg);
    transform:rotate(180deg);
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -ms-flex-pack:distribute;
    justify-content:space-around
}
@media only screen and (max-width:1199px){
    .hero-social{
        padding-top:0;
        padding-bottom:0
    }
}
@media only screen and (max-width:575px){
    .hero-social{
        margin-left:20px
    }
}
.hero-social a{
    color:var(--ygency-secondary-color);
    text-transform:capitalize;
    -ms-writing-mode:tb-lr;
    writing-mode:vertical-lr;
    -webkit-writing-mode:vertical-lr
}
.hero-social a:hover{
    color:var(--digitechnologys-primary-color);
    text-decoration:underline
}
.hero-social a i{
    margin-bottom:5px;
    -webkit-transform:rotate(90deg);
    -ms-transform:rotate(90deg);
    transform:rotate(90deg)
}
@media only screen and (max-width:991px){
    .hero-social a span{
        display:none
    }
}
.hero-title{
    line-height:1;
    font-weight:700;
    font-size:150px;
    font-family:var(--ygency-primary-font)
}
@media only screen and (max-width:1399px){
    .hero-title{
        font-size:140px
    }
}
@media only screen and (max-width:1199px){
    .hero-title{
        font-size:110px
    }
}
@media only screen and (max-width:991px){
    .hero-title{
        font-size:85px;
        line-height:1.2
    }
}
@media only screen and (max-width:767px){
    .hero-title{
        font-size:60px
    }
}
@media only screen and (max-width:575px){
    .hero-title{
        font-size:52px;
        line-height:1.3
    }
}
@media only screen and (max-width:479px){
    .hero-title{
        font-size:42px;
        line-height:1.5
    }
}
@media only screen and (max-width:375px){
    .hero-title{
        font-size:33px
    }
}
.hero-title .arrow{
    max-width:40%;
    position:relative;
    display:inline-block
}
.hero-title .arrow:before{
    content:"";
    left:28%;
    width:130px;
    height:130px;
    position:absolute;
    border-radius:50%;
    border:33px solid;
    top:calc(50% - 50px);
    -webkit-animation:rotated_circle linear 10s infinite;
    animation:rotated_circle linear 10s infinite;
    border-color:var(--digitechnologys-primary-color) var(--digitechnologys-primary-color) #fff0 #fff0
}
@media only screen and (max-width:991px){
    .hero-title .arrow:before{
        width:100px;
        height:100px;
        border-width:22px
    }
}
@media only screen and (max-width:991px){
    .hero-title .arrow:before{
        width:70px;
        height:70px;
        border-width:15px;
        top:calc(50% - 33px)
    }
}
.hero-title img{
    border-radius:50px
}
.hero-title img.mxw-10{
    max-width:10%
}
.hero-title img.mxw-20{
    max-width:20%
}
.hero-title img.mxw-40{
    max-width:40%
}
.hero-title img.leaf{
    border-radius:0;
    -webkit-transform:translateY(-25%);
    -ms-transform:translateY(-25%);
    transform:translateY(-25%)
}
.hero-title.style-two{
    display:inline-block
}
@media only screen and (min-width:992px){
    .hero-title.style-two{
        font-size:85px
    }
    .hero-title.style-two .leaf{
        -webkit-transform:translateY(-70%);
        -ms-transform:translateY(-70%);
        transform:translateY(-70%)
    }
}
.authors-text{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center
}
.authors-text img{
    -webkit-box-flex:0;
    -ms-flex:none;
    flex:none;
    width:50px;
    height:50px;
    border-radius:50%;
    margin-right:-20px
}
@media only screen and (max-width:375px){
    .authors-text img{
        margin-right:-30px
    }
}
.authors-text i{
    -webkit-box-flex:0;
    -ms-flex:none;
    flex:none;
    margin-right:20px;
    color:var(--ygency-dark-color);
    width:50px;
    height:50px;
    background:var(--digitechnologys-primary-color);
    line-height:50px;
    border-radius:50%;
    text-align:center
}
.authors-text .text{
    font-weight:600;
    line-height:1.6
}
.hero-three-content{
    max-width:730px
}
.hero-three-content h1{
    margin-bottom:28px
}
@media only screen and (max-width:1199px){
    .hero-three-content h1{
        font-size:66px
    }
}
@media only screen and (max-width:767px){
    .hero-three-content h1{
        font-size:50px
    }
}
@media only screen and (max-width:575px){
    .hero-three-content h1{
        font-size:45px
    }
}
@media only screen and (max-width:479px){
    .hero-three-content h1{
        font-size:40px
    }
}
@media only screen and (max-width:375px){
    .hero-three-content h1{
        font-size:35px
    }
}
.hero-three-content h1 i{
    font-weight:400;
    color:var(--digitechnologys-primary-color)
}
.hero-three-content p{
    color:#fff;
    font-size:20px
}
@media only screen and (max-width:767px){
    .hero-three-content p{
        font-size:18px
    }
}
@media only screen and (max-width:479px){
    .hero-three-content p{
        font-size:16px
    }
}
.hero-three-content .read-more{
    margin-top:15px;
    color:var(--digitechnologys-primary-color)
}
.hero-three-shape{
    z-index:-1;
    max-width:20%;
    position:absolute;
    right:-8%;
    bottom:75%;
    -webkit-animation:10s zoomInOut infinite;
    animation:10s zoomInOut infinite
}
.hero-three-shape img{
    border-radius:50%
}
.hero-four-content h1{
    font-weight:700
}
@media only screen and (min-width:1400px){
    .hero-four-content h1{
        font-size:120px
    }
}
@media only screen and (max-width:767px){
    .hero-four-content h1{
        font-size:60px
    }
}
@media only screen and (max-width:575px){
    .hero-four-content h1{
        font-size:40px
    }
}
@media only screen and (max-width:375px){
    .hero-four-content h1{
        font-size:35px
    }
}
.hero-four-content h1 .marquee-inner span{
    color:#fff0;
    -webkit-text-stroke:1px;
    -webkit-text-stroke-color:#fff
}
.hero-four-content .rotated-man-wrap{
    position:absolute;
    left:50%;
    top:50%;
    -webkit-transform:translate(-50%,-50%);
    -ms-transform:translate(-50%,-50%);
    transform:translate(-50%,-50%);
    max-width:35%
}
.hero-shapes .shape{
    z-index:-1;
    max-width:5%;
    position:absolute
}
.hero-shapes .shape.one{
    top:15%;
    left:25%;
    -webkit-animation:upDownLeft 30s infinite;
    animation:upDownLeft 30s infinite
}
.hero-shapes .shape.two{
    top:15%;
    left:65%;
    -webkit-animation:down-up-two 10s infinite;
    animation:down-up-two 10s infinite
}
.rotated-man{
    z-index:1;
    padding-left:20px;
    padding-right:20px;
    position:relative;
    -webkit-animation:semi_rotated 10s infinite;
    animation:semi_rotated 10s infinite
}
@media only screen and (max-width:767px){
    .rotated-man{
        padding-left:10px;
        padding-right:10px
    }
}
@media only screen and (max-width:479px){
    .rotated-man{
        padding-left:5px;
        padding-right:5px
    }
}
.rotated-man:before{
    content:"";
    position:absolute;
    left:0;
    bottom:0;
    z-index:-1;
    width:100%;
    height:94%;
    background:var(--digitechnologys-primary-color);
    border-radius:250px 250px 0 0
}
.hero-area-six{
    z-index:1;
    position:relative
}
.hero-area-six:after,.hero-area-six:before{
    content:"";
    z-index:-1;
    width:900px;
    height:900px;
    opacity:.2;
    border-radius:50%;
    -webkit-filter:blur(200px);
    filter:blur(200px);
    position:absolute;
    right:-250px;
    top:-130px;
    background:var(--digitechnologys-primary-color);
    -webkit-animation:zoomInOut 5s infinite;
    animation:zoomInOut 5s infinite
}
.hero-area-six:before{
    left:-250px
}
.hero-six-wrapper{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    position:relative
}
.hero-six-wrapper .hero-social{
    margin-left:0;
    margin-right:5%;
    padding-top:0;
    padding-bottom:0;
    -webkit-box-pack:end;
    -ms-flex-pack:end;
    justify-content:flex-end
}
@media only screen and (max-width:991px){
    .hero-six-wrapper .hero-social{
        margin-top:10px
    }
}
@media only screen and (max-width:375px){
    .hero-six-wrapper .hero-social{
        display:none
    }
}
.hero-six-wrapper .hero-social a:not(:last-child){
    margin-bottom:90px
}
@media only screen and (max-width:1599px){
    .hero-six-wrapper .hero-social a:not(:last-child){
        margin-bottom:35px
    }
}
@media only screen and (max-width:1199px){
    .hero-six-wrapper .hero-social a:not(:last-child){
        margin-bottom:25px
    }
}
@media only screen and (min-width:1200px){
    .hero-six-wrapper .left-image{
        margin-bottom:22%
    }
}
@media only screen and (max-width:1199px){
    .hero-six-wrapper .left-image{
        position:absolute;
        left:8%;
        top:0;
        max-width:35%;
        max-height:100%
    }
}
@media only screen and (max-width:991px){
    .hero-six-wrapper .left-image{
        display:none
    }
}
.hero-six-wrapper .hero-six-content{
    padding:10%
}
@media only screen and (max-width:1199px){
    .hero-six-wrapper .hero-six-content{
        z-index:5;
        padding:50px;
        position:relative
    }
}
@media only screen and (max-width:1199px) and (max-width:991px){
    .hero-six-wrapper .hero-six-content{
        padding:0
    }
}
.hero-six-wrapper .hero-six-content h1{
    line-height:1;
    font-weight:700;
    font-size:150px;
    position:relative;
    letter-spacing:-6px;
    margin-bottom:15%
}
@media only screen and (min-width:1200px){
    .hero-six-wrapper .hero-six-content h1{
        margin-left:-50%;
        margin-right:-140%
    }
}
@media only screen and (max-width:1599px){
    .hero-six-wrapper .hero-six-content h1{
        font-size:120px
    }
}
@media only screen and (max-width:1299px){
    .hero-six-wrapper .hero-six-content h1{
        font-size:100px
    }
}
@media only screen and (max-width:1199px){
    .hero-six-wrapper .hero-six-content h1{
        font-size:80px;
        margin-bottom:25px
    }
}
@media only screen and (max-width:991px){
    .hero-six-wrapper .hero-six-content h1{
        font-size:66px;
        letter-spacing:-2px
    }
}
@media only screen and (max-width:767px){
    .hero-six-wrapper .hero-six-content h1{
        font-size:50px;
        line-height:1.2
    }
}
@media only screen and (max-width:479px){
    .hero-six-wrapper .hero-six-content h1{
        font-size:45px
    }
}
@media only screen and (max-width:375px){
    .hero-six-wrapper .hero-six-content h1{
        font-size:40px
    }
}
.hero-six-wrapper .hero-six-content p{
    margin-bottom:10%
}
@media only screen and (min-width:768px){
    .hero-six-wrapper .hero-six-content p{
        font-size:18px
    }
}
@media only screen and (max-width:1199px){
    .hero-six-wrapper .hero-six-content p{
        margin-bottom:25px
    }
}
@media only screen and (min-width:1200px){
    .hero-six-wrapper .right-image{
        margin-top:50%
    }
}
@media only screen and (max-width:1199px){
    .hero-six-wrapper .right-image{
        position:absolute;
        right:8%;
        bottom:0;
        max-width:30%
    }
}
@media only screen and (max-width:991px){
    .hero-six-wrapper .right-image{
        display:none
    }
}
.hero-six-wrapper .down-arrow{
    margin-left:3%;
    -ms-flex-item-align:center;
    -ms-grid-row-align:center;
    align-self:center
}
@media only screen and (max-width:479px){
    .hero-six-wrapper .down-arrow{
        display:none
    }
}
.hero-six-wrapper .down-arrow a{
    color:#fff;
    font-weight:600;
    padding:30px 5px;
    border-radius:50px;
    display:inline-block;
    background:var(--ygency-tertiary-color);
    -ms-writing-mode:tb-lr;
    writing-mode:vertical-lr;
    -webkit-writing-mode:vertical-lr
}
.hero-six-wrapper .down-arrow a i{
    font-size:12px;
    margin-top:5px
}
.slider-item{
    padding-top:215px;
    padding-bottom:185px;
    z-index:1;
    position:relative;
    background-size:cover;
    background-position:center
}
.slider-item::before{
    position:absolute;
    content:"";
    width:100%;
    height:100%;
    z-index:-1;
    top:0;
    left:0;
    opacity:.8;
    background-color:#0a1019
}
@media only screen and (max-width:1399px){
    .slider-item{
        padding-top:170px
    }
}
@media only screen and (max-width:991px){
    .slider-item{
        padding-top:160px
    }
}
.slider-item:before{
    mix-blend-mode:multiply
}
.slide-content{
    max-width:740px
}
.slide-content .sub-title{
    font-size:18px;
    font-weight:500;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    margin-bottom:20px;
    display:-webkit-inline-box;
    display:-ms-inline-flexbox;
    display:inline-flex;
    color:var(--digitechnologys-primary-color);
    text-transform:capitalize
}
.slide-content .sub-title:before{
    content:"";
    width:36px;
    height:10px;
    margin-right:10px;
    background:url(../images/icons/sub-title.svg) no-repeat 100% 100%
}
.slide-content h2{
    font-size:65px;
    line-height:1.1;
    margin-bottom:35px
}
@media only screen and (max-width:991px){
    .slide-content h2{
        font-size:55px
    }
}
@media only screen and (max-width:767px){
    .slide-content h2{
        font-size:45px
    }
}
@media only screen and (max-width:575px){
    .slide-content h2{
        font-size:40px
    }
}
@media only screen and (max-width:479px){
    .slide-content h2{
        font-size:38px
    }
}
@media only screen and (max-width:375px){
    .slide-content h2{
        font-size:33px
    }
}
.slide-content h2 span{
    font-weight:300
}
.slide-content .ratting-btns{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    margin-right:-50px
}
.slide-content .ratting-btns .quyality-ratting{
    margin-top:20px;
    margin-right:50px
}
.slide-content .ratting-btns .quyality-ratting span{
    display:block;
    font-size:14px;
    line-height:1.5
}
.slide-content .ratting-btns .quyality-ratting .ratting i{
    font-size:16px;
    color:var(--digitechnologys-primary-color)
}
.slide-content .ratting-btns .theme-btn{
    margin-top:20px;
    margin-right:50px
}
.slide-content .ratting-btns .read-more{
    margin-top:20px
}
.slide-content>*{
    -webkit-transition:1s;
    -o-transition:1s;
    transition:1s;
    -webkit-animation-duration:1s;
    animation-duration:1s;
    -webkit-animation-fill-mode:both;
    animation-fill-mode:both
}
.slick-active .slide-content>*{
    -webkit-animation-name:fadeInUp;
    animation-name:fadeInUp
}
.slick-active .slide-content .sub-title{
    -webkit-animation-delay:0.2s;
    animation-delay:0.2s
}
.slick-active .slide-content h2{
    -webkit-animation-delay:0.4s;
    animation-delay:0.4s
}
.slick-active .slide-content hr{
    -webkit-animation-delay:0.6s;
    animation-delay:0.6s
}
.slick-active .slide-content .ratting-btns{
    -webkit-animation-delay:0.8s;
    animation-delay:0.8s
}
.main-slider-controls{
    position:absolute;
    left:0;
    bottom:0;
    width:100%
}
.main-slider-arrows{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:end;
    -ms-flex-pack:end;
    justify-content:flex-end
}
.main-slider-arrows button{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    font-size:18px;
    font-weight:500;
    -webkit-transition:0.5s;
    -o-transition:0.5s;
    transition:0.5s;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    padding-top:22px;
    padding-bottom:22px;
    color:var(--ygency-tertiary-color);
    text-transform:uppercase;
    background:var(--digitechnologys-primary-color)
}
@media only screen and (max-width:575px){
    .main-slider-arrows button{
        font-size:16px;
        padding-top:12px;
        padding-bottom:12px
    }
}
.main-slider-arrows button:focus,.main-slider-arrows button:hover{
    color:rgb(2 5 10 / .3)
}
.main-slider-arrows button.main-slider-prev{
    padding-left:50px;
    padding-right:25px
}
@media only screen and (max-width:575px){
    .main-slider-arrows button.main-slider-prev{
        padding-left:30px;
        padding-right:15px
    }
}
.main-slider-arrows button.main-slider-prev i{
    font-size:22px;
    margin-right:10px
}
.main-slider-arrows button.main-slider-next{
    padding-left:25px;
    padding-right:50px
}
@media only screen and (max-width:575px){
    .main-slider-arrows button.main-slider-next{
        padding-left:15px;
        padding-right:30px
    }
}
.main-slider-arrows button.main-slider-next i{
    font-size:22px;
    margin-left:10px
}
.headline-text{
    line-height:1;
    font-size:250px;
    font-weight:700;
    color:var(--ygency-headline-color);
    text-transform:uppercase;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    overflow:hidden;
    width:100%;
    white-space:nowrap
}
@media only screen and (max-width:1399px){
    .headline-text{
        font-size:200px
    }
}
@media only screen and (max-width:1199px){
    .headline-text{
        font-size:150px
    }
}
@media only screen and (max-width:991px){
    .headline-text{
        font-size:100px
    }
}
@media only screen and (max-width:767px){
    .headline-text{
        font-size:80px
    }
}
@media only screen and (max-width:575px){
    .headline-text{
        font-size:60px
    }
}
@media only screen and (max-width:479px){
    .headline-text{
        font-size:50px
    }
}
@media only screen and (max-width:375px){
    .headline-text{
        font-size:40px
    }
}
.headline-text>span{
    padding-left:100%;
    -webkit-animation:marquee 15s linear infinite;
    animation:marquee 15s linear infinite
}
.headline-text>span span{
    opacity:.5;
    color:#64b5f6;
    -webkit-text-stroke:1px;
    -webkit-text-stroke-color:#fff
}
@media only screen and (min-width:1400px){
    .headline-text.style-two{
        font-size:220px
    }
}
.headline-text.style-two>span span{
    opacity:1;
    text-transform:capitalize;
    background:-webkit-radial-gradient(50.02% 64.91%,42.25% 8948.61%,#ffffff 0%,#fff0 100%);
    background:-o-radial-gradient(50.02% 64.91%,42.25% 8948.61%,#ffffff 0%,#fff0 100%);
    background:radial-gradient(42.25% 8948.61% at 50.02% 64.91%,#ffffff 0%,#fff0 100%);
    -webkit-background-clip:text;
    -webkit-text-fill-color:#fff0;
    -webkit-text-stroke-color:#fff0
}
@media only screen and (min-width:992px){
    .headline-text.style-three{
        font-size:120px
    }
}
.headline-wrap{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    overflow:hidden;
    white-space:nowrap
}
.headline-wrap>span{
    -webkit-animation:marquee 15s linear infinite;
    animation:marquee 15s linear infinite
}
.headline-wrap>span .marquee-item{
    margin-right:50px;
    line-height:1.2;
    font-size:65px;
    font-weight:300;
    color:var(--ygency-dark-color)
}
@media only screen and (max-width:1399px){
    .headline-wrap>span .marquee-item{
        font-size:55px
    }
}
@media only screen and (max-width:1199px){
    .headline-wrap>span .marquee-item{
        font-size:48px
    }
}
@media only screen and (max-width:991px){
    .headline-wrap>span .marquee-item{
        font-size:40px
    }
}
@media only screen and (max-width:575px){
    .headline-wrap>span .marquee-item{
        font-size:35px
    }
}
@media only screen and (max-width:375px){
    .headline-wrap>span .marquee-item{
        font-size:30px
    }
}
.headline-wrap>span .marquee-item i{
    margin-right:40px
}
.headline-wrap-two .marquee-wrap{
    margin-top:0
}
.headline-wrap-two .marquee-item{
    margin-right:60px;
    line-height:1.2;
    font-size:30px;
    font-weight:300;
    color:var(--ygency-dark-color);
    display:-webkit-inline-box;
    display:-ms-inline-flexbox;
    display:inline-flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center
}
.headline-wrap-two .marquee-item i{
    font-size:.8em;
    margin-right:30px
}
.headline-wrap-two .marquee-item b{
    font-weight:400
}
@media only screen and (max-width:1199px){
    .headline-wrap-two .marquee-item{
        font-size:25px;
        margin-right:35px
    }
    .headline-wrap-two .marquee-item i{
        margin-right:15px
    }
}
@media only screen and (max-width:575px){
    .headline-wrap-two .marquee-item{
        font-size:20px;
        margin-right:25px
    }
    .headline-wrap-two .marquee-item i{
        margin-right:10px
    }
}
.headline-wrap-two.style-two .marquee-inner{
    padding-right:0
}
.headline-wrap-two.style-two .marquee-item{
    font-size:24px
}
@media only screen and (max-width:991px){
    .headline-wrap-two.style-two .marquee-item{
        font-size:20px
    }
}
@media only screen and (max-width:575px){
    .headline-wrap-two.style-two .marquee-item{
        font-size:18px
    }
}
.headline-wrap-two.style-two .marquee-item i{
    margin-top:6px;
    font-size:1.1em;
    margin-right:10px
}
.headline-wrap-two.style-two .marquee-item b{
    font-weight:600
}
.marquee-wrap{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    overflow:hidden;
    white-space:nowrap
}
@media only screen and (min-width:1400px){
    .marquee-wrap{
        margin-top:-20px
    }
}
.marquee-inner{
    padding-right:50px
}
@media only screen and (max-width:767px){
    .marquee-inner{
        padding-right:15px
    }
}
.marquee-inner.one{
    -webkit-animation:marquee_left 32s linear infinite;
    animation:marquee_left 32s linear infinite
}
.marquee-inner.two{
    -webkit-animation:marquee_right 24s linear infinite;
    animation:marquee_right 24s linear infinite
}
.marquee-inner.three{
    -webkit-animation:marquee_left 48s linear infinite;
    animation:marquee_left 48s linear infinite
}
.marquee-inner.left{
    -webkit-animation:marquee_left 20s linear infinite;
    animation:marquee_left 20s linear infinite
}
.marquee-inner.right{
    -webkit-animation:marquee_right 20s linear infinite;
    animation:marquee_right 20s linear infinite
}
.headline-area-six{
    width:110%;
    margin-left:-5%;
    -webkit-transform:rotate(-3deg);
    -ms-transform:rotate(-3deg);
    transform:rotate(-3deg)
}
.headline-area.move-top{
    margin-top:-135px;
    z-index:-1
}
@media only screen and (max-width:991px){
    .headline-area.move-top{
        margin-top:-90px
    }
}
@media only screen and (max-width:767px){
    .headline-area.move-top{
        margin-top:-50px
    }
}
.headline-area.move-top-two{
    margin-top:-30px;
    z-index:-1
}
.page-banner-area{
    z-index:1;
    position:relative
}
.page-banner-area::before{
    position:absolute;
    content:"";
    width:100%;
    height:100%;
    z-index:-1;
    top:0;
    left:0;
    opacity:.9;
    background-color:#111
}
.page-banner-area:before{
    mix-blend-mode:multiply
}
.banner-inner h2{
    margin-bottom:20px
}
@media only screen and (min-width:992px){
    .banner-inner h2{
        font-size:55px
    }
}
@media only screen and (max-width:767px){
    .banner-inner h2{
        font-size:40px;
        margin-bottom:10px
    }
}
@media only screen and (max-width:575px){
    .banner-inner h2{
        font-size:36px
    }
}
@media only screen and (min-width:576px){
    .banner-text{
        font-size:18px
    }
}
.breadcrumb{
    padding:0;
    margin:0;
    font-size:20px;
    background:#fff0;
    text-transform:capitalize
}
@media only screen and (max-width:575px){
    .breadcrumb{
        font-size:18px
    }
}
@media only screen and (max-width:375px){
    .breadcrumb{
        font-size:16px
    }
}
.breadcrumb .breadcrumb-item{
    padding:0;
    font-weight:400;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center
}
.breadcrumb .breadcrumb-item.active{
    color:var(--digitechnologys-primary-color);
    text-decoration:underline;
    text-underline-offset:3px;
    text-decoration-thickness:1px
}
.breadcrumb .breadcrumb-item+.breadcrumb-item::before{
    margin-left:15px;
    margin-right:15px;
    -webkit-box-flex:0;
    -ms-flex:none;
    flex:none;
    color:#fff;
    content:"\f105";
    font-family:"Font Awesome 5 Pro"
}
.advertise-banner{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    margin-bottom:30px;
    height:calc(100% - 30px);
    -webkit-box-pack:justify;
    -ms-flex-pack:justify;
    justify-content:space-between
}
.advertise-banner.style-one{
    color:var(--ygency-dark-color);
    background-size:cover;
    padding:25px 50px 0 40px;
    background-position:center
}
@media only screen and (max-width:575px){
    .advertise-banner.style-one{
        -ms-flex-wrap:wrap;
        flex-wrap:wrap
    }
}
.advertise-banner.style-one .image{
    -ms-flex-item-align:end;
    -ms-grid-row-align:end;
    align-self:end
}
.advertise-banner.style-one .content{
    max-width:215px
}
@media only screen and (max-width:575px){
    .advertise-banner.style-one .content{
        max-width:none;
        margin-bottom:20px
    }
}
.advertise-banner.style-one .content .number{
    line-height:1;
    display:block;
    font-size:85px;
    font-weight:700;
    margin-bottom:8px
}
@media only screen and (max-width:375px){
    .advertise-banner.style-one .content .number{
        font-size:60px
    }
}
.advertise-banner.style-one .content h6{
    font-size:20px;
    font-weight:600;
    color:var(--ygency-dark-color)
}
.advertise-banner.style-one .content hr{
    height:2px;
    background-color:var(--ygency-dark-color);
    opacity:1;
    margin-top:35px
}
.advertise-banner.style-one .content p{
    font-weight:500
}
.advertise-banner.style-two{
    color:var(--ygency-dark-color);
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column;
    background-repeat:no-repeat;
    padding:50px 60px 35px 60px;
    background-position:top right
}
@media only screen and (max-width:479px){
    .advertise-banner.style-two{
        padding-left:35px;
        padding-right:35px
    }
}
.advertise-banner.style-two h3{
    font-size:27px;
    color:var(--ygency-dark-color);
    margin-bottom:20px
}
@media only screen and (max-width:375px){
    .advertise-banner.style-two h3{
        font-size:25px
    }
}
.advertise-banner.style-two hr{
    height:2px;
    background-color:var(--ygency-dark-color);
    opacity:1
}
.advertise-banner.style-two .authors-text{
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    margin-top:auto
}
.advertise-banner.style-two .authors-text .text{
    font-weight:400;
    max-width:202px;
    margin-top:15px;
    margin-bottom:15px
}
.about-image img{
    display:inline-block;
    -webkit-animation:rotated_circle 30s infinite;
    animation:rotated_circle 30s infinite
}
.text-left-border{
    padding-left:40px;
    max-width:615px;
    color:#fff;
    border-left:4px solid var(--digitechnologys-primary-color)
}
@media only screen and (min-width:376px){
    .text-left-border{
        font-size:18px
    }
}
@media only screen and (max-width:375px){
    .text-left-border{
        padding-left:30px
    }
}
.about-counter{
    padding-left:40px
}

@media only screen and (min-width:992px){
    .bnr-req-quote-head h3{
        font-size:35px!important
    }
}

@media only screen and (max-width:992px){
    
    .about-area .container{
        text-align:center;
    }

    .bnr-req-quote-head h3{
        font-size:30px!important
    }
}
@media only screen and (max-width:375px){
    .about-counter{
        padding-left:30px
    }
}
@media only screen and (max-width:479px){
    .about-area-three .section-title h2{
        font-size:33px
    }
}
@media only screen and (max-width:375px){
    .about-area-three .section-title h2{
        font-size:28px
    }
}
.about-three-content h4{
    margin-top:55px;
    margin-bottom:20px
}
@media only screen and (min-width:376px){
    .about-three-content h4{
        font-size:27px
    }
}
.about-three-content h4 i{
    font-weight:400;
    color:var(--digitechnologys-primary-color)
}
.about-three-shapes .year{
    line-height:1;
    font-weight:700;
    font-size:180px;
    background:-webkit-radial-gradient(4.84% 56.94%,83.27% 520.46%,rgb(255 255 255 / .1) 0%,rgb(255 255 255 / .01) 100%);
    background:-o-radial-gradient(4.84% 56.94%,83.27% 520.46%,rgb(255 255 255 / .1) 0%,rgb(255 255 255 / .01) 100%);
    background:radial-gradient(83.27% 520.46% at 4.84% 56.94%,rgb(255 255 255 / .1) 0%,rgb(255 255 255 / .01) 100%);
    -webkit-background-clip:text;
    -webkit-text-fill-color:#fff0;
    position:absolute;
    left:5%;
    bottom:5%;
    z-index:-1
}
.about-three-shapes .leaf{
    z-index:-1;
    position:absolute;
    right:5%;
    top:25%;
    max-width:25%
}
.about-four-wrap{
    background:#0a1019
}
.about-four-content .list-style-three{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    -webkit-box-pack:justify;
    -ms-flex-pack:justify;
    justify-content:space-between
}
.about-four-content .list-style-three li{
    width:48%;
    font-weight:600;
    margin-bottom:18px
}
@media only screen and (min-width:1200px){
    .about-four-content .list-style-three li{
        font-size:20px
    }
}
@media only screen and (max-width:479px){
    .about-four-content .list-style-three li{
        width:100%
    }
}
.about-four-content .list-style-three li:before{
    content:"\f00c"
}
.award-image{
    z-index:1;
    position:relative;
    display:inline-block;
    -webkit-animation:semi_rotated 10s infinite;
    animation:semi_rotated 10s infinite
}
.award-image img{
    border-radius:250px 250px 0 0
}
.award-image:before{
    content:"";
    z-index:-1;
    width:135%;
    opacity:.1;
    position:absolute;
    left:50%;
    bottom:-8%;
    background:#fff;
    padding-bottom:135%;
    border-radius:50%;
    -webkit-transform:translate(-50%);
    -ms-transform:translate(-50%);
    transform:translate(-50%)
}
.awards-tabs .nav-link{
    -webkit-transition:0.5s;
    -o-transition:0.5s;
    transition:0.5s;
    text-align:left;
    border-radius:0;
    padding:0 0 20px;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:justify;
    -ms-flex-pack:justify;
    justify-content:space-between;
    background-color:#fff0;
    border-bottom:1px solid rgb(255 255 255 / .1)
}
.awards-tabs .nav-link .left .h3{
    display:block
}
@media only screen and (max-width:1199px){
    .awards-tabs .nav-link .left .h3{
        font-size:25px
    }
}
@media only screen and (max-width:375px){
    .awards-tabs .nav-link .left .h3{
        font-size:20px
    }
}
.awards-tabs .nav-link .left .award-type{
    color:var(--ygency-body-color)
}
.awards-tabs .nav-link .details-btn{
    width:65px;
    height:65px;
    border:none;
    line-height:65px;
    background:#0a1019
}
.awards-tabs .nav-link .details-btn:hover{
    color:var(--ygency-dark-color);
    background:var(--digitechnologys-primary-color)
}
.awards-tabs .nav-link:not(:last-child){
    margin-bottom:45px
}
.awards-tabs .nav-link.active{
    border-color:#fff;
    background-color:#fff0
}
.about-area-five{
    position:relative;
    z-index:1
}
.about-area-five:before{
    content:"";
    z-index:-1;
    position:absolute;
    left:70px;
    top:0;
    background:#0a1019;
    width:calc(100% - 140px);
    height:100%
}
@media only screen and (max-width:1599px){
    .about-area-five:before{
        left:0;
        width:100%
    }
}
.about-content-five{
    max-width:560px
}
.about-content-five .authors-text{
    border-top:1px solid var(--ygency-border-color)
}
@media only screen and (max-width:479px){
    .about-content-five .authors-text{
        -ms-flex-wrap:wrap;
        flex-wrap:wrap
    }
}
.about-content-five .authors-text img{
    width:60px;
    height:60px;
    margin-right:-10px
}
@media only screen and (max-width:575px){
    .about-content-five .authors-text img{
        margin-right:-30px
    }
}
.about-content-five .authors-text .text{
    color:#fff
}
@media only screen and (min-width:480px){
    .about-content-five .authors-text .text{
        margin-left:60px
    }
}
@media only screen and (max-width:479px){
    .about-content-five .authors-text .text{
        margin-top:20px
    }
}
.about-content-five .authors-text .text span{
    color:var(--digitechnologys-primary-color)
}
.about-five-images{
    position:relative
}
.about-five-images .image-one,.about-five-images .image-two{
    max-width:56.2%
}
.about-five-images .image-one img,.about-five-images .image-two img{
    width:100%
}
.about-five-images .image-two{
    margin-left:auto
}
.about-five-images .about-five-shape{
    position:absolute;
    left:50%;
    top:50%;
    -webkit-transform:translate(-50%,-50%);
    -ms-transform:translate(-50%,-50%);
    transform:translate(-50%,-50%);
    z-index:-1;
    width:65.5%
}
.about-five-images .about-five-shape img{
    width:100%
}
.work-with-us-area{
    position:relative;
    z-index:1
}
.work-with-us-area:before{
    position:absolute;
    left:0;
    bottom:0;
    content:"";
    z-index:-1;
    width:100%;
    height:140px;
    background:#0a1019
}
.work-with-content{
    height:100%;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    padding:50px 120px;
    -webkit-box-align:start;
    -ms-flex-align:start;
    align-items:flex-start;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column
}
@media only screen and (max-width:1199px){
    .work-with-content{
        padding:100px
    }
}
@media only screen and (max-width:991px){
    .work-with-content{
        padding:50px
    }
}
@media only screen and (max-width:479px){
    .work-with-content{
        padding-left:25px;
        padding-right:25px
    }
}
.work-with-content .sub-title:before{
    background-image:url(../images/icons/sub-title-black.svg)
}
.work-with-content p,.work-with-content h2,.work-with-content .theme-btn,.work-with-content .sub-title{
    color:var(--ygency-dark-color)
}
.work-with-content .theme-btn{
    border-color:var(--ygency-dark-color)
}
.work-with-content .theme-btn:hover{
    border-color:var(--ygency-dark-color)
}
.service-item{
    -webkit-transition:0.5s;
    -o-transition:0.5s;
    transition:0.5s;
    margin-bottom:30px;
    padding:50px 50px 30px;
    background-color:#0a1019
}
@media only screen and (max-width:767px){
    .service-item{
        margin-top:0
    }
}
@media only screen and (max-width:375px){
    .service-item{
        padding-left:25px;
        padding-right:25px
    }
}
.service-item .icon{
    line-height:1;
    font-size:30px;
    -webkit-transition:0.5s;
    -o-transition:0.5s;
    transition:0.5s;
    margin-bottom:30px;
    color:var(--digitechnologys-primary-color)
}
.service-item h5{
    -webkit-transition:0.5s;
    -o-transition:0.5s;
    transition:0.5s;
    margin-bottom:20px
}
.service-item p{
    -webkit-transition:0.5s;
    -o-transition:0.5s;
    transition:0.5s
}
.service-item:hover{
    background-color:var(--digitechnologys-primary-color)
}
.service-item:hover p,.service-item:hover h5,.service-item:hover h5 a,.service-item:hover .icon{
    color:var(--ygency-dark-color)
}
.service-item.style-two{
    padding-top:40px;
    text-align:center;
    padding-bottom:35px
}
@media only screen and (min-width:376px){
    .service-item.style-two{
        padding-left:40px;
        padding-right:40px
    }
}
.service-item.style-two .icon{
    font-size:35px;
    margin-bottom:25px
}
@media only screen and (min-width:376px){
    .service-item.style-two h5{
        font-size:22px
    }
}
.service-item.style-two .read-more{
    padding-right:0
}
.service-item.style-two .read-more i{
    left:50%;
    -webkit-transform:rotate(-45deg) translate(-50%);
    -ms-transform:rotate(-45deg) translate(-50%);
    transform:rotate(-45deg) translate(-50%)
}
.service-item.style-two .read-more:hover i{
    left:calc(100% - 20px);
    -webkit-transform:rotate(-45deg) translate(0);
    -ms-transform:rotate(-45deg) translate(0);
    transform:rotate(-45deg) translate(0)
}
.service-item.style-two .read-more:hover span{
    -webkit-transform:translate(-20px);
    -ms-transform:translate(-20px);
    transform:translate(-20px)
}
.service-item.style-two:hover{
    background-image:url(../images/services/service-bg.png)
}
.service-item.style-two:hover .read-more{
    color:var(--ygency-dark-color)
}
.service-item.style-three{
    border:2px solid #0a1019
}
@media only screen and (min-width:376px){
    .service-item.style-three{
        padding-left:40px;
        padding-right:40px
    }
}
.service-item.style-three .icon{
    font-size:60px
}
.service-item.style-three .number{
    -webkit-transition:0.5s;
    -o-transition:0.5s;
    transition:0.5s;
    margin-top:-10px;
    margin-bottom:20px;
    color:rgb(255 255 255 / .3)
}
.service-item.style-three h4{
    margin-bottom:18px
}
@media only screen and (max-width:479px){
    .service-item.style-three h4{
        font-size:20px
    }
}
.service-item.style-three h4 a:hover{
    text-decoration:underline
}
.service-item.style-three:hover{
    background:#0a1019;
    border-color:var(--digitechnologys-primary-color)
}
.service-item.style-three:hover .icon{
    color:var(--digitechnologys-primary-color)
}
.service-item.style-three:hover .number{
    color:#fff
}
.service-item.style-three:hover p{
    color:var(--ygency-body-color)
}
.service-three-item{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-transition:0.5s;
    -o-transition:0.5s;
    transition:0.5s;
    margin-bottom:30px;
    background:#0a1019;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column;
    padding:35px 35px 30px;
    height:calc(100% - 30px);
    -webkit-box-pack:justify;
    -ms-flex-pack:justify
}
@media only screen and (max-width:375px){
    .service-three-item{
        padding-left:25px;
        padding-right:25px
    }
}
.service-three-item .title-icon{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    margin-bottom:40px;
    -webkit-box-align:start;
    -ms-flex-align:start;
    align-items:flex-start;
    -webkit-box-pack:justify;
    -ms-flex-pack:justify;
    justify-content:space-between
}
.service-three-item .title-icon h5{
    max-width:60%
}
.service-three-item:hover{
    -webkit-box-shadow:0 4px 60px rgb(85 230 165 / .2);
    box-shadow:0 4px 60px rgb(85 230 165 / .2)
}
.service-three-area:after{
    z-index:-1;
    width:900px;
    height:900px;
    opacity:.2;
    border-radius:50%;
    -webkit-filter:blur(200px);
    filter:blur(200px);
    position:absolute;
    left:-300px;
    bottom:-400px;
    background:var(--digitechnologys-primary-color);
    -webkit-animation:zoomInOut 5s infinite;
    animation:zoomInOut 5s infinite
}
.service-four-item{
    z-index:1;
    padding:10px;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-transition:0.5s;
    -o-transition:0.5s;
    transition:0.5s;
    position:relative;
    background:#0a1019;
    margin-bottom:30px;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column;
    height:calc(100% - 30px);
    -webkit-box-pack:justify;
    -ms-flex-pack:justify;
    justify-content:space-between
}
.service-four-item .content{
    height:100%;
    padding:30px;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column;
    -webkit-box-pack:justify;
    -ms-flex-pack:justify;
    justify-content:space-between
}
.service-four-item .content h5{
    margin-bottom:0;
    margin-top:18px
}
.service-four-item .icon-btn{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:start;
    -ms-flex-align:start;
    align-items:flex-start;
    -webkit-box-pack:justify;
    -ms-flex-pack:justify;
    justify-content:space-between
}
.service-four-item .icon-btn>i{
    line-height:1;
    font-size:60px;
    -webkit-transition:0.5s;
    -o-transition:0.5s;
    transition:0.5s;
    color:var(--digitechnologys-primary-color)
}
.service-four-item .icon-btn .more-btn{
    width:50px;
    height:50px;
    line-height:50px;
    text-align:center;
    background:#000;
    color:var(--digitechnologys-primary-color);
    -webkit-transform:translate(30px,-30px);
    -ms-transform:translate(30px,-30px);
    transform:translate(30px,-30px)
}
.service-four-item .icon-btn .more-btn>i{
    -webkit-transform:rotate(-45deg);
    -ms-transform:rotate(-45deg);
    transform:rotate(-45deg)
}
.service-four-item .image img{
    width:100%
}
.service-four-item:after,.service-four-item:before{
    content:"";
    z-index:-1;
    width:110px;
    height:110px;
    -webkit-transition:0.5s;
    -o-transition:0.5s;
    transition:0.5s;
    position:absolute;
    right:30px;
    top:35px;
    border-radius:50%
}
.service-four-item:before{
    background:-webkit-gradient(linear,left top,left bottom,from(rgb(255 255 255 / .07)),to(#fff0));
    background:-webkit-linear-gradient(top,rgb(255 255 255 / .07) 0%,#fff0 100%);
    background:-o-linear-gradient(top,rgb(255 255 255 / .07) 0%,#fff0 100%);
    background:linear-gradient(180deg,rgb(255 255 255 / .07) 0%,#fff0 100%)
}
.service-four-item:after{
    opacity:0;
    background:-webkit-gradient(linear,left top,left bottom,from(rgb(9 9 9 / .2)),to(#fff0));
    background:-webkit-linear-gradient(top,rgb(9 9 9 / .2) 0%,#fff0 100%);
    background:-o-linear-gradient(top,rgb(9 9 9 / .2) 0%,#fff0 100%);
    background:linear-gradient(180deg,rgb(9 9 9 / .2) 0%,#fff0 100%)
}
.service-four-item:hover{
    background:var(--digitechnologys-primary-color)
}
.service-four-item:hover .content h5 a,.service-four-item:hover .content .icon-btn>i{
    color:var(--ygency-dark-color)
}
.service-four-item:hover:before{
    opacity:0
}
.service-four-item:hover:after{
    opacity:1
}
.services-five-wrapper{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    margin-right:-70px
}
@media only screen and (max-width:1199px){
    .services-five-wrapper{
        margin-right:-25px
    }
}
.services-five-wrapper .service-five-item{
    margin-right:70px
}
@media only screen and (max-width:1199px){
    .services-five-wrapper .service-five-item{
        margin-right:25px
    }
}
.service-five-item{
    opacity:.2;
    color:#000;
    font-size:48px;
    font-weight:600;
    position:relative;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    margin-bottom:50px;
    display:-webkit-inline-box;
    display:-ms-inline-flexbox;
    display:inline-flex;
    letter-spacing:-.96px
}
@media only screen and (max-width:1399px){
    .service-five-item{
        font-size:40px
    }
}
@media only screen and (max-width:991px){
    .service-five-item{
        font-size:30px;
        margin-bottom:30px
    }
}
@media only screen and (max-width:575px){
    .service-five-item{
        font-size:25px
    }
}
.service-five-item span{
    z-index:1;
    position:relative
}
.service-five-item i{
    float:right;
    font-size:.8em;
    margin-left:50px
}
@media only screen and (max-width:1199px){
    .service-five-item i{
        margin-left:15px
    }
}
.service-five-item .image{
    z-index:-1;
    -webkit-transition:0.5s;
    -o-transition:0.5s;
    transition:0.5s;
    max-width:300px;
    position:absolute;
    right:-222px;
    top:-75%;
    -webkit-transform:scale(0) rotate(-30deg);
    -ms-transform:scale(0) rotate(-30deg);
    transform:scale(0) rotate(-30deg)
}
@media only screen and (max-width:991px){
    .service-five-item .image{
        right:-50px;
        max-width:200px
    }
}
.service-five-item:hover{
    opacity:1;
    color:#000;
    text-decoration:underline
}
.service-five-item:hover .image{
    z-index:2;
    -webkit-transform:scale(1) rotate(6.2deg);
    -ms-transform:scale(1) rotate(6.2deg);
    transform:scale(1) rotate(6.2deg)
}
.services-area-six:after,.services-area-six:before{
    content:"";
    z-index:-1;
    width:850px;
    height:850px;
    opacity:.2;
    border-radius:50%;
    -webkit-filter:blur(300px);
    filter:blur(300px);
    position:absolute;
    right:-250px;
    top:-130px;
    background:var(--digitechnologys-primary-color);
    -webkit-animation:zoomInOut 5s infinite;
    animation:zoomInOut 5s infinite
}
.services-area-six:before{
    left:-250px
}
.service-six-item{
    margin-bottom:30px;
    background:#0a1019;
    padding:30px 30px 30px 40px;
    border:1px solid var(--ygency-border-color);
    -webkit-box-shadow:0 4px 60px 30px rgb(0 0 0 / .05);
    box-shadow:0 4px 60px 30px rgb(0 0 0 / .05)
}
@media only screen and (min-width:480px){
    .service-six-item{
        display:-webkit-box;
        display:-ms-flexbox;
        display:flex
    }
}
.service-six-item .icon{
    z-index:1;
    width:50px;
    height:50px;
    font-size:40px;
    margin-right:38px;
    position:relative;
    color:var(--digitechnologys-primary-color)
}
.service-six-item .icon:after{
    content:"";
    width:100%;
    height:100%;
    z-index:-1;
    opacity:.07;
    border-radius:50%;
    background:#fff;
    position:absolute;
    right:-8px;
    bottom:-12px
}
.service-six-item .content{
    margin-right:10px
}
@media only screen and (max-width:479px){
    .service-six-item .content{
        margin:30px 0 20px
    }
}
.service-six-item .content h5{
    margin-bottom:8px
}
.service-six-item .content p{
    opacity:.75;
    margin-bottom:0;
    line-height:1.5
}
.service-six-item .details-btn{
    -webkit-box-flex:0;
    -ms-flex:none;
    flex:none;
    width:50px;
    height:50px;
    font-size:16px;
    margin-left:auto;
    line-height:50px;
    -ms-flex-item-align:center;
    -ms-grid-row-align:center;
    align-self:center
}
.service-six-item:hover .content h5 a{
    text-decoration:underline
}
.service-six-item:hover .details-btn{
    color:#0a1019;
    background:var(--digitechnologys-primary-color);
    border-color:var(--digitechnologys-primary-color)
}
.why-choose-right{
    position:relative;
    max-width:-webkit-max-content;
    max-width:-moz-max-content;
    max-width:max-content
}
@media only screen and (min-width:1200px){
    .why-choose-right{
        margin-left:auto
    }
}
.why-choose-right .why-choose-border-shape{
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
    border:100px solid var(--digitechnologys-primary-color);
    border-radius:50%;
    z-index:-1
}
@media only screen and (max-width:479px){
    .why-choose-right .why-choose-border-shape{
        border-width:60px
    }
}
.why-choose-right .text-shape{
    position:absolute;
    right:2.5%;
    top:8.5%;
    width:44%
}
@media only screen and (max-width:1599px){
    .why-choose-right.style-two{
        margin-left:0
    }
}
.why-choose-right.style-two .why-choose-border-shape{
    padding-bottom:66%;
    height:auto;
    width:110%;
    right:-34%;
    top:50%;
    left:auto;
    z-index:1;
    -webkit-transform:translateY(-50%) rotate(46deg);
    -ms-transform:translateY(-50%) rotate(46deg);
    transform:translateY(-50%) rotate(46deg);
    border-color:var(--digitechnologys-primary-color) var(--digitechnologys-primary-color) #fff0 #fff0
}
@media only screen and (max-width:767px){
    .why-choose-right.style-two .why-choose-border-shape{
        right:-5%
    }
}
@media only screen and (max-width:479px){
    .why-choose-right.style-two .why-choose-border-shape{
        right:0;
        padding-bottom:82%
    }
}
@media only screen and (max-width:375px){
    .why-choose-right.style-two .why-choose-border-shape{
        padding-bottom:72%
    }
}
.why-choose-right.style-two .text-shape{
    top:50%;
    width:48%;
    right:-30%;
    z-index:2;
    -webkit-transform:translateY(-50%);
    -ms-transform:translateY(-50%);
    transform:translateY(-50%)
}
@media only screen and (max-width:767px){
    .why-choose-right.style-two .text-shape{
        right:0
    }
}
.why-choose-right.style-three{
    max-width:540px;
    padding-right:15%
}
.why-choose-right.style-three .image-one{
    margin-right:22%
}
.why-choose-right.style-three .image-two{
    margin-left:22%
}
.why-choose-right.style-three .why-choose-border-shape{
    top:55%;
    width:100%
}
@media only screen and (min-width:576px){
    .why-choose-right.style-three .why-choose-border-shape{
        right:-3%
    }
}
@media only screen and (max-width:479px){
    .why-choose-right.style-three .why-choose-border-shape{
        padding-bottom:75%
    }
}
@media only screen and (max-width:375px){
    .why-choose-right.style-three .why-choose-border-shape{
        padding-bottom:64%
    }
}
.why-choose-right.style-three .text-shape{
    top:55%
}
@media only screen and (min-width:576px){
    .why-choose-right.style-three .text-shape{
        right:-6%
    }
}
@media only screen and (min-width:376px){
    .why-choose-left-content h5{
        font-size:22px
    }
}
.service-about-image{
    padding-bottom:15%;
    padding-right:15%
}
.service-about-box{
    max-width:70%;
    padding:50px 60px;
    position:absolute;
    right:0;
    bottom:0
}
@media only screen and (max-width:1199px){
    .service-about-box{
        padding-left:50px;
        padding-right:50px
    }
}
@media only screen and (max-width:479px){
    .service-about-box{
        padding:30px 25px
    }
}
@media only screen and (max-width:375px){
    .service-about-box{
        max-width:85%
    }
}
.service-about-box .read-more{
    font-size:55px;
    margin-left:-10px;
    color:var(--ygency-dark-color);
    margin-bottom:30px
}
@media only screen and (max-width:479px){
    .service-about-box .read-more{
        font-size:35px
    }
}
.service-about-box .read-more i{
    font-weight:300
}
.service-about-box h3{
    margin-bottom:0
}
@media only screen and (min-width:1200px){
    .service-about-box h3{
        font-size:35px
    }
}
@media only screen and (max-width:479px){
    .service-about-box h3{
        font-size:25px
    }
}
.service-about-box h3 a{
    color:var(--ygency-dark-color)
}
.blog-meta{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center
}
.blog-meta li{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    line-height:1.5;
    margin-bottom:10px;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    text-transform:uppercase
}
@media only screen and (max-width:991px){
    .blog-meta li{
        font-size:15px
    }
}
.blog-meta li i{
    color:#fff;
    margin:-3px 10px 0 0
}
@media only screen and (max-width:375px){
    .blog-meta li i{
        display:none
    }
}
.blog-meta li:not(:last-child):after{
    content:"";
    width:5px;
    height:5px;
    border-radius:50%;
    margin-left:30px;
    margin-right:30px;
    background:#fff
}
@media only screen and (max-width:991px){
    .blog-meta li:not(:last-child):after{
        margin-left:14px;
        margin-right:14px
    }
}
.blog-meta-two{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    font-family:var(--ygency-secondary-font)
}
.blog-meta-two .tag{
    font-weight:600;
    padding:1px 15px;
    border-radius:5px;
    text-transform:uppercase;
    border:1px solid var(--ygency-border-color)
}
.blog-meta-two .tag:hover{
    color:var(--ygency-secondary-color);
    background:var(--digitechnologys-primary-color);
    border-color:var(--digitechnologys-primary-color)
}
.blog-meta-two .author{
    font-weight:600;
    color:var(--digitechnologys-primary-color);
    text-transform:uppercase
}
.blog-meta-two a{
    margin-bottom:10px
}
.blog-meta-two a i{
    margin-right:5px
}
.blog-meta-two a:not(:last-child){
    margin-right:40px
}
@media only screen and (max-width:767px){
    .blog-meta-two a:not(:last-child){
        margin-right:15px
    }
}
.blog-item{
    margin-bottom:50px
}
.blog-item .image{
    margin-bottom:38px
}
.blog-item .image img{
    width:100%
}
.blog-item hr{
    margin-top:20px;
    margin-bottom:25px
}
@media only screen and (max-width:375px){
    .blog-item h4{
        font-size:20px
    }
}
.blog-item h4 a:hover{
    text-decoration:underline
}
.blog-item .read-more{
    color:var(--digitechnologys-primary-color);
    margin-top:15px;
    text-decoration:none
}
.blog-item.style-two{
    margin-bottom:45px
}
.blog-item.style-two .tags{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    margin-right:-12px;
    margin-bottom:20px
}
.blog-item.style-two .tags a{
    opacity:.5;
    border:1px solid;
    padding:2px 20px;
    border-radius:14px;
    margin:0 12px 12px 0
}
.blog-item.style-two .tags a:hover{
    opacity:1
}
.blog-item.style-two .tags a.more i{
    -webkit-transform:rotate(-45deg);
    -ms-transform:rotate(-45deg);
    transform:rotate(-45deg)
}
.blog-item.style-two .tags a.more:hover{
    color:var(--ygency-dark-color);
    background:var(--digitechnologys-primary-color);
    border-color:var(--digitechnologys-primary-color)
}
.blog-item.style-two .image{
    margin-bottom:33px
}
.blog-item.style-two hr{
    margin-top:30px;
    margin-bottom:28px
}
.blog-item.style-two h4 a:hover{
    color:var(--digitechnologys-primary-color)
}
.blog-item.style-three{
    background:#0a1019;
    margin-bottom:30px
}
.blog-item.style-three .image{
    margin-bottom:0;
    position:relative
}
.blog-item.style-three .image .category{
    position:absolute;
    right:30px;
    bottom:0;
    font-size:14px;
    font-weight:500;
    padding:2px 20px;
    color:var(--ygency-dark-color);
    text-transform:uppercase;
    background:var(--digitechnologys-primary-color);
    -webkit-transform:translateY(50%);
    -ms-transform:translateY(50%);
    transform:translateY(50%)
}
.blog-item.style-three .content{
    padding:35px 40px
}
@media only screen and (max-width:375px){
    .blog-item.style-three .content{
        padding-left:25px;
        padding-right:25px
    }
}
.blog-item.style-three .content h5{
    margin-top:5px;
    margin-bottom:15px
}
@media only screen and (min-width:480px){
    .blog-item.style-three .content h5{
        font-size:23px
    }
}
.blog-item.style-three .content .author{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center
}
.blog-item.style-three .content .author img{
    width:35px;
    border-radius:50%;
    margin-right:15px
}
.blog-item.style-four{
    padding:20px;
    -webkit-transition:0.5s;
    -o-transition:0.5s;
    transition:0.5s;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    margin-bottom:30px;
    background:#0a1019;
    border:4px solid #0a1019;
    -webkit-box-pack:justify;
    -ms-flex-pack:justify;
    justify-content:space-between
}
@media only screen and (min-width:576px){
    .blog-item.style-four{
        display:-webkit-box;
        display:-ms-flexbox;
        display:flex
    }
}
.blog-item.style-four .content{
    max-width:300px;
    padding-left:30px
}
@media only screen and (min-width:576px){
    .blog-item.style-four .content{
        width:56%
    }
}
@media only screen and (max-width:1199px){
    .blog-item.style-four .content{
        padding-left:15px
    }
}
@media only screen and (max-width:575px){
    .blog-item.style-four .content{
        padding:15px 15px 35px
    }
}
@media only screen and (max-width:375px){
    .blog-item.style-four .content{
        padding-left:0;
        padding-right:0
    }
}
.blog-item.style-four .content h5{
    margin-bottom:15px
}
@media only screen and (min-width:376px){
    .blog-item.style-four .content h5{
        font-size:22px
    }
}
.blog-item.style-four .content h5 a:hover{
    text-decoration:underline
}
.blog-item.style-four .content .author{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center
}
.blog-item.style-four .content .author img{
    width:35px;
    height:35px;
    margin-right:15px;
    border-radius:50%
}
.blog-item.style-four .content .author .name{
    color:rgb(255 255 255 / .65)
}
.blog-item.style-four .image{
    margin-bottom:0
}
@media only screen and (min-width:576px){
    .blog-item.style-four .image{
        width:41%
    }
}
.blog-item.style-four:hover{
    border-color:var(--digitechnologys-primary-color)
}
.blog-item.style-five .image{
    margin-bottom:0
}
.blog-item.style-five .content{
    -webkit-transition:0.5s;
    -o-transition:0.5s;
    transition:0.5s;
    position:relative;
    background:#0a1019;
    padding:25px 40px 15px;
    margin:-60px 20px 0 0;
    border:1px solid var(--ygency-border-color)
}
@media only screen and (max-width:375px){
    .blog-item.style-five .content{
        padding-left:25px;
        padding-right:25px
    }
}
.blog-item.style-five .content .blog-meta li i{
    -webkit-transition:0.5s;
    -o-transition:0.5s;
    transition:0.5s;
    color:var(--ygency-body-color)
}
.blog-item.style-five .content hr{
    margin-top:5px;
    -webkit-transition:0.5s;
    -o-transition:0.5s;
    transition:0.5s
}
.blog-item.style-five .content h5{
    letter-spacing:-.4px
}
@media only screen and (max-width:375px){
    .blog-item.style-five .content h5{
        font-size:18px
    }
}
.blog-item.style-five:hover .content{
    background:var(--digitechnologys-primary-color)
}
.blog-item.style-five:hover .content .blog-meta li i,.blog-item.style-five:hover .content .blog-meta li a{
    color:var(--ygency-dark-color)
}
.blog-item.style-five:hover .content h5 a{
    color:var(--ygency-dark-color)
}
.blog-item.style-five:hover .content h5 a:hover{
    text-decoration:underline
}
.blog-item.style-five:hover .content hr{
    opacity:1;
    background:rgb(10 16 25 / .1)
}
.blog-item.blog-standard h3{
    margin-top:10px;
    margin-bottom:20px
}
@media only screen and (max-width:767px){
    .blog-item.blog-standard h3{
        font-size:25px;
        line-height:1.3
    }
}
@media only screen and (max-width:479px){
    .blog-item.blog-standard h3{
        font-size:22px
    }
}
.blog-item.blog-standard .read-more{
    text-decoration:underline;
    margin-top:5px
}
.blog-item.blog-standard.blog-blockquote{
    background:#16161c;
    padding:50px 70px;
    border-left:3px solid var(--digitechnologys-primary-color)
}
@media only screen and (max-width:767px){
    .blog-item.blog-standard.blog-blockquote{
        padding-left:40px;
        padding-right:40px
    }
}
@media only screen and (max-width:479px){
    .blog-item.blog-standard.blog-blockquote{
        padding:30px 15px
    }
}
.blog-item.blog-standard.blog-video .image{
    z-index:1;
    position:relative
}
.blog-item.blog-standard.blog-video .image::before{
    position:absolute;
    content:"";
    width:100%;
    height:100%;
    z-index:-1;
    top:0;
    left:0;
    opacity:.4;
    background-color:#000
}
.blog-item.blog-standard.blog-video .image:before{
    z-index:1
}
.blog-item.blog-standard.blog-video .image .video-play{
    position:absolute;
    left:50%;
    top:50%;
    -webkit-transform:translate(-50%,-50%);
    -ms-transform:translate(-50%,-50%);
    transform:translate(-50%,-50%);
    z-index:3;
    color:var(--ygency-dark-color);
    background:var(--digitechnologys-primary-color)
}
@media only screen and (min-width:768px){
    .blog-item.blog-standard.blog-video .image .video-play{
        width:100px;
        height:100px;
        line-height:100px
    }
}
.blog-single-content h1,.blog-single-content h2,.blog-single-content h3,.blog-single-content h4,.blog-single-content h5,.blog-single-content h6,.blog-single-content p{
    margin-bottom:22px
}
.blog-single-content .big-first-letter:first-letter{
    float:left;
    color:#fff;
    line-height:.8;
    font-size:250px;
    font-weight:500;
    margin-right:50px
}
@media only screen and (max-width:767px){
    .blog-single-content .big-first-letter:first-letter{
        font-size:150px
    }
}
@media only screen and (max-width:479px){
    .blog-single-content .big-first-letter:first-letter{
        font-size:100px;
        margin-right:25px
    }
}
blockquote{
    color:#fff;
    font-size:27px;
    line-height:1.5;
    font-weight:500;
    position:relative;
    padding-left:150px;
    border-left:5px solid var(--digitechnologys-primary-color)
}
blockquote:before{
    content:"";
    color:#fff;
    line-height:1;
    position:absolute;
    left:50px;
    top:3px;
    font-size:60px;
    font-family:"flaticon_ygency"
}
@media only screen and (max-width:767px){
    blockquote{
        font-size:22px;
        padding-left:100px
    }
    blockquote:before{
        left:30px;
        font-size:40px
    }
}
@media only screen and (max-width:479px){
    blockquote{
        font-size:18px;
        padding-left:50px
    }
    blockquote:before{
        left:10px;
        font-size:25px
    }
}
blockquote .blockquote-footer{
    color:#fff;
    display:block;
    font-size:.6em;
    margin-bottom:0;
    margin-top:15px
}
blockquote .blockquote-footer:before{
    content:"———";
    margin-right:20px;
    color:var(--digitechnologys-primary-color)
}
.tag-share{
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:justify;
    -ms-flex-pack:justify;
    justify-content:space-between
}
.tag-share .item{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    margin-bottom:25px
}
.tag-share .social-style-two a{
    width:50px;
    height:50px;
    line-height:50px
}
.next-prev-blog{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    -webkit-box-pack:justify;
    -ms-flex-pack:justify;
    justify-content:space-between
}
.next-prev-blog .item{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    max-width:310px;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    margin-bottom:30px
}
.next-prev-blog .item .image{
    -webkit-box-flex:0;
    -ms-flex:none;
    flex:none;
    max-width:100px;
    margin-right:30px
}
@media only screen and (max-width:375px){
    .next-prev-blog .item .image{
        max-width:90px
    }
}
.next-prev-blog .item h6{
    line-height:1.65;
    margin-bottom:5px
}
@media only screen and (min-width:376px){
    .next-prev-blog .item h6{
        font-size:18px
    }
}
@media only screen and (min-width:376px){
    .comment-title{
        font-size:35px
    }
}
.comment-body{
    margin-bottom:55px
}
@media only screen and (min-width:480px){
    .comment-body{
        display:-webkit-box;
        display:-ms-flexbox;
        display:flex
    }
}
.comment-body .author-thumb{
    -webkit-box-flex:0;
    -ms-flex:none;
    flex:none;
    max-width:100px;
    margin-right:40px;
    margin-bottom:20px
}
@media only screen and (max-width:575px){
    .comment-body .author-thumb{
        margin-right:25px
    }
}
.comment-body .author-thumb img{
    border-radius:50%
}
.comment-body .content .blog-meta{
    margin-bottom:5px
}
.comment-body .content .blog-meta li{
    text-transform:capitalize
}
.comment-body .content h6{
    margin-bottom:0
}
@media only screen and (min-width:376px){
    .comment-body .content h6{
        font-size:18px
    }
}
@media only screen and (min-width:376px){
    .comment-body .content p{
        font-size:18px
    }
}
.comment-body .content .read-more{
    color:var(--digitechnologys-primary-color)
}
.comment-body.comment-child{
    margin-left:50px
}
@media only screen and (max-width:575px){
    .comment-body.comment-child{
        margin-left:30px
    }
}
.admin-comment .comment-body{
    border:none;
    padding:40px 50px;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center
}
@media only screen and (max-width:767px){
    .admin-comment .comment-body{
        padding-left:25px;
        padding-right:25px
    }
}
.admin-comment .comment-body .author-thumb{
    max-width:160px
}
@media only screen and (min-width:576px){
    .admin-comment .comment-body .author-thumb{
        margin-bottom:0;
        margin-right:50px
    }
}
@media only screen and (min-width:376px){
    .admin-comment .comment-body .content h5{
        font-size:22px
    }
}
.admin-comment .comment-body .content p{
    font-size:16px
}
.admin-comment .comment-body .content .social-style-one a{
    margin-right:25px
}
.admin-comment .comment-body .content .social-style-one a:hover{
    color:var(--digitechnologys-primary-color)
}
.comment-form{
    padding:40px 60px 50px
}
@media only screen and (max-width:479px){
    .comment-form{
        padding-left:25px;
        padding-right:25px
    }
}
.comment-form h4{
    margin-bottom:5px
}
.comment-form .form-group{
    margin-bottom:30px
}
.comment-form .form-control{
    color:#fff;
    border:none;
    border-radius:0;
    padding:18px 30px;
    background:rgb(255 255 255 / .05)
}
.comment-form .form-control::-webkit-input-placeholder{
    color:var(--ygency-body-color)
}
.comment-form .form-control:-ms-input-placeholder{
    color:var(--ygency-body-color)
}
.comment-form .form-control::-ms-input-placeholder{
    color:var(--ygency-body-color)
}
.comment-form .form-control::placeholder{
    color:var(--ygency-body-color)
}
.comment-form .form-control:focus{
    background:#000
}
.form-style-one .form-group{
    margin-bottom:50px
}
.form-style-one .form-group label{
    position:absolute;
    left:0;
    top:0;
    color:#fff;
    font-size:18px
}
.form-style-one .nice-select,.form-style-one .form-control{
    color:#fff;
    font-size:18px;
    font-weight:500;
    border-radius:0;
    border-style:solid;
    border-width:0 0 1px;
    padding:1px 0 20px 33px;
    background:#fff0;
    border-color:rgb(255 255 255 / .1)
}
.form-style-one .nice-select::-webkit-input-placeholder,.form-style-one .form-control::-webkit-input-placeholder{
    color:#fff
}
.form-style-one .nice-select:-ms-input-placeholder,.form-style-one .form-control:-ms-input-placeholder{
    color:#fff
}
.form-style-one .nice-select::-ms-input-placeholder,.form-style-one .form-control::-ms-input-placeholder{
    color:#fff
}
.form-style-one .nice-select::placeholder,.form-style-one .form-control::placeholder{
    color:#fff
}
.form-style-one .nice-select:focus,.form-style-one .form-control:focus{
    border-color:var(--ygency-secondary-color)
}
.form-style-one .nice-select{
    line-height:1.5
}
.form-style-one .nice-select:after{
    left:0;
    top:12px;
    width:10px;
    height:10px
}
.form-style-one .nice-select .list{
    background:#222
}
.form-style-one .nice-select .list .selected,.form-style-one .nice-select .list .option:hover{
    background:#333
}
.form-style-two{
    background:#0a1019;
    padding:40px 50px
}
@media only screen and (max-width:375px){
    .form-style-two{
        padding-left:25px;
        padding-right:25px
    }
}
.form-style-two .form-group{
    margin-bottom:35px
}
.form-style-two .nice-select,.form-style-two .form-control{
    color:#fff;
    font-weight:500;
    border-radius:0;
    border-style:solid;
    border-width:0 0 1px;
    padding:1px 0 15px;
    background:#fff0;
    border-color:rgb(255 255 255 / .1)
}
.form-style-two .nice-select:focus,.form-style-two .form-control:focus{
    border-color:var(--ygency-secondary-color)
}
.form-style-two .nice-select{
    font-size:16px;
    font-weight:400;
    line-height:1.5;
    color:var(--ygency-body-color)
}
.form-style-two .nice-select:after{
    right:0;
    top:12px
}
.form-style-two .nice-select .current{
    font-weight:400;
    color:var(--ygency-body-color)
}
.form-style-two .nice-select .list{
    background:#222
}
.form-style-two .nice-select .list .selected,.form-style-two .nice-select .list .option:hover{
    background:#333
}
.drop-me-image-part:after{
    content:"";
    z-index:-1;
    width:115%;
    position:absolute;
    left:50%;
    bottom:-8%;
    background:#0a1019;
    padding-bottom:115%;
    border-radius:50%;
    -webkit-transform:translate(-50%);
    -ms-transform:translate(-50%);
    transform:translate(-50%)
}
.contact-form{
    -webkit-box-shadow:10px 0 60px rgb(102 83 232 / .1);
    box-shadow:10px 0 60px rgb(102 83 232 / .1)
}
@media only screen and (max-width:479px){
    .contact-form{
        padding-left:25px;
        padding-right:25px
    }
}
.contact-info-part{
    max-width:415px;
    padding:40px 60px
}
@media only screen and (max-width:479px){
    .contact-info-part{
        padding-left:25px;
        padding-right:25px
    }
}
.contact-info-item{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center
}
.contact-info-item .icon{
    -webkit-box-flex:0;
    -ms-flex:none;
    flex:none;
    font-size:20px;
    color:var(--ygency-dark-color);
    margin-right:25px;
    width:60px;
    height:60px;
    background:var(--digitechnologys-primary-color);
    line-height:60px;
    border-radius:50%;
    text-align:center
}
.contact-info-item .content .title{
    color:#fff;
    display:block
}
.contact-info-item:not(:last-child){
    margin-bottom:35px
}
.contact-info-box{
    -webkit-transition:0.5s;
    -o-transition:0.5s;
    transition:0.5s;
    background:#fff;
    margin-bottom:30px;
    padding:50px 40px 45px;
    border:1px solid var(--ygency-border-color)
}
@media only screen and (min-width:376px){
    .contact-info-box{
        font-size:18px
    }
}
.contact-info-box .icon{
    font-size:55px;
    margin-bottom:30px;
    color:var(--digitechnologys-primary-color)
}
@media only screen and (max-width:375px){
    .contact-info-box .icon{
        font-size:40px
    }
}
.contact-info-box h4{
    margin-bottom:15px
}
@media only screen and (min-width:376px){
    .contact-info-box h4{
        font-size:24px
    }
}
.contact-info-box>a,.contact-info-box>span{
    display:inline-block
}
.contact-info-box>b{
    font-weight:500;
    color:var(--digitechnologys-primary-color)
}
.contact-info-box:hover{
    border-color:#fff;
    -webkit-box-shadow:3px 0 60px rgb(85 230 165 / .2);
    box-shadow:3px 0 60px rgb(85 230 165 / .2)
}
.our-location iframe{
    height:720px
}
@media only screen and (max-width:1399px){
    .our-location iframe{
        height:600px
    }
}
@media only screen and (max-width:991px){
    .our-location iframe{
        height:500px
    }
}
@media only screen and (max-width:575px){
    .our-location iframe{
        height:400px
    }
}
.our-location-address .social-style-two a{
    width:40px;
    height:40px;
    border:none;
    line-height:40px;
    background:rgb(255 255 255 / .1)
}
.our-location-address .social-style-two a:hover{
    background:var(--digitechnologys-primary-color)
}
.our-location-address{
    color:#fff
}
.our-location-address h5{
    margin-bottom:25px;
    padding-bottom:25px;
    border-bottom:1px solid #fff
}
@media only screen and (min-width:376px){
    .our-location-address h5{
        font-size:22px
    }
}
.our-location-address .mailto{
    color:var(--digitechnologys-primary-color)
}
.our-location-address .callto{
    color:#fff;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    display:-webkit-inline-box;
    display:-ms-inline-flexbox;
    display:inline-flex
}
.our-location-address .callto i{
    font-size:12px;
    color:var(--ygency-dark-color);
    margin-right:10px;
    width:30px;
    height:30px;
    background:var(--digitechnologys-primary-color);
    line-height:30px;
    border-radius:50%;
    text-align:center
}
.contact-page-form{
    padding:60px;
    background:#0a1019
}
@media only screen and (max-width:479px){
    .contact-page-form{
        padding-left:35px;
        padding-right:35px
    }
}
@media only screen and (max-width:375px){
    .contact-page-form{
        padding-left:25px;
        padding-right:25px
    }
}
.contact-page-form .form-group{
    margin-bottom:30px
}
.contact-page-form .form-group label,.contact-page-form .form-group .form-control{
    font-size:16px
}
.has-error .with-errors{
    color:red;
    margin-top:5px;
    margin-bottom:-15px
}
#msgSubmit{
    margin-bottom:0;
    margin-top:10px
}
.counter-item{
    margin-bottom:50px
}
.counter-item>i{
    line-height:1;
    font-size:22px;
    margin-bottom:15px;
    display:inline-block;
    color:var(--digitechnologys-primary-color)
}
.counter-item .count-text{
    display:block;
    line-height:1;
    font-size:120px;
    -webkit-transition:0.25s;
    -o-transition:0.25s;
    transition:0.25s;
    font-weight:700;
    color:#fff0;
    margin-bottom:15px;
    -webkit-text-stroke:1px;
    -webkit-text-stroke-color:rgb(255 255 255 / .2)
}
@media only screen and (max-width:375px){
    .counter-item .count-text{
        font-size:85px
    }
}
.counter-item .counter-title{
    font-size:18px;
    font-weight:500
}
.counter-item:hover .count-text{
    color:var(--digitechnologys-primary-color);
    -webkit-text-stroke-color:var(--digitechnologys-primary-color)
}
.counter-item.style-two{
    -webkit-transition:0.5s;
    -o-transition:0.5s;
    transition:0.5s;
    padding:60px 70px;
    height:calc(100% - 50px);
    border-left:1px solid rgb(255 255 255 / .1)
}
@media only screen and (max-width:767px){
    .counter-item.style-two{
        padding:30px
    }
}
.counter-item.style-two.bordered-top{
    border-top:1px solid rgb(255 255 255 / .1)
}
.counter-item.style-two.bordered-bottom{
    border-bottom:1px solid rgb(255 255 255 / .1)
}
.counter-item.style-two.bordered-right{
    border-right:1px solid rgb(255 255 255 / .1)
}
.counter-item.style-two:hover{
    border-color:var(--digitechnologys-primary-color)
}
.count-text.k:after{
    content:"k"
}
.count-text.plus:after{
    content:"+"
}
.count-text.percent:after{
    content:"%"
}
.counter-item-two{
    margin-bottom:30px;
    color:var(--ygency-secondary-color)
}
.counter-item-two .count-text{
    display:block;
    line-height:1;
    font-size:48px;
    font-weight:600;
    margin-bottom:5px
}
.circle-progress-item{
    text-align:center;
    margin-bottom:40px
}
.circle-progress-item h5{
    margin-top:15px;
    margin-bottom:8px
}
@media only screen and (min-width:576px){
    .skill-content p{
        font-size:18px
    }
}
.counter-section-three{
    background:#0a1019
}
.counter-item-three{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    margin-bottom:50px;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center
}
@media only screen and (max-width:479px){
    .counter-item-three{
        -ms-flex-wrap:wrap;
        flex-wrap:wrap
    }
}
.counter-item-three>i{
    line-height:1;
    font-size:45px;
    margin-right:25px;
    color:var(--digitechnologys-primary-color)
}
.counter-item-three .count-text{
    font-size:80px;
    font-weight:600;
    margin-right:25px;
    line-height:1;
    color:#fff
}
@media only screen and (max-width:375px){
    .counter-item-three .count-text{
        font-size:60px
    }
}
@media only screen and (min-width:480px){
    .counter-item-three .counter-title{
        max-width:130px
    }
}
@media only screen and (min-width:376px){
    .counter-item-three.style-two{
        -ms-flex-wrap:inherit;
        flex-wrap:inherit
    }
}
.counter-item-three.style-two>i{
    -webkit-box-flex:0;
    -ms-flex:none;
    flex:none;
    color:var(--ygency-dark-color);
    width:115px;
    height:110px;
    line-height:115px;
    padding-left:25px;
    margin-right:20px;
    background:var(--digitechnologys-primary-color);
    -webkit-clip-path:polygon(0 0,100% 0,calc(100% - 30px) 100%,0 100%);
    clip-path:polygon(0 0,100% 0,calc(100% - 30px) 100%,0 100%)
}
@media only screen and (max-width:991px){
    .counter-item-three.style-two>i{
        font-size:35px;
        width:80px;
        height:75px;
        line-height:80px;
        padding-left:15px
    }
}
.counter-item-three.style-two .count-text{
    margin-right:30px
}
@media only screen and (max-width:991px){
    .counter-item-three.style-two .count-text{
        font-size:60px
    }
}
.counter-item-three.style-two .count-text:after{
    font-size:30px
}
@media only screen and (min-width:376px){
    .counter-item-three.style-two .counter-title{
        max-width:130px
    }
}
@media only screen and (max-width:375px){
    .counter-item-three.style-two .counter-title{
        margin-top:20px
    }
}
.video-play{
    color:orange;
    font-size:18px;
    display:inline-block;
    width:120px;
    height:120px;
    background:#fff;
    line-height:120px;
    border-radius:50%;
    text-align:center
}
.video-play:hover{
    color:var(--digitechnologys-primary-color)
}
@media only screen and (max-width:767px){
    .video-play{
        width:80px;
        height:80px;
        font-size:16px;
        line-height:80px
    }
}
.video-play-text{
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    display:-webkit-inline-box;
    display:-ms-inline-flexbox;
    display:inline-flex
}
.video-play-text i{
    color:#fff;
    font-size:14px;
    margin-right:15px;
    width:55px;
    height:55px;
    background:var(--digitechnologys-primary-color);
    line-height:55px;
    border-radius:50%;
    text-align:center
}
.video-play-text span{
    font-weight:500;
    color:var(--ygency-secondary-color);
    text-decoration:underline
}
.video-part{
    z-index:1;
    position:relative
}
.video-part::before{
    position:absolute;
    content:"";
    width:100%;
    height:100%;
    z-index:-1;
    top:0;
    left:0;
    opacity:.3;
    background-color:#02050a
}
.video-part:before{
    z-index:1
}
.video-part .video-play{
    position:absolute;
    left:50%;
    top:50%;
    -webkit-transform:translate(-50%,-50%);
    -ms-transform:translate(-50%,-50%);
    transform:translate(-50%,-50%);
    z-index:3
}
.video-part .bg-text{
    line-height:1;
    font-size:180px;
    font-weight:800;
    background:-webkit-radial-gradient(11.78% 57.78%,46.77% 292.3%,rgb(255 255 255 / .15) 0%,rgb(255 255 255 / .02) 100%);
    background:-o-radial-gradient(11.78% 57.78%,46.77% 292.3%,rgb(255 255 255 / .15) 0%,rgb(255 255 255 / .02) 100%);
    background:radial-gradient(46.77% 292.3% at 11.78% 57.78%,rgb(255 255 255 / .15) 0%,rgb(255 255 255 / .02) 100%);
    -webkit-background-clip:text;
    -webkit-text-fill-color:#fff0;
    position:absolute;
    left:5%;
    bottom:-18%;
    z-index:-1
}
@media only screen and (max-width:767px){
    .video-part .bg-text{
        font-size:120px
    }
}
@media only screen and (max-width:575px){
    .video-part .bg-text{
        font-size:80px
    }
}
@media only screen and (max-width:375px){
    .video-part .bg-text{
        font-size:50px
    }
}
.video-part.style-two:before{
    opacity:.1
}
.video-part.style-two .video-play{
    color:var(--digitechnologys-primary-color)
}
@media only screen and (min-width:1200px){
    .video-part.style-two .video-play{
        width:150px;
        height:150px;
        font-size:25px;
        line-height:150px
    }
}
.video-part.style-three:before{
    opacity:.5
}
.video-part.style-three .video-play{
    color:var(--digitechnologys-primary-color)
}
@media only screen and (min-width:1200px){
    .video-content-part{
        max-width:300px
    }
}
@media only screen and (min-width:1200px){
    .video-content-part .section-title{
        margin-left:-200px
    }
}
@media only screen and (min-width:1200px) and (max-width:1399px){
    .video-content-part .section-title h2{
        font-size:44px
    }
}
.video-content-part .read-more{
    color:var(--digitechnologys-primary-color)
}
.video-year{
    line-height:1;
    font-size:230px;
    font-weight:600;
    color:#fff0;
    -webkit-text-stroke:1px;
    -webkit-text-stroke-color:rgb(255 255 255 / .2)
}
@media only screen and (max-width:1199px){
    .video-year{
        font-size:150px
    }
}
@media only screen and (max-width:575px){
    .video-year{
        font-size:100px
    }
}
@media only screen and (max-width:479px){
    .video-year{
        font-size:80px
    }
}
.video-year .leaf-shape{
    max-width:25%;
    position:absolute;
    right:-30px;
    bottom:25%
}
.video-area-six{
    z-index:1;
    position:relative
}
.video-area-six::before{
    position:absolute;
    content:"";
    width:100%;
    height:100%;
    z-index:-1;
    top:0;
    left:0;
    opacity:.65;
    background-color:var(--ygency-dark-color)
}
.video-area-six:before{
    mix-blend-mode:multiply
}
.video-six-content .video-title{
    color:#fff;
    display:block;
    line-height:1;
    font-size:180px;
    font-weight:700;
    text-align:center;
    letter-spacing:-5.4px;
    text-decoration:underline;
    text-underline-offset:15px;
    text-decoration-thickness:10px
}
@media only screen and (max-width:1199px){
    .video-six-content .video-title{
        font-size:150px
    }
}
@media only screen and (max-width:991px){
    .video-six-content .video-title{
        font-size:120px
    }
}
@media only screen and (max-width:767px){
    .video-six-content .video-title{
        font-size:80px;
        letter-spacing:-3px;
        text-decoration-thickness:5px
    }
}
@media only screen and (max-width:575px){
    .video-six-content .video-title{
        font-size:60px;
        letter-spacing:-3px;
        text-underline-offset:8px;
        text-decoration-thickness:3px
    }
}
@media only screen and (max-width:375px){
    .video-six-content .video-title{
        font-size:50px
    }
}
.video-six-content .text{
    max-width:260px;
    margin-left:auto
}
@media only screen and (max-width:991px){
    .video-six-content .text{
        margin-right:auto;
        text-align:center
    }
}
@media only screen and (min-width:768px){
    .video-six-content .video-play{
        width:140px;
        height:140px
    }
}
.video-six-content .video-text{
    line-height:1;
    display:block;
    font-size:150px;
    font-weight:700;
    font-style:italic;
    letter-spacing:-4.5px;
    color:var(--digitechnologys-primary-color)
}
@media only screen and (max-width:1199px){
    .video-six-content .video-text{
        font-size:120px
    }
}
@media only screen and (max-width:767px){
    .video-six-content .video-text{
        font-size:80px;
        letter-spacing:-3px
    }
}
.team-member{
    position:relative;
    margin-bottom:30px
}
.team-member .image{
    margin-bottom:30px
}
.team-member .image img{
    width:100%
}
.team-member .btn-social{
    z-index:1;
    opacity:0;
    width:100%;
    position:absolute;
    left:0;
    bottom:-5px;
    -webkit-transition:1s;
    -o-transition:1s;
    transition:1s;
    background:#000
}
.team-member .btn-social .read-more{
    color:var(--digitechnologys-primary-color)
}
.team-member .btn-social .read-more i{
    margin-left:10px
}
.team-member .btn-social .social-style-two{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    margin-top:10px
}
.team-member .content{
    -webkit-transition:1s;
    -o-transition:1s;
    transition:1s;
    position:relative;
    padding-right:30px
}
.team-member .content h4{
    font-size:22px
}
.team-member .content .read-more{
    position:absolute;
    right:0;
    top:15px;
    font-size:30px
}
.team-member .content .read-more i{
    font-weight:300
}
.team-member:hover .btn-social{
    opacity:1
}
.team-member:hover .content{
    opacity:0
}
.team-member.style-two{
    margin-bottom:60px
}
@media only screen and (min-width:1200px){
    .team-member.style-two .content{
        padding-left:30px;
        padding-right:60px
    }
    .team-member.style-two .content .read-more{
        right:30px
    }
}
@media only screen and (min-width:1200px){
    .team-member.style-two .btn-social{
        padding-left:30px;
        padding-right:30px
    }
}
.team-member.style-three .image{
    z-index:1;
    position:relative
}
.team-member.style-three .image::before{
    position:absolute;
    content:"";
    width:100%;
    height:100%;
    z-index:-1;
    top:0;
    left:0;
    opacity:0;
    background-color:#02050a
}
.team-member.style-three .image .social-style-two{
    opacity:0;
    z-index:2;
    -webkit-transition:0.5s;
    -o-transition:0.5s;
    transition:0.5s;
    position:absolute;
    left:25px;
    bottom:40px;
    padding:10px 15px;
    background:var(--digitechnologys-primary-color)
}
.team-member.style-three .image .social-style-two a{
    width:30px;
    height:30px;
    margin:0 4px;
    font-size:14px;
    line-height:30px;
    background:rgb(2 5 10 / .15)
}
.team-member.style-three .image .social-style-two a:hover{
    color:#fff;
    background:var(--ygency-dark-color)
}
.team-member.style-three .image:before{
    z-index:1;
    -webkit-transition:0.5s;
    -o-transition:0.5s;
    transition:0.5s
}
.team-member.style-three .content{
    opacity:1
}
.team-member.style-three .content h4{
    margin-bottom:0
}
.team-member.style-three .content>span{
    opacity:.5
}
.team-member.style-three:hover .image .social-style-two{
    bottom:20px;
    opacity:1
}
.team-member.style-three:hover .image:before{
    opacity:.3
}
.team-member.style-four .image{
    margin-bottom:0
}
.team-member.style-four .content{
    z-index:1;
    position:relative;
    padding:20px 25px;
    margin:-30px 15px 0
}
.team-member.style-four .content>h5{
    font-size:18px;
    -webkit-transition:0.5s;
    -o-transition:0.5s;
    transition:0.5s;
    margin-bottom:0
}
.team-member.style-four .content>span{
    -webkit-transition:0.5s;
    -o-transition:0.5s;
    transition:0.5s
}
.team-member.style-four .content .team-social{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column;
    position:absolute;
    right:20px;
    bottom:calc(100% - 15px)
}
.team-member.style-four .content .team-social .social-style-two{
    opacity:0;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-transition:0.5s;
    -o-transition:0.5s;
    transition:0.5s;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column
}
.team-member.style-four .content .team-social .social-style-two a{
    width:30px;
    height:30px;
    border:none;
    display:none;
    color:dimgray;
    font-size:13px;
    line-height:30px;
    background:#fff;
    margin:0 0 7px
}
.team-member.style-four .content .team-social .social-style-two a:hover{
    color:var(--ygency-dark-color);
    background:var(--digitechnologys-primary-color)
}
.team-member.style-four .content .team-social button{
    font-size:13px;
    -webkit-transition:0.5s;
    -o-transition:0.5s;
    transition:0.5s;
    width:30px;
    height:30px;
    background:var(--digitechnologys-primary-color);
    line-height:30px;
    border-radius:50%;
    text-align:center
}
.team-member.style-four .content:before{
    position:absolute;
    left:0;
    bottom:0;
    z-index:-1;
    content:"";
    -webkit-transition:0.5s;
    -o-transition:0.5s;
    transition:0.5s;
    background:#0a1019;
    width:100%;
    height:calc(100% + 22px);
    -webkit-clip-path:polygon(0 0,100% 22px,100% 100%,0% 100%);
    clip-path:polygon(0 0,100% 22px,100% 100%,0% 100%)
}
.team-member.style-four:hover .content{
    opacity:1
}
.team-member.style-four:hover .content>h5,.team-member.style-four:hover .content>span{
    color:var(--ygency-dark-color)
}
.team-member.style-four:hover .content .team-social button{
    color:#fff;
    background:var(--ygency-dark-color)
}
.team-member.style-four:hover .content .team-social:hover .social-style-two{
    opacity:1
}
.team-member.style-four:hover .content .team-social:hover .social-style-two a{
    display:block
}
.team-member.style-four:hover .content:before{
    background:var(--digitechnologys-primary-color)
}
.team-page-area{
    background-repeat:repeat-x
}
.team-profile-content h2{
    margin-bottom:20px
}
@media only screen and (min-width:1200px){
    .team-profile-content h2{
        font-size:65px
    }
}
@media only screen and (max-width:767px){
    .team-profile-content h2{
        font-size:40px
    }
}
@media only screen and (max-width:575px){
    .team-profile-content h2{
        font-size:35px
    }
}
@media only screen and (max-width:375px){
    .team-profile-content h2{
        font-size:30px
    }
}
.team-profile-content .designation{
    display:block;
    font-size:24px;
    margin-bottom:50px
}
@media only screen and (max-width:575px){
    .team-profile-content .designation{
        font-size:20px;
        margin-bottom:35px
    }
}
@media only screen and (min-width:376px){
    .team-profile-content p{
        font-size:18px
    }
}
.pricing-plan-item{
    z-index:2;
    -webkit-transition:0.5s;
    -o-transition:0.5s;
    transition:0.5s;
    position:relative;
    padding:40px 50px;
    margin-bottom:40px;
    background:#0a1019
}
@media only screen and (max-width:375px){
    .pricing-plan-item{
        padding-left:25px;
        padding-right:25px
    }
}
.pricing-plan-item .badge{
    width:100%;
    opacity:0;
    padding:8px;
    font-size:14px;
    -webkit-transition:0.5s;
    -o-transition:0.5s;
    transition:0.5s;
    border-radius:0;
    font-weight:700;
    text-align:center;
    color:var(--ygency-dark-color);
    text-transform:uppercase;
    position:absolute;
    left:0;
    bottom:calc(100% - 30px);
    background:var(--digitechnologys-primary-color)
}
.pricing-plan-item .badge i{
    margin-left:5px;
    margin-right:5px
}
.pricing-plan-item .icon{
    line-height:1;
    font-size:60px;
    margin-bottom:28px;
    color:var(--digitechnologys-primary-color)
}
.pricing-plan-item .price-text{
    color:#fff;
    display:block;
    margin-top:40px;
    margin-bottom:40px
}
.pricing-plan-item .price-text .before{
    font-weight:600
}
.pricing-plan-item .price-text .price{
    font-size:48px;
    font-weight:600
}
@media only screen and (max-width:375px){
    .pricing-plan-item .price-text .price{
        font-size:35px
    }
}
@media only screen and (max-width:430px){
    .pricing-plan-item .price-text .price{
        font-size:30px
    }
}
.pricing-plan-item .list-style-one{
    padding-bottom:30px
}
.pricing-plan-item .list-style-one li{
    margin-bottom:15px
}
.pricing-plan-item .list-style-one li:before{
    font-size:8px
}
.pricing-plan-item .list-style-one.two-column{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    padding-bottom:50px;
    -webkit-box-pack:justify;
    -ms-flex-pack:justify;
    justify-content:space-between
}
.pricing-plan-item .list-style-one.two-column li{
    width:100%;
    opacity:.75
}
@media only screen and (min-width:1200px){
    .pricing-plan-item .list-style-one.two-column li{
        width:48%
    }
}
.pricing-plan-item .icon-title-price{
    margin-bottom:65px;
    padding-bottom:25px;
    border-bottom:1px solid var(--ygency-border-color)
}
@media only screen and (min-width:480px){
    .pricing-plan-item .icon-title-price{
        display:-webkit-box;
        display:-ms-flexbox;
        display:flex
    }
}
.pricing-plan-item .icon-title-price .icon{
    margin-right:60px
}
@media only screen and (min-width:376px){
    .pricing-plan-item .icon-title-price .icon{
        font-size:80px;
        margin-top:10px
    }
}
@media only screen and (max-width:1199px){
    .pricing-plan-item .icon-title-price .icon{
        margin-right:28px
    }
}
.pricing-plan-item .icon-title{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    margin-bottom:22px;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center
}
.pricing-plan-item .icon-title .icon{
    margin-bottom:0;
    margin-right:20px;
    width:60px;
    height:60px;
    background:var(--digitechnologys-primary-color);
    line-height:60px;
    border-radius:50%;
    text-align:center;
    line-height:50px
}
.pricing-plan-item .icon-title h5{
    margin-bottom:0
}
.pricing-plan-item .price-offer{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:justify;
    -ms-flex-pack:justify;
    justify-content:space-between
}
.pricing-plan-item .price-offer .price-text{
    line-height:1;
    margin-top:30px;
    margin-bottom:30px
}
.pricing-plan-item .price-offer .offer-text{
    color:#fff;
    max-width:45px;
    font-size:18px;
    line-height:1.4;
    font-weight:500
}
.pricing-plan-item:hover{
    z-index:1;
    -webkit-box-shadow:0 4px 60px 30px rgb(85 230 165 / .15);
    box-shadow:0 4px 60px 30px rgb(85 230 165 / .15)
}
.pricing-plan-item:hover .badge{
    opacity:1;
    bottom:100%
}
.pricing-plan-item.style-two{
    -webkit-box-shadow:none;
    box-shadow:none
}
@media only screen and (min-width:576px){
    .pricing-plan-item.style-two{
        padding:50px 70px
    }
}
.pricing-plan-item.style-three{
    -webkit-box-shadow:none;
    box-shadow:none
}
.pricing-plan-item.style-three .list-style-one{
    height:300px;
    padding-top:15px;
    padding-bottom:0;
    margin-bottom:20px;
    overflow-y:scroll
}
.pricing-plan-item.style-three .list-style-one::-webkit-scrollbar{
    width:5px
}
.pricing-plan-item.style-three .list-style-one::-webkit-scrollbar-track{
    background:#64b5f6
}
.pricing-plan-item.style-three .list-style-one::-webkit-scrollbar-thumb{
    background:#bbdefb
}
.pricing-plan-item.style-three .list-style-one::-webkit-scrollbar-thumb:hover{
    background:#555
}
.pricing-plan-item .price-container{
    display:flex;
    align-items:center;
    justify-content:space-between;
    width:100%;
    margin-top:30px;
    margin-bottom:30px
}
.pricing-plan-item .discount-badge{
    position:absolute;
    right:0;
    background:#1e3a8a;
    border-top:2px solid #fff;
    border-radius:8px;
    padding:8px 12px;
    text-align:center;
    border-bottom:2px solid #fff;
    min-width:150px;
    border-left:2px solid #fff;
    box-shadow:0 2px 8px rgb(0 0 0 / .15);
    border-top-right-radius:0;
    border-bottom-right-radius:0
}
.pricing-plan-item .discount-badge::before{
    content:"";
    position:absolute;
    left:-8px;
    top:50%;
    transform:translateY(-50%);
    width:0;
    height:0;
    border-top:8px solid #fff0;
    border-bottom:8px solid #fff0;
    border-right:8px solid #1e3a8a
}
.pricing-plan-item .discount-badge .discount-text{
    display:block;
    color:#fff;
    font-size:.875em;
    font-weight:500;
    text-transform:uppercase;
    line-height:1.2;
    margin-bottom:2px
}
.pricing-plan-item .discount-badge .cut-price{
    display:block;
    color:#fff;
    font-size:1.75em;
    font-weight:800;
    text-decoration:line-through;
    line-height:1.2
}
@media only screen and (max-width:767px){
    .page-wrapper{
        overflow-x:hidden;
        width:100%
    }
    .headline-text{
        font-size:40px!important;
        overflow:hidden;
        width:100%;
        white-space:nowrap
    }
    .headline-text>span{
        padding-left:50px;
        padding-right:50px
    }
    .marquee-wrap{
        overflow:hidden;
        width:100%
    }
    .marquee-inner{
        padding-right:20px
    }
    .container-fluid{
        padding-left:15px;
        padding-right:15px;
        overflow:hidden
    }
    .hero-form-container{
        overflow:hidden;
        width:100%
    }
    div#formMsg p{
        color:#fff!important;
        text-align:center!important
    }
    .hero-form{
        width:100%;
        max-width:100%;
        box-sizing:border-box
    }
    .pricing-plan-item{
        width:100%;
        max-width:100%;
        box-sizing:border-box
    }
    .project-timeline{
        width:100%;
        overflow:hidden
    }
    .project-timeline .image img{
        max-width:100%;
        height:auto
    }
    /* .what-we-do-image {
        height:100% !important;
    }
    @media only screen and (max-width: 1200px) {
        .what-we-do-image {
            height:auto !important;
        }
    }
    
    
    .what-we-do-image img{
        max-width:100%;
        height:96.3% !important;
    } */
    .about-image img{
        max-width:100%;
        height:auto
    }
    .testimonials-three-image img{
        max-width:100%;
        height:auto
    }
    .why-choose-left-image img{
        max-width:100%;
        height:auto!important
    }
}
@media only screen and (max-width:575px){
    .headline-text{
        font-size:30px!important
    }
    .footer-contact-info .theme-btn.style-three:not(:last-child){
        width:100%!important;
        margin-right:unset!important
    }
    .footer-contact-info .theme-btn.style-three{
        width:100%!important;
        font-size:17px!important
    }
    .headline-text>span{
        padding-left:30px;
        padding-right:30px
    }
    .hero-content h1{
        font-size:24px!important;
        max-width:100%!important
    }
    .hero-features{
        margin-bottom:15px
    }
    .feature-item{
        padding:3px 0
    }
    .feature-item span{
        font-size:14px
    }
    .hero-trust-badges{
        gap:20px;
        margin-bottom:20px
    }
    .trust-badge img{
        max-width:60%!important
    }
}
@media only screen and (max-width:479px){
    .headline-text{
        font-size:24px!important
    }
    .headline-text>span{
        padding-left:20px;
        padding-right:20px
    }
    .hero-content h1{
        font-size:20px!important
    }
    .hero-subtitle{
        font-size:16px
    }
    .hero-description{
        font-size:14px
    }
    .feature-item span{
        font-size:13px
    }
    .hero-trust-badges{
        gap:0px!important;
        justify-content:space-between;
        margin-bottom:15px
    }
    .trust-badge img{
        max-width:50%!important
    }
}
img{
    max-width:100%;
    height:auto
}
@media only screen and (max-width:767px){
    .marquee-inner{
        animation-duration:20s!important;
        -webkit-animation-duration:20s!important
    }
    .headline-text>span{
        animation-duration:20s!important;
        -webkit-animation-duration:20s!important
    }
    .headline-wrap>span{
        animation-duration:20s!important;
        -webkit-animation-duration:20s!important
    }
}
@media only screen and (max-width:575px){
    .marquee-inner{
        animation-duration:15s!important;
        -webkit-animation-duration:15s!important
    }
    .headline-text>span{
        animation-duration:15s!important;
        -webkit-animation-duration:15s!important
    }
    .headline-wrap>span{
        animation-duration:15s!important;
        -webkit-animation-duration:15s!important
    }
}
@media only screen and (max-width:479px){
    .marquee-inner{
        animation-duration:12s!important;
        -webkit-animation-duration:12s!important
    }
    .headline-text>span{
        animation-duration:12s!important;
        -webkit-animation-duration:12s!important;
        font-size:50px!important
    }
    .headline-wrap>span{
        animation-duration:12s!important;
        -webkit-animation-duration:12s!important;
        font-size:50px!important
    }
}
.row{
    margin-left:0;
    margin-right:0
}
.col,.col-1,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-10,.col-11,.col-12,.col-sm,.col-sm-1,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-10,.col-sm-11,.col-sm-12,.col-md,.col-md-1,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-10,.col-md-11,.col-md-12,.col-lg,.col-lg-1,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-lg-10,.col-lg-11,.col-lg-12,.col-xl,.col-xl-1,.col-xl-2,.col-xl-3,.col-xl-4,.col-xl-5,.col-xl-6,.col-xl-7,.col-xl-8,.col-xl-9,.col-xl-10,.col-xl-11,.col-xl-12{
    padding-left:15px;
    padding-right:15px;
    box-sizing:border-box
}
.rel,.z-1,.z-0{
    max-width:100%;
    overflow:hidden
}
section#newherosection{
    position:unset!important
}
.hero-area{
    overflow:hidden;
    max-width:100%;
    margin-top:50px
}
.hero-bg{
    max-width:100%;
    overflow:hidden
}
.w-100,.w-75,.w-50,.w-25{
    max-width:100%!important
}
@media only screen and (max-width:767px){
    table{
        max-width:100%;
        overflow-x:auto;
        display:block
    }
    pre,code{
        max-width:100%;
        overflow-x:auto;
        white-space:pre-wrap;
        word-wrap:break-word
    }
    iframe{
        max-width:100%;
        height:auto
    }
    canvas{
        max-width:100%;
        height:auto
    }
    video{
        max-width:100%;
        height:auto
    }
    audio{
        max-width:100%
    }
    embed,object{
        max-width:100%;
        height:auto
    }
    svg{
        max-width:100%;
        height:auto
    }
    form{
        max-width:100%;
        overflow:hidden
    }
    fieldset{
        max-width:100%;
        overflow:hidden
    }
    legend{
        max-width:100%;
        word-wrap:break-word
    }
    label{
        max-width:100%;
        word-wrap:break-word
    }
    button{
        max-width:100%;
        word-wrap:break-word;
        white-space:normal
    }
    input[type="text"],input[type="email"],input[type="password"],input[type="search"],input[type="tel"],input[type="url"]{
        max-width:100%;
        box-sizing:border-box
    }
    textarea{
        max-width:100%;
        box-sizing:border-box;
        resize:vertical
    }
    select{
        max-width:100%;
        box-sizing:border-box
    }
    optgroup{
        max-width:100%
    }
    option{
        max-width:100%;
        word-wrap:break-word
    }
    datalist{
        max-width:100%
    }
    output{
        max-width:100%;
        word-wrap:break-word
    }
    progress{
        max-width:100%
    }
    meter{
        max-width:100%
    }
    details{
        max-width:100%
    }
    summary{
        max-width:100%;
        word-wrap:break-word
    }
    menu{
        max-width:100%
    }
    menuitem{
        max-width:100%
    }
    dialog{
        max-width:100%
    }
    slot{
        max-width:100%
    }
    template{
        max-width:100%
    }
    picture{
        max-width:100%
    }
    source{
        max-width:100%
    }
    track{
        max-width:100%
    }
    map{
        max-width:100%
    }
    area{
        max-width:100%
    }
    base{
        max-width:100%
    }
    link{
        max-width:100%
    }
    meta{
        max-width:100%
    }
    title{
        max-width:100%
    }
    style{
        max-width:100%
    }
    script{
        max-width:100%
    }
    noscript{
        max-width:100%
    }
    section{
        max-width:100%;
        overflow:hidden
    }
    article{
        max-width:100%;
        overflow:hidden
    }
    aside{
        max-width:100%;
        overflow:hidden
    }
    header{
        max-width:100%;
        overflow:hidden
    }
    footer{
        max-width:100%;
        overflow:hidden
    }
    nav{
        max-width:100%;
        overflow:hidden
    }
    main{
        max-width:100%;
        overflow:hidden
    }
    address{
        max-width:100%;
        word-wrap:break-word
    }
    blockquote{
        max-width:100%;
        word-wrap:break-word
    }
    dd{
        max-width:100%;
        word-wrap:break-word
    }
    dl{
        max-width:100%;
        overflow:hidden
    }
    dt{
        max-width:100%;
        word-wrap:break-word
    }
    figure{
        max-width:100%;
        overflow:hidden
    }
    figcaption{
        max-width:100%;
        word-wrap:break-word
    }
    hr{
        max-width:100%
    }
    ol{
        max-width:100%;
        overflow:hidden
    }
    ul{
        max-width:100%;
        overflow:hidden
    }
    li{
        max-width:100%;
        word-wrap:break-word
    }
    p{
        max-width:100%;
        word-wrap:break-word
    }
    div{
        overflow:hidden
    }
    span{
        max-width:100%;
        word-wrap:break-word
    }
    a{
        max-width:100%;
        word-wrap:break-word
    }
    em{
        max-width:100%;
        word-wrap:break-word
    }
    strong{
        max-width:100%;
        word-wrap:break-word
    }
    small{
        max-width:100%;
        word-wrap:break-word
    }
    s{
        max-width:100%;
        word-wrap:break-word
    }
    cite{
        max-width:100%;
        word-wrap:break-word
    }
    q{
        max-width:100%;
        word-wrap:break-word
    }
    dfn{
        max-width:100%;
        word-wrap:break-word
    }
    abbr{
        max-width:100%;
        word-wrap:break-word
    }
    ruby{
        max-width:100%;
        overflow:hidden
    }
    rt{
        max-width:100%;
        word-wrap:break-word
    }
    rp{
        max-width:100%;
        word-wrap:break-word
    }
    bdo{
        max-width:100%;
        word-wrap:break-word
    }
    bdi{
        max-width:100%;
        word-wrap:break-word
    }
    br{
        max-width:100%
    }
    wbr{
        max-width:100%
    }
    ins{
        max-width:100%;
        word-wrap:break-word
    }
    del{
        max-width:100%;
        word-wrap:break-word
    }
    mark{
        max-width:100%;
        word-wrap:break-word
    }
    sub{
        max-width:100%;
        word-wrap:break-word
    }
    sup{
        max-width:100%;
        word-wrap:break-word
    }
    time{
        max-width:100%;
        word-wrap:break-word
    }
    code{
        max-width:100%;
        word-wrap:break-word
    }
    var{
        max-width:100%;
        word-wrap:break-word
    }
    samp{
        max-width:100%;
        word-wrap:break-word
    }
    kbd{
        max-width:100%;
        word-wrap:break-word
    }
    data{
        max-width:100%;
        word-wrap:break-word
    }
    datalist{
        max-width:100%
    }
    output{
        max-width:100%;
        word-wrap:break-word
    }
    progress{
        max-width:100%
    }
    meter{
        max-width:100%
    }
    details{
        max-width:100%
    }
    summary{
        max-width:100%;
        word-wrap:break-word
    }
    menu{
        max-width:100%
    }
    menuitem{
        max-width:100%
    }
    dialog{
        max-width:100%
    }
    slot{
        max-width:100%
    }
    template{
        max-width:100%
    }
    picture{
        max-width:100%
    }
    source{
        max-width:100%
    }
    track{
        max-width:100%
    }
    map{
        max-width:100%
    }
    area{
        max-width:100%
    }
    base{
        max-width:100%
    }
    link{
        max-width:100%
    }
    meta{
        max-width:100%
    }
    title{
        max-width:100%
    }
    style{
        max-width:100%
    }
    script{
        max-width:100%
    }
    noscript{
        max-width:100%
    }
}
.container,.container-fluid{
    /* max-width:100%; */
    box-sizing:border-box;
    /* padding-right:50px;
    padding-left:50px */
}
input,textarea,select{
    max-width:100%;
    box-sizing:border-box
}
.theme-btn,.cta-button,.submit-button{
    max-width:100%;
    box-sizing:border-box;
    white-space:normal;
    word-wrap:break-word
}
.navigation{
    max-width:100%;
    overflow:hidden
}
.pricing-plan-item{
    max-width:100%;
    box-sizing:border-box
}
.project-timeline .content{
    max-width:100%;
    overflow:hidden
}
.project-timeline .content h4{
    word-wrap:break-word;
    white-space:normal
}
.service-three-item{
    max-width:100%;
    box-sizing:border-box
}
.service-three-item .content p{
    word-wrap:break-word;
    white-space:normal
}
.what-we-do-item .content p{
    word-wrap:break-word;
    white-space:normal
}
.testimonial-item .author-speech p{
    word-wrap:break-word;
    white-space:normal
}
.why-choose-item-two .content p{
    word-wrap:break-word;
    white-space:normal
}
.project-item{
    margin-bottom:120px
}
@media only screen and (max-width:991px){
    .project-item{
        margin-bottom:70px
    }
}
.project-item .image{
    z-index:1;
    position:relative
}
.project-item .image::before{
    position:absolute;
    content:"";
    width:100%;
    height:100%;
    z-index:-1;
    top:0;
    left:0;
    opacity:0;
    background-color:var(--digitechnologys-primary-color)
}
.project-item .image:before{
    z-index:1;
    -webkit-transition:0.35s linear;
    -o-transition:0.35s linear;
    transition:0.35s linear;
    mix-blend-mode:multiply;
    -webkit-transform:scale3d(.5,1,.5);
    transform:scale3d(.5,1,.5)
}
.project-item .image img{
    width:100%
}
.project-item .image .project-btn{
    z-index:2;
    opacity:0;
    position:absolute;
    left:50%;
    top:50%;
    -webkit-transform:translate(-50%,-50%);
    -ms-transform:translate(-50%,-50%);
    transform:translate(-50%,-50%);
    font-size:30px;
    color:var(--ygency-dark-color);
    width:90px;
    height:90px;
    background:#fff;
    line-height:90px;
    border-radius:50%;
    text-align:center;
    -webkit-transition:0.35s linear;
    -o-transition:0.35s linear;
    transition:0.35s linear
}
@media only screen and (max-width:479px){
    .project-item .image .project-btn{
        width:60px;
        height:60px;
        font-size:20px;
        line-height:60px
    }
}
.project-item .image .project-btn i{
    -webkit-transform:rotate(-45deg);
    -ms-transform:rotate(-45deg);
    transform:rotate(-45deg)
}
.project-item .content{
    padding:30px 50px 0
}
@media only screen and (max-width:1199px){
    .project-item .content{
        padding-left:30px;
        padding-right:30px
    }
}
@media only screen and (max-width:375px){
    .project-item .content{
        padding-left:0;
        padding-right:0
    }
}
.project-item .content .category{
    font-size:20px;
    margin-bottom:14px;
    display:inline-block;
    text-decoration:underline
}
@media only screen and (max-width:1199px){
    .project-item .content h2{
        font-size:40px
    }
}
@media only screen and (max-width:479px){
    .project-item .content h2{
        font-size:35px
    }
}
@media only screen and (max-width:375px){
    .project-item .content h2{
        font-size:30px
    }
}
.project-item .content h2 a i{
    color:var(--digitechnologys-primary-color);
    font-weight:400
}
.project-item .content h2 a:hover{
    text-decoration:underline;
    text-underline-offset:11px;
    text-decoration-thickness:3px
}
@media only screen and (max-width:479px){
    .project-item .content h2 a:hover{
        text-underline-offset:8px;
        text-decoration-thickness:2px
    }
}
.project-item .content h2 a:hover i{
    text-decoration:underline;
    text-decoration-thickness:3px;
    -webkit-text-decoration-color:var(--digitechnologys-primary-color);
    text-decoration-color:var(--digitechnologys-primary-color)
}
@media only screen and (max-width:479px){
    .project-item .content h2 a:hover i{
        text-underline-offset:8px;
        text-decoration-thickness:2px
    }
}
.project-item .content h4 a i{
    color:var(--digitechnologys-primary-color);
    font-weight:400
}
.project-item .content h4 a:hover{
    text-decoration:underline;
    text-underline-offset:5px;
    text-decoration-thickness:1px
}
.project-item .content h4 a:hover i{
    text-decoration:underline;
    text-decoration-thickness:1px;
    -webkit-text-decoration-color:var(--digitechnologys-primary-color);
    text-decoration-color:var(--digitechnologys-primary-color)
}
.project-item:hover .image:before{
    opacity:1;
    -webkit-transform:scale3d(1,1,1);
    transform:scale3d(1,1,1)
}
.project-item:hover .image .project-btn{
    opacity:1;
    -webkit-transition-delay:0.3s;
    -o-transition-delay:0.3s;
    transition-delay:0.3s
}
.project-item.style-two{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center
}
@media only screen and (max-width:991px){
    .project-item.style-two{
        -ms-flex-wrap:wrap;
        flex-wrap:wrap
    }
}
.project-item.style-two .content{
    padding:0;
    max-width:440px
}
.project-item.style-two .content:first-child{
    margin-left:auto;
    margin-right:80px
}
@media only screen and (max-width:991px){
    .project-item.style-two .content:first-child{
        -webkit-box-ordinal-group:3;
        -ms-flex-order:2;
        order:2;
        margin:35px 50px 0
    }
}
@media only screen and (max-width:575px){
    .container,.container-fluid{
        padding-right:20px!important;
        padding-left:20px!important
    }
    .main-header{
        padding-left:20px;
        padding-right:20px
    }
    .project-item.style-two .content:first-child{
        margin-left:0;
        margin-right:0
    }
}
.project-item.style-two .content:last-child{
    margin-left:80px
}
@media only screen and (max-width:991px){
    .project-item.style-two .content:last-child{
        margin:35px 50px 0
    }
    .col-lg-7{
        text-align:center
    }
    .hero-content h1{
        width:100%
    }
    
    .hero-trust-badges{
        justify-content:space-evenly
    }
}
@media only screen and (max-width:575px){
    .project-item.style-two .content:last-child{
        margin-left:0;
        margin-right:0
    }
}
.project-item.style-two .content hr{
    margin-top:65px;
    margin-bottom:55px
}
@media only screen and (max-width:991px){
    .project-item.style-two .content hr{
        margin-top:35px;
        margin-bottom:25px
    }
}
.project-item.style-two .content .read-more{
    margin-top:10px
}
.project-item.style-three{
    margin-bottom:55px
}
@media only screen and (min-width:768px){
    .project-item.style-three{
        display:-webkit-box;
        display:-ms-flexbox;
        display:flex;
        -webkit-box-align:center;
        -ms-flex-align:center;
        align-items:center
    }
}
.project-item.style-three .image{
    overflow:hidden;
    border-radius:50%
}
.project-item.style-three .image:before{
    border-radius:50%
}
@media only screen and (min-width:768px){
    .project-item.style-three .content{
        padding-top:0
    }
}
.project-item.style-three .content h4{
    margin-top:10px;
    margin-bottom:20px
}
.project-item.style-four{
    margin-bottom:60px
}
.project-item.style-four .image{
    -webkit-transition:0.5s;
    -o-transition:0.5s;
    transition:0.5s;
    overflow:hidden;
    padding-bottom:92%
}
.project-item.style-four .image img{
    position:absolute;
    left:50%;
    top:50%;
    -webkit-transform:translate(-50%,-50%);
    -ms-transform:translate(-50%,-50%);
    transform:translate(-50%,-50%)
}
.project-item.style-four .image .project-btn{
    background:var(--digitechnologys-primary-color)
}
.project-item.style-four .image:before{
    background:var(--ygency-dark-color)
}
.project-item.style-four .content{
    padding-left:0;
    padding-right:0
}
.project-item.style-four .content .category{
    font-size:18px
}
.project-item.style-four .content h4 a:hover{
    color:var(--digitechnologys-primary-color)
}
.project-item.style-four:hover .image{
    padding-bottom:80%
}
.project-item.style-four:hover .image:before{
    opacity:.85
}
.project-item.style-five{
    margin-bottom:80px
}
.project-item.style-five .image img{
    width:100%
}
.project-item.style-five .image .project-btn{
    left:auto;
    top:30px;
    right:30px;
    -webkit-transform:translate(0);
    -ms-transform:translate(0);
    transform:translate(0)
}
@media only screen and (min-width:480px){
    .project-item.style-five .image .project-btn{
        width:80px;
        height:80px;
        line-height:80px
    }
}
.project-item.style-five .content{
    padding:0;
    z-index:2;
    position:absolute;
    left:35px;
    bottom:35px
}
@media only screen and (max-width:375px){
    .project-item.style-five .content{
        left:15px;
        bottom:15px
    }
}
.project-item.style-five .content .category{
    opacity:0;
    font-size:18px;
    margin-bottom:0;
    background:#fff;
    padding:5px 22px;
    color:var(--ygency-dark-color);
    text-decoration:none
}
.project-item.style-five .content h4{
    margin-bottom:0
}
@media only screen and (max-width:1599px){
    .project-item.style-five .content h4{
        font-size:22px
    }
}
@media only screen and (max-width:375px){
    .project-item.style-five .content h4{
        font-size:20px
    }
}
.project-item.style-five .content h4 a{
    opacity:0;
    color:#fff;
    padding:11px 22px;
    display:inline-block;
    text-decoration:none;
    background:var(--ygency-dark-color)
}
.project-item.style-five:hover .content .category{
    opacity:1;
    -webkit-transition-delay:0.5s;
    -o-transition-delay:0.5s;
    transition-delay:0.5s
}
.project-item.style-five:hover .content h4 a{
    opacity:1;
    -webkit-transition-delay:0.25s;
    -o-transition-delay:0.25s;
    transition-delay:0.25s
}
.project-item.style-six .content{
    padding-left:0;
    padding-right:0
}
.project-item.style-six .content .category{
    font-size:16px;
    margin-bottom:5px;
    text-decoration:none
}
.project-item.style-six .content h4{
    letter-spacing:-.48px
}
@media only screen and (max-width:375px){
    .project-item.style-six .content h4{
        font-size:20px
    }
}
.project-item.style-six .content h4 a{
    text-decoration:none
}
.gallery-five-active{
    margin-left:-15px;
    margin-right:-15px
}
.gallery-five-active .project-item{
    margin-left:15px;
    margin-right:15px
}
.project-slider-two-active{
    margin-left:-15px;
    margin-right:-300px
}
@media only screen and (max-width:991px){
    .project-slider-two-active{
        margin-right:-15px
    }
}
.project-slider-two-active .slick-list{
    padding-right:300px
}
@media only screen and (max-width:991px){
    .project-slider-two-active .slick-list{
        padding-right:0
    }
}
.project-slider-two-active .project-item{
    margin-left:15px;
    margin-right:15px;
    margin-bottom:10px
}
.project-slider-two-active .slick-dots{
    padding-right:310px;
    -webkit-box-pack:end;
    -ms-flex-pack:end;
    justify-content:flex-end
}
@media only screen and (max-width:991px){
    .project-slider-two-active .slick-dots{
        padding-right:10px
    }
}
.project-slider-two-active .slick-dots .slick-active{
    background:var(--digitechnologys-primary-color)
}
.project-area-six .project-item{
    margin-bottom:30px
}
.project-area-six .project-item .image:before{
    background-color:#0a1019
}
.project-area-six .project-item .content h4 a{
    color:var(--ygency-dark-color);
    background:var(--digitechnologys-primary-color)
}
.project-area-six .project-item:hover .image:before{
    opacity:.65
}
@media only screen and (min-width:1600px){
    .project-area-six .row-cols-xl-4>*{
        width:20%;
        -webkit-box-flex:0;
        -ms-flex:0 0 auto;
        flex:0 0 auto
    }
}
.work-gallery-active{
    margin-left:-40px;
    margin-right:-40px
}
@media only screen and (max-width:1399px){
    .work-gallery-active{
        margin-left:-15px;
        margin-right:-15px
    }
}
.work-gallery-active .slick-track{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex
}
.work-gallery-active .project-item{
    height:auto;
    margin-left:40px;
    margin-right:40px
}
@media only screen and (max-width:1399px){
    .work-gallery-active .project-item{
        margin-left:15px;
        margin-right:15px
    }
}
.work-gallery-controls{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center
}
.work-gallery-controls .slick-arrow{
    color:rgb(255 255 255 / .65);
    font-size:30px;
    background:#fff0
}
.work-gallery-controls .slick-arrow:focus,.work-gallery-controls .slick-arrow:hover{
    color:var(--digitechnologys-primary-color)
}
.work-gallery-controls .work-gallery-dots{
    margin-left:30px;
    margin-right:30px
}
.slider-arrow-btns .slick-arrow{
    width:60px;
    height:60px;
    font-size:22px;
    -webkit-transition:0.5s;
    -o-transition:0.5s;
    transition:0.5s;
    border-radius:50%;
    color:var(--ygency-secondary-color);
    -webkit-box-shadow:3px 0 60px rgb(85 230 165 / .2);
    box-shadow:3px 0 60px rgb(85 230 165 / .2);
    background:var(--ygency-tertiary-color)
}
.slider-arrow-btns .slick-arrow:focus,.slider-arrow-btns .slick-arrow:hover{
    color:var(--ygency-dark-color);
    background:var(--digitechnologys-primary-color)
}
.slider-arrow-btns .slick-arrow:first-child{
    margin-right:10px
}
.project-timeline{
    border-bottom:1px solid var(--ygency-border-color);
    padding-bottom:60px;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    margin-bottom:60px;
    -webkit-transition:0.3s;
    -o-transition:0.3s;
    transition:0.3s
}
@media only screen and (max-width:767px){
    .counter-item .count-text{
        font-size:80px!important
    }
    .testimonial-item .author-speech p{
        font-size:15px!important
    }
    .project-timeline{
        -ms-flex-wrap:wrap;
        flex-wrap:wrap
    }
}
.project-timeline .content{
    max-width:350px;
    margin-right:20px
}
.project-timeline .content .serial-number{
    color:#fff;
    margin-top:10px;
    font-weight:300;
    font-size:50px;
    margin-bottom:45px;
    display:block;
    -webkit-transition:0.3s;
    -o-transition:0.3s;
    transition:0.3s
}
.project-timeline .content h4{
    line-height:1.4
}
.project-timeline .image{
    margin-left:auto;
    margin-right:auto
}
@media only screen and (max-width:991px){
    .project-timeline .image{
        margin-right:0
    }
}
@media only screen and (max-width:767px){
    .project-timeline .image{
        margin-left:0;
        margin-top:30px
    }
}
@media only screen and (max-width:991px){
    .project-timeline .right-btn{
        display:none
    }
}
.project-timeline:hover{
    border-color:var(--digitechnologys-primary-color)
}
.project-timeline:hover .content .serial-number,.project-timeline:hover .content h4 a{
    color:var(--digitechnologys-primary-color)
}
.project-timeline:hover .content h4 a{
    text-decoration:underline;
    text-decoration-thickness:1px;
    text-underline-offset:5px
}
.project-timeline:hover .right-btn .details-btn{
    background:var(--digitechnologys-primary-color);
    color:var(--ygency-dark-color)
}
.project-timeline-two{
    position:relative;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    padding-bottom:35px;
    border-bottom:1px solid #222;
    margin-bottom:55px;
    -webkit-transition:0.3s;
    -o-transition:0.3s;
    transition:0.3s
}
@media only screen and (max-width:479px){
    .project-timeline-two{
        -ms-flex-wrap:wrap;
        flex-wrap:wrap
    }
}
.project-timeline-two .serial-number{
    font-size:22px;
    font-weight:300;
    color:rgb(255 255 255 / .2);
    -webkit-transition:0.3s;
    -o-transition:0.3s;
    transition:0.3s
}
.project-timeline-two h4{
    font-size:22px;
    font-weight:500;
    line-height:1.43;
    max-width:300px;
    margin-left:100px;
    margin-right:auto
}
@media only screen and (max-width:1199px){
    .project-timeline-two h4{
        margin-left:50px
    }
}
@media only screen and (max-width:479px){
    .project-timeline-two h4{
        margin-left:0;
        max-width:100%;
        margin-top:10px;
        margin-bottom:0
    }
}
.project-timeline-two .image{
    position:absolute;
    right:-50px;
    top:-40%;
    max-width:50%;
    -webkit-transform:scale(0) rotate(-30deg);
    -ms-transform:scale(0) rotate(-30deg);
    transform:scale(0) rotate(-30deg);
    z-index:1;
    visibility:hidden;
    opacity:0;
    -webkit-transition:0.5s;
    -o-transition:0.5s;
    transition:0.5s
}
@media only screen and (max-width:1399px){
    .project-timeline-two .image{
        right:0
    }
}
@media only screen and (max-width:575px){
    .project-timeline-two .image{
        top:0
    }
}
.project-timeline-two .right-btn{
    margin-left:20px
}
@media only screen and (max-width:479px){
    .project-timeline-two .right-btn{
        position:absolute;
        right:0;
        top:0
    }
}
.project-timeline-two .right-btn a{
    font-size:30px;
    display:inline-block;
    -webkit-transform:rotate(-45deg);
    -ms-transform:rotate(-45deg);
    transform:rotate(-45deg);
    color:rgb(255 255 255 / .2)
}
.project-timeline-two:hover{
    border-color:#fff;
    z-index:9
}
.project-timeline-two:hover .serial-number,.project-timeline-two:hover .right-btn a{
    color:#fff
}
.project-timeline-two:hover h4 a{
    color:var(--digitechnologys-primary-color);
    text-decoration:underline;
    text-decoration-thickness:1px;
    text-underline-offset:5px
}
.project-timeline-two:hover .image{
    visibility:visible;
    opacity:1;
    -webkit-transform:scale(1) rotate(13.43deg);
    -ms-transform:scale(1) rotate(13.43deg);
    transform:scale(1) rotate(13.43deg)
}
.project-details-area .text{
    color:rgb(255 255 255 / .65)
}
@media only screen and (min-width:576px){
    .project-details-area .text{
        font-size:18px
    }
}
.big-letter:first-letter{
    float:left;
    font-size:24px;
    margin-top:8px;
    font-weight:700;
    padding:6px 11px;
    margin-right:30px;
    color:var(--ygency-dark-color);
    text-transform:uppercase;
    background:var(--digitechnologys-primary-color)
}
.next-prev-post{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:justify;
    -ms-flex-pack:justify;
    justify-content:space-between
}
@media only screen and (max-width:1199px){
    .next-prev-post{
        -webkit-box-orient:vertical;
        -webkit-box-direction:normal;
        -ms-flex-direction:column;
        flex-direction:column
    }
}
.next-prev-post .prev-post,.next-prev-post .next-post{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    margin-bottom:30px;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    margin-left:-25px;
    margin-right:-25px
}
@media only screen and (max-width:479px){
    .next-prev-post .prev-post,.next-prev-post .next-post{
        margin-left:-10px;
        margin-right:-10px
    }
}
.next-prev-post .prev-post .image,.next-prev-post .prev-post .content,.next-prev-post .next-post .image,.next-prev-post .next-post .content{
    padding-left:25px;
    padding-right:25px
}
@media only screen and (max-width:479px){
    .next-prev-post .prev-post .image,.next-prev-post .prev-post .content,.next-prev-post .next-post .image,.next-prev-post .next-post .content{
        padding-left:10px;
        padding-right:10px
    }
}
.next-prev-post .prev-post h4,.next-prev-post .next-post h4{
    margin-bottom:15px
}
@media only screen and (max-width:575px){
    .next-prev-post .prev-post h4,.next-prev-post .next-post h4{
        font-size:20px;
        margin-bottom:10px
    }
}
@media only screen and (max-width:375px){
    .next-prev-post .prev-post h4,.next-prev-post .next-post h4{
        font-size:18px
    }
}
.next-prev-post .prev-post h4 a:hover,.next-prev-post .next-post h4 a:hover{
    text-decoration:underline
}
@media only screen and (max-width:575px){
    .next-prev-post .prev-post .image,.next-prev-post .next-post .image{
        max-width:30%
    }
}
.next-prev-post .next-post{
    text-align:right;
    -webkit-box-pack:end;
    -ms-flex-pack:end;
    justify-content:flex-end
}
.accordion-item{
    background:#fff0
}
.accordion-item:not(:last-child){
    margin-bottom:15px
}
.accordion-item .accordion-header{
    padding-bottom:18px;
    margin-bottom:22px;
    border-bottom:1px solid var(--ygency-border-color)
}
.accordion-item .accordion-button{
    background:#fff0;
    font-size:20px;
    padding:0;
    color:#fff
}
@media only screen and (max-width:375px){
    .accordion-item .accordion-button{
        font-size:18px
    }
}
.accordion-item .accordion-button:focus{
    -webkit-box-shadow:none;
    box-shadow:none
}
.accordion-item .accordion-button:after{
    color:var(--digitechnologys-primary-color);
    font-size:18px;
    background:none;
    content:"\f061";
    font-family:"Font Awesome 5 Pro"
}
.accordion-item .accordion-button:not(.collapsed):after{
    -webkit-transform:rotate(90deg);
    -ms-transform:rotate(90deg);
    transform:rotate(90deg)
}
.accordion-item .accordion-body{
    padding:0
}
.accordion-item .accordion-body p{
    margin-bottom:10px;
    font-size:18px;
    color:rgb(255 255 255 / .65)
}
.faq-shapes .shape{
    z-index:-1;
    max-width:10%;
    position:absolute;
    -webkit-animation:rotated_circle 10s linear infinite;
    animation:rotated_circle 10s linear infinite
}
.faq-shapes .shape.left{
    left:5%;
    top:25%
}
.faq-shapes .shape.right{
    right:5%;
    bottom:35%
}
.faq-four-iamge{
    z-index:1;
    position:relative;
    display:inline-block;
    -webkit-animation:semi_rotated 10s infinite;
    animation:semi_rotated 10s infinite
}
.faq-four-iamge img{
    border-radius:250px 250px 0 0
}
.faq-four-iamge:before{
    content:"";
    z-index:-1;
    width:135%;
    opacity:.1;
    position:absolute;
    left:50%;
    bottom:-8%;
    background:#fff;
    padding-bottom:135%;
    border-radius:50%;
    -webkit-transform:translate(-50%);
    -ms-transform:translate(-50%);
    transform:translate(-50%)
}
.what-we-do-item{
    padding-bottom:5px;
    border-bottom:1px solid rgb(255 255 255 / .1)
}
@media only screen and (min-width:376px){
    .what-we-do-item{
        display:-webkit-box;
        display:-ms-flexbox;
        display:flex
    }
}
.what-we-do-item:not(:last-child){
    margin-bottom:15px
}
.what-we-do-item .number{
    -webkit-box-flex:0;
    -ms-flex:none;
    flex:none;
    width:65px;
    margin-bottom:20px
}
@media only screen and (max-width:479px){
    .what-we-do-item .number{
        width:75px
    }
}
.what-we-do-item .number span{
    width:45px;
    height:45px;
    -webkit-transition:0.5s;
    -o-transition:0.5s;
    transition:0.5s;
    font-weight:600;
    line-height:45px;
    text-align:center;
    border-radius:50%;
    display:inline-block;
    border:1px solid rgb(255 255 255 / .1)
}
.what-we-do-item .content p{
    opacity:.75;
    line-height:1.5
}
.what-we-do-item:hover{
    border-bottom-color:var(--digitechnologys-primary-color)
}
.what-we-do-item:hover .number span{
    color:#000;
    background:var(--digitechnologys-primary-color);
    border-color:var(--digitechnologys-primary-color)
}
.what-we-do-area:after{
    z-index:-1;
    width:900px;
    height:900px;
    opacity:.3;
    border-radius:50%;
    -webkit-filter:blur(200px);
    filter:blur(200px);
    position:absolute;
    right:-300px;
    top:-130px;
    background:var(--digitechnologys-primary-color);
    -webkit-animation:zoomInOut 5s infinite;
    animation:zoomInOut 5s infinite
}
.what-we-do-area:before{
    z-index:-1;
    content:"";
    width:555px;
    height:555px;
    opacity:.3;
    position:absolute;
    right:-100px;
    bottom:20%;
    -webkit-animation:zoomInOut 5s 2s infinite;
    animation:zoomInOut 5s 2s infinite;
    background:url(../images/shapes/circle-lines.png) no-repeat 100% 100%
}
@media only screen and (max-width:575px){
    .what-we-do-area:before{
        width:300px;
        height:300px
    }
}
.why-choose-item{
    margin-bottom:50px
}
.why-choose-item .why-choose-header{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    padding-bottom:25px;
    margin-bottom:25px;
    border-bottom:2px solid var(--ygency-border-color);
    -webkit-transition:0.3s;
    -o-transition:0.3s;
    transition:0.3s
}
.why-choose-item .why-choose-header i{
    font-size:22px;
    margin-right:15px;
    color:var(--digitechnologys-primary-color)
}
.why-choose-item .why-choose-header h5{
    margin-bottom:0
}
.why-choose-item:hover .why-choose-header{
    border-color:#fff
}
.why-choose-item.style-two .why-choose-header i{
    font-size:80px;
    margin-right:20px
}
@media only screen and (max-width:375px){
    .why-choose-item.style-two .why-choose-header i{
        font-size:60px
    }
}
@media only screen and (min-width:376px){
    .why-choose-item.style-two .why-choose-header h5{
        font-size:22px
    }
}
.why-choose-item.style-two p{
    color:rgb(255 255 255 / .65)
}
@media only screen and (min-width:376px){
    .why-choose-item.style-two p{
        font-size:18px
    }
}
.why-choose-item.style-three{
    padding:20px 30px;
    margin-bottom:30px;
    background:#0a1019;
    border:1px solid var(--ygency-border-color)
}
.why-choose-item.style-three .why-choose-header{
    margin-bottom:15px;
    padding-bottom:20px;
    border-color:var(--ygency-border-color)
}
.why-choose-item.style-three p{
    margin-bottom:0
}
.why-choose-item-two{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    margin-bottom:0
}
.why-choose-item-two .icon{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    margin-right:30px
}
.why-choose-item-two .icon i{
    width:35px;
    height:35px;
    background:var(--digitechnologys-primary-color);
    line-height:35px;
    border-radius:50%;
    text-align:center;
    margin-bottom:20px
}
.why-choose-item-two .icon .icon-bottom-shape{
    height:40px;
    width:2px;
    background:-webkit-gradient(linear,left top,left bottom,from(#64b5f6),to(#fff0));
    background:-webkit-linear-gradient(top,#64b5f6 0%,#fff0 100%);
    background:-o-linear-gradient(top,#64b5f6 0%,#fff0 100%);
    background:linear-gradient(180deg,#64b5f6 0%,#fff0 100%)
}
.why-choose-item-two .content h4{
    font-size:22px;
    margin-bottom:3px
}
.feature-item-three{
    padding-bottom:35px;
    border-bottom:2px solid var(--ygency-border-color);
    margin-bottom:80px;
    -webkit-transition:0.3s;
    -o-transition:0.3s;
    transition:0.3s
}
.feature-item-three .top-part{
    margin-bottom:28px;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:justify;
    -ms-flex-pack:justify;
    justify-content:space-between
}
.feature-item-three .top-part .serial-number{
    color:rgb(255 255 255 / .1);
    font-size:55px;
    font-weight:300;
    -webkit-transition:0.3s;
    -o-transition:0.3s;
    transition:0.3s
}
.feature-item-three .top-part .details-btn{
    width:85px;
    height:85px;
    background:#0b111a;
    color:var(--digitechnologys-primary-color);
    border:none;
    line-height:85px
}
.feature-item-three .content h4{
    margin-bottom:20px
}
.feature-item-three:hover{
    border-color:var(--digitechnologys-primary-color)
}
.feature-item-three:hover .top-part .serial-number{
    color:#fff
}
.feature-item-three:hover .top-part .details-btn{
    background:var(--digitechnologys-primary-color);
    color:var(--ygency-dark-color)
}
.feature-item-three:hover .content h4 a{
    text-decoration:underline;
    text-decoration-thickness:1px;
    text-underline-offset:5px
}
@media only screen and (min-width:1200px){
    .about-image-six{
        margin-left:auto;
        margin-right:-30px;
        max-width:-webkit-max-content;
        max-width:-moz-max-content;
        max-width:max-content
    }
}
.about-features{
    max-width:325px
}
@media only screen and (min-width:1200px){
    .about-features{
        margin-left:auto
    }
}
.feature-six-item .icon{
    font-size:22px;
    color:var(--ygency-dark-color);
    margin-bottom:25px;
    width:50px;
    height:50px;
    background:var(--digitechnologys-primary-color);
    line-height:50px;
    border-radius:50%;
    text-align:center
}
.feature-six-item h5{
    margin-bottom:15px
}
.feature-six-item:not(:last-child){
    margin-bottom:45px
}
.we-provide-item{
    padding:50px;
    margin-bottom:30px;
    background:#0a101a
}
@media only screen and (max-width:991px){
    .we-provide-item{
        padding-left:40px;
        padding-right:40px
    }
}
@media only screen and (max-width:375px){
    .we-provide-item{
        padding-left:25px;
        padding-right:25px
    }
}
.we-provide-item .serial-number{
    font-size:20px;
    border:2px solid var(--digitechnologys-primary-color);
    border-radius:15px;
    padding:1px 18px;
    color:#fff;
    margin-bottom:30px;
    display:inline-block;
    margin-bottom:32px
}
.we-provide-item h3{
    line-height:1.4;
    margin-bottom:25px
}
@media only screen and (max-width:375px){
    .we-provide-item h3{
        font-size:25px
    }
}
.we-provide-item h3 span{
    font-style:italic;
    font-weight:300;
    color:var(--digitechnologys-primary-color)
}
.we-provide-item .tags{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    padding-top:5px;
    margin-left:-5px;
    margin-right:-5px
}
.we-provide-item .tags a{
    -webkit-box-flex:1;
    -ms-flex:1 1;
    flex:1 1;
    padding:1px 10px;
    text-align:center;
    margin:10px 5px 0;
    border-radius:14px;
    border:2px solid rgb(255 255 255 / .1)
}
.product-item{
    background:#0a1019;
    margin-bottom:30px
}
.product-item .image img{
    width:100%
}
.product-item .content{
    padding:28px 40px 40px 50px
}
@media only screen and (max-width:375px){
    .product-item .content{
        padding-left:25px;
        padding-right:25px
    }
}
.product-item .content h5{
    font-size:22px;
    line-height:1.58
}
.product-item .content .ratting-price .ratting i{
    color:#ff7425
}
.product-item .content .ratting-price .ratting .price{
    font-size:22px;
    font-weight:600;
    color:var(--digitechnologys-primary-color);
    margin-left:10px
}
.product-item .content .theme-btn{
    margin-top:34px;
    padding-top:9px;
    padding-bottom:9px
}
.shop-shorter{
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:justify;
    -ms-flex-pack:justify;
    justify-content:space-between
}
.shop-shorter .sort-text{
    margin-right:25px
}
@media only screen and (min-width:376px){
    .shop-shorter .sort-text{
        font-size:18px
    }
}
.shop-shorter .products-dropdown .nice-select{
    border:none;
    font-size:16px;
    border-radius:0;
    min-width:300px;
    padding:0 0 20px;
    background:#fff0;
    border-bottom:2px solid #fff
}
@media only screen and (max-width:375px){
    .shop-shorter .products-dropdown .nice-select{
        min-width:250px
    }
}
.shop-shorter .products-dropdown .nice-select:after{
    right:0;
    top:11px
}
.shop-shorter .products-dropdown .nice-select .list{
    background:#222
}
.shop-shorter .products-dropdown .nice-select .list .selected,.shop-shorter .products-dropdown .nice-select .list .option:hover{
    background-color:#111
}
.preview-images{
    margin-bottom:30px
}
.preview-images img{
    width:100%
}
.thumb-images{
    -webkit-box-pack:justify;
    -ms-flex-pack:justify;
    justify-content:space-between
}
.thumb-images .thumb-item{
    width:calc(33.3333% - 20px)
}
.thumb-images .thumb-item img{
    width:100%
}
.product-details-content .section-title h2{
    margin-bottom:15px
}
.product-details-content .ratting-price{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center
}
.product-details-content .ratting-price .price{
    font-size:24px;
    font-weight:500;
    color:var(--digitechnologys-primary-color);
    margin-left:10px
}
.product-details-content .ratting-price .price:before{
    content:"$"
}
.product-details-content .category-tags li:not(:last-child){
    margin-bottom:8px
}
.product-details-content .category-tags li b{
    color:#fff;
    font-size:18px;
    font-weight:600;
    margin-right:20px;
    margin-bottom:10px
}
@media only screen and (min-width:576px){
    .product-details-content .category-tags li b{
        min-width:100px;
        display:inline-block
    }
}
.product-details-content .category-tags li a{
    color:#fff;
    padding:2px 25px;
    margin-bottom:10px;
    display:inline-block;
    border:1px solid var(--ygency-border-color)
}
@media only screen and (max-width:375px){
    .product-details-content .category-tags li a{
        padding-left:20px;
        padding-right:20px
    }
}
.product-details-content .category-tags li a:not(:last-child){
    margin-right:10px
}
.product-details-content .category-tags li a:hover{
    color:var(--ygency-dark-color);
    background:var(--digitechnologys-primary-color)
}
.product-details-content .add-to-cart{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center
}
.product-details-content .add-to-cart input{
    width:90px;
    color:#fff;
    font-size:20px;
    border-radius:0;
    padding:8px 20px;
    margin:10px 10px 0 0;
    background:#fff0;
    border:2px solid var(--ygency-border-color)
}
.product-details-content .add-to-cart .theme-btn{
    padding-top:9px;
    padding-bottom:9px;
    margin:10px 10px 0 0
}
.product-details-content .add-to-cart .wishlist{
    margin-top:10px;
    padding:8px 20px;
    border-radius:5px;
    background:#fff0;
    border:1px solid var(--ygency-border-color)
}
.product-information-tab li:not(:last-child){
    margin-right:30px
}
@media only screen and (max-width:575px){
    .product-information-tab li:not(:last-child){
        margin-right:15px
    }
}
.product-information-tab li a{
    font-weight:700;
    background:#fff;
    color:var(--ygency-dark-color);
    padding:11px 40px;
    margin-bottom:15px;
    display:inline-block
}
@media only screen and (max-width:479px){
    .product-information-tab li a{
        padding:8px 25px
    }
}
.product-information-tab li a i{
    margin-left:10px;
    -webkit-transform:rotate(-45deg);
    -ms-transform:rotate(-45deg);
    transform:rotate(-45deg)
}
.product-information-tab li a.active{
    background:var(--digitechnologys-primary-color)
}
.review-form .ratting b{
    font-size:20px;
    font-weight:400;
    margin-right:20px
}
.review-form .form-group{
    margin-bottom:30px
}
.review-form .form-group .nice-select,.review-form .form-group .form-control{
    line-height:1.4;
    background:red;
    border-color:red
}
@media only screen and (min-width:480px){
    .review-form .form-group .nice-select,.review-form .form-group .form-control{
        font-size:20px
    }
}
.review-form .form-group .nice-select::-webkit-input-placeholder,.review-form .form-group .form-control::-webkit-input-placeholder{
    color:red
}
.review-form .form-group .nice-select:-ms-input-placeholder,.review-form .form-group .form-control:-ms-input-placeholder{
    color:red
}
.review-form .form-group .nice-select::-ms-input-placeholder,.review-form .form-group .form-control::-ms-input-placeholder{
    color:red
}
.review-form .form-group .nice-select::placeholder,.review-form .form-group .form-control::placeholder{
    color:red
}
.review-form .form-group .nice-select:focus,.review-form .form-group .form-control:focus{
    background:#fff0;
    border-color:red
}
.review-form .form-group .nice-select .current,.review-form .form-group .form-control .current{
    font-weight:400
}
@media only screen and (min-width:768px){
    .review-form .theme-btn{
        padding:14px 55px
    }
}
.work-step-item{
    padding:32px 32px 16px;
    background:#0a1019;
    text-align:center;
    margin-bottom:30px;
    position:relative;
    z-index:1
}
.work-step-item:before{
    content:"";
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
    background-image:url(../images/shapes/work-step-bg.png);
    background-color:var(--digitechnologys-primary-color);
    visibility:hidden;
    opacity:0;
    -webkit-transition:0.3s;
    -o-transition:0.3s;
    transition:0.3s;
    z-index:-1
}
.work-step-item:after{
    content:"\f105";
    font-family:"Font Awesome 5 Pro";
    color:rgb(255 255 255 / .3);
    position:absolute;
    left:calc(100% + 42px);
    top:50%;
    -webkit-transform:translateY(-50%);
    -ms-transform:translateY(-50%);
    transform:translateY(-50%);
    -webkit-transition:0.3s;
    -o-transition:0.3s;
    transition:0.3s
}
@media only screen and (max-width:1399px){
    .work-step-item:after{
        left:calc(100% + 12px)
    }
}
@media only screen and (max-width:1199px){
    .work-step-item:after{
        content:none
    }
}
.work-step-item.arrow-none:after{
    content:none
}
.work-step-item.bg-shape-none:before{
    background-image:none
}
.work-step-item .step-number{
    font-size:18px;
    font-weight:500;
    color:var(--digitechnologys-primary-color);
    display:inline-block;
    margin-bottom:10px;
    -webkit-transition:0.3s;
    -o-transition:0.3s;
    transition:0.3s
}
.work-step-item .title{
    font-size:22px;
    margin-bottom:30px;
    -webkit-transition:0.3s;
    -o-transition:0.3s;
    transition:0.3s
}
.work-step-item .content{
    line-height:30px;
    padding-top:20px;
    border-top:1px solid var(--ygency-border-color);
    -webkit-transition:0.3s;
    -o-transition:0.3s;
    transition:0.3s
}
.work-step-item:hover:before{
    visibility:visible;
    opacity:1
}
.work-step-item:hover:after{
    color:#fff
}
.work-step-item:hover .step-number,.work-step-item:hover .title,.work-step-item:hover .content{
    color:var(--ygency-dark-color)
}
.work-step-item:hover .content{
    border-color:var(--ygency-dark-color)
}
.bg-line-shape{
    position:absolute;
    left:50%;
    top:50%;
    -webkit-transform:translate(-50%,-50%);
    -ms-transform:translate(-50%,-50%);
    transform:translate(-50%,-50%);
    z-index:-1;
    width:100%;
    top:44%
}
@media only screen and (min-width:1600px){
    .bg-line-shape{
        width:118%
    }
}
@media only screen and (max-width:1199px){
    .bg-line-shape{
        display:none
    }
}
.work-step-item.style-two{
    width:270px;
    height:270px;
    margin-left:auto;
    margin-right:auto;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column;
    border-radius:50%
}
@media only screen and (max-width:767px){
    .why-choose-area .why-choose-item-two .icon{
        margin-right:10px;
        overflow:unset
    }
    .footer-right-content{
        padding-top:25px!important
    }
    .footer-right-content .footer-title{
        margin-bottom:8px
    }
    .terms_link{
        padding-left:0!important;
        margin-top:10px
    }
    .work-step-item.style-two{
        margin-top:0
    }
    .testimonial-item.style-three .middle-quote{
        margin-top:0px!important;
        margin-bottom:0px!important
    }
}
.work-step-item.style-two:before{
    border-radius:50%
}
.work-step-item.style-two:after{
    content:"";
    width:100%;
    height:100%;
    left:0;
    top:0;
    z-index:-2;
    border-radius:50%;
    border:2px solid rgb(255 255 255 / .2);
    -webkit-transform:translate(0);
    -ms-transform:translate(0);
    transform:translate(0);
    visibility:hidden;
    opacity:0;
    -webkit-transition:0.3s;
    -o-transition:0.3s;
    transition:0.3s
}
.work-step-item.style-two:hover:after{
    visibility:visible;
    opacity:1;
    left:10px;
    top:10px
}
.work-step-item.style-three{
    width:270px;
    height:270px;
    margin-left:auto;
    margin-right:auto;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column;
    border-radius:50%;
    border:1px solid var(--ygency-border-color);
    background:#fff0
}
.work-step-item.style-three:before{
    content:none
}
.work-step-item.style-three .step-number{
    color:var(--digitechnologys-primary-color)
}
.work-step-item.style-three .title{
    color:#fff
}
.work-step-item.style-three .content{
    color:var(--ygency-body-color);
    border-color:var(--ygency-border-color)
}
.work-step-item.style-three .image{
    position:absolute;
    right:30%;
    bottom:30%;
    -webkit-transform:scale(0) rotate(15deg);
    -ms-transform:scale(0) rotate(15deg);
    transform:scale(0) rotate(15deg);
    visibility:hidden;
    opacity:0;
    -webkit-transition:0.5s;
    -o-transition:0.5s;
    transition:0.5s
}
.work-step-item.style-three .image img{
    border-radius:12px
}
.work-step-item.style-three:hover{
    z-index:3
}
.work-step-item.style-three:hover .image{
    visibility:visible;
    opacity:1;
    right:-27px;
    bottom:-29%;
    -webkit-transform:scale(1) rotate(-15deg);
    -ms-transform:scale(1) rotate(-15deg);
    transform:scale(1) rotate(-15deg)
}
@media only screen and (max-width:375px){
    .work-step-item.style-three:hover .image{
        right:0
    }
}
.work-process-three-area .work-step-item:after{
    left:calc(100% + 32px)
}
@media only screen and (max-width:1399px){
    .work-process-three-area .work-step-item:after{
        content:none
    }
}
.work-process-five-area{
    position:relative;
    z-index:1
}
.work-process-five-area:before{
    content:"";
    z-index:-1;
    position:absolute;
    left:70px;
    top:0;
    background:#0a1019;
    width:calc(100% - 140px);
    height:100%
}
@media only screen and (max-width:1599px){
    .work-process-five-area:before{
        left:0;
        width:100%
    }
}
.work-process-five{
    margin-bottom:30px
}
.work-process-five .icon-title{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    margin-bottom:28px
}
.work-process-five .icon-title i{
    font-size:65px;
    margin-right:25px;
    color:var(--digitechnologys-primary-color)
}
.work-process-five .read-more{
    margin-top:10px;
    text-decoration:none
}
.work-process-five .read-more:not(:hover){
    color:#fff
}
.skills-wrap{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap
}
.skill-item{
    padding:17px 40px;
    border-radius:40px;
    background:#fff;
    margin-bottom:35px;
    margin-left:15px;
    margin-right:15px;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    max-width:-webkit-max-content;
    max-width:-moz-max-content;
    max-width:max-content;
    -webkit-box-shadow:0 5px 0 0 var(--digitechnologys-primary-color);
    box-shadow:0 5px 0 0 var(--digitechnologys-primary-color)
}
@media only screen and (max-width:767px){
    .skill-item{
        padding:8px 15px;
        margin-left:5px;
        margin-right:5px;
        margin-bottom:20px
    }
}
@media only screen and (max-width:767px){
    .skill-item img{
        max-width:20px
    }
}
.skill-item .text{
    color:#181818;
    font-size:20px;
    font-weight:600;
    margin-left:15px
}
@media only screen and (max-width:767px){
    .skill-item .text{
        font-size:15px;
        margin-left:8px
    }
}
.my-skill-images{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    padding:40px 40px 20px;
    background:var(--digitechnologys-primary-color)
}
@media only screen and (max-width:575px){
    .my-skill-images{
        padding-left:15px;
        padding-right:15px;
        padding-bottom:30px
    }
}
.my-skill-images .skill-item{
    -webkit-box-shadow:none;
    box-shadow:none;
    border-radius:0;
    margin:0 10px 20px;
    border:2px solid var(--ygency-dark-color)
}
@media only screen and (min-width:768px){
    .my-skill-images .skill-item{
        padding:15px 28px
    }
}
@media only screen and (max-width:575px){
    .my-skill-images .skill-item{
        margin:0 5px 10px
    }
}
@media only screen and (max-width:375px){
    .my-skill-images .skill-item{
        padding:5px 10px
    }
}
.cta-wrap{
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    margin-left:-15px;
    margin-right:-15px
}
.cta-wrap>*{
    margin:0 15px 15px
}
.cta-wrap h4{
    text-align:center;
    color:var(--ygency-dark-color)
}
@media only screen and (min-width:576px){
    .cta-wrap h4{
        font-size:27px
    }
}
.cta-wrap .theme-btn{
    color:var(--ygency-dark-color);
    padding-top:4px;
    padding-bottom:4px;
    border:2px solid var(--ygency-dark-color)
}
.cta-wrap .theme-btn:hover{
    border:2px solid var(--ygency-dark-color)
}
.cta-shapes .shape{
    z-index:-1;
    max-width:5%;
    position:absolute
}
.cta-shapes .shape.one{
    left:5%;
    bottom:20px
}
.cta-shapes .shape.two{
    left:15%;
    top:25px
}
.cta-shapes .shape.three{
    left:25%;
    top:30px
}
.cta-shapes .shape.four{
    right:15%;
    bottom:20px
}
.cta-shapes .shape.five{
    right:25%;
    top:30px
}
.cta-shapes .shape.six{
    right:5%;
    top:30px
}
.author-speech{
    color:#fff;
    font-size:27px;
    font-weight:500;
    line-height:1.67
}
@media only screen and (max-width:767px){
    .author-speech{
        font-size:20px
    }
}
.author-speech .quote{
    font-size:65px;
    font-weight:300;
    line-height:0;
    vertical-align:-4px;
    display:inline-block;
    margin-right:5px
}
@media only screen and (max-width:767px){
    .author-speech .quote{
        font-size:50px
    }
}
.author-speech .quote.right-quote{
    -webkit-transform:rotate(180deg);
    -ms-transform:rotate(180deg);
    transform:rotate(180deg);
    vertical-align:-20px;
    margin-right:0;
    margin-left:5px
}
.testimonial-footer{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    -webkit-box-pack:justify;
    -ms-flex-pack:justify;
    justify-content:space-between;
    margin-top:50px;
    max-width:575px
}
.testimonial-author{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap
}
.testimonial-author .author-image{
    margin-right:25px
}
.testimonial-author .author-image img{
    width:65px;
    height:65px;
    border-radius:50%
}
@media only screen and (max-width:375px){
    .testimonial-author .author-info{
        width:100%;
        margin-top:10px
    }
}
.testimonial-author .author-info h4{
    font-size:22px;
    margin-bottom:2px
}
.testimonial-author .author-info .designation{
    color:#fff
}
.testimonial-controls{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center
}
.testimonial-controls .slick-arrow{
    color:rgb(255 255 255 / .65);
    font-size:30px;
    background:#fff0
}
.testimonial-controls .slick-arrow:focus,.testimonial-controls .slick-arrow:hover{
    color:var(--digitechnologys-primary-color)
}
.testimonial-controls .testimonial-dots{
    margin-left:30px;
    margin-right:30px
}
.testimonials-active .slick-list{
    padding-top:15px
}
.testimonial-item.style-two .author-speech{
    font-weight:400;
    text-align:center;
    padding-bottom:15px
}
@media only screen and (min-width:992px){
    .testimonial-item.style-two .author-speech{
        font-size:32px
    }
}
.testimonial-item.style-two hr{
    background:-webkit-radial-gradient(50.43% 100.01%,49.57% 329259.92%,#64b5f6 20%,#fff0 100%);
    background:-o-radial-gradient(50.43% 100.01%,49.57% 329259.92%,#64b5f6 20%,#fff0 100%);
    background:radial-gradient(49.57% 329259.92% at 50.43% 100.01%,#64b5f6 20%,#fff0 100%);
    height:2px
}
.testimonial-item.style-two .testimonial-footer{
    margin-left:auto;
    margin-right:auto;
    margin-top:40px
}
.testimonial-item.style-two .testimonial-author .author-info .designation{
    color:rgb(255 255 255 / .65)
}
.testimonials-two-active{
    padding-left:220px;
    padding-right:220px
}
@media only screen and (max-width:1199px){
    .testimonials-two-active{
        padding-left:120px;
        padding-right:120px
    }
}
@media only screen and (max-width:991px){
    .testimonials-two-active{
        padding-left:60px;
        padding-right:60px
    }
}
@media only screen and (max-width:767px){
    .testimonials-two-active{
        padding-left:30px;
        padding-right:30px
    }
}
@media only screen and (max-width:479px){
    .testimonials-two-active{
        padding-left:0;
        padding-right:0
    }
}
.testimonials-two-active .slick-list{
    padding-top:10px
}
.testimonials-two-active .slick-arrow{
    top:12%;
    color:#fff;
    opacity:.2;
    -webkit-transition:0.3s;
    -o-transition:0.3s;
    transition:0.3s;
    font-size:120px;
    position:absolute;
    background:#fff0;
    z-index:9
}
@media only screen and (max-width:1199px){
    .testimonials-two-active .slick-arrow{
        top:20%
    }
}
@media only screen and (max-width:991px){
    .testimonials-two-active .slick-arrow{
        font-size:80px
    }
}
@media only screen and (max-width:767px){
    .testimonials-two-active .slick-arrow{
        top:15%;
        font-size:50px
    }
}
@media only screen and (max-width:479px){
    .testimonials-two-active .slick-arrow{
        top:20%
    }
}
.testimonials-two-active .slick-arrow.prev-arrow{
    left:-50px
}
@media only screen and (max-width:1599px){
    .testimonials-two-active .slick-arrow.prev-arrow{
        left:0
    }
}
.testimonials-two-active .slick-arrow.next-arrow{
    right:-50px
}
@media only screen and (max-width:1599px){
    .testimonials-two-active .slick-arrow.next-arrow{
        right:0
    }
}
.testimonials-two-active .slick-arrow:hover,.testimonials-two-active .slick-arrow:focus{
    opacity:1
}
.testimonial-two-dots .slick-dots li.slick-active,.testimonial-three-dots .slick-dots li.slick-active{
    background:var(--digitechnologys-primary-color)
}
.testimonial-item.style-three .ratting{
    margin-left:-5px;
    margin-bottom:20px
}
@media only screen and (min-width:992px){
    .testimonial-item.style-three .author-speech{
        font-size:30px;
        line-height:1.5
    }
}
.testimonial-item.style-three .middle-quote{
    border-bottom:1px solid var(--ygency-border-color);
    position:relative;
    margin-top:70px;
    margin-bottom:70px
}
.testimonial-item.style-three .middle-quote .icon{
    width:65px;
    height:65px;
    background:#000;
    line-height:65px;
    border-radius:50%;
    text-align:center;
    font-size:30px;
    color:var(--digitechnologys-primary-color);
    line-height:70px;
    border:1px solid var(--ygency-border-color);
    position:absolute;
    left:40px;
    top:-32px
}
@media only screen and (max-width:375px){
    .testimonial-item.style-three .middle-quote .icon{
        left:20px
    }
}
.testimonial-item.style-three .testimonial-author{
    margin-left:40px
}
@media only screen and (max-width:375px){
    .testimonial-item.style-three .testimonial-author{
        margin-left:20px
    }
}
.testimonial-item.style-three .testimonial-author .author-info .designation{
    color:var(--ygency-body-color)
}
.testimonial-controls.style-three .slick-arrow:focus,.testimonial-controls.style-three .slick-arrow:hover{
    color:#fff
}
.testimonial-three-dots{
    margin-left:35px;
    margin-right:35px
}
.testimonial-three-dots .slick-dots li{
    margin-left:7px;
    margin-right:7px
}
.testimonial-three-prev i,.testimonial-three-next i{
    -webkit-transform:rotate(-45deg);
    -ms-transform:rotate(-45deg);
    transform:rotate(-45deg)
}
.testimonials-three-image{
    position:relative;
    z-index:1
}
.testimonials-three-image img{
    width:100%
}
.testimonials-three-image:after{
    content:"";
    z-index:-1;
    position:absolute;
    right:-50px;
    top:-50px;
    width:65%;
    height:85%;
    background:url(../images/testimonials/testi-three-bg-shape.png) no-repeat center/cover
}
.image-border-shape{
    position:relative;
    max-width:-webkit-max-content;
    max-width:-moz-max-content;
    max-width:max-content
}
.image-border-shape .bottom-border{
    position:absolute;
    right:-15px;
    bottom:50px;
    z-index:-1;
    -webkit-transform:rotate(20deg);
    -ms-transform:rotate(20deg);
    transform:rotate(20deg)
}
@media only screen and (max-width:479px){
    .image-border-shape .bottom-border{
        right:0
    }
}
.bottom-border{
    width:330px;
    height:330px;
    border:60px solid;
    border-radius:50%;
    border-color:var(--digitechnologys-primary-color) var(--digitechnologys-primary-color) var(--digitechnologys-primary-color) #fff0
}
@media only screen and (max-width:479px){
    .bottom-border{
        width:250px;
        height:250px;
        border-width:40px
    }
}
.testimonial-section-five{
    background:#0a1019
}
.testimonial-five-image{
    height:100%;
    min-height:500px;
    background-size:cover
}
@media only screen and (max-width:575px){
    .testimonial-five-right{
        padding-left:35px;
        padding-right:35px
    }
}
@media only screen and (max-width:375px){
    .testimonial-five-right{
        padding-left:25px;
        padding-right:25px
    }
}
.testimonial-five-right .author-speech{
    font-weight:400
}
@media only screen and (min-width:992px){
    .testimonial-five-right .author-speech{
        font-size:30px
    }
}
.testimonial-five-right hr{
    opacity:1;
    height:2px;
    border:none;
    margin-top:40px;
    background:-webkit-gradient(linear,left top,right top,color-stop(.86%,#64b5f6),to(#fff0));
    background:-webkit-linear-gradient(left,#64b5f6 .86%,#fff0 100%);
    background:-o-linear-gradient(left,#64b5f6 .86%,#fff0 100%);
    background:linear-gradient(90deg,#64b5f6 .86%,#fff0 100%)
}
.testimonial-five-right .testimonial-footer{
    margin-top:40px
}
.client-logo-wrap{
    margin-left:-30px;
    margin-right:-30px;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:justify;
    -ms-flex-pack:justify;
    justify-content:space-between
}
@media only screen and (max-width:1199px){
    .client-logo-wrap{
        -ms-flex-wrap:wrap;
        flex-wrap:wrap;
        -webkit-box-pack:center;
        -ms-flex-pack:center;
        justify-content:center
    }
}
.client-logo-wrap .client-logo-item{
    max-width:40%;
    margin:0 30px 30px;
    -webkit-filter:grayscale(1) opacity(.2);
    filter:grayscale(1) opacity(.2)
}
.client-logo-wrap .client-logo-item:hover{
    -webkit-filter:grayscale(0) opacity(1);
    filter:grayscale(0) opacity(1)
}
@media only screen and (min-width:480px){
    .client-text{
        font-size:18px
    }
}
.client-logo-wrap-two{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    margin-left:-15px;
    margin-right:-15px
}
.client-logo-wrap-two .client-logo-item{
    padding:30px;
    margin-bottom:30px;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    background:#0a1019;
    margin-left:15px;
    margin-right:15px;
    width:calc(20% - 30px);
    border:1px solid var(--ygency-border-color)
}
@media only screen and (max-width:1199px){
    .client-logo-wrap-two .client-logo-item{
        width:calc(25% - 30px)
    }
}
@media only screen and (max-width:991px){
    .client-logo-wrap-two .client-logo-item{
        width:calc(33.333% - 30px)
    }
}
@media only screen and (max-width:575px){
    .client-logo-wrap-two .client-logo-item{
        width:calc(50% - 30px)
    }
}
.client-logo-wrap-two .client-logo-item img{
    -webkit-transition:0.5s;
    -o-transition:0.5s;
    transition:0.5s;
    -webkit-filter:brightness(0) invert(1);
    filter:brightness(0) invert(1)
}
.client-logo-wrap-two .client-logo-item:hover{
    background:var(--digitechnologys-primary-color)
}
.client-logo-wrap-two .client-logo-item:hover img{
    -webkit-filter:brightness(1) invert(0);
    filter:brightness(1) invert(0)
}
.widget:not(:last-child){
    margin-bottom:50px
}
.widget-title{
    color:var(--digitechnologys-primary-color);
    margin-bottom:30px;
    padding-bottom:25px;
    border-bottom:1px solid rgb(255 255 255 / .15)
}
.widget-search .widget-title{
    margin-bottom:0;
    border-bottom:none
}
.widget-search form{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    padding:0 0 15px;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    border-bottom:1px solid #fff
}
.widget-search form input{
    padding:0;
    color:#fff;
    border:none;
    font-size:22px;
    background:#fff0
}
.widget-search form input::-webkit-input-placeholder{
    color:#fff
}
.widget-search form input:-ms-input-placeholder{
    color:#fff
}
.widget-search form input::-ms-input-placeholder{
    color:#fff
}
.widget-search form input::placeholder{
    color:#fff
}
.widget-search form button{
    -webkit-box-flex:0;
    -ms-flex:none;
    flex:none;
    color:#fff;
    font-size:20px;
    background:#fff0
}
.widget-author{
    text-align:center
}
.widget-author img{
    border-radius:50%;
    margin-bottom:33px
}
.widget-author h5{
    margin-bottom:15px
}
@media only screen and (min-width:376px){
    .widget-author h5{
        font-size:22px
    }
}
.widget-author p{
    max-width:315px;
    margin-left:auto;
    margin-right:auto;
    margin-bottom:25px
}
.widget-author .social-style-one a{
    font-size:20px;
    margin-left:15px;
    margin-right:15px
}
.widget-author .social-style-one a:hover{
    color:var(--digitechnologys-primary-color)
}
.widget-category ul li{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center
}
.widget-category ul li:not(:last-child){
    margin-bottom:15px
}
.widget-category ul li span{
    margin-left:6px;
    -webkit-transform:translateY(-6px);
    -ms-transform:translateY(-6px);
    transform:translateY(-6px)
}
.widget-recent-news ul li{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center
}
.widget-recent-news ul li:not(:last-child){
    margin-bottom:30px
}
.widget-recent-news ul li .image{
    -webkit-box-flex:0;
    -ms-flex:none;
    flex:none;
    max-width:100px;
    margin-right:35px
}
@media only screen and (max-width:375px){
    .widget-recent-news ul li .image{
        max-width:70px;
        margin-right:15px
    }
}
.widget-recent-news ul li h5{
    margin-bottom:0;
    line-height:1.65;
    font-size:18px
}
@media only screen and (min-width:992px) and (max-width:1199px){
    .widget-recent-news ul li h5{
        font-size:16px
    }
}
@media only screen and (max-width:375px){
    .widget-recent-news ul li h5{
        font-size:15px;
        line-height:1.3
    }
}
.widget-recent-news ul li .date{
    font-size:14px;
    text-transform:uppercase
}
.widget-recent-news ul li .date i{
    margin-right:7px
}
.tag-coulds{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    margin:-15px -7.5px 0
}
.tag-coulds a{
    font-size:16px;
    font-weight:500;
    padding:7px 22px;
    margin:15px 7.5px 0;
    background:#fff0;
    border:1px solid var(--ygency-border-color)
}
.tag-coulds a:hover{
    background:#16161c;
    border-color:#16161c
}
.gallery{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    margin:-20px -10px 0
}
.gallery a{
    margin:20px 10px 0;
    z-index:1;
    position:relative;
    max-width:calc(33.333% - 20px)
}
.gallery a::before{
    position:absolute;
    content:"";
    width:100%;
    height:100%;
    z-index:-1;
    top:0;
    left:0;
    opacity:0;
    background-color:#000
}
.gallery a:before{
    z-index:1;
    -webkit-transition:0.5s;
    -o-transition:0.5s;
    transition:0.5s
}
.gallery a i{
    z-index:2;
    position:absolute;
    left:50%;
    top:50%;
    opacity:0;
    font-size:20px;
    -webkit-transition:0.5s;
    -o-transition:0.5s;
    transition:0.5s;
    -webkit-transform:translate(-50%,-50%) rotate(-45deg);
    -ms-transform:translate(-50%,-50%) rotate(-45deg);
    transform:translate(-50%,-50%) rotate(-45deg)
}
.gallery a:hover:before{
    opacity:.75
}
.gallery a:hover i{
    opacity:1
}
.error-header.fixed-header .header-inner{
    padding-top:10px;
    padding-bottom:10px
}
.error-section{
    min-height:100vh
}
.error-content h1{
    margin-bottom:20px
}
@media only screen and (min-width:1200px){
    .error-content h1{
        font-size:100px
    }
}
@media only screen and (max-width:767px){
    .error-content h1{
        font-size:60px
    }
}
@media only screen and (max-width:375px){
    .error-content h1{
        font-size:50px
    }
}
@media only screen and (min-width:1400px){
    .error-image{
        margin-right:-150px
    }
}
.main-footer{
    background-color:#0a1019;
    background-size:cover;
    background-position:center center;
    background-repeat:no-repeat
}
.footer-top{
    border-bottom:1px solid var(--ygency-border-color)
}
.lets-work img{
    float:left;
    width:80px;
    height:80px;
    border-radius:50%;
    margin-right:20px
}
@media only screen and (max-width:575px){
    .lets-work img{
        width:50px;
        height:50px
    }
}
.lets-work span{
    color:#fff;
    font-size:85px;
    font-weight:600;
    line-height:1.1
}
@media only screen and (max-width:1199px){
    .lets-work span{
        font-size:65px!important
    }
}
@media only screen and (max-width:575px){
    .lets-work span{
        font-size:35px!important
    }
}
@media only screen and (max-width:375px){
    .lets-work span{
        font-size:40px
    }
}
.footer-contact-info .theme-btn.style-three{
    margin-top:15px
}
@media only screen and (max-width:375px){
    .footer-contact-info .theme-btn.style-three{
        font-size:20px
    }
}
.footer-contact-info .theme-btn.style-three:not(:last-child){
    margin-right:30px
}
.footer-contact-info .phone-number{
    color:var(--ygency-dark-color);
    background:var(--digitechnologys-primary-color);
    border-color:var(--digitechnologys-primary-color)
}
.footer-contact-info .phone-number:hover{
    color:var(--ygency-secondary-color);
    background:#fff0;
    border-color:var(--ygency-border-color)
}
@media only screen and (min-width:1400px){
    .footer-right-content{
        border-left:1px solid var(--ygency-border-color);
        padding-left:60px;
        padding-top:75px;
        padding-bottom:75px
    }
}
@media only screen and (max-width:1399px){
    .footer-right-content{
        padding-top:75px
    }
}
.footer-right-content .widget_nav_menu{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    -webkit-box-pack:justify;
    -ms-flex-pack:justify;
    justify-content:space-between
}
.footer-title{
    margin-bottom:28px
}
.footer-bottom-menu ul{
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    display:-webkit-inline-box;
    display:-ms-inline-flexbox;
    display:inline-flex;
    margin-right:-30px
}
.footer-bottom-menu ul li{
    margin:0 30px 5px 0
}
.footer-bottom-menu ul li a{
    color:#fff
}
.copyright-text{
    border-top:1px solid var(--ygency-border-color);
    border-left:1px solid var(--ygency-border-color)
}
@media only screen and (max-width:1399px){
    .copyright-text{
        border:none
    }
}
.copyright-text p{
    margin-bottom:5px
}
.copyright-text a{
    color:var(--digitechnologys-primary-color)
}
.footer-widget{
    margin-bottom:50px
}
@media only screen and (min-width:376px){
    .footer-two .footer-title{
        font-size:22px
    }
}
.footer-two p a{
    color:var(--digitechnologys-primary-color)
}
.footer-two .widget_nav_menu{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    -webkit-box-pack:justify;
    -ms-flex-pack:justify;
    justify-content:space-between
}
.footer-two .widget_nav_menu .list-style-two li{
    font-size:16px
}
.footer-two .widget_nav_menu .list-style-two li:not(:last-child){
    margin-bottom:5px
}
.footer-left-title{
    font-size:65px;
    font-weight:500;
    color:#fff;
    line-height:1.1
}
@media only screen and (max-width:1199px){
    .footer-left-title{
        font-size:55px
    }
}
@media only screen and (max-width:575px){
    .footer-left-title{
        font-size:45px
    }
}
@media only screen and (max-width:575px){
    .footer-left-title{
        font-size:40px
    }
}
@media only screen and (max-width:375px){
    .footer-left-title{
        font-size:35px
    }
}
.footer-text{
    max-width:250px
}
.footer-text a{
    margin-bottom:8px;
    display:inline-block;
    text-decoration:underline
}
.footer-text a:hover{
    color:var(--digitechnologys-primary-color);
    text-decoration:none
}
.footer-newsletter{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    margin-bottom:30px;
    padding-bottom:15px;
    border-bottom:1px solid rgb(255 255 255 / .65)
}
.footer-newsletter input{
    padding:0;
    border:none;
    background:#fff0;
    color:rgb(255 255 255 / .65)
}
.footer-newsletter input::-webkit-input-placeholder{
    color:rgb(255 255 255 / .65)
}
.footer-newsletter input:-ms-input-placeholder{
    color:rgb(255 255 255 / .65)
}
.footer-newsletter input::-ms-input-placeholder{
    color:rgb(255 255 255 / .65)
}
.footer-newsletter input::placeholder{
    color:rgb(255 255 255 / .65)
}
.footer-newsletter button{
    background:#fff0;
    -webkit-transform:rotate(-45deg);
    -ms-transform:rotate(-45deg);
    transform:rotate(-45deg);
    color:rgb(255 255 255 / .65)
}
.newsletter-widget .policy{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex
}
.newsletter-widget .policy input{
    margin-top:3px;
    margin-right:15px
}
.newsletter-widget .policy label{
    margin-bottom:0
}
.newsletter-widget .policy label a{
    text-decoration:underline
}
.footer-three .copyright-area a{
    color:var(--digitechnologys-primary-color)
}
.footer-top-two .footer-logo{
    max-width:160px
}
.footer-top-two .social-style-four a:hover{
    color:var(--digitechnologys-primary-color);
    text-decoration:underline
}
.footer-four .social-style-four{
    margin-left:-15px;
    margin-right:-15px
}
.footer-four .social-style-four a{
    margin-left:15px;
    margin-right:15px
}
.footer-four .social-style-four a:hover{
    color:var(--digitechnologys-primary-color)
}
.footer-four .list-style-two li{
    font-size:16px
}
.footer-four .list-style-two li:not(:last-child){
    margin-bottom:10px
}
.footer-four .footer-logo{
    max-width:160px
}
.footer-four .copyright-area{
    border-top:1px solid rgb(255 255 255 / .1)
}
.footer-four .copyright-area a{
    color:var(--digitechnologys-primary-color)
}
.footer-five .footer-bottom-menu ul li a:hover,.footer-five .footer-copyright-text a{
    color:var(--digitechnologys-primary-color)
}
.footer-five .copyright-area{
    border-top:1px solid rgb(255 255 255 / .1)
}
.footer-five .footer-info .list-style-two li{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex
}
.footer-five .footer-info .list-style-two li:not(:last-child){
    margin-bottom:15px
}
.footer-five .footer-info .list-style-two li i{
    margin-top:7px;
    margin-right:13px;
    color:var(--digitechnologys-primary-color)
}
.footer-five .footer-info .list-style-two li a:hover{
    font-size:24px
}
.footer-six{
    color:#64748b
}
.footer-six a{
    color:#64748b
}
.footer-six .footer-logo img{
    max-width:160px
}
.footer-six .footer-newsletter{
    border:none;
    background:#fff;
    padding:5px 5px 5px 20px
}
.footer-six .footer-newsletter input{
    color:#64748b
}
.footer-six .footer-newsletter input::-webkit-input-placeholder{
    color:#64748b
}
.footer-six .footer-newsletter input:-ms-input-placeholder{
    color:#64748b
}
.footer-six .footer-newsletter input::-ms-input-placeholder{
    color:#64748b
}
.footer-six .footer-newsletter input::placeholder{
    color:#64748b
}
.footer-six .footer-newsletter button{
    -webkit-box-flex:0;
    -ms-flex:none;
    flex:none;
    width:45px;
    height:45px;
    color:#000;
    font-size:20px;
    line-height:45px;
    text-align:center;
    -webkit-transform:rotate(0deg);
    -ms-transform:rotate(0deg);
    transform:rotate(0deg);
    background:var(--digitechnologys-primary-color)
}
.footer-six .footer-newsletter button i{
    -webkit-transform:rotate(-45deg);
    -ms-transform:rotate(-45deg);
    transform:rotate(-45deg)
}
.footer-six .list-style-two li{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    font-size:16px
}
.footer-six .list-style-two li i{
    -webkit-box-flex:0;
    -ms-flex:none;
    flex:none;
    width:20px;
    font-size:20px;
    margin-top:10px;
    margin-right:12px;
    color:var(--digitechnologys-primary-color)
}
.footer-six .widget_nav_menu .list-style-two li{
    -webkit-transition:0.4s;
    -o-transition:0.4s;
    transition:0.4s;
    position:relative
}
.footer-six .widget_nav_menu .list-style-two li a:before{
    left:0;
    top:2px;
    opacity:0;
    color:#fff;
    -webkit-transition:0.5s;
    -o-transition:0.5s;
    transition:0.5s;
    content:"\f105";
    position:absolute;
    font-family:"Font Awesome 5 Pro"
}
.footer-six .widget_nav_menu .list-style-two li a:hover{
    color:#fff;
    padding-left:18px
}
.footer-six .widget_nav_menu .list-style-two li a:hover:before{
    opacity:1
}
.footer-six .footer-info .list-style-two li:not(:last-child){
    margin-bottom:15px
}
.footer-six .copyright-area{
    border-top:1px solid var(--ygency-border-color)
}
.footer-six .copyright-area .footer-copyright-text a{
    color:var(--digitechnologys-primary-color)
}
.footer-six .copyright-area .scroll-top{
    border-radius:50%;
    position:absolute;
    left:calc(50% - 20px);
    top:-20px
}
@media only screen and (min-width:768px){
    .footer-six .copyright-area .scroll-top{
        top:-30px;
        width:60px;
        height:60px;
        font-size:20px;
        line-height:60px;
        left:calc(50% - 30px)
    }
}
.pricing_widget .nav-tabs{
    border:none;
    justify-content:space-between;
    margin-bottom:50px
}
.pricing_widget .nav-tabs button{
    color:#fff;
    border:1px solid #fff;
    border-radius:5px
}
.pricing_widget .nav-tabs button.active{
    background:#bbdefb;
    border-color:#bbdefb
}
.logo-pop img{
    width:40%;
    margin-bottom:30px
}
.modal-open{
    padding-right:0!important
}
.modal-content{
    border:0!important;
    background-color:transparent!important
}
.modal-body{
    background-repeat:no-repeat;
    background-size:cover;
    border-radius:12px;
    background-color:#fff0;
    background-color:#222
}
.btn-close-ctm{
    position:absolute;
    right:20px;
    top:20px;
    filter:invert(1);
    z-index:10
}
.header-form input{
    display:block;
    width:100%;
    margin-bottom:10px;
    border:1px solid #eaeaea;
    background-color:#000;
    height:50px;
    padding:10px;
    color:#fff
}
.header-form select{
    display:block;
    width:100%;
    margin-bottom:10px;
    border:2px solid #eaeaea;
    background-color:#fff;
    height:50px;
    padding:10px;
    appearance:auto
}
.header-form input:focus{
    background-color:#fff0;
    border:1px solid #4d4e4e;
    box-shadow:none
}
.js-submit{
    font-size:calc(14px + (18 - 14) * ((100vw - 300px) / (1920 - 300)));
    font-weight:500;
    padding:14px 60px;
    display:inline-block;
    color:#fff;
    margin-bottom:0;
    margin-right:0;
    border:0;
    border-radius:0;
    transition:0.5s ease-in-out;
    background:linear-gradient(45deg,#f98113,#fdb304);
    border-radius:50px;
    border:1px solid #2e2e2e
}
.js-submit:hover{
    color:#fff;
    background:linear-gradient(90deg,#3f3f3f 1%,#242424 40%,#181818 100%)
}
.iti.iti--allow-dropdown{
    width:100%;
    margin-bottom:10px
}
.header-form textarea{
    display:block;
    width:100%;
    margin-bottom:10px;
    border:1px solid #eaeaea;
    background-color:#000;
    height:50px;
    padding:10px;
    overflow:hidden;
    color:#fff
}
ul.chat_btns{
    display:flex;
    align-items:center;
    gap: 10px;
}
.modal-backdrop.show{
    display:none
}
.modal{
    background:#0000007a
}
@media only screen and (max-width:550px) and (min-width:300px){
    .pricing_widget .nav-tabs{
        display:block;
        width:100%;
        margin:0 auto;
        padding-right:0
    }
    .pricing_widget .nav-tabs button{
        display:block;
        width:100%;
        margin-bottom:8px
    }
    ul.chat_btns{
        display:block
    }
    ul.chat_btns li a{
        width:100%;
        display:block
    }
    ul.chat_btns li a.read-more{
        margin-top:5px;
        text-align:center
    }
}
.banner-request-a-quote{
    background:#bbdefb;
    box-shadow:0 0 4px 0 #00000042;
    width:95%;
    border-radius:10px;
    position:relative;
    margin:0 0 0 auto;
    margin-bottom:20px
}
section#newherosection .banner-request-a-quote{
    background:#64b5f6
}
.banner-request-a-quote:before{
    content:"";
    position:absolute;
    background-image:url(../images/bar-request-a-quote-before.html);
    width:79px;
    height:62px;
    background-size:cover;
    left:-35px;
    top:10px
}
.bnr-req-quote-head h2{
    font-size:36px;
    margin-bottom:0;
    color:#000;
    text-transform:uppercase
}
.bnr-req-quote-form{
    padding:40px 15px;
    background-color:#bbdefb!important
}
section#newherosection .bnr-req-quote-form{
    background-color:#64b5f6!important;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}
.bnr-req-quote-form input{
    width:100%;
    height:60px;
    background:#000;
    margin-bottom:20px;
    border-radius:10px;
    padding:0 15px;
    color:#fff;
    text-transform:capitalize;
    border-width:2px;
    border-style:solid;
    border-radius:0
}
section#newherosection .bnr-req-quote-head{
    background:#64b5f6
}
.bnr-req-quote-head{
    text-align:center;
    background:#bbdefb;
    padding:20px 0 0;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}
.bnr-req-quote-form-btn button{
    background:#000!important;
    display:block;
    width:100%;
    color:#fff!important
}
.terms_link{
    padding-left:0;
    margin-top:8px
}
.terms_link ul{
    display:flex;
    gap:30px
}
.terms_link ul li a{
    font-size:16px;
    font-weight:600;
    color:rgb(255 255 255 / .75)
}
.why-choose-left-image>img{
    height:900px;
    object-fit:cover
}

@media screen and (min-width: 1200px) and (max-width: 1920px) {
    .why-choose-left-image{
        height:100%;
    }
    .why-choose-left-image>img{
        height:100%;
    }
}

.termzz .conditin ul{
    margin-bottom:30px
}
.termzz .conditin p{
    font-weight:400;
    line-height:1.4;
    padding:0 0 30px;
    margin:0
}
.termzz a{
    color:#bbdefb
}
.custom-about-page-main{
    margin-bottom:60px
}
.custom-services-main-page{
    margin-top:60px
}
.custom-marquee-page{
    margin-bottom:60px
}
.project-page-main{
    margin-bottom:60px
}
.marquee-project{
    margin-top:60px
}
@media screen and (max-width:760px){
    .main-menu .navbar-header .navbar-toggle[aria-expanded="true"] .icon-bar:nth-child(1){
        transform:rotate(-45deg);
        margin:0 0
    }
    .main-menu .navbar-header .navbar-toggle[aria-expanded="true"] .icon-bar:nth-child(2){
        display:none;
        margin:0 0
    }
    .main-menu .navbar-header .navbar-toggle[aria-expanded="true"] .icon-bar:nth-child(3){
        transform:rotate(45deg);
        margin:-2px 0 0
    }
    .navbar-collapse.clearfix.collapse.show{
        right:0%;
        left:unset!important;
        position:relative;
        top:19px
    }
    .navbar-collapse.clearfix.collapse{
        right:-100%;
        left:unset!important
    }
    .main-menu .navbar-collapse ul{
        height:92vh
    }
    .main-menu .navbar-header{
        width:100%;
        margin:auto
    }
    .main-menu .navbar-collapse li{
        border:unset!important
    }
}
.custom-services-section{
    color:#fff;
    padding:60px 0;
    text-align:center
}
.custom-container{
    max-width:1355px;
    padding-left:15px;
    padding-right:15px;
    margin:0 auto!important
}
.custom-section-title{
    font-weight:700;
    color:#fff;
    margin-bottom:40px
}
.custom-services-grid{
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(250px,1fr));
    gap:20px
}
.custom-service-box{
    background:#111;
    padding:20px;
    border-radius:10px;
    transition:transform 0.3s ease-in-out;
    text-align:left
}
.custom-service-box:hover{
    transform:translateY(-10 px)
}
.custom-service-box h3{
    color:#bbdefb;
    margin-bottom:10px
}
.custom-service-box ul{
    list-style:none;
    padding:0;
    margin-left:15px
}
.custom-service-box ul li{
    color:#fff;
    line-height:25px;
    position:relative;
    padding-left:0;
    list-style:disc;
    opacity:.75
}
.custom-service-box ul li::marker{
    color:#bbdefb;
    font-size:20px
}
.custom-icon{
    font-size:34px;
    color:#bbdefb;
    margin-bottom:10px
}
.services-section-cstm img{
    width:50px
}
.services-section-cstm .col-xl-3{
    width:33%
}
@media screen and (max-width:480px){
    .services-section-cstm .col-xl-3{
        width:100%
    }
    .services-section-cstm .col-xl-3 .content{
        height:auto
    }
    .pricing-2-page .custom-cta-text{
        text-align:left
    }
}
.services-section-cstm .col-xl-3 h4{
    margin-top:20px;
    font-size:18px;
    color:#bbdefb
}
.custom-cta-section{
    background:#111;
    color:#fff;
    padding:60px 20px;
    text-align:center
}
.custom-container{
    max-width:800px;
    margin:0 auto
}
.custom-cta-title{
    font-size:2.5rem;
    font-weight:700;
    color:#bbdefb;
    margin-bottom:20px
}
.custom-cta-text{
    font-size:1.2rem;
    color:#ccc;
    margin-bottom:30px
}
.custom-cta-button{
    display:inline-block;
    background:#bbdefb;
    color:#111;
    font-size:1.2rem;
    padding:15px 30px;
    border-radius:5px;
    text-decoration:none;
    font-weight:700;
    transition:background 0.3s ease-in-out
}
.custom-cta-button:hover{
    background:#44c48a
}
.custom_termcondition_main{
    background:#0f0f0f;
    padding-bottom:20px
}
.pricing-area-three-part-2ps .nav.nav-tabs{
    justify-content:center!important;
    gap:60px
}
.pricing-plan-item p{
    font-size:14px;
    line-height:normal
}
.code9-logo{
    display:flex;
    align-items:center;
    text-decoration:none;
    font-family:"Arial",sans-serif;
    font-weight:700;
    font-style:italic;
    transform:skew(-5deg)
}
.code9-logo .logo-container{
    display:flex;
    flex-direction:column;
    line-height:1
}
.code9-logo .logo-line-1{
    font-size:36px;
    background:linear-gradient(135deg,#64b5f6 0%,#bbdefb 100%);
    -webkit-background-clip:text;
    -webkit-text-fill-color:#fff0;
    background-clip:text;
    text-shadow:0 2px 4px rgb(0 0 0 / .3);
    filter:drop-shadow(0 1px 2px rgb(255 255 255 / .3));
    position:relative
}
.code9-logo .logo-line-1::before{
    content:"";
    position:absolute;
    top:0;
    left:0;
    right:0;
    bottom:0;
    background:linear-gradient(135deg,rgb(255 255 255 / .2) 0%,transparent 50%);
    -webkit-background-clip:text;
    -webkit-text-fill-color:#fff0;
    background-clip:text;
    pointer-events:none
}
.code9-logo .logo-line-2{
    font-size:24px;
    color:#90caf9;
    font-weight:600;
    position:relative;
    margin-top:-2px
}
.code9-logo .logo-line-2 .llc{
    font-size:12px;
    color:#bbdefb;
    position:relative;
    top:-8px;
    left:5px;
    font-weight:700;
    text-shadow:0 1px 2px rgb(255 255 255 / .3)
}
.code9-logo:hover .logo-line-1{
    background:linear-gradient(135deg,#90caf9 0%,#64b5f6 100%);
    -webkit-background-clip:text;
    -webkit-text-fill-color:#fff0;
    background-clip:text;
    transition:all 0.3s ease
}
.code9-logo:hover .logo-line-2{
    color:#64b5f6;
    transition:all 0.3s ease
}
.code9-logo:hover .logo-line-2 .llc{
    color:#bbdefb;
    transition:all 0.3s ease
}
@media only screen and (max-width:767px){
    .code9-logo .logo-line-1{
        font-size:20px
    }
    .code9-logo .logo-line-2{
        font-size:16px
    }
    .code9-logo .logo-line-2 .llc{
        font-size:10px;
        top:-6px
    }
}
@media only screen and (max-width:575px){
    .code9-logo .logo-line-1{
        font-size:18px
    }
    .code9-logo .logo-line-2{
        font-size:14px
    }
    .code9-logo .logo-line-2 .llc{
        font-size:9px;
        top:-5px
    }
}
.hero-area{
    background:#000;
    position:relative;
    overflow:hidden
}
.hero-area:after{
    content:"";
    position:absolute;
    top:0;
    right:0;
    width:100%;
    height:100%;
    background:radial-gradient(circle at 80% 20%,rgb(255 255 255 / .1) 0%,transparent 50%),radial-gradient(circle at 20% 80%,rgb(255 255 255 / .05) 0%,transparent 50%),radial-gradient(circle at 50% 50%,rgb(255 255 255 / .02) 0%,transparent 70%);
    z-index:1
}
.hero-content{
    position:relative;
    z-index:2;
    color:#fff
}
.hero-subtitle{
    display:block;
    color:#64b5f6;
    font-size:18px;
    font-weight:600;
    text-transform:uppercase;
    letter-spacing:1px;
    margin-bottom:20px;
    text-shadow:0 1px 2px rgb(0 0 0 / .3)
}
.hero-content h1{
    font-size:40px;
    font-weight:700;
    line-height:1.2;
    color:#fff;
    margin-bottom:25px;
    text-transform:none;
    width:70%
}
.hero-description{
    font-size:16px;
    line-height:1.6;
    color:rgb(255 255 255 / .9);
    margin-bottom:15px;
    max-width:600px;
    text-shadow:0 1px 2px rgb(0 0 0 / .5)
}
.hero-features{
    margin-bottom:18px
}
.feature-item{
    display:flex;
    align-items:center;
    color:#fff;
    padding:5px 0;
    transition:all 0.3s ease
}
.feature-item:hover{
    transform:translateX(5px)
}
.feature-item i{
    color:#90caf9;
    font-size:18px;
    margin-right:15px;
    flex-shrink:0
}
.feature-item span{
    font-size:16px;
    line-height:1.4;
    text-shadow:0 1px 2px rgb(0 0 0 / .5)
}
.hero-trust-badges{
    display:flex;
    gap:35px;
    margin-bottom:30px;
    flex-wrap:wrap
}
.trust-badge{
    border-radius:8px;
    text-align:center;
    min-width:140px;
    box-shadow:0 4px 15px rgb(0 0 0 / .1);
    transition:all 0.3s ease;
    display:flex;
    align-items:center;
    justify-content:flex-start
}
.trust-badge img{
    max-width:100%;
    height:auto;
    display:block
}
.trust-badge:hover{
    transform:translateY(-2px);
    box-shadow:0 6px 20px rgb(0 0 0 / .15)
}
.google-partner{
    background:#fff0;
    color:#000
}
.designrush{
    background:#fff0;
    color:#000
}
.hero-cta{
    margin-top:30px
}
.hero-cta button.cta-button{
    font-size:14px!important
}
.cta-button{
    background:#64b5f6;
    color:#fff;
    border:none;
    font-size:14px;
    padding:10px 20px;
    font-weight:600;
    border-radius:8px;
    cursor:pointer;
    transition:all 0.3s ease;
    margin-bottom:10px;
    width:100%;
    max-width:20rem;
    box-shadow:0 4px 15px rgb(187 222 251 / .3);
    letter-spacing:1px
}
.cta-button:hover{
    background:#90caf9;
    transform:translateY(-2px)
}
.cta-subtext{
    color:rgb(255 255 255 / .7);
    font-size:14px;
    text-align:center;
    margin:0;
    text-shadow:0 1px 2px rgb(0 0 0 / .5)
}
.hero-form-container{
    position:relative;
    z-index:2
}
.hero-form{
    background:#fff;
    border-radius:15px;
    padding:1rem;
    box-shadow:0 10px 30px rgb(0 0 0 / .3);
    max-width:100%;
    margin:0 auto;
    position:relative;
    z-index:10;
    height:auto;
    display:flex;
    flex-direction:column
}
.form-header{
    text-align:center;
    margin-bottom:.75rem;
    padding-bottom:.5rem;
    border-bottom:2px solid #f0f0f0;
    flex-shrink:0
}
.form-header h2{
    color:#000;
    font-size:1.25rem;
    font-weight:700;
    margin-bottom:.25rem
}
.exclusive-offer{
    color:#64b5f6;
    font-size:1.575rem;
    font-weight:700;
    margin:0
}
.form-group{
    margin-bottom:.5rem;
    flex-shrink:0
}
.form-group label{
    display:block;
    color:#000;
    font-size:.7rem;
    font-weight:600;
    margin-bottom:.25rem;
    letter-spacing:.5px
}
.form-group input,.form-group textarea{
    width:100%;
    padding:.375rem .5rem;
    border:2px solid #e0e0e0;
    border-radius:.25rem;
    font-size:.7rem;
    transition:all 0.3s ease;
    background:#fff;
    color:#000;
    box-sizing:border-box
}
.form-get-quote{
    display:flex;
    flex-direction:column;
    height:100%;
    justify-content:space-evenly
}
.form-group input:focus,.form-group textarea:focus{
    outline:none;
    border-color:#64b5f6;
    box-shadow:0 0 0 3px rgb(255 0 0 / .1);
    transform:translateY(-1px)
}
.form-group textarea{
    resize:vertical;
    min-height:2.5rem;
    max-height:3rem
}
.submit-button{
    background:#8b4513;
    color:#fff;
    border:none;
    padding:.375rem .75rem;
    font-size:.6875rem;
    font-weight:700;
    border-radius:.25rem;
    cursor:pointer;
    transition:all 0.3s ease;
    width:100%;
    text-transform:uppercase;
    letter-spacing:1px;
    box-shadow:0 4px 15px rgb(139 69 19 / .3);
    flex-shrink:0
}
.submit-button:hover{
    background:#654321;
    transform:translateY(-2px);
    box-shadow:0 6px 20px rgb(139 69 19 / .4)
}
.form-subtext{
    text-align:center;
    color:#666;
    font-size:.5625rem;
    font-style:italic;
    opacity:.8;
    flex-shrink:0
}
.header-contact-info{
    display:flex;
    align-items:center;
    gap:20px;
    margin-right:20px;
    padding:10px 0
}
.us-flag{
    color:#fff;
    font-size:20px
}
.phone-number a{
    color:#fff;
    font-weight:600;
    font-size:16px;
    text-decoration:none
}
.chat-button{
    display:flex;
    align-items:center;
    gap:8px;
    background:rgb(255 255 255 / .1);
    padding:8px 15px;
    border-radius:20px;
    cursor:pointer;
    transition:all 0.3s ease
}
.chat-button:hover{
    background:rgb(255 255 255 / .2)
}
.chat-button i{
    color:#fff;
    font-size:16px
}
.chat-button span{
    color:#fff;
    font-size:12px;
    font-weight:600;
    white-space:nowrap
}
.navigation>li.current>a{
    color:#64b5f6;
    border-bottom:2px solid #64b5f6;
    font-weight:700
}
.navigation>li>a{
    color:#fff;
    font-weight:500;
    transition:all 0.3s ease;
    position:relative;
    text-transform:uppercase;
    letter-spacing:.5px
}
.navigation>li>a:hover{
    color:#64b5f6
}
@media only screen and (min-width:1200px){
    .hero-form{
        height:auto;
        max-height:max-content;
        padding:.875rem
    }
    .form-group{
        margin-bottom:.5rem
    }
    .form-group input,.form-group textarea{
        padding:.3125rem .4375rem;
        font-size:.625rem
    }
    .submit-button{
        padding:.3125rem .625rem;
        font-size:.625rem
    }
}
@media only screen and (min-width:992px) and (max-width:1199px){
    .hero-form{
        height:auto;
        max-height:max-content;
        padding:1rem
    }
    .form-group{
        margin-bottom:.5rem
    }
    .form-group input,.form-group textarea{
        padding:.375rem .5rem;
        font-size:.6875rem
    }
    .submit-button{
        padding:.375rem .75rem;
        font-size:.6875rem
    }
}
@media only screen and (max-width:1199px){
    .hero-content h1{
        font-size:40px
    }
    .header-contact-info{
        gap:15px
    }
    .chat-button span{
        display:none
    }
    .hero-cta button.cta-button{
        font-size:16px!important;
    }
}
@media only screen and (max-width:991px){
    .hero-content h1{
        font-size:36px
    }
    .hero-form{
        margin-top:1.875rem;
        height:auto;
        max-height:max-content;
        padding:.875rem
    }
    .form-group{
        margin-bottom:.5rem
    }
    .header-contact-info{
        display:none
    }
    .col-lg-7{
        text-align:center
    }
    .hero-content h1{
        width:100%
    }
    .feature-item{
        margin-bottom:0px
    }
    .hero-trust-badges{
        justify-content:space-evenly
    }
    .hero-cta button.cta-button{
        font-size:18px!important;
    }
}
@media only screen and (max-width:767px){
    .hero-content h1{
        font-size:32px
    }
    .hero-subtitle{
        font-size:16px
    }
    .hero-form{
        padding:1rem .875rem;
        height:auto;
        max-height:none
    }
    .form-group{
        margin-bottom:.625rem
    }
    .trust-badges{
        flex-direction:column;
        align-items:center
    }
    .hero-cta button.cta-button{
        font-size:17px!important;
    }
}
@media only screen and (max-width:479px){
    .hero-content h1{
        font-size:28px
    }
    .hero-form{
        padding:.875rem .625rem;
        height:auto;
        max-height:none
    }
    .form-group{
        margin-bottom:.5rem
    }
    .form-group input,.form-group textarea{
        padding:.3125rem .4375rem;
        font-size:.625rem
    }
    .submit-button{
        padding:.3125rem .5rem;
        font-size:.625rem
    }
    .hero-cta button.cta-button{
        width:100%;
        font-size:16px!important;
        min-width:100%!important
    }
    .cta-button{
        padding:15px 25px;
        font-size:16px
    }
}
.help-button{
    position:fixed;
    bottom:30px;
    right:30px;
    width:60px;
    height:60px;
    background:#64b5f6;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    cursor:pointer;
    z-index:1000;
    box-shadow:0 4px 15px rgb(255 0 0 / .3);
    transition:all 0.3s ease
}
.help-button:hover{
    transform:scale(1.1);
    box-shadow:0 6px 20px rgb(255 0 0 / .4)
}
.help-button i{
    color:#fff;
    font-size:24px
}

@media only screen and (max-width:768px){
    .trust-badge.google-partner{
        margin-bottom:10px!important
    }
    
}