.main-header .logo img{
    height: 70px;
}
.header-style-two .header-lower .logo-box{
    padding: 14px 0;
}

.main-footer{
    padding-top: 0;
    background-color: var(--theme-color1);
}

.main-footer .widgets-section {
    padding: 55px 0 20px;
}

.contact-section-two.pull-down {
    margin-bottom: 0;
    padding-bottom: 80px;
}
.contact-section-two.pull-up {
    margin-top: 0;
    padding-top: 80px;
}
.service-block-two .count::after {
    background: -webkit-gradient(linear, left top, right top, from(var(--theme-color1)), to(transparent));
    background: linear-gradient(to right, var(--theme-color1), transparent);
}
.service-block-two .inner-box:hover .count{
    color: #fff;
}
.services-section-two{
    background-color: var(--theme-color2-dark);
}

.services-section-two, .contact-section-two{
    background-color: var(--theme-color1);
}
.contact-form.style-two .select2-container--default .select2-selection--single,
.contact-form.style-two input:not([type="submit"]),
.contact-form.style-two textarea,
.contact-form.style-two select{
    background-color: #fff;
}
.projects-section .owl-item:nth-child(even) .project-block .inner-box {
    margin-top: 0px;
}

.main-footer .about-widget .logo img {
    max-height: 85px;
}
.banner-section .content-box {
    position: relative;
    height: calc(100vh - 140px);
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.btn-style-one{
    background-color: #fff;
    color: var(--theme-color1);    
}
.btn-style-one.light::before {

    background-color: var(--theme-color2);

}
.service-icon{
    width: 65px!important;
    height: 65px!important;
    object-fit: cover;
    border-radius: 10px;
    border : 2px solid #fff;
    margin-bottom: 10px;
}
.contact-form.style-two .select2-container--default .select2-selection--single,
.contact-form.style-two input:not([type="submit"]),
.contact-form.style-two textarea,
.contact-form.style-two select{
    color: var(--theme-color1);
}
.contact-section-two .timing .time{
    color: var(--theme-color2);
}
.news-section {
    padding: 120px 0 100px;
}
.home-client{
    height: 40px;
}
.header-style-two .main-menu .navigation>li {
    margin-right: 40px;
}
.preloader{
    background-color: var(--theme-color1);

}
.preloader:before {
    content: "";
}
.preloader:after {
    -webkit-animation-name: rotate;
    -webkit-animation-duration: 2s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    -moz-animation-name: rotate;
    -moz-animation-duration: 2s;
    -moz-animation-iteration-count: infinite;
    -moz-animation-timing-function: linear;
    background-image: url(../images/preloader.svg);
}
@-webkit-keyframes rotate {
    from {
        -webkit-transform: rotate(0deg);
    }

    to {
        -webkit-transform: rotate(360deg);
    }
}
@-moz-keyframes rotate {
    from {
        -moz-transform: rotate(0deg);
    }

    to {
        -moz-transform: rotate(360deg);
    }
}
.main-header .ui-btn{
    width: auto;
    font-size: 14px;
}

.sticky-header .main-menu .navigation>li {
    margin-left: 0;
}
.rtl .sticky-header .main-menu .navigation>li {
    margin-right: 0;
}
.zoom-in-out {
    animation: zoom-in-zoom-out 7s ease infinite;
}

@keyframes zoom-in-zoom-out {
    0% {
        transform: scale(1, 1);
    }

    50% {
        transform: scale(0.9, 0.9);
    }

    100% {
        transform: scale(1, 1);
    }
}
.banner-section-two .play-btn{
    color: #fff;
}
.banner-section-two .image-box .image-2 {
    opacity: 0.05;
    filter: grayscale(100%);
}
.news-section .bg{
    max-height:none;
}
.feature-block-three .inner-box{
    background-color: #fff;
    padding: 30px 0;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 15px;
}
.feature-block-three .content{
    padding: 0;
}
.footer-bottom .inner-container {
    padding: 15px;
}
.main-footer .widgets-section {
    padding: 55px 0 0px;
}


@media only screen and (max-width: 1023px) {
    .projects-section {
        padding: 50px 0;
    }

    .about-section-two {
        padding: 50px 0 0px;
    }

    .services-section-two {
        padding: 50px 0 0px;
    }

    .testimonial-section-two {
        padding: 50px 0 50px;
    }

    .features-section-three {
        padding: 50px 0 0px;
    }

    .news-section {
        padding: 50px 0 25px;
    }
}


.footer-project-thumb{
    height: 65px;
    object-fit: cover;
}

.project-details__img img , .project-video-thumb{
    height: 600px;
    object-fit: cover;
    border-radius: 10px;
}

.contact-details__info li .text {
    width: calc(100% - 120px);
}

.partner-logo{
    max-width: 200px;
    margin-bottom: 20px;
}

.page-title{
    padding: 39px 0 4px;
    min-height: 190px;
}

.filter-options li {
    margin-right: 20px;
    padding: 0 15px;
}
.filter-options img {
    height: 45px;
    object-fit: contain;
    padding: 10px;
}

.filter-options .active-choice {
    color: var(--theme-color2)!important;
    border: 1px solid var(--theme-color2);
    border-radius: 100px;
    font-weight: bolder;
}


.project-slider-thumb img{
    width: 120px;
    height: 80px;
    object-fit: cover;
}

.project-slider-main-image img{
    height: 400px;
    object-fit: cover;
}

.small-project-video-thumb img{
    height: 80px;
    object-fit: cover;

}

.small-project-video-thumb-play-icon{
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 50;
}

.project-meta-item{
    margin-right: 40px;
}

.header-style-two{
    z-index: 999999;
}

.page-title .title{
    font-size: 30px;
}

.page-title{
    text-align: center;
    padding: 0;
    display: flex;
    align-items: center;
}

.page-title::before {
    background: var(--theme-color1);
}

.client-card img{
    height: 200px;
    object-fit: contain;
    padding: 25px;
}

.project-card img{
    height: 300px;
    object-fit: cover;
}

.gallery-card img{
    height: 300px;
    object-fit: cover;
}

.client-card .image-box::before {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-image: none;
    content: "";
    background: linear-gradient(white, white) padding-box,
            linear-gradient(-45deg, var(--theme-color1), var(--theme-color2)) border-box;
        border-radius: 10px;
        border: 4px solid transparent;
}

.news-block .inner-box .content-box {
    -webkit-box-shadow: 0 10px 60px rgba(0, 0, 0, 0.1);
    box-shadow: 0 10px 60px rgba(0, 0, 0, 0.1);
}

@media only screen and (max-width: 768px){
.page-title {
    min-height: 120px;
}
.page-title .title{
    font-size: 22px;
}


.about-section {
    padding: 20px 0 20px;
}

.image-link-list {
    flex-wrap: wrap !important;
}
.header-style-two .header-lower .logo-box {
    padding: 14px 0;
}
.main-header .logo img {
    height: 35px;
}
.project-details__img img,
.project-video-thumb {
    height: 300px;
}
.project-details__details-list {
    flex-direction: column;
}
.project-details__content-left{
    margin-top: 0;
}
.client-card img {
    height: 120px;
}
.client-card .image-box::before{
    display: block;
}
.gallery-card img {
    height: 120px;
}

}


.banner-section-two .slide-item .bg-image::before{
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background: var(--theme-color1);
    background-size: cover;
    opacity: 0.9;
    content: "";
}




.new-filter-options img {
    height: 50px !important;
    opacity: 1 !important;
}

.active-choice img {
    border: 1px solid var(--theme-color2);
    border-radius: 100px;
    font-weight: bolder;
    padding: 10px 20px;
}

.testimonial-section-two .image-column .image-1{
    width: 390px;
    height: 390px;
}
.testimonial-section-two .image-column .image-2{
    width: 260px;
    height: 260px;
}

.testimonial-section-two .image-column .image-3{
    width: 130px;
    height: 130px;
}

.testimonial-section-two .image-column .image-4{
    width: 130px;
    height: 130px;
}




.testimonial-section-two .image-column .image-2 {
    max-width: 170px;
    max-height: 170px;
}

.testimonial-section-two .image-column .image-box .image img {
    border-radius: 50%;
    border: 8px solid rgb(242, 242, 242);
    width: 100%;
    height: 100%;
    object-fit: contain;
    background-color: #fff;
}

/* For Webkit-based browsers (Chrome, Safari) */
::-webkit-scrollbar {
  width: 6px; /* Width of the scrollbar */
}

::-webkit-scrollbar-thumb {
  background-color: #888; /* Color of the thumb (scrollbar handle) */
  border-radius: 3px; /* Rounded corners for the thumb */
}

::-webkit-scrollbar-thumb:hover {
  background-color: #555; /* Color of the thumb when hovered */
}

/* Optional: You can style the track (the background of the scrollbar) as well */
::-webkit-scrollbar-track {
  background-color: #f1f1f1; /* Color of the track */
}

.service-block-two .text {
    height: 165px;
    overflow-y: scroll;
}

.career-block .text{
    height: auto!important;
}
.career-block .title{
    height: auto!important;
    margin-bottom: 0!important;
}

.career-block .inner-box:hover{
    background-color:transparent!important;
    border: 1px solid #e2e2e2!important
}

.career-block .inner-box:hover .title{
    color: var(--theme-color1);
}


.news-block .content-box {
    margin-top: -12px;
    margin-left: 0;
}

.service-block-two .title {
    height: 45px;
}

.service-block-two .inner-box{
    padding-bottom: 60px;
}

.contact-section-two .timing .time p{
    margin-bottom: 8px !important;
    color: var(--theme-color2) !important;
}
.sticky-header .logo img {
    max-height: 70px;
}
.banner-section-two .banner-carousel .owl-nav {
    display: none;
}
.banner-section-two .image-box .image-1 img {
    max-height: 82vh;
}










.overlapping-text-container {
    position: relative;
    overflow: hidden;
}

.overlapping-text-item {
    position: absolute;
    left: 0;
    display: none;
}

.overlapping-text-item.active {
    display: block;
    animation: fade 1s ease-in-out forwards;
}

@keyframes fade {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

.banner-section-two .content-box .subtitle{
    font-size: 22px;
}

.fancybox-slide--video{
    display: flex;
    justify-content: center;
}