/*

    font-family: 'Fira Sans Extra Condensed', sans-serif;   

*/

@import url('https://fonts.googleapis.com/css2?family=Fira+Sans+Extra+Condensed:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

* {
    box-sizing: border-box;
    outline: none;
    list-style: none;
    outline: none;
}

html,
body {
    overflow-x: hidden;
}

html {
    scroll-behavior: smooth;
}

body {
    font-size: 16px;
    letter-spacing: 1px;
    line-height: 27px;
    color: #1d1e20;
    /* color: #616161; */
    font-weight: 400;
    font-family: 'SVN-Gilroy', sans-serif;
    text-align: left;
    font-display: swap;
    /* line-height: 1.3; */
}

p {
    font-weight: 400;
    font-style: normal;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    color: #1f1f1f;
    font-weight: 400;                                        
    font-style: normal;
    margin-bottom: 0;
    margin-top: 11px;
    line-height: 1.2;
    font-weight: 600;
    -webkit-transition: .5s;
    transition: .5s;
}

h1 {
    font-size: 45px;
}

h2 {
    font-size: 40px;
}

h3 {
    font-size: 36px;
}

h4 {
    font-size: 28px;
}

h5 {
    font-size: 24px;
}

h6 {
    font-size: 18px;
}

a {
    -webkit-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
}

a {
    /* color: #fff; */
    text-decoration: none;
}

a:focus,
.btn:focus {
    text-decoration: none;
    outline: none;
}

a:focus,
a:hover {
    text-decoration: none;
    text-decoration: none;
    color: #252525;
}

.uppercase {
    text-transform: uppercase;
}

.capitalize {
    text-transform: capitalize;
}

h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
    color: inherit;
    -webkit-transition: .5s;
    transition: .5s;
}

.align-items-center {
    -ms-flex-align: center!important;
    align-items: center!important;
}


.d-flex {
    display: -ms-flexbox !important;
    display: flex !important;
}

.white h1,
.white h2,
.white h3,
.white h4,
.white h5,
.white h6 {
    color: #fff;
}

.white p {
    color: #fff;
}

.white i {
    color: #fff;
}

ul {
    margin: 0px;
    padding: 0px;
}



li {
    margin: 0;
    padding: 0;
}



input:focus, button:focus {
    outline-color: #ff9000;
    border: 1px solid #ff9000 ;
}

textarea:focus {
    border: 1px solid #ff9000 ;
    outline-color: #ff9000;
}

select:focus {
    border-color: #ff9000;
    outline-color: #ff9000;
    border: 1px solid #ff9000;
}

hr {
    margin: 60px 0;
    padding: 0px;
    border-bottom: 1px solid #dfdfdf;
    border-top: 0px;
}

label {
    color: #fff;
    cursor: pointer;
    font-size: 14px;
    font-weight: 400;
}

a,
i,
cite,
em,
var,
address,
dfn,
ol,
li,
ul {
    font-style: normal;
    font-weight: 400;
}


*::-moz-selection {
    background: #4fc1f0;
    color: #454545;
    text-shadow: none;
}

::-moz-selection {
    background: #4fc1f0;
    color: #454545;
    text-shadow: none;
}

::selection {
    background: #4fc1f0;
    color: #454545;
    text-shadow: none;
}

::placeholder {
    /* color: #101010; */
    font-size: 15px;
}

/* ::-webkit-input-placeholder {
   color: #101010;
} */


::-moz-placeholder {
    /* Firefox 19+ */
    color: #454545;
}

:-ms-input-placeholder {
    /* IE 10+ */

    color: #454545;
}

:-moz-placeholder {
    /* Firefox 18- */

    color: #454545;
}

/* Contact Area */
.counter_area ::-moz-selection {
    color: #001d23;
    text-shadow: none;
}

.contact_area ::-moz-selection {
    color: #001d23;
    text-shadow: none;
}

.contact_area ::selection {
    color: #001d23;
    text-shadow: none;
}

.contact_area ::placeholder {
    color: #001d23;
    font-size: 16px;
}

.contact_area ::-webkit-input-placeholder {
    /* Chrome/Opera/Safari */
    color: #001d23;
}

.contact_area ::-moz-placeholder {
    /* Firefox 19+ */
    color: #001d23;
}

.contact_area :-ms-input-placeholder {
    /* IE 10+ */
    color: #001d23;
}

.contact_area :-moz-placeholder {
    /* Firefox 18- */
    color: #001d23;
}

.blog_reply ::-moz-selection {
    color: #151948;
}

.blog_reply ::-moz-selection {
    color: #151948;
}

.blog_reply ::selection {
    color: #151948;
}

.blog_reply::placeholder {
    color: #151948;
}

.blog_reply ::-webkit-input-placeholder {
    /* Chrome/Opera/Safari */
    color: #151948;
}

.blog_reply ::-moz-placeholder {
    /* Firefox 19+ */
    color: #151948;
}

.blog_reply :-ms-input-placeholder {
    /* IE 10+ */
    color: #151948;
}

.blog_reply :-moz-placeholder {
    /* Firefox 18- */
    color: #151948;
}

.text-right {
    text-align: right!important;
}

.pr-0{
    padding-right: 0px;
}

.pl-0{
    padding-left: 0px;
}

.page-banner .banner {
    position: absolute;
    z-index: -1;
    /* top: 0; */
    left: 0;
    width: 100%;
    height: 100%;
}
.page-banner--medium .info {
    padding-top: 200px;
    min-height: 500px;
}
.page-banner .info {
    height: 100%;
    min-height: 530px;
    /* min-height: 460px; */
    color: #fff;
    text-align: center;
}
.page-banner .info__wrapper {
    max-width: 760px;
    margin: 0 auto;
    padding: 0 15px;
}
.page-banner .info__title {
    margin-bottom: 10px;
    color: #ff9000;
}

.page-item.active .page-link {
    background-color: #ff9000;
    border-color: #ff9000;
}
.project-details .year,
.project-details .location {
    float: left;
}
.project-details .top {
    padding: 55px 0;
    background-color: #eaeef2;
}

.project-details .top__list>.row {
    margin-left: -5px;
    margin-right: -5px
}

.project-details .top__list>.row .col-counter {
    padding: 0 5px
}

.project-details .top__info {
    margin: 25px 0
}

.project-details .top__info .solar-line {
    display: block;
    margin-bottom: 30px
}

.project-details .top__info .info__label {
    display: block;
    text-transform: uppercase;
    color: #737d89;
    margin-bottom: 8px
}

.project-details .top__info .info__title {
    margin-bottom: 6px
}

.project-details .top__info .info__desc {
    color: #737d89;
}

.project-details .top__info .info__list {
    list-style: none;
    padding-left: 0;
    margin-bottom: 0
}

.project-details .top__info .info__list li {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex
}

.project-details .top__info .info__list li+li {
    margin-top: 8px
}

.project-details .top__info .info__list li .icon {
    margin-top: 2px;
    width: 20px;
    height: 20px;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.project-details .top__info .info__list li .icon img {
    display: block;
    max-width: 100%
}

.project-details .top__info .info__list li .title {
    padding-left: 16px;
    margin-bottom: 0
}

.project-details .top__info .info__list li .title span {
    font-weight: 400
}

@media (max-width:767.98px) {
    .project-details .top {
        padding: 25px 0;
    }
}

.project-details {
    max-width: 100%;
    overflow-x: hidden;
}

.project-details .solar-line {
    display: block;
    width: 160px;
    height: 3px;
    background-color: #101210c2;
    position: relative;
}

.project-details .solar-line:after {
    content: "";
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    width: 65px;
    background-color: #ff9000;
    height: 3px
}
.project-details .top__list>.row .col-counter {
    padding: 0 5px
}

.project-details .top__list .info-counter {
    text-align: center;
    margin: 25px 0
}
.project-details .top__list .counter__total {
    margin-bottom: 10px;
    color: #ff9000;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}
.project-details .top__list .counter__title {
    text-transform: uppercase;
    color: #737d89;
    display: block
}
.project-details .top__list .counter__total span {
    margin-left: 6px;
    color: #ff9000;
    display: block
}

.project-details .top__list info-__total {
    margin-bottom: 10px;
    color: #ff9000;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.project-details .top__list info-__total span {
    margin-left: 6px;
    color: #ff9000;
    display: block
}

.project-details .top__list info-__title {
    text-transform: uppercase;
    color: #737d89;
    display: block
}
.caption {
    font-size: 16px;
    line-height: 140%;
    font-weight: 600
}

.caption-sm {
    font-size: 14px;
    line-height: 1.4;
    font-weight: 700
}

.caption-lg {
    font-size: 18px;
    line-height: 1.4;
    letter-spacing: .5px;
    font-weight: 600
}
.project-details .h2 {
    font-size: 40px;
    line-height: 1.2;
    font-weight: 600;
}
section.blog-inner-section.project-details {
    padding: 80px 0;
}
.project-details .style-two .shop-categories {
    margin-top: 0;
}

/* project slider */
.slider-container .slider-for img {
    z-index: 1 !important;
}
.slick-track
{
    display: flex !important;
}

.slick-track {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: stretch;
}
.item-slick.slick-slide.slick-current.slick-active {
    outline: none!important  
}

.slider-for {
    margin-bottom: 15px;
}

.slider-for img {
    width: 100%;
    min-height: 100%; 
}

.slider-nav {
    margin: auto;
}

.slider-nav .item-slick {
    max-width: 240px;
    margin-right: 15px;
    outline: none!important;
    cursor: pointer;
}

.slider-nav .item-slick img {
    max-width: 100%;
    background-size: cover;
    background-position: center; 
    boder
}

.slick-arrow {
    position: absolute;
    top: 50%;
    z-index: 50;
    margin-top: -12px; 
}

.slick-prev {
    left: 0;
}

.slick-next {
    right: 0; 
}
.h3 {
    font-weight: 600;
    font-size: 30px;
    line-height: 1.3;
}
/* end project slider */

/* contact form */
.project-details .cta {
    text-align: center;
    padding: 80px 0 40px;
}
.project-details .cta .wrapper {
    border: 1px solid #ff9000;
    border-radius: 8px;
    overflow: hidden;
    position: relative;
    z-index: 0;
    padding: 48px;
}
.wrapper button, .wrapper a.btn {
    width: 140px;
    height: 64px;
    border-radius: 4px;
    background-color: #ff9000;
    text-align: center;
    line-height: 54px;
    border: none;
    top: 0;
    right: 0;
    display: inline-block;
    transition: .5s;
}
.footer-contact a.caption-phone {
    color: #ff9000;
}
.project-details .cta .wrapper .bg__first {
    bottom: 0;
    left: 0;
}
.project-details .cta .wrapper .bg__seconds, .project-details .cta .wrapper .bg__first {
    position: absolute;
    z-index: -1;
}
.project-details .cta .hotline a {
    display: inline-block;
    color: #d92128;
    text-decoration: none;
    margin-left: 12px;
}
.project-details .cta .hotline a:hover {
    color: #ff9000;
    filter: hue-rotate(360deg);
}
.caption-lg {
    font-size: 18px;
    line-height: 1.4;
    letter-spacing: .5px;
    font-weight: 600;
}
/* end contact form */

/* .shop-inner-section .shop-item-thumb {
    padding: 15px;
} */
.shop-item-thumb {
    background: white;
    padding: 15px;
    height: 410px;
}
.shop-item-thumb img {
    height: 100%;
    vertical-align: middle;
    display: inline-block;
}
.item-price .shop-details-price,
.tab-item-price  .shop-details-price,
.shop-details-price span {
    display: inline-block;
}
.item-price .shop-details-price  h5{
    padding-left: 10px;
}

.related-slider .owl-item {
    padding: 0 10px;
}

.related-slider .owl-prev {
    top: -16rem;
    left: -2rem;
}

.related-slider .owl-next {
    top: -16rem;
    right: -82rem;
}

.related-slider .blog-content {
    height: 252px;
}
.related-slider .related-blog-single-box .blog-box-title {
    height: 102px;
}

.top-image {
    height: 494px !important;
}

.top-image img {
    height: 100%;
    width: 100%;
}

.related-blog-single-box .blog-box-title
{
    height: 93px;
}

#projectFilter .blog-box-title
{
    color: #1d1e20;
    margin-bottom: 1rem;
    display: block;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 1.46;
    height: 64px;
}

#projectFilter .blog-box-thumb {
    position: relative;
    top: 0;
    -webkit-border-radius: 8px 8px 0 0;
    border-radius: 8px 8px 0 0;
    overflow: hidden;
    height: 250px;
    -ms-transition: all 0.4s;
    -o-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -webkit-transition: all 0.4s;
    transition: all 0.4s;
}

#projectFilter .blog-box-thumb img {
    height: 100%;
}

#subNavigation {
    border-bottom: 1px solid #eaeef2;
    border-top: 1px solid #eaeef2;
    background-color: #f5f5f7;
    padding-left: 0 !important;
}

#sub-menu-cat-article .tabs-btn ul li   {
    margin: 5px 2px !important;
}

.post-title h5:hover {
    color: #ff9000;
}

.best-work-tab-title .price {
    margin: 0 !important;
}

.partner .owl-prev {
    top: -7rem;
    left: -2.5rem;
}

.partner .owl-next {
    top: -7rem;
    right: -83.5rem;
}

.partner .owl-item {
    padding: 50px 0;
}

.partner .owl-item img {
    margin: 0 auto;
}

.best-work.partner {
    padding: 20px 0;
    filter: drop-shadow(0 0 27px rgba(88,88,88,0.11));
}

.latest-news-box {
    margin-top: 30px !important;
}

.view-all a {
    color: black;
}

.view-all a:hover {
    color: #ff9000;
}

.latest-news-section .new-single-box-thumb img {
    height: 204px !important;
}

.latest-news-box .news-single-box-title {
    height: 107px !important;
}

.latest-news-box .news-single-content-desc span {
    background-color: inherit !important;
}

.form-top .alert-success {
    padding: 16px 294px;
}

.article-details {
    padding: 80px 0 50px;
}
/* .article-details .banner-slider .owl-stage-outer {
    height: 360px;
} */
.article-details .owl-prev {
    position: absolute;
    top: -13rem;
    left: -1.5rem;
}
.article-details .owl-next {
    position: absolute;
    top: -13rem;
    right: -83.5rem;
}
.article-details .item .img img {
    display: block;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    max-width: none
}
.article-details section.slider-section {
    background: none;
    height: auto;
}
.article-details .item {
    border-radius: 8px;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-shadow: 0 5px 15px rgba(32, 40, 49, .08);
    box-shadow: 0 5px 15px rgba(32, 40, 49, .08)
}

.article-details .item .img {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 635px;
    height: 360px;
    position: relative;
    overflow: hidden
}

.article-details .item .img:after {
    content: "";
    position: absolute;
    width: 1005px;
    height: 100%;
    opacity: 0;
    -ms-transition: all .4s ease;
    -o-transition: all .4s ease;
    -moz-transition: all .4s ease;
    -webkit-transition: all .4s ease;
    transition: all .4s ease
}

.article-details .item .img img {
    display: block;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    max-width: none
}

.article-details .item .info {
    padding: 50px 30px;
    text-align: left;
}

.article-details .item .info__cat {
    text-transform: uppercase;
    border-radius: 4px;
    padding: 6px 16px;
    display: inline-block;
    margin-bottom: 16px;
    text-decoration: none;
    width: auto;
    height: auto;
}
.article-details .owl-carousel.container {
    padding-left: 0 !important;
    
}
.article-details .slider-section .container {
    padding-left: 0 !important;
    padding-right: 0 !important;
}


/* project section on home */
.project {
    padding: 50px 0;
}
.project .section-title {
    -moz-flex-basis: 0;
    -webkit-flex-basis: 0;
    -ms-flex-basis: 0;
    flex-basis: 0;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    padding-right: 10px;
}
.project .btn-viewmore {
    margin: 30px 0;
}
.project__list {
    position: relative;
    margin: 0 auto;
    height: 500px;
    overflow: hidden;
}
.project__list .full-image {
    height: 100%;
}
.project__list .full-image .back {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
}
.project__list .full-image .back.t0 {
    display: block;
    opacity: 1;
}
.project__list ul {
    top: 0;
    bottom: 0;
    left: 1px;
    right: 0;
    position: absolute;
    list-style: none;
    padding: 0;
    margin: 0;
    z-index: 20;
}
.project__list ul li {
    text-align: center;
    flex-grow: 1;
}
.project__list ul li .wrapper {
    position: relative;
    height: 100%;
}
.project__list ul li + li {
    border-left: 1px solid #eaeef2;
}

.project__list ul li .info .title {
    color: #f5f5f7;
    margin-bottom: 1rem;
}
.project__list ul li .info .icon {
    display: block;
    margin: 0 auto;
    height: 0;
    opacity: 0;
    visibility: hidden;
    width: auto;
    transition-delay: 0.1s;
}
.project__list ul li .info .desc {
    margin-bottom: 0;
}

.project__list ul li.selected {
    background-color: rgba(29, 30, 32, 0.5);
    transition: all .4s ease;
    -webkit-transition: all .4s ease;
}
.project__list ul li .link:hover {
    transition: all .4s ease;
    -webkit-transition: all .4s ease;
}
.project__list ul li.selected .info .title {
    color: #fff;
}
.project__list ul li.selected .info .icon {
    opacity: 1;
    visibility: visible;
    height: 16px;
}
@media (min-width: 1024px) {
    .project__list ul li .img {
        display: none;
   }
}
@media (max-width: 1023px) {
    .project__list {
        height: auto;
        padding: 0 15px;
   }
    .project__list .full-image {
        display: none;
   }
    .project__list ul {
        position: relative;
        margin: 0 -15px;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
   }
    .project__list ul li {
        padding: 0 15px;
        max-width: 33.3333333333%;
        -ms-flex: 0 0 33.3333333333%;
        flex: 0 0 33.3333333333%;
        margin-bottom: 24px;
        text-align: left;
   }
    .project__list ul li .img {
        height: 200px;
   }
    .project__list ul li .info {
        position: relative;
        padding: 16px 12px;
        max-width: none;
   }
    .project__list ul li .info .icon {
        position: absolute;
        top: 30px;
        right: 12px;
        opacity: 1;
        visibility: visible;
        height: 16px;
   }
    .project__list ul li .info .icon path {
        fill: #1d1e20;
   }
    .project__list ul li .info .title {
        color: #1d1e20;
        padding-right: 32px;
   }
    .project__list ul li .info .desc {
        color: #737d89;
        font-weight: 600;
        font-size: 16px;
        line-height: 140%;
        letter-spacing: 0.5px;
   }
}
@media (max-width: 720px) {
    .project__list {
        max-width: 720px;
   }
    .project__list ul li {
        max-width: 100%;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
   }
    .project__list ul li + li {
        border-left: none;
   }
}
@media (max-width: 540px) {
    .project {
        padding: 25px 0 1px;
   }
    .project__list {
        max-width: 540px;
   }
}


.project__list ul {
    top: 0;
    bottom: 0;
    left: 1px;
    right: 0;
    position: absolute;
    list-style: none;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    padding: 0;
    margin: 0;
    z-index: 20;
}
.project__list .full-image {
    height: 100%;
}

.project__list ul li {
    text-align: center;
    flex-grow: 1;
    -ms-transition: background-color 0.4s ease;
    -o-transition: background-color 0.4s ease;
    -moz-transition: background-color 0.4s ease;
    -webkit-transition: background-color 0.4s ease;
    transition: background-color 0.4s ease;
}
.project__list ul li .info {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    max-width: 260px;
    margin: 0 auto;
    color: #fff;
    padding-bottom: 81px;
}
.project__list ul li .link {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}
.highlight-project {
    padding: 120px 0 0;
}

.page-banner .banner img {
    height: 100%;
    width: 100%;
}

.shop-details-section .thumb-tab-btn img {
    width: 100%;
    height: 100%;
}

.shop-details-section .shop-features span {
    padding-right: 10px
}
.shop-details-section .shop-features span strong{
    margin-left: 10px
}
.kt-grid.kt-grid--hor.kt-grid--root {
    padding-top: 77px !important;
}

.fixed-height {
    height: 530px !important;
}
.article-details {
    padding: 80px 0 50px;
}
/* .banner-slider .owl-stage-outer {
    height: 360px;
} */
.article-details .owl-prev {
    position: absolute;
    top: -13rem;
    left: -1.5rem;
}
.article-details .owl-next {
    position: absolute;
    top: -13rem;
    right: -83.5rem;
}
.article-details .item .img img {
    display: block;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    max-width: none
}
.article-details section.slider-section {
    background: none;
    height: auto;
}
.article-details .item {
    border-radius: 8px;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-shadow: 0 5px 15px rgba(32, 40, 49, .08);
    box-shadow: 0 5px 15px rgba(32, 40, 49, .08)
}

.article-details .item .img {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 635px;
    height: 360px;
    position: relative;
    overflow: hidden
}

.article-details .item .img:after {
    content: "";
    position: absolute;
    width: 1005px;
    height: 100%;
    opacity: 0;
    -ms-transition: all .4s ease;
    -o-transition: all .4s ease;
    -moz-transition: all .4s ease;
    -webkit-transition: all .4s ease;
    transition: all .4s ease
}

.article-details .item .img img {
    display: block;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    max-width: none
}

.article-details .item .info {
    padding: 50px 30px;
    text-align: left;
}

.article-details .item .info__cat {
    text-transform: uppercase;
    border-radius: 4px;
    padding: 6px 16px;
    display: inline-block;
    margin-bottom: 16px;
    text-decoration: none;
    width: auto;
    height: auto;
}
.article-details .owl-carousel.container {
    padding-left: 0 !important;
    
}
.article-details .slider-section .container {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.top-padding {
    padding: 80px 0 0 !important;
}

.kt-datatable__pager {
    padding-bottom: 50px;
}
.full-image img {
    width: 100% !important;
    height: 100% !important;
}

.product-section {
    background-color: #f5f5f7 !important;
}

.tabs-btn ul li a {
    color: #1f1f1f;
}

.tabs-btn ul li a:hover {
    color: #ff9000;
}

/* .product-section .tabs-btn {
    text-align: left !important;
} */

.product-section .tabs-btn ul li {
    margin: 0 10px 0 0 ;
}

.read-more a {
    color: black;
}
.read-more {
    text-align: right !important;
    align-self: flex-end;
}

.read-more a:hover {
    color: #ff9000;
}

.col-lg-2.read-more a {
    margin-bottom: 0 !important;
}

.solution-section .blog-inner-thumb {
    width: 856px;
    height: 492px;
}

.solution-section .blog-inner-thumb img {
    width: 100%;
    height: 100%;
}

.solution-section .align-items-center .blog-inner-content4 {
    height: 310px !important;
}

.style-two .shop-categories:first-child {
    margin-top: 0;
}

.project-details .col-lg-8 {
    background-color: #fff;
}
.info-desc img {
    width: 100%;
}

.header-manu-section a {
    color: black !important;
}

.header-manu-section a:hover:not(.submenu li a, .last a) {
    color: #ff9000 !important;
}

nav.header-menu ul li a {
    text-transform: none !important;
}
.caption-phone {
    font-weight: 600;
    font-size: 24px;
    line-height: 120%;
    letter-spacing: 2px;
}

.select {
    width: 240px;
    height: 50px;
    background-color: #ffffff;
    padding: 10px 24px;
    border: 1px solid rgba(39,39,39,0.10196078431372549);
    border-radius: 4px;
}

.tabs-section.product-section .caption {
    align-self: flex-end;
}

/* solution section */
.home-solutions {
    padding: 100px 0 10px;
}
.home-solutions .top {
    text-align: center;
    max-width: 540px;
    margin: 0 auto 50px;
}
.home-solutions .top .section-title {
    font-weight: normal;
    margin-bottom: 1rem;
}
.home-solutions .top .section-desc {
    margin-bottom: 24px;
}
.home-solutions .main .item {
    margin-bottom: 30px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    overflow: hidden;
    position: relative;
    -ms-transition: box-shadow 0.4s ease;
    -o-transition: box-shadow 0.4s ease;
    -moz-transition: box-shadow 0.4s ease;
    -webkit-transition: box-shadow 0.4s ease;
    transition: box-shadow 0.4s ease;
}
.home-solutions .main .item .img {
    overflow: hidden;
    position: relative;
    height: 400px;
    -webkit-border-radius: 0 0 10px 10px;
    border-radius: 0 0 10px 10px;
}
.home-solutions .main .item .img:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #1d1e20;
    opacity: 0.3;
    -ms-transition: opacity 0.4s ease;
    -o-transition: opacity 0.4s ease;
    -moz-transition: opacity 0.4s ease;
    -webkit-transition: opacity 0.4s ease;
    transition: opacity 0.4s ease;
}
.home-solutions .main .item .img img {
    display: block;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    max-width: none;
}
.home-solutions .main .item .info {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    -ms-transform: translateY(177px);
    -o-transform: translateY(177px);
    -moz-transform: translateY(177px);
    -webkit-transform: translateY(177px);
    transform: translateY(177px);
    -ms-transition: transform 0.4s;
    -o-transition: transform 0.4s;
    -moz-transition: transform 0.4s;
    -webkit-transition: transform 0.4s;
    transition: transform 0.4s;
}
.home-solutions .main .item .info .title-box {
    padding: 0 23px;
    border-bottom: 2px solid #FE8F2D;
    text-align: center;
}
.home-solutions .main .item .info .title {
    color: #fff;
    margin-bottom: 4px;
    font-size: 1.5rem;
}
.home-solutions .main .item .info .sub-title {
    color: #c6ccd3;
    text-transform: uppercase;
    margin-bottom: 1rem;
}
.home-solutions .main .item .info .desc {
    background-color: #fff;
    padding: 22px 24px 24px;
    border: 1px solid ##eaeef2;
    border-top-width: 0;
    -webkit-border-radius: 0 0 8px 8px;
    border-radius: 0 0 8px 8px;
}
.home-solutions .main .item .info .desc p {
    margin-bottom: 0;
    display: block;
    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    height: 128px;
    font-size: 16px;
    line-height: 160%;
    letter-spacing: 0.3px;
}
.home-solutions .main .item .link {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}
.home-solutions .main .item:hover {
    -webkit-box-shadow: 0px 24px 30px -16px var(--box-shadow-color);
    box-shadow: 0px 24px 30px -16px var(--box-shadow-color);
}
.home-solutions .main .item:hover .img:after {
    opacity: 0.6;
}
.home-solutions .main .item:hover .info {
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    -moz-transform: translateY(0);
    -webkit-transform: translateY(0);
    transform: translateY(0);
}
.home-solutions .main .col-item:nth-child(4n + 3) .item, .home-solutions .main .col-item:nth-child(4n + 2) .item {
    margin-top: 50px;
}
@media (max-width: 991.98px) {
    .home-solutions .main .col-item:nth-child(4n + 3) .item, .home-solutions .main .col-item:nth-child(4n + 2) .item {
        margin-top: 0;
   }
}
@media (max-width: 767.98px) {
    .home-solutions {
        padding: 50px 0 9px;
   }
    .home-solutions .main .item {
        overflow: visible;
        -webkit-border-radius: 0;
        border-radius: 0;
        margin-bottom: 24px;
        -webkit-box-shadow: 0px 24px 30px -16px var(--box-shadow-color);
        box-shadow: 0px 24px 30px -16px var(--box-shadow-color);
   }
    .home-solutions .main .item .img {
        -webkit-border-radius: 8px 8px 0 0;
        border-radius: 8px 8px 0 0;
        height: 250px;
   }
    .home-solutions .main .item .img::after {
        opacity: 0.6;
   }
    .home-solutions .main .item .info {
        position: relative;
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        -moz-transform: translateY(0);
        -webkit-transform: translateY(0);
        transform: translateY(0);
   }
    .home-solutions .main .item .info .title-box {
        position: absolute;
        bottom: 100%;
        left: 0;
        width: 100%;
   }
    .home-solutions .main .item .info .desc p {
        height: auto;
   }
}

/* end solution section */

.h4-title {
    /* font-size: 25px; */
    letter-spacing: 5px;
    /* line-height: 28px; */
    color: #ff9000;
    /* font-weight: 400; */
    margin: 0;
    font-size: 32px;
    line-height: 1.2;
    font-weight: 600;
}

.footer-contact .hotline {
    color: #ffffff;
}
/* call button */
.phone1 {
    position: fixed;
    bottom: 161px;
    right: -60px;
    z-index: 10001;
    height: 80px;
}
.quick-link .btn-toggle1 {
    outline: none;
    border: none;
    position: fixed;
    bottom: 90px;
    right: 15px;
    padding: 0;
    background-color: transparent;
    padding: 2px;
    -ms-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
    -webkit-border-radius: 29px;
    border-radius: 29px;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    z-index: 200;
    bottom: 190px;
    width: 60px;
    height: 60px;
    background: url(data:image/png;base64,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)
}
.number {
    position: absolute;
    top: 88px;
    right: 111px;
    padding: 5px 5px 5px 15px;
    background-color: #ff9000;
    color: #ffe200;
    z-index: 0;
    font-weight: 600;
    border-radius: 0 30px 30px 0;
    font-size: 18px;
    width: 140px;
}
.quick-alo-ph-circle {
    position: absolute;
    width: 100px;
    height: 100px;
    top: 55px;
    right: 51px;
    border: 2px solid #ff9000;
    background-color: transparent;
    border-radius: 100%;
    opacity: .1;
    animation: quick-alo-circle-anim 1.2s infinite ease-in-out;
    transition: all .5s;
    transform-origin: 50% 50%;
}
.quick-alo-ph-circle-fill {
    background-color: rgb(246, 202, 98);
    opacity: .75 !important;
    position: absolute;
    width: 80px;
    height: 80px;
    top: 62px;
    right: 62px;
    /* background-color: rgba(0, 161, 255, 0.5); */
    border-radius: 100%;
    border: 2px solid transparent;
    opacity: .1;
    animation: quick-alo-circle-fill-anim 2.3s infinite ease-in-out;
    transition: all .5s;
    transform-origin: 50% 50%;
}
.quick-alo-ph-img-circle {
    position: absolute;
    width: 45px;
    height: 45px;
    top: 80px;
    right: 77px;
    background: #ff9000 url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAABrklEQVRYR82XjTEEQRCFX0dABlwEiAARkAEyIAJEoERACETARUAIJwIyeOqptfbm5qeP3lpTdVVXVzPd3/R0v+4zTLxsYv/4XwAkrwDsV6JyZmaLyKj1ESB5AOCpYfzazAQZttYFuDWz8zDvwE8OkNwF8NIwvjCz2SgAMkqSDuOzyDxYqgKSrwB2GhBKxHsHqGtLCiDDJ42Tj2Z27LLu2JQCnAK4a5x7M7Nth23XlhRgE8B74+SemempQtaKEpKsPUPo++sGOYCSIIU7zwJ05ficSLLkV6H/CIn7wEi2GRVkOVwFixEoREE/hz9DsR2TVKkp2zeSsI9bBUNnJNV4bhIA5cFhVCk2B5JCWVYhSEopjwAob6qa4QGQOKkqcj1iJSdIpmoqWEHIhr7Ph1BNgC4haxAPAC7UITPOc1UrCOXR12TlAnBAyKhAdHvPUg4pIn6AAYQc1ebG8QC+LXfD66XHU2HP7yKQlKhGODWu1gCTY/g7wCAaendNyltrRCQOIAERjCc/ejV1V4H3dp2ES4jU1vVJpXxpogoHSEE7oOEIp9G+/3c1OkArcpMDfAIqL6EhVS6JOAAAAABJRU5ErkJggg==) no-repeat center center;
    border-radius: 100%;
    border: 2px solid transparent;
    opacity: .99;
    animation: quick-alo-circle-img-anim 1s infinite ease-in-out;
    transform-origin: 50% 50%;
}

.quick-messenger-img-circle {
    position: absolute;
    width: 60px;
    height: 60px;
    top: 80px;
    right: 77px;
    background: #ff9000 url(../assets/icon/facebook-chat-new.svg) no-repeat center center;
    border-radius: 100%;
    border: 2px solid transparent;
    opacity: .99;
    animation: quick-alo-circle-img-anim 1s infinite ease-in-out;
    transform-origin: 50% 50%;
}


/* facebook */
.duration-1000 {
    transition-duration: 1s;
}

.space-y-3>:not([hidden])~:not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(0.75rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(0.75rem * var(--tw-space-y-reverse));
}
.shadow-xl {
    --tw-shadow: 0 20px 25px -5px rgb(0 0 0/0.1),0 8px 10px -6px rgb(0 0 0/0.1);
    --tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color),0 8px 10px -6px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);
}
.justify-center {
    justify-content: center;
}


.messager {
    position: fixed;
    bottom: 317px;
    right: -60px;
    z-index: 10001;
    height: 80px;
}
/* end call button */

.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
    background-color: #FE8F2D;
}
.owl-theme .owl-dots .owl-dot span {
    width: 12px;
    height: 12px;
}
.owl-theme .owl-nav [class*=owl-]:hover {
    background: none;
}
.owl-theme .owl-nav [class*=owl-] {
    background: none;
}

.shop-item .item-title {
    height: 93px;;
}

/* .quick-link .btn-toggle1:after, .quick-link .btn-toggle1:before {
    content: "";
    position: absolute;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    animation-name: zoomEffect;
    animation-duration: 2s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
} */


.kt-datatable--paging-loaded nav {
    text-align: center !important;
}
.kt-datatable--paging-loaded .pagination {
    display: inline-flex !important;
}

header.header-manu-section.sticky nav.header-menu ul li {
    padding: 12px 0 12px 15px !important;
}
.slider-section img {
    object-fit: cover;
    width: 100% !important;
    height: 100% !important;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
}
.slider-section .container {
    position: relative;
    z-index: 2;
    color: white;
}
.banner-content {
    background: rgba(0, 0, 0, 0.5); /* Optional: Add semi-transparent background */
    padding: 20px;
    border-radius: 10px; /* Optional: Rounded corners for the background */
    display: inline-block;
}
.banner-sub-title h4 {
    font-size: 1.5rem; /* Adjust font size */
    margin-bottom: 10px;
}

.banner-title h1 {
    font-size: 2.5rem; /* Adjust font size */
    font-weight: bold;
    margin-bottom: 10px;
}

.banner-desc p {
    font-size: 1rem; /* Adjust font size */
    margin-top: 10px;
}
@media (min-width: 1024px)
.project__list ul li .img {
    display: none;
}

.mean-container .mean-nav {
    z-index: 999 !important;
}