@import url('https://fonts.googleapis.com/css2?family=Italiana&display=swap');
html {
  scroll-behavior: smooth;
}
.fa, .fa-brands, .fa-duotone, .fa-light, .fa-regular, .fa-solid, .fa-thin, .fab, .fad, .fal, .far, .fas, .fat {
    line-height: 1.8;
}
.section-heading.title-style4 h2 {
     font-family: "Italiana", sans-serif!important;
     font-weight: 400!important;
     font-style: normal;
}
 .rev_slider_wrapper .alt-font {
     font-family: "Italiana", sans-serif!important;
     font-weight: 500!important;
     font-style: normal;
}
 .case-block h4, .section-heading.left h6, .page-title-section2 h1, .project-grid-style3 .inner-box .project-desc h3 a, .modal-title, .modal-body h3, .ps-xxl-7 h3, h2.alternative, h2.alternative span {
     font-family: "Italiana", sans-serif!important;
     font-weight: 600!important;
     font-style: normal;
}
 .case-block h4, .section-heading.left h6 {
     font-size: 21px;
}
 .rev_slider_wrapper {
     pointer-events: none;
}
.list-style-14 ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
.footer-social-icons ul li a {
    padding: 10px;
}
/*#e58165*/
 .service-block4 .service-desc h4 {
     margin-bottom: 8px;
     font-size: 18px;
     font-weight: 600;
     width: 80%;
}
 img[alt="footer-logo"] {
     max-height: 40px;
}
 .hermes .tp-arr-titleholder {
     text-overflow: ellipsis;
     overflow: hidden;
     white-space: nowrap;
}
 section.page-title-section2.bg-img.cover-background.top-position1 {
    padding-top: 100dvh;
     background-position: center 33% !important;
}
 section.page-title-section2.bg-img.cover-background.top-position1 .container {
    position: absolute;
    top: calc(50% + 56px);
    left: 50%;
    transform: translate(-50%, -50%);
}
 section.page-title-section2.bg-img.cover-background.top-position1 .container h1 span {
    color: #fff;
    text-shadow: 0px 0px 5px #000000;
}
 .project-grid-style3 .inner-box .project-desc h3 {
     font-size: 16px;
}
 .modal {
     z-index: 100001;
}
 .modal-backdrop {
     z-index: 100000;
}
.with-bg {
    position: relative;
}
.with-bg::before {
    content: '';
    display: block;
    position: absolute;
    top: 10%;
    right: 10%;
    background-position: 100% 50%;
    background-size: contain;
    background-image: url(../images/flower.png);
    background-repeat: no-repeat;
    opacity: 0.1;
    width: 80%;
    height: 80%;
    z-index: 0;
}
.butn {
    font-size: 16px;
}
section.page-title-section2.bg-img.cover-background.top-position1 .container h1 span {
    font-family: "Italiana", sans-serif!important;
}
.section-heading.title-style4 h1 {
    background: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 50%, rgba(0, 0, 0, 0) 100%);
}
 @media (max-width: 480px) {
     .navbar-brand img {
         max-width: calc(100% - 60px);
    }
     #rev_slider_3 .tp-parallax-wrap {
         width: 100%;
    }
     .rev_slider .tp-caption {
         max-width: 100% !important;
    }
     .top-position1 {
         margin-top: -90px;
    }
     .rev_slider_wrapper {
         height: calc(100svh + 32px) !important;
    }
}
 @media (min-width: 1200px) {
     .h2.custom, h2.custom {
         font-size: 1.3rem 
    }
}
 @media (min-width: 1600px) {
    section.page-title-section2.bg-img.cover-background.top-position1 .container h1 span {
        font-size: 48px;
    }
}
 .coming-soon .image.hero {
     padding-top: 100svh;
}
 .coming-soon .image.hero .bg {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     object-fit: cover;
}
 .coming-soon .image.hero::before {
     content: '';
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     background-color: #000;
     opacity: 0.3;
     z-index: 1;
}
 .coming-soon .image.hero .content {
     position: absolute;
     top: 50%;
     left: 50%;
     transform: translate(-50%, -50%);
     text-align: center;
     z-index: 2;
}
 .coming-soon .image.hero .content img {
     width: 300px;
     margin-bottom: 48px;
}
 .coming-soon .image.hero .content img {
     margin-bottom: 48px;
}
 .coming-soon .image.hero .content h1 {
     font-size: 0;
}
 .coming-soon .image.hero .content h2 {
     margin-bottom: 32px;
     color: #fff;
}
 #rev_slider_3 .tp-parallax-wrap {
     top: calc(50% + 55px)!important;
     left: 50%!important;
     transform: translate(-50%, -50%);
}
 #rev_slider_3 .tp-loop-wrap, #rev_slider_3 .tp-mask-wrap {
     position: static!important;
}
 .project-grid-style3 .inner-box {
     box-shadow: none;
     padding: 32px;
}
 .service-block4:before {
     background: #679ed0;
}
 .service-block4 i {
     color: #fff;
}
 .service-block4::before {
     z-index: 1;
}
.col-md-6.col-lg-5.mt-1-9 .service-block4::after,
 .service-block4::after {
     content: '';
     background-image: url(../images/favicon.png);
     background-size: contain;
     background-position: center;
     background-repeat: no-repeat;
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     opacity: 0.1;
     transform: rotate(-45deg);
}
.col-md-6.col-lg-5.mt-1-9 + .col-md-6.col-lg-5.mt-1-9 .service-block4::after,
a.col-md-6.col-lg-5.mt-1-9 + a.col-md-6.col-lg-5.mt-1-9 .service-block4::after {
     background-position: 75% 0;
     transform: rotate(45deg);
}
.col-md-6.col-lg-5.mt-1-9 + .col-md-6.col-lg-5.mt-1-9 + .col-md-6.col-lg-5.mt-1-9 .service-block4::after,
a.col-md-6.col-lg-5.mt-1-9 + a.col-md-6.col-lg-5.mt-1-9 + a.col-md-6.col-lg-5.mt-1-9 .service-block4::after {
     background-position: 25% 0;
     transform: rotate(0deg);
}
.col-md-6.col-lg-5.mt-1-9 + .col-md-6.col-lg-5.mt-1-9 + .col-md-6.col-lg-5.mt-1-9 + .col-md-6.col-lg-5.mt-1-9 .service-block4::after,
a.col-md-6.col-lg-5.mt-1-9 + a.col-md-6.col-lg-5.mt-1-9 + a.col-md-6.col-lg-5.mt-1-9 + a.col-md-6.col-lg-5.mt-1-9 .service-block4::after {
     background-position: 75% center;
     transform: rotate(-33deg);
}
 header {
     background-color: #000;
}
.project-single-text p{
    font-size: 20px;

}
.page-title-section2 {
    padding: calc(100svh - 160px) 0 0;
}
[data-overlay-dark="6"]:before, [data-overlay-light="6"]:before {
    opacity: 0;
}
.project-grid-style3 .inner-box .project-image:before {
    display: none;
}
.custom-hr {
    text-align: center;
    content: '';
    width: 100%;
    height: 24px;
    display: block;
    margin-top: 32px;
    margin-bottom: 32px;
    position: relative;
}
.custom-hr:before {
    content: '';
    height: 1px;
    width: 100%;
    background-color: #dee2e6;
    display: block;
}
.custom-hr::after {
    content: '';
    background-color: #fff;
    background-image: url(../images/favicon.png);
    background-size: auto 24px;
    background-position: center;
    background-repeat: no-repeat;
    display: block;
    height: 24px;
    width: 64px;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translate(-50%, -50%);
}
.bg-light-gray .custom-hr::after {
    background-color: #f1f7ff;
}
.price .service-block4 .service-desc h3 {
    padding-right: 40px;
}
.section-heading.title-style4 span {
    font-family: 'Poppins', sans-serif;
    font-weight: 600 !important;
}
@media screen and (min-width: 992px) {
    header.scrollHeader .navbar-default {
        background: #000000;
    }
    .menu_area-light.scrollHeader .navbar-nav > li > a {
        color: #ffffff;
    }
    .menu_area-light.scrollHeader .navbar-nav > li.active > a {
        color: #679ed0;
    }
    body {
         font-size: 18px;
    }
     .menu_area-light .navbar-nav > li > a, .header-style1 .attr-nav > ul > li > a {
         font-size: 20px;
    }
     .navbar-brand img {
         max-height: 60px;
    }
     .rev_slider_wrapper .alt-font {
         font-size: 60px!important;
    }
    .project-grid-style3 .inner-box .project-desc .category {
        font-size: 18px;
    }
    .project-grid-style3 .inner-box .project-desc h3 {
        font-size: 24px;
        height: 60px;
    }
    .service-block4 .service-desc h4 {
        font-size: 23px;
    }
    .min-height-250 {
        min-height: 400px;
    }
}
@media screen and (max-width: 991px) {
    header.scrollHeader .navbar-default {
        position: fixed;
        top: 0;
        width: 100%;
        background-color: #000;
    }
    .header-style1 .navbar-toggler {
        background: transparent;
    }
    .header-style1 .navbar-toggler:before,
    .header-style1 .navbar-toggler.menu-opened:before {
        background: #fff;
    }
    .header-style1 .navbar-toggler:after {
        border-top: 2px solid #fff;
        border-bottom: 2px solid #fff;
    }
    .page-title-section2 {
        padding: calc(56svw + 62px) 0 0;
        background-position: calc(50% - 160px) 50%;
    }
    .attr-nav {
        height: 0;
    }
}
@media screen and (max-width: 767px) {
    body {
        font-size: 18px;
    }
    .project-grid-style3 .project-desc {
        background-color: #fff;
        margin-left: -1.45rem;
        padding: 16px;
        width: calc(100% - 0rem);
        margin-top: -32px;
    }
    .project-single {
        padding: 16px;
    }
}
@media (max-width: 479px) {
    .navbar-toggler {
        top: 8px;
    }
    .rev_slider .tp-caption {
        font-size: 40px !important;
        line-height: 1 !important;
    }
    .navbar-nav > li > a {
        font-size: 18px;
    }
}