.widget-component .section-title {

    font-size: 40px;

    font-weight: 400;

    line-height: 52px;

    margin-bottom: 30px;

    text-align: center;

    color: #222;

}

.widget-component .section-subtitle {

    font-size: 14px;

    font-weight: 500;

    line-height: 26px;

    margin-bottom: 30px;

    text-align: center;

    color: #252531;

}

.widget-component .section-subtitle::before {

    content: '';

    position: absolute;

    bottom: -15px;

    left: calc(50% - 35px);

    width: 70px;

    height: 3px;

    border-top: 1px solid var(--color-bgtheme);

    border-bottom: 1px solid var(--color-bgtheme);

}

.widget-component .section-subtitle::after {

    content: '';

    position: absolute;

    bottom: -15px;

    left: calc(50% - 35px);

    width: 30px;

    height: 4px;

    background-color: var(--color-bgtheme);

}



.site-main .widget-component .section-title {

    font-size: 24px;

    font-weight: 500;

    line-height: 30px;

    width: 100%;

    max-width: 1200px;

    margin: 0 auto 50px;

    text-align: left;

    text-transform: uppercase;

}

.site-main .widget-component .section-title::after {

    content: '';

    bottom: -15px;

    height: 3px;

    left: 0;

    position: absolute;

    width: 75px;

    background-color: var(--color-second-bgtheme);

}



.site-main .widget-component > section:not(.none-padding-y) {

    padding: 70px 10px 100px;

}

body:not(.home) .site-main .widget-component > section {

    padding-top: 0;

    padding-bottom: 0;

}

@media only screen and (max-width: 767px) {

    .widget-component .section-title {

        font-size: 28px;

        line-height: 36px;

    }

    .site-main .widget-component > section:not(.none-padding-y) {

        padding: 50px 10px 50px;

    }

}


/* section-home-imagebox */

.section-home-imagebox  {

    padding-bottom: 40px!important;

}

.section-home-imagebox .section-wrapper {

    max-width: 1200px;

    margin: 0 auto;

}

.section-home-imagebox .boxs {

    display: grid;

    grid-template-columns: repeat(3, 33.33333%);

    row-gap: 20px;

}

.section-home-imagebox .box {

    margin-left: 10px;

    margin-right: 10px;

    box-shadow: 0px 0px 25px rgb(0 0 0 / 15%);

    height: 200px;

    overflow: hidden;

}

.section-home-imagebox .box .image-wrap {

    height: 100%;

}

.section-home-imagebox .box .image-wrap::before {

    content: '';

    background-color: #000;

    opacity: .3;

    position: absolute;

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;

}

.section-home-imagebox .box .image-wrap .image {

    height: 100%;

    position: absolute;

    top: 0;

    z-index: -1;

}

.section-home-imagebox .box .info-wrap {

    padding: 20px 30px;

    position: absolute;

    top: 140px;
    
    background-color: #fff;

    border-top: 5px solid var(--color-second-bgtheme);

    height: calc(100% - 45px);

    transition: top .5s;

}

.section-home-imagebox .box:hover .info-wrap {

    top: 0;
}

.section-home-imagebox .box .info-wrap .title {

    color: var(--color-bgtheme);

    font-size: 18px;

    line-height: 18px;

    font-weight: 500;

    text-transform: uppercase;

    -webkit-line-clamp: 1;

    display: -webkit-box;

    -webkit-box-orient: vertical;

    white-space: normal;

    overflow: hidden;

    height: 18px;
    
    margin-bottom: 20px;

}

.section-home-imagebox .box .info-wrap .content {

    font-size: 14px;

    font-weight: 400;
    
    line-height: 24px;

    -webkit-line-clamp: 3;

    display: -webkit-box;

    -webkit-box-orient: vertical;

    white-space: normal;

    overflow: hidden;

    height: 72px;

    color: #898989;
    
}

.section-home-imagebox .box .info-wrap .viewmore {

    display: block;

    font-size: 12px;

    font-weight: 400;
    
    line-height: 20px;

    text-transform: uppercase;

    color: var(--color-bgtheme);
    
    margin-top: 10px;

}

.section-home-imagebox .box .info-wrap .viewmore:hover {

    color: var(--color-second-bgtheme);

}

@media only screen and (max-width: 767px) {

    
    .section-home-imagebox .boxs {

        grid-template-columns: unset;

    }

    .section-home-imagebox .box {
    
        margin-left: 0;
    
        margin-right: 0;

        box-shadow: none;
    
        height: unset;

        overflow: unset;
    }

    .section-home-imagebox .box .image-wrap {

        height: unset;

    }

    .section-home-imagebox .box .image-wrap::before {

        content: unset;

    }

    .section-home-imagebox .box .image-wrap .image {

        position: relative;

        height: 200px;

    }

    .section-home-imagebox .box .info-wrap {

        position: relative;

        top: -10px;

        height: unset;

        padding: 20px 15px;

    }

}


/* section-home-partner */

.section-home-partner .section-wrapper {

    margin-top: -35px;

    max-width: 1200px;

    margin: 0 auto;

}

.section-home-partner .partner-item .wrap {

    border: 4px solid #e5e5e5;

    height: 90px;

}

.section-home-partner .partner-item .wrap img {

    object-fit: contain;

    user-select: none;

    height: 100%;

}

@media only screen and (max-width: 991px) {

    .section-home-partner .section-wrapper {

        margin-top: 0;

    }

    .section-home-partner .section-wrapper .swiper-wrapper {

        margin-top: 10px;

        margin-bottom: 40px;

    }

}

@media only screen and (max-width: 767px) {

    .section-home-partner {

        padding-top: 20px!important;

        padding-bottom: 20px!important;

    }

}



/* section-home-testimonial */

.section-home-testimonial {

    padding-top: 50px!important;

    padding-bottom: 50px!important;

    background-color: #f8f9f9;

}

.section-home-testimonial .section-wrapper {

    margin: 0 auto;

    width: 100%;

    max-width: 1200px;

}

.section-home-testimonial .testimonial-item .wrap {

    display: grid;

    grid-template-columns: 250px auto;

    align-items: center;

    row-gap: 20px;

}

.section-home-testimonial .testimonial-item .wrap .featured-image {

    height: 100%;

    object-fit: cover;

}

.section-home-testimonial .testimonial-item .wrap .info-box {

    padding-left: 30px;

}

.section-home-testimonial .testimonial-item .wrap .info-box .title {

    font-size: 24px;

    font-weight: 400;

    line-height: 24px;

    margin-bottom: 5px;

    -webkit-line-clamp: 1;

    display: -webkit-box;

    -webkit-box-orient: vertical;

    white-space: normal;

    overflow: hidden;

    height: 24px;

}

.section-home-testimonial .testimonial-item .wrap .info-box .subtitle {

    font-size: 14px;

    font-weight: 400;

    line-height: 18px;

    margin-bottom: 10px;

    color: var(--color-bgtheme);

    -webkit-line-clamp: 1;

    display: -webkit-box;

    -webkit-box-orient: vertical;

    white-space: normal;

    overflow: hidden;

    height: 18px;

}

.section-home-testimonial .testimonial-item .wrap .info-box .content {

    font-size: 14px;

    font-weight: 400;

    line-height: 24px;

    color: #898989;

    -webkit-line-clamp: 5;

    display: -webkit-box;

    -webkit-box-orient: vertical;

    white-space: normal;

    overflow: hidden;

    height: 125px;

}

.section-home-testimonial .section-navbutton {

    width: 100%;

    max-width: 1200px;

    margin: 0 auto;

}

.section-home-testimonial .section-navbutton .swiper-button {

    background-color: var(--color-bgtheme);

    color: #fff;

    width: 45px;

    height: 45px;

    top: -50px;

}

.section-home-testimonial .section-navbutton .swiper-button.swiper-button-prev {

    left: unset;

    right: 60px;

}

.section-home-testimonial .section-navbutton .swiper-button::after {

    font-size: 14px;

}

@media only screen and (max-width: 767px) {

    .section-home-testimonial .section-title {

        margin-bottom: 100px!important;

    }

    .section-home-testimonial .testimonial-item .wrap {

        grid-template-columns: unset;

    }

    .section-home-testimonial .testimonial-item .wrap .info-box {

        padding-left: 0;

    }

}



/* section-home-slider */

.section-home-slider {

    overflow: hidden;

}

.section-home-slider .section-wrapper {

    display: flex;

}

.section-home-slider .swiper-button {

    color: #fff;

    background-color: rgba(0 0 0 / 70%);

    width: 50px;

    height: 50px;

}

.section-home-slider .swiper-button::after {

    font-size: 16px;

}

.section-home-slider .swiper-button.swiper-button-prev {

    left: 0;

}

.section-home-slider .swiper-button.swiper-button-next {

    right: 0;

    bottom: 20px;

}



.section-home-slider,

.section-home-slider .box {

    height: 100%;

    max-height: 550px;

    min-height: 550px;

}

.section-home-slider .background-overlay {

    position: absolute;

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;

}

.section-home-slider .background-overlay::before {

    content: '';

    position: absolute;

    top: 0;

    bottom: 0;

    left: 0;

    right: 0;

    background-color: #252531;

    opacity: .3;

    z-index: 1;

}

.section-home-slider .background-overlay img {

    height: 100%;

    object-fit: cover;

}

.section-home-slider .box {

    background-color: #fff;

    display: flex;

    align-items: center;

}

.section-home-slider .box .box-content {

    margin: 0 auto;

    color: #fff;

    max-width: 1200px;

    width: 100%;

    padding-left: 10px;

    padding-right: 10px;

    z-index: 2;

}

.section-home-slider .box .box-content .wrapper {

    padding-top: 24px;

    padding-bottom: 24px;

    overflow: hidden;

    max-width: 800px;

}

.section-home-slider .box .box-content .title {

    font-size: 48px;

    font-weight: 600;

    line-height: 60px;

    margin-bottom: 15px;

    transform: translateY(100vh);

    opacity: 0;

    transition: all 2.25s;

}

.section-home-slider .swiper-slide.swiper-slide-active .box-content .title {

    transform: translateY(0);

    opacity: 1;

}

.section-home-slider .box .box-content .content {

    font-size: 20px;

    font-weight: 400;

    line-height: 30px;

    margin-right: 20px;

    transform: translateY(100vh);

    opacity: 0;

    transition: all 2.5s;

}

.section-home-slider .swiper-slide.swiper-slide-active .box-content .content {

    transform: translateY(0);

    opacity: 1;

}

.section-home-slider .box .box-content .content strong {

    font-weight: 600;

}

.section-home-slider .box .box-content .more {

    gap: 10px;

    padding-left: 5px;

    padding-right: 5px;

    margin-top: 40px;

}

.section-home-slider .box .box-content .more a {

    display: inline-block;

    padding: 15px 40px 15px 20px;

    position: relative;

    border-radius: 5px;

    color: #fff;

    font-size: 16px;

    line-height: 24px;

    font-weight: 400;

    opacity: 0;

    transform: scale(0);

    transition: all .5s ease;

}

.section-home-slider .box .box-content .more a.readmore {

    background-color: var(--color-bgtheme);

    transition: all .75s;

    transition-delay: 2s;

}

.section-home-slider .swiper-slide.swiper-slide-active .box-content .more a.readmore {

    opacity: 1;

    transform: scale(1);

}

.section-home-slider .box .box-content .more a:before {

    position: absolute;

    content: '';

    border-radius: 5px;

    width: 100%;

    height: 100%;

    left: 0;

    top: 0;

    transform: scale(0,0);

    z-index: -1;

    transition: all .5s ease;

}

.section-home-slider .box .box-content .more a:hover:before {

    transform: scale(1,1);

    background-color: var(--color-second-bgtheme);

}

.section-home-slider .box .box-content .more a::after {

    content: '\f054';

    font-family: "Font Awesome 5 Pro";

    position: absolute;

    top: 10px;

    right: 4px;

    background-color: #fff;

    padding: 4px 12px;

    color: #003e63;

    border-radius: 50%;

}

.section-home-slider .box .box-content .more a.answer::after {

    color: #e73f17;

}

.section-home-slider .box .box-content .readmore span {

    position: relative;

    z-index: 2;

}



/* .section-home-slider .swiper-pagination .swiper-pagination-bullet {

    background-color: transparent;

    border: 2px solid #009bd1;

    width: 12px;

    height: 12px;

    opacity: 1;

}

.section-home-slider .swiper-pagination .swiper-pagination-bullet:not(:last-child) {

    margin-right: 5px;

}

.section-home-slider .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {

    background-color: #009bd1;

} */

@media only screen and (max-width: 1400px) {

    .section-home-slider,

    .section-home-slider .box {

        max-height: 500px;

        min-height: 500px;

    }

}

@media only screen and (max-width: 1024px) {

    .section-home-slider,

    .section-home-slider .box {

        max-height: 450px;

        min-height: 450px;

    }

    .section-home-slider .section-wrapper .other-left {

        display: none;

    }

    .section-home-slider .section-wrapper {

        display: block;

    }

    .section-home-slider .box .box-content .title {

        font-size: 36px;

        line-height: 40px;

    }

}

@media only screen and (max-width: 767px) {

    .section-home-slider,

    .section-home-slider .box {

        max-height: unset;

        min-height: 450px;

    }


    .section-home-slider .box .box-content {

        position: absolute;

    }

}

@media only screen and (max-width: 767px), (max-height: 760px) {
    .section-home-slider .section-wrapper {

        display: block;

    }

    .section-home-slider .box {

        width: 100%!important;

        background-size: contain;

    }

    .section-home-slider .box .box-content .content {

        font-size: 28px;

        line-height: 40px;

    }

    .section-home-slider .box .box-content .more {

        flex-direction: column;

        align-items: flex-start;

    }

    .section-home-slider .box .box-content .more a {

        padding: 10px 40px 10px 20px;

    }

    .section-home-slider .box .box-content .more a::after {

        top: 7px;

    }

    .section-home-slider .box .box-content .title {

        font-size: 28px;

        line-height: 36px;

    }

    .section-home-slider .box .box-content .content {

        font-size: 16px;

        line-height: 30px;

    }

    .section-home-slider .swiper-button {

        top: 90%;
        
        width: 36px;

        height: 36px;

    }

    .section-home-slider .swiper-button.swiper-button-prev {

        left: calc(100% - 100px);

    }

    .section-home-slider .swiper-button.swiper-button-next {

        right: 20px;

    }

}



/* section-home-about */

.section-home-about {

    padding-top: 40px!important;

    padding-bottom: 0!important;

}

.section-home-about .section-wrapper {

    width: 100%;

    max-width: 1200px;

    margin: 0 auto;

}

.section-home-about .wrapper {

    display: grid;

    align-items: end;

}

.section-home-about .wrapper .list-block .lists {

    display: grid;

    grid-template-columns: repeat(3, 33.333333%);

    row-gap: 50px;

}

.section-home-about .wrapper .list-block .item {

    padding: 10px 20px;

    box-shadow: none;
    
    transition: all 0.3s cubic-bezier(.25,.8,.25,1);

}

.section-home-about .wrapper .list-block .item:hover {

    box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);

}

.section-home-about .wrapper .list-block .item .head {

    height: 200px;

}

.section-home-about .wrapper .list-block .item .head .image {

    height: 100%;

}

.section-home-about .wrapper .list-block .item .body {

    margin-top: 20px;

}

.section-home-about .wrapper .list-block .item .body .title {

    font-size: 18px;

    font-weight: 500;

    line-height: 24px;

    text-transform: uppercase;

    -webkit-line-clamp: 1;

    display: -webkit-box;

    -webkit-box-orient: vertical;

    white-space: normal;

    overflow: hidden;

    height: 24px;

    margin-bottom: 10px;

}

.section-home-about .wrapper .list-block .item .body .content {

    color: #898989;

    font-size: 14px;

    font-weight: 400;

    line-height: 24px;

    -webkit-line-clamp: 2;

    display: -webkit-box;

    -webkit-box-orient: vertical;

    white-space: normal;

    overflow: hidden;

    height: 48px;

}

.section-home-about .wrapper .list-block .item .body .content a {

    color: var(--color-bgtheme);

}

.section-home-about .wrapper .list-block .item .body .viewmore {

    color: var(--color-bgtheme);

    font-size: 14px;

    font-weight: 400;

    line-height: 24px;

    text-transform: uppercase;

    margin-top: 25px;

    display: block;

}

.section-home-about .wrapper .list-block .item .body .viewmore:hover {

    color: var(--color-second-bgtheme);

}

@media only screen and (max-width: 1024px) {
    .section-home-about .wrapper .list-block .lists {
        grid-template-columns: repeat(2, 50%);
    }
}
@media only screen and (max-width: 767px) {

    .section-home-about .wrapper,

    .section-home-about .wrapper .list-block .lists {

        grid-template-columns: unset;

    }

    .section-home-about .wrapper .list-block .lists {

        row-gap: 30px;

    }

    .section-home-about .wrapper .list-block .item {

        padding: 10px 0;

    }

    .section-home-about .wrapper .list-block .item .body .viewmore a {

        color: #16242e;

    }

}







/* section-footer-information */

.section-footer-information .section-logo img {

    width: 100%;

    max-width: 200px;

    height: 100%;

    max-height: 90px;

    object-fit: contain;

    object-position: left;

    margin-bottom: 25px;

}

.section-footer-information .section-title {

    font-size: 14px;

    line-height: 1.3;

    font-weight: 400;

    margin-bottom: 10px;

    text-align: left;

}

.section-footer-information .section-wrapper .description-block p {

    font-size: 15px;

    line-height: 1.8em;

    font-weight: 300;

}

.section-footer-information .section-wrapper .info-block {

    padding-top: 20px;

}

.section-footer-information .section-wrapper .info-block .item {

    display: grid;

    grid-template-columns: 40px auto;

    align-items: center;

    padding-top: 10px;

    padding-bottom: 10px;

    font-size: 14px;

    font-weight: 400;

    line-height: 20px;

}

.section-footer-information .section-wrapper .info-block .item i {

    color: var(--color-second-bgtheme);

    font-size: 16px;

}

.section-footer-information .section-wrapper .info-block .item i::after {

    content: '';

    width: 1px;

    height: calc(100% + 40px);

    background-color: #2f2f2f;

    position: absolute;

    top: -20px;

    right: 10px;

}





/* section-footer-workinghours */

.section-footer-workinghours .section-title {

    font-size: 18px;

    line-height: 1.3;

    font-weight: 400;

    text-transform: capitalize;

    margin-bottom: 35px;

}

.section-footer-workinghours .section-title::before {

    content: '';

    position: absolute;

    bottom: -15px;

    left: 0;

    width: 70px;

    height: 3px;

    background-color: var(--color-second-bgtheme);

}

.section-footer-workinghours .section-title::after {

    content: '';

    position: absolute;

    bottom: -17px;

    left: 0;

    width: 100%;

    height: 1px;

    background-color: #2e2e2e;

}

.section-footer-workinghours .content {

    font-size: 12px;

    font-weight: 400;

    line-height: 24px;

}

.section-footer-workinghours table.hours {

    border: 2px solid #2e2e2e;

    border-collapse: separate;

    border-spacing: 0 6px;

    width: 100%;

    padding: 10px 20px;

    margin-top: 15px;

}

.section-footer-workinghours table.hours th {

    font-size: 12px;

    font-weight: 400;

    line-height: 24px;

    text-align: left;

}

.section-footer-workinghours table.hours th:last-child {

    font-weight: 700;

    text-align: right;

}

.section-footer-workinghours table.hours th.highlight {

    color: #32853a;

}



/* section-home-service */

.section-home-service {

    background-color: #f8f9f9;

}

.section-home-service .section-wrapper {

    width: 100%;

    max-width: 1200px;

    margin: 0 auto;

}

.section-home-service .services {

    display: grid;

    grid-template-columns: repeat(3, 33.333333%);

    row-gap: 20px;

}

.section-home-service .services .service-item {

    margin-left: 10px;

    margin-right: 10px;

}

@media only screen and (max-width: 767px) {

    .section-home-service .services {

        grid-template-columns: unset;

    }

    .section-home-service .services .service-item {

        margin-left: 0;

        margin-right: 0;

    }

}



/* section-footer-recentform */

.section-footer-recentform .section-title {

    font-size: 18px;

    line-height: 1.3;

    font-weight: 400;

    text-transform: capitalize;

    margin-bottom: 35px;

}

.section-footer-recentform .section-title::before {

    content: '';

    position: absolute;

    bottom: -15px;

    left: 0;

    width: 70px;

    height: 3px;

    background-color: var(--color-second-bgtheme);

}

.section-footer-recentform .section-title::after {

    content: '';

    position: absolute;

    bottom: -17px;

    left: 0;

    width: 100%;

    height: 1px;

    background-color: #2e2e2e;

}

.section-footer-recentform .section-wrapper.recent {

    margin-bottom: 20px;

}

.section-footer-recentform ul.recents li:not(:last-child) {

    margin-bottom: 15px;

}

.section-footer-recentform ul.recents .title {

    font-weight: 500;

    font-size: 14px;

    line-height: 24px;

    margin-bottom: 5px;

    -webkit-line-clamp: 1;

    display: -webkit-box;

    -webkit-box-orient: vertical;

    white-space: normal;

    overflow: hidden;

    height: 24px;

}

.section-footer-recentform ul.recents .title a {

    color: #fff;

}

.section-footer-recentform ul.recents .title:hover a {

    color: var(--color-bgtheme);

    opacity: .8;

}

.section-footer-recentform ul.recents .date {

    font-size: 12px;

    font-weight: 400;

    line-height: 20px;

}

.section-footer-recentform ul.recents .date::before {

    content: '\f073';

    font-family: "Font Awesome 5 Pro";

    font-size: 14px;

    margin-right: 10px;

    color: var(--color-bgtheme);

}



/* section-footer-menusocial */

.section-footer-menusocial .section-title {

    font-size: 18px;

    line-height: 1.3;

    font-weight: 400;

    text-transform: capitalize;

    margin-bottom: 35px;

}

.section-footer-menusocial .section-title::before {

    content: '';

    position: absolute;

    bottom: -15px;

    left: 0;

    width: 70px;

    height: 3px;

    background-color: var(--color-second-bgtheme);

}

.section-footer-menusocial .section-title::after {

    content: '';

    position: absolute;

    bottom: -17px;

    left: 0;

    width: 100%;

    height: 1px;

    background-color: #2e2e2e;

}

.section-footer-menusocial .section-wrapper.nav {

    margin-bottom: 20px;

}

.section-footer-menusocial .section-wrapper ul.menu {

    column-count: 2;

}

.section-footer-menusocial .section-wrapper ul.menu li {

    margin-bottom: 7.5px;

}

.section-footer-menusocial .section-wrapper ul.menu li a {

    font-size: 14px;

    line-height: 35px;

    font-weight: 400;

    margin-bottom: 8px;

}

.section-footer-menusocial .section-wrapper ul.menu li a::before {

    content: '\f054';

    font-family: "Font Awesome 5 Pro";

    font-size: 10px;

    margin-right: 10px;

}

.section-footer-menusocial .section-wrapper ul.menu li a:hover {

    color: var(--color-bgtheme);

}

.section-footer-menusocial .section-wrapper.social .description {

    font-size: 12px;

    font-weight: 400;

    line-height: 24px;

}

.section-footer-menusocial .socials {

    margin-top: 20px;

}

.section-footer-menusocial .socials li {

    float: left;

}

.section-footer-menusocial .socials li:not(:last-child) {

    margin-right: 25px;

}

.section-footer-menusocial .socials li a {

    color: #fff;

    width: 32px;

    height: 32px;

    font-size: 18px;

    line-height: 24px;

    font-weight: 400;

    transition: all .3s;

}

.section-footer-menusocial .socials li a:hover {

    opacity: .7;

}


/* section-footer-menu */

.section-footer-menu .section-title {

    font-size: 18px;

    line-height: 1.3;

    font-weight: 400;

    text-transform: capitalize;

    margin-bottom: 35px;

}

.section-footer-menu .section-title::before {

    content: '';

    position: absolute;

    bottom: -15px;

    left: 0;

    width: 70px;

    height: 3px;

    background-color: var(--color-second-bgtheme);

}

.section-footer-menu .section-title::after {

    content: '';

    position: absolute;

    bottom: -17px;

    left: 0;

    width: 100%;

    height: 1px;

    background-color: #2e2e2e;

}

.section-footer-menu .section-wrapper.nav {

    margin-bottom: 20px;

}

.section-footer-menu .section-wrapper ul.menu li:not(:last-child) {
    padding-bottom: 2.5px;
    margin-bottom: 5px;
}

.section-footer-menu .section-wrapper ul.menu li a {

    font-size: 14px;

    line-height: 35px;

    font-weight: 400;

    margin-bottom: 8px;

}

.section-footer-menu .section-wrapper ul.menu li:hover a {
    color: var(--color-second-bgtheme);
}


/* section-footer-form */

.section-footer-form .content {

    font-size: 15px;

    line-height: 1.8em;

    font-weight: 300;

    margin-bottom: 24px;

}



/* section-footer-contact */

.section-footer-contact .section-title {

    font-size: 18px;

    line-height: 1;

    font-weight: 500;

    margin-bottom: 15px;

    text-align: left;

    text-transform: uppercase;

    color: #fff;

}

.section-footer-contact .section-wrapper .info-block .item {

    display: flex;

    align-items: center;

    justify-content: flex-start;

    gap: 10px;

}

.section-footer-contact .section-wrapper .info-block .item:not(:last-child) {

    margin-bottom: 10px;

}

.section-footer-contact .section-wrapper .info-block .item .icon {

    width: 15px;

    height: 15px;

    font-size: 14px;

    text-align: center;

    border: 1.5px solid #fff;

    padding: 10px;

    border-radius: 20px;

    display: flex;

    align-items: center;

    justify-content: center;

}

.section-footer-contact .section-wrapper .info-block .item .text {

    font-size: 16px;

    font-weight: 300;

    line-height: 1.4;

    color: #bde4f2;

    word-break: break-all;

}



/* section-home-catproduct */

.section-home-catproduct {

    padding-bottom: 20px!important;

    background-color: #f6f6f6;

}

.section-home-catproduct .section-wrapper {

    max-width: 1200px;

    margin: 0 auto;

}

.section-home-catproduct .section-wrapper .category-block {

    margin-bottom: 30px;

}

.section-home-catproduct .category-block .swiper-button {

    opacity: 1;

    outline: none;

}

.section-home-catproduct .category-block .swiper-button.swiper-button-prev {

    left: -50px;

}

.section-home-catproduct .category-block .swiper-button.swiper-button-next {

    right: -50px;

}

.section-home-catproduct .category-block .swiper-button::after {

    background-color: transparent;

    color: #252531;

    border: 1px solid #ccc;

    font-size: 20px;

    padding: 10px 15px;

    border-radius: 50%;

}

.section-home-catproduct .category-block .swiper-button:hover::after {

    background-color: var(--color-second-bgtheme);

    color: #fff;

    border-color: transparent;

}

.section-home-catproduct .product-item a {

    color: #222;

}

.section-home-catproduct .product-item .feature-image {

    /* background-color: var(--color-second-bgtheme); */

    height: 300px;

    overflow: hidden;

    border-radius: 10px;

}

.section-home-catproduct .product-item .feature-image img {

    height: 100%;

    object-fit: cover;

    transform: scale(1.1);

    opacity: 1;

    transition: all 1.2s ease;

}

.section-home-catproduct .product-item:hover .feature-image img {

    transform: scale(1);

    /* opacity: .25; */

}

/* .section-home-catproduct .product-item .feature-image a.lightbox {

    position: absolute;

    left: 50%;

    top: 50%;

    transform: translate(-50%,-50%) scale(0,0);

    color: #fff;

    opacity: 0;

    font-size: 100px;

    font-weight: 100;

    line-height: 28px;

    transition: all .5s ease;

}

.section-home-catproduct .product-item:hover .feature-image a.lightbox {

    transform: translate(-50%,-50%) scale(1,1);

    opacity: 1;

} */

.section-home-catproduct .product-item .info-block {

    /* margin-top: 20px; */

    position: absolute;

    bottom: 15px;

    left: 10px;

    background-color: rgb(255 255 255 / 85%);

    width: calc(100% - 40px);

    padding: 10px;

    text-align: center;

}

/* .section-home-catproduct .product-item .info-block::before {

    content: '';

    background-color: #f6f6f6;

    position: absolute;

    width: calc(100% - 50px);

    height: 20px;

    left: 0;

    top: -40px;

} */

.section-home-catproduct .product-item .title {

    font-size: 16px;

    line-height: 24px;

    font-weight: 500;

    color: #222;

    -webkit-line-clamp: 1;

    display: -webkit-box;

    -webkit-box-orient: vertical;

    white-space: normal;

    overflow: hidden;

    height: 25px;

    margin-bottom: 10px;

}

.section-home-catproduct .product-item .count {

    font-size: 14px;

    line-height: 20px;

    font-weight: 400;

    color: #222;

    -webkit-line-clamp: 1;

    display: -webkit-box;

    -webkit-box-orient: vertical;

    white-space: normal;

    overflow: hidden;

    height: 20px;

}

@media only screen and (max-width: 1400px) {

    .section-home-catproduct .section-title {

        margin-bottom: 60px;

    }

    .section-home-catproduct .section-wrapper .category-block {

        margin-bottom: 80px;

    }

    .section-home-catproduct .category-block .swiper-button {

        top: -15px;

    }

    .section-home-catproduct .category-block .swiper-button.swiper-button-prev {

        left: unset;

        right: 60px;

    }

    .section-home-catproduct .category-block .swiper-button.swiper-button-next {

        right: 10px;

    }

    .section-home-catproduct .category-block .swiper-button::after {

        border-radius: 0;

        background-color: var(--color-bgtheme);

        color: #fff;

        border-color: transparent;

    }

}

@media only screen and (max-width: 767px) {

    .section-home-catproduct .product-item .feature-image {

        height: 250px;

    }

}





/* section-home-product */

.section-home-product {

    background-color: #f6f6f6;

}

.section-home-product .section-wrapper {

    max-width: 1200px;

    margin: 0 auto;

}

.section-home-product .swiper-button {

    opacity: 1;

    outline: none;

}

.section-home-product .swiper-button.swiper-button-prev {

    left: -50px;

}

.section-home-product .swiper-button.swiper-button-next {

    right: -50px;

}

.section-home-product .swiper-button::after {

    background-color: transparent;

    color: #252531;

    border: 1px solid #ccc;

    font-size: 20px;

    padding: 10px 15px;

    border-radius: 50%;

}

.section-home-product .swiper-button:hover::after {

    background-color: var(--color-bgtheme);

    color: #fff;

    border-color: transparent;

}

.section-home-product .product-item a {

    color: #222;

}

.section-home-product .product-item .feature-image {

    height: 250px;

    background-color: #252531;

    overflow: hidden;

}

.section-home-product .product-item .feature-image img {

    height: 100%;

    object-fit: cover;

    transform: scale(1.1);

    opacity: 1;

    transition: all .5s ease;

}

.section-home-product .product-item:hover .feature-image img {

    transform: scale(1);

    opacity: .25;

}

.section-home-product .product-item .feature-image a.lightbox {

    position: absolute;

    left: 50%;

    top: 50%;

    transform: translate(-50%,-50%) scale(0,0);

    color: #fff;

    opacity: 0;

    font-size: 13px;

    font-weight: 100;

    line-height: 28px;

    background-color: var(--color-bgtheme);

    border-radius: 30px;

    padding: 7.5px 25px;

    text-transform: uppercase;

    z-index: 1;

    transition: all .5s ease;

}

.section-home-product .product-item .feature-image a.lightbox::before {

    position: absolute;

    content: '';

    border-radius: 30px;

    width: 100%;

    height: 100%;

    left: 0;

    top: 0;

    transform: scale(0,0);

    z-index: -1;

    background-color: #252531;

    transition: all .5s ease;

}

.section-home-product .product-item .feature-image a.lightbox:hover::before {

    transform: scale(1,1);

}

.section-home-product .product-item .feature-image a.lightbox i {

    margin-right: 10px;

}

.section-home-product .product-item:hover .feature-image a.lightbox {

    transform: translate(-50%,-50%) scale(1,1);

    opacity: 1;

}

.section-home-product .product-item .info-block {

    padding: 30px 30px 25px 0;

}

.section-home-product .product-item .terms {

    font-size: 14px;

    line-height: 24px;

    font-weight: 300;

    margin-bottom: 5px;

    color: var(--color-bgtheme);

}

.section-home-product .product-item .title {

    font-size: 18px;

    line-height: 30px;

    font-weight: 400;

    color: #222;

    -webkit-line-clamp: 2;

    display: -webkit-box;

    -webkit-box-orient: vertical;

    white-space: normal;

    overflow: hidden;

    height: 60px;

    margin-bottom: 15px;

}

.section-home-product .product-item .extra {

    padding-top: 15px;

    border-top: 1px solid #dadadc;

    font-size: 24px;

    line-height: 32px;

    font-weight: 600;

    color: var(--color-bgtheme);

}

.section-home-product .product-item .extra .price del {

    color: #252531;

}

.section-home-product .product-item .extra .no-price {

    color: #de0b0b;

}

@media only screen and (max-width: 1400px) {

    .section-home-product .section-title {

        margin-bottom: 80px;

    }

    .section-home-product .swiper-button {

        top: -30px;

    }

    .section-home-product .swiper-button.swiper-button-prev {

        left: unset;

        right: 60px;

    }

    .section-home-product .swiper-button.swiper-button-next {

        right: 10px;

    }

    .section-home-product .swiper-button::after {

        border-radius: 0;

        background-color: var(--color-bgtheme);

        color: #fff;

        border-color: transparent;

    }

}

@media only screen and (max-width: 480px) {

    .section-home-product .product-item .feature-image {

        height: 200px;

    }

}



/* section-home-banner */

.section-home-banner {

    background-color: rgba(0 0 0 / 50%);

    background-repeat: no-repeat;

    background-size: cover;

    background-position: center center;

}

.section-home-banner .section-wrapper {

    width: 100%;

    max-width: 1200px;

    margin: 0 auto;

}

.section-home-banner .section-wrapper .wrapper {

    color: #fff;

    padding: 80px 30px;

    box-sizing: border-box;

    width: 100%;

    max-width: 750px;

}

.section-home-banner .section-wrapper .wrapper .title {

    margin-bottom: 15px;

    font-size: 28px;

    font-weight: 500;

    line-height: 36px;

    text-transform: uppercase;

}

.section-home-banner .section-wrapper .wrapper .content {

    font-size: 16px;

    font-weight: 400;

    line-height: 24px;

    margin-bottom: 30px;

}

.section-home-banner .section-wrapper .wrapper .readmore {

    font-size: 16px;

    line-height: 24px;

    font-weight: 500;

    color: #fff;

    text-transform: uppercase;

    border: 2px solid var(--color-bgtheme);

    background-color: var(--color-bgtheme);

    border-radius: 5px;

    padding: 10px 30px;

    letter-spacing: 1px;

    display: inline-block;

    transition: all .3s ease;

}

.section-home-banner .section-wrapper .wrapper .readmore:hover {

    background-color: #fff;

    color: var(--color-second-bgtheme);

    border-color: var(--color-second-bgtheme);

}



/* section-another-editor */

.section-another-editor {

    padding-top: 100px!important;

    padding-bottom: 30px!important;

}

.section-another-editor .section-title {

    font-size: 24px;

    font-weight: 500;

    line-height: 30px;

    width: 100%;

    max-width: 1200px;

    margin: 0 auto 50px;

    text-align: left;

    text-transform: uppercase;

}

.section-another-editor .section-title::after {

    content: '';

    bottom: -15px;

    height: 3px;

    left: 0;

    position: absolute;

    width: 75px;

    background-color: var(--color-bgtheme);

}

.section-another-editor .section-wrapper {

    width: 100%;

    max-width: 1200px;

    margin: 0 auto;

}

.section-another-editor .section-wrapper .content {

    font-size: 18px;

    line-height: 30px;

    font-weight: 300;

    color: #000;

}

.section-another-editor .section-wrapper .content * {

    margin-bottom: 10px;

}


/* section-about-content */

.section-about-content {

    padding-bottom: 70px!important;

}

.section-about-content .section-wrapper {

    display: grid;

    grid-template-columns: 50% 50%;

    row-gap: 20px;

    width: 100%;

    max-width: 1200px;

    margin: 0 auto;

}

.section-about-content .content-block {

    padding-right: 40px;

}

.section-about-content .content-block .title {

    font-size: 24px;

    font-weight: 500;

    line-height: 30px;

    width: 100%;

    max-width: 1200px;

    margin: 0 auto 50px;

    text-align: left;

    text-transform: uppercase;

}

.section-about-content .content-block .title::after {

    content: '';

    bottom: -15px;

    height: 3px;

    left: 0;

    position: absolute;

    width: 75px;

    background-color: var(--color-bgtheme);

}

.section-about-content .content-block .content {

    font-size: 16px;

    line-height: 24px;

    font-weight: 400;

    color: #898989;

}

.section-about-content .content-block .content * {

    margin-bottom: 10px;

}
.section-about-content .content-block .content strong,

.section-about-content .content-block .content h1,

.section-about-content .content-block .content h2,

.section-about-content .content-block .content h3,

.section-about-content .content-block .content h4,

.section-about-content .content-block .content h5,

.section-about-content .content-block .content h6 {

    color: #436cbb;

}

.section-about-content .image-block {

    min-height: 375px;

    height: 100%;

}

.section-about-content .image-block img {

    height: 100%;

    object-fit: cover;

}

@media only screen and (max-width: 767px) {

    .section-about-content .section-wrapper {

        grid-template-columns: unset;

    }

    .section-about-content .content-block {

        padding-right: 0;

    }

}



/* section-home-review */

.section-home-review .background-overlay {

    background-repeat: no-repeat;

    background-size: cover;

    background-position: center center;

    position: absolute;

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;

    width: calc(100% - 355px);

}

.section-home-review .background-overlay::before {

    position: absolute;

    content: '';

    top: 0;

    right: 0;

    width: 100%;

    height: 100%;

    opacity: .9;

    background: #252531;

}

.section-home-review .section-title {

    color: #fff;

}

.section-home-review .section-subtitle {

    color: #dee3e7;

    max-width: 480px;

    width: 100%;

    margin: 0 auto;

    text-align: center;

    font-size: 16px;

    font-weight: 400;

    line-height: 1.6;

}

.section-home-review .section-wrapper {

    max-width: 1000px;

    width: 100%;

    margin: 40px auto 30px;

    display: flex;

    align-items: center;

    padding-left: 16.677777%;

}

.section-home-review .section-wrapper > .swiper.widget-home-review {

    padding-left: 80px;

}

.section-home-review .section-wrapper > .swiper.widget-home-review-thumb {

    position: absolute;

    height: 300px;

    width: 100px;

    z-index: 2;

}

.section-home-review .section-wrapper .review .box {

    padding: 55px 120px 68px 120px;

    box-shadow: 0 0 10px rgb(0 0 0 / 10%);

    background-color: #fff;

    margin: 10px 10px 10px 0;

    text-align: center;

    color: #222;

}

.section-home-review .section-wrapper .review .box::before {

    content: '';

    position: absolute;

    top: 0;

    right: 0;

    background-image: url(../img/flower.png);

    background-repeat: no-repeat;

    background-size: cover;

    width: 175px;

    height: 175px;

}

.section-home-review .section-wrapper .review .box::after {

    content: '';

    position: absolute;

    top: 10px;

    right: -10px;

    left: 10px;

    bottom: -10px;

    border: 1px solid var(--color-bgtheme);

    z-index: -1;

}

.section-home-review .section-wrapper .review .quote {

    margin: 0 auto;

    color: var(--color-bgtheme);

    font-size: 72px;

    line-height: 1;

    font-weight: 300;

}

.section-home-review .section-wrapper .review .content {

    font-size: 24px;

    line-height: 40px;

    font-weight: 300;

    font-style: italic;

    margin-top: 20px;

    -webkit-line-clamp: 3;

    display: -webkit-box;

    -webkit-box-orient: vertical;

    white-space: normal;

    overflow: hidden;

    height: 125px;

}

.section-home-review .section-wrapper .review .author {

    margin-top: 25px;

}

.section-home-review .section-wrapper .review .author .avatar {

    object-fit: cover;

    height: 60px;

    width: 60px;

    border-radius: 100%;

}

.section-home-review .section-wrapper .review .author .title {

    font-size: 18px;

    line-height: 26px;

    font-weight: 400;

    color: var(--color-bgtheme);

}

.section-home-review .section-wrapper .review .author .subtitle {

    font-size: 12px;

    line-height: 18px;

    font-weight: 300;

}

.section-home-review .section-wrapper .review-thumb {

    width: 80px;

    display: flex;

    align-items: center;

    justify-content: center;

    transition: all .3s;

    cursor: pointer;

}

.section-home-review .section-wrapper .review-thumb.swiper-slide-thumb-active {

    width: 100px;

}

@media only screen and (max-width: 1400px) {

    .section-home-review .section-wrapper {

        padding-left: 0;

    }

}

@media only screen and (max-width: 767px) {

    .section-home-review .background-overlay {

        width: calc(100% - 50px);

    }

    .section-home-review .section-wrapper {

        padding-left: 0;

    }

    .section-home-review .section-wrapper .review .box {

        padding: 55px 20px 68px 25px;

    }

    .section-home-review .section-wrapper .review .box::before {

        width: 100px;

        height: 100px

    }

    .section-home-review .section-wrapper .review .content {

        font-size: 16px;

        line-height: 24px;

        -webkit-line-clamp: 5;

    }

}





/* section-home-project */

.section-home-project .section-wrapper {

    max-width: 1260px;

    margin: 0 auto;

}

.section-home-project .section-wrapper .projects {

    display: grid;

    grid-template-columns: repeat(3, 33.33333333%);

}



.section-home-project .section-wrapper .viewmore {

    margin-top: 40px;

    text-align: center;

}

.section-home-project .section-wrapper .viewmore a {

    color: var(--color-bgtheme);

    background-color: transparent;

    border-radius: 30px;

    border: 1px solid var(--color-bgtheme);

    padding: 10px 40px;

    font-size: 16px;

    font-weight: 400;

    line-height: 1.3;

}

.section-home-project .section-wrapper .viewmore a:hover {

    color: #fff;

    background-color: var(--color-second-bgtheme);

    border-color: var(--color-second-bgtheme);
}

@media only screen and (max-width: 991px) {

    .section-home-project .section-wrapper .projects {

        grid-template-columns: repeat(2, 50%);

    }

    .section-home-project .section-wrapper .project-item {

        margin: 0 15px 20px;

    }

}

@media only screen and (max-width: 480px) {

    .section-home-project .section-wrapper .projects {

        grid-template-columns: unset;

    }

    .section-home-project .section-wrapper .project-item {

        margin: 0 0 20px;

    }

}



/* section-home-blog */

.section-home-blog .section-navbutton {

    width: 100%;

    max-width: 1200px;

    margin: 0 auto;

}

.section-home-blog .section-navbutton .swiper-button {

    background-color: var(--color-bgtheme);

    color: #fff;

    width: 45px;

    height: 45px;

    top: -50px;

}

.section-home-blog .section-navbutton .swiper-button.swiper-button-prev {

    left: unset;

    right: 60px;

}

.section-home-blog .section-navbutton .swiper-button::after {

    font-size: 14px;

}

.section-home-blog .section-wrapper {

    max-width: 1200px;

    margin: 0 auto;

}

.section-home-blog .blog-item .wrapper {

    padding: 5px 10px 20px;

}

@media only screen and (max-width: 991px) {

    .section-home-blog .section-wrapper .swiper {

        padding: 0 0 30px;

    }

}

@media only screen and (max-width: 767px) {

    .section-home-blog .section-wrapper .swiper {

        padding: 0 0 30px;

    }

}



/* section-contact-content */

.section-contact-content {

    margin-bottom: 70px;

}

.section-contact-content .section-wrapper {

    width: 100%;

    max-width: 1200px;

    margin: 0 auto;

}

.section-contact-content .section-wrapper > .content {

    font-size: 14px;

    line-height: 24px;

    font-weight: 400;

    color: #898989;

    margin-bottom: 40px;

}

.section-contact-content .section-wrapper > .wrap {

    display: grid;

    grid-template-columns: 40% 60%;

    row-gap: 20px;

}

.section-contact-content .form-block {

    margin-left: 20px;

}

.section-contact-content .form-block .wpcf7-form-control-wrap {

    display: flex;

    flex-flow: wrap;

    padding-left: 10px;

    padding-right: 10px;

}

.section-contact-content .form-block form.wpcf7-form {

    display: flex;

    flex-wrap: wrap;

}

.section-contact-content .form-block form.wpcf7-form > div {

    width: 100%;

    margin-bottom: 10px;

}

.section-contact-content .form-block form.wpcf7-form > div.width-50 {

    width: 50%;

}

.section-contact-content .form-block .wpcf7-form-control-wrap input,

.section-contact-content .form-block .wpcf7-form-control-wrap textarea {

    width: 100%;

    height: 40px;

    margin-bottom: 10px;

    padding: 10px 15px;

    border: 1px solid #e5e5e5;

    background-color: transparent;

    color: #757575;

}

.section-contact-content .form-block .wpcf7-form-control-wrap input::placeholder,

.section-contact-content .form-block .wpcf7-form-control-wrap textarea::placeholder {

    color: #757575;

}

.section-contact-content .form-block .wpcf7-form-control-wrap input:hover,

.section-contact-content .form-block .wpcf7-form-control-wrap input:active,

.section-contact-content .form-block .wpcf7-form-control-wrap input:focus,

.section-contact-content .form-block .wpcf7-form-control-wrap input:focus-visible,

.section-contact-content .form-block .wpcf7-form-control-wrap textarea:hover,

.section-contact-content .form-block .wpcf7-form-control-wrap textarea:active,

.section-contact-content .form-block .wpcf7-form-control-wrap textarea:focus,

.section-contact-content .form-block .wpcf7-form-control-wrap textarea:focus-visible {

    border-color: #000;

}

.section-contact-content .form-block .wpcf7-form-control-wrap textarea {

    height: 150px;

}

.section-contact-content .form-block form.wpcf7-form > div.submit-block {

    margin-top: 5px;

}

.section-contact-content .form-block .wpcf7-submit {

    text-transform: capitalize;

    cursor: pointer;

    font-size: 16px;

    font-weight: 400;

    line-height: 60px;

    letter-spacing: 1px;

    border: none;

    outline: none;

    color: #fff;

    background-color: var(--color-bgtheme);

    width: 100%;

    max-width: 180px;

    text-align: center;

    margin-left: 10px;

    margin-right: 10px;

    height: 60px;

    border-radius: 5px;

    z-index: 1;

}

.section-contact-content .form-block .wpcf7-submit:hover {

    opacity: .7;

}

.section-contact-content .info-block table {

    text-align: left;

    box-shadow: 0 1px 2px 1px rgb(0 0 0 / 12%);

    border-collapse: collapse;

    border-spacing: 0;

}

.section-contact-content .info-block table tr {

    padding: 25px 0 30px 85px;

}

.section-contact-content .info-block table th {

    padding: 15px 24px;

    border-bottom: 1px solid #e5e5e5;

    color: #898989;

}

.section-contact-content .info-block table th:first-child {

    width: 60px;

    text-align: center;

    border-right: 1px solid #e5e5e5;

    padding: 0;

}

.section-contact-content .info-block table th:first-child i {

    color: var(--color-bgtheme);

    font-size: 18px;

}

.section-contact-content .info-block table th:last-child {

    font-size: 13px;

    line-height: 24px;

    font-weight: 400;

}

@media only screen and (max-width: 767px) {

    .section-contact-content .section-wrapper {

        margin-bottom: 70px;

    }

    .section-contact-content .section-wrapper > .wrap {

        grid-template-columns: unset;

        grid-row-gap: 20px;

    }

    .section-contact-content .info-block {

        padding: 30px 20px;

    }

    .section-contact-content .form-block {

        margin-left: 0;

        padding: 20px 10px;

    }

    .section-contact-content .form-block form.wpcf7-form > div.width-50 {

        width: 100%;

    }

    .section-contact-content .form-block .wpcf7-form-control-wrap {

        padding-left: 0;

        padding-right: 0;

    }

    .section-contact-content .form-block .wpcf7-submit {

        margin-left: 0;

        margin-right: 0;

    }

}



/* section-contact-map */

.section-contact-map {

    margin-top: -104px;

    margin-left: -10px;

    margin-right: -10px;

    margin-bottom: 70px;

}

.section-contact-map .section-wrapper .map {

    height: 400px;

}

.section-contact-map .section-wrapper .map iframe {

    width: 100%;

    height: 100%;

}

@media only screen and (max-width: 767px) {

    .section-contact-map .section-wrapper .map {

        height: 300px;

    }

}



/* section-home-form */

.section-home-form {

    display: grid;

    grid-template-columns: 250px auto;

}

.section-home-form .section-outfit > h3 {

    position: absolute;

    left: -110px;

    top: 375px;

    transform: rotate(-90deg);

    font-size: 130px;

    line-height: 120px;

    font-weight: 700;

    color: #f1f0f6;

    text-transform: uppercase;

}

.section-home-form .section-wrapper {

    background-color: #252531;

    z-index: 1;

}

.section-home-form .section-wrapper .form-wrapper > .wrap {

    display: grid;

    grid-template-columns: 55% 45%;

    align-items: center;

    color: #fff;

    max-width: 1200px;

    margin: 0 auto;

    padding: 125px 0 100px 0;

}

.section-home-form .form-block > .bigtitle {

    font-size: 14px;

    line-height: 26px;

    font-weight: 500;

    margin: 0 10px 30px;

}

.section-home-form .form-block > .bigtitle::before {

    content: '';

    position: absolute;

    bottom: -10px;

    left: 0;

    width: 70px;

    height: 3px;

    border-top: 1px solid var(--color-bgtheme);

    border-bottom: 1px solid var(--color-bgtheme);

}

.section-home-form .form-block > .bigtitle::after {

    content: '';

    position: absolute;

    bottom: -10px;

    left: 0;

    width: 30px;

    height: 4px;

    background-color: var(--color-bgtheme);

}

.section-home-form .form-block > .title {

    padding-left: 10px;

    padding-right: 10px;

    font-size: 36px;

    line-height: 48px;

    font-weight: 400;

    margin-bottom: 30px;

}

.section-home-form .form-block .wpcf7-form-control-wrap {

    display: flex;

    flex-flow: wrap;

    padding-left: 10px;

    padding-right: 10px;

}

.section-home-form .form-block form.wpcf7-form {

    display: flex;

    flex-wrap: wrap;

}

.section-home-form .form-block form.wpcf7-form > div {

    width: 100%;

    margin-bottom: 10px;

}

.section-home-form .form-block form.wpcf7-form > div.width-50 {

    width: 50%;

}

.section-home-form .form-block .wpcf7-form-control-wrap input,

.section-home-form .form-block .wpcf7-form-control-wrap textarea {

    width: 100%;

    height: 40px;

    margin-top: 10px;

    padding: 10px 15px;

    border: 1px solid #eaeaea;

    background-color: transparent;

    color: #fff;

}

.section-home-form .form-block .wpcf7-form-control-wrap input::placeholder,

.section-home-form .form-block .wpcf7-form-control-wrap textarea::placeholder {

    color: #fff;

}

.section-home-form .form-block .wpcf7-form-control-wrap input:hover,

.section-home-form .form-block .wpcf7-form-control-wrap input:active,

.section-home-form .form-block .wpcf7-form-control-wrap textarea:hover,

.section-home-form .form-block .wpcf7-form-control-wrap textarea:active {

    border-color: var(--color-bgtheme);

}

.section-home-form .form-block .wpcf7-form-control-wrap textarea {

    height: 150px;

}

.section-home-form .form-block form.wpcf7-form > div.submit-block {

    margin-top: 15px;

}

.section-home-form .form-block .wpcf7-submit {

    padding: 16px 40px;

    text-transform: capitalize;

    cursor: pointer;

    font-size: 17px;

    font-weight: 500;

    line-height: 1;

    letter-spacing: 1px;

    border: none;

    outline: none;

    color: #fff;

    background-color: var(--color-bgtheme);

    width: 100%;

    max-width: 180px;

    text-align: center;

    margin-left: 10px;

    margin-right: 10px;

    height: auto;

    border-radius: 30px;

    z-index: 1;

}

.section-home-form .form-block .wpcf7-submit:hover {

    background-color: #1b1a1a;

}

.section-home-form .content-block {

    color: #fff;

    border-radius: 8px;

    margin-left: 50px;

    padding-left: 10px;

    padding-right: 10px;

}

.section-home-form .content-block > .title {

    font-size: 24px;

    line-height: 32px;

    font-weight: 600;

    margin-bottom: 15px;

}

.section-home-form .content-block .boxs {

    margin-bottom: 20px;

}

.section-home-form .content-block .boxs .item {

    background-color: #3c3c50;

    margin-bottom: 20px;

    padding: 25px;

    border-top: 3px solid var(--color-bgtheme);

}

.section-home-form .content-block .boxs .item .title {

    font-size: 15px;

    line-height: 24px;

    font-weight: 300;

    margin-bottom: 10px;

}

.section-home-form .content-block .boxs .item .address {

    font-size: 20px;

    line-height: 28px;

    font-weight: 400;

    margin-bottom: 15px;

}

.section-home-form .content-block .boxs .item ul.infos li {

    margin-bottom: 5px;

    font-size: 15px;

    line-height: 24px;

    font-weight: 300;

}

.section-home-form .content-block .boxs .item ul.infos li a {

    font-size: 18px;

    font-weight: 400;

}

.section-home-form .content-block .boxs a {

    color: #fff;

}

.section-home-form .content-block ul.socials {

    margin-bottom: 15px;

}

.section-home-form .content-block ul.socials li {

    float: left;

}

.section-home-form .content-block ul.socials li:not(:last-child) {

    margin-right: 15px;

}

.section-home-form .content-block ul.socials li a {

    position: relative;

    display: inline-block;

    font-size: 16px;

    color: #fff;

    width: 50px;

    height: 50px;

    line-height: 50px;

    background: rgba(0,0,0,.3);

    text-align: center;

    border-radius: 50%;

}

.section-home-form .content-block ul.socials li a:hover {

    color: var(--color-bgtheme);

}





.section-home-form .section-wrapper .info-wrapper {

    border-top: 1px solid rgba(255,255,255,.1);

}

.section-home-form .section-wrapper .info-wrapper > .wrap {

    max-width: 1200px;

    margin: 0 auto;

    padding: 100px 0 125px;

}

.section-home-form .section-wrapper .info-wrapper > .wrap::after {

    position: absolute;

    content: '';

    background: #252531;

    width: 100%;

    height: 20px;

    right: 0;

    bottom: -20px;

    z-index: 1;

}

.section-home-form .section-wrapper .info-wrapper .wrap .boxs {

    display: grid;

    grid-template-columns: repeat(3, 33.3333333333%);

    align-items: center;

    row-gap: 20px;

    color: #fff;

}

.section-home-form .section-wrapper .info-wrapper .boxs .item {

    margin-left: 10px;

    margin-right: 10px;

    padding: 0 30px 11px 125px;

    min-height: 100px;

}

.section-home-form .section-wrapper .info-wrapper .boxs .item:first-child {

    margin-left: 0;

}

.section-home-form .section-wrapper .info-wrapper .boxs .item:last-child {

    margin-right: 0;

}

.section-home-form .section-wrapper .info-wrapper .boxs .item .icon {

    position: absolute;

    left: 0;

    top: -2px;

    width: 100px;

    height: 100px;

    line-height: 100px;

    font-size: 50px;

    background: #3c3c50;

    text-align: center;

    border-radius: 50%;

    box-shadow: 0 0 0 4px rgb(255 255 255 / 50%);

    transition: all .5s ease;

    z-index: 1;

}

.section-home-form .section-wrapper .info-wrapper .boxs .item .icon::before {

    position: absolute;

    content: '';

    width: 100%;

    height: 100%;

    left: 0;

    top: 0;

    background-color: var(--color-bgtheme);

    transform: scale(0,0);

    border-radius: 50%;

    transition: all .5s ease;

    z-index: -1;

}

.section-home-form .section-wrapper .info-wrapper .boxs .item:hover .icon::before {

    transform: scale(1,1);

}

.section-home-form .section-wrapper .info-wrapper .boxs .item .info h3 {

    font-size: 24px;

    line-height: 32px;

    font-weight: 400;

    margin-bottom: 7px;

}

.section-home-form .section-wrapper .info-wrapper .boxs .item:hover .info h3 {

    color: var(--color-bgtheme);

}

.section-home-form .section-wrapper .info-wrapper .boxs .item .info p {

    font-size: 15px;

    line-height: 26px;

    font-weight: 300;

    color: rgb(240, 228, 228);

}

@media only screen and (max-width: 1699px) {

    .section-home-form {

        grid-template-columns: unset;

    }

    .section-home-form .section-outfit {

        display: none;

    }

}

@media only screen and (max-width: 1200px) {

    .section-home-form .content-block {

        margin-left: 30px;

    }

    .section-home-form .section-wrapper .info-wrapper > .wrap {

        padding: 80px 10px 100px;

    }

}

@media only screen and (max-width: 991px) {

    .section-home-form .section-wrapper .info-wrapper .boxs .item {

        padding: 0 10px 11px 115px;

    }

}

@media only screen and (max-width: 767px) {

    .section-home-form .section-wrapper {

        margin-bottom: 70px;

    }

    .section-home-form .section-wrapper .form-wrapper > .wrap {

        grid-template-columns: unset;

        grid-row-gap: 20px;

        padding: 50px 0 0 0;

    }

    .section-home-form .content-block {

        margin-left: 0;

    }

    .section-home-form .form-block {

        padding: 20px 10px;

    }

    .section-home-form .form-block form.wpcf7-form > div.width-50 {

        width: 100%;

    }

    .section-home-form .form-block .title,

    .section-home-form .form-block .wpcf7-form-control-wrap {

        padding-left: 0;

        padding-right: 0;

    }

    .section-home-form .form-block .wpcf7-submit {

        margin-left: 0;

        margin-right: 0;

    }

    .section-home-form .section-wrapper .info-wrapper > .wrap {

        padding: 70px 0 75px 0;

    }

    .section-home-form .section-wrapper .info-wrapper .wrap .boxs {

        grid-template-columns: unset;

        padding-left: 10px;

        padding-right: 10px;

    }

    .section-home-form .section-wrapper .info-wrapper .wrap .boxs {

        grid-template-columns: unset;

        padding-left: 10px;

        padding-right: 10px;

    }

    .section-home-form .section-wrapper .info-wrapper .boxs .item {

        margin-left: 0;

        margin-right: 0;

        padding: 0 0 11px 125px;

    }

    .section-home-form .section-wrapper .info-wrapper .boxs .item .info h3 {

        font-size: 20px;

    }

    .section-home-form .section-wrapper .info-wrapper .boxs .item .info p {

        font-size: 14px;

        line-height: 20px;

    }

}



/* section-header-logo */

.section-header-logo .section-logo img {

    width: 100%;

    height: 100%;

    max-height: 60px;

    object-fit: contain;

    object-position: left;

    text-align: center;

}
@media only screen and (max-width: 1400px) {

    .section-header-logo .section-logo img {

        max-height: 64px;

    }
}



/* section-header-menu */

.section-header-menu .menu li {

    float: left;

}

.section-header-menu .menu li:not(:last-child) {

    margin-right: 30px;

}

.section-header-menu .menu li:not(:last-child)::after {

    position: absolute;

    content: '';

    background: #c2ccdf;

    height: 18px;

    width: 1px;

    top: 5px;

    right: -15px;

}

.section-header-menu .menu li a {

    color: #000;

    font-size: 14px;

    line-height: 24px;

    font-weight: 400;

}

.section-header-menu .menu li a:hover {

    color: var(--color-bgtheme);

}



/* section-header-share */

.section-header-share .section-wrapper {

    display: flex;

    align-items: center;

    justify-content: flex-end;

}

.section-header-share .socials li {

    float: left;

}

.section-header-share .socials li:not(:last-child) {

    margin-right: 30px;

}

.section-header-share .socials li a {

    color: #898989;

    font-size: 12px;

    line-height: 24px;

    font-weight: 400;

}



/* section-about-timeline */

.section-about-timeline {

    padding-top: 70px!important;

    padding-bottom: 70px!important;

}

.section-about-timeline .section-wrapper {

    width: 100%;

    max-width: 1200px;

    margin: 0 auto;

}

.section-about-timeline .timelines .item {

    padding-left: 130px;

}

.section-about-timeline .timelines .item:not(:last-child) {

    padding-bottom: 40px;

}

.section-about-timeline .timelines .item::before,

.section-about-timeline .timelines .item::after {

    content: '';

    position: absolute;

}

.section-about-timeline .timelines .item::before {

    background-color: var(--color-bgtheme);

    border-radius: 100%;

    box-shadow: 0 0 0 2px #fff;

    height: 8px;

    left: 84px;

    top: 4px;

    width: 8px;

    z-index: 1;

}

.section-about-timeline .timelines .item::after {

    background-color: #e4e4e4;

    bottom: 0;

    left: 87px;

    top: 4px;

    width: 2px;

}

.section-about-timeline .timelines .item .time {

    color: var(--color-bgtheme);

    font-size: 24px;

    line-height: 30px;

    font-weight: 500;

    position: absolute;

    top: 0;

    left: 0;

}

.section-about-timeline  .timelines .item .title {

    font-size: 20px;

    line-height: 24px;

    font-weight: 500;

    margin-bottom: 10px;

    color: #000;

}

.section-about-timeline .timelines .item .content {

    color: #898989;

    font-size: 14px;

    font-weight: 400;

    line-height: 24px;

}

@media only screen and (max-width: 767px) {

    .section-about-timeline .timelines .item {

        padding-left: 35px;

    }

    .section-about-timeline .timelines .item .time {

        position: relative;

        margin-bottom: 10px;

    }

    .section-about-timeline .timelines .item::before {

        left: 0;

    }

    .section-about-timeline .timelines .item::after {

        left: 3px;

    }

}



/* section-footer-share */

.section-footer-share .section-wrapper {

    display: flex;

    align-items: center;

    justify-content: flex-end;

}

.section-footer-share .socials li {

    float: left;

}

.section-footer-share .socials li:not(:last-child) {

    margin-right: 7.5px;

}

.section-footer-share .socials li a {

    color: #fff;

    font-size: 12px;

    line-height: 24px;

    font-weight: 400;

    background-color: var(--color-bgtheme);

    width: 30px;

    height: 30px;

    display: flex;

    align-items: center;

    justify-content: center;

    border-radius: 5px;

    border: 1px solid var(--color-bgtheme);

    transition: all .3s;

}

.section-footer-share .socials li a:hover {

    background-color: #fff;

    color: var(--color-bgtheme);

}

@media only screen and (max-width: 767px) {

    .section-footer-share .section-wrapper {

        justify-content: center;

    }

}



/* section-header-support */

.section-header-support {

    display: flex;

    justify-content: flex-end;

}

.section-header-support .section-wrapper .box {

    display: grid;

    grid-template-columns: 54px calc(100% - 54px);

    align-items: center;

    color: #222;

    float: right;

}

.section-header-support .section-wrapper .box:not(:last-child) {

    margin-left: 30px;

}

.section-header-support .section-wrapper .icon {

    width: 50px;

    height: 50px;

    border-radius: 5px;

    border: 1px solid #eae9f3;

    display: flex;

    align-items: center;

    justify-content: center;

}

.section-header-support .section-wrapper .icon i {

    font-size: 20px;

    color: var(--color-second-bgtheme);

}

.section-header-support .section-wrapper .info {

    padding-left: 10px;

    width: 100%;

    max-width: 200px;

}

.section-header-support .section-wrapper .info .title {

    font-size: 12px;

    font-weight: 300;

    line-height: 24px;

    color: var(--color-bgtheme);

}

.section-header-support .section-wrapper .info .content {

    font-size: 12px;

    font-weight: 300;

    line-height: 24px;

    -webkit-line-clamp: 1;

    display: -webkit-box;

    -webkit-box-orient: vertical;

    white-space: normal;

    overflow: hidden;

    height: 24px;

}

@media only screen and (max-width: 767px) {

    .section-header-support {

        display: none;

    }

}



/* section-header-location */

.section-header-location .location {

    font-size: 12px;

    line-height: 18px;

    font-weight: 400;

}

.section-header-location .location i {

    font-size: 14px;

    color: var(--color-bgtheme);

    margin-right: 5px;

}