.header-full .container-fluid {
    padding-left: 55px;
    padding-right: 55px
}

.rounded {
    border-radius: 15px!important;
}

.menu-icon {
    padding: 0;
    width: 68px;
    height: 68px;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center
}

.at-expanding-share-button-desktop {
    display: none !important
}


.bg-gray {
    background: #f3f3f3
}

.menu-icon-in {
    width: 30px;
    height: 22px;
    position: relative;
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
    -webkit-transition: .5s ease-in-out;
    -moz-transition: .5s ease-in-out;
    -o-transition: .5s ease-in-out;
    transition: .5s ease-in-out;
    cursor: pointer;
    display: inline-block
}

.menu-icon-in span {
    display: block;
    position: absolute;
    height: 3px;
    width: 100%;
    border-radius: 1px;
    opacity: 1;
    left: 0;
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
    -webkit-transition: .25s ease-in-out;
    -moz-transition: .25s ease-in-out;
    -o-transition: .25s ease-in-out;
    transition: .25s ease-in-out;
    background-color: #fff
}

.menu-icon-in span:nth-child(1) {
    top: 0;
    width: 60%
}

.menu-icon-in span:nth-child(2) {
    top: 50%;
    transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%)
}

.menu-icon-in span:nth-child(3) {
    bottom: 0;
    width: 85%
}

.menu-icon:hover .menu-icon-in span:nth-child(1),
.menu-icon:hover .menu-icon-in span:nth-child(2),
.menu-icon:hover .menu-icon-in span:nth-child(3) {
    width: 100%
}

.site-header .full-sidenav {
    position: fixed;
    right: -300px;
    width: 300px;
    top: 0;
    z-index: 999988;
    background: #fff;
    height: 100vh;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    transition: all .5s;
    -webkit-transition: all .5s;
    -ms-transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s;
    left: auto
}

.site-header .full-sidenav .mCSB_container {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    min-height: 100%
}

.site-header .full-sidenav.active {
    right: 0
}

.site-header .full-sidenav .nav {
    margin-bottom: auto
}

.header-nav.full-sidenav .nav>li>a {
    color: #000
}

.header-nav.full-sidenav .nav>li>a:hover {
    color: var(--primary-color)
}

.header-nav.full-sidenav .logo-header,
.header-nav.full-sidenav .nav,
.header-nav.full-sidenav .social-menu {
    float: none;
    width: 100%
}

.header-nav.full-sidenav .logo-header {
    height: auto;
    padding: 50px 40px 30px 40px
}

.header-nav.full-sidenav .logo-header a {
    width: 170px;
    display: block
}

.header-nav.full-sidenav .nav>li:hover>.mega-menu,
.header-nav.full-sidenav .nav>li:hover>.sub-menu,
.header-nav.full-sidenav .nav>li>.mega-menu,
.header-nav.full-sidenav .nav>li>.sub-menu {
    opacity: 1;
    visibility: visible;
    position: unset
}

.header-nav.full-sidenav .nav>li>.mega-menu,
.header-nav.full-sidenav .nav>li>.sub-menu {
    box-shadow: none;
    -webkit-transition: unset;
    -moz-transition: unset;
    -ms-transition: unset;
    -o-transition: unset;
    transition: unset
}

.header-nav .nav>li {
    text-transform: capitalize
}

.header-nav .nav>li .sub-menu {
    width: 100%;
    min-width: 100%
}

.header-nav .nav>li .sub-menu li a {
    padding: 6px 15px
}

.header-nav .nav>li>a {
    padding: 5px 30px;
    font-size: 16px
}

.social-menu {
    padding: 40px
}

.social-menu ul {
    margin: 0;
    padding: 0;
    list-style: none;
    margin-bottom: 15px
}

.social-menu .copyright-head {
    margin-bottom: 0;
    color: #ccc
}

.social-menu ul li {
    display: inline-block
}

.social-menu ul li a {
    color: #bbc7cd;
    font-size: 18px;
    padding-right: 15px
}

.social-menu ul li a:hover {
    color: #8799a3
}

.header-nav.full-sidenav .mCustomScrollBox {
    width: 100%
}

.menu-close i {
    color: #fff;
    font-size: 24px;
    position: absolute;
    right: 320px;
    top: 20px
}

.menu-close {
    position: fixed;
    height: 100vh;
    width: 0;
    background: var(--primary-color);
    top: 0;
    right: 0;
    opacity: 0;
    transition: all .5s;
    -webkit-transition: all .5s;
    -ms-transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s;
    filter: blur(300px);
    cursor: pointer;
    overflow: hidden;
    z-index: 9999
}

.menu-close.active {
    width: 100%;
    opacity: 1;
    filter: blur(0)
}

.sr-iconbox .icon-lg {
    text-align: left
}

.sr-iconbox .icon-lg img {
    height: 50px;
    object-fit: contain;
    object-position: bottom
}

.sr-iconbox p {
    margin-bottom: 10px
}

.sr-iconbox p {
    color: #676767;
    font-size: 16px;
    line-height: 28px
}

.section-head .head-title {
    font-size: 30px;
    color: var(--secondary-color);
    position: relative;
}

.section-head .head-title:after {
    content: "";
    position: absolute;
    left: 0;
    width: 80px;
    height: 3px;
    background: var(--primary-color);
    bottom: -2px;
}

.center-after:after {
    left: 46.5%!important;
}

.section-head p {
    font-size: 18px;
    color: #000;
    margin-bottom: 0
}

.mfp-wrap {
    z-index: 100001
}

.mfp-bg {
    z-index: 100000
}

.portbox1 .portinner,
.portbox2 .dlab-info-has,
.portbox2 .dlab-media:after,
.portbox2 .title,
.portbox2 p,
.portbox2 span {
    transition: all .5s;
    -moz-transition: all .5s;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    -ms-transition: all .5s
}

.portbox1,
.portbox2 .dlab-media {
    border-radius: 4px
}

.portbox3 {
    border-radius: 6px;
    margin-bottom: 10px
}

.portbox1 .overlay-bx,
.portbox3 .overlay-bx {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center
}

.portbox1 .overlay-bx span {
    display: block;
    margin-bottom: 10px
}

.portbox1 .portinner,
.portbox3 .overlay-bx {
    transform: scale(.2);
    -webkit-transform: scale(.2);
    -moz-transform: scale(.2);
    -ms-transform: scale(.2);
    -o-transform: scale(.2);
    transition: all .5s;
    -moz-transition: all .5s;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    -ms-transition: all .5s
}

.portbox1:hover .portinner,
.portbox3:hover .overlay-bx {
    transform: scale(1);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1)
}

.portbox1 .overlay-bx .port-title {
    font-size: 35px;
    line-height: 45px;
    margin-bottom: 0
}

.portbox1 .overlay-bx .port-title a {
    color: #fff
}

.portbox2 .dlab-media {
    position: relative;
    display: block;
}

.portbox2 .dlab-media:after {
    content: "";
    height: 100%;
    position: absolute;
    width: 100%;
    background: #0f0f0f;
    background: -moz-linear-gradient(top, rgba(15, 15, 15, 0) 0, #0f0f0f 100%);
    background: -webkit-linear-gradient(top, rgba(15150, 0, 0) 0, #0f0f0f 100%);
    background: linear-gradient(to bottom, rgba(15, 15, 15, 0) 0, #0f0f0f 100%);
    left: 0;
    top: 0
}

.portbox2 .title {
    font-size: 18px;
    line-height: 1.5;
    margin-bottom: 5px
}

.portbox2 .title a:hover {
    color: #ccc !important
}

.portbox2 span {
    color: #fff;
    font-size: 16px
}

.portbox2 p {
    margin-bottom: 0;
    font-size: 16px;
    visibility: hidden;
    height: 1px;
    opacity: 0
}

.portbox2 .dlab-info-has {
    padding: 15px
}

.img-bx {
    margin-bottom: 10px;
}

.img-bx img {
    width: auto;
    margin: 10px auto;
}

.portbox2:hover .dlab-info-has {
    top: 0;
    transform: translateY(0%);
    -moz-transform: translateY(0%);
    -webkit-transform: translateY(0%);
    -ms-transform: translateY(0%);
    -o-transform: translateY(0%)
}

.portbox2:hover span {
    display: none
}

.portbox2:hover p {
    visibility: visible;
    height: auto;
    opacity: 1
}

.portbox2:hover .title {
    margin-bottom: 10px
}

 

.portbox2:hover .dlab-media:after {   opacity: 1  background: rgb(25, 28, 10)!important;
    background: -moz-linear-gradient(bottom, rgba(25, 28, 10, 0) 0%, rgba(25, 28, 10, 1) 100%)!important;
    background: -webkit-linear-gradient(bottom, rgba(25, 28, 10, 0) 0%, rgba(25, 28, 10, 1) 100%)!important;
    background: linear-gradient(to top, rgba(25, 28, 10, 0) 0%, rgba(25, 28, 10, 1) 100%)!important;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#000000', endColorstr='#000000', GradientType=0)!important;}

.portbox3 .portinner {
    max-width: 250px;
    margin: auto;
    position: relative;
    z-index: 1;
    top: -25px
}

.portbox3 .portinner .port-up {
    background: #fff;
    border-radius: 6px;
    padding: 20px
}

.portbox3 .portinner .port-up span {
    text-transform: uppercase;
    color: #5e5e5e;
    font-size: 14px
}

.portbox3 .portinner .port-down {
    background: var(--bg-color);
    position: absolute;
    top: 50px;
    height: 100%;
    width: calc(100% + 20px);
    vertical-align: bottom;
    display: flex;
    align-items: end;
    text-align: center;
    flex-direction: row;
    border-radius: 6px;
    z-index: -1;
    left: -10px
}

.portbox3 .portinner .port-down a {
    width: 100%;
    color: #000;
    font-weight: 400;
    text-transform: uppercase;
    font-size: 16px;
    padding: 15px;
    margin-top: auto
}

.portbox3 .portinner .port-up .port-title {
    margin-bottom: 0
}

.portbox3 .portinner .port-down a i {
    font-size: 18px
}

.portbox1>img {
    transform: scale(1.02);
    transition: all .5s
}

.portbox1 {
    transition: all .5s;
    transform: scale(1)
}

.portbox1:hover>img {
    transform: scale(1)
}


/*Job*/

.badge-custom {
    color: #fff;
    background-color: var(--secondary-color);
    padding: 6px;
}

.job-list-desc i {
    color: var(--primary-color);
}

.job-list-box {
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.job-list-box:hover {
    border-color: var(--secondary-color)!important;
    -webkit-box-shadow: 0 0 3px rgb(0 0 0 / 15%);
    box-shadow: 0 0 3px rgb(0 0 0 / 15%);
    -webkit-transform: translateY(-5px);
    transform: translateY(-5px);
}

.job-list-box .btn.orange {
    font-size: 14px;
    font-size: 14px;
    padding: 7px 12px;
}

.apply-form {
    width: 600px;
    margin: 0 auto;
}

.apply-form textarea {
    height: 80px;
}

.filter-style1,
.filter-style2 {
    margin-bottom: 50px
}

.filter-style1 ul,
.filter-style2 ul {
    padding: 0
}

.filter-style1 li,
.filter-style2 li {
    color: #000;
    font-size: 18px;
    text-transform: capitalize;
    font-weight: 500;
    margin: 0 20px;
    padding: 12px 0;
    position: relative;
    border-radius: 0
}

.filter-style1 li,
.filter-style1 li:hover,
.filter-style2 li,
.filter-style2 li:hover {
    background: 0 0
}

.filter-style2 li {
    padding: 0
}

.filter-style1 li a,
.filter-style2 li a {
    color: #000;
    margin: 0
}

.filter-style2 li a {
    text-transform: uppercase
}

.filter-style2 li.active a {
    color: #737373
}

.filter-style1 li:after,
.filter-style1 li:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 6px;
    background: var(--bg-color);
    transition: all .5s;
    -moz-transition: all .5s;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    -ms-transition: all .5s
}

.filter-style1 li:before {
    top: 0;
    left: -100%
}

.filter-style1 li:after {
    bottom: 0;
    right: -100%
}

.filter-style1 li.active:before,
.filter-style1 li:hover:before {
    top: 0;
    left: 0
}

.filter-style1 li.active:after,
.filter-style1 li:hover:after {
    right: 0
}

.modules .module-icon {
    width: 100px;
    height: 100px;
    border: 2px solid var(--secondary-color);
    line-height: 78px;
    padding: 10px;
    margin: 0 auto;
    text-align: center;
    border-radius: 50%;
    position: relative
}

.modules .module-icon:after {
    content: '';
    position: absolute;
    left: 50%;
    top: 100%;
    background: var(--secondary-color);
    width: 2px;
    height: 52px
}

.modules .module-content {
    margin-top: 50px;
    border-top: 2px solid var(--secondary-color);
    padding: 5px
}

.modules .module-content h5,
.modules .module-content2 h5 {
    color: var(--primary-color);
    text-align: center;
    margin-top: 10px;
    font-size: 17px
}

ul.list-styl {
    list-style: none;
    padding-left: 24px;
    margin-bottom: 0
}

ul.list-styl2 {
    padding-left: 0
}

ul.list-styl li,
.module-content p {
    font-size: 16px;
    line-height: 1.5;
    position: relative;
}

ul.list-styl2 li {
    border-bottom: 1px dotted var(--primary-color);
    padding: 10px 0;
}

ul.list-styl2 li:last-child {
    border-bottom: none;
}

.module-content p {
    padding: 0 10px;
}

ul.list-styl li:before {
    position: absolute;
    left: -20px;
    top: 0;
    content: "\f138";
    color: var(--primary-color);
    font-family: fontAwesome
}

ul.list-styl li b,
ul.list-styl2 li b {
    color: var(--primary-color)
}

ul.list-styl2 li strong {
    color: var(--primary-color);
    font-size: 26px;
}

.circle-img {
    position: absolute;
    left: 43%;
    top: 37%;
    width: 180px;
    height: 180px;
    line-height: 1;
    z-index: 1;
    text-align: center;
    background: #ffffff94;
    border-radius: 100%;
    padding: 7px 8px 10px 11px;
}

.circle-img img {
    width: 100%;
}

.modules .module-content {
    box-shadow: 5px 10px 10px #b1b1b126;
    min-height: 175px
}

.modules:hover .module-content {
    box-shadow: none
}

.modules .module-content h5 a:hover,
.modules .module-content2 h5 a:hover {
    color: var(--secondary-color)
}

.modules .module-icon2 {
    width: 150px;
    height: 150px;
    border: 2px solid var(--secondary-color);
    line-height: 78px;
    padding: 10px;
    margin: 0 auto;
    text-align: center;
    border-radius: 50%;
    position: relative
}

.about-tablist {
    position: relative;
    background: #f5f5f5;
    border-radius: 4px;
    text-align: center;
    padding: 20px 10px;
    margin-top: 20px
}

.about-tablist img {
    display: block;
    margin: 0 auto
}

.about-tablist h2 {
    color: var(--primary-color);
    font-size: 16px;
    margin-bottom: 0;
    line-height: 1;
    margin-top: 10px
}

.videoplay-bx {
    width: 140px;
    height: 140px;
    line-height: 140px;
    font-size: 50px;
    text-align: center;
    color: #2d2d2d;
    background-color: #fdfdfd;
    border-radius: 140px;
    display: inline-block;
    margin-top: 50px;
    margin-bottom: 100px;
    box-shadow: 0 0 150px 0 rgba(0, 0, 0, .3)
}

.team-member {
    display: flex;
    align-items: center;
    flex-direction: row-reverse
}

.team-member .team-info,
.team-member .team-media {
    max-width: 50%;
    flex: 0 0 50%
}

.team-job-title {
    color: var(--bg-color-sc);
    font-size: 18px
}

.team-title {
    font-size: 52px;
    line-height: 62px;
    margin-bottom: 15px
}

.team-info p {
    color: #898989;
    font-size: 18px;
    line-height: 30px
}

.team-perinfo {
    display: flex
}

.team-perinfo .team-sign {
    max-width: 130px;
    margin-right: 30px
}

.team-profile .name {
    padding-left: 15px
}

.team-profile .name h3 {
    margin-bottom: 5px
}

.team-profile .name span {
    color: #939393;
    margin-bottom: 10px;
    display: block
}

.team-pic {
    width: 45px;
    height: 45px;
    border-radius: 45px;
    overflow: hidden;
    min-width: 45px;
    margin-top: 15px
}

.team-profile ul {
    margin: 0;
    padding: 0;
    list-style: none
}

.team-profile ul li {
    display: inline-block
}

.team-profile ul li a {
    font-size: 18px;
    color: #222;
    padding-right: 20px
}

.team-profile {
    display: flex;
    align-items: start
}

.team-carousel .owl-nav .owl-next,
.team-carousel .owl-nav .owl-prev {
    padding: 0;
    background: 0 0;
    margin: 0 -15px
}

.team-carousel .owl-nav .owl-next span,
.team-carousel .owl-nav .owl-prev span {
    padding: 0;
    background: 0 0;
    margin: 0 4px;
    font-size: 16px;
    text-transform: uppercase;
    font-weight: 600
}

.team-carousel .owl-nav .owl-next i,
.team-carousel .owl-nav .owl-prev i {
    height: 45px;
    width: 45px;
    text-align: center;
    border-radius: 45px;
    background: var(--bg-color);
    font-size: 22px;
    line-height: 45px
}

.blog-half {
    display: flex;
    flex-wrap: wrap;
    align-items: center
}

.blog-half .post-title {
    font-size: 38px;
    line-height: 44px
}

.dlab-post-meta ul li {
    color: var(--primary-color);
    font-weight: 400
}

.blog-half .dlab-post-text p {
    font-size: 18px;
    color: #afafaf;
    line-height: 35px
}

.blog-half .post-info {
    width: 45%;
    max-width: 45%;
    padding: 0 40px
}

.blog-half .blog-media {
    width: 55%;
    max-width: 55%
}

.client-box {
    max-width: 680px;
    margin-left: auto;
    margin-top: 100px;
    margin-bottom: 60px
}

.client-box .owl-theme .owl-dots {
    margin-left: 180px;
    text-align: left
}


.client-says {
    padding-left: 170px;
    position: relative
}

.client-says .testimonial-pic {
    width: 150px;
    height: 150px;
    border: 0;
    position: absolute;
    left: 0;
    top: 0
}

.client-says .testimonial-text {
    padding: 0
}

.client-says .testimonial-text p {
    position: relative;
    font-size: 18px;
    line-height: 28px;
    color: #4c4c4c;
    font-weight: 400;
    margin-bottom: 20px
}

.client-says .testimonial-name {
    color: #2b2b2b;
    font-family: var(--font-family);
    font-size: 22px;
    text-transform: capitalize;
    font-weight: 600
}

.client-says .testimonial-position {
    font-size: 16px;
    font-style: inherit;
    text-transform: capitalize;
    color: #2e2e2e
}

.testimonial-para {
    background: #e0eeff;
    border-radius: 5px;
    padding: 20px;
    position: relative
}

.testimonial-para p {
    padding-left: 30px;
    padding-right: 30px;
    text-align: justify
}

.testimonial-para:before {
    position: absolute;
    content: "\f10d";
    left: 10px;
    top: 0;
    font-size: 30px;
    opacity: .2;
    font-family: fontAwesome
}

.testimonial-para:after {
    position: absolute;
    content: "\f10e";
    right: 10px;
    bottom: 0;
    font-size: 30px;
    opacity: .2;
    font-family: fontAwesome
}

.testimonial-profile {
    position: relative;
    display: flex;
    align-items: center;
    margin-top: 40px;
    margin-bottom: 20px
}

.testimonial-profile:before {
    position: absolute;
    content: '';
    top: -40px;
    left: 37px;
    border-style: solid;
    border-width: 36px 36px 0 15px;
    border-color: #e0eeff transparent transparent transparent
}

.testimonial-profile .testi-img {
    margin-right: 20px
}

.testimonial-profile .testi-img img {
    width: 80px;
    border-radius: 100%;
    border: 5px solid #f7f7f7
}

.testimonial-profile .testi-info h5 {
    font-size: 18px;
    color: var(--primary-color)
}

.testimonial-profile .testi-info h5 small {
    display: block;
    color: #8a8a8a
}

.table-option {
    border: 2px solid #adadad;
    border-radius: 6px;
    padding: 50px 0 30px 0
}

.table-option .pricingtable-features,
.table-option .pricingtable-features li,
.table-option .pricingtable-footer,
.table-option .pricingtable-price,
.table-option .pricingtable-title {
    border: 0;
    background-color: transparent
}

.table-option .pricingtable-title * {
    color: #000
}

.table-option .pricingtable-title h2 {
    font-size: 28px;
    line-height: 36px
}

.table-option .pricingtable-price,
.table-option .pricingtable-title {
    padding: 0
}

.table-option .pricingtable-bx {
    color: #000;
    font-family: var(--font-family);
    font-size: 63px;
    font-weight: 800
}

.table-option .pricingtable-bx strong,
.table-option .pricingtable-bx sup {
    font-size: 30px;
    font-weight: 700
}

.table-option .pricingtable-features li {
    color: #919191;
    font-size: 18px
}

.table-option.active,
.table-option:hover {
    background-color: #eee;
    border: 2px solid #eee
}

.dark.table-option.active,
.dark.table-option:hover {
    background-color: #404040;
    border: 2px solid #404040;
    box-shadow: 0 0 10px 5px rgba(0, 0, 0, .3);
    transition: all .5s
}

.dark.table-option {
    transition: all .5s
}

.dark.table-option.active .pricingtable-features li,
.dark.table-option.active .pricingtable-price .pricingtable-bx,
.dark.table-option.active .pricingtable-title h2,
.dark.table-option:hover .pricingtable-features li,
.dark.table-option:hover .pricingtable-price .pricingtable-bx,
.dark.table-option:hover .pricingtable-title h2 {
    color: #fff;
    transition: all .5s
}

.dark.table-option:hover .pricingtable-footer .btn.black {
    background-color: #fff;
    border-color: transparent;
    color: #000
}

.archi-footer.site-footer .footer-top {
    padding: 0
}

.site-footer {
       background-attachment: fixed!important
}

.archi-footer.site-footer .footer-bottom span {
    color: #000;
    font-size: 14px
}

 
 .widgets-link{
        display: flex;
    gap: 15px;
    flex-wrap: wrap;
 }
  .widgets-link .widget.widget-info {
       flex-basis: 32%;
 }

.archi-footer.site-footer .footer-bottom a,
.archi-footer.site-footer .footer-bottom p {
    color: #fff;
    font-weight: 400;
    font-size: 14px; 
}

.archi-footer.site-footer .footer-bottom a:hover {
    color: #fff;
}

.archi-footer.site-footer .footer-top .footer-logo {
    width: 200px
}

.archi-footer.site-footer .widget.widget-info {
    margin-bottom: 0
}

.archi-footer.site-footer .widget .title {
    font-size: 16px;
    letter-spacing: 2px;
    position: relative;
    padding: 10px 0;
    display: -webkit-inline-box;
    font-weight: 700;
    color: #fff;
    margin-bottom: 0
}

.archi-footer.site-footer .widget .title:after {
    content: "";
    height: 1px;
    width: 90%;
    position: absolute;
    bottom: 0;
    left: 0;
    background-color: var(--bg-color)
}

.archi-footer.site-footer .widget-info p {
    color: #fff;
    margin: 0;
    font-size: 16px;
    word-wrap: break-word;
    line-height: 1.8;
}

.archi-footer.site-footer .widget-info a {
    display: inline-block;
    color: #fff;
    margin-bottom: 2px;
    line-height: 1.5;
    font-size: 16px;
    position: relative;
    padding-left: 15px;
    transition: 0.3s linear;
}

.archi-footer.site-footer .widget-info a:before {
    content: "\f101";
    position: absolute;
    left: 0;
    top: 4px;
    font: normal normal normal 14px/1 FontAwesome;transition: 0.3s linear;
}


.archi-footer.site-footer .widget-info p a {
    font-size: inherit
}

.archi-footer.site-footer .widget-info a:hover {
    color: var(--secondary-color);
    padding-left: 20px;
}
.archi-footer.site-footer .widget-info a:hover:before{
   
    padding-left: 5px;
}

.archi-footer.site-footer   .header-social{
    margin-bottom: 5px;
    border-top: 1px solid #ffffff40;
    padding: 10px 0 5px 0;
    margin-top: 10px;
}
.archi-footer.site-footer   .header-social li {
    
    display: inline-block;
}

.archi-footer.site-footer  .header-social li a {
    font-size: 24px;
    display: block;
    color: #fff;
    margin-top: 0px;
    text-align: center;
}

.archi-footer.site-footer   .header-social li a i {
    width: 40px;
    height: 40px;
    line-height: 40px;
    border-radius: 50%;
}

.archi-footer.site-footer   .header-social li a i.fa-facebook {
    background: #2653af;
}

.archi-footer.site-footer   .header-social li a i.fa-twitter {
    background: #1DA1F2;
}

.archi-footer.site-footer   .header-social li a i.fa-linkedin {
    background: #02669b;
}

 

.archi-footer.site-footer   .header-social li:last-child a {
    margin-right: 0;
}

.archi-footer.site-footer   .header-social li a:hover i  {
   background: var(--secondary-color);
}
.archi-footer.site-footer .widget-info p a:hover {
    color: var(--secondary-color);
 
}

.archi-footer.site-footer .footer-top [class*=col-]:last-child {
    border: 0
}

.archi-footer.site-footer .footer-top [class*=col-] {
    border-right: 1px solid #fff;
    padding: 30px 20px
}

.overlay-gallery-bx1 .primary.dlab-img-overlay1::after,
.overlay-gallery-bx1 .primary.dlab-img-overlay1::before {
    background-color: var(--bg-color)
}

.overlay-gallery-bx1 .overlay-bx .overlay-icon a i {
    background-color: #000;
    color: #fff;
    border-radius: 50px;
    font-size: 14px
}

.overlay-gallery-bx1 .overlay-bx .icon-bx-xs {
    width: 60px;
    height: 60px;
    line-height: 60px
}

.project-area .section-head .head-title {
    color: #000;
    font-size: 45px;
    margin-bottom: 15px
}

.project-area .section-head p {
    max-width: 750px;
    font-weight: 400;
    color: #404040;
    font-size: 18px;
    line-height: 30px;
    margin-bottom: 25px;
    padding-top: 0
}

.project-info-box {
    position: relative
}

.project-info-box .project-content {
    background: #fff;
    position: absolute;
    left: 0;
    top: 50%;
    padding: 40px 50px;
    width: 500px;
    transform: translateY(-100%);
    -moz-transform: translateY(-100%);
    -ms-transform: translateY(100%);
    -o-transform: translateY(-100%);
    -webkit-transform: translateY(-100%);
    opacity: 0;
    transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -webkit-transition: all .5s;
    -o-transition: all .5s
}

.active .project-info-box .project-content {
    opacity: 1;
    transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(50%);
    -o-transform: translateY(-50%);
    -webkit-transform: translateY(-50%)
}

.project-carousel-1 .owl-nav {
    display: flex;
    align-items: center;
    position: absolute;
    right: 20px;
    bottom: 20px
}

.project-carousel-1 .owl-next,
.project-carousel-1 .owl-prev {
    padding: 0;
    background: 0 0;
    font-family: var(--font-family);
    font-size: 16px;
    text-transform: uppercase;
    color: #fff;
    display: flex;
    align-items: center;
    letter-spacing: 5px;
    margin: 0 15px;
    text-shadow: 2px 2px 0 rgba(0, 0, 0, .1)
}

.project-carousel-1 .owl-next i,
.project-carousel-1 .owl-prev i {
    font-size: 22px
}

.project-area {
    position: relative;
    z-index: 1
}

.project-area:after {
    content: "";
    z-index: -1;
    background: #fff;
    height: 100px;
    bottom: 0;
    left: 0;
    width: 100%;
    position: absolute
}

.project-style-2 .project-info-box .project-content {
    left: auto;
    top: auto;
    right: 0;
    bottom: 55px;
    transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    -webkit-transform: translateY(0)
}

.project-style-2.project-carousel-1 .owl-nav {
    right: 0;
    bottom: 0;
    background: #2e2e2e;
    width: 500px
}

.project-style-2.project-carousel-1 .owl-next,
.project-style-2.project-carousel-1 .owl-prev {
    margin: 0;
    width: 50%;
    text-align: center;
    display: flex;
    justify-content: center;
    padding: 15px 20px
}

.project-style-2.project-carousel-1 .owl-next:hover,
.project-style-2.project-carousel-1 .owl-prev:hover {
    background-color: rgba(0, 0, 0, .2)
}

.blog-grid.style1 {
    margin-bottom: 0;
    background-color: #fff;
    padding: 20px;
}

.anc-arrow a {
    padding: 7px;
    border: 1px solid;
}

.anc-arrow a:hover {
    border-color: var(--hover-color);
}

.anc-arrow a:hover i {
    color: var(--hover-color)
}

.blog-grid.style1 .dlab-post-text p {
    color: #000;
    margin-bottom: 15px;
    font-size: 16px;
}

.blog-grid.style1 .dlab-post-text .post-title a {
    color: var(--primary-color)
}

.blog-grid.style1 .dlab-post-text .post-title a:hover {
    color: var(--hover-color)
}

.blog-grid.style1 .dlab-post-text .post-title {
    margin-bottom: 10px
}

.blog-grid.style1 .dlab-post-text .post-date i {
    color: var(--secondary-color)
}

@media only screen and (max-width:1200px) {
    .team-perinfo .team-sign {
        max-width: 95px;
        margin-right: 15px
    }
    .blog-half .post-title {
        font-size: 20px;
        line-height: 32px;
        margin-top: 0
    }
    .team-title {
        font-size: 35px;
        line-height: 45px;
        margin-bottom: 10px
    }
    .team-info p {
        color: #898989;
        font-size: 16px;
        line-height: 26px
    }
    .team-profile ul li a {
        font-size: 16px;
        padding-right: 10px
    }
    .team-profile .name span {
        margin-bottom: 5px
    }
    .team-profile .name h3 {
        margin-bottom: 0;
        font-size: 22px
    }
    .blog-half .dlab-post-text p {
        font-size: 16px;
        line-height: 28px
    }
}

@media only screen and (max-width:1024px) {
    .title {
        font-size: 5rem;
    }
    .title:first-letter {
        padding-right: 10px;
        font-size: 8rem;
    }
    .shape-one {
        width: 500px;
        height: 500px;
    }
}

@media only screen and (max-width:991px) {
    .portbox1 .overlay-bx .port-title {
        font-size: 24px;
        line-height: 35px
    }
    .why-choose-us .shape-one,
    .image-one {
        display: none;
    }
    .behind-text {
        top: 0;
        font-size: 5rem;
        line-height: 1;
    }
    .tab-width {
        flex-basis: auto;
        max-width: 33.333%
    }
    .team-title {
        font-size: 24px;
        line-height: 32px;
        margin-bottom: 10px
    }
    .team-perinfo {
        flex-direction: column
    }
    .blog-half {
        flex-direction: column
    }
    .blog-half .blog-media,
    .blog-half .post-info {
        width: 100%;
        max-width: 100%
    }
    .blog-half .post-info {
        padding: 20px 20px;
        background-color: #f9f9f9
    }
    .client-box {
        margin-top: 0;
        max-width: 100%;
        margin-bottom: 0
    }
    .table-option .pricingtable-features li {
        font-size: 16px;
        padding: 8px
    }
    .table-option .pricingtable-bx {
        font-size: 40px
    }
    .table-option .pricingtable-bx strong,
    .table-option .pricingtable-bx sup {
        font-size: 18px
    }
    .table-option .pricingtable-title h2 {
        font-size: 18px;
        line-height: 28px
    }
    .table-option .pricingtable-title h2 {
        font-size: 18px;
        line-height: 28px
    }
    .table-option {
        padding: 30px 0 10px 0
    }
    .section-head .head-title {
        font-size: 40px;
        line-height: 50px
    }
    .header-full .logo-header {
        height: 60px;
        width: 120px
    }
    .header-full .main-bar {
        padding: 0
    }
    .header-full .container-fluid {
        padding-left: 15px;
        padding-right: 15px
    }
    .header-full .menu-icon-in span {
        height: 2px
    }
    .header-full .menu-icon-in {
        width: 20px;
        height: 15px
    }
    .header-full .menu-icon {
        width: 40px;
        height: 40px;
        padding: 0
    }
    .header-full .extra-nav,
    .header-full .is-fixed .extra-nav {
        padding: 10px 0
    }
}

@media only screen and (max-width:767px) {
    .filter-style1 li {
        margin: 0 10px
    }

  
 
 
    .dlab-bnr-inr.dlab-bnr-inr-lg {
        height: 80px!important;
        padding-top: 80px!important;
    }
    .job-list-button-md.text-right {
        text-align: left!important;
    }
    .row-reverse-mobile {
        display: flex;
        flex-flow: column-reverse;
    }
    h3 {
        font-size: 20px!important;
        line-height: 1.5!important;
    }
    h1,
    h2,
    h3,
    h4 {
        margin-bottom: 15px;
    }
    h4 {
        font-size: 21px;
        line-height: 1.5;
        margin-bottom: 15px;
    }
    ul.list-styl li,
    p,
    .archi-footer.site-footer .widget-info p,
    footer li,
    footer p {
        font-size: 14px;
    }
    .title {
        font-size: 4rem;
    }
    .title:first-letter {
        padding-right: 8px;
        font-size: 6rem;
    }
    .site-footer .text-right {
        text-align: left!important;
    }
    .tab-width {
        flex-basis: auto;
        max-width: 50%
    }
    .team-member {
        flex-direction: column
    }
    .team-member .team-info,
    .team-member .team-media {
        max-width: 100%;
        flex: 0 0 100%
    }
    .team-member .team-info {
        text-align: center
    }
    .team-perinfo .team-sign {
        max-width: 100%;
        margin-bottom: 15px
    }
    .team-perinfo .team-sign img {
        max-width: 70px;
        display: inline-block
    }
    .team-profile {
        flex-direction: column
    }
    .team-pic {
        margin: auto
    }
    .team-profile .name {
        padding-left: 0;
        width: 100%;
        margin-top: 10px
    }
    .client-says {
        padding-left: 130px
    }
}

@media only screen and (max-width:600px) {
    .modules .module-content {
        min-height: 200px
    }
    .header-archia .header-top .header-social {
        display: none
    }
    .header-archia .header-top ul {
        text-align: center
    }
    .header-archia .header-top ul li {
        padding-right: 0
    }
}

@media only screen and (max-width:576px) {
    .client-says .testimonial-pic {
        width: 60px;
        height: 60px;
        position: unset;
        margin-bottom: 10px
    }
    a.dlab-media {
        height: 350px;
    }
    .title,
    .about-us h2,
    h2.title {
        font-size: 2rem;
    }
    .title:first-letter {
        padding-right: 5px;
        font-size: 2.5rem;
    }
    .behind-text {
        font-size: 2rem;
    }
    .mt-5,
    .my-5 {
        margin-top: 1rem!important;
    }
    .mob-width {
        width: 33.333%
    }
    .contact-box textarea.form-control {
        height: 120px
    }
    .boxes {
        display: none
    }
    .contact-box .form-boxer {
        margin: 0 1% !important
    }
    .dlab-bnr-inr .breadcrumb-row ul li:not(:last-child) {
        display: none
    }
    .half-width {
        width: 50%
    }
    .modules .module-content h5 {
        text-align: left
    }
    .tp-parallax-wrap {
        top: 10px !important;
        left: 10px !important
    }
    .tp-caption {
        font-size: 14px !important;
        line-height: 1.5 !important
    }
    .client-says {
        padding-left: 0;
        text-align: center
    }
    .client-box .owl-theme .owl-dots {
        margin-left: 0;
        text-align: center
    }
    .team-carousel .owl-nav .owl-next,
    .team-carousel .owl-nav .owl-prev {
        margin: 0 0
    }
    .section-head .head-title {
        font-size: 28px;
        line-height: 35px
    }
    .section-head p {
        font-size: 14px
    }
    .filter-style1 li:after,
    .filter-style1 li:before {
        height: 2px
    }
    .filter-style1 li {
        padding: 5px 0;
        font-size: 14px
    }
    .filter-style1 li {
        margin: 0 5px
    }
}

.header-full.style1 .main-bar {
    background-color: #fff;
    padding: 0
}

.header-full.style1 .menu-icon {
    width: 40px;
    height: 40px;
    background-color: var(--primary-color);
    color: #fff;
    border-radius: 0
}

.header-full.style1 .menu-icon:hover {
    background-color: #e91b0c
}

.menu-icon-in span {
    height: 3px
}

.header-full.style1 .menu-icon-in {
    width: 23px;
    height: 16px
}

.header-full.style1 .header-content-bx .logo-header,
.header-full.style1 .is-fixed .header-content-bx>.logo-header {
    height: 60px;
    width: 200px;
    padding: 4px 0
}

.header-full.style1 .extra-nav .extra-cell>ul {
    display: flex
}

.header-full.style1 .extra-nav .extra-cell>ul>li {
    border-left: 1px solid rgba(68, 68, 68, .1);
    align-items: center;
    display: flex;
    padding: 10px 30px;
    position: relative
}

.header-full.style1 .extra-nav .extra-cell>ul>li.search-btn {
    padding-right: 0
}

.header-full.style1 .extra-nav {
    padding-top: 5px
}

.header-full.style1 .contact-no span {
    color: #000;
    font-size: 18px
}

.header-full.style1 .header-social ul {
    margin: 0
}

.header-full.style1 .header-social ul li a {
    color: var(--primary-color);
    font-size: 18px;
    padding: 0 10px
}

.header-full.style1 .header-social ul li a:hover {
    color: var(--primary-color)
}

.header-full.style1.white .main-bar {
    background-color: #fff
}

.header-full.style1.white .contact-no span,
.header-full.style1.white .header-social ul li a {
    color: #000
}

.header-full.style1.white .extra-nav .extra-cell>ul>li {
    border-left: 1px solid rgba(0, 0, 0, .1)
}

.header-full.style1.white .btn.white {
    background-color: #f1f1f1
}

.date-year span {
    font-size: 66px;
    color: #000;
    line-height: 66px;
    position: relative;
    padding-left: 7px;
    padding-right: 0;
    z-index: 1;
    text-align: center
}

.date-year p {
    font-size: 18px;
    color: var(--primary-color);
    margin-bottom: 0;
    font-weight: 400;
    text-transform: uppercase;
    text-align: center
}

.date-year span:after {
    content: "";
    width: 90px;
    height: 90px;
    display: block;
    position: absolute;
    border: 5px solid var(--primary-color);
    left: 0;
    top: -11px;
    z-index: -1
}

.date-year {
    align-items: center;
    float: left;
    width: 19%
}

a.event-item {
    display: block;
    margin-bottom: 5px;
    float: left;
    width: 100%;
    padding: 40px 10px 10px 10px;
    background: #fff;
    border-radius: 4px
}

a.event-item:hover {
    background: #f7f7f7
}

.event-content {
    width: 75%;
    float: left;
    margin-left: 15px
}

.event-content h3 {
    font-size: 16px;
    line-height: 18px;
    margin-bottom: 8px;
    color: var(--primary-color)
}

.event-content p {
    color: #000;
    text-align: left;
    font-size: 13px;
    line-height: 18px
}

.about-bx1-content p {
    color: #555;
    font-size: 18px;
    line-height: 28px
}

.about-bx1-content h2 {
    font-size: 40px;
    line-height: 55px;
    margin-bottom: 20px
}

.list-details {
    list-style: none;
    margin: 0;
    padding: 0;
    max-width: 430px
}

.list-details li {
    color: #000;
    display: flex;
    justify-content: space-between;
    padding: 10px 0;
    border-top: 1px solid rgba(0, 0, 0, .1)
}

.list-details li:first-child {
    border-top: 0
}

.project-slider {
    position: relative;
    z-index: 1
}

.project-slider .container {
    position: relative;
    z-index: 1
}

.project-slider:after {
    content: "";
    background: #ebebeb;
    height: 100%;
    width: calc(50% - 80px);
    position: absolute;
    top: 0;
    left: 0
}

.project-slider .about-bx1-content {
    max-width: 600px;
    padding-left: 45px
}

.project-carousel.owl-btn-1 .owl-next,
.project-carousel.owl-btn-1 .owl-prev {
    border-radius: 50px;
    background: #000;
    color: #fff
}

.slide2 .uranus.tparrows {
    background: var(--primary-color);
    border-radius: 50%;
    width: 30px;
    height: 30px;
    top: 50%!important;
}

.slide2 .tp-leftarrow {
    transform: matrix(1, 0, 0, 1, -50, -48) !important
}

.slide2 .tp-rightarrow {
    transform: matrix(1, 0, 0, 1, -50, -11) !important
}

.slide2 .tp-bullet:first-child:after {
    content: "01"
}

.slide2 .tp-bullet:nth-child(2):after {
    content: "02"
}

.slide2 .tp-bullet:nth-child(3):after {
    content: "03"
}

.slide2 .tp-bullet:nth-child(4):after {
    content: "04"
}

.slide2 .tp-bullet:nth-child(5):after {
    content: "05"
}

.slide2 .tp-bullet:nth-child(6):after {
    content: "06"
}

.slide2 .tp-bullet:nth-child(7):after {
    content: "07"
}

.slide2 .tp-bullets.hermes {
    width: 40px !important;
    height: 95px !important;
    display: none
}

.slide2 .hermes .tp-bullet,
.slide2 .hermes .tp-bullet.selected {
    font-family: var(--font-family);
    color: #fff;
    box-shadow: none;
    border-radius: unset;
    overflow: unset;
    width: 100%;
    position: unset;
    height: auto
}

.slide2 .hermes .tp-bullet.selected:after,
.slide2 .hermes .tp-bullet:after {
    background: 0 0;
    box-shadow: none;
    color: #fff;
    height: auto;
    width: auto;
    border-radius: unset;
    overflow: unset;
    position: unset
}

.slide2 .hermes .tp-bullet {
    width: 50%;
    display: inline-block;
    padding: 0 3px;
    text-align: center;
    opacity: 0
}

.slide2 .hermes .tp-bullet.selected {
    position: absolute;
    bottom: 0 !important;
    line-height: 45px;
    height: 50px;
    top: auto !important;
    left: 0 !important;
    opacity: 1
}

.slide2 .hermes .tp-bullet.selected:after {
    color: var(--text-color);
    font-size: 40px
}

.sr-numbox .box-number {
    font-size: 55px;
    font-weight: 400;
    font-family: var(--font-family);
    line-height: 60px;
    padding: 0 0 15px 3px;
    position: relative;
    float: left
}

.sr-numbox .box-number:after {
    content: "";
    position: absolute;
    width: 80px;
    height: 1px;
    bottom: 0;
    left: 0;
    background-color: #dfdfdf
}

.sr-numbox .dlab-tilte {
    align-self: end;
    font-size: 20px;
    letter-spacing: 3px;
    line-height: 30px;
    margin-bottom: 10px;
    padding-left: 30px;
    margin-top: auto
}

.team-info-contact h2 {
    font-size: 40px
}

.team-info-contact p {
    font-size: 18px;
    line-height: 28px
}

.archi-info {
    position: relative;
    display: inline-block;
    text-align: left
}

.archi-info i {
    position: absolute;
    left: 0;
    font-size: 30px;
    top: 10px
}

.team-info-contact .archi-info i {
    color: var(--purple)
}

.team-slider {
    margin-bottom: 30px
}

.team-slider .owl-dots .owl-dot span {
    height: 8px;
    width: 8px;
    background-color: #000;
    margin: 0
}

.team-slider .owl-dots .owl-dot {
    border: 2px solid rgba(0, 0, 0, 0, );
    padding: 10px;
    border-radius: 50px;
    margin: 5px
}

.team-slider .owl-dots .owl-dot.active {
    border: 2px solid var(--purple)
}

.team-slider .owl-dots .owl-dot.active span,
.team-slider .owl-dots .owl-dot:hover span {
    background-color: var(--purple)
}

.team-slider.owl-theme .owl-dots {
    margin-top: 0;
    position: absolute;
    left: -60px;
    text-align: center;
    top: 50%;
    transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    width: 25px
}

.project-area-info {
    background-color: #fff
}

.project-area-info .project-content {
    margin-left: -70px
}

.project-area-info .owl-nav .owl-next,
.project-area-info .owl-nav .owl-prev {
    background-color: rgba(0, 0, 0, 0)
}

.project-area-info .owl-nav .owl-next i,
.project-area-info .owl-nav .owl-prev i {
    font-size: 40px;
    color: #fff
}

.project-area-info .owl-nav .owl-prev {
    left: -100px
}

.project-area-info .owl-nav .owl-next {
    right: -100px
}

.header-archia .header-top {
    background: var(--primary-color);
    padding: 0
}

.header-archia .header-top ul {
    list-style: none;
    padding: 2px 0
}

.header-archia .header-top ul li {
    display: inline-block;
    font-size: 16px;
    font-weight: 400;
    transform: translateY(5px;
    );
}

.header-archia .header-top ul li i {
    padding-right: 5px
}

.header-archia .header-top ul li,
.header-archia .header-top ul li a,
.header-archia .header-top ul li a i {
    color: #fff;
    margin-bottom: 0
}

.header-archia .header-top .header-social {
    text-align: right
}

.header-archia .header-top .header-social ul li {
    padding-right: 0
}

.header-archia .header-top .header-social ul li a i {
    background: red;
    width: 35px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    padding: 0;
    color: #fff
}

.header-archia .header-top .header-social ul li a i {
    padding-right: 0
}

.header-archia .header-top .header-social ul li a i {
    background: #fff;
    color: var(--primary-color)
}

.header-archia .header-top .header-social ul li a:hover .fa-facebook {
    background: var(--hover-color);
    color: #fff
}

.header-archia .header-top .header-social ul li a:hover .fa-twitter {
    background: #00acee;
    color: #fff
}

.header-archia .header-top .header-social ul li a:hover .fa-youtube {
    background: red;
    color: #fff
}

.header-archia .header-top .header-social ul li a:hover .fa-linkedin {
    background: var(--hover-color);
    color: #fff
}

.header-archia .contact-info {
    padding-left: 35px;
    position: relative;
    margin-right: 30px
}

.header-archia .contact-info span {
    font-size: 16px;
    color: rgba(255, 255, 255, .8)
}

.header-archia .contact-info h4 {
    font-size: 20px;
    line-height: 20px;
    color: #fff
}

.header-archia .contact-info i {
    position: absolute;
    align-self: center;
    line-height: 40px;
    font-size: 30px;
    left: 0;
    color: var(--text-color)
}

.header-archia .extra-cell {
    margin-left: 30px
}

.header-archia .extra-cell ul {
    display: flex
}

.header-archia .header-nav .nav>li>a {
    font-size: 16px;
    color: #fff;
    font-weight: 400;
    padding: 36px 0 5px 0;
    margin: 0 15px;
    letter-spacing: 1px;
}

.header-archia .header-nav .nav>li:last-child>a {
    margin-right: 0
}

.header-archia .logo-header {
    height: 60px;
    width: auto;padding-top: 13px;
}

.header-archia .header-nav .nav>li>a {
    border-bottom: 3px solid transparent
}

.header-archia .header-nav .nav>li .sub-menu {
    border-radius: 5px;
}

.header-archia .header-nav .nav>li.active a,
.header-archia .header-nav .nav>li:hover>a {
    border-color: var(--hover-color);
    color: var(--hover-color);
}

.header-archia .header-nav .nav>li.active a {
    color: var(--hover-color)
}

.header-archia.header-transparent .is-fixed .main-bar {
    padding: 0
}

.header-archia.header-transparent .container {
    max-width: 100%
}

.header-archia .is-fixed .logo-header {
    height: 65px
}

.header-archia .header-nav .nav>li .sub-menu {
    width: 270px
}

.header-archia .header-nav .nav>li .sub-menu li .sub-menu li:hover a,
.header-archia .header-nav .nav>li .sub-menu li:hover>a {
    color: var(--secondary-color);
}

.header-archia .header-nav .nav>li .sub-menu li a {
    padding: 7px 10px;
    border-radius: 0
}

.header-archia .header-nav .nav>li .sub-menu li:hover>.sub-menu {
    left: 230px!important
}

.header-archia .header-nav .nav>li .sub-menu li>.sub-menu::after {
    content: "";
    left: -10px;
    top: 20px;
    position: absolute;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    border-right: 10px solid #fff
}

.header-archia .header-nav .nav>li .sub-menu li>.sub-menu {
    background-color: #fff
}

.header-archia .header-nav .nav>li .sub-menu li>.sub-menu li a {
    color: #2c2c2c
}

.header-archia .header-nav .nav>li .sub-menu li:first-child>a {
    border-radius: 5px 5px 0 0
}

.header-archia .header-nav .nav>li .sub-menu li:last-child>a {
    border-radius: 0 0 5px 5px
}

.header-archia .header-nav .nav>li .sub-menu li a {
    font-size: 15px;
    font-weight: 400;
    letter-spacing: 1px;
}

.header-archia .is-fixed .navbar-toggler,
.header-archia .navbar-toggler {
    margin: 32px 0 22px 15px
}

.header-archia .is-fixed .navbar-toggler span {
    background-color: #000
}

.is-fixed .logo-footer img, .logo-header img {
     
    padding: 0;
}
 

h2.title strong {
    font-weight: 700
}

.tp-static-layer {
    display: none !important
}

.project-info {
    background-color: #fff
}

.project-info .project-title {
    font-size: 45px;
    line-height: 55px;
    color: #222
}

.project-info .project-description {
    font-size: 16px;
    color: #676565;
    margin-bottom: 20px
}

.project-info .project-time {
    color: #676565
}

.project-info .project-social-list a {
    color: #999
}

.project-info .info-number {
    font-size: 30px
}

.project-info .project-social-list {
    padding: 0
}

.project-info .project-social-list li {
    display: inline-block;
    list-style: none;
    margin-right: 20px;
    font-size: 20px
}

.text-blue-dark {
    color: #101e4e
}

.section-head .pre-title {
    font-weight: 400;
    text-transform: uppercase;
    color: #272727;
    font-size: 13px;
    letter-spacing: 3px
}

.our-team .social-list {
    padding: 0;
    margin: 10px 0 0
}

.our-team .social-list li a {
    text-decoration: none
}

.our-team .social-list li {
    display: inline-block;
    font-size: 20px;
    padding: 10px
}

.our-team .team-title-bx {
    padding: 30px 0 0 0
}

.our-team .dlab-media.radius-sm img {
    border-radius: 5px
}

.our-team .team-title-bx span {
    font-size: 20px;
    color: #7c7c7c
}

.our-team .team-title-bx .team-title {
    font-size: 27px;
    line-height: 30px;
    margin-bottom: 10px
}

.dlab-bnr-inr {
    margin-bottom: 0
}

.dlab-bnr-inr-entry {
    position: relative
}

.dlab-bnr-inr h1 {
    font-size: 32px;
    font-family: var(--font-family);
    line-height: 1.2;
    margin-bottom: 5px;
}

 

.dlab-bnr-inr .breadcrumb-row {
    text-align: left;
    text-transform: capitalize
}

.dlab-bnr-inr .breadcrumb-row ul li,
.dlab-bnr-inr .breadcrumb-row ul li a,
.dlab-bnr-inr .breadcrumb-row ul li::after {
    color: #fff
}

.dlab-bnr-inr .breadcrumb-row ul li:last-child {
    color: var(--secondary-color);
    font-weight: 600
}

.dlab-bnr-inr .breadcrumb-row ul li:first-child:after {
    content: unset
}

.dlab-bnr-inr .breadcrumb-row ul li {
    text-transform: capitalize;
    padding: 10px;
    margin: 0;
    font-size: 16px
}

.dlab-bnr-inr .breadcrumb-row ul li:first-child a {
    padding: 0 30px;
    font-size: 30px;
    border-right: 1px solid #fff;
    margin-right: 5px;
    color:  var(--secondary-color);
}

.dlab-bnr-inr .breadcrumb-row ul li::after {
    margin-left: 20px
}

.about-bx {
    padding: 0 15px 15px 15px;
    min-height: 380px;
    display: block;
    margin-bottom: 0.5rem;
    border: 1px solid #f1f1f1;
    position: relative;
}

.about-bx .icon-img {
    position: absolute;
    right: 2px;
    bottom: 2px;
    width: 64px;
    height: 64px;
    opacity: 0.1;
    filter: grayscale(100%);
}

.about-bx:hover {
    background: #fff;
    box-shadow: 0 0 11px 5px rgba(102, 102, 102, .1)
}

.about-bx .bg-primary {
    background: #fff
}

.about-bx .icon-bx-sm {
    position: relative;
    top: -30px;
    box-shadow: 0 0 10px #00000030
}

.about-bx:hover .icon-bx-sm {
    box-shadow: none
}

.about-bx {
    background: #fff
}

.about-bx .icon-content {
    padding: 0
}

.about-bx .icon-content .dlab-tilte {
    color: #fff;
    font-size: 21px;
    text-align: center;
    margin-bottom: 20px;
    border-bottom: 1px solid #f1f1f1;
    padding: 10px;
    background: var(--primary-color);
    border-bottom-left-radius: 30px;
    border-bottom-right-radius: 30px;
}

.about-bx .icon-content .dlab-tilte img {
    margin-right: 15px;
}

.about-bx .icon-content p {
    color: #000;
    font-size: 16px;
    line-height: 1.5
}

.video-bx {
    padding: 130px 0
}

.video-bx .video-title {
    font-size: 42px
}

.video-bx .video-content {
    font-size: 18px;
    line-height: 30px;
    color: rgba(255, 255, 255, .9);
    width: 80%;
    margin: 0 auto 50px
}

.video-bx .video-play {
    margin-bottom: 60px
}

.video-bx .video-play .popup-youtube:hover {
    color: #fff
}

.video-bx .video-play .popup-youtube {
    height: 135px;
    width: 135px;
    border: 2px solid;
    border-radius: 50%;
    line-height: 135px;
    font-size: 36px;
    display: block;
    text-align: center;
    margin: auto
}

.video-bx1 {
    position: relative
}

.video-bx1 .video-play {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 99
}

.video-bx1 .video-play a {
    height: 80px;
    width: 80px;
    border: 2px solid #fff;
    border-radius: 50%;
    display: block;
    text-align: center;
    line-height: 80px;
    font-size: 18px;
    color: #fff;
    margin: 0 auto 20px
}

.video-bx2 .video-play a {
    height: 80px;
    width: 80px;
    font-size: 30px;
    background-color: var(--bg-color);
    color: #fff;
    display: block;
    border-radius: 50%;
    text-align: center;
    line-height: 80px;
    float: left;
    margin-right: 20px
}

.video-bx2 .video-play p {
    font-size: 13px;
    padding: 22px 0;
    line-height: 18px
}

.video-bx2 {
    background-color: #fff;
    border: 4px solid var(--text-color);
    padding: 30px;
    width: 300px
}

.video-bx2 .years-date {
    font-size: 96px;
    line-height: 96px;
    font-weight: 800;
    margin-bottom: 0
}

.video-bx2 .years {
    font-size: 28px;
    margin-bottom: 0;
    line-height: 28px;
    font-weight: 700
}

.video-bx2 .years-work {
    font-size: 16px;
    font-weight: 300;
    margin-bottom: 0;
    line-height: 22px
}

.video-info {
    position: relative
}

.video-info .video-bx2 {
    position: absolute;
    bottom: 40px;
    left: 0
}

.video-bx .video-play.play-bg-primary .popup-youtube {
    border: 0;
    background-color: var(--bg-color);
    color: #fff
}

.video-bx .video-play.play-bg-primary {
    margin-bottom: 0
}

.about-me .about-thumb {
    border-left: 25px solid var(--text-color);
    z-index: 99;
    position: relative;
    margin: 35px 0
}

.about-me .about-email-bx .title {
    font-size: 26px
}

.about-me .bg-half {
    position: relative
}

.about-me .bg-half::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    background-color: #f1f1f1;
    z-index: 1;
    width: 75%
}

.about-me .about-email-bx {
    padding: 20px;
    z-index: 9;
    position: relative
}

.about-me .about-email-bx form .form-control {
    text-align: center;
    height: 65px;
    border-radius: 50px;
    border: 0;
    font-size: 14px
}

.about-me .about-me-info .title {
    font-size: 40px
}

.about-me .about-me-info .sub-title {
    color: rgba(0, 0, 0, .3);
    font-size: 20px;
    text-decoration: underline
}

.about-me .about-me-info .widget_getintuch strong {
    font-size: 20px;
    text-transform: uppercase;
    color: #000
}

.about-me .about-me-info .widget_getintuch {
    margin-bottom: 0
}

.about-me .about-me-info .widget_getintuch li {
    color: rgba(0, 0, 0, .4);
    padding-left: 50px
}

.progress-section .progress-bx .progress {
    margin-right: 50px
}

.progress-section .progress-bx .count-box {
    float: right;
    font-size: 18px;
    font-weight: 500;
    color: #000;
    line-height: 10px
}

.progress-bx .bg-pink {
    background-color: #7200ff
}

.progress-bx .bg-red {
    background-color: #f13646
}

.progress-bx .bg-green {
    background-color: #41b649
}

.progress-section .progress-bx .progress {
    height: 8px;
    border-radius: 50px;
    overflow: unset
}

.progress-section .progress-bx {
    margin-bottom: 30px
}

.progress-section .progress-bx .title {
    font-size: 16px
}

.progress-section .progress-bx .progress-bar {
    position: relative;
    border-radius: 50px
}

.progress-section .progress-bx .progress-bar::after {
    content: "";
    height: 24px;
    width: 24px;
    background-color: var(--primary-color);
    right: -2px;
    position: absolute;
    border-radius: 50px;
    box-shadow: 0 0 5px 5px rgba(0, 0, 0, .1)
}

.archia-counter .counter {
    font-size: 60px;
    color: var(--primary-color);
    line-height: 1;
    margin-bottom: 0;
    font-weight: 700;
    width: 100px;
}

.archia-counter span {
    font-size: 21px;
}

.our-team.team-style1 .team-title-bx .team-title {
    font-size: 26px;
    color: var(--primary-color);
    line-height: 36px;
    font-weight: 700
}

.our-team.team-style1 .team-title-bx span {
    font-size: 16px;
    color: var(--primary-color)
}

.our-team.team-style1 .team-title-bx {
    padding: 30px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    z-index: 99;
    opacity: 0
}

.our-team.team-style1 .dlab-media:after {
    content: "";
    background-color: #000;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 9;
    opacity: 0;
    transition: all .5s
}

.our-team.team-style1:hover .dlab-media:after {
    opacity: .7
}

.our-team.team-style1:hover .team-title-bx {
    opacity: 1;
    transition: all .5s
}

.portfolio-1 .dlab-box .port-box .title {
    font-size: 20px;
    margin-bottom: 5px
}

.portfolio-1 .dlab-box .port-box p {
    font-size: 16px;
    margin-bottom: 0;
    color: rgba(255, 255, 255, .7)
}

.portfolio-1 .dlab-box .port-box {
    padding: 40px 35px
}

.blog-post.shadow .dlab-post-title .post-title {
    font-size: 20px;
    margin: 0
}

.blog-post.shadow .dlab-info ul li,
.blog-post.shadow .dlab-info ul li a,
.blog-post.shadow .dlab-info ul li i,
.blog-post.shadow .dlab-post-name {
    color: #8799a3
}

.blog-post.shadow .dlab-post-name a {
    color: var(--text-color)
}

.blog-post.shadow .dlab-post-meta li::after {
    content: ""
}

.pagination-bx.radius .pagination li a {
    padding: 13px 18px;
    border-radius: 50px;
    font-size: 16px;
    font-weight: 500
}

.pagination-bx.radius .pagination li.active a {
    background-color: var(--bg-color)
}

.pagination-bx.radius .pagination li {
    margin: 0 3px;
    display: inline
}

.pagination-bx.radius .pagination li span {
    border: 0;
    border-radius: 50px;
    padding: 0;
    font-size: 16px
}

.pagination-bx.radius .pagination {
    display: block
}

.pagination-bx.radius .pagination li span:hover {
    background-color: unset;
    color: #000
}

.pagination-bx.radius {
    border-top: 1px solid rgba(0, 0, 0, .1);
    padding-top: 30px;
    margin: 50px
}

.blog-post.blog-half.blog-half1 {
    align-items: unset
}

.blog-post.blog-half.blog-half1 .dlab-post-title {
    background-color: #fff;
    z-index: 9;
    position: relative
}

.blog-post.blog-half.blog-half1 .dlab-post-title.left {
    margin: 0 0 0 -150px;
    padding: 30px 10px 20px 40px
}

.blog-post.blog-half.blog-half1 .dlab-post-title.right {
    margin: 0 -150px 0 0;
    padding: 30px 40px 20px 10px
}

.blog-post.blog-half.blog-half1 .dlab-post-text p {
    font-size: 16px;
    color: #7b7b7b;
    line-height: 25px
}

.blog-post .dlab-post-text p {
    color: #676767
}

.blog-masonry .blog-post {
    margin-bottom: 30px
}

.blog-masonry .blog-post .post-title {
    font-size: 24px;
    line-height: 32px
}

.section-head.style2 .head-title {
    font-size: 36px;
    line-height: 46px;
    width: 55%;
    margin: 5px auto 20px
}

.section-head.style2 .pre-title {
    margin-bottom: 0;
    font-size: 12px;
    letter-spacing: 3px;
    color: #848484;
    font-weight: 600
}

.section-head.style2 p {
    font-size: 16px;
    color: #7b7b7b;
    font-weight: 400
}

.portfolio-bx .portbox1 {
    margin-bottom: 0;
    border-radius: 0
}

.portfolio-bx .overlay-bx .port-title {
    font-size: 22px;
    line-height: 40px;
    margin-bottom: 15px
}

.portfolio-bx .overlay-bx span {
    color: rgba(255, 255, 255, .8);
    margin-bottom: 5px
}

.btn-video {
    padding: 14px 18px
}

.project-img-bx img {
    width: 100%
}

.widget_getintuch-pro-details {
    margin-bottom: 0
}

.widget_getintuch-pro-details .pro-details img {
    background-color: #f5f5f5;
    height: 53px;
    width: 53px;
    color: #000;
    border-radius: 50px;
    line-height: 53px;
    font-size: 20px;
    top: 0
}

.widget_getintuch-pro-details .pro-details {
    margin-bottom: 10px;
    position: relative
}

.project-carousel .owl-nav .owl-next i,
.project-carousel .owl-nav .owl-prev i {
    height: 50px;
    width: 50px;
    background: var(--bg-color-sc);
    color: #fff;
    border-radius: 50px;
    font-size: 22px;
    text-align: center;
    line-height: 50px
}

.project-carousel .owl-nav .owl-next,
.project-carousel .owl-nav .owl-prev {
    background-color: rgba(0, 0, 0, 0);
    padding: 0
}

.project-carousel .owl-nav .owl-prev {
    left: 10%
}

.project-carousel .owl-nav .owl-next {
    right: 10%
}

.animation-jet {
    max-width: 90px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 30px
}

.history-box {
       display: flex;
    flex-wrap: wrap;
    margin-bottom: 30px;
    background: #e3e3e3;
    padding: 40px;
    border-radius: 10px;
    box-shadow: 0 0 10px #0000003d;
}

.history-box.plant-machine {
     
    background:#fff;
     margin-bottom: 0;
    padding: 0;
    box-shadow: none
}

.plant-machine .history-media {
    flex: 0 0 33%;
    max-width: 33%
}

.plant-machine .history-media img {
    border-radius: 10px;
}

.history-box.plant-machine .history-details
 {
    flex: 0 0 67%;
       padding-left: 35px;
    max-width: 67%
}
 


.history-box .history-details {
    flex: 0 0 100%;
       padding-right: 0;
    max-width: 100%
}

.history-box.plant-machine .history-details ul {
    padding-left: 35px;
    padding-top: 20px;
}

.history-box.plant-machine .history-details ul li {
    font-size: 16px;
    line-height: 1.7;
        list-style: circle;
        margin-bottom: 8px;
}
.history-box.plant-machine .history-details ul li:marker{
    color: var(--secondary-color);
}

.history-box.right {
    flex-direction: row-reverse
}


.history-box.right .history-details {
    padding-left: 20px;
    padding-right: 0
}

.history-head {
    border-left: 4px solid var(--secondary-color);
    padding-left: 10px
    
}

.history-head p {
     font-style: italic;
     color: #747474!important;
    
}

.history-box p {
    color: #000;
    line-height: 26px;
    font-size: 16px;
    
    text-align: justify
}

.history-head h2 {
    font-size: 26px;
    color: var(--primary-color);
    line-height: 1
}

.history-head h3 {
    color: #9e9ca3;
    font-weight: 400
}

.error-page .dz_error {
    font-size: 260px;
    color: #1c1c1c;
    line-height: 260px
}

.error-page .error-head {
    font-size: 40px;
    font-weight: 400;
    color: #484646;
    line-height: 55px;
    max-width: 760px;
    display: inline-block
}

.error-page .input-group .btn {
    border-radius: 50px
}

.error-page .input-group .btn:hover {
    background-color: transparent
}

.error-page .input-group .btn img {
    width: 21px
}

.error-page .input-group .form-control,
.error-page .input-group .form-control:active,
.error-page .input-group .form-control:focus {
    border: 0;
    background-color: transparent;
    padding: 25px 30px;
    font-weight: 500
}

.error-page .input-group {
    border: 2px solid #eceef2;
    border-radius: 40px
}

.error-page .subscribe-form {
    max-width: 560px;
    width: 560px;
    display: inline-block
}

.coming-soon {
    height: 100vh;
    position: relative
}

.countdown .date div strong {
    font-size: 20px;
    font-weight: 400;
    color: #1b1b1b;
    text-transform: uppercase;
    box-shadow: inset 0 -4px 0 var(--bg-color);
    line-height: 18px;
    display: inline-block
}

.countdown .date div {
    display: block;
    line-height: 30px
}

.countdown .date {
    display: inline-block;
    text-align: center;
    width: 130px
}

.countdown .date .time {
    font-size: 70px;
    font-family: var(--font-family);
    color: #000;
    display: block
}

.countdown-box {
    display: flex;
    line-height: 70px;
    align-items: start;
    padding: 50px 50px 0
}

.countdown-box .countdown {
    margin-left: auto
}

.coming-head h2 {
    line-height: 162px;
    font-size: 162px;
    display: inline;
    position: relative
}

.coming-head h2 strong {
    color: #1b1b1b
}

.coming-head h2 span {
    font-size: 40px;
    color: #1b1b1b;
    position: absolute;
    right: 26px;
    line-height: 40px
}

.coming-head {
    display: block;
    max-width: 1170px;
    text-align: center;
    margin-top: 50px
}

.coming-head .input-group .btn {
    border-radius: 40px;
    height: 40px;
    padding: 0;
    width: 40px;
    margin: 5px;
    color: #000
}

.coming-head .subscribe-form {
    max-width: 600px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 50px
}

.coming-head .subscribe-form .form-control,
.coming-head .subscribe-form .form-control:active,
.coming-head .subscribe-form .form-control:focus,
.coming-head .subscribe-form .form-control:hover {
    border: 0;
    border-radius: 40px !important
}

.coming-head .input-group {
    background: #fff;
    border: 1px solid #e3e3e3;
    border-radius: 50px
}

.section-head.contact-title span {
    color: var(--bg-color);
    font-size: 18px;
    text-transform: uppercase
}

.section-head.contact-title p {
    font-weight: 400
}

.presence-box {
    background: linear-gradient(#0f65cc, var(--primary-color));
    padding: 10px 15px;
    color: #fff;
    border-radius: 4px;
    margin-bottom: 20px
}

.presence-box h5,
.presence-box p,
.presence-box p a {
    color: #fff
}

.presence-box p,
.presence-box p a {
    font-size: 13px;
    font-weight: 600
}

.presence-box p {
    padding-left: 22px;
    position: relative
}

.presence-box p:before {
    position: absolute;
    left: -5px;
    top: 0;
    font-family: fontAwesome;
    font-size: 20px;
    color: var(--secondary-color)
}

.presence-box p.location:before {
    content: "\f041"
}

.presence-box p.mail:before {
    content: "\f0e0";
    font-size: 16px
}

.presence-box p.phone:before {
    content: "\f095"
}

.presence-box p a:hover {
    color: var(--secondary-color)
}

.presence-box h5 {
    text-align: center;
    font-size: 24px;
    text-transform: uppercase
}

.contact-box .form-control,
.contact-box select {
    border: 1px solid #f7f7f7;
    height: 60px;
    border-radius: 6px;
    padding: 15px;
    font-size: 16px;
    font-weight: 300
}

.contact-box select {
    width: 100%
}

.contact-box .form-boxer {
    margin: 0 15%;
    background: #f7f7f7;
    padding: 20px;
    border-radius: 5px
}

.contact-box textarea.form-control {
    height: 180px
}

.contact-box .form-control:active,
.contact-box .form-control:focus,
.contact-box .form-control:hover {
    border: 1px solid var(--primary-color)
}

.contact-box .section-head p {
    font-weight: 400
}

.author-box {
    background-color: #fff;
    padding: 20px;
    border-radius: 4px;
    border: 2px solid #c4c4c4
}

.author-box.blog-user .author-profile-info {
    display: flex
}

.blog-user .author-profile-pic {
    width: 100px;
    min-width: 100px;
    height: 100px;
    border-radius: 2px;
    overflow: hidden;
    box-shadow: none;
    z-index: 2;
    position: relative;
    margin-top: 5px;
    border: 0
}

.blog-user .author-profile-content {
    padding-left: 20px;
    text-align: left;
    padding-top: 0
}

.blog-user .author-profile-content p {
    margin-bottom: 10px;
    font-size: 14px
}

.author-profile-content ul li a i {
    margin-left: 0
}

.author-profile-content ul li a {
    color: #000;
    font-size: 16px;
    margin-right: 15px
}

.recent-post-bx .dlab-post-meta ul li i {
    color: #afafaf
}

.recent-post-bx .dlab-post-title .post-title {
    margin-bottom: 5px;
    margin-top: 20px
}

.recent-post-bx.blog-post .dlab-post-text p {
    color: #676767;
    font-size: 14px
}

.related-post .owl-nav {
    position: absolute;
    top: 15px;
    right: 10px
}

.related-post .owl-next,
.related-post .owl-prev {
    width: 34px;
    height: 34px;
    background: #000;
    color: #fff;
    line-height: 34px;
    padding: 0;
    text-align: center;
    transition: all .5s
}

.related-post .owl-next:hover,
.related-post .owl-prev:hover {
    background: #fff;
    color: #000
}

.slide-social {
    margin: 0;
    margin-left: 0;
    padding: 0;
    list-style: none;
    margin-left: auto
}

.slide-social li:first-child {
    margin-right: 10px
}

.slide-social li {
    display: inline-block;
    text-transform: uppercase;
    color: rgba(255, 255, 255, .4);
    color: #000
}

.share-post .slide-social li a:hover {
    color: #ed145b
}

.share-post .slide-social li a {
    color: #464646;
    font-size: 18px;
    padding: 0 0 0 10px
}

.post-link-in {
    padding: 15px 30px;
    display: inline;
    background: var(--bg-color);
    border-radius: 50px;
    color: #fff;
    text-transform: uppercase;
    font-size: 13px;
    font-weight: 500;
    position: absolute;
    top: 20px;
    left: 20px
}

.post-link-in:hover {
    color: #fff
}

.blog-post.blog-single .dlab-post-meta {
    margin-bottom: 30px
}

.blog-post.blog-single .dlab-post-meta li {
    margin-right: 20px
}

.blog-post.blog-single .dlab-post-meta li.dlab-post-name a {
    color: var(--text-color)
}

.blog-post.blog-single .dlab-post-meta li.dlab-post-name img {
    width: 40px;
    height: 40px;
    object-fit: cover;
    border-radius: 40px;
    margin-right: 5px
}

.blog-post.blog-single .dlab-post-meta li:after {
    content: none
}

.blog-post.blog-single .dlab-post-meta i {
    color: #999
}

.video-full {
    margin-top: -40px;
    display: flex;
    align-items: center
}

.video-full.overlay-black-dark:after {
    opacity: 0
}

.video-content-box h2 {
    font-size: 85px;
    line-height: 85px;
    text-transform: uppercase;
    color: #252525;
    font-weight: 800;
    margin-bottom: 15px
}

.video-content-box h6 {
    font-size: 16px;
    text-transform: uppercase;
    color: #252525;
    font-family: var(--font-family);
    letter-spacing: 30px
}

.video-content-box {
    margin-left: auto;
    max-width: 900px
}

.video-content-box a.video {
    width: 100px;
    height: 100px;
    background: #fff;
    text-align: center;
    font-size: 30px;
    color: #000;
    display: block;
    line-height: 100px;
    border-radius: 50px;
    margin-bottom: 10px
}

.video-content-box p {
    font-size: 18px;
    line-height: 30px;
    max-width: 800px
}

.video-content-box h2 span {
    font-weight: 300
}

.project-section .style2 {
    display: block;
}

.portfolio-bx.style2 .overlay-bx {
    opacity: 1;
    visibility: visible
}

.portfolio-bx.style2 h4 {
    font-size: 16px;
    text-align: center;
    background: #fff
}

.portfolio-bx.style2 h4 a {
    color: var(--primary-color)
}

.initiative .portfolio-bx img {
    height: 200px
}

.portfolio-bx.style2 .dlab-img-overlay1:before {
       background: linear-gradient(0deg, black, transparent);
    opacity: 1;
}

.portfolio-bx.style2.project-media .dlab-img-overlay1:before {
  background: linear-gradient(4deg, black, transparent);
}

.portfolio-bx.style2:hover .dlab-img-overlay1:before {
     background: linear-gradient(4deg, black, transparent);
    
}

 

.portfolio-bx.style2:hover .mfp-link {
    visibility: visible
}

.portfolio-bx.style2 .mfp-link,
.portfolio-bx.style2 .title {
    font-size: 1rem;
    transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
    -webkit-transition: all .5s
}

.portfolio-bx.style2 .title a {
    color: #fff
}

.portfolio-bx.style2 .mfp-link {
    width: 92%;
    height: 90%;
    display: block;
    font-size: 21px;
    line-height: 1.5;
    text-align: center;
    color: #fff;
    border-radius: 0;
    position: absolute;
    left: 10px;
    padding: 30px;
    bottom: 10px;
    transform: scale(0) rotate(25deg);
    -moz-transform: scale(0) rotate(25deg);
    -webkit-transform: scale(0) rotate(25deg);
    -ms-transform: scale(0) rotate(25deg);
    -o-transform: scale(0) rotate(25deg)
}

.portfolio-bx.style2:hover .mfp-link {
    transform: scale(1) rotate(0);
    -moz-transform: scale(1) rotate(0);
    -webkit-transform: scale(1) rotate(0);
    -ms-transform: scale(1) rotate(0);
    -o-transform: scale(1) rotate(0)
}

.portfolio-bx.style2 .mfp-link i {
    background: 0 0;
    vertical-align: middle;
    color: #fff
}

.portfolio-bx.style2 .overlay-icon {
    padding: 30px
}

.portfolio-carousel-2 .item {
    margin: 10px 0 10px 10px
}

.portfolio-bx.style3:after {
    content: "";
    position: absolute;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 1;
    opacity: 1;
    top: 0;
    background: #091928;
    background: -moz-linear-gradient(top, rgba(9, 25, 40, .2) 0, rgba(0, 0, 0, .4) 100%);
    background: -webkit-linear-gradient(top, rgba(9, 25, 40, .2) 0, rgba(0, 0, 0, .4) 100%);
    background: linear-gradient(to bottom, rgba(9, 25, 40, .2) 0, rgba(0, 0, 0, .4) 100%)
}

.portfolio-bx.style3 .port-box .title {
    font-size: 28px;
    margin-bottom: 10px
}

.portfolio-bx.style3 .port-box .title a {
    color: #fff
}

.portfolio-bx.style3 .port-box .btn-link {
    font-size: 16px;
    color: #fff;
    text-transform: uppercase;
    opacity: .7
}

.portfolio-bx.style3 .overlay-bx {
    opacity: 1;
    visibility: visible;
    bottom: 0;
    top: auto;
    text-align: left;
    height: auto;
    padding: 30px
}

.portfolio-carousel .owl-next,
.portfolio-carousel .owl-prev {
    padding: 0 2px;
    background: 0 0;
    font-family: var(--font-family);
    font-size: 16px;
    text-transform: uppercase;
    color: #fff;
    display: flex;
    align-items: center;
    letter-spacing: 5px;
    margin: 0 15px;
    text-shadow: 2px 2px 0 rgba(0, 0, 0, .1)
}

.portfolio-carousel .owl-next i,
.portfolio-carousel .owl-prev i {
    font-size: 22px;
    color: #000;
    background: #fff;
    padding: 5px
}

.portfolio-carousel.full-vh .dlab-media img {
    transform-style: inherit;
    height: calc(100vh - 60px);
    object-fit: cover
}

.portfolio-carousel-2.full-vh .dlab-media img {
    transform-style: inherit;
    height: calc(100vh - 140px);
    object-fit: cover
}

.showcase-bottom {
    height: 60px;
    background: #121a2d;
    padding: 0 55px;
    display: flex;
    align-items: center
}

.showcase-bottom p {
    color: #fff;
    opacity: .8;
    margin: 0;
    text-transform: uppercase;
    font-size: 14px
}

.showcase-bottom ul {
    margin: 0;
    padding: 0;
    list-style: none;
    margin-left: auto
}

.showcase-bottom ul li {
    display: inline-block
}

.showcase-bottom ul li a {
    font-size: 16px;
    color: #fff;
    width: 30px;
    height: 30px;
    display: block;
    border: 1px solid rgba(255, 255, 255, .2);
    text-align: center;
    line-height: 28px;
    opacity: .8
}

.showcase-bottom ul li a:hover {
    background: #fff;
    color: #000;
    opacity: 1
}

.exhibition-bx p {
    color: #676767;
    font-size: 17px;
    line-height: 30px
}

.exhibition-bx .title {
    font-size: 50px;
    line-height: 58px
}

.exhibition-carousel {
    padding: 20px 50px 20px 0;
    position: relative;
    z-index: 1
}

.exhibition-carousel:after {
    content: "";
    position: absolute;
    width: calc(100% - 70px);
    height: 100%;
    right: 0;
    top: 0;
    background-color: #f9f9f9;
    z-index: -1
}

.exhibition-carousel .owl-dots {
    position: absolute;
    right: 18px;
    top: 50%;
    transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%)
}

.exhibition-carousel .owl-dot {
    width: 12px;
    height: 12px;
    background: #dadada;
    border-radius: 20px;
    margin: 10px 0
}

.exhibition-carousel .owl-dot.active {
    background: var(--bg-color)
}

.section-head.style1 .pre-title {
    font-size: 18px;
    letter-spacing: 5px;
    color: #555
}

.blog-post .blog-media img {
    width: 100%
}

.latest-project-info {
    background-color: #1b1b1b;
    padding: 100px 130px
}

.latest-project-info h2 {
    font-size: 50px;
    line-height: 60px
}

.latest-project-info a {
    margin-top: 30px
}

.latest-project-info p {
    color: #949494
}

.portbox1.style1 {
    border-radius: 0
}

.portbox1.style1 .portinner span {
    text-transform: uppercase;
    font-size: 10px;
    letter-spacing: 5px;
    font-weight: 500
}

.portbox1.style1 .overlay-bx .port-title {
    font-size: 30px;
    line-height: 32px;
    margin-bottom: 15px
}

.letter-spacing {
    letter-spacing: 3px
}

.exhibition-bx .exhibition-name {
    color: #ecedef;
    font-size: 130px;
    font-weight: 800;
    position: absolute;
    top: 50%;
    left: 0
}

.testimonial-two .client-says {
    padding-left: 130px
}

.testimonial-two .client-says .testimonial-pic {
    width: 90px;
    height: 90px
}

.testimonial-two .client-says .testimonial-text p {
    font-size: 16px
}

.testimonial-two .client-says .testimonial-name {
    font-size: 20px
}

.testimonial-two .client-says .testimonial-position {
    font-size: 13px;
    color: #868686;
    font-family: var(--font-family)
}

.progress-head h2 {
    font-size: 36px
}

.testimonial-two-dots-bx.owl-theme .owl-dots .owl-dot span {
    height: 13px;
    width: 13px;
    background-color: #000;
    transform: scale(.5);
    -webkit-transform: scale(.5);
    -moz-transform: scale(.5);
    -ms-transform: scale(.5);
    -o-transform: scale(.5);
    opacity: 1
}

.testimonial-two-dots-bx.owl-theme .owl-dots .owl-dot.active span {
    transform: scale(1);
    -ms-transform: scale(1);
    -webkit-transform: scale(1);
    -o-transform: scale(1);
    -moz-transform: scale(1);
    background-color: var(--secondary-color);
    width: 13px
}

.btn.btn-aware {
    background: 0 0;
    position: relative;
    overflow: hidden;
    z-index: 1;
    border-color: #91ae1d
}

.btn.btn-aware:hover {
    background-color: transparent;
    border-color: var(--primary-color)
}

.btn.black.btn-aware {
    position: relative;
    overflow: hidden;
    background: 0 0;
    z-index: 1;
    border-color: var(--primary-color)
}

.btn-explore {
    color: #fff;
    padding: 10px 30px;
    display: inline-block;
    font-size: 16px;
    outline: 0;
    cursor: pointer;
    outline: 0;
    border-width: 0;
    border-style: solid;
    border-color: transparent;
    line-height: 1.42857;
    border-radius: 3px;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: 1.5px;
    overflow: hidden;
    vertical-align: middle;
    background: var(--secondary-color);
}

.btn.btn-aware span {
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    border-radius: 50%;
    background-color: var(--primary-color);
    transition: width .4s ease-in-out, height .4s ease-in-out;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: -1
}

.btn.black.btn-aware span {
    background-color: var(--primary-color)
}

.btn-aware:hover span {
    width: 225%;
    height: 562px
}

.header-full.bgimg-scale .main-bar {
    background-image: url(../images/scale.png);
    background-repeat: repeat-x;
    padding-top: 10px
}

.slide3 .tparrows.tp-rightarrow:before {
    content: ""
}

.uranus.tparrows:before {
    font-size: 18px!important;
    line-height: 30px!important;
    width: 30px!important;
    height: 30px!important;
}

.slide3 .tp-rightarrow:after {
    content: "\e825";
    font-family: revicons;
    color: #fff;
    display: inline-block;
    line-height: 53px;
    font-size: 24px;
    height: 53px;
    width: 53px;
    text-align: center
}

.slide3 .tparrows.tp-leftarrow:before {
    content: "\e824";
    font-family: revicons;
    font-size: 24px;
    line-height: 53px;
    display: inline-block;
    height: 53px;
    width: 53px
}

.slide3 .tp-rightarrow:hover:after,
.slide3 .tparrows.tp-leftarrow:hover:before {
    opacity: .8
}

.slide3 .tp-leftarrow:after {
    content: ""
}

.slide3 .uranus.tparrows {
    width: auto;
    height: auto;
    display: #000;
    align-items: center
}

.slide3>ul {
    margin: 0;
    padding: 0;
    list-style: none;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    width: 60px;
    text-align: center
}

.slide3>ul li {
    display: block
}

.slide3>ul li a {
    color: #000;
    font-size: 18px;
    padding: 5px 10px;
    display: block
}

.heart {
    width: 60px;
    height: 60px;
    display: inline-block;
    background: url(../images/like.png) no-repeat;
    cursor: pointer;
    margin: -20px -10px
}

.heart-blast {
    background-position: -1680px 0;
    transition: background 1s steps(28)
}

.footer-bottom p {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0
}

@media only screen and (min-width:1921px) {
    
 .dlab-bnr-inr.dlab-bnr-inr-lg {
        height: 180px;
        padding-top: 90px;
    }

}
@media only screen and (max-width:1920px) {
    .dlab-bnr-inr.dlab-bnr-inr-lg {
        height: 250px;
        padding-top: 120px;
    }
    .video-content-box,
    .video-content-box h2 {
        max-width: 750px
    }
    .video-content-box p {
        max-width: 700px
    }
    .latest-project-info {
        padding: 50px 80px
    }
    .latest-project-info h2 {
        font-size: 40px;
        line-height: 50px
    }
}

@media only screen and (max-width:1200px) {
    .header-archia .contact-info {
        display: none
    }
    .archi-footer.site-footer .footer-top .footer-logo {
        margin: auto
    }
    .about-bx1-content h2 {
        font-size: 30px;
        line-height: 40px;
        margin-bottom: 15px
    }
    .about-bx1-content p {
        font-size: 16px;
        line-height: 28px
    }
    .about-year {
        padding-top: 15px;
        padding-bottom: 15px
    }
    .about-year span:after {
        width: 80px;
        height: 80px;
        top: -2px
    }
    .about-year span {
        font-size: 65px;
        line-height: 75px;
        padding-left: 24px;
        padding-right: 10px
    }
    .about-bx1-content p {
        font-size: 16px;
        line-height: 20px
    }
    .project-slider .about-bx1-content {
        padding-left: 15px;
        max-width: 400px
    }
    .about-bx1-content h2 {
        font-size: 24px;
        line-height: 34px
    }
    .about-bx1-content p {
        margin-bottom: 10px
    }
    .form-img {
        width: calc(100% + 30px);
        margin-bottom: -40px
    }
    .form-box .title {
        font-size: 18px;
        line-height: 28px
    }
    .sr-numbox .dlab-tilte {
        font-size: 16px;
        letter-spacing: 1px
    }
    .sr-numbox .box-number {
        font-size: 30px;
        padding: 0;
        margin-bottom: 0;
        line-height: 50px
    }
    .sr-numbox .box-number::after {
        width: 35px;
        content: none
    }
    .sr-numbox .dlab-tilte {
        padding-left: 10px
    }
    .sr-numbox .icon-content .m-b10 {
        margin-bottom: 5px
    }
    .section-head .head-title {
        font-size: 35px;
        line-height: 45px;
        margin-bottom: 20px
    }
    .video-bx2 .years-work {
        display: none
    }
    .project-content .head-title {
        font-size: 24px;
        line-height: 32px
    }
    .project-area [class*=col-] {
        padding: 0
    }
    .project-area>.row {
        margin: 0
    }
    .project-area-info .project-content p {
        font-size: 16px;
        margin-bottom: 10px
    }
    .project-area-info .project-content {
        margin-left: 0;
        padding-right: 30px
    }
    .project-area-info .owl-nav .owl-prev {
        left: 0;
        text-shadow: 5px 0 0 rgba(0, 0, 0, .3)
    }
    .project-area-info .owl-nav .owl-next {
        right: 0;
        text-shadow: 5px 0 0 rgba(0, 0, 0, .3)
    }
    .team-info-contact h2 {
        font-size: 28px;
        margin-bottom: 5px
    }
    .team-info-contact p {
        font-size: 16px;
        line-height: 28px;
        margin-bottom: 10px
    }
    .team-slider {
        margin-bottom: 30px
    }
    .team-slider.owl-theme .owl-dots {
        left: 10px
    }
    .team-slider .owl-dots .owl-dot.active {
        border: 1px solid #fff
    }
    .team-slider .owl-dots .owl-dot {
        padding: 5px
    }
    .team-slider .owl-dots .owl-dot span,
    .team-slider .owl-dots .owl-dot.active span,
    .team-slider .owl-dots .owl-dot:hover span {
        background-color: #fff
    }
    .our-team .team-title-bx .team-title {
        font-size: 20px;
        line-height: 28px;
        margin-bottom: 5px
    }
    .our-team .team-title-bx span {
        font-size: 16px
    }
    .our-team .social-list li {
        font-size: 16px;
        padding: 5px
    }
    .section-head .head-title {
        margin-bottom: 10px
    }
    .project-info {
        padding: 40px
    }
    .coming-head {
        margin-left: auto;
        margin-right: auto
    }
    .video-content-box {
        max-width: 600px
    }
    .video-content-box h2 {
        font-size: 60px;
        line-height: 60px
    }
    .video-content-box h6 {
        font-size: 12px;
        letter-spacing: 20px
    }
    .video-content-box p {
        font-size: 16px;
        line-height: 26px;
        max-width: 600px
    }
    .pro-details-col-5 .col {
        width: 25%;
        flex-basis: auto
    }
    .content-inner {
        padding-top: 60px;
        padding-bottom: 30px
    }
    .content-inner-2 {
        padding-top: 60px;
        padding-bottom: 60px
    }
    .section-head.style2 .head-title {
        width: 85%
    }
    .history-box .history-details {
        flex: 0 0 40%;
        max-width: 40%
    }
    .history-box .history-media {
        flex: 0 0 60%;
        max-width: 60%
    }
    .history-box {
        margin-bottom: 60px
    }
    .blog-post.blog-half.blog-half1 .dlab-post-title .post-title {
        font-size: 24px;
        line-height: 34px
    }
    blockquote {
        padding: 4px 20px 5px 40px
    }
    .archi-footer.site-footer .container {
        max-width: 100%
    }
    .archi-footer.site-footer .footer-top [class*=col-]:first-child {
        border: 0;
        border-bottom: 1px solid rgba(255, 255, 255, .1)
    }
    .video-bx {
        padding: 80px 0
    }
}

@media only screen and (max-width:991px) {
    #rev_slider_1164_1_wrapper,
    .tp-fullwidth-forcer {
        height: 450px !important
    }
    .is-fixed .header-nav .nav>li>a {
    
    color: #fff;}
    .pl-5 {
        padding-left: 15px!important;
    }
    .pr-5 {
        padding-right: 15px!important;
    }
    .mb-5,
    .my-5 {
        margin-bottom: 1rem!important;
    }
    .filter-style2 li {
        margin: 0 10px;
        font-size: 14px
    }
    .form-box {
        padding: 40px 40px
    }
    .form-box .row:first-child {
        flex-direction: column-reverse;
        text-align: center
    }
    .form-img {
        position: unset;
        margin-bottom: -20px;
        margin-top: -50px
    }
    .project-slider .about-bx1-content {
        padding-right: 20px
    }
    .project-area .section-head .head-title {
        font-size: 36px;
        margin-bottom: 5px
    }
    .project-area .section-head p {
        font-size: 16px;
        line-height: 28px;
        margin-bottom: 15px
    }
    .project-info-box .project-content {
        padding: 20px 20px;
        width: 300px
    }
    .list-details li {
        padding: 5px 0;
        font-size: 12px
    }
    .team-info-contact {
        padding-left: 0;
        margin-bottom: 40px
    }
    .project-area {
        padding: 30px
    }
    .header-archia .header-nav .nav>li>a {
        border: 0;
        padding: 10px 20px
    }
    .header-archia .is-fixed .navbar-toggler.open span {
        background-color: #fff
    }
    .countdown {
        margin-left: 0
    }
    .countdown-box {
        display: block;
        padding: 50px 20px 0
    }
    .countdown .date {
        text-align: left
    }
    .button-home {
        position: absolute;
        bottom: 20px;
        left: 20px
    }
    .coming-head {
        margin-right: unset;
        text-align: left;
        padding-left: 20px;
        padding-right: 20px
    }
    .coming-head .subscribe-form {
        margin-left: unset
    }
    .project-style-2.project-carousel-1 .owl-nav {
        width: 300px
    }
    .project-style-2 .project-info-box .project-content {
        bottom: 50px
    }
    .video-full {
        height: 80vh !important;
        padding-top: 100px !important
    }
    .video-content-box a.video {
        width: 70px;
        height: 70px;
        font-size: 20px;
        line-height: 70px
    }
    .video-content-box h6 {
        font-size: 12px;
        letter-spacing: 14px
    }
    .video-content-box p {
        font-size: 16px;
        line-height: 24px;
        max-width: 400px
    }
    .video-content-box {
        max-width: 400px
    }
    .video-content-box h2 {
        font-size: 40px;
        line-height: 40px
    }
    .portfolio-bx.style2 .overlay-icon {
        padding: 30px
    }
    .portfolio-bx.style2 .title {
        font-size: 24px;
        margin-bottom: 10px
    }
    .pro-details-col-5 .col {
        width: 33.33%
    }
    .content-inner {
        padding-top: 50px;
        padding-bottom: 20px
    }
    .content-inner-2 {
        padding-top: 50px;
        padding-bottom: 50px
    }
    .history-box.right .history-details {
        padding-left: 30px
    }
    .history-box .history-details,
    .history-box .history-media {
        flex: 0 0 50%;
        max-width: 50%
    }
    .history-box .history-details {
        padding-right: 30px
    }
    .history-box {
        margin-bottom: 50px
    }
    .blog-half.blog-half1 .post-info {
        background-color: #fff;
        padding: 0 20px 30px
    }
    .blog-post.blog-half.blog-half1 .dlab-post-title.left,
    .blog-post.blog-half.blog-half1 .dlab-post-title.right {
        margin: 0;
        padding: 0
    }
    .blog-post.blog-half.blog-half1 {
        margin-bottom: 0
    }
    .blog-post.blog-grid.shadow,
    .blog-post.blog-half.blog-half1 .blog-media {
        margin-bottom: 30px
    }
    .blog-post.blog-grid.shadow .dlab-info {
        padding: 30px
    }
    .video-bx2 .video-play a {
        height: 60px;
        width: 60px;
        font-size: 24px;
        line-height: 60px
    }
    .video-bx2 .years-date {
        font-size: 65px;
        line-height: 65px
    }
    .video-bx2 .years {
        font-size: 24px;
        line-height: 24px
    }
    .video-bx2 .video-play p {
        font-size: 12px;
        padding: 12px 0;
        line-height: 18px;
        margin-bottom: 10px
    }
    .video-info .video-bx2 {
        bottom: -20px;
        width: 250px
    }
    .section-head .head-title {
        font-size: 30px;
        line-height: 40px
    }
    .error-page .dz_error {
        font-size: 200px;
        line-height: 200px
    }
    .error-page .error-head {
        font-size: 30px;
        line-height: 45px
    }
    .header-archia .extra-cell ul {
        display: block
    }
    .header-archia .is-fixed .logo-header {
        height: 62px
    }
    .header-archia.header-transparent .main-bar {
        padding: 10px 0
    }
    .mo-nav .logo-header,
    .mo-nav .social-menu {
        display: block;
        width: 100%
    }
    .header-archia .is-fixed .mo-nav.header-nav .nav>li>a,
    .header-archia .mo-nav.header-nav .nav>li>a {
        padding: 5px 15px;
        width: 100%;
        font-size: 16px;
        margin: 0
    }
    .header-archia .mo-nav.header-nav {
        display: flex;
        flex-direction: column;
        justify-content: space-between !important;
        min-height: 100%
    }
    .mo-left .is-fixed .header-nav .logo-header {
        height: auto
    }
    .header-archia .header-nav.mo-nav .nav>li .sub-menu li .sub-menu li:hover a,
    .header-archia .header-nav.mo-nav .nav>li .sub-menu li:hover>a {
        background-color: #fff;
        color: #6f6f6f
    }
    .header-archia .mo-nav .social-menu {
        padding: 30px
    }
    .mo-left .header-nav.mo-nav .logo-header a {
        text-align: left
    }
    .mo-left .header-nav.mo-nav .logo-header {
        padding: 15px;
        text-align: left
    }
    .blog-grid.style1 .dlab-post-text .post-title {
        font-size: 20px;
        line-height: 30px
    }
    .section-head {
        margin-bottom: 30px
    }
    .side-bar {
        margin-bottom: 0
    }
    .showcase-bottom {
        padding: 0 15px
    }
    .video-info {
        margin-bottom: 40px
    }
}

@media only screen and (max-width:860px) {
    #rev_slider_1164_1_wrapper,
    .tp-fullwidth-forcer {
        height: 400px !important
    }
}

@media only screen and (max-width:767px) {
    .section-head {
        margin-bottom: 20px
    }
    .mar-t10 {
        margin-top: 20px
    }
    .boxes {
        margin-top: 0
    }
    #rev_slider_1164_1_wrapper,
    .tp-fullwidth-forcer {
        height: 300px !important
    }
    .p-r0 {
        padding-right: 15px
    }
    .p-l0 {
        padding-left: 15px
    }
    .p-lr0 {
        padding-right: 15px;
        padding-left: 15px
    }
    .tp-caption,
    .tparrows {
        display: none!important;
    }
    .about-bx {
        min-height: auto !important
    }
    .project-carousel-1 .project-media img {
        height: 400px;
        object-fit: cover
    }
    .about-bx1-content {
        margin-top: 30px
    }
    .project-carousel-2 {
        margin-right: 30px
    }
    .project-slider:after {
        content: none
    }
    .project-slider .about-bx1-content {
        max-width: 100%
    }
    .why-choose-us {
        padding-top: 120px
    }
    .client-box-full .testimonial-1 {
        margin: 0 50px
    }
    .section-head .head-title {
        font-size: 28px;
        line-height: 38px;
        margin-bottom: 5px
    }
    .filter-style2 {
        margin-bottom: 20px
    }
    .section-head p {
        font-weight: 400;
        font-size: 14px
    }
    .filter-style2 li {
        margin: 0 5px
    }
    .portbox3 .portinner {
        max-width: 200px
    }
    .portbox3 .portinner .port-up .port-title {
        font-size: 18px;
        line-height: 28px
    }
    .project-area .section-head .head-title {
        font-size: 26px
    }
    .about-year {
        padding-top: 5px;
        padding-bottom: 5px
    }
    .about-bx1-content {
        margin-top: 25px
    }
    .project-slider {
        padding-top: 0
    }
    .form-box {
        padding: 20px 20px
    }
    .form-box .form-group {
        margin-bottom: 10px
    }
    .form-box .form-control {
        font-size: 13px;
        padding: 20px 30px;
        height: 45px
    }
    .form-box .btn {
        height: 50px;
        padding: 0 15px
    }
    .project-carousel-1 .owl-next,
    .project-carousel-1 .owl-prev {
        font-size: 12px;
        margin: 0 10px
    }
    .project-carousel-1 .owl-next i,
    .project-carousel-1 .owl-prev i {
        font-size: 16px
    }
    .project-area {
        padding: 0
    }
    .project-area-info .project-content {
        padding: 30px
    }
    .portfolio-bx.style2 .mfp-link {
        width: 50px;
        height: 50px;
        font-size: 20px;
        line-height: 50px;
        margin: -25px 0 0 -25px
    }
    .portfolio-bx.style2 .overlay-icon .title {
        margin-bottom: 0;
        font-size: 22px;
        line-height: 30px;
        font-weight: 600
    }
    .portfolio-bx.style2 .overlay-icon {
        padding: 20px 20px
    }
    .our-team.team-style1 .team-title-bx .team-title {
        font-size: 18px;
        line-height: 30px;
        margin-bottom: 0
    }
    .our-team.team-style1 .team-title-bx span {
        font-size: 14px
    }
    .our-team .social-list li {
        font-size: 16px;
        padding: 5px
    }
    .our-team.team-style1 .social-list {
        margin-top: 0
    }
    .our-team.team-style1 .team-title-bx {
        padding: 10px
    }
    .sr-iconbox.p-lr30 {
        padding-left: 0;
        padding-right: 0
    }
    .project-info .project-title {
        font-size: 30px;
        line-height: 40px;
        margin-bottom: 10px
    }
    .project-info .info-number {
        font-size: 24px;
        line-height: 34px
    }
    .project-info .project-description {
        margin-bottom: 20px
    }
    .header-full.style1 .extra-nav .extra-cell>ul>li {
        padding: 10px 10px
    }
    .dlab-bnr-inr-entry {
        display: none;
    }
    .dlab-bnr-inr .breadcrumb-row ul li:first-child a {
        padding: 20px 30px;
        margin-right: 15px
    }
    .dlab-bnr-inr .breadcrumb-row ul li {
        padding: 20px 10px
    }
    .pro-details-col-5 .col {
        width: 50%
    }
    .content-inner {
        padding-top: 50px;
        padding-bottom: 20px
    }
    .content-inner-2 {
        padding-top: 20px;
        padding-bottom: 20px
    }
    .section-head.contact-title h2 {
        font-size: 50px;
        line-height: 60px
    }
    .history-box .history-details,
    .history-box .history-media {
        flex: 0 0 100%;
        max-width: 100%
    }
    .history-box .history-details,
    .history-box.right .history-details {
        padding: 0 0 30px 0
    }
    .dlab-post-tags.d-flex {
        display: block !important
    }
    .blog-post.blog-single {
        margin-bottom: 30px
    }
    .video-info .video-bx2 {
        bottom: 50px
    }
    .video-info {
        margin-bottom: 30px
    }
    .error-page .dz_error {
        font-size: 120px;
        line-height: 120px
    }
    .error-page .error-head {
        font-size: 20px;
        line-height: 34px
    }
    .error-page .subscribe-form {
        width: 100%
    }
    .archi-footer.site-footer .footer-top [class*=col-]:first-child {
        padding: 50px 30px
    }
    .archi-footer.site-footer .footer-top [class*=col-],
    .archi-footer.site-footer .footer-top [class*=col-]:last-child {
        border-top: 1px solid rgba(255, 255, 255, .1);
        padding: 20px 30px 30px;
        border-right: 0;
        text-align: center
    }
    .header-archia .is-fixed .logo-header,
    .header-archia .logo-header {
        height: 60px
    }
    .header-archia .extra-nav,
    .header-archia .is-fixed .extra-nav {
        padding: 6px 0
    }
    .header-archia .extra-cell ul li a {
        padding: 0
    }
    .dlab-bnr-inr .breadcrumb-row ul {
        text-align: left
    }
    .dlab-bnr-inr h1 {
        font-size: 40px;
        line-height: 50px
    }
    .mo-left .header-nav.mo-nav .logo-header {
        margin-right: 0
    }
    .about-me .bg-half::before {
        width: 100%
    }
    .about-me .about-thumb {
        margin: 0 10px 20px
    }
    .about-me .about-email-bx {
        padding: 20px 10px
    }
    .about-me .about-me-info .title {
        font-size: 30px
    }
    .about-me .about-me-info .sub-title {
        font-size: 16px
    }
    .about-me .about-me-info .widget_getintuch strong {
        font-size: 18px
    }
    .about-me .about-me-info .title {
        font-size: 30px;
        line-height: 1.5
    }
    .about-me .about-me-info .sub-title {
        font-size: 16px
    }
    .describe-about-info h2,
    .progress-bx-info h2 {
        font-size: 24px;
        line-height: 30px;
        margin-bottom: 15px
    }
    .progress-head h2 {
        font-size: 24px !important;
        line-height: 30px;
        margin-bottom: 10px
    }
    .describe-about-info h2 img {
        width: 18px;
        margin-right: 10px
    }
    body {
        font-size: 14px
    }
    .blog-post.blog-single .dlab-post-text ol li,
    .blog-post.blog-single .dlab-post-text p,
    .blog-post.blog-single .dlab-post-text ul li,
    .client-says .testimonial-text p,
    .exhibition-bx p,
    .extra-content,
    .icon-bx-wraper .icon-content p,
    ol.comment-list li.comment p {
        font-size: 16px;
        line-height: 1.5
    }
    .about-bx {
        padding: 0 15px 15px
    }
    .about-bx .icon-content {
        padding: 0 0 10px 10px
    }
    .video-bx {
        padding: 50px 0
    }
    .contact-box .m-b50 {
        margin-bottom: 10px
    }
    .archia-counter .counter {
        font-size: 26px;
        line-height: 36px
    }
    .archia-counter .font-16 {
        font-size: 14px
    }
    .archia-counter {
        text-align: center
    }
    .archia-counter .icon-lg i {
        font-size: 40px
    }
    .archia-counter .m-l90 {
        margin-left: 0
    }
    .portfolio-bx .overlay-bx .port-title {
        margin-bottom: 15px
    }
    .filter-style1,
    .filter-style2 {
        margin-bottom: 20px
    }
    .comment-respond {
        padding: 0
    }
    .widget-bx {
        padding: 30px 20px
    }
    .client-says .testimonial-name {
        font-size: 18px
    }
    .comments-area .comments-title {
        margin-bottom: 20px;
        border-bottom: 1px solid rgba(0, 0, 0, .1);
        padding-bottom: 15px
    }
    .section-top-head {
        font-size: 16px;
        margin-bottom: 5px
    }
    .extra-content {
        margin: 0 0 20px 0
    }
    .animation-jet+h3 {
        font-size: 20px;
        line-height: 30px
    }
    .contact-box .section-head h2 {
        font-size: 24px;
        line-height: 34px
    }
    .exhibition-bx .title {
        font-size: 30px;
        line-height: 40px;
        margin-bottom: 15px
    }
    .comment-respond .comment-reply-title,
    .comments-area .comments-title {
        font-size: 24px
    }
    .section-head.style1 h2 {
        font-size: 24px;
        line-height: 34px
    }
    .section-head.style1 .pre-title,
    .video-sction .font-18 {
        font-size: 16px
    }
    .videoplay-bx {
        width: 100px;
        height: 100px;
        line-height: 100px;
        font-size: 36px;
        margin-top: 20px;
        margin-bottom: 70px
    }
    .client-says .testimonial-pic {
        width: 100px;
        height: 100px
    }
    .client-box-full .testimonial-detail .testimonial-name {
        font-size: 20px
    }
    .blog-post,
    .blog-post.blog-single .dlab-post-text p,
    .comments-area .comment-form p,
    .dlab-box.dlab-gallery-box.overlay-gallery-bx1.m-b30,
    .form-group,
    .our-gallery .m-b30,
    .portbox1,
    .portbox2 .dlab-media,
    .portfolio-1 .card-container.m-b30,
    .pricingtable-wrapper,
    .project-img-bx img {
        margin-bottom: 15px
    }
    .contact-box form [class*=col-],
    .explore-projects [class*=col-],
    .our-gallery [class*=col-],
    .portfolio-1 [class*=col-],
    .portfolio-bx1 [class*=col-] {
        padding-left: 7px;
        padding-right: 8px
    }
    .contact-box .row,
    .explore-projects,
    .our-gallery,
    .portfolio-1 .row,
    .portfolio-bx1 {
        margin-left: -7px;
        margin-right: -8px
    }
    .our-team .team-title-bx {
        padding: 15px 0 0 0
    }
    .our-team .team-title-bx .team-title {
        font-size: 16px;
        line-height: 24px;
        margin-bottom: 3px
    }
    .our-team .team-title-bx span {
        font-size: 13px
    }
    .portfolio-1 .dlab-box .port-box {
        padding: 20px
    }
    .describe-about-info {
        margin-bottom: 10px
    }
    .video-bx .video-play {
        margin-bottom: 20px
    }
    .video-bx .video-play .popup-youtube {
        height: 80px;
        width: 80px;
        line-height: 80px;
        font-size: 24px
    }
    .video-bx .video-title {
        font-size: 24px;
        line-height: 34px;
        margin-bottom: 20px
    }
    .video-bx .video-content {
        font-size: 16px;
        width: 100%;
        line-height: 24px;
        margin-bottom: 20px
    }
    .countdown .date .time {
        font-size: 50px;
        line-height: 50px
    }
    .countdown .date div strong {
        font-size: 16px;
        line-height: 12px
    }
    .coming-head h2 span {
        font-size: 30px;
        line-height: 30px
    }
    .coming-head h2 {
        line-height: 140px;
        font-size: 140px
    }
    .blog-post.blog-single .dlab-post-title .post-title {
        font-size: 26px;
        line-height: 40px
    }
    .side-bar .widget {
        margin-bottom: 30px
    }
    .blog-masonry .blog-post .post-title {
        font-size: 22px;
        line-height: 30px;
        margin-bottom: 10px
    }
    .latest-project-info h2 {
        font-size: 30px;
        line-height: 40px
    }
    .latest-project-info a {
        margin-top: 0
    }
}

@media only screen and (max-width:576px) {
    .project-area-info .owl-nav .owl-next i,
    .project-area-info .owl-nav .owl-prev i {
        font-size: 22px
    }
    .site-footer .text-center {
        text-align: left!important;
    }
    .clients-logo li {
        flex-basis: 50%!important;
    }
    .center-after:after {
        left: 36.5%!important;
    }
    #rev_slider_1164_1_wrapper,
    .tp-fullwidth-forcer {
        height: 180px !important
    }
    .slide3 .uranus.tparrows {
        display: none
    }
    .col {
        flex-basis: auto
    }
    .footer-bottom p {
        display: block;
        font-size: 13px
    }
    footer {
        padding-top: 10px
    }
    .scroltop {
        display: none !important
    }
    .about-us p {
        line-height: 28px;
        font-size: 16px
    }
    .sr-iconbox.icon-bx-wraper .dlab-tilte {
        margin-bottom: 5px
    }
    .project-info {
        border-radius: 15px;
        padding: 20px
    }
    .project-info .project-description,
    .project-info .project-time {
        font-size: 16px;
        line-height: 28px
    }
    .our-team .team-title-bx {
        padding: 20px 0 0 0
    }
    .header-full.style1 .extra-nav .extra-cell>ul>li.contact-no {
        display: none
    }
    .header-full.style1 .header-social ul li a {
        font-size: 16px;
        padding: 0 4px
    }
    .header-full.style1 .menu-icon {
        width: 35px;
        height: 35px
    }
    .header-full.style1 .menu-icon-in {
        width: 20px;
        height: 14px
    }
    .header-full.style1 .extra-nav .extra-cell>ul>li {
        padding: 8px 10px
    }
    .header-full.style1 .header-content-bx .logo-header,
    .header-full.style1 .is-fixed .header-content-bx>.logo-header {
        height: 50px;
        width: 100px
    }
    .slide2 .hermes .tp-bullet.selected:after {
        font-size: 30px
    }
    .slide2 .tp-bullets.hermes {
        left: -6px !important;
        transform: matrix(1, 0, 0, 1, 7, -122) !important
    }
    .slide2 .tp-leftarrow.tparrows {
        transform: matrix(1, 0, 0, 1, -170, -33) !important
    }
    .slide2 .tp-rightarrow.tparrows {
        transform: matrix(1, 0, 0, 1, -100, -31) !important
    }
    .coming-head h2 {
        line-height: 100px;
        font-size: 100px
    }
    .countdown .date {
        width: 70px
    }
    .countdown .date .time {
        font-size: 40px;
        line-height: 50px
    }
    .countdown .date div {
        line-height: 20px
    }
    .countdown .date div strong {
        font-size: 12px
    }
    .coming-head h2 span {
        font-size: 22px;
        top: 10px
    }
    .coming-head {
        margin-top: 10px
    }
    .button-home .btn.btn-lg {
        padding: 15px 20px;
        font-size: 13px
    }
    .video-full {
        padding-top: 50px !important;
        padding-bottom: 30px !important
    }
    .video-content-box h2 {
        font-size: 30px;
        line-height: 30px
    }
    .video-content-box h6 {
        letter-spacing: 8px
    }
    .dlab-bnr-inr .breadcrumb-row ul li:first-child a {
        padding: 10px 15px;
        margin-right: 5px
    }
    .dlab-bnr-inr .breadcrumb-row ul li {
        padding: 10px 5px;
        font-size: 14px
    }
    .dlab-bnr-inr .breadcrumb-row {
        bottom: -5px
    }
    .pro-details-col-5 .col {
        width: 100%
    }
    .project-img-bx .img-full.m-b50 {
        margin-bottom: 30px
    }
    .container-fluid {
        padding-left: 15px;
        padding-right: 15px
    }
    .section-head.style2 .head-title {
        font-size: 26px;
        line-height: 36px
    }
    .section-head.contact-title h2 {
        font-size: 28px;
        line-height: 40px;
        margin-bottom: 10px
    }
    .section-head.contact-title span {
        font-size: 16px
    }
    .pagination-bx.radius {
        margin: 30px 0
    }
    .blog-post.blog-single .dlab-post-info .post-title {
        font-size: 22px;
        line-height: 32px
    }
    .blog-post.blog-single .dlab-post-meta li.dlab-post-name {
        display: block;
        margin-bottom: 15px
    }
    .blog-post.blog-single .dlab-post-text h4 {
        font-size: 18px;
        line-height: 28px
    }
    .blog-post.blog-single .dlab-post-text blockquote p {
        font-size: 18px;
        line-height: 28px
    }
    blockquote {
        padding: 4px 20px 5px 20px;
        margin: 30px 0
    }
    .blog-user .author-profile-pic {
        width: 60px;
        min-width: 60px;
        height: 60px
    }
    .side-bar .widget {
        margin-bottom: 30px
    }
    .video-info .video-bx2 {
        padding: 25px;
        bottom: 0
    }
    .project-info {
        padding: 30px
    }
    .project-info .project-title {
        font-size: 24px;
        line-height: 36px;
        margin-bottom: 10px
    }
    .project-info .info-number {
        font-size: 20px;
        margin-bottom: 10px
    }
    .about-us h2 {
        font-size: 24px;
        line-height: 34px
    }
    .dlab-bnr-inr .breadcrumb-row ul li:first-child a {
        padding: 15px 20px;
        margin-right: 15px
    }
    .dlab-bnr-inr .breadcrumb-row ul li {
        padding: 15px 5px
    }
    .dlab-bnr-inr h1 {
        font-size: 30px;
        line-height: 40px;
        margin-bottom: 0
    }
    .dlab-bnr-inr p {
        font-size: 16px
    }
    .client-box-full .testimonial-text p {
        font-size: 16px;
        line-height: 25px
    }
    .section-head .head-title {
        font-size: 21px;
        line-height: 1.5;
    }
    .section-head .font-18 {
        font-size: 16px;
        margin-bottom: 5px
    }
    .icon-bx-wraper .icon-content .dlab-tilte {
        font-size: 18px;
        margin-bottom: auto;
        line-height: 1.5
    }
    .exhibition-bx .title {
        font-size: 24px;
        line-height: 34px;
        margin-bottom: 10px
    }
    .describe-about-info p,
    .related-post-bx .m-b30 {
        margin-bottom: 10px
    }
    .history-box .history-details,
    .history-box.right .history-details {
        padding: 0 0 15px 0
    }
    .blog-post.blog-grid.shadow,
    .related-post-bx {
        margin-bottom: 20px
    }
    .author-box.blog-user {
        margin-bottom: 30px
    }
    .rev-slider-full .tp-bgimg.defaultimg {
        background-position: right 35% top !important
    }
    .content-inner {
        padding-top: 30px;
        padding-bottom: 30px
    }
    .content-inner-2 {
        padding-top: 30px;
        padding-bottom: 30px
    }
    .contact-box form [class*=col-],
    .explore-projects [class*=col-],
    .our-gallery [class*=col-],
    .portfolio-1 [class*=col-],
    .portfolio-bx1 [class*=col-] {
        padding-left: 15px;
        padding-right: 15px
    }
    .contact-box .row,
    .explore-projects,
    .our-gallery,
    .portfolio-1 .row,
    .portfolio-bx1 {
        margin-left: -15px;
        margin-right: -15px
    }
    .video-bx {
        padding: 30px 0
    }
    .latest-project-info {
        padding: 30px 50px
    }
    .latest-project-info h2 {
        font-size: 24px;
        line-height: 32px;
        margin-bottom: 15px
    }
    .testimonial-two .client-says {
        padding-left: 0
    }
    .exhibition-bx .exhibition-name {
        font-size: 100px
    }
    .portfolio-carousel-2.full-vh .dlab-media img {
        height: calc(100vh - 130px)
    }
    .slide3>ul {
        width: 40px
    }
    .slide3>ul li a {
        padding: 10px 10px;
        font-size: 14px
    }
    .slide3 .tparrows.tp-leftarrow {
        transform: matrix(1, 0, 0, 1, -90, -50) !important
    }
    .slide3 .tparrows.tp-rightarrow {
        transform: matrix(1, 0, 0, 1, -90, -150) !important
    }
    .slide3 .tp-rightarrow:after,
    .slide3 .tparrows.tp-leftarrow:before {
        line-height: 40px;
        font-size: 16px;
        height: 40px;
        width: 40px
    }
}

.portbox3 .portinner .port-down a:hover i {
    text-decoration: unset
}

#dzSwitcher,
.styleswitcher-right {
    display: none !important
}

@media only screen and (max-width:480px) {
    .modules .module-content {
        min-height: 200px
    }
    .modules .module-icon2 {
        width: 70px;
        height: 70px;
        line-height: 0
    }
    .modules .module-content2 h5 {
        font-size: 14px
    }
    #firstCaptcha {
        width: 103px;
        padding: 4px !important
    }
     

}

@media only screen and (max-width:414px) {
    .modules .module-content {
        min-height: 240px
    }
    .appStores {
        display: flex
    }
    .appStores img {
        width: 50%;
        padding: 0 5px
    }
}

@media only screen and (max-width:360px) {
    .tab-width {
        flex-basis: auto;
        max-width: 100%
    }
    .modules .module-content {
        min-height: auto;
        padding: 10px
    }
    #rev_slider_1164_1_wrapper,
    .tp-fullwidth-forcer {
        height: 145px !important
    }
    .modules .module-content2 h5 {
        font-size: 14px
    }
}

.clients-logo {
    padding: 0;
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    width: 90%;
    margin: 0 auto;
    justify-content: center;
    align-items: center;
}

.clients-logo li {
    flex-basis: 25%;
    padding: 8px 15px;
}

.client-logo-inner img {
    padding: 3px;
    border: 1px solid #e4e4e4;
}

.clients-logo li img {
    margin: 5px;
    padding: 5px;
    border: 1px solid #e4e4e4;
}
 
.dzForm {
       padding: 40px;
    background: #e4e4e4;
    border-radius: 4px;
    width: 70%;
    margin: 0 auto;
}

.list-styl li {
    position: relative;
}

.services-section h3 {
    font-size: 21px;
    line-height: 1.5;
    margin-bottom: 10px;
    margin-top: 20px;
}

.img-icons {
    display: inline-block;
    border: 2px solid #f0a80e;
    border-radius: 50%;
    width: 100px;
    height: 100px;
    padding: 8px;
    margin-top: 40px
}

.img-icons img {
    width: 100%
}

.services-section h3 span {
    background: #f0a80e;
    width: 50px;
    padding: 1px 12px;
    color: #fff;
    border-radius: 5px;
}

 

.inner-page ul li {
     
    list-style: circle;
    margin-bottom: 8px;
}

  .inner-page ol li{
     
     
    margin-bottom: 8px;
}

.upload-file{position: relative;}

  .upload-file:after {
       padding: 3px 6px;
    font-size: 12px;
    color: #ffffff;
    background: var(--secondary-color);
    vertical-align: middle;
    cursor: pointer;
    border: 1px solid #ffffff;
    transition: color 0.2s ease;
    content: 'Upload Resume';
    display: block;
    position: absolute;
    z-index: 1;
    top: 13px;
    left: 14px;
    line-height: 20px;
    text-align: center;
    border-radius: 3px;
}

.inner-page h3,
.inner-page h4,
.inner-page h5,
.inner-page h6{
    margin-top: 20px;
    font-weight: 600;
}

.inner-page table{
    width: 100%;
}