.brand-box:hover a img.original {
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 0.7s ease-in-out;
    transition: all 0.7s ease-in-out;
    -webkit-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    transform: translateY(-100%)
}

.brand-box img {
    margin: 0 auto;
    -webkit-transition: all 0.7s ease-in-out;
    transition: all 0.7s ease-in-out;
    position: absolute;
    top: 0;
    left: 0;
    right: 0
}

.brand-box img.gray {
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 0.7s ease-in-out;
    transition: all 0.7s ease-in-out;
    -webkit-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    transform: translateY(-100%)
}

.brand-box img.original {
    -webkit-transition: all 0.7s ease-in-out;
    transition: all 0.7s ease-in-out;
    -webkit-transform: translateY(0%);
    -ms-transform: translateY(0%);
    transform: translateY(0%)
}

.brand-img {
    text-align: center;
    background-color: var(--white-color);
    border: 1px solid var(--th-border-color);
    border-right: none;
    min-height: 150px;
    display: grid !important;
    -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
}

.brand-img img {
    padding: 0 15px;
    width: 170px;
    max-width: 100%;
    -webkit-filter: none;
    filter: none;
    -webkit-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
    cursor: pointer
}

.brand-img:hover img {
    -webkit-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2)
}

@media (max-width: 575px) {
    .brand-img {
        min-height:120px
    }
}

.brand-title {
    position: relative;
    font-family: var(--title-font);
    font-weight: 600;
    font-size: 24px;
    line-height: 34px;
    color: var(--title-color);
    line-height: 21px;
    text-align: center;
    text-transform: uppercase;
    margin-bottom: 15px
}

@media (max-width: 767px) {
    .brand-title {
        font-size:18px;
        line-height: 28px
    }
}

.brand-title:after,.brand-title:before {
    content: "";
    position: absolute;
    top: 50%;
    height: 1.5px;
    width: 420px;
    background-color: #E0E0E0
}

@media (max-width: 575px) {
    .brand-title:after,.brand-title:before {
        display:none
    }
}

.brand-title:before {
    margin-left: -26.9rem
}

.brand-title:after {
    margin-left: 1rem
}

.brand-title .counter-card_number {
    font-weight: 600;
    font-size: 24px;
    line-height: 34px;
    color: var(--theme-color)
}

@media (max-width: 767px) {
    .brand-title .counter-card_number {
        font-size:18px;
        line-height: 28px
    }
}

.brand-title .counter-title {
    font-size: 24px;
    font-weight: 600;
    color: var(--title-color);
    text-transform: capitalize
}

.checklist ul {
    padding-left: 0;
    list-style: none;
    text-align: left;
    margin-bottom: 0
}

.checklist li {
    position: relative;
    padding-left: 17px
}

.checklist li:before {
    content: "";
    width: 7px;
    height: 7px;
    background-color: var(--theme-color);
    display: inline-block;
    position: absolute;
    left: 0;
    top: 9px;
    border-radius: 50%;
    margin-right: 10px
}

.checklist li:not(:last-child) {
    margin-bottom: 10px
}

.checklist.style2 {
    border-bottom: 1px solid var(--th-border-color);
    padding-bottom: 35px;
    margin-bottom: 40px
}

.checklist.style2 ul {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 0 50px
}

@media (max-width: 1199px) {
    .checklist.style2 ul {
        gap:0 20px
    }
}

@media (max-width: 575px) {
    .checklist.style2 ul {
        grid-template-columns:repeat(1, 1fr)
    }
}

.checklist.style3 ul {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 0 50px;
    /* border-bottom: 1px solid #D8DDE1; */
    /* padding-bottom: 40px; */
    /* margin-bottom: 40px; */
}

@media (max-width: 767px) {
    .checklist.style3 ul {
        grid-template-columns:repeat(1, 1fr)
    }
}

.checklist.style3 li {
    padding-left: 25px
}

.checklist.style3 li:before {
    display: none
}

.checklist.style3 li:after {
    content: "\f00c";
    font-family: var(--icon-font);
    font-weight: 900;
    color: var(--theme-color);
    position: absolute;
    top: 0px;
    left: 0
}

.checklist.style4 li {
    color: var(--title-color);
    font-size: 18px;
    padding-left: 0
}

.checklist.style4 li:before {
    display: none
}

.checklist.style4 li i {
    color: var(--theme-color);
    margin-right: 10px
}

.checklist.style5 ul {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 0 15px
}

@media (max-width: 1299px) {
    .checklist.style5 ul {
        grid-template-columns:repeat(2, 1fr)
    }
}

@media (max-width: 767px) {
    .checklist.style5 ul {
        grid-template-columns:repeat(1, 1fr)
    }
}

.checklist.style5 li {
    font-size: 16px;
    padding-left: 0
}

.checklist.style5 li:before {
    display: none
}

.checklist.style5 li i {
    color: var(--theme-color);
    margin-right: 10px
}

.checklist.style6 ul {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 0 15px
}

@media (max-width: 767px) {
    .checklist.style6 ul {
        grid-template-columns:repeat(1, 1fr)
    }
}

.checklist.style6 li {
    font-size: 16px;
    padding-left: 0
}

.checklist.style6 li:before {
    display: none
}

.checklist.style6 li i {
    color: var(--theme-color);
    margin-right: 10px
}

.checklist.style7 ul {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px 60px
}

@media (max-width: 1299px) {
    .checklist.style7 ul {
        gap:20px 40px
    }
}

@media (max-width: 480px) {
    .checklist.style7 ul {
        grid-template-columns:repeat(1, 1fr)
    }
}

.checklist.style7 ul li {
    font-family: var(--body-font);
    font-weight: 400;
    font-size: 16px;
    line-height: 16px;
    color: var(--title-color);
    margin-bottom: 0;
    padding: 0
}

.checklist.style7 ul li:before {
    display: none
}

.checklist.style7 ul li i {
    font-size: 22px;
    color: var(--theme-color);
    margin-right: 10px
}

@media (max-width: 1199px) {
    .checklist.mb-40 {
        margin-bottom:32px
    }
}

@media (max-width: 1199px) {
    .checklist.mb-45 {
        margin-bottom:35px
    }
}

.bg-img {
    position: absolute;
    inset: 0;
    height: 100%;
    width: 100%
}

.bg-img img {
    width: 100%;
    height: 100%
}

.th-video {
    position: relative;
    border-radius: 5px
}

.th-video img {
    border-radius: inherit
}

.th-video .play-btn {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.th-video .play-btn>i {
    background-color: var(--theme-color);
    color: var(--white-color)
}

.icon-box {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    gap: 10px
}

.icon-box.style2 .slick-arrow {
    background-color: var(--title-color);
    border: 1px solid var(--title-color);
    color: var(--white-color)
}

.icon-box.style2 .slick-arrow:hover {
    background-color: var(--theme-color);
    border-color: var(--theme-color);
    color: var(--white-color)
}

@media (max-width: 991px) {
    .icon-box.style2 {
        margin-bottom:30px
    }
}

.icon-box.style3 .slick-arrow {
    background-color: transparent;
    color: var(--theme-color);
    border: 1px solid var(--theme-color)
}

.icon-box.style3 .slick-arrow:hover {
    background-color: var(--theme-color);
    color: var(--white-color);
    border-color: var(--theme-color)
}

@media (max-width: 991px) {
    .icon-box.style4 {
        margin-bottom:30px
    }
}

.btn-wrap {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 20px 30px
}

.video-btn {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    color: var(--body-color);
    text-transform: uppercase;
    line-height: 1.6
}

.video-btn .play-btn {
    --icon-size: 50px;
    margin-right: 15px
}

.video-btn .play-btn>i {
    background-color: var(--theme-color);
    color: var(--white-color);
    padding-right: 0.1em
}

.video-btn .play-btn:before {
    background-color: var(--theme-color)
}

.video-btn .small-text {
    font-size: 10px;
    text-decoration: underline;
    display: block
}

.video-btn .big-text {
    font-size: 14px;
    font-weight: 500
}

@media (max-width: 1199px) {
    p.mb-40 {
        margin-bottom:35px
    }

    p.mb-45 {
        margin-bottom: 38px
    }
}

.global-img {
    position: relative;
    overflow: hidden;
    -webkit-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out
}

.global-img:before {
    content: "";
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.8);
    border-radius: 99px;
    z-index: 1;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 0.4s;
    transition: all 0.4s
}

.global-img:hover:before {
    left: 0;
    right: 0;
    opacity: 0;
    -webkit-transition: all 900ms linear;
    transition: all 900ms linear
}

.global-img:hover:after {
    top: 0;
    bottom: 0;
    opacity: 0;
    -webkit-transition: all 900ms linear;
    transition: all 900ms linear
}

.global-img:after,.global-img:before {
    content: '';
    position: absolute;
    pointer-events: none;
    opacity: 1;
    z-index: 3
}

.global-img:before {
    top: 0;
    right: 51%;
    bottom: 0;
    left: 50%;
    background: rgba(255,255,255,0.2)
}

.global-img:after {
    top: 50%;
    right: 0;
    bottom: 50%;
    left: 0;
    background: rgba(255,255,255,0.3)
}

.global-img .blog-date {
    position: absolute;
    top: -4px;
    left: -4px;
    background-color: var(--theme-color);
    color: var(--white-color);
    font-weight: 500;
    text-align: center;
    height: 70px;
    width: 70px;
    border: 4px solid var(--white-color);
    text-transform: uppercase;
    padding: 6px
}

.global-img .blog-date::first-line {
    display: block;
    font-size: 24px;
    font-weight: 700
}

.global-img {
    position: relative;
    overflow: hidden
}

.global-img:after {
    content: "";
    position: absolute;
    top: -50%;
    left: -60%;
    width: 20%;
    height: 200%;
    opacity: 0;
    -webkit-transform: rotate(30deg);
    -ms-transform: rotate(30deg);
    transform: rotate(30deg);
    background: rgba(255,255,255,0.13);
    background: -webkit-linear-gradient(left, rgba(255,255,255,0.13) 0%, rgba(255,255,255,0.13) 77%, rgba(255,255,255,0.5) 92%, rgba(255,255,255,0) 100%);
    background: linear-gradient(to right, rgba(255,255,255,0.13) 0%, rgba(255,255,255,0.13) 77%, rgba(255,255,255,0.5) 92%, rgba(255,255,255,0) 100%)
}

.global-img img {
    width: 100%;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out
}

.global-img:hover:after {
    opacity: 1;
    left: 130%;
    -webkit-transition-property: left, top, opacity;
    transition-property: left, top, opacity;
    -webkit-transition-duration: 0.7s, 0.7s, 0.15s;
    transition-duration: 0.7s, 0.7s, 0.15s;
    -webkit-transition-timing-function: ease;
    transition-timing-function: ease
}

.feature-item {
    position: relative;
    border-radius: 20px;
    border: 1px solid var(--th-border-color);
    background: var(--white-color);
    padding: 30px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    gap: 20px;
    box-shadow: 0px 6px 40px 0px rgba(0,0,0,0);
    -webkit-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out
}

@media (max-width: 1299px) {
    .feature-item {
        padding:25px
    }
}

@media (max-width: 1199px) {
    .feature-item {
        padding:20px;
        display: block;
        text-align: center
    }
}

.feature-item:before,.feature-item:after {
    content: "";
    position: absolute;
    width: 60px;
    height: 60px;
    background-color: var(--theme-color);
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out
}

.feature-item:before {
    left: 0;
    top: 0;
    -webkit-clip-path: path("M0 60V20C0 8.9543 8.95431 0 20 0H60L47.2427 9.21358C43.8344 11.6751 39.7371 13 35.5329 13H14V34.064C14 38.249 12.6872 42.3286 10.2465 45.7281L0 60Z");
    clip-path: path("M0 60V20C0 8.9543 8.95431 0 20 0H60L47.2427 9.21358C43.8344 11.6751 39.7371 13 35.5329 13H14V34.064C14 38.249 12.6872 42.3286 10.2465 45.7281L0 60Z")
}

.feature-item:after {
    right: 0;
    bottom: 0;
    -webkit-clip-path: path("M60 0V40C60 51.0457 51.0457 60 40 60H0L12.7573 50.7864C16.1656 48.3249 20.2629 47 24.4671 47H46V25.936C46 21.751 47.3128 17.6714 49.7535 14.2719L60 0Z");
    clip-path: path("M60 0V40C60 51.0457 51.0457 60 40 60H0L12.7573 50.7864C16.1656 48.3249 20.2629 47 24.4671 47H46V25.936C46 21.751 47.3128 17.6714 49.7535 14.2719L60 0Z")
}

.feature-item .box-title {
    font-size: 20px;
    margin-bottom: 7px
}

@media (max-width: 1199px) {
    .feature-item_icon {
        margin-bottom:20px
    }
}

.feature-item_text {
    line-height: 26px;
    margin-bottom: -0.4rem
}

.feature-item:hover {
    background: var(--white-color);
    box-shadow: 0px 6px 40px 0px rgba(0,0,0,0.07);
    border: 1px solid transparent
}

.feature-item:hover:before,.feature-item:hover:after {
    opacity: 1;
    visibility: visible
}

.why-sec {
    margin: 0 60px;
    border-radius: 0 0 50px 50px
}

@media (max-width: 1399px) {
    .why-sec {
        margin:0;
        border-radius: 0
    }
}

@media (max-width: 1199px) {
    .why-sec {
        border-radius:0
    }
}

.info-media {
    position: relative;
    border-radius: 20px;
    border: 1px solid #323A4E;
    padding: 25px 25px 25px 70px
}

.info-media.style2 {
    border: 1px solid var(--th-border-color)
}

.info-media.style2 .info-media_title {
    color: var(--title-color)
}

@media (max-width: 1199px) {
    .info-media.style2 .info-media_title {
        text-align:left
    }
}

@media (max-width: 1199px) {
    .info-media.style2 {
        padding:25px 25px 25px 70px
    }
}

.info-media_wrapp {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 30px
}

@media (max-width: 1199px) {
    .info-media_wrapp {
        margin-bottom:40px
    }
}

@media (max-width: 575px) {
    .info-media_wrapp {
        display:block
    }
}

.info-media_icon {
    position: absolute;
    top: 0;
    left: 0;
    width: 58px;
    height: 55px;
    text-align: center;
    padding: 15px;
    color: var(--white-color);
    background-color: var(--theme-color);
    -webkit-clip-path: path("M0 20C0 8.95431 8.95431 0 20 0H58V23.4654C58 28.9173 55.7743 34.1329 51.8381 37.9051L39.802 49.4398C36.0787 53.008 31.1209 55 25.9639 55H0V20Z");
    clip-path: path("M0 20C0 8.95431 8.95431 0 20 0H58V23.4654C58 28.9173 55.7743 34.1329 51.8381 37.9051L39.802 49.4398C36.0787 53.008 31.1209 55 25.9639 55H0V20Z")
}

.info-media_title {
    font-weight: 500;
    color: var(--white-color);
    margin-bottom: 0
}

@media (max-width: 1299px) {
    .info-media_title {
        font-size:16px
    }
}

@media (max-width: 575px) {
    .info-media_title {
        text-align:center
    }
}

@media (max-width: 575px) {
    .info-media {
        margin-bottom:20px
    }
}

.video-box {
    position: relative;
    border-radius: 30px;
    margin-left: 40px;
    z-index: 2
}

@media (max-width: 1199px) {
    .video-box {
        margin-left:0
    }
}

.video-box:before {
    border-radius: 30px;
    opacity: 0.3
}

.video-box img {
    width: 100%;
    border-radius: 30px
}

.video-play-btn {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    border: 0;
    width: 100px;
    height: 100px;
    line-height: 102px;
    -webkit-transition: all 1s cubic-bezier(0, 0, 0.2, 1);
    transition: all 1s cubic-bezier(0, 0, 0.2, 1);
    border-radius: 50%;
    background: transparent;
    margin: 0 auto;
    display: inline-block;
    font-size: 34px;
    text-align: center;
    color: var(--white-color);
    z-index: 4
}

@media (max-width: 767px) {
    .video-play-btn {
        width:50px;
        height: 50px;
        line-height: 52px;
        font-size: 20px
    }
}

.video-play-btn i {
    color: var(--white-color)
}

.video-play-btn:before,.video-play-btn:after {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    z-index: -1;
    bottom: 0;
    left: 0;
    -webkit-transition: 0.3;
    transition: 0.3;
    opacity: 1;
    border-radius: 50%;
    border: 1px solid #fff;
    -webkit-animation: ripple 2s linear infinite;
    animation: ripple 2s linear infinite
}

.video-play-btn:after {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    z-index: -1;
    bottom: 0;
    left: 0;
    -webkit-transition: 0.3;
    transition: 0.3;
    border-radius: 50%;
    border: 1px solid #fff;
    -webkit-animation: ripple 2s linear 1s infinite;
    animation: ripple 2s linear 1s infinite
}

.newsletter-area {
    -webkit-clip-path: polygon(6% 0, 95% 0, 100% 100%, 0% 100%);
    clip-path: polygon(6% 0, 95% 0, 100% 100%, 0% 100%);
    margin: 0 160px;
    padding: 31px 60px
}

@media (max-width: 1799px) {
    .newsletter-area {
        margin:0 60px
    }
}

@media (max-width: 1500px) {
    .newsletter-area {
        margin:0
    }
}

@media (max-width: 575px) {
    .newsletter-area {
        padding:30px
    }
}

.feature-card {
    position: relative;
    --space-x: 36px;
    --space-y: 36px;
    overflow: hidden
}

@media (max-width: 1199px) {
    .feature-card {
        --space-x: 15px;
        --space-y: 15px
    }
}

.feature-card_img {
    margin-bottom: -160px;
    overflow: hidden;
    position: relative;
    z-index: 1;
    border-radius: 30px;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out
}

.feature-card_img img {
    width: 100%;
    border-radius: 30px;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out
}

.feature-card_content {
    max-width: calc(100% - var(--space-x)*2);
    margin-left: var(--space-x);
    position: relative;
    z-index: 2;
    text-align: center;
    -webkit-filter: drop-shadow(0px 4px 30px rgba(0,0,0,0.04));
    filter: drop-shadow(0px 4px 30px rgba(0,0,0,0.04));
    padding: 20px 20px 55px 20px;
    border-radius: 30px;
    -webkit-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out
}

.feature-card_content:before,.feature-card_content:after {
    content: "";
    position: absolute;
    inset: 0;
    -webkit-mask-image: url("../img/service/service_shape_1.png");
    mask-image: url("../img/service/service_shape_1.png");
    background-repeat: no-repeat;
    background-size: cover;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    background-color: #E7ECF0;
    z-index: -1
}

.feature-card_content:after {
    inset: 1px;
    background-color: var(--white-color)
}

.feature-card_icon {
    background-color: var(--th-border-color);
    width: 100px;
    height: 100px;
    line-height: 100px;
    display: block;
    margin: auto;
    text-align: center;
    border: 1px solid var(--th-border-color);
    -webkit-clip-path: path("M39.25 2.31976C42.1893 0.622753 45.8107 0.622752 48.75 2.31976L82.0513 21.5463C84.9906 23.2433 86.8013 26.3795 86.8013 29.7735V68.2265C86.8013 71.6205 84.9906 74.7567 82.0513 76.4537L48.75 95.6802C45.8107 97.3772 42.1893 97.3772 39.25 95.6802L5.94873 76.4537C3.00942 74.7567 1.19873 71.6205 1.19873 68.2265V29.7735C1.19873 26.3795 3.00942 23.2433 5.94873 21.5463L39.25 2.31976Z");
    clip-path: path("M39.25 2.31976C42.1893 0.622753 45.8107 0.622752 48.75 2.31976L82.0513 21.5463C84.9906 23.2433 86.8013 26.3795 86.8013 29.7735V68.2265C86.8013 71.6205 84.9906 74.7567 82.0513 76.4537L48.75 95.6802C45.8107 97.3772 42.1893 97.3772 39.25 95.6802L5.94873 76.4537C3.00942 74.7567 1.19873 71.6205 1.19873 68.2265V29.7735C1.19873 26.3795 3.00942 23.2433 5.94873 21.5463L39.25 2.31976Z");
    margin-bottom: 15px
}

.feature-card .box-title {
    margin-bottom: 7px
}

.feature-card .th-btn {
    padding: 12px 20px;
    min-width: 121px;
    color: var(--title-color)
}

.feature-card:hover .feature-card_img img {
    -webkit-transform: scale(1.08);
    -ms-transform: scale(1.08);
    transform: scale(1.08)
}

.info-card-wrap.style2 {
    padding-top: 25px
}

@media (max-width: 1199px) {
    .info-card-wrap.style2 {
        padding-top:80px
    }
}

@media (max-width: 991px) {
    .info-card-wrap.style2 {
        padding-top:60px
    }
}

@media (max-width: 767px) {
    .info-card-wrap.style2 {
        padding-top:40px
    }
}

@media (max-width: 575px) {
    .info-card-wrap.style2 {
        padding-top:80px
    }
}

@media (max-width: 450px) {
    .info-card-wrap.style2 {
        padding-top:30px
    }
}

@media (max-width: 375px) {
    .info-card-wrap.style2 {
        padding-top:60px
    }
}

@media (max-width: 350px) {
    .info-card-wrap.style2 {
        padding-top:0px
    }
}

.info-card-wrap.style2 .info-card_icon {
    color: var(--theme-color)
}

.info-card-wrap.style2 .info-card_icon i {
    background-color: var(--icon-bg, #ECF1F5);
    -webkit-filter: drop-shadow(0px 4px 15px rgba(0,0,0,0.03));
    filter: drop-shadow(0px 4px 15px rgba(0,0,0,0.03));
    width: 56px;
    height: 56px;
    line-height: 56px;
    font-weight: 600
}

.info-card-wrap.style2 .info-card_icon i:hover {
    background-color: var(--theme-color);
    color: var(--white-color)
}

.info-card-wrap.style2 .info-card_link {
    font-size: 24px;
    font-weight: 600
}

.newsletter-sec {
    position: relative;
    padding: 60px;
    z-index: 2
}

@media (max-width: 1199px) {
    .newsletter-sec {
        padding:40px
    }
}

@media (max-width: 767px) {
    .newsletter-sec {
        padding:30px
    }
}

.newsletter-sec .newsletter-wrapper {
    margin-right: 40px
}

@media (max-width: 991px) {
    .newsletter-sec .newsletter-wrapper {
        margin-right:0
    }
}

.feature-circle .box-title {
    font-size: 20px;
    color: var(--title-color);
    margin-bottom: 7px
}

@media (max-width: 1199px) {
    .feature-circle .box-title {
        text-align:center
    }
}

.feature-circle_text {
    margin-bottom: 0
}

@media (max-width: 1199px) {
    .feature-circle_text {
        text-align:center
    }
}

.feature-circle .progressbar {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    gap: 20px
}

@media (max-width: 1199px) {
    .feature-circle .progressbar {
        display:block
    }
}

.feature-circle .circle {
    position: relative
}

@media (max-width: 1199px) {
    .feature-circle .circle {
        text-align:center
    }
}

.feature-circle .circle-num {
    color: var(--title-color);
    font-size: 24px;
    font-weight: 600;
    font-family: var(--title-font);
    position: absolute;
    top: 47%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    background-color: #F5F7FA;
    width: 100px;
    height: 100px;
    border-radius: 50%;
    display: block;
    text-align: center;
    line-height: 100px
}

.why-wrapper {
    /* border-top: 1px solid var(--th-border-color); */
    padding-top: 14px;
    /* margin-top: 60px; */
    padding-bottom: 80px
}

@media (max-width: 1199px) {
    .why-area2 {
        background-position:top left
    }
}

.request-quote-wrapper {
    margin-right: -200px;
    position: relative;
    z-index: 9
}

@media (max-width: 991px) {
    .request-quote-wrapper {
        margin-right:0
    }
}

.request-quote-wrapper.style2 {
    margin-right: 0;
    background-color: var(--smoke-color)
}

.request-quote-wrapper.style2 .request-wrapper {
    background-color: transparent
}

@media (max-width: 991px) {
    .request-quote-wrapper.style2 .tab-content {
        margin-right:0
    }
}

.tabs-menu {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-top: 22px;
    position: relative;
    gap: 12px
}

@media (max-width: 991px) {
    .tabs-menu {
        gap:30px 12px
    }
}

.tabs-menu.nav-tabs {
    border-bottom: 1px solid transparent
}

.tabs-menu button {
    position: relative;
    min-width: 176px;
    min-height: 60px;
    border: none;
    background-color: transparent
}

@media (max-width: 575px) {
    .tabs-menu button {
        min-width:170px
    }
}

.tabs-menu button::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    min-width: 176px;
    min-height: 60px;
    background-color: var(--white-color);
    z-index: -2
}

@media (max-width: 575px) {
    .tabs-menu button::before {
        min-width:170px
    }
}

.tabs-menu button.active {
    background-color: transparent;
    color: var(--white-color)
}

.tabs-menu .indicator {
    position: absolute;
    height: var(--height-set);
    width: var(--width-set);
    left: var(--pos-x);
    top: var(--pos-y);
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;
    background-color: var(--theme-color);
    z-index: -2
}

@media (max-width: 1400px) {
    .tabs-menu .indicator {
        left:67px
    }
}

@media (max-width: 1299px) {
    .tabs-menu .indicator {
        left:0
    }
}

@media (max-width: 1199px) {
    .tabs-menu .indicator {
        left:4px
    }
}

@media (max-width: 991px) {
    .tabs-menu .indicator {
        left:72px
    }
}

@media (max-width: 767px) {
    .tabs-menu .indicator {
        left:76px
    }
}

@media (max-width: 575px) {
    .tabs-menu .indicator {
        left:9px
    }
}

@media (max-width: 559px) {
    .tabs-menu .indicator {
        left:90px
    }
}

@media (max-width: 480px) {
    .tabs-menu .indicator {
        left:var(--pos-x)
    }
}

@media (max-width: 375px) {
    .tabs-menu .indicator {
        left:inherit
    }
}

.tabs-menu .indicator:after {
    content: "";
    position: absolute;
    height: 30px;
    width: 41px;
    left: 0;
    top: 95%;
    background-color: inherit;
    -webkit-clip-path: path("M0 1.00022L35.8614 1.00012C35.8619 1.00009 35.8625 1.00005 35.8631 1.00001C37.5068 0.894766 39.2181 0.891015 41 1.00011L35.8614 1.00012C14.906 2.34284 4.94531 20.1824 0 31.0002V1.00022Z");
    clip-path: path("M0 1.00022L35.8614 1.00012C35.8619 1.00009 35.8625 1.00005 35.8631 1.00001C37.5068 0.894766 39.2181 0.891015 41 1.00011L35.8614 1.00012C14.906 2.34284 4.94531 20.1824 0 31.0002V1.00022Z")
}

.request-quote-tabs {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

@media (max-width: 440px) {
    .request-quote-tabs {
        display:block
    }
}

.request-quote-tabs.style2 {
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.request-quote-tabs.style2.nav-tabs {
    border: 1px solid #F4F4F4
}

.request-quote-tabs.style2 .nav-link {
    border-right: 1px solid #F4F4F4;
    background-color: var(--white-color);
    color: var(--title-color);
    width: 429px
}

@media (max-width: 1399px) {
    .request-quote-tabs.style2 .nav-link {
        width:416px
    }
}

@media (max-width: 1299px) {
    .request-quote-tabs.style2 .nav-link {
        width:371px
    }
}

@media (max-width: 1199px) {
    .request-quote-tabs.style2 .nav-link {
        width:311px
    }
}

@media (max-width: 991px) {
    .request-quote-tabs.style2 .nav-link {
        width:231px
    }
}

@media (max-width: 767px) {
    .request-quote-tabs.style2 .nav-link {
        width:171px
    }
}

@media (max-width: 575px) {
    .request-quote-tabs.style2 .nav-link {
        width:100%
    }
}

@media (max-width: 460px) {
    .request-quote-tabs.style2 .nav-link {
        width:100%
    }
}

.request-quote-tabs.style2 .nav-link:hover,.request-quote-tabs.style2 .nav-link.active {
    background-color: var(--smoke-color);
    color: var(--title-color)
}

.request-quote-tabs.style3 {
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    border: 1px solid #F4F4F4;
    margin-right: 0
}

@media (max-width: 575px) {
    .request-quote-tabs.style3 {
        margin-right:-4px
    }
}

@media (max-width: 460px) {
    .request-quote-tabs.style3 {
        margin-right:0px
    }
}

.request-quote-tabs.style3 .tab-content {
    margin-right: 0
}

@media (max-width: 991px) {
    .request-quote-tabs.style3 .tab-content {
        margin-right:0
    }
}

.request-quote-tabs.style3 .nav-link {
    width: 280px
}

@media (max-width: 1399px) {
    .request-quote-tabs.style3 .nav-link {
        width:271px
    }
}

@media (max-width: 1299px) {
    .request-quote-tabs.style3 .nav-link {
        width:241px
    }
}

@media (max-width: 1199px) {
    .request-quote-tabs.style3 .nav-link {
        width:201px
    }
}

@media (max-width: 991px) {
    .request-quote-tabs.style3 .nav-link {
        width:228px
    }
}

@media (max-width: 767px) {
    .request-quote-tabs.style3 .nav-link {
        width:168px
    }
}

@media (max-width: 575px) {
    .request-quote-tabs.style3 .nav-link {
        width:33%
    }
}

@media (max-width: 460px) {
    .request-quote-tabs.style3 .nav-link {
        width:100%;
        border-right: none !important
    }
}

.request-quote-tabs.style3 .nav-link:last-child {
    border-right: 1px solid transparent !important
}

.request-quote-tabs.style3 .nav-link:hover,.request-quote-tabs.style3 .nav-link.active {
    background-color: var(--theme-color);
    color: var(--white-color)
}

.request-quote-tabs.nav-tabs {
    border-bottom: 1px solid transparent
}

.request-quote-tabs .nav-link {
    background-color: var(--white-color);
    padding: 20px 40px;
    width: 277.6px;
    font-weight: 700;
    font-size: 16px;
    line-height: 26px;
    border: none;
    border-right: 1px solid #1212121a !important;
    text-align: center;
    border-radius: 0;
    color: var(--title-color);
    -webkit-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out
}

@media (max-width: 1399px) {
    .request-quote-tabs .nav-link {
        width:271px
    }
}

@media (max-width: 1299px) {
    .request-quote-tabs .nav-link {
        width:248.6px
    }
}

@media (max-width: 1199px) {
    .request-quote-tabs .nav-link {
        padding:20px;
        width: 218.5px
    }
}

@media (max-width: 991px) {
    .request-quote-tabs .nav-link {
        width:33%
    }
}

@media (max-width: 575px) {
    .request-quote-tabs .nav-link {
        width:100%
    }
}

@media (max-width: 767px) {
    .request-quote-tabs .nav-link {
        padding:10px;
        font-size: 14px
    }
}

@media (max-width: 375px) {
    .request-quote-tabs .nav-link {
        padding:5px
    }
}

.request-quote-tabs .nav-link:hover,.request-quote-tabs .nav-link.active {
    background-color: var(--theme-color);
    color: var(--white-color)
}

.filter-menu {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: end;
    -webkit-justify-content: end;
    -ms-flex-pack: end;
    justify-content: end
}

@media (max-width: 991px) {
    .filter-menu {
        -webkit-box-pack:center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        gap: 10px 10px;
        margin-bottom: 40px
    }
}

.filter-menu.style2 {
    background-color: var(--smoke-color);
    padding: 30px 0;
    margin-bottom: 25px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

@media (max-width: 1199px) {
    .filter-menu.style2 {
        padding-bottom:20px
    }
}

.filter-menu.style2 .tab-btn {
    padding: 4px 18px;
    border: 1px solid var(--theme-color);
    color: var(--theme-color)
}

.filter-menu.style2 .tab-btn:first-child {
    margin: 0
}

@media (max-width: 1299px) {
    .filter-menu.style2 .tab-btn {
        padding:4px 15px
    }
}

@media (max-width: 1199px) {
    .filter-menu.style2 .tab-btn {
        margin-bottom:10px
    }
}

.filter-menu.style2 .tab-btn.active {
    background-color: var(--theme-color);
    border-color: var(--theme-color)
}

.filter-menu.style3 .tab-btn {
    border: 1px solid var(--white-color);
    color: var(--white-color)
}

.filter-menu.style3 .tab-btn.active {
    background-color: var(--title-color);
    border-color: var(--title-color)
}

.filter-menu .tab-btn {
    font-family: var(--body-color);
    background-color: transparent;
    color: var(--theme-color);
    border: 1px solid var(--theme-color);
    font-size: 14px;
    font-weight: 500;
    padding: 4px 20px;
    margin-left: 10px;
    -webkit-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out
}

@media (max-width: 991px) {
    .filter-menu .tab-btn {
        margin:0
    }
}

.filter-menu .tab-btn.active {
    background-color: var(--theme-color);
    color: var(--white-color)
}

@media (max-width: 1199px) {
    .filter-menu.tab-menu1 {
        gap:10px 30px
    }
}

@media (max-width: 767px) {
    .filter-menu.tab-menu1 {
        gap:10px 20px
    }
}

.accordion-card {
    background: var(--white-color);
    box-shadow: 0px 4px 30px 0px rgba(0,0,0,0.05);
    margin-top: 20px;
    -webkit-transition: 0.4s ease-in-out;
    transition: 0.4s ease-in-out;
    overflow: hidden
}

.accordion-card .accordion-button {
    font-size: 18px;
    font-weight: 500;
    font-family: var(--title-font);
    border: none;
    color: var(--title-color);
    background-color: transparent;
    border-radius: 0;
    padding: 0 20px;
    margin: 0;
    min-height: 56px;
    gap: 10px;
    margin-bottom: 0;
    text-align: left;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    position: relative
}

@media (max-width: 1199px) {
    .accordion-card .accordion-button {
        font-size:16px
    }
}

.accordion-card .accordion-button:after {
    content: "\f06e";
    height: 100%;
    width: auto;
    line-height: 1;
    background-color: transparent;
    font-family: var(--icon-font);
    color: var(--theme-color);
    font-weight: 400;
    font-size: 18px;
    display: grid;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
    position: absolute;
    top: 0;
    right: 22px;
    -webkit-clip-path: polygon(20px 0%, 100% 0, 100% 100%, 0% 100%);
    clip-path: polygon(20px 0%, 100% 0, 100% 100%, 0% 100%);
    padding-left: 10px;
    -webkit-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out
}

@media (max-width: 575px) {
    .accordion-card .accordion-button:after {
        font-size:16px
    }
}

@media (max-width: 375px) {
    .accordion-card .accordion-button:after {
        right:10px;
        font-size: 14px
    }
}

.accordion-card .accordion-button:focus {
    outline: none;
    box-shadow: none
}

.accordion-card .accordion-button:not(.collapsed) {
    box-shadow: none;
    border-radius: 0;
    border-bottom: 1px solid rgba(0,0,0,0.05)
}

.accordion-card .accordion-button:not(.collapsed):after {
    content: '\f070';
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    color: var(--body-color)
}

.accordion-card .accordion-button.collapsed {
    border-bottom: 1px solid var(--smoke-color2)
}

.accordion-card .accordion-collapse {
    border: none
}

.accordion-card .accordion-body {
    border-radius: 0;
    border: 0;
    background-color: transparent;
    padding: 20px 22px 22px 22px
}

.accordion-card .faq-text {
    font-size: 16px;
    margin-bottom: -0.48em
}

.accordion-card:last-child .accordion-button.collapsed {
    border-bottom: 1px solid transparent
}

.accordion-card:last-child .accordion-body:last-child {
    border-bottom: 1px solid transparent
}

.faq-image {
    min-width: 950px;
    text-align: right
}

.faq-image img {
    margin-top: -70px
}

@media (max-width: 1199px) {
    .faq-image {
        min-width:100%;
        text-align: center
    }

    .faq-image img {
        margin-top: 0
    }
}

.cta-area {
    position: relative;
    padding: 100px 0;
    z-index: 10;
    overflow: hidden
}

@media (max-width: 767px) {
    .cta-area {
        padding:80px 30px
    }
}

@media (max-width: 991px) {
    .cta-content {
        text-align:center
    }
}

.cta-title {
    margin: 0;
    color: #AB6A49;
    font-weight: 400;
    font-size: 18px;
    line-height: 28px;
    display: block;
    margin-bottom: 5px
}

@media (max-width: 991px) {
    .cta-title {
        text-align:center
    }
}

.btn-group .cta-btn {
    background-color: var(--title-color);
    font-weight: 600;
    font-size: 16px;
    line-height: 26px;
    color: var(--white-color);
    text-transform: uppercase;
    padding: 4px 16px;
    margin-bottom: 0;
    border-radius: 4px
}

@media (max-width: 991px) {
    .btn-group.style5 {
        -webkit-box-pack:center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

@media (max-width: 991px) {
    .sec-title.cta-title img {
        max-width:64px
    }

    .cta-text {
        text-align: center;
        margin-bottom: 20px
    }
}

@media (max-width: 767px) {
    .sec-title.cta-title img {
        display:none
    }
}

.cta-sec {
    position: relative;
    margin: 0 100px;
    padding: 46px 0 46px 0;
    overflow: hidden;
    z-index: 9
}

@media (min-width: 1922px) {
    .cta-sec {
        display:block;
        margin: auto
    }
}

@media (max-width: 1799px) {
    .cta-sec {
        margin-right:0
    }
}

@media (max-width: 1599px) {
    .cta-sec {
        max-width:100%
    }
}

@media (max-width: 1499px) {
    .cta-sec {
        padding:50px 0 50px 0
    }
}

@media (max-width: 991px) {
    .cta-sec {
        background-size:cover
    }
}

.cta-sec .btn-group {
    margin-right: -200px
}

@media (max-width: 1699px) {
    .cta-sec .btn-group {
        margin-right:-60px
    }
}

@media (max-width: 1399px) {
    .cta-sec .btn-group {
        margin-right:0px
    }
}

.cta-thumb {
    -webkit-clip-path: polygon(7% 0, 100% 0, 100% 100%, 0% 100%);
    clip-path: polygon(7% 0, 100% 0, 100% 100%, 0% 100%);
    z-index: 2;
    height: 100%;
    overflow: hidden
}

@media (max-width: 575px) {
    .cta-thumb {
        position:relative;
        -webkit-clip-path: none;
        clip-path: none
    }
}

.cta-thumb:before {
    content: "";
    position: absolute;
    inset: 0;
    background-color: rgba(1,15,52,0.8);
    z-index: 1
}

.cta-thumb img {
    height: 100%;
    object-fit: cover
}

@media (max-width: 575px) {
    .cta-thumb img {
        width:100%
    }
}

.cta-thumb .play-btn {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

@media (max-width: 1199px) {
    .cta-thumb .play-btn {
        left:40%
    }
}

@media (max-width: 991px) {
    .cta-thumb .play-btn {
        left:10%
    }
}

@media (max-width: 575px) {
    .cta-thumb .play-btn {
        left:50%
    }
}

.cta-thumb .play-btn:before,.cta-thumb .play-btn:after {
    background-color: rgba(255,255,255,0.2)
}

.cta-thumb .play-btn i {
    --icon-size: 40px;
    line-height: var(--icon-size, 40px);
    font-size: 14px;
    background-color: rgba(255,255,255,0.2);
    border: 1px solid var(--white-color)
}

.service-card {
    border-radius: 26px;
    background: var(--white-color);
    padding: 25px;
    min-width: 344px;
    border-radius: 40px;
    box-shadow: 0px 6px 30px 0px rgba(0,0,0,0.04);
    background-position: right center;
    background-repeat: no-repeat
}

@media (max-width: 767px) {
    .service-card {
        min-width:100%
    }
}

.service-card_wrap {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 11px
}

@media (max-width: 575px) {
    .service-card_wrap {
        grid-template-columns:repeat(1, 1fr)
    }
}

@media (max-width: 1199px) {
    .service-card_wrap.style2 {
        grid-template-columns:repeat(1, 1fr)
    }
}

.service-card.style1 {
    background-position: bottom center;
    max-width: 510px
}

@media (max-width: 1199px) {
    .service-card.style1 {
        max-width:100%
    }
}

.service-card.style1 .service-card_img img {
    max-height: 379px
}

@media (max-width: 1199px) {
    .service-card.style1 .service-card_img img {
        max-height:100%
    }
}

.service-card.style1 .service-card_icon {
    position: absolute;
    top: -70px;
    right: 20px;
    width: 120px;
    height: 120px;
    line-height: 120px;
    background-color: var(--white-color);
    margin-bottom: 0px;
    -webkit-clip-path: path("M44.5 2.33013C49.141 -0.349364 54.859 -0.349365 59.5 2.33013L96.4615 23.6699C101.103 26.3494 103.962 31.3013 103.962 36.6603V79.3397C103.962 84.6987 101.103 89.6506 96.4615 92.3301L59.5 113.67C54.859 116.349 49.141 116.349 44.5 113.67L7.53848 92.3301C2.89746 89.6506 0.038475 84.6987 0.038475 79.3397V36.6603C0.038475 31.3013 2.89746 26.3494 7.53848 23.6699L44.5 2.33013Z");
    clip-path: path("M44.5 2.33013C49.141 -0.349364 54.859 -0.349365 59.5 2.33013L96.4615 23.6699C101.103 26.3494 103.962 31.3013 103.962 36.6603V79.3397C103.962 84.6987 101.103 89.6506 96.4615 92.3301L59.5 113.67C54.859 116.349 49.141 116.349 44.5 113.67L7.53848 92.3301C2.89746 89.6506 0.038475 84.6987 0.038475 79.3397V36.6603C0.038475 31.3013 2.89746 26.3494 7.53848 23.6699L44.5 2.33013Z");
    -webkit-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out
}

@media (max-width: 575px) {
    .service-card.style1 .service-card_icon {
        width:100px;
        height: 100px;
        line-height: 100px;
        right: 0;
        top: -100px
    }
}

.service-card.style1 .service-card_icon:before {
    -webkit-clip-path: path("M36.5 2.33013C41.141 -0.349363 46.859 -0.349365 51.5 2.33013L79.8013 18.6699C84.4423 21.3494 87.3013 26.3013 87.3013 31.6603V64.3397C87.3013 69.6987 84.4423 74.6506 79.8013 77.3301L51.5 93.6699C46.859 96.3494 41.141 96.3494 36.5 93.6699L8.19873 77.3301C3.55772 74.6506 0.69873 69.6987 0.69873 64.3397V31.6603C0.69873 26.3013 3.55771 21.3494 8.19873 18.6699L36.5 2.33013Z");
    clip-path: path("M36.5 2.33013C41.141 -0.349363 46.859 -0.349365 51.5 2.33013L79.8013 18.6699C84.4423 21.3494 87.3013 26.3013 87.3013 31.6603V64.3397C87.3013 69.6987 84.4423 74.6506 79.8013 77.3301L51.5 93.6699C46.859 96.3494 41.141 96.3494 36.5 93.6699L8.19873 77.3301C3.55772 74.6506 0.69873 69.6987 0.69873 64.3397V31.6603C0.69873 26.3013 3.55771 21.3494 8.19873 18.6699L36.5 2.33013Z")
}

.service-card.style1 .service-card_icon img {
    -webkit-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out
}

.service-card.style1 .service-card_content {
    margin-top: 20px
}

.service-card.style1 .box-title {
    font-size: 30px
}

.service-card_img {
    min-width: 100%;
    border-radius: 26px
}

.service-card_img img {
    width: 100%;
    border-radius: 26px
}

.service-card_content {
    position: relative
}

.service-card_icon {
    width: 100px;
    height: 100px;
    line-height: 100px;
    background-color: #ECF1F5;
    margin-bottom: 7px;
    -webkit-clip-path: path("M36.5 2.33013C41.141 -0.349363 46.859 -0.349365 51.5 2.33013L79.8013 18.6699C84.4423 21.3494 87.3013 26.3013 87.3013 31.6603V64.3397C87.3013 69.6987 84.4423 74.6506 79.8013 77.3301L51.5 93.6699C46.859 96.3494 41.141 96.3494 36.5 93.6699L8.19873 77.3301C3.55772 74.6506 0.69873 69.6987 0.69873 64.3397V31.6603C0.69873 26.3013 3.55771 21.3494 8.19873 18.6699L36.5 2.33013Z");
    clip-path: path("M36.5 2.33013C41.141 -0.349363 46.859 -0.349365 51.5 2.33013L79.8013 18.6699C84.4423 21.3494 87.3013 26.3013 87.3013 31.6603V64.3397C87.3013 69.6987 84.4423 74.6506 79.8013 77.3301L51.5 93.6699C46.859 96.3494 41.141 96.3494 36.5 93.6699L8.19873 77.3301C3.55772 74.6506 0.69873 69.6987 0.69873 64.3397V31.6603C0.69873 26.3013 3.55771 21.3494 8.19873 18.6699L36.5 2.33013Z");
    -webkit-transition: 0.4s ease-in-out;
    transition: 0.4s ease-in-out
}

.service-card_icon:before {
    content: "";
    position: absolute;
    right: 10px;
    top: 10px;
    width: calc(100% - 20px);
    height: calc(100% - 20px);
    background-color: var(--theme-color);
    -webkit-clip-path: path("M27.5 2.33013C32.141 -0.349366 37.859 -0.349366 42.5 2.33013L62.141 13.6699C66.782 16.3494 69.641 21.3013 69.641 26.6603V49.3397C69.641 54.6987 66.782 59.6506 62.141 62.3301L42.5 73.6699C37.859 76.3494 32.141 76.3494 27.5 73.6699L7.85898 62.3301C3.21797 59.6506 0.358982 54.6987 0.358982 49.3397V26.6603C0.358982 21.3013 3.21797 16.3494 7.85898 13.6699L27.5 2.33013Z");
    clip-path: path("M27.5 2.33013C32.141 -0.349366 37.859 -0.349366 42.5 2.33013L62.141 13.6699C66.782 16.3494 69.641 21.3013 69.641 26.6603V49.3397C69.641 54.6987 66.782 59.6506 62.141 62.3301L42.5 73.6699C37.859 76.3494 32.141 76.3494 27.5 73.6699L7.85898 62.3301C3.21797 59.6506 0.358982 54.6987 0.358982 49.3397V26.6603C0.358982 21.3013 3.21797 16.3494 7.85898 13.6699L27.5 2.33013Z")
}

@media (max-width: 767px) {
    .service-card_icon {
        top:-66px
    }
}

.service-card_icon img {
    display: block;
    padding: 25px;
    position: relative;
    z-index: 9;
    -webkit-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out
}

.service-card .box-title {
    margin-bottom: 7px
}

.service-card_text {
    line-height: 26px
}

.service-card .th-btn {
    padding: 16px 35px;
    color: var(--title-color)
}

.service-card:hover .service-card_icon img {
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg)
}

.service-box {
    border-radius: 20px;
    background: var(--white-color);
    padding: 30px;
    /* box-shadow: 0px 6px 30px 0px rgba(0,0,0,0.08); */
    background-position: bottom center;
    background-repeat: no-repeat;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    gap: 30px;
    margin-top: 30px
}

.service-box.style2 {
    margin-top: 0
}

@media (max-width: 1199px) {
    .service-box {
        gap:15px;
        padding: 25px
    }
}

@media (max-width: 991px) {
    .service-box {
        display:block
    }
}

.service-box_img {
    min-width: 250px;
    border-radius: 20px;
    -webkit-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out
}

@media (max-width: 1299px) {
    .service-box_img {
        min-width:200px
    }
}

@media (max-width: 1199px) {
    .service-box_img {
        min-width:150px
    }
}

@media (max-width: 991px) {
    .service-box_img {
        min-width:100%;
        margin-bottom: 20px
    }
}

.service-box_img img {
    width: 100%;
    border-radius: 20px;
    -webkit-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out
}

@media (max-width: 991px) {
    .service-box_content {
        text-align: justify;
    }
}

.service-box_icon {
    margin-bottom: 15px
}

.service-box .box-title {
    margin-bottom: 7px
}

.service-box:hover .service-box_img img {
    -webkit-transform: scale(1.18);
    -ms-transform: scale(1.18);
    transform: scale(1.18)
}

.service-tabs {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-bottom: 30px;
    gap: 30px
}

@media (max-width: 767px) {
    .service-tabs {
        gap:10px
    }
}

.service-tabs.nav-tabs {
    border-bottom: 1px solid transparent
}

.service-tabs.nav-tabs .nav-link {
    font-family: var(--title-font);
    font-weight: 400;
    font-size: 18px;
    line-height: 24px;
    border-radius: 10px !important;
    text-transform: capitalize
}

.service-tabs .th-btn {
    border: 1px solid var(--th-border-color);
    background: var(--white-color);
    color: var(--title-color)
}

.service-tabs .th-btn.active:before,.service-tabs .th-btn.active:after,.service-tabs .th-btn:hover:before,.service-tabs .th-btn:hover:after {
    background-color: var(--theme-color);
    color: var(--white-color)
}

.nav-tabs .nav-item.show .nav-link,.nav-tabs .nav-link.active {
    color: var(--white-color);
    background-color: var(--theme-color);
    border-color: transparent
}

.th-btn:hover,.th-btn.active {
    color: var(--white-color) !important
}

.service-area {
    margin: 0 60px;
    border-radius: 50px 50px 0 0
}

@media (max-width: 1399px) {
    .service-area {
        margin:0;
        border-radius: 0
    }
}

@media (max-width: 1199px) {
    .service-area {
        border-radius:0
    }
}

.service-item {
    background: var(--white-color);
    padding: 30px 20px 30px 30px;
    box-shadow: 0px 6px 15px 0px rgba(0,0,0,0.04);
    background-position: right center;
    background-repeat: no-repeat
}

.service-item_content {
    position: relative;
    z-index: 2
}

.service-item_content:after {
    content: "";
    position: absolute;
    top: 50px;
    right: -20px;
    width: 170px;
    height: 4px;
    background: #ECF1F5;
    z-index: -1;
    -webkit-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out
}

.service-item_icon {
    width: 100px;
    height: 100px;
    line-height: 100px;
    background-color: #ECF1F5;
    margin-bottom: 7px;
    -webkit-clip-path: path("M44 0L87.3013 25V75L44 100L0.69873 75V25L44 0Z");
    clip-path: path("M44 0L87.3013 25V75L44 100L0.69873 75V25L44 0Z");
    -webkit-transition: 0.4s ease-in-out;
    transition: 0.4s ease-in-out
}

.service-item_icon:before {
    content: "";
    position: absolute;
    right: 10px;
    top: 10px;
    width: calc(100% - 20px);
    height: calc(100% - 20px);
    background-color: var(--theme-color);
    -webkit-clip-path: path("M35 0L69.641 20V60L35 80L0.358982 60V20L35 0Z");
    clip-path: path("M35 0L69.641 20V60L35 80L0.358982 60V20L35 0Z")
}

@media (max-width: 767px) {
    .service-item_icon {
        top:-66px
    }
}

.service-item img {
    position: relative;
    padding: 20px;
    z-index: 9
}

.service-item .box-title {
    margin-bottom: 7px
}

.service-item_text {
    line-height: 26px
}

.service-item .th-btn {
    padding: 16px 35px;
    color: var(--title-color)
}

.service-item:hover .service-item_content:after {
    background: var(--theme-color)
}

.service-sec .sec-btn {
    text-align: right
}

.service-sec .slick-arrow {
    background-color: transparent;
    color: var(--theme-color);
    border: 2px solid #D8DDE1
}

.service-sec .slick-arrow:hover {
    background-color: var(--theme-color);
    color: var(--white-color);
    border-color: var(--theme-color)
}

.page-title {
    margin-top: -0.22em;
    font-size: 40px;
    margin-bottom: 20px
}

.service-single {
    background-color: var(--white-color);
    border-radius: 20px;
    box-shadow: 0px 6px 50px 0px rgba(0,0,0,0.06);
    padding: 40px
}

@media (max-width: 1199px) {
    .service-single {
        padding:30px
    }
}

.page-img {
    border-radius: 20px;
    margin-bottom: 30px;
    border-radius: 0px;
    overflow: hidden
}

.page-img img {
    width: 100%;
    border-radius: 20px
}

.page-single {
    margin-bottom: 30px
}

.service-feature {
    box-shadow: 0px 8px 30px rgba(106,106,106,0.1);
    background-color: var(--white-color);
    padding: 30px;
    text-align: center
}

.service-feature-wrap {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 30px
}

.service-feature_icon {
    min-width: 50px;
    margin-bottom: 20px
}

.service-feature_icon img {
    -webkit-transition: 0.4s ease-in-out;
    transition: 0.4s ease-in-out
}

.service-feature_title {
    font-size: 20px;
    text-transform: uppercase;
    font-weight: 600;
    margin-bottom: 6px;
    margin-top: -0.36em
}

@media (max-width: 1199px) {
    .service-feature_title {
        font-size:18px
    }
}

.service-feature_text {
    margin-bottom: -0.5em
}

.service-feature:hover .service-feature_icon img {
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg)
}

.service-process {
    border: 1px solid #EEEEEE;
    background-color: var(--white-color);
    padding: 40px 20px;
    text-align: center;
    box-shadow: 0px 6px 39px rgba(0,0,0,0.04)
}

.service-process-wrap {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 30px
}

.service-process_num {
    font-family: var(--title-font);
    font-size: 20px;
    font-weight: bold;
    color: var(--title-color);
    display: block;
    text-align: center;
    width: 60px;
    height: 60px;
    line-height: 60px;
    border: 15px solid #c1ddf7;
    box-sizing: content-box;
    background-color: var(--theme-color);
    border-radius: 50%;
    margin: 0 auto 25px auto
}

.service-process_title {
    font-size: 16px;
    margin-bottom: 6px;
    margin-top: -0.36em;
    text-transform: uppercase
}

.service-process_text {
    max-width: 250px;
    margin: 0 auto -0.5em auto
}

@media (max-width: 1199px) {
    .service-process-wrap {
        gap:24px
    }
}

@media (max-width: 767px) {
    .service-process-wrap {
        grid-template-columns:repeat(1, 1fr);
        gap: 30px
    }
}

@media (max-width: 1299px) {
    .page-title {
        font-size:38px
    }
}

@media (max-width: 1299px) {
    .service-feature {
        -webkit-box-orient:vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        text-align: center;
        gap: 20px;
        padding: 30px 10px
    }

    .service-feature_text {
        margin-bottom: -0.5em;
        max-width: 260px;
        margin-left: auto;
        margin-right: auto
    }
}

@media (max-width: 1199px) {
    .page-title {
        font-size:32px
    }
}

@media (max-width: 767px) {
    .page-title {
        font-size:28px
    }
}

@media (max-width: 575px) {
    .page-title {
        font-size:24px
    }

    .service-feature-wrap {
        grid-template-columns: auto
    }
}

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

.available-list li {
    position: relative;
    font-family: var(--body-font);
    font-weight: 400;
    font-size: 16px;
    line-height: 26px;
    padding-left: 30px;
    margin-bottom: 10px;
    text-transform: capitalize;
    color: var(--body-color)
}

.available-list li:after {
    content: "\f560";
    font-family: var(--icon-font);
    font-weight: 600;
    color: var(--theme-color);
    font-size: 1.1em;
    position: absolute;
    top: 1px;
    left: 0
}

.available-list li.unavailable:after {
    content: "\f560";
    right: 4px;
    color: #D8DDE1
}

.available-list li img {
    max-width: 18px;
    margin-right: 10px
}

.available-list li:last-child {
    margin-bottom: 0
}

.available-list li.unavailable {
    font-weight: 400;
    color: #D8DDE1
}

.available-list li.unavailable img {
    opacity: 0.2
}

.price-card {
    position: relative;
    background: var(--white-color);
    padding: 40px;
    box-shadow: 0px 6px 50px 0px rgba(0,0,0,0.06);
    margin-top: 10px
}

@media (max-width: 991px) {
    .price-card {
        padding:30px
    }
}

@media (max-width: 375px) {
    .price-card {
        padding:25px
    }
}

.price-card-wrapp {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 40px
}

@media (max-width: 991px) {
    .price-card-wrapp {
        margin-bottom:60px
    }
}

.price-card .price-border {
    position: absolute;
    background-color: var(--theme-color);
    width: 256px;
    height: 4px;
    top: 96px;
    right: 40px
}

@media (max-width: 1399px) {
    .price-card .price-border {
        width:267px
    }
}

@media (max-width: 1299px) {
    .price-card .price-border {
        width:226px
    }
}

@media (max-width: 1199px) {
    .price-card .price-border {
        width:71.4%
    }
}

@media (max-width: 768px) {
    .price-card .price-border {
        width:61%
    }
}

@media (max-width: 767px) {
    .price-card .price-border {
        width:75%
    }
}

@media (max-width: 575px) {
    .price-card .price-border {
        width:76.5%
    }
}

.price-card_content {
    min-width: 120px
}

.price-card_price {
    position: absolute;
    top: 0;
    left: 40px;
    width: 100px;
    height: 100px;
    font-size: 36px;
    line-height: 46px;
    font-weight: 700;
    text-align: center;
    padding: 10px 0;
    color: var(--white-color);
    background-color: var(--theme-color);
    -webkit-clip-path: polygon(50% 0%, 100% 0, 100% 75%, 50% 100%, 0% 75%, 0 0);
    clip-path: polygon(50% 0%, 100% 0, 100% 75%, 50% 100%, 0% 75%, 0 0);
    z-index: 2
}

.price-card_price .currency {
    font-size: 16px;
    position: absolute;
    top: 0px;
    left: 10px;
    right: auto
}

.price-card_price .duration {
    font-size: 18px;
    font-weight: 500;
    position: absolute;
    bottom: 15px;
    left: 15px
}

@media (max-width: 375px) {
    .price-card .box-title {
        font-size:16px
    }
}

.price-title-wrapper {
    max-width: 660px;
    display: block;
    margin: 0 auto
}

.appointment-form {
    border-radius: 30px;
    background: var(--white-color);
    padding: 60px
}

@media (max-width: 1199px) {
    .appointment-form {
        margin-top:40px;
        padding: 40px
    }
}

@media (max-width: 767px) {
    .appointment-form {
        padding:30px
    }
}

.appointment-form.style2 {
    box-shadow: -6px 6px 50px 0px rgba(0,0,0,0.06);
    border-radius: 0;
    padding: 50px
}

@media (max-width: 1299px) {
    .appointment-form.style2 {
        padding:40px
    }
}

@media (max-width: 767px) {
    .appointment-form.style2 {
        padding:30px
    }
}

@media (max-width: 375px) {
    .appointment-form.style2 .form-title {
        font-size:22px;
        margin-bottom: 20px
    }
}

.appointment-form .form-group select,.appointment-form .form-group .form-control,.appointment-form .form-group .form-select.nice-select,.appointment-form .form-group .nice-select,.appointment-form .form-group textarea,.appointment-form .form-group input {
    height: 56px;
    padding: 0 25px 0 25px;
    padding-right: 45px;
    border: 0;
    border-radius: 5px;
    background: var(--smoke-color);
    font-size: 14px;
    color: var(--body-color);
    width: 100%;
    -webkit-transition: 0.4s ease-in-out;
    transition: 0.4s ease-in-out
}

.appointment-form .form-group textarea.form-control,.appointment-form .form-group textarea {
    min-height: 120px;
    padding-top: 16px;
    padding-bottom: 17px
}

.appointment-form .nice-select .option {
    color: var(--title-color)
}

.appointment-form .nice-select .option.selected {
    color: var(--theme-color) !important;
    background: var(--theme-color) !important
}

.appointment-form .nice-select .option.selected.focus {
    color: #fff !important;
    background: var(--theme-color) !important
}

@media (max-width: 1199px) {
    .appointment-form .th-btn {
        padding:18px 16px
    }
}

.appointment-video .video-play-btn {
    position: absolute;
    top: 50%;
    left: auto;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    right: 22%
}

@media (max-width: 991px) {
    .appointment-video .video-play-btn {
        display:none
    }
}

.appointment-video .video-play-btn:after,.appointment-video .video-play-btn:before {
    background-color: var(--white-color)
}

.appointment-quote-form .form-group i {
    color: var(--theme-color)
}

.appointment-quote-form .form-group select,.appointment-quote-form .form-group .form-control,.appointment-quote-form .form-group .form-select.nice-select,.appointment-quote-form .form-group .nice-select,.appointment-quote-form .form-group textarea,.appointment-quote-form .form-group input {
    height: 56px;
    padding: 0 25px 0 25px;
    padding-right: 45px;
    border: 0;
    background-color: var(--white-color);
    border-radius: 0;
    font-size: 16px;
    color: var(--body-color);
    width: 100%;
    -webkit-transition: 0.4s ease-in-out;
    transition: 0.4s ease-in-out
}

.pricing-form {
    background-color: var(--theme-color);
    padding: 40px;
    margin-left: 30px
}

@media (max-width: 1199px) {
    .pricing-form {
        padding:30px;
        margin: 30px 0 0 0
    }
}

@media (max-width: 991px) {
    .pricing-form {
        padding:25px
    }
}

.pricing-form .form-group i {
    color: var(--theme-color)
}

.pricing-form .form-group select,.pricing-form .form-group .form-control,.pricing-form .form-group .form-select.nice-select,.pricing-form .form-group .nice-select,.pricing-form .form-group textarea,.pricing-form .form-group input {
    height: 56px;
    padding: 0 25px 0 25px;
    padding-right: 45px;
    border: 0;
    background-color: var(--white-color);
    border-radius: 0;
    font-size: 16px;
    color: var(--body-color);
    width: 100%;
    -webkit-transition: 0.4s ease-in-out;
    transition: 0.4s ease-in-out
}

.booking-title-area {
    max-width: 530px;
    display: block;
    margin: auto
}

.booking-form-area {
    background: var(--smoke-color);
    padding: 60px
}

@media (max-width: 1199px) {
    .booking-form-area {
        padding:40px
    }
}

@media (max-width: 991px) {
    .booking-form-area {
        padding:30px
    }
}

.booking-form-area .form-group i {
    color: var(--theme-color)
}

.booking-form-area .form-group select,.booking-form-area .form-group .form-control,.booking-form-area .form-group .form-select.nice-select,.booking-form-area .form-group .nice-select,.booking-form-area .form-group textarea,.booking-form-area .form-group input {
    height: 56px;
    padding: 0 25px 0 25px;
    padding-right: 45px;
    border: 0;
    background-color: var(--white-color);
    border-radius: 0;
    font-size: 16px;
    color: var(--body-color);
    width: 100%;
    -webkit-transition: 0.4s ease-in-out;
    transition: 0.4s ease-in-out
}

.booking-section {
    margin-top: -145px;
    position: relative;
    z-index: 6
}

@media (max-width: 991px) {
    .booking-section {
        margin-top:-200px
    }
}

@media (max-width: 767px) {
    .booking-section {
        margin-top:-250px
    }
}

@media (max-width: 575px) {
    .booking-section {
        margin-top:0;
        padding-top: 80px
    }
}

.booking-form .input-wrap {
    background-color: var(--white-color);
    padding: 50px 50px 20px 50px;
    box-shadow: -6px 6px 50px 0px rgba(0,0,0,0.06)
}

@media (max-width: 991px) {
    .booking-form .input-wrap {
        padding:25px 30px 15px 30px
    }
}

@media (max-width: 767px) {
    .booking-form .input-wrap {
        padding:35px
    }
}

.booking-form .input-wrap select,.booking-form .input-wrap .form-control,.booking-form .input-wrap .form-select.nice-select,.booking-form .input-wrap .nice-select,.booking-form .input-wrap textarea,.booking-form .input-wrap input {
    border-radius: 0
}

.booking-form .input-wrap .sec-title {
    margin-top: -0.4rem
}

@media (max-width: 375px) {
    .booking-form .input-wrap .sec-title {
        font-size:22px;
        margin-bottom: 20px
    }
}

.history-sec1 {
    background-size: 100% calc(100% - 150px);
    background-position: center bottom;
    position: relative
}

.pattern-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1
}

.countdown-area {
    text-align: center;
    padding: 94px 0 70px 0;
    background-size: 100% 100%
}

.countdown-area .countdown-subtitle {
    font-family: var(--style-font);
    font-size: 22px
}

.countdown-area .countdown-title {
    margin-bottom: 40px;
    font-size: 34px;
    font-weight: 600
}

.countdown-area .countdown-title.style2 {
    font-size: 28px
}

.wedding-counter {
    margin: 0;
    padding: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -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;
    gap: 35px
}

.wedding-counter li {
    list-style-type: none;
    text-align: center;
    padding: 30px 15px 44px 15px;
    background-size: contain;
    width: 115px;
    height: 150px
}

.wedding-counter .count-number {
    font-family: var(--title-font);
    font-size: 52px;
    font-weight: 900;
    line-height: 1;
    color: var(--theme-color);
    margin-bottom: 5px
}

.wedding-counter .count-name {
    font-size: 14px
}

.story-box {
    text-align: center;
    background-size: 100% 100%;
    padding: 45px 30px;
    background-color: var(--white-color);
    border-radius: 10px
}

.story-box_date {
    display: block;
    max-width: 250px;
    margin: 0 auto 25px auto;
    border-bottom: 1px solid var(--theme-color);
    padding-bottom: 25px
}

.story-box_title {
    margin-bottom: 5px
}

.story-box_text {
    margin-bottom: -0.5em
}

@media (max-width: 1299px) {
    .story-box {
        padding:40px 15px
    }
}

@media (max-width: 991px) {
    .countdown-area {
        background-size:130% 100%
    }

    .history-sec1 {
        background-size: 130% calc(100% - 150px)
    }
}

@media (max-width: 767px) {
    .countdown-area {
        background-size:166% 100%
    }

    .wedding-counter {
        gap: 15px
    }

    .wedding-counter .count-number {
        font-size: 40px
    }

    .history-sec1 {
        background-size: 170% calc(100% - 150px)
    }
}

@media (max-width: 575px) {
    .wedding-counter .count-number {
        font-size:32px;
        margin-bottom: 0
    }

    .wedding-counter li {
        padding: 20px 10px 30px 10px;
        height: auto
    }

    .countdown-area .countdown-title {
        font-size: 28px;
        margin-bottom: 26px
    }

    .countdown-area .countdown-subtitle {
        font-size: 18px
    }

    .story-box {
        background-size: 110% 110%
    }
}

@media (max-width: 420px) {
    .wedding-counter {
        gap:0px
    }

    .wedding-counter .count-name {
        font-size: 12px
    }

    .wedding-counter li {
        padding: 20px 10px 30px 10px
    }
}

.countdown-sec1 {
    margin-top: -135px;
    position: relative;
    z-index: 5
}

.story-card {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    position: relative
}

.story-card-area {
    background-color: var(--white-color);
    box-shadow: 0px 10px 30px rgba(1,15,28,0.06);
    position: relative;
    padding: 60px
}

.story-card-area .img-box {
    position: relative
}

.story-card-corner {
    position: absolute;
    top: 10px;
    left: 0;
    z-index: 2
}

.story-card-slide {
    border: 2px solid var(--theme-color);
    padding: 90px 60px 60px 60px
}

.story-card-date {
    font-size: 14px;
    line-height: 18px;
    font-weight: 500;
    padding: 21px 10px;
    text-align: center;
    position: absolute;
    top: 20px;
    left: 205px;
    height: 100px;
    width: 100px;
    z-index: 3
}

.story-card_content {
    max-width: 490px
}

.story-card-img {
    position: absolute;
    top: 30px;
    right: 15px;
    z-index: 2;
    max-width: 576px
}

.story-card_shape {
    position: absolute;
    top: 0;
    left: 15px;
    z-index: -1
}

.story-card_title {
    margin-bottom: 8px
}

.story-card_location {
    display: block;
    font-size: 14px;
    padding-bottom: 25px;
    margin-bottom: 25px;
    border-bottom: 1px solid var(--theme-color)
}

.story-card_text {
    margin-bottom: 0
}

@media (max-width: 1299px) {
    .story-card-area {
        padding:60px 50px
    }

    .story-card-slide {
        padding: 90px 30px 60px 40px
    }
}

@media (max-width: 1199px) {
    .story-card-img {
        max-width:400px;
        overflow: hidden;
        top: 20px;
        right: 20px
    }

    .story-card-img .img-box>img {
        max-width: -webkit-fit-content;
        max-width: -moz-fit-content;
        max-width: fit-content
    }

    .story-card-slide {
        padding: 90px 30px 50px 40px
    }
}

@media (max-width: 991px) {
    .story-card-img {
        max-width:240px
    }

    .story-card-img .img-box>img {
        max-width: 100%
    }

    .story-card-area {
        padding: 60px 50px 50px 50px
    }

    .story-card-slide {
        padding: 90px 30px 35px 40px
    }

    .story-card-date {
        left: 160px
    }
}

@media (max-width: 767px) {
    .story-card-img {
        top:0;
        right: -50px
    }

    .story-card-area {
        overflow: hidden;
        padding: 60px 12px 12px 12px
    }

    .story-card-corner {
        display: none
    }

    .story-card-slide {
        padding: 90px 20px 15px 20px
    }

    .story-card-date {
        left: calc(50% - 50px)
    }
}

@media (max-width: 575px) {
    .story-card {
        text-align:center
    }

    .story-card-img {
        display: none
    }
}

@media (max-width: 375px) {
    .story-card_text {
        font-size:14px
    }
}

.gallery-title-area {
    max-width: 441px;
    margin-bottom: 60px
}

@media (max-width: 1399px) {
    .gallery-title-area {
        display:block;
        margin: auto;
        margin-bottom: 40px;
        text-align: center
    }
}

.gallery-tabs {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-bottom: 30px;
    gap: 30px
}

.gallery-tabs .tab-btn {
    font-family: var(--body-font);
    font-weight: 400;
    font-size: 14px;
    line-height: 24px;
    border-radius: 10px !important;
    text-transform: capitalize
}

.gallery-tabs .th-btn {
    background: #ECF1F5;
    color: var(--title-color);
    padding: 10px 45px;
    border-radius: 10px
}

.gallery-tabs .th-btn.active:before,.gallery-tabs .th-btn.active:after,.gallery-tabs .th-btn:hover:before,.gallery-tabs .th-btn:hover:after {
    background-color: var(--theme-color);
    color: var(--white-color);
    border-radius: 10px
}

.gallery-row {
    --bs-gutter-y: 1.9rem
}

.gallery-wrapper.style2 {
    max-width: 1920px;
    display: block;
    margin: auto
}

.gallery-wrapper.style2 .gallery-card .icon-btn {
    width: var(--btn-size, 80px);
    height: var(--btn-size, 80px);
    line-height: var(--btn-size, 80px);
    font-size: var(--btn-font-size, 20px)
}

.gallery-wrapper.style2 .gallery-card .gallery-img {
    text-align: right
}

.gallery-card {
    --box-space: 30px;
    position: relative;
    text-align: center
}

.gallery-card .gallery-img {
    overflow: hidden
}

.gallery-card .gallery-img img {
    width: 100%;
    height: 100%;
    -webkit-transition: 0.4s ease-in-out;
    transition: 0.4s ease-in-out
}

.gallery-card .gallery-content {
    position: absolute;
    top: var(--box-space);
    left: var(--box-space);
    width: calc(100% - var(--box-space)*2);
    height: calc(100% - var(--box-space)*2);
    z-index: 2;
    background: rgba(1,15,52,0.77);
    -webkit-backdrop-filter: blur(10.6px);
    backdrop-filter: blur(10.6px);
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    visibility: hidden;
    opacity: 0;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    -webkit-transition: 0.4s ease-in-out;
    transition: 0.4s ease-in-out
}

.gallery-card .box-title {
    font-size: 20px;
    line-height: 30px;
    margin-bottom: 20px
}

.gallery-card .box-title a:not(:hover) {
    color: var(--white-color)
}

.gallery-card .gallery-subtitle {
    color: var(--theme-color3);
    margin-bottom: 8px
}

.gallery-card .icon-btn {
    width: var(--btn-size, 46px);
    height: var(--btn-size, 46px);
    line-height: var(--btn-size, 46px);
    border-radius: 50%;
    border: 2px solid var(--white-color);
    color: var(--white-color);
    font-size: 20px
}

.gallery-card .icon-btn:hover {
    background: var(--white-color);
    color: var(--title-color)
}

.gallery-card:hover .gallery-img img {
    -webkit-transform: scale(1.2) rotate(-5deg);
    -ms-transform: scale(1.2) rotate(-5deg);
    transform: scale(1.2) rotate(-5deg)
}

.gallery-card:hover .gallery-content {
    visibility: visible;
    opacity: 1;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1)
}

@media (max-width: 1199px) {
    .gallery-card {
        --box-space: 25px
    }
}

@media (max-width: 767px) {
    .gallery-card {
        --box-space: 15px
    }
}

.event-card {
    background-color: var(--white-color);
    box-shadow: 0px 4px 15px rgba(1,15,28,0.06);
    padding: 20px;
    text-align: center;
    margin-bottom: 55px
}

.event-card_img img {
    width: 100%
}

.event-card_title {
    font-size: 30px;
    font-weight: bold;
    margin: 20px 0 5px 0
}

.event-card_title a {
    color: inherit
}

.event-card_title a:hover {
    color: var(--theme-color)
}

.event-card_shape {
    margin-bottom: 20px
}

.event-card_date,.event-card_time {
    display: block
}

.event-card_time {
    margin-bottom: 15px
}

.event-card_text {
    max-width: 290px;
    margin: 0 auto 16px auto
}

.event-card_flower {
    margin-bottom: -85px;
    margin-top: 26px
}

.event-img-sec {
    height: 600px;
    margin-bottom: -310px
}

@media (max-width: 1199px) {
    .event-card_title {
        font-size:26px
    }
}

@media (max-width: 1199px) {
    .event-img-sec {
        height:400px;
        margin-bottom: -180px
    }
}

.event-box {
    position: relative
}

.event-box_img {
    margin-bottom: 25px
}

.event-box_img img {
    width: 100%
}

.event-box_title {
    margin-bottom: 0
}

.event-box_subtitle {
    display: block;
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase;
    margin-bottom: 8px
}

.event-box .icon-btn {
    --btn-size: 50px;
    position: absolute;
    bottom: 7px;
    right: 0;
    border-color: var(--theme-color);
    background-color: var(--white-color);
    color: var(--body-color)
}

.event-box .icon-btn:hover {
    background-color: var(--theme-color);
    color: var(--white-color)
}

.section-frame1 {
    --space: 25px;
    position: absolute;
    top: var(--space);
    left: var(--space);
    width: calc(100% - var(--space)*2);
    height: calc(100% - var(--space)*2);
    background-size: 100% 100%
}

.rsvp-frame {
    background-size: 100% 100%;
    max-width: 1030px;
    margin: -50px auto -45px auto
}

.rsvp-frame .rsvp-form {
    max-width: 464px;
    margin: 0 auto;
    padding: 180px 12px 130px 12px
}

.rsvp-frame .form-select.style2 option {
    background-color: var(--white-color)
}

@media (max-width: 1199px) {
    .section-frame1 {
        --space: 12px
    }
}

@media (max-width: 991px) {
    .rsvp-frame {
        background-size:130% 100%
    }
}

@media (max-width: 767px) {
    .section-frame1 {
        background-size:cover
    }

    .rsvp-frame {
        background-size: 190% 100%
    }
}

@media (max-width: 575px) {
    .rsvp-frame {
        margin:-80px auto -45px auto
    }
}

.invitation-box {
    padding: 244px 12px;
    background-color: var(--theme-color);
    max-width: 500px;
    margin: 0 auto;
    text-align: center
}

.invitation-box-area {
    max-width: 736px;
    margin: 120px auto 145px auto;
    box-shadow: 0px 6px 30px rgba(1,15,28,0.1);
    position: relative
}

.invitation-box-area .shape-top,.invitation-box-area .shape-bottom {
    position: absolute;
    left: -60px;
    right: -60px
}

.invitation-box-area .shape-top {
    top: -120px
}

.invitation-box-area .shape-bottom {
    bottom: -145px
}

.invitation-box_title,.invitation-box_subtitle,.invitation-box_date,.invitation-box_time,.invitation-box_address,.invitation-box_name {
    color: var(--white-color)
}

.invitation-box_title {
    font-family: var(--style-font);
    font-weight: 400;
    font-size: 72px;
    font-style: italic;
    margin-bottom: 12px
}

.invitation-box_name {
    margin-bottom: 22px
}

.invitation-box_subtitle {
    margin-bottom: 15px
}

.invitation-box_date {
    margin-bottom: 0
}

.invitation-box_time {
    margin-bottom: 20px
}

.invitation-box_address {
    margin-bottom: 26px
}

.invitation-box .th-btn {
    border-color: var(--white-color);
    color: var(--white-color)
}

@media (max-width: 767px) {
    .invitation-box {
        padding:180px 12px
    }
}

@media (max-width: 575px) {
    .invitation-box {
        padding:140px 12px
    }

    .invitation-box-area {
        margin: 80px auto 100px auto
    }

    .invitation-box-area .shape-top {
        top: -80px
    }

    .invitation-box-area .shape-bottom {
        bottom: -100px
    }

    .invitation-box_title {
        font-size: 54px
    }
}

.process-sec {
    position: relative;
    overflow: hidden;
    margin-bottom: -100px;
    padding-bottom: 220px !important
}

@media (max-width: 1199px) {
    .process-sec {
        margin-bottom:-250px;
        padding-bottom: 370px !important
    }
}

@media (max-width: 991px) {
    .process-sec {
        margin-bottom:-370px;
        padding-bottom: 430px !important
    }
}

.step-wrap .process-line {
    position: absolute;
    top: 55%;
    left: 50%;
    -webkit-transform: translate(calc(-50% + 400px), calc(-50% + 25px));
    -ms-transform: translate(calc(-50% + 400px), calc(-50% + 25px));
    transform: translate(calc(-50% + 400px), calc(-50% + 25px));
    margin: 0 -400px
}

@media (max-width: 1199px) {
    .step-wrap .process-line {
        display:none
    }
}

.step-wrap.style2 .process-line {
    top: 50%
}

@media (max-width: 1299px) {
    .step-wrap.style2 .process-line {
        top:48%
    }
}

@media (max-width: 1199px) {
    .step-wrap.style2 .process-line {
        display:none
    }
}

.process-card {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center
}

@media (max-width: 1199px) {
    .process-card {
        margin-top:30px
    }
}

.process-card:nth-child(even) .process-card_icon {
    -webkit-box-ordinal-group: 4;
    -webkit-order: 3;
    -ms-flex-order: 3;
    order: 3
}

@media (max-width: 1199px) {
    .process-card:nth-child(even) .process-card_icon {
        -webkit-box-ordinal-group:2;
        -webkit-order: 1;
        -ms-flex-order: 1;
        order: 1
    }
}

.process-card:nth-child(even) .process-card_content {
    -webkit-box-ordinal-group: 3;
    -webkit-order: 2;
    -ms-flex-order: 2;
    order: 2
}

@media (max-width: 1199px) {
    .process-card:nth-child(even) .process-card_content {
        -webkit-box-ordinal-group:3;
        -webkit-order: 2;
        -ms-flex-order: 2;
        order: 2
    }
}

.process-card:nth-child(even) .process-card_img {
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1
}

@media (max-width: 1199px) {
    .process-card:nth-child(even) .process-card_img {
        -webkit-box-ordinal-group:4;
        -webkit-order: 3;
        -ms-flex-order: 3;
        order: 3
    }
}

.process-card_wrapp {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

@media (max-width: 1199px) {
    .process-card_wrapp {
        display:grid;
        grid-template-columns: repeat(2, 1fr)
    }
}

@media (max-width: 991px) {
    .process-card_wrapp {
        grid-template-columns:repeat(1, 1fr)
    }
}

.process-card_wrapp .process-card_icon {
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1
}

.process-card_wrapp .process-card_content {
    -webkit-box-ordinal-group: 3;
    -webkit-order: 2;
    -ms-flex-order: 2;
    order: 2
}

.process-card_wrapp .process-card_img {
    -webkit-box-ordinal-group: 4;
    -webkit-order: 3;
    -ms-flex-order: 3;
    order: 3
}

.process-card_img {
    position: relative;
    border-radius: 50%;
    display: inline-block;
    border: 2px dashed transparent;
    -webkit-transition: 0.4s;
    transition: 0.4s
}

.process-card_icon .number {
    width: 56px;
    height: 56px;
    line-height: 56px;
    background: var(--white-color);
    box-shadow: 0px 4px 20px 0px rgba(0,0,0,0.05);
    text-align: center;
    font-size: 30px;
    font-weight: 600;
    display: block;
    margin: auto;
    color: var(--theme-color);
    font-family: var(--title-font);
    border: none;
    border-bottom: 5px solid var(--theme-color);
    border-radius: 30px 30px 0px 0px;
    -webkit-transition: 0.4s;
    transition: 0.4s
}

.process-card_icon:last-child .number {
    border: none;
    line-height: 45px;
    border-top: 5px solid var(--theme-color);
    border-radius: 0px 0px 30px 30px
}

.process-card .box-title {
    margin: 25px 0 10px 0
}

.process-card_text {
    margin-bottom: 30px
}

.process-card_img {
    position: relative;
    z-index: 2;
    text-align: center;
    -webkit-filter: drop-shadow(0px 5px 30px rgba(0,0,0,0.05));
    filter: drop-shadow(0px 5px 30px rgba(0,0,0,0.05));
    padding: 40px;
    width: 150px;
    height: 160px;
    border-radius: 20px;
    -webkit-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out
}

.process-card_img:last-child:before,.process-card_img:last-child:after {
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg)
}

.process-card_img:before,.process-card_img:after {
    content: "";
    position: absolute;
    inset: 0;
    -webkit-mask-image: url("../img/shape/process_shape_1.png");
    mask-image: url("../img/shape/process_shape_1.png");
    background-repeat: no-repeat;
    background-size: cover;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    background: -webkit-linear-gradient(rgba(50,180,180,0), var(--theme-color));
    background: linear-gradient(rgba(50,180,180,0), var(--theme-color));
    z-index: -1;
    -webkit-transform: rotate(178deg);
    -ms-transform: rotate(178deg);
    transform: rotate(178deg)
}

.process-card_img:after {
    inset: 1px;
    background: var(--white-color)
}

.process-card_img img {
    -webkit-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out
}

@media (max-width: 1199px) {
    .process-card_content {
        padding:0 30px
    }
}

@media (max-width: 375px) {
    .process-card_content {
        padding:0
    }
}

.process-card:hover .process-card_img img {
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg)
}

.process-card3 {
    text-align: center;
    max-width: 187px;
    height: 187px;
    background-color: var(--white-color);
    border: 3px solid var(--theme-color);
    position: relative;
    border-radius: 9999px;
    padding: 42px 6px
}

.process-card3 .process-card-wrap {
    position: relative
}

.process-card3 .process-card-wrap:after {
    content: '';
    height: 42px;
    width: 116px;
    background-image: url("data:image/svg+xml,%3Csvg width='116' height='42' viewBox='0 0 116 42' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath opacity='0.3' d='M115.551 36.6652C111.559 29.4285 108.897 21.8539 105.787 14.2467C104.978 12.2611 102.253 13.5251 102.477 15.3846C102.847 18.5361 103.56 21.6643 104.519 24.7352C98.3211 19.1913 90.7487 14.5818 83.8058 11.0206C74.4953 6.24801 64.2973 2.90809 53.9555 1.36405C36.8086 -1.19473 13.0193 2.07937 1.18365 16.1594C0.506835 16.9694 1.66463 18.0051 2.48375 17.6096C10.8028 13.6619 18.1327 9.40841 27.3743 7.72378C36.4214 6.07799 46.0699 6.15641 55.1077 7.96139C64.6604 9.87409 73.5052 13.8715 81.802 18.943C88.7376 23.1882 94.6187 28.5144 100.852 33.5113C95.1561 33.508 89.4292 34.5084 84.7225 36.8576C81.9555 38.2404 83.4736 42.4769 86.4885 41.9425C91.0648 41.1333 95.3424 39.7652 100.05 39.5838C104.415 39.4115 108.626 39.9863 112.924 40.6872C114.981 41.0253 116.495 38.3804 115.551 36.6652Z' fill='white'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    top: 0;
    left: calc(100% - 30px)
}

.process-card3 .process-card-wrap:nth-child(even):after {
    top: unset;
    bottom: 0;
    -webkit-transform: rotateX(180deg);
    transform: rotateX(180deg)
}

.process-card3 .process-card-wrap:last-child:after {
    display: none
}

@media (max-width: 1199px) {
    .process-card3 {
        margin:15px
    }
}

.process-card3:before {
    content: '';
    width: 216px;
    height: 216px;
    position: absolute;
    top: -17px;
    left: -17px;
    border: 4px dotted var(--theme-color);
    border-radius: inherit
}

.process-card3 .process-card_icon {
    width: 82px;
    height: 82px;
    line-height: 78px;
    border: 3px solid var(--white-color);
    background-color: var(--theme-color);
    border-radius: 50%;
    font-size: 34px;
    color: var(--white-color);
    position: absolute;
    top: -35px;
    left: -25px
}

.process-card3 .process-card_icon i {
    -webkit-transition: 0.4s ease-in-out;
    transition: 0.4s ease-in-out
}

.process-card3 .process-card_icon:after {
    display: none
}

.process-card3 .process-card_title {
    font-size: 20px;
    margin-bottom: 8px;
    text-align: center
}

.process-card3 .process-card_text {
    margin-bottom: 0;
    font-size: 14px
}

.process-card3:hover:before {
    -webkit-animation: spin 10s linear infinite;
    animation: spin 10s linear infinite
}

.project-slider-1 .slick-list {
    padding: 0 430px !important
}

@media (max-width: 1600px) {
    .project-slider-1 .slick-list {
        padding:0 350px !important
    }
}

@media (max-width: 1299px) {
    .project-slider-1 .slick-list {
        padding:0 200px !important
    }
}

@media (max-width: 991px) {
    .project-slider-1 .slick-list {
        padding:0 !important
    }
}

.project-slider-1 .slick-slide {
    -webkit-transition: 0.4s;
    transition: 0.4s;
    height: 500px
}

.project-slider-1 .slick-slide .project-img {
    height: 500px
}

.project-slider-1 .slick-slide .project-img img {
    height: 500px;
    object-fit: cover
}

.project-slider-1 .slick-slide.slick-center:hover .project-content {
    opacity: 1
}

.project-slider-2 {
    padding: 0;
    height: 472px
}

.project-slider-2 .slick-list {
    padding: 0 700px !important
}

@media (min-width: 1922px) {
    .project-slider-2 .slick-list {
        padding:0 550px !important
    }
}

@media (max-width: 1699px) {
    .project-slider-2 .slick-list {
        padding:0 450px !important
    }
}

@media (max-width: 1299px) {
    .project-slider-2 .slick-list {
        padding:0 250px !important
    }
}

@media (max-width: 991px) {
    .project-slider-2 .slick-list {
        padding:0 !important
    }
}

.project-slider-2 .slick-slide {
    -webkit-transition: 0.4s;
    transition: 0.4s;
    height: 472px
}

.project-slider-2 .slick-slide .project-img {
    height: 472px;
    -webkit-transition: 0.4s;
    transition: 0.4s
}

.project-slider-2 .slick-slide .project-img img {
    height: 472px;
    object-fit: cover;
    -webkit-transition: 0.4s;
    transition: 0.4s
}

.project-slider-2 .slick-slide .project-item:after {
    margin: 0
}

.project-slider-2 .slick-slide .project-content {
    opacity: 0
}

.project-slider-2 .slick-slide.slick-center:hover .project-content {
    opacity: 1
}

.project-slider-2 .slick-slide.slick-center:hover .project-item:after {
    margin: 30px
}

.project-card {
    position: relative;
    --space: 130px;
    overflow: hidden
}

@media (max-width: 1199px) {
    .project-card {
        --space: 70px
    }
}

@media (max-width: 575px) {
    .project-card {
        --space: 0px
    }
}

.project-card.slick-initialized .slick-slide {
    display: block !important
}

.project-card:hover .project-img:before {
    opacity: 1;
    visibility: visible
}

.project-card:hover .project-content {
    bottom: 30px;
    opacity: 1
}

.project-card .project-img {
    position: relative;
    overflow: hidden
}

.project-card .project-img:before {
    content: "";
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    background: -webkit-linear-gradient(bottom, rgba(0,0,0,0.6), rgba(0,0,0,0.6));
    background: linear-gradient(0deg, rgba(0,0,0,0.6), rgba(0,0,0,0.6));
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease
}

.project-card .project-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease
}

.project-card .project-content {
    position: absolute;
    left: var(--space);
    bottom: -30px;
    opacity: 0;
    min-width: 400px;
    padding: 40px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    text-align: center;
    opacity: 0;
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease
}

@media (max-width: 991px) {
    .project-card .project-content {
        bottom:-30px
    }
}

@media (max-width: 575px) {
    .project-card .project-content {
        min-width:100%
    }
}

.project-card .project-content .project-subtitle {
    color: var(--theme-color);
    font-size: 14px;
    display: block;
    margin-bottom: 5px
}

.project-card .project-content .box-title {
    margin-bottom: 0
}

.project-item {
    position: relative
}

.project-item:after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    height: -webkit-fill-available;
    width: -webkit-fill-available;
    background: rgba(1,15,52,0.77);
    -webkit-backdrop-filter: blur(10.6px);
    backdrop-filter: blur(10.6px);
    z-index: 0;
    opacity: 0;
    -webkit-transition: 0.4s all;
    transition: 0.4s all;
    margin: 0px
}

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

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

.project-item .project-content {
    position: absolute;
    top: 50%;
    left: 50%;
    text-align: center;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    opacity: 0;
    -webkit-transition: 0.4s all;
    transition: 0.4s all;
    min-width: 400px;
    z-index: 1
}

.project-item .project-content .icon-btn {
    width: var(--btn-size, 56px);
    height: var(--btn-size, 56px);
    line-height: var(--btn-size, 56px);
    border-radius: 50%;
    border: 2px solid var(--white-color);
    color: var(--white-color);
    font-size: 20px
}

.project-item .project-content .icon-btn:hover {
    background: var(--white-color);
    color: var(--title-color)
}

.project-item .project-content .box-title {
    font-size: 30px;
    line-height: 40px;
    margin-bottom: 20px
}

.project-item .project-content .box-title a:not(:hover) {
    color: var(--white-color)
}

.project-item .project-content .project-subtitle {
    color: var(--theme-color3);
    margin-bottom: 8px
}

.project-item:hover:after {
    opacity: 1;
    margin: 30px
}

.project-item:hover .project-content {
    opacity: 1
}

.project-item.style2 .box-title {
    font-size: 20px;
    line-height: 30px
}

.project-item.style2 .project-content .icon-btn {
    width: var(--btn-size, 46px);
    height: var(--btn-size, 46px);
    line-height: var(--btn-size, 46px);
    border-radius: 50%;
    border: 2px solid var(--white-color);
    color: var(--white-color);
    font-size: 16px
}

.project-item.style2 .project-content .icon-btn:hover {
    background: var(--white-color);
    color: var(--title-color)
}

.project-details-nav {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    list-style: none;
    margin: 35px 0 0 0;
    padding: 0;
    border-top: 1px solid rgba(18,18,18,0.1);
    padding: 50px 0
}

.project-details-nav li {
    font-family: var(--body-font);
    max-width: 430px
}

.project-details-nav li a {
    color: var(--title-color);
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    gap: 20px;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.project-details-nav li a:hover {
    color: var(--theme-color)
}

.project-details-nav li a:hover .icon {
    background: var(--theme-color)
}

.project-details-nav li a .title {
    font-weight: 700;
    font-size: 24px;
    line-height: 34px;
    display: block;
    margin-bottom: 5px
}

@media (max-width: 1199px) {
    .project-details-nav li a .title {
        display:none
    }
}

.project-details-nav li a .text {
    font-family: var(--body-font);
    font-weight: 700;
    font-size: 16px;
    line-height: 26px;
    text-transform: uppercase;
    color: #0A0A0A
}

.project-details-nav li a .text i {
    margin-right: 5px;
    color: var(--theme-color)
}

.project-details-nav li .thumb {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-flex: 0;
    -webkit-flex: none;
    -ms-flex: none;
    flex: none;
    min-width: 120px
}

@media (max-width: 767px) {
    .project-details-nav li .thumb {
        display:none
    }
}

.project-details-nav li .icon {
    height: 50px;
    width: 50px;
    line-height: 50px;
    background: var(--theme-color);
    border-radius: 50%;
    color: var(--white-color);
    display: inline-block;
    text-align: center;
    -webkit-transform: translate(50%, 0);
    -ms-transform: translate(50%, 0);
    transform: translate(50%, 0);
    margin-left: -25px;
    -webkit-transition: 0.4s;
    transition: 0.4s;
    -webkit-box-flex: 0;
    -webkit-flex: none;
    -ms-flex: none;
    flex: none
}

.project-details-nav li .project-details-bar-icon {
    font-size: 35px;
    color: var(--title-color);
    font-weight: 500
}

.project-details-nav li.next-project-nav {
    text-align: right
}

.project-details-nav li.next-project-nav .thumb {
    margin-right: 0
}

.project-details-nav li.next-project-nav .text i {
    margin: 0 0 0 5px
}

.portfolio-sec {
    position: relative;
    overflow: hidden
}

.portfolio-img {
    position: relative
}

@media (max-width: 991px) {
    .portfolio-img {
        margin-bottom:0
    }
}

@media (max-width: 767px) {
    .portfolio-img {
        margin-bottom:30px
    }
}

.projectSlider1 .slick-slide.slick-current.slick-active.slick-center .project-card.style2 .project-img {
    -webkit-transform: scaleY(0.9);
    -ms-transform: scaleY(0.9);
    transform: scaleY(0.9)
}

.projectSlider1 .slick-slide.slick-current.slick-active.slick-center .project-card.style2 .project-content {
    bottom: 70px;
    opacity: 1
}

.projectSlider3 .slick-slide.slick-current.slick-active.slick-center .project-card.style2 .project-img {
    -webkit-transform: scaleY(0.9);
    -ms-transform: scaleY(0.9);
    transform: scaleY(0.9)
}

.project-details-wrap {
    position: relative;
    z-index: 3;
    padding: 30px 10px;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 0 70px;
    border-bottom: 1px solid var(--gray-color);
    margin-bottom: 40px
}

@media (max-width: 1399px) {
    .project-details-wrap {
        gap:0 30px
    }
}

@media (max-width: 1299px) {
    .project-details-wrap {
        gap:0 10px
    }
}

@media (max-width: 1199px) {
    .project-details-wrap {
        grid-template-columns:repeat(2, 1fr);
        gap: 10px 20px;
        padding: 0 10px 30px 10px
    }
}

@media (max-width: 767px) {
    .project-details-wrap {
        grid-template-columns:repeat(1, 1fr)
    }
}

.project-details-wrap li {
    list-style: none;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 5px
}

.project-details-wrap li .title {
    font-weight: 600;
    font-size: 16px;
    color: #0A0A0A;
    margin-bottom: 0
}

.project-details-wrap li .text {
    font-weight: 400;
    font-size: 16px;
    color: #4b4b4b;
    margin-bottom: 0
}

.th-loader {
    position: relative
}

.loadcontent {
    display: none
}

@media (min-width: 1300px) {
    .project-area .th-container {
        --main-container: 1560px
    }
}

@media (max-width: 1199px) {
    .project-area .th-container {
        max-width:100%
    }
}

.px-5 {
    padding-right: 5px;
    padding-left: 5px
}

.px-10 {
    padding-right: 10px;
    padding-left: 10px
}

.px-15 {
    padding-right: 15px;
    padding-left: 15px
}

.px-20 {
    padding-right: 20px;
    padding-left: 20px
}

.px-25 {
    padding-right: 25px;
    padding-left: 25px
}

.px-30 {
    padding-right: 30px;
    padding-left: 30px
}

.px-35 {
    padding-right: 35px;
    padding-left: 35px
}

.px-40 {
    padding-right: 40px;
    padding-left: 40px
}

.px-45 {
    padding-right: 45px;
    padding-left: 45px
}

.px-50 {
    padding-right: 50px;
    padding-left: 50px
}

.py-5 {
    padding-top: 5px;
    padding-bottom: 5px
}

.py-10 {
    padding-top: 10px;
    padding-bottom: 10px
}

.py-15 {
    padding-top: 15px;
    padding-bottom: 15px
}

.py-20 {
    padding-top: 20px;
    padding-bottom: 20px
}

.py-25 {
    padding-top: 25px;
    padding-bottom: 25px
}

.py-30 {
    padding-top: 30px;
    padding-bottom: 30px
}

.py-35 {
    padding-top: 35px;
    padding-bottom: 35px
}

.py-40 {
    padding-top: 40px;
    padding-bottom: 40px
}

.py-45 {
    padding-top: 45px;
    padding-bottom: 45px
}

.py-50 {
    padding-top: 50px;
    padding-bottom: 50px
}

.pt-5 {
    padding-top: 5px
}

.pt-10 {
    padding-top: 10px
}

.pt-15 {
    padding-top: 15px
}

.pt-20 {
    padding-top: 20px
}

.pt-25 {
    padding-top: 25px
}

.pt-30 {
    padding-top: 30px
}

.pt-35 {
    padding-top: 35px
}

.pt-40 {
    padding-top: 40px
}

.pt-45 {
    padding-top: 45px
}

.pt-50 {
    padding-top: 50px
}

.pb-5 {
    padding-bottom: 5px
}

.pb-10 {
    padding-bottom: 10px
}

.pb-15 {
    padding-bottom: 15px
}

.pb-20 {
    padding-bottom: 20px
}

.pb-25 {
    padding-bottom: 25px
}

.pb-30 {
    padding-bottom: 30px
}

.pb-35 {
    padding-bottom: 35px
}

.pb-40 {
    padding-bottom: 40px
}

.pb-45 {
    padding-bottom: 45px
}

.pb-50 {
    padding-bottom: 50px
}

.pl-5 {
    padding-left: 5px
}

.pl-10 {
    padding-left: 10px
}

.pl-15 {
    padding-left: 15px
}

.pl-20 {
    padding-left: 20px
}

.pl-25 {
    padding-left: 25px
}

.pl-30 {
    padding-left: 30px
}

.pl-35 {
    padding-left: 35px
}

.pl-40 {
    padding-left: 40px
}

.pl-45 {
    padding-left: 45px
}

.pl-50 {
    padding-left: 50px
}

.pr-5 {
    padding-right: 5px
}

.pr-10 {
    padding-right: 10px
}

.pr-15 {
    padding-right: 15px
}

.pr-20 {
    padding-right: 20px
}

.pr-25 {
    padding-right: 25px
}

.pr-30 {
    padding-right: 30px
}

.pr-35 {
    padding-right: 35px
}

.pr-40 {
    padding-right: 40px
}

.pr-45 {
    padding-right: 45px
}

.pr-50 {
    padding-right: 50px
}

.pb-60 {
    padding-bottom: 60px
}

.mx-5 {
    margin-right: 5px;
    margin-left: 5px
}

.mx-10 {
    margin-right: 10px;
    margin-left: 10px
}

.mx-15 {
    margin-right: 15px;
    margin-left: 15px
}

.mx-20 {
    margin-right: 20px;
    margin-left: 20px
}

.mx-25 {
    margin-right: 25px;
    margin-left: 25px
}

.mx-30 {
    margin-right: 30px;
    margin-left: 30px
}

.mx-35 {
    margin-right: 35px;
    margin-left: 35px
}

.mx-40 {
    margin-right: 40px;
    margin-left: 40px
}

.mx-45 {
    margin-right: 45px;
    margin-left: 45px
}

.mx-50 {
    margin-right: 50px;
    margin-left: 50px
}

.my-5 {
    margin-top: 5px;
    margin-bottom: 5px
}

.my-10 {
    margin-top: 10px;
    margin-bottom: 10px
}

.my-15 {
    margin-top: 15px;
    margin-bottom: 15px
}

.my-20 {
    margin-top: 20px;
    margin-bottom: 20px
}

.my-25 {
    margin-top: 25px;
    margin-bottom: 25px
}

.my-30 {
    margin-top: 30px;
    margin-bottom: 30px
}

.my-35 {
    margin-top: 35px;
    margin-bottom: 35px
}

.my-40 {
    margin-top: 40px;
    margin-bottom: 40px
}

.my-45 {
    margin-top: 45px;
    margin-bottom: 45px
}

.my-50 {
    margin-top: 50px;
    margin-bottom: 50px
}

.mt-5 {
    margin-top: 5px
}

.mt-10 {
    margin-top: 10px
}

.mt-15 {
    margin-top: 15px
}

.mt-20 {
    margin-top: 20px
}

.mt-25 {
    margin-top: 25px
}

.mt-30 {
    margin-top: 30px
}

.mt-35 {
    margin-top: 35px
}

.mt-40 {
    margin-top: 40px
}

.mt-45 {
    margin-top: 45px
}

.mt-50 {
    margin-top: 50px
}

.mb-5 {
    margin-bottom: 5px
}

.mb-10 {
    margin-bottom: 10px
}

.mb-15 {
    margin-bottom: 15px
}

.mb-20 {
    margin-bottom: 20px
}

.mb-25 {
    margin-bottom: 25px
}

.mb-30 {
    margin-bottom: 30px
}

.mb-35 {
    margin-bottom: 35px
}

.mb-40 {
    margin-bottom: 40px
}

.mb-45 {
    margin-bottom: 45px
}

.mb-50 {
    margin-bottom: 50px
}

.ml-5 {
    margin-left: 5px
}

.ml-10 {
    margin-left: 10px
}

.ml-15 {
    margin-left: 15px
}

.ml-20 {
    margin-left: 20px;
}

.ml-25 {
    margin-left: 25px
}

.ml-30 {
    margin-left: 30px
}

.ml-35 {
    margin-left: 35px
}

.ml-40 {
    margin-left: 40px
}

.ml-45 {
    margin-left: 45px
}

.ml-50 {
    margin-left: 50px
}

.mr-5 {
    margin-right: 5px
}

.mr-10 {
    margin-right: 10px
}

.mr-15 {
    margin-right: 15px
}

.mr-20 {
    margin-right: 20px
}

.mr-25 {
    margin-right: 25px
}

.mr-30 {
    margin-right: 30px
}

.mr-35 {
    margin-right: 35px
}

.mr-40 {
    margin-right: 40px
}

.mr-45 {
    margin-right: 45px
}

.mr-50 {
    margin-right: 50px
}

.mb-60 {
    margin-bottom: 60px
}

.mt-n1 {
    margin-top: -.25rem
}

.mt-n2 {
    margin-top: -.65rem
}

@media (max-width: 1299px) {
    .mt-n2 {
        margin-top:0
    }
}

.mt-n3 {
    margin-top: -0.8rem
}

.mt-n4 {
    margin-top: -1.5rem
}

.mt-n5 {
    margin-top: -3rem
}

.mb-n1 {
    margin-bottom: -.25rem
}

.mb-n2 {
    margin-bottom: -.6rem
}

.mb-n3 {
    margin-bottom: -0.8rem
}

.mb-n4 {
    margin-bottom: -1.5rem
}

.mb-n5 {
    margin-bottom: -3rem
}

.mr-25 {
    margin-right: 25px
}

.mr-35 {
    margin-right: 35px
}

.mr-80 {
    margin-right: 80px
}

@media (max-width: 767px) {
    .mr-80 {
        margin-right:0
    }
}

.ml-80 {
    margin-left: 80px
}

@media (max-width: 1399px) {
    .ml-80 {
        margin-left:0
    }
}

.mt-75 {
    margin-top: -75px
}

.mt-60 {
    margin-top: 60px
}

.fs-6 {
    font-size: 1.5rem !important
}

.fs-24 {
    font-size: 24px
}

.ser-gy-4 {
    --bs-gutter-y: 2.3rem
}

.space,.space-top {
    padding-top: var(--section-space)
}

.space,.space-bottom {
    padding-bottom: var(--section-space)
}

.space-extra,.space-extra-top {
    padding-top: calc(var(--section-space) - 30px)
}

.space-extra,.space-extra-bottom {
    padding-bottom: calc(var(--section-space) - 30px)
}

.space-extra2,.space-extra2-top {
    padding-top: calc(var(--section-space) - 40px)
}

.space-extra2,.space-extra2-bottom {
    padding-bottom: calc(var(--section-space) - 40px)
}

@media (max-width: 991px) {
    .space,.space-top {
        padding-top:var(--section-space-mobile)
    }

    .space,.space-bottom {
        padding-bottom: var(--section-space-mobile)
    }

    .space-extra,.space-extra-top {
        padding-top: calc(var(--section-space-mobile) - 30px)
    }

    .space-extra,.space-extra-bottom {
        padding-bottom: calc(var(--section-space-mobile) - 30px)
    }

    .space-top-md-none {
        padding-top: 0
    }

    .space-extra2,.space-extra2-top {
        padding-top: 70px
    }

    .space-extra2,.space-extra2-bottom {
        padding-bottom: 70px
    }
}

.process-box {
    position: relative;
    text-align: center;
    z-index: 2
}

.process-box_img {
    position: relative;
    background-color: var(--smoke-color);
    width: 100px;
    height: 100px;
    line-height: 100px;
    display: block;
    text-align: center;
    border-radius: 50%;
    margin: auto;
    z-index: 2;
    -webkit-transition: 0.4s ease-in-out;
    transition: 0.4s ease-in-out
}

.process-box_img:before {
    content: "";
    position: absolute;
    inset: -10px;
    border: 1px dashed var(--theme-color);
    border-radius: 50%
}

.process-box_img:after {
    content: "";
    position: absolute;
    inset: 0;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    border-radius: 50%;
    background-color: var(--theme-color);
    -webkit-transform-origin: center;
    -ms-transform-origin: center;
    transform-origin: center;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-transition: all 0.5s cubic-bezier(0.62, 0.21, 0.45, 1.52);
    transition: all 0.5s cubic-bezier(0.62, 0.21, 0.45, 1.52);
    z-index: -1
}

.process-box_img img {
    -webkit-transition: 0.4s ease-in-out;
    transition: 0.4s ease-in-out
}

.process-box .number {
    position: relative;
    width: 40px;
    height: 40px;
    display: block;
    border-radius: 50%;
    background-color: var(--title-color);
    line-height: 40px;
    font-size: 20px;
    color: var(--white-color);
    font-family: var(--title-font);
    font-weight: 500;
    margin: -5px auto 30px auto;
    z-index: 2;
    -webkit-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out
}

.process-box_shape {
    content: '';
    position: absolute;
    left: 43%;
    top: 50.5%;
    width: 28px;
    height: 20px;
    -webkit-transform: translate(50%, -50%);
    -ms-transform: translate(50%, -50%);
    transform: translate(50%, -50%);
    -webkit-filter: drop-shadow(0px 0px 50px rgba(0,0,0,0.08));
    filter: drop-shadow(0px 0px 50px rgba(0,0,0,0.08));
    z-index: 3
}

@media (max-width: 1399px) {
    .process-box_shape {
        top:51.5%
    }
}

@media (max-width: 1299px) {
    .process-box_shape {
        top:53.5%
    }
}

@media (max-width: 1199px) {
    .process-box_shape {
        top:48.6%
    }
}

@media (max-width: 991px) {
    .process-box_shape {
        top:53.6%
    }
}

@media (max-width: 575px) {
    .process-box_shape {
        display:none
    }
}

.process-box_shape:before {
    position: absolute;
    content: "";
    inset: 0;
    background-color: var(--white-color);
    -webkit-clip-path: polygon(50% 0%, 0% 100%, 100% 100%);
    clip-path: polygon(50% 0%, 0% 100%, 100% 100%)
}

.process-box_content {
    position: relative;
    background-color: var(--white-color);
    padding: 30px;
    text-align: center;
    box-shadow: 0px 10px 50px rgba(0,0,0,0.08);
    border-radius: 60px;
    z-index: 2;
    overflow: hidden
}

@media (max-width: 1299px) {
    .process-box_content {
        padding:25px
    }
}

.process-box_content:before {
    content: "";
    width: 0;
    height: 100%;
    background-color: var(--title-color);
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    border-radius: 60px;
    -webkit-transition: 0.5s ease;
    transition: 0.5s ease
}

.process-box .box-title {
    margin-top: -0.5rem;
    margin-bottom: 5px
}

.process-box_text {
    margin-bottom: -0.4rem
}

.process-box .animation-bubble.style3 div[class^=bubble-] {
    background: url(../img/update_2/shape/bubble_1.png) no-repeat center center;
    background-size: cover;
    opacity: 0
}

.process-box:hover .box-title {
    color: var(--white-color)
}

.process-box:hover .process-box_content .animation-bubble.style3 div[class^=bubble-] {
    opacity: 0.28
}

.process-box:hover .process-box_content:before {
    width: 100%
}

.process-box:hover .process-box_shape:before {
    background-color: var(--theme-color)
}

.process-box:hover .process-box_img:after {
    -webkit-transform: scaleX(1);
    -ms-transform: scaleX(1);
    transform: scaleX(1)
}

.process-box:hover .process-box_img img {
    -webkit-filter: brightness(0) invert(1);
    filter: brightness(0) invert(1);
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg)
}

.header-layout5 .header-button .icon-btn {
    font-size: var(--btn-font-size, 20px)
}

@media (max-width: 1399px) {
    .header-layout5 .header-button .icon-btn {
        font-size:var(--btn-font-size, 16px)
    }
}

.hero-5 {
    position: relative;
    z-index: 3
}

.hero-5 .bottom-shape {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 452px;
    background-size: cover;
    background-repeat: repeat-x;
    background-position: bottom center;
    z-index: 5
}

.hero-style5 {
    padding: 140px 0 180px 0;
    text-align: center;
    min-height: 1023px
}

@media (max-width: 575px) {
    .hero-style5 {
        padding:100px 0 100px 0
    }
}

.hero-style5 .hero-title {
    position: relative;
    font-size: 74px;
    line-height: 100px;
    text-transform: uppercase;
    color: var(--title-color);
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-flex-wrap: wrap;
    -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
}

@media (max-width: 1199px) {
    .hero-style5 .hero-title {
        font-size:54px
    }
}

@media (max-width: 991px) {
    .hero-style5 .hero-title {
        font-size:40px;
        line-height: 80px
    }
}

@media (max-width: 767px) {
    .hero-style5 .hero-title {
        line-height:70px
    }
}

.hero-style5 .hero-title .hero-title2 {
    font-weight: 500
}

.hero-style5 .hero-title .hero-video {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center;
    line-height: normal;
    padding: 0 18px
}

.hero-style5 .hero-title img {
    margin: 0 3px;
    border-radius: 16px
}

.hero-style5 .hero-play-btn {
    position: relative;
    display: inline-block;
    width: var(--icon-size, 40px);
    height: var(--icon-size, 40px);
    line-height: var(--icon-size, 40px);
    text-align: center;
    background-color: var(--theme-color);
    color: var(--white-color);
    font-size: 14px;
    border-radius: 50%;
    z-index: 1;
    -webkit-transition: all ease 0.4s;
    transition: all ease 0.4s;
    -webkit-transform: translate(-50% 50%);
    -ms-transform: translate(-50% 50%);
    transform: translate(-50% 50%)
}

.hero-style5 .hero-play-btn:after {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    z-index: -1;
    bottom: 0;
    left: 0;
    -webkit-transition: 0.3;
    transition: 0.3;
    border-radius: 50%;
    border: 1px solid var(--theme-color);
    -webkit-animation: ripple 2s linear 1s infinite;
    animation: ripple 2s linear 1s infinite
}

.hero-6 {
    position: relative
}

.hero-6 .th-hero-img {
    position: absolute;
    right: 100px;
    top: 140px
}

@media (max-width: 1699px) {
    .hero-6 .th-hero-img {
        right:0px
    }
}

@media (max-width: 991px) {
    .hero-6 .th-hero-img {
        position:relative;
        top: 0px
    }
}

.hero-6 .hero-img6 {
    position: absolute;
    right: 0;
    top: 0;
    max-width: 990px;
    height: 634px
}

@media (max-width: 1299px) {
    .hero-6 .hero-img6 {
        max-width:850px
    }
}

.hero-6 .hero-img6 img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    -webkit-clip-path: path("M638.122 0H990V307.891L658.177 634H0L638.122 0Z");
    clip-path: path("M638.122 0H990V307.891L658.177 634H0L638.122 0Z")
}

@media (max-width: 767px) {
    .hero-6 .hero-img6 img {
        -webkit-clip-path:none;
        clip-path: none
    }
}

.hero-6 .hero-shape {
    width: 100%;
    height: 100%
}

@media (max-width: 1299px) {
    .hero-6 .hero-shape {
        max-width:850px
    }
}

.hero-6 .hero-shape img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.hero-style6 {
    padding: 301px 0 161px 0;
    max-width: 700px;
    position: relative;
    z-index: 5;
    text-align: left
}

@media (max-width: 1299px) {
    .hero-style6 {
        max-width:600px
    }
}

@media (max-width: 991px) {
    .hero-style6 {
        padding:250px 0 80px 0;
        text-align: center;
        max-width: 100%
    }
}

.hero-style6 .hero-subtitle {
    color: var(--theme-color3);
    margin-bottom: 0px
}

.hero-style6 .hero-subtitle span {
    display: inline-block;
    position: relative
}

.hero-style6 .hero-subtitle:after {
    background-color: var(--theme-color3)
}

@media (max-width: 991px) {
    .hero-style6 .hero-subtitle::before {
        background-color:var(--theme-color3);
        margin-left: -4.8rem
    }
}

@media (max-width: 991px) and (max-width: 575px) {
    .hero-style6 .hero-subtitle::before {
        margin-left:-5rem
    }
}

.hero-style6 .hero-title {
    line-height: 94px;
    color: var(--title-color)
}

@media (max-width: 1500px) {
    .hero-style6 .hero-title {
        font-size:74px;
        line-height: 84px
    }
}

@media (max-width: 1299px) {
    .hero-style6 .hero-title {
        font-size:64px;
        line-height: 74px
    }
}

@media (max-width: 575px) {
    .hero-style6 .hero-title {
        font-size:54px;
        line-height: 64px
    }
}

@media (max-width: 480px) {
    .hero-style6 .hero-title {
        font-size:44px;
        line-height: 54px
    }
}

.hero-style6 .hero-text {
    color: var(--title-color);
    max-width: 530px;
    margin-bottom: 30px
}

@media (max-width: 1299px) {
    .hero-style6 .hero-text {
        max-width:400px
    }
}

@media (max-width: 991px) {
    .hero-style6 .hero-text {
        max-width:100%
    }
}

.img-box5 {
    position: relative
}

@media (max-width: 1199px) {
    .img-box5 {
        margin-bottom:50px
    }
}

.img-box5 .img1 {
    position: relative;
    text-align: center;
    border-radius: 250px 250px 0px 0px;
    z-index: 2
}

@media (max-width: 1199px) {
    .img-box5 .img1 {
        text-align:left
    }
}

.img-box5 .img1:before,.img-box5 .img1:after {
    content: "";
    position: absolute;
    width: 491px;
    height: 559px;
    border-radius: 250px 250px 0px 0px;
    z-index: -1
}

.img-box5 .img1:before {
    bottom: 0px;
    left: 18px;
    background-color: var(--theme-color)
}

@media (max-width: 1199px) {
    .img-box5 .img1:before {
        left:0px
    }
}

.img-box5 .img1:after {
    bottom: 0;
    right: 0;
    border: 2px solid var(--theme-color)
}

@media (max-width: 1199px) {
    .img-box5 .img1:after {
        right:unset;
        left: 50px
    }
}

.img-box5 .img1 img {
    margin-bottom: 20px;
    margin-left: 20px;
    border-radius: 250px 250px 0px 0px
}

.img-box5 .th-experience {
    position: absolute;
    top: 50%;
    left: -10%;
    z-index: 2;
    border-radius: 30px;
    background: var(--theme-color);
    box-shadow: 0px 13px 25px 0px rgba(0,0,0,0.05);
    width: 188px;
    color: var(--white-color);
    text-align: center;
    padding: 30px
}

@media (max-width: 1199px) {
    .img-box5 .th-experience {
        left:0
    }
}

@media (max-width: 375px) {
    .img-box5 .th-experience {
        top:auto;
        bottom: 0
    }
}

.img-box5 .th-experience .experience-year {
    font-size: 64px;
    color: var(--white-color);
    margin-bottom: 0px
}

.img-box5 .th-experience .experience-text {
    color: var(--white-color)
}

.achive-about-wrap.style2 {
    border: none;
    padding: 0;
    margin-bottom: 30px
}

.achive-about-wrap.style2 .achive-about {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.feature-wrapper.style2 .icon-btn {
    background-color: var(--theme-color3);
    border-color: var(--theme-color3)
}

.img-box6 {
    position: relative;
    z-index: 2
}

@media (max-width: 1199px) {
    .img-box6 {
        margin-bottom:50px
    }
}

@media (max-width: 575px) {
    .img-box6 {
        margin-bottom:70px
    }
}

.img-box6 .img1 {
    position: relative;
    min-width: 560px;
    max-height: 555px;
    z-index: 2
}

@media (max-width: 575px) {
    .img-box6 .img1 {
        min-width:100%;
        max-height: 100%
    }
}

.img-box6 .img1 img {
    -webkit-clip-path: path("M371.567 497.554C460.416 479.727 523.85 399.053 515.359 308.834C511.598 268.952 494.175 229.775 449.78 202.991C320.62 125.107 334.165 81.0837 357.876 53.9769C381.586 26.87 259.625 -37.7106 157.966 31.8332C56.3076 101.377 71.5859 48.8962 19.0817 48.8962C-33.4224 48.8962 42.0578 223.314 19.0817 282.579C-33.4518 418.025 92.2408 553.618 371.567 497.554Z");
    clip-path: path("M371.567 497.554C460.416 479.727 523.85 399.053 515.359 308.834C511.598 268.952 494.175 229.775 449.78 202.991C320.62 125.107 334.165 81.0837 357.876 53.9769C381.586 26.87 259.625 -37.7106 157.966 31.8332C56.3076 101.377 71.5859 48.8962 19.0817 48.8962C-33.4224 48.8962 42.0578 223.314 19.0817 282.579C-33.4518 418.025 92.2408 553.618 371.567 497.554Z")
}

.img-box6 .about-shape6-1 {
    position: absolute;
    left: -28px;
    top: 30px;
    background-color: var(--theme-color);
    width: 100%;
    height: 100%;
    -webkit-clip-path: path("M145.076 13.6602C56.1981 31.4867 -7.23584 112.161 1.25532 202.38C5.0161 242.262 22.4391 281.439 66.834 308.223C195.994 386.108 182.449 430.13 158.738 457.237C135.028 484.344 256.989 548.925 358.648 479.381C460.306 409.837 445.058 462.318 497.562 462.318C550.066 462.318 474.586 287.9 497.562 228.635C550.066 93.1598 424.373 -42.4037 145.076 13.6602Z");
    clip-path: path("M145.076 13.6602C56.1981 31.4867 -7.23584 112.161 1.25532 202.38C5.0161 242.262 22.4391 281.439 66.834 308.223C195.994 386.108 182.449 430.13 158.738 457.237C135.028 484.344 256.989 548.925 358.648 479.381C460.306 409.837 445.058 462.318 497.562 462.318C550.066 462.318 474.586 287.9 497.562 228.635C550.066 93.1598 424.373 -42.4037 145.076 13.6602Z");
    z-index: -1
}

.img-box6 .about-shape6-2 {
    position: absolute;
    left: -36px;
    top: 20px;
    background-color: var(--title-color);
    width: 100%;
    height: 100%;
    -webkit-clip-path: path("M84.0892 532C71.4553 532 61.5245 530.091 55.5895 525.187C51.4468 521.78 49.3607 517.022 49.3607 511.061C49.3607 493.146 55.2663 482.603 60.4962 473.323C71.2497 454.174 79.7408 439.05 32.114 369.506C-23.6515 288.097 3.79054 192.357 33.5243 165.984C42.1623 158.319 50.771 157.086 57.0879 162.607C71.3966 175.118 85 179.876 99.9257 177.556C130.746 172.768 167.003 136.146 207.696 68.7464C232.17 28.1889 269.102 5.34047 317.464 0.788398C409.926 -7.93395 493.956 55.9712 512.701 149.421C543.845 304.426 520.047 428.389 447.387 489.504C403.991 526.009 346.639 534.379 290.08 512.5C263.314 502.133 213.425 511.589 165.181 520.752C134.86 526.45 105.596 532 84.0892 532ZM48.2442 162.167C43.3082 162.167 38.4897 165.573 35.5222 168.216C6.46422 194.002 -20.1845 287.804 34.6114 367.803C83.2959 438.874 74.3934 454.732 63.1405 474.791C57.8519 484.218 52.387 493.939 52.387 511.061C52.387 516.141 54.0617 520.018 57.5287 522.867C72.4543 535.231 117.231 526.743 164.652 517.757C213.307 508.535 263.637 498.99 291.197 509.651C346.698 531.148 402.933 522.955 445.448 487.184C517.226 426.803 540.672 303.897 509.734 150.008C491.283 58.0857 408.751 -4.76219 317.728 3.78395C270.366 8.24792 234.227 30.6265 210.252 70.3029C168.531 139.436 132.597 175.5 100.396 180.492C84.5299 182.959 70.1332 177.996 55.09 164.839C52.8864 162.93 50.5359 162.167 48.2442 162.167Z ");
    clip-path: path("M84.0892 532C71.4553 532 61.5245 530.091 55.5895 525.187C51.4468 521.78 49.3607 517.022 49.3607 511.061C49.3607 493.146 55.2663 482.603 60.4962 473.323C71.2497 454.174 79.7408 439.05 32.114 369.506C-23.6515 288.097 3.79054 192.357 33.5243 165.984C42.1623 158.319 50.771 157.086 57.0879 162.607C71.3966 175.118 85 179.876 99.9257 177.556C130.746 172.768 167.003 136.146 207.696 68.7464C232.17 28.1889 269.102 5.34047 317.464 0.788398C409.926 -7.93395 493.956 55.9712 512.701 149.421C543.845 304.426 520.047 428.389 447.387 489.504C403.991 526.009 346.639 534.379 290.08 512.5C263.314 502.133 213.425 511.589 165.181 520.752C134.86 526.45 105.596 532 84.0892 532ZM48.2442 162.167C43.3082 162.167 38.4897 165.573 35.5222 168.216C6.46422 194.002 -20.1845 287.804 34.6114 367.803C83.2959 438.874 74.3934 454.732 63.1405 474.791C57.8519 484.218 52.387 493.939 52.387 511.061C52.387 516.141 54.0617 520.018 57.5287 522.867C72.4543 535.231 117.231 526.743 164.652 517.757C213.307 508.535 263.637 498.99 291.197 509.651C346.698 531.148 402.933 522.955 445.448 487.184C517.226 426.803 540.672 303.897 509.734 150.008C491.283 58.0857 408.751 -4.76219 317.728 3.78395C270.366 8.24792 234.227 30.6265 210.252 70.3029C168.531 139.436 132.597 175.5 100.396 180.492C84.5299 182.959 70.1332 177.996 55.09 164.839C52.8864 162.93 50.5359 162.167 48.2442 162.167Z ");
    z-index: -1
}

.img-box6 .about-shape6-3 {
    position: absolute;
    left: -54px;
    top: 7px;
    background-color: var(--white-color);
    width: 100%;
    height: 100%;
    -webkit-clip-path: path("M357.246 521.99C356.276 521.99 355.336 521.961 354.396 521.902C342.849 521.227 335.915 516.028 335.357 507.659C334.093 488.687 327.835 475.706 315.642 466.807C290.433 448.423 238.898 448.658 162.478 467.571C116.497 478.936 74.2171 469.01 36.7855 438.056C-34.8163 378.791 -48.978 274.27 3.84926 194.946C91.4932 63.3178 196.061 -7.51827 290.609 0.646091C347.139 5.49184 393.59 40.0876 418.094 95.5641C429.7 121.819 471.656 150.394 512.261 178.03C552.748 205.607 591.002 231.627 592.941 252.331C593.441 257.676 591.56 262.493 587.329 266.722C574.666 279.38 563.031 282.669 552.748 285.547C531.594 291.479 514.876 296.178 499.362 378.996C481.646 473.68 398.086 521.99 357.246 521.99ZM259.495 450.038C285.144 450.038 304.33 454.825 317.434 464.37C330.391 473.826 337.061 487.541 338.383 507.453C339 516.616 348.813 518.554 354.601 518.906C393.414 521.168 478.59 473.709 496.424 378.438C512.29 293.799 529.772 288.865 551.955 282.639C562.356 279.703 573.109 276.707 585.214 264.578C588.828 260.966 590.356 257.06 589.944 252.596C588.123 233.301 550.456 207.662 510.557 180.497C469.629 152.626 427.29 123.816 415.332 96.7682C391.298 42.3489 345.728 8.39929 290.345 3.64165C196.883 -4.37587 93.3736 65.9316 6.37604 196.62C-45.5992 274.651 -31.7019 377.44 38.6953 435.736C75.3336 466.044 116.702 475.794 161.744 464.663C201.144 454.913 233.61 450.038 259.495 450.038Z");
    clip-path: path("M357.246 521.99C356.276 521.99 355.336 521.961 354.396 521.902C342.849 521.227 335.915 516.028 335.357 507.659C334.093 488.687 327.835 475.706 315.642 466.807C290.433 448.423 238.898 448.658 162.478 467.571C116.497 478.936 74.2171 469.01 36.7855 438.056C-34.8163 378.791 -48.978 274.27 3.84926 194.946C91.4932 63.3178 196.061 -7.51827 290.609 0.646091C347.139 5.49184 393.59 40.0876 418.094 95.5641C429.7 121.819 471.656 150.394 512.261 178.03C552.748 205.607 591.002 231.627 592.941 252.331C593.441 257.676 591.56 262.493 587.329 266.722C574.666 279.38 563.031 282.669 552.748 285.547C531.594 291.479 514.876 296.178 499.362 378.996C481.646 473.68 398.086 521.99 357.246 521.99ZM259.495 450.038C285.144 450.038 304.33 454.825 317.434 464.37C330.391 473.826 337.061 487.541 338.383 507.453C339 516.616 348.813 518.554 354.601 518.906C393.414 521.168 478.59 473.709 496.424 378.438C512.29 293.799 529.772 288.865 551.955 282.639C562.356 279.703 573.109 276.707 585.214 264.578C588.828 260.966 590.356 257.06 589.944 252.596C588.123 233.301 550.456 207.662 510.557 180.497C469.629 152.626 427.29 123.816 415.332 96.7682C391.298 42.3489 345.728 8.39929 290.345 3.64165C196.883 -4.37587 93.3736 65.9316 6.37604 196.62C-45.5992 274.651 -31.7019 377.44 38.6953 435.736C75.3336 466.044 116.702 475.794 161.744 464.663C201.144 454.913 233.61 450.038 259.495 450.038Z");
    z-index: -1
}

.about-checklist {
    max-width: 513px;
    margin-bottom: 38px
}

@media (max-width: 520px) {
    .about-checklist {
        max-width:100%
    }
}

.about-checklist ul {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 5px 0;
    border: 1px solid var(--th-border-color);
    padding: 15px 25px
}

@media (max-width: 520px) {
    .about-checklist ul {
        grid-template-columns:repeat(1, 1fr)
    }
}

.about-checklist ul li {
    font-family: var(--title-font);
    font-weight: 500;
    font-size: 20px;
    line-height: 30px;
    color: var(--title-color);
    margin: 0
}

.about-checklist ul li:not(:last-child) {
    margin: 0
}

.about-area_wrapper {
    max-width: 410px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 38px
}

@media (max-width: 375px) {
    .about-area_wrapper {
        display:grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 0 40px
    }
}

.about-area_wrapper .client-thumb-group {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

@media (max-width: 375px) {
    .about-area_wrapper .client-thumb-group {
        margin-bottom:20px
    }
}

.about-area_wrapper .client-thumb-group .thumb {
    -webkit-box-flex: 0;
    -webkit-flex: none;
    -ms-flex: none;
    flex: none
}

.about-area_wrapper .client-thumb-group .thumb:not(:first-child) {
    margin-left: -15px
}

.about-area_wrapper .client-thumb-group .thumb img {
    border-radius: 50%;
    width: 50px;
    height: 50px
}

.about-area_wrapper .about-counter .box-title {
    font-size: 20px
}

.counter-sec.style3 {
    padding: 0
}

.counter-sec.style3 .th-counterup {
    padding: 40px 70px 40px 0px
}

@media (max-width: 767px) {
    .counter-sec.style3 .th-counterup {
        padding:40px
    }
}

@media (max-width: 480px) {
    .counter-sec.style3 .th-counterup {
        padding:20px 40px
    }
}

.counter-sec.style3 .th-counterup .content .counter {
    font-size: 64px;
    line-height: 74px
}

@media (max-width: 1299px) {
    .counter-sec.style3 .th-counterup .content .counter {
        font-size:54px;
        line-height: 64px;
        margin-top: 0
    }
}

@media (max-width: 767px) {
    .counter-sec.style3 .th-counterup .content .counter {
        font-size:34px;
        line-height: 44px
    }
}

.testi-block {
    width: 516px;
    height: 516px;
    padding: 70px 50px;
    display: block;
    margin: auto;
    text-align: center;
    background: var(--theme-color);
    border-radius: 50%
}

@media (max-width: 575px) {
    .testi-block {
        width:100%;
        height: 100%
    }
}

.testi-block .testi-quote {
    margin-bottom: 10px
}

.testi-block_wrapper {
    position: relative;
    min-height: 575px;
    margin-top: 30px;
    z-index: 2
}

.testi-block_review {
    color: #FFC700;
    font-size: 14px;
    margin-bottom: 15px
}

.testi-block_review i {
    margin-right: 5px
}

.testi-block_text {
    color: var(--white-color);
    margin-bottom: 20px
}

.testi-block_img {
    min-width: 80px;
    margin-bottom: 20px
}

@media (max-width: 375px) {
    .testi-block_img {
        min-width:60px
    }
}

.testi-block_img img {
    width: 80px;
    height: 80px;
    border-radius: 50%;
    border: 2px solid #32B4B4;
    object-fit: cover
}

@media (max-width: 375px) {
    .testi-block_img img {
        width:60px;
        height: 60px
    }
}

.testi-block_name {
    font-family: var(--title-font);
    font-weight: 600;
    font-size: 24px;
    line-height: 34px;
    color: var(--white-color);
    margin-bottom: 0
}

.testi-block_desig {
    font-weight: 400;
    font-size: 14px;
    line-height: 24px;
    color: #F5F7FA
}

.testi-block-tab .tab-btn {
    position: absolute;
    background-color: transparent;
    min-width: 80px;
    border: none
}

@media (max-width: 375px) {
    .testi-block-tab .tab-btn {
        min-width:60px
    }
}

.testi-block-tab .tab-btn img {
    width: 80px;
    height: 80px;
    border-radius: 50%;
    border: 2px solid #32B4B4;
    object-fit: cover
}

@media (max-width: 375px) {
    .testi-block-tab .tab-btn img {
        width:60px;
        height: 60px
    }
}

.testi-block-tab .tab-btn:nth-child(1) {
    left: 14%;
    bottom: 25%
}

@media (max-width: 575px) {
    .testi-block-tab .tab-btn:nth-child(1) {
        left:0
    }
}

.testi-block-tab .tab-btn:nth-child(2) {
    left: 43%;
    bottom: 5%
}

@media (max-width: 480px) {
    .testi-block-tab .tab-btn:nth-child(2) {
        bottom:0
    }
}

.testi-block-tab .tab-btn:nth-child(3) {
    right: 13%;
    bottom: 25%
}

@media (max-width: 575px) {
    .testi-block-tab .tab-btn:nth-child(3) {
        right:0
    }
}

.testi-block_shape {
    position: absolute;
    top: -30px;
    left: 50px;
    z-index: -1
}

.testi-area5.number-dots {
    margin: 0;
    text-align: left
}

.testi-area5.number-dots button {
    background-color: #424B64
}

.testi-area-wrapper {
    max-width: 560px;
    display: block;
    margin-left: auto
}

@media (max-width: 991px) {
    .testi-area-wrapper {
        margin:0
    }
}

.testi-item.style3 {
    background-color: transparent;
    padding: 0;
    box-shadow: none;
    text-align: left
}

.testi-item.style3:before {
    display: none
}

.testi-item.style3 .testi-item_text {
    font-family: var(--title-font);
    font-weight: 500;
    font-size: 18px;
    line-height: 28px
}

.testi-item.style3 .testi-item_content {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 70px
}

@media (max-width: 480px) {
    .testi-item.style3 .testi-item_content {
        display:block
    }
}

.testi-item.style3 .testi-item_wrapp {
    gap: 25px
}

@media (max-width: 480px) {
    .testi-item.style3 .testi-item_wrapp {
        margin-bottom:20px
    }
}

.testi-item.style3 .box-title {
    color: var(--white-color);
    margin: 0 0 15px 0
}

.testi-sec5 {
    position: relative;
    z-index: 1
}

.testi-sec5.style2 {
    padding-top: 220px
}

@media (max-width: 991px) {
    .testi-sec5.style2 {
        padding-top:180px
    }
}

.testi-sec5 .slick-dots {
    margin: 40px 0 0 0
}

.testi-sec5 .slick-dots:before,.testi-sec5 .slick-dots:after {
    display: none
}

.testimonial-image-1 {
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    height: 100%
}

@media (max-width: 1799px) {
    .testimonial-image-1 {
        max-width:800px
    }
}

@media (max-width: 1599px) {
    .testimonial-image-1 {
        max-width:700px
    }
}

@media (max-width: 1299px) {
    .testimonial-image-1 {
        max-width:500px
    }
}

@media (max-width: 1199px) {
    .testimonial-image-1 {
        max-width:400px
    }
}

@media (max-width: 991px) {
    .testimonial-image-1 {
        display:none
    }
}

.testimonial-image-1 img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.footer-layout4 {
    background-color: #010F34
}

.footer-layout4 .copyright-wrap {
    background-color: transparent;
    border-top: 1px solid rgba(120,128,148,0.8)
}

.footer-icon-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    border-bottom: 1px solid rgba(120,128,148,0.8);
    margin-bottom: 60px;
    padding-bottom: 60px
}

.footer-icon-wrapper .footer-wrapp {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 200px
}

@media (max-width: 1299px) {
    .footer-icon-wrapper .footer-wrapp {
        gap:150px
    }
}

@media (max-width: 1199px) {
    .footer-icon-wrapper .footer-wrapp {
        gap:50px
    }
}

@media (max-width: 575px) {
    .footer-icon-wrapper .footer-wrapp {
        gap:30px
    }
}

@media (max-width: 520px) {
    .footer-icon-wrapper .footer-wrapp {
        display:block
    }
}

@media (max-width: 991px) {
    .footer-icon-wrapper {
        display:grid;
        grid-template-columns: repeat(1, 1fr);
        gap: 20px 0
    }
}

.footer-icon-wrapper .footer-info {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    gap: 25px
}

.footer-icon-wrapper .footer-info_label {
    font-family: var(--title-font);
    color: var(--white-color);
    font-weight: 600;
    font-size: 24px;
    line-height: 34px
}

.footer-icon-wrapper .footer-info_link {
    font-family: var(--body-font);
    color: var(--white-color);
    font-weight: 400;
    font-size: 16px;
    line-height: 26px
}

.footer-icon-wrapper .footer-info_link a {
    color: inherit
}

.newletter-wrapper .newsletter-form {
    position: relative;
    overflow: hidden;
    display: block
}

.newletter-wrapper .newsletter-form .form-control {
    min-width: 374px;
    border-radius: 10px;
    min-height: 56px;
    background-color: transparent;
    border: 1px solid var(--theme-color);
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out
}

@media (max-width: 991px) {
    .newletter-wrapper .newsletter-form .form-control {
        min-width:100%
    }
}

.newletter-wrapper .newsletter-form .th-btn {
    max-width: 144px;
    padding: 16px 35px;
    text-transform: uppercase;
    position: absolute;
    top: 5px;
    right: 5px;
    border-radius: 10px;
    margin-top: 0
}

.footer-widget .sidebar-gallery.style2 {
    max-width: 265px
}

.footer-widget .sidebar-gallery.style2 .gallery-thumb {
    min-width: 75px
}

.footer-widget .sidebar-gallery.style2 .gallery-thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.footer-layout5 {
    background-repeat: repeat;
    background-size: auto;
    background-position: top center
}

.feature-area2 {
    position: relative;
    z-index: 9
}

.why-sec2 {
    position: relative;
    background-size: auto;
    background-repeat: repeat;
    z-index: 2
}

@media (max-width: 767px) {
    .why-sec2 .container {
        max-width:100%
    }
}

.why-area_content {
    background-color: #010F34;
    padding: 60px;
    border-radius: 10px;
    max-width: 718px;
    display: block;
    margin-left: auto;
    margin-right: 50px
}

@media (max-width: 767px) {
    .why-area_content {
        max-width:100%;
        padding: 40px;
        margin: 0
    }
}

@media (max-width: 575px) {
    .why-area_content {
        padding:40px 20px
    }
}

.why-image {
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1
}

@media (max-width: 1299px) {
    .why-image {
        width:100%;
        height: 100%
    }
}

.why-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    -webkit-clip-path: polygon(0% 0%, 67% 0, 100% 100%, 0% 100%);
    clip-path: polygon(0% 0%, 67% 0, 100% 100%, 0% 100%)
}

.feature-block {
    position: relative;
    background-color: #ECF1F5;
    padding: 30px;
    border-radius: 5px;
    text-align: center;
    z-index: 2;
    overflow: hidden
}

.feature-block:before {
    content: "";
    width: 0;
    height: 100%;
    background-color: var(--title-color);
    position: absolute;
    top: 0;
    right: 0;
    z-index: -1;
    border-radius: 5px;
    -webkit-transition: 0.5s ease;
    transition: 0.5s ease
}

.feature-block_icon {
    border: 1px solid var(--th-border-color);
    width: 85px;
    height: 85px;
    line-height: 85px;
    text-align: center;
    border-radius: 50%;
    display: block;
    margin: auto auto 20px auto
}

.feature-block .box-title {
    margin-bottom: -0.4rem
}

.feature-block .animation-bubble.style3 div[class^=bubble-] {
    background: url(../img/update_2/shape/bubble_1.png) no-repeat center center;
    background-size: cover;
    opacity: 0
}

.feature-block:hover .animation-bubble.style3 div[class^=bubble-] {
    opacity: 0.28
}

.feature-block:hover:before {
    width: 100%
}

.feature-block:hover .box-title {
    color: var(--white-color)
}

.feature-block:hover .feature-block_icon {
    border-color: var(--theme-color)
}

.blog-card.style2 .blog-img {
    position: relative;
    overflow: inherit;
    border-radius: 20px 20px 0 0
}

.blog-card.style2 .blog-img img {
    border-radius: 20px 20px 0 0
}

.blog-card.style2 .blog-card_wrapper {
    background-color: var(--theme-color);
    padding: 4px 5px;
    width: 60px;
    height: 66px;
    position: absolute;
    top: auto;
    left: -10px;
    bottom: 75px;
    margin: 0
}

.blog-card.style2 .blog-card_wrapper:after {
    content: "";
    position: absolute;
    width: 10px;
    height: 14px;
    top: 0;
    left: 0px;
    border-bottom: solid 10px var(--theme-color);
    border-left: solid 10px transparent;
    border-right: solid 10px var(--theme-color);
    border-top: solid 10px transparent;
    -webkit-transform: translate(0, -100%);
    -ms-transform: translate(0, -100%);
    transform: translate(0, -100%);
    z-index: -1
}

.blog-card.style2 .blog-card_date {
    background-color: var(--theme-color);
    padding: 2px 10px;
    margin: 0 auto;
    font-family: var(--title-font);
    font-weight: 600;
    font-size: 24px;
    line-height: 24px;
    color: var(--white-color);
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.blog-card.style2 .blog-card_month {
    font-family: var(--title-font);
    color: var(--title-color);
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    padding: 2px 8px;
    text-transform: capitalize;
    display: block;
    color: var(--white-color);
    text-align: center
}

.blog-card.style2:hover .blog-img img {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1)
}

.blog-block {
    --space-x: 30px;
    --space-y: 30px
}

.blog-block_img {
    max-width: calc(100% - var(--space-x)*2);
    margin-left: var(--space-x);
    margin-bottom: -125px;
    border-radius: 10px;
    overflow: hidden;
    position: relative;
    z-index: 3
}

.blog-block_img img {
    border-radius: 10px;
    width: 100%;
    -webkit-transition: 0.4s ease-in-out;
    transition: 0.4s ease-in-out
}

.blog-block_content {
    border: 1px solid rgba(216,221,225,0.8);
    padding: calc(var(--space-y) + 125px) var(--space-x) var(--space-y) var(--space-x);
    border-radius: 10px;
    position: relative;
    z-index: 2;
    -webkit-transition: 0.4s ease-in-out;
    transition: 0.4s ease-in-out
}

.blog-block_number {
    color: var(--theme-color);
    display: block;
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase;
    margin-top: -0.45em;
    margin-bottom: 5px
}

.blog-block_title {
    font-size: 24px;
    margin-bottom: 30px
}

.blog-block_title a {
    color: inherit
}

.blog-block_title a:hover {
    color: var(--theme-color)
}

.blog-block .blog-meta {
    display: block;
    margin-bottom: 10px;
    margin-top: -0.3rem
}

.blog-block .box-text {
    margin-bottom: 20px
}

.blog-block .th-btn {
    padding: 16px 40px
}

.blog-block:hover .blog-block_img img {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1)
}

.blog-block:hover .blog-block_content {
    border-color: var(--theme-color)
}

.blog-block:hover .blog-block_title {
    color: var(--white-color)
}

.blog-block:hover .blog-block_number {
    font-weight: 700
}

@media (max-width: 1199px) {
    .blog-block {
        --space-x: 30px;
        --space-y: 30px
    }
}

@media (max-width: 767px) {
    .blog-block {
        --space-x: 40px;
        --space-y: 40px
    }
}

@media (max-width: 375px) {
    .blog-block {
        --space-x: 30px;
        --space-y: 30px
    }
}

.service-block {
    position: relative;
    --space: 41px;
    margin-bottom: 60px
}

@media (max-width: 991px) {
    .service-block {
        --space: 25px
    }
}

@media (max-width: 375px) {
    .service-block {
        --space: 15px
    }
}

.service-block_img {
    border-radius: 10px
}

.service-block_img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 10px
}

.service-block_icon {
    background-color: var(--theme-color);
    width: 80px;
    height: 80px;
    line-height: 80px;
    border-radius: 50%;
    text-align: center;
    display: block;
    margin: -70px auto 20px auto
}

.service-block_content {
    position: absolute;
    background: var(--white-color);
    box-shadow: 0px 10px 15px rgba(0,0,0,0.06);
    bottom: -60px;
    padding: 30px 15px;
    left: var(--space);
    border-radius: 5px;
    width: calc(100% - var(--space)*2);
    text-align: center;
    -webkit-transition: all 1.3s ease;
    transition: all 1.3s ease;
    z-index: 3;
    margin-bottom: 0;
    -webkit-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out
}

.service-block .box-title {
    margin-bottom: -0.40em
}

@media (max-width: 1399px) {
    .service-block .box-title {
        font-size:20px
    }
}

.service-block_text {
    margin-top: 18px;
    margin-bottom: 20px
}

.service-block .service-block_content.style2 {
    bottom: -80px;
    opacity: 0;
    visibility: hidden
}

.service-block:hover .service-block_content {
    -webkit-transform: translateY(10px);
    -ms-transform: translateY(10px);
    transform: translateY(10px);
    opacity: 0;
    visibility: hidden
}

.service-block:hover .service-block_content.style2 {
    bottom: -40px;
    opacity: 1;
    visibility: visible
}

.service-card.style2 {
    padding: 0;
    border-radius: 0
}

.service-card.style2 .service-card_img {
    border-radius: 0
}

.service-card.style2 .service-card_img img {
    border-radius: 0
}

.service-card.style2 .service-card_content {
    padding: 0 30px 30px 30px;
    border-top: 4px solid transparent;
    -webkit-transition: all 1s ease-in-out;
    transition: all 1s ease-in-out
}

.service-card.style2 .service-card_text {
    margin-bottom: 25px
}

.service-card.style2 .service-card_shape {
    position: absolute;
    right: 0;
    bottom: 0
}

.service-card.style2 .box-icon {
    background-color: var(--white-color);
    border: 4px solid transparent;
    width: 85px;
    height: 85px;
    line-height: 85px;
    text-align: center;
    border-radius: 50%;
    box-shadow: 0px 10px 50px rgba(0,0,0,0.08);
    margin: -50px 0 20px 0;
    -webkit-transition: all 1s ease-in-out;
    transition: all 1s ease-in-out
}

.service-card.style2 .box-title {
    margin-bottom: 15px
}

.service-card.style2:hover.style2 .service-card_content {
    border-top-color: var(--theme-color)
}

.service-card.style2:hover.style2 .box-icon {
    border-color: var(--theme-color)
}

.team-block {
    position: relative;
    z-index: 3
}

.team-block:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    position: absolute;
    width: 100%;
    height: 100%;
    background: #0181F5;
    opacity: 0.15;
    border-radius: 5px;
    -webkit-transform: rotate(-3.79deg);
    -ms-transform: rotate(-3.79deg);
    transform: rotate(-3.79deg)
}

.team-block .team-img {
    border-radius: 5px
}

.team-block .team-img img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.team-block_wrapper {
    position: absolute;
    bottom: 0;
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding-right: 15px
}

.team-block .box-title {
    margin-top: -0.5rem;
    margin-bottom: 0
}

.team-block .team-desig {
    margin-bottom: -0.3rem
}

.team-block .team-content {
    background-color: var(--white-color);
    padding: 25px;
    min-width: 285px;
    -webkit-clip-path: polygon(0% 0%, 79% 0, 100% 100%, 0% 100%);
    clip-path: polygon(0% 0%, 79% 0, 100% 100%, 0% 100%)
}

@media (max-width: 991px) {
    .team-block .team-content {
        min-width:240px
    }
}

.team-block .plus-btn {
    position: relative;
    height: 50px;
    background-color: var(--theme-color);
    color: var(--white-color);
    width: 50px;
    text-align: center;
    font-size: 18px;
    line-height: 50px;
    border-radius: 50%;
    cursor: pointer;
    z-index: 2
}

.team-block .plus-btn:before {
    position: absolute;
    inset: 0;
    font-family: var(--icon-font);
    content: "\2b"
}

.team-block .th-social {
    position: absolute;
    bottom: 40%;
    right: 15px;
    width: 50px;
    display: block;
    text-align: center;
    border-radius: 50px;
    padding: 10px 0 40px 0;
    background-color: var(--white-color);
    -webkit-transform: scaleY(0);
    -ms-transform: scaleY(0);
    transform: scaleY(0);
    -webkit-transform-origin: bottom center;
    -ms-transform-origin: bottom center;
    transform-origin: bottom center;
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
    z-index: 1
}

.team-block .th-social a {
    --icon-size: 36px;
    background-color: transparent;
    color: var(--title-color);
    font-size: 16px;
    border-radius: 0;
    margin-right: 0;
    -webkit-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out
}

.team-block .th-social a:hover {
    background-color: transparent;
    color: var(--theme-color)
}

.team-block:hover .team-block_wrapper:before {
    opacity: 1
}

.team-block:hover .team-block_wrapper .team-img img {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1)
}

.team-block:hover .plus-btn:before {
    content: "\f068"
}

.team-block:hover .th-social {
    -webkit-transform: scaleY(1);
    -ms-transform: scaleY(1);
    transform: scaleY(1)
}

.sec-text2 {
    font-family: var(--title-font);
    font-weight: 500;
    font-size: 18px;
    line-height: 28px;
    max-width: 535px
}

@media (max-width: 1199px) {
    .sec-text2 {
        max-width:100%;
        display: block;
        margin: auto
    }
}

.teamSlide6 {
    position: relative;
    margin-top: 0;
    margin-right: -55%;
    z-index: 5;
    display: block
}

@media (max-width: 1199px) {
    .teamSlide6 {
        margin:40px 0 0 0
    }
}

.teamSlide6 .slick-dots button {
    background-color: #424B64
}

.teamSlide6 .slick-dots:before,.teamSlide6 .slick-dots:after {
    background-color: #424B64
}

.team-block-2 {
    text-align: left
}

.team-block-2 .team-img {
    border-radius: 5px;
    margin-bottom: 20px
}

.team-block-2 .team-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 5px
}

.team-block-2 .box-title {
    color: var(--white-color)
}

.team-block-2 .team-desig {
    color: var(--white-color)
}

.team-block-2_content {
    position: relative
}

.team-block-2_content .team-social {
    position: absolute;
    top: -40px;
    right: 10px;
    -webkit-transition: 0.4s ease-in-out;
    transition: 0.4s ease-in-out
}

.team-block-2_content .team-social .icon-btn {
    background-color: var(--theme-color);
    color: var(--white-color);
    width: var(--btn-size, 46px);
    height: var(--btn-size, 46px);
    line-height: var(--btn-size, 46px);
    border-radius: 5px;
    font-size: var(--btn-font-size, 18px);
    border: none;
    position: relative;
    z-index: 10;
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease
}

.team-block-2_content .team-social .th-social {
    position: absolute;
    visibility: hidden;
    opacity: 0;
    bottom: 10px;
    left: 0px;
    width: 46px;
    min-height: 149px;
    background-color: var(--white-color);
    border: 1px solid #D2D2D2;
    box-shadow: 0px 10px 20px rgba(0,0,0,0.06);
    border-radius: 5px 5px 0px 0px;
    padding: 0;
    color: var(--title-color);
    -webkit-transform: scaleY(0);
    -ms-transform: scaleY(0);
    transform: scaleY(0);
    -webkit-transform-origin: bottom;
    -ms-transform-origin: bottom;
    transform-origin: bottom;
    -webkit-transition: 0.4s ease-in-out;
    transition: 0.4s ease-in-out;
    z-index: 2
}

.team-block-2_content .team-social .th-social a {
    display: inline-block;
    background-color: transparent;
    font-size: 16px;
    text-align: center;
    width: 46px;
    height: 46px;
    line-height: 46px;
    padding: 0;
    margin: 0;
    margin-left: -1px;
    margin-top: -1px;
    border-radius: 0;
    color: var(--title-color);
    border-bottom: 1px solid #D2D2D2;
    -webkit-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out
}

.team-block-2_content .team-social .th-social a:hover {
    background: var(--theme-color);
    border-radius: 5px 5px 0px 0px;
    border-bottom: 1px solid var(--theme-color);
    color: var(--white-color)
}

.team-block-2:hover .team-social .th-social {
    left: 0px;
    bottom: 30px;
    visibility: visible;
    opacity: 1;
    -webkit-transform: scaleY(1);
    -ms-transform: scaleY(1);
    transform: scaleY(1)
}

.team-shape {
    position: absolute;
    top: 0;
    left: 0;
    max-width: 1200px;
    height: 100%
}

@media (max-width: 1199px) {
    .team-shape {
        display:none
    }
}

.team-shape:before {
    content: "";
    position: absolute;
    inset: 0;
    background: #20a547;
    z-index: 1;
    -webkit-clip-path: polygon(0% 0%, 100% 0, 75% 100%, 0% 100%);
    clip-path: polygon(0% 0%, 100% 0, 75% 100%, 0% 100%)
}

.team-shape img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    -webkit-clip-path: polygon(0% 0%, 100% 0, 75% 100%, 0% 100%);
    clip-path: polygon(0% 0%, 100% 0, 75% 100%, 0% 100%)
}

.team-area6 {
    position: relative;
    z-index: 4;
    padding-bottom: 40px
}

@media (max-width: 1199px) {
    .team-area6 {
        padding-bottom:120px
    }
}

@media (max-width: 991px) {
    .team-area6 {
        padding-bottom:80px
    }
}

.title-area.style3 .sub-title:after {
    background-color: var(--white-color)
}

.faq-image2 {
    position: relative;
    margin-right: 110px;
    z-index: 2
}

.faq-image2.style2 {
    margin-right: 0
}

@media (max-width: 1399px) {
    .faq-image2.style2 {
        margin-right:50px
    }
}

@media (max-width: 320px) {
    .faq-image2.style2 {
        margin-right:0
    }
}

@media (max-width: 1299px) {
    .faq-image2.style2 .faq-shape {
        width:545.25px
    }
}

@media (max-width: 767px) {
    .faq-image2.style2 .faq-shape {
        width:510px
    }
}

@media (max-width: 480px) {
    .faq-image2.style2 .faq-shape {
        width:385px
    }
}

@media (max-width: 375px) {
    .faq-image2.style2 .faq-shape {
        width:330px
    }
}

@media (max-width: 1199px) {
    .faq-image2 {
        margin:70px 0 0 0
    }
}

.faq-image2 .img1 img {
    border-radius: 50%;
    border: 7px solid var(--theme-color3)
}

.faq-image2 .faq-shape {
    position: absolute;
    top: 0;
    left: 0;
    width: 545.25px
}

@media (max-width: 1299px) {
    .faq-image2 .faq-shape {
        width:480px
    }
}

@media (max-width: 1199px) {
    .faq-image2 .faq-shape {
        width:540px
    }
}

@media (max-width: 480px) {
    .faq-image2 .faq-shape {
        width:440px
    }
}

@media (max-width: 375px) {
    .faq-image2 .faq-shape {
        width:388px
    }
}

@media (max-width: 320px) {
    .faq-image2 .faq-shape {
        width:328px
    }
}

.faq-image2 .faq-shape img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.faq-image2 .th-experience {
    position: absolute;
    top: 50%;
    right: -10%;
    z-index: 2;
    border-radius: 50%;
    background: var(--theme-color);
    box-shadow: 0px 13px 25px 0px rgba(0,0,0,0.05);
    width: 207.03px;
    min-height: 207.03px;
    color: var(--white-color);
    text-align: center;
    padding: 40px 30px 30px 30px
}

@media (max-width: 1199px) {
    .faq-image2 .th-experience {
        right:unset;
        left: 0
    }
}

.faq-image2 .th-experience .experience-year {
    font-size: 64px;
    line-height: 64px;
    color: var(--white-color)
}

.faq-image2 .th-experience .experience-text {
    font-weight: 400;
    font-size: 16px;
    line-height: 26px;
    color: var(--white-color);
    margin-bottom: -0.3rem
}

.process-block {
    position: relative;
    background-color: var(--white-color);
    padding: 40px;
    border-radius: 50%;
    text-align: center;
    box-shadow: 0px 10px 50px rgba(0,0,0,0.08);
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
    z-index: 2;
    max-width: 347px;
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;
    margin-bottom: 35px
}

@media (max-width: 1199px) {
    .process-block {
        margin-bottom:0
    }
}

@media (max-width: 991px) {
    .process-block {
        max-width:100%;
        padding: 25px
    }
}

.process-block_shape {
    position: absolute;
    inset: 0;
    top: -50%;
    background-size: auto
}

.process-block:after {
    content: "";
    position: absolute;
    inset: -35px;
    left: -22px;
    background: url(../img/update_3/shape/process-shape.png);
    background-size: contain;
    background-repeat: no-repeat
}

@media (max-width: 767px) {
    .process-block:after {
        display:none
    }
}

.process-block:nth-child(even):after {
    -webkit-transform: rotate3d(12, 0, 0, 180deg);
    transform: rotate3d(12, 0, 0, 180deg)
}

.process-block:nth-child(even) .process-block_icon {
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1;
    margin-bottom: 10px
}

@media (max-width: 1199px) {
    .process-block:nth-child(even) .process-block_icon {
        -webkit-box-ordinal-group:4;
        -webkit-order: 3;
        -ms-flex-order: 3;
        order: 3
    }
}

.process-block:nth-child(even) .process-block_content {
    -webkit-box-ordinal-group: 3;
    -webkit-order: 2;
    -ms-flex-order: 2;
    order: 2
}

@media (max-width: 1199px) {
    .process-block:nth-child(even) .process-block_content {
        -webkit-box-ordinal-group:3;
        -webkit-order: 2;
        -ms-flex-order: 2;
        order: 2
    }
}

.process-block:nth-child(even) .process-block_img {
    -webkit-box-ordinal-group: 4;
    -webkit-order: 3;
    -ms-flex-order: 3;
    order: 3
}

@media (max-width: 1199px) {
    .process-block:nth-child(even) .process-block_img {
        -webkit-box-ordinal-group:2;
        -webkit-order: 1;
        -ms-flex-order: 1;
        order: 1
    }
}

.process-block_wrapp {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: 50px
}

@media (max-width: 1199px) {
    .process-block_wrapp {
        display:grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 80px 30px
    }
}

@media (max-width: 991px) {
    .process-block_wrapp {
        grid-template-columns:repeat(2, 1fr);
        gap: 80px;
        margin-top: 50px
    }
}

@media (max-width: 767px) {
    .process-block_wrapp {
        grid-template-columns:repeat(1, 1fr);
        gap: 30px
    }
}

.process-block_wrapp .process-block_icon {
    -webkit-box-ordinal-group: 4;
    -webkit-order: 3;
    -ms-flex-order: 3;
    order: 3
}

.process-block_wrapp .process-block_content {
    -webkit-box-ordinal-group: 3;
    -webkit-order: 2;
    -ms-flex-order: 2;
    order: 2
}

.process-block_wrapp .process-block_img {
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1
}

.process-block_img {
    width: 60px;
    height: 60px;
    line-height: 60px;
    text-align: center;
    border-radius: 50%;
    background: #ECF1F5;
    margin-bottom: 20px
}

.process-block_icon {
    width: 60px;
    height: 60px;
    line-height: 60px;
    text-align: center;
    border-radius: 50%;
    background-color: var(--title-color);
    font-family: var(--title-font);
    font-weight: 600;
    font-size: 36px;
    color: var(--white-color)
}

.process-block:hover .process-block_icon {
    background-color: var(--theme-color)
}

.brand-slide3 {
    background-color: #F8F8F8;
    padding: 35px;
    border-radius: 20px
}

.cta-overlay {
    position: absolute;
    inset: 0
}

.cta-btn .th-btn {
    padding: 14px 35px;
    font-family: var(--title-font);
    font-weight: 500;
    font-size: 18px;
    line-height: 28px
}

.cta-desc {
    font-family: var(--title-font);
    font-weight: 400;
    font-size: 18px;
    line-height: 28px;
    margin-bottom: 0
}

.history-tabs {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 40px
}

.history-tabs.nav-tabs {
    border: none
}

.history-tabs .nav-link {
    position: relative;
    background-color: transparent;
    padding: 8px 0;
    min-width: 31.5%;
    text-align: left;
    font-family: var(--title-font);
    font-weight: 500;
    font-size: 20px;
    line-height: 30px;
    color: var(--title-color);
    border: none;
    border-bottom: 2px solid #D8DDE1
}

.history-tabs .nav-link:after {
    content: '';
    height: 2px;
    background: var(--theme-color);
    width: 0;
    left: 0;
    bottom: -2px;
    position: absolute;
    -webkit-transition: 0.5s all;
    transition: 0.5s all
}

.history-tabs .nav-link.active {
    background-color: transparent;
    color: var(--title-color)
}

.history-tabs .nav-link.active:after {
    width: 100%
}

.history-content {
    position: relative;
    z-index: 3
}

.history-image {
    text-align: right
}

.history-image img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.hostory-box {
    background-color: var(--white-color);
    max-width: 387px;
    padding: 40px;
    box-shadow: 0px 10px 50px rgba(0,0,0,0.06);
    position: absolute;
    top: 0;
    left: 0
}

@media (max-width: 575px) {
    .hostory-box {
        position:relative;
        padding: 30px
    }
}

.hostory-box .history-text {
    margin-bottom: -0.3rem
}

.gallery-box {
    position: relative;
    z-index: 2;
    --space: 10px;
    overflow: hidden;
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease
}

.gallery-box:not(:last-child) {
    border-right: 2px solid var(--title-color)
}

.gallery-box_wrapp {
    display: grid;
    grid-template-columns: repeat(4, 1fr)
}

@media (max-width: 1199px) {
    .gallery-box_wrapp {
        grid-template-columns:repeat(2, 1fr)
    }
}

@media (max-width: 575px) {
    .gallery-box_wrapp {
        grid-template-columns:repeat(1, 1fr)
    }
}

.gallery-box .gallery-img img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.gallery-box .gallery-content {
    background: rgba(16,19,28,0.4);
    -webkit-backdrop-filter: blur(20px);
    backdrop-filter: blur(20px);
    position: absolute;
    bottom: -30%;
    max-width: calc(90% - var(--space)*2);
    left: var(--space);
    padding: 40px;
    opacity: 1;
    visibility: hidden;
    -webkit-transition: all 1.3s ease;
    transition: all 1.3s ease
}

@media (max-width: 1399px) {
    .gallery-box .gallery-content {
        max-width:calc(100% - var(--space)*2);
        padding: 30px
    }
}

@media (max-width: 1299px) {
    .gallery-box .gallery-content {
        padding:30px 20px
    }
}

.gallery-box .box-title {
    margin-top: -0.5rem
}

.gallery-box .gallery-text {
    color: var(--white-color);
    margin-bottom: -0.3rem
}

.gallery-box:hover .gallery-content {
    bottom: 10px;
    opacity: 1;
    visibility: visible
}

.price-area2 {
    position: relative;
    z-index: 3
}

.price-area {
    padding: 120px
}

@media (max-width: 1299px) {
    .price-area {
        padding:120px 40px
    }
}

@media (max-width: 991px) {
    .price-area {
        padding:80px 40px
    }
}

@media (max-width: 575px) {
    .price-area {
        padding:80px 20px
    }
}

.price-box {
    background-color: var(--white-color);
    padding: 20px
}

@media (max-width: 575px) {
    .price-box {
        padding:20px 15px
    }
}

.price-box-wrapper {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 30px
}

@media (max-width: 991px) {
    .price-box-wrapper {
        grid-template-columns:repeat(2, 1fr)
    }
}

@media (max-width: 767px) {
    .price-box-wrapper {
        grid-template-columns:repeat(1, 1fr)
    }
}

.price-box_content {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    margin-bottom: 6px
}

.price-box_price {
    font-family: var(--title-font);
    font-weight: 500;
    font-size: 20px;
    line-height: 20px;
    color: var(--theme-color)
}

@media (max-width: 575px) {
    .price-box_price {
        font-size:18px;
        line-height: 18px
    }
}

.price-box .box-title {
    font-size: 20px;
    line-height: 20px;
    margin-bottom: 0
}

@media (max-width: 575px) {
    .price-box .box-title {
        font-size:18px;
        line-height: 18px
    }
}

.price-box_desc {
    font-size: 14px;
    line-height: 24px;
    margin-bottom: -0.4rem
}

.header-layout6 .header-top {
    background-color: transparent;
    border-bottom: 1px solid var(--th-border-color);
    position: relative;
    padding: 9px 0;
    z-index: 2;
    --body-color: #010F34
}

.header-layout6 .header-top:before {
    content: "";
    height: calc(100% + 1px);
    width: 26.7%;
    background-color: var(--theme-color);
    position: absolute;
    top: 0;
    left: 0;
    -webkit-clip-path: polygon(0 0, 100% 0%, calc(100% - 15px) 100%, 0% 100%);
    clip-path: polygon(0 0, 100% 0%, calc(100% - 15px) 100%, 0% 100%);
    z-index: -1
}

@media (min-width: 1930px) {
    .header-layout6 .header-top:before {
        width:33%
    }
}

@media (max-width: 1599px) {
    .header-layout6 .header-top:before {
        width:28%
    }
}

@media (max-width: 1499px) {
    .header-layout6 .header-top:before {
        width:32%
    }
}

@media (max-width: 1299px) {
    .header-layout6 .header-top:before {
        width:39%
    }
}

@media (max-width: 1199px) {
    .header-layout6 .header-top:before {
        display:none
    }
}

.header-layout6 .header-top .header-notice {
    color: var(--white-color)
}

@media (max-width: 1199px) {
    .header-layout6 .header-top .header-notice {
        display:none
    }
}

.header-layout6 .sticky-wrapper.sticky .header-logo {
    position: relative;
    padding-top: 0px
}

.header-layout6 .sticky-wrapper.sticky .header-logo .logo-bg {
    top: -22px
}

@media (max-width: 991px) {
    .header-layout6 .sticky-wrapper.sticky .menu-area {
        padding:20px 0
    }

    .header-layout6 .sticky-wrapper.sticky .menu-area:before {
        height: 86px
    }
}

@media (max-width: 991px) {
    .header-layout6 .header-links.style2 {
        display:none
    }
}

@media (max-width: 1399px) {
    .header-layout6 .header-links.style2 li:first-child:after {
        display:none
    }
}

@media (max-width: 1399px) {
    .header-layout6 .header-links.style2 li:last-child {
        display:none
    }

    .header-layout6 .header-links.style2 li:last-child:after {
        display: none
    }
}

.header-layout6 .header-links li {
    font-size: 16px;
    font-weight: 500
}

.header-layout6 .header-links li:not(:last-child) {
    margin: 0 40px 0 0
}

.header-layout6 .header-links li:not(:last-child):after {
    background-color: #788094;
    right: -20px
}

.header-layout6 .header-social .social-title {
    font-weight: 500;
    font-size: 16px
}

.header-layout6 .langauge .nice-select span {
    color: var(--title-color);
    font-weight: 500
}

.header-layout6 .header-logo {
    position: relative
}

.header-layout6 .header-button {
    position: relative
}

@media (max-width: 1199px) {
    .header-layout6 .header-button .info-card {
        display:none
    }
}

.header-layout6 .menu-area {
    position: relative;
    z-index: 1
}

@media (max-width: 991px) {
    .header-layout6 .menu-area {
        padding:15px 0
    }
}

.header-layout6 .menu-area:before,.header-layout6 .menu-area:after {
    content: "";
    position: absolute;
    top: 0;
    width: 21.3%;
    height: 100px;
    background-color: var(--title-color);
    z-index: -1
}

@media (min-width: 1930px) {
    .header-layout6 .menu-area:before,.header-layout6 .menu-area:after {
        width:30%
    }
}

@media (max-width: 1199px) {
    .header-layout6 .menu-area:before,.header-layout6 .menu-area:after {
        width:30%
    }
}

.header-layout6 .menu-area:before {
    left: 0;
    -webkit-clip-path: polygon(0 0, 100% 0%, calc(100% - 55px) 100%, 0% 100%);
    clip-path: polygon(0 0, 100% 0%, calc(100% - 55px) 100%, 0% 100%)
}

@media (max-width: 1299px) {
    .header-layout6 .menu-area:before {
        width:24%
    }
}

@media (max-width: 1199px) {
    .header-layout6 .menu-area:before {
        width:30%
    }
}

@media (max-width: 1024px) {
    .header-layout6 .menu-area:before {
        width:28%
    }
}

@media (max-width: 991px) {
    .header-layout6 .menu-area:before {
        width:55%
    }
}

@media (max-width: 575px) {
    .header-layout6 .menu-area:before {
        width:75%
    }
}

.header-layout6 .menu-area:after {
    right: 0;
    -webkit-clip-path: polygon(0 0%, 100% 0, 100% 100%, 60px 100%);
    clip-path: polygon(0 0%, 100% 0, 100% 100%, 60px 100%)
}

@media (max-width: 1299px) {
    .header-layout6 .menu-area:after {
        -webkit-clip-path:polygon(0 0%, 100% 0, 100% 100%, 46px 100%);
        clip-path: polygon(0 0%, 100% 0, 100% 100%, 46px 100%);
        width: 25%
    }
}

@media (max-width: 1199px) {
    .header-layout6 .menu-area:after {
        display:none
    }
}

.header-layout6 .main-menu>ul>li>a {
    padding: 36.5px 0;
    font-weight: 700
}

.header-layout6 .main-menu>ul>li>a:after {
    color: var(--title-color) !important
}

.header-layout6 .main-menu>ul>li>a:hover:after {
    color: var(--theme-color) !important
}

.header-layout6 .info-card_link {
    color: var(--white-color)
}

@media (min-width: 1300px) {
    .header-layout6 .th-container {
        --main-container: 1760px
    }
}

.header-layout7 {
    background-color: #ECF1F5
}

.header-layout7 .header-button .icon-btn {
    border: 1px solid transparent;
    font-size: 18px
}

@media (max-width: 1199px) {
    .header-layout7 .header-button .icon-btn {
        width:var(--btn-size, 36px);
        height: var(--btn-size, 36px);
        line-height: var(--btn-size, 36px);
        font-size: var(--btn-font-size, 16px)
    }
}

.header-layout7 .header-button .icon-btn:hover {
    background-color: transparent;
    border-color: transparent;
    color: var(--theme-color)
}

.header-layout7 .sticky-wrapper.sticky .header-logo {
    padding: 0
}

@media (max-width: 991px) {
    .header-layout7 .sticky-wrapper.sticky .menu-area {
        padding:20px 0
    }
}

@media (max-width: 991px) {
    .header-layout7 .menu-area {
        padding:10px 0
    }
}

.header-layout7 .main-menu a {
    font-weight: 700;
    font-size: 14px
}

.header-layout7 .main-menu>ul>li {
    margin: 0 10px;
    position: relative
}

@media (max-width: 1199px) {
    .header-layout7 .main-menu>ul>li {
        margin:0
    }
}

.header-layout7 .main-menu>ul>li:before {
    content: "";
    width: 100%;
    height: 0;
    background-color: var(--theme-color);
    position: absolute;
    top: 0;
    left: 0;
    -webkit-transition: 0.6s ease;
    transition: 0.6s ease;
    opacity: 0;
    visibility: hidden
}

.header-layout7 .main-menu>ul>li:hover:before {
    opacity: 1;
    visibility: visible;
    height: 100%
}

.header-layout7 .main-menu>ul>li>a {
    padding: 36.5px 15px
}

.header-layout7 .main-menu>ul>li>a:hover {
    color: var(--white-color)
}

.header-layout7 .main-menu>ul>li>a:hover:after {
    color: var(--white-color)
}

@media (min-width: 1300px) {
    .header-layout7 .th-container {
        --main-container: 1760px
    }
}

.hero-7 .th-hero-slide {
    position: relative;
    -webkit-clip-path: path("M1920 1.98158e-05L0 0V750.5C58.2084 791.575 80.2368 807.448 101.978 823.114C123.99 838.975 145.707 854.623 204.38 896H206.14C646.14 727.297 1268.36 727.297 1708.36 896H1710.12C1768.08 855.131 1791.34 839.363 1814.44 823.698C1837.83 807.839 1861.07 792.085 1920 750.5V1.98158e-05Z");
    clip-path: path("M1920 1.98158e-05L0 0V750.5C58.2084 791.575 80.2368 807.448 101.978 823.114C123.99 838.975 145.707 854.623 204.38 896H206.14C646.14 727.297 1268.36 727.297 1708.36 896H1710.12C1768.08 855.131 1791.34 839.363 1814.44 823.698C1837.83 807.839 1861.07 792.085 1920 750.5V1.98158e-05Z")
}

@media (min-width: 1930px) {
    .hero-7 .th-hero-slide {
        -webkit-clip-path:path("M1920 1.98158e-05L0 0V750.5C58.2084 791.575 80.2368 807.448 101.978 823.114C123.99 838.975 145.707 854.623 204.38 896H206.14C646.14 727.297 1268.36 727.297 1708.36 896H1710.12C1768.08 855.131 1791.34 839.363 1814.44 823.698C1837.83 807.839 1861.07 792.085 7520 750.5V1.98158e-05Z");
        clip-path: path("M1920 1.98158e-05L0 0V750.5C58.2084 791.575 80.2368 807.448 101.978 823.114C123.99 838.975 145.707 854.623 204.38 896H206.14C646.14 727.297 1268.36 727.297 1708.36 896H1710.12C1768.08 855.131 1791.34 839.363 1814.44 823.698C1837.83 807.839 1861.07 792.085 7520 750.5V1.98158e-05Z")
    }
}

.hero-7 .th-hero-bg:before {
    content: "";
    position: absolute;
    inset: 0;
    background-color: rgba(1,15,52,0.8)
}

.hero-7 .bubble-1 {
    bottom: -5px;
    left: 68%;
    -webkit-animation: bubble-animation2 4.5s infinite ease-in -6.57s;
    animation: bubble-animation2 4.5s infinite ease-in -6.57s
}

.hero-7 .bubble-2 {
    bottom: -71px;
    left: 97%;
    -webkit-animation: bubble-animation 4.5s infinite ease-in -5.07s;
    animation: bubble-animation 4.5s infinite ease-in -5.07s
}

.hero-7 .bubble-3 {
    bottom: -71px;
    left: 43%;
    -webkit-animation: bubble-animation2 4.5s infinite ease-in -6.73s;
    animation: bubble-animation2 4.5s infinite ease-in -6.73s
}

.hero-7 .bubble-4 {
    bottom: -3.8px;
    left: 82%;
    -webkit-animation: bubble-animation2 4.5s infinite ease-in -4.04s;
    animation: bubble-animation2 4.5s infinite ease-in -4.04s
}

.hero-7 .bubble-5 {
    bottom: -73.4px;
    left: 29%;
    -webkit-animation: bubble-animation2 4.5s infinite ease-in -3.11s;
    animation: bubble-animation2 4.5s infinite ease-in -3.11s
}

.hero-7 .bubble-6 {
    bottom: -71px;
    left: 41%;
    -webkit-animation: bubble-animation2 4.5s infinite ease-in -5.95s;
    animation: bubble-animation2 4.5s infinite ease-in -5.95s
}

.hero-7 .bubble-7 {
    bottom: -79.4px;
    left: 14%;
    -webkit-animation: bubble-animation2 4.5s infinite ease-in -3.68s;
    animation: bubble-animation2 4.5s infinite ease-in -3.68s
}

.hero-7 .bubble-8 {
    bottom: -115.4px;
    left: 90%;
    -webkit-animation: bubble-animation2 4.5s infinite ease-in -3.89s;
    animation: bubble-animation2 4.5s infinite ease-in -3.89s
}

.hero-7 .bubble-9 {
    bottom: -44.6px;
    left: 33%;
    -webkit-animation: bubble-animation2 4.5s infinite ease-in -1.09s;
    animation: bubble-animation2 4.5s infinite ease-in -1.09s
}

.hero-7 .bubble-10 {
    bottom: -6.2px;
    left: 59%;
    -webkit-animation: bubble-animation2 4.5s infinite ease-in -.96s;
    animation: bubble-animation2 4.5s infinite ease-in -.96s
}

.hero-7 .hero-shape {
    position: absolute;
    left: 0;
    top: 0
}

.hero-7 .hero-shape2 {
    position: absolute;
    left: 0;
    bottom: -12px
}

.hero-style7 {
    padding: 194px 0 326px 0;
    text-align: center;
    max-width: 1030px;
    display: block;
    margin: auto
}

@media (max-width: 767px) {
    .hero-style7 {
        padding:120px 0 120px 0
    }
}

.hero-style7 .hero-subtitle {
    color: var(--theme-color3)
}

.hero-style7 .hero-subtitle:before,.hero-style7 .hero-subtitle:after {
    display: none
}

.hero-style7 .hero-title .title-bg {
    font-family: var(--body-font);
    text-transform: capitalize;
    color: var(--theme-color);
    -webkit-text-fill-color: transparent;
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: var(--white-color)
}

@media (max-width: 575px) {
    .hero-style7 .hero-title {
        font-size:40px;
        line-height: 50px
    }
}

.hero-style7 .hero-text {
    color: var(--white-color);
    max-width: 704px;
    display: block;
    margin: auto auto 35px auto
}

.animation-bubble.style5 div[class^=bubble-] {
    background: url(../img/update_3/shape/hero-bubble_1.png) no-repeat center center;
    background-size: cover;
    opacity: 0.1
}

.marquee-section {
    padding: 40px 0
}

.marquee-wrapper .marquee {
    position: relative;
    --duration: 120s;
    --gap: 0px;
    display: -ms-flexbox;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    overflow: hidden;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    gap: var(--gap)
}

.marquee-wrapper .marquee:first-child {
    --duration: 100s
}

.marquee-wrapper .marquee:last-child {
    --duration: 80s
}

.marquee-wrapper .marquee.marquee--reverse .marquee-group {
    animation-direction: reverse
}

.marquee-wrapper .marquee .marquee-group {
    -ms-flex-negative: 0;
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    -ms-flex-pack: distribute;
    -webkit-justify-content: space-around;
    justify-content: space-around;
    gap: var(--gap);
    min-width: 100%;
    -webkit-animation: scroll var(--duration) linear infinite;
    animation: scroll var(--duration) linear infinite
}

.marquee-wrapper .marquee .marquee-group .text {
    font-family: var(--title-font);
    font-weight: 600;
    font-size: 30px;
    line-height: 40px;
    text-transform: uppercase;
    color: var(--white-color);
    padding: 6px 30px;
    margin: 8px 5px;
    display: inline-block;
    cursor: pointer;
    -webkit-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out
}

.marquee-wrapper .marquee .marquee-group .text.style2 {
    font-family: var(--body-font);
    font-weight: 600;
    font-size: 30px;
    line-height: 40px;
    text-transform: uppercase;
    color: var(--theme-color);
    -webkit-text-fill-color: transparent;
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: var(--white-color)
}

.marquee-wrapper .marquee .marquee-group .text img {
    margin-right: 20px
}

.hero-8 {
    position: relative
}

.hero-8 .th-hero-bg {
    background-size: auto;
    background-position: top right
}

.hero-8 .th-hero-bg .hero-shape {
    position: absolute;
    width: 62%;
    height: 800px;
    left: 0px;
    top: 0;
    background: #F5F7FA;
    border-radius: 0px 600px 600px 0px;
    background-repeat: no-repeat
}

@media (min-width: 1930px) {
    .hero-8 .th-hero-bg .hero-shape {
        width:70%
    }
}

@media (max-width: 1699px) {
    .hero-8 .th-hero-bg .hero-shape {
        width:70%
    }
}

@media (max-width: 1299px) {
    .hero-8 .th-hero-bg .hero-shape {
        width:75%
    }
}

@media (max-width: 1199px) {
    .hero-8 .th-hero-bg .hero-shape {
        width:90%;
        border-radius: 0px 400px 400px 0px
    }
}

@media (max-width: 991px) {
    .hero-8 .th-hero-bg .hero-shape {
        border-radius:0px 200px 200px 0px
    }
}

@media (max-width: 767px) {
    .hero-8 .th-hero-bg .hero-shape {
        background-image:none !important;
        width: 95%
    }
}

@media (max-width: 375px) {
    .hero-8 .th-hero-bg .hero-shape {
        width:100%;
        border-radius: 0
    }
}

.hero-style8 {
    padding: 200px 0 266px 0;
    max-width: 747px
}

@media (max-width: 991px) {
    .hero-style8 {
        padding:150px 0 190px 0;
        max-width: 100%
    }
}

@media (max-width: 575px) {
    .hero-style8 {
        padding:120px 0 150px 0
    }
}

.hero-style8 .hero-title {
    font-family: var(--title-font);
    font-weight: 700;
    font-size: 74px;
    line-height: 84px;
    color: var(--title-color)
}

@media (max-width: 991px) {
    .hero-style8 .hero-title {
        font-size:64px;
        line-height: 74px
    }
}

@media (max-width: 767px) {
    .hero-style8 .hero-title {
        font-size:54px;
        line-height: 64px
    }
}

@media (max-width: 575px) {
    .hero-style8 .hero-title {
        font-size:44px;
        line-height: 54px
    }
}

@media (max-width: 375px) {
    .hero-style8 .hero-title {
        font-size:34px;
        line-height: 44px
    }
}

.hero-style8 .hero-text {
    font-size: 18px;
    line-height: 28px;
    max-width: 586px;
    margin-bottom: 35px
}

@media (max-width: 767px) {
    .hero-style8 .hero-text {
        max-width:450px
    }
}

.about-title-area {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: end;
    -webkit-align-items: end;
    -ms-flex-align: end;
    align-items: end
}

@media (max-width: 991px) {
    .about-title-area {
        display:block
    }
}

.about-title-area .about-wrapper {
    max-width: 604px
}

.about-description {
    max-width: 315px;
    margin-left: auto;
    margin-bottom: 0
}

@media (max-width: 991px) {
    .about-description {
        max-width:100%;
        margin: 15px 0 0 0
    }
}

.img-box7 {
    position: relative;
    padding-bottom: 30px
}

@media (max-width: 1199px) {
    .img-box7 {
        padding-bottom:50px
    }
}

.img-box8 .img1 img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.about-counter-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: 60px;
    margin-left: -200px
}

@media (max-width: 1199px) {
    .about-counter-wrapper {
        margin-left:0
    }
}

@media (max-width: 767px) {
    .about-counter-wrapper {
        display:block
    }
}

.about-box {
    position: relative;
    background-color: var(--white-color);
    padding: 30px;
    max-width: 251px;
    z-index: 2
}

@media (max-width: 767px) {
    .about-box {
        max-width:100%;
        margin-bottom: 30px
    }
}

.about-box:before {
    content: "";
    position: absolute;
    inset: 10px;
    right: -10px;
    bottom: -10px;
    border: 1px solid var(--theme-color)
}

.about-box_icon {
    margin-bottom: 20px
}

.about-box_text {
    margin-bottom: 10px
}

.counter-content.style3 {
    width: 100%;
    gap: 15px
}

.counter-content.style3 .th-counterup.style3 {
    border: none;
    padding: 0
}

.counter-content.style3 .th-counterup.style3 .inner .counter {
    color: var(--title-color);
    line-height: 64px
}

@media (max-width: 1199px) {
    .counter-content.style3 .th-counterup.style3 .inner .counter {
        -webkit-box-pack:start;
        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }
}

@media (max-width: 991px) {
    .counter-content.style3 .th-counterup.style3 .inner .counter {
        font-size:44px;
        line-height: 44px
    }
}

.counter-content.style3 .th-counterup.style3 .inner .counter .title {
    color: var(--title-color)
}

.counter-content.style3 .th-counterup.style3 .counter-card_text {
    font-size: 18px;
    line-height: 28px
}

@media (max-width: 1299px) {
    .counter-content.style3 .th-counterup.style3 .counter-card_text {
        font-size:16px;
        line-height: 26px
    }
}

@media (max-width: 1199px) {
    .counter-content.style3 .th-counterup.style3 .counter-card_text {
        text-align:left
    }
}

.about7-area-wrapper {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 40px;
    background-color: var(--smoke-color);
    border: 10px solid var(--white-color);
    border-radius: 100px;
    margin-left: -350px;
    z-index: 2
}

@media (max-width: 1199px) {
    .about7-area-wrapper {
        margin-left:0
    }
}

@media (max-width: 991px) {
    .about7-area-wrapper {
        display:grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 20px;
        padding: 40px 40px
    }
}

@media (max-width: 767px) {
    .about7-area-wrapper {
        grid-template-columns:repeat(1, 1fr);
        border-radius: 50px
    }
}

@media (max-width: 375px) {
    .about7-area-wrapper {
        padding:40px 20px
    }
}

.about7-area-wrapper .checklist {
    margin-left: 40px
}

@media (max-width: 1299px) {
    .about7-area-wrapper .checklist {
        margin:0
    }
}

.about-video {
    position: relative;
    border-radius: 100px;
    min-width: 333px
}

@media (max-width: 991px) {
    .about-video {
        min-width:100%
    }
}

.about-video img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 100px
}

.about-video .play-btn {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.about-video .play-btn:before,.about-video .play-btn:after {
    background-color: var(--white-color)
}

.about-video .play-btn i {
    --icon-size: 50px;
    font-size: 16px;
    background-color: var(--white-color);
    color: var(--theme-color)
}

.th-experience.style3 .experience-year {
    font-weight: 800;
    font-size: 54px;
    line-height: 54px;
    text-transform: capitalize;
    color: var(--theme-color);
    margin-bottom: 5px
}

.th-experience.style3 .experience-text {
    font-family: var(--title-font);
    font-weight: 500;
    font-size: 20px;
    line-height: 30px;
    color: var(--title-color);
    margin-bottom: 0
}

.counter-area3 {
    position: relative;
    z-index: 2
}

.counter-sec.style4 {
    padding: 0 50px
}

@media (max-width: 767px) {
    .counter-sec.style4 {
        padding:0
    }
}

.counter-sec .th-counterup {
    padding: 30px 30px 50px 0px
}

@media (max-width: 767px) {
    .counter-sec .th-counterup {
        padding:30px
    }
}

.counter-sec .th-counterup .counter-card_text {
    color: var(--gray-color)
}

.testi-sec5.arrow-wrap {
    opacity: 1;
    visibility: visible
}

.testi-sec5.arrow-wrap .slick-arrow {
    opacity: 1;
    visibility: visible
}

.testi-sec5.arrow-wrap:hover .slick-arrow {
    opacity: 1;
    visibility: visible;
    left: 0
}

.testi-sec5.arrow-wrap:hover .slick-arrow.slick-next {
    right: 0px;
    left: auto
}

.testi-sec5 .slick-dots {
    list-style-type: none;
    padding: 0;
    margin: 40px 0 0px 0;
    line-height: 0;
    text-align: center;
    height: -webkit-max-content;
    height: -moz-max-content;
    height: max-content;
    display: block
}

.testi-sec5 .slick-dots li {
    display: inline-block;
    margin-right: 20px
}

.testi-sec5 .slick-dots li:last-child {
    margin-right: 0
}

.testi-sec5 .slick-dots button {
    font-size: 0;
    padding: 0;
    background-color: transparent;
    width: 14px;
    height: 14px;
    line-height: 0;
    border-radius: 9999px;
    border: none;
    background-color: #BEC6DA;
    -webkit-transition: all ease 0.4s;
    transition: all ease 0.4s;
    position: relative
}

.testi-sec5 .slick-dots button:hover {
    border-color: var(--theme-color)
}

.testi-sec5 .slick-dots button:before {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    width: 30px;
    height: 30px;
    margin: -15px 0 0 -15px;
    border: 1px solid var(--theme-color);
    border-radius: 50%;
    -webkit-transition: all ease 0.4s;
    transition: all ease 0.4s;
    opacity: 0;
    visibility: hidden
}

.testi-sec5 .slick-dots .slick-active button {
    background-color: var(--theme-color)
}

.testi-sec5 .slick-dots .slick-active button::before {
    opacity: 1;
    visibility: visible
}

.testi-block-2 {
    position: relative;
    z-index: 2
}

.testi-block-2-area {
    position: relative;
    max-width: 812px;
    display: block;
    margin-left: auto;
    text-align: center
}

@media (max-width: 1199px) {
    .testi-block-2-area {
        max-width:100%
    }
}

.testi-block-2-slide {
    position: relative
}

.testi-block-2-slide .slick-arrow {
    color: var(--theme-color);
    background: -webkit-linear-gradient(357.46deg, rgba(1,129,245,0.38) 2.94%, rgba(1,129,245,0) 80.03%);
    background: linear-gradient(92.54deg, rgba(1,129,245,0.38) 2.94%, rgba(1,129,245,0) 80.03%);
    left: 0;
    top: 80%;
    -webkit-transform: translate(50%, -50%);
    -ms-transform: translate(50%, -50%);
    transform: translate(50%, -50%)
}

@media (max-width: 1699px) {
    .testi-block-2-slide .slick-arrow {
        display:none !important
    }
}

.testi-block-2-slide .slick-arrow.slick-next {
    background: -webkit-linear-gradient(357.46deg, rgba(1,129,245,0) 16.44%, rgba(1,129,245,0.38) 80.03%);
    background: linear-gradient(92.54deg, rgba(1,129,245,0) 16.44%, rgba(1,129,245,0.38) 80.03%);
    right: 0px;
    left: auto
}

.testi-block-2_icon {
    position: relative;
    margin-bottom: 20px;
    z-index: 3
}

.testi-block-2_icon i {
    color: var(--theme-color);
    font-size: 25px
}

.testi-block-2_text {
    font-family: var(--title-font);
    font-style: normal;
    font-weight: 500;
    font-size: 18px;
    line-height: 28px;
    margin-bottom: 40px
}

@media (max-width: 1799px) {
    .testi-block-2_text {
        padding:0 40px
    }
}

@media (max-width: 1399px) {
    .testi-block-2_text {
        max-width:500px;
        display: block;
        margin: auto auto 30px auto
    }
}

@media (max-width: 1199px) {
    .testi-block-2_text {
        max-width:100%;
        padding: 0
    }
}

.testi-block-2_name {
    font-family: var(--title-font);
    font-weight: 600;
    font-size: 24px;
    line-height: 34px;
    margin-bottom: 0px
}

.testi-block-2_desig {
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
    color: var(--title-color)
}

.testi-block-2-tab .tab-btn {
    border: none;
    background-color: transparent;
    padding: 0;
    min-width: 80px
}

.testi-block-2-tab .tab-btn img {
    position: relative;
    width: 80px;
    height: 80px;
    object-fit: cover;
    z-index: 1;
    -webkit-transition: all 1.3s ease;
    transition: all 1.3s ease;
    -webkit-transform: scale(0.75);
    -ms-transform: scale(0.75);
    transform: scale(0.75)
}

.testi-block-2-tab .tab-btn.active img {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1)
}

.testimonial-image-2 {
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    height: 100%
}

@media (max-width: 1299px) {
    .testimonial-image-2 {
        width:500px
    }
}

@media (max-width: 1199px) {
    .testimonial-image-2 {
        display:none
    }
}

.testimonial-image-2 img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    -webkit-clip-path: path("M227.232 -52.7796C319.115 -80.9177 401.601 -151.882 496.925 -139.76C601.74 -126.432 762.287 -89.7528 766.896 15.8453C772.802 151.143 524.744 192.316 517.323 327.539C510.561 450.77 730.158 496.718 733.738 620.082C736.794 725.373 633.795 827.399 532.682 856.794C429.04 886.925 329.496 801.854 227.232 767.331C155.909 743.252 58.2477 742.502 -14.9788 725.052C-125.909 698.616 -230.643 719.002 -311.81 638.874C-387.234 564.415 -373.715 427.993 -339.872 327.539C-308.202 233.534 -211.254 182.467 -136.203 117.629C-82.2316 71.0023 -99.9494 20.425 -35.3782 -9.85139C24.8302 -38.0822 163.651 -33.3084 227.232 -52.7796Z");
    clip-path: path("M227.232 -52.7796C319.115 -80.9177 401.601 -151.882 496.925 -139.76C601.74 -126.432 762.287 -89.7528 766.896 15.8453C772.802 151.143 524.744 192.316 517.323 327.539C510.561 450.77 730.158 496.718 733.738 620.082C736.794 725.373 633.795 827.399 532.682 856.794C429.04 886.925 329.496 801.854 227.232 767.331C155.909 743.252 58.2477 742.502 -14.9788 725.052C-125.909 698.616 -230.643 719.002 -311.81 638.874C-387.234 564.415 -373.715 427.993 -339.872 327.539C-308.202 233.534 -211.254 182.467 -136.203 117.629C-82.2316 71.0023 -99.9494 20.425 -35.3782 -9.85139C24.8302 -38.0822 163.651 -33.3084 227.232 -52.7796Z")
}

.newsletter-area2 {
    position: relative;
    z-index: 2
}

.newsletter-content {
    position: relative;
    padding: 49px 60px;
    margin: 0 160px;
    z-index: 2
}

@media (max-width: 1299px) {
    .newsletter-content {
        margin:0 90px
    }
}

@media (max-width: 767px) {
    .newsletter-content {
        margin:0;
        padding: 49px 40px
    }
}

.newsletter-content:before {
    content: "";
    position: absolute;
    inset: 0;
    background-color: var(--theme-color);
    -webkit-clip-path: polygon(6.5% 0, 93.5% 0, 100% 100%, 0% 100%);
    clip-path: polygon(6.5% 0, 93.5% 0, 100% 100%, 0% 100%);
    z-index: -1
}

.newsletter-wrapper.style2 {
    max-width: 410px
}

@media (max-width: 991px) {
    .newsletter-wrapper.style2 {
        display:block;
        margin: auto
    }
}

.newsletter-wrapper.style2 .newsletter-title {
    font-weight: 600;
    font-size: 36px;
    line-height: 46px;
    text-transform: capitalize
}

@media (max-width: 767px) {
    .newsletter-wrapper.style2 .newsletter-title {
        font-size:25px;
        line-height: 35px
    }
}

.newsletter-shape {
    position: absolute;
    top: 0;
    left: 0;
    background-color: var(--title-color);
    -webkit-clip-path: polygon(0 0, 100% 0, 58% 100%, 0% 100%);
    clip-path: polygon(0 0, 100% 0, 58% 100%, 0% 100%)
}

@media (max-width: 1199px) {
    .newsletter-shape {
        -webkit-clip-path:none;
        clip-path: none;
        height: 100%
    }

    .newsletter-shape img {
        width: 100%;
        height: 100%;
        object-fit: cover
    }
}

.newsletter-shape2 {
    position: absolute;
    top: 0;
    right: 0;
    background-color: var(--title-color);
    -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 42% 100%);
    clip-path: polygon(0 0, 100% 0, 100% 100%, 42% 100%)
}

@media (max-width: 1199px) {
    .newsletter-shape2 {
        -webkit-clip-path:none;
        clip-path: none;
        height: 100%
    }

    .newsletter-shape2 img {
        width: 100%;
        height: 100%;
        object-fit: cover
    }
}

.newsletter-area3 {
    position: relative;
    z-index: 3
}

.newsletter-content2 {
    padding: 32px 60px
}

@media (min-width: 1300px) {
    .newsletter-area3 .th-container {
        --main-container: 1340px
    }
}

.footer-layout7 {
    background-color: #F8F8F8
}

.footer-layout7 .footer-area {
    background-color: #10131C;
    border-radius: 0px;
    width: 1760px;
    max-width: 100%;
    margin: 0px auto 0;
    position: relative;
    overflow: hidden;
    -webkit-transition: border-radius .2s, width 350ms ease;
    transition: border-radius .2s, width 350ms ease
}

.footer-layout7 .copyright-wrap {
    background-color: #F8F8F8
}

.footer-layout7 .copyright-wrap .copyright-text {
    color: var(--title-color)
}

.th-screen.th-visible {
    border-radius: 0;
    width: 100%
}

.feature-area3 {
    position: relative;
    z-index: 3;
    margin-top: -80px
}

.feature-grid {
    position: relative;
    background-color: var(--white-color);
    box-shadow: none;
    padding: 40px;
    z-index: 2;
    -webkit-transition: 0.5s ease;
    transition: 0.5s ease
}

@media (max-width: 1199px) {
    .feature-grid {
        padding:30px
    }
}

.feature-grid:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: var(--smoke-color);
    z-index: -1;
    -webkit-transition: 0.5s ease;
    transition: 0.5s ease
}

.feature-grid_icon {
    margin-bottom: 20px
}

.feature-grid_icon img {
    -webkit-transition: 0.4s ease-in-out;
    transition: 0.4s ease-in-out
}

.feature-grid_text {
    margin-bottom: -0.3rem
}

.feature-grid:hover {
    box-shadow: 0px 10px 50px rgba(0,0,0,0.07)
}

.feature-grid:hover:before {
    height: 0;
    top: 100%
}

.feature-grid:hover .feature-grid_icon img {
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg)
}

.why-choose-image .img1 img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.why-media {
    padding: 30px 0;
    width: 100%
}

@media (max-width: 991px) {
    .why-media {
        padding:0
    }
}

@media (min-width: 1200px) {
    .why-media:first-child {
        padding:30px 0 30px 30px;
        background: #F5F7FA;
        border-radius: 40px 0px 0px 40px
    }
}

.why-media_content {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 15px
}

.why-media_icon {
    position: relative;
    width: 60px;
    height: 60px;
    line-height: 60px;
    text-align: center;
    background-color: var(--theme-color);
    border-radius: 40px;
    color: var(--white-color);
    font-size: 24px;
    z-index: 2;
    margin-bottom: 24px
}

.why-media_icon:before {
    content: "";
    position: absolute;
    left: 12px;
    bottom: -7px;
    width: 34px;
    height: 0px;
    border: 1px dashed #0181F5;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg)
}

.why-media .checklist {
    background-color: var(--white-color);
    padding: 24px;
    border-radius: 12px;
    min-width: 280px
}

@media (max-width: 1299px) {
    .why-media .checklist {
        padding:20px;
        min-width: 150px
    }
}

@media (max-width: 1199px) {
    .why-media .checklist {
        min-width:100%
    }
}

.why-media .checklist li {
    font-size: 16px;
    color: var(--body-color)
}

.why-media .checklist li i {
    font-size: 20px
}

.why-media_wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: 30px;
    margin-left: -340px
}

@media (max-width: 1299px) {
    .why-media_wrapper {
        margin-left:-330px
    }
}

@media (max-width: 1199px) {
    .why-media_wrapper {
        margin-left:0;
        gap: 20px
    }
}

@media (max-width: 991px) {
    .why-media_wrapper {
        display:grid;
        grid-template-columns: repeat(2, 1fr)
    }
}

@media (max-width: 767px) {
    .why-media_wrapper {
        grid-template-columns:repeat(1, 1fr)
    }
}

.blog-grid-2 {
    background-color: var(--white-color);
    box-shadow: none;
    border-radius: 20px;
    -webkit-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out
}

.blog-grid-2 .blog-img {
    border-radius: 20px 20px 0 0
}

.blog-grid-2 .blog-img img {
    border-radius: 20px 20px 0 0
}

.blog-grid-2 .blog-meta {
    margin-bottom: 8px
}

.blog-grid-2_content {
    position: relative;
    padding: 30px
}

.blog-grid-2_content .blog-calendar {
    position: absolute;
    top: -57px;
    right: 30px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-flow: column;
    -ms-flex-flow: column;
    flex-flow: column;
    width: 63px;
    height: 88px;
    background-color: var(--white-color);
    border-radius: 10px
}

@media (max-width: 375px) {
    .blog-grid-2_content .blog-calendar {
        top:-70px;
        right: 10px
    }
}

.blog-grid-2 .blog-date {
    background-color: var(--theme-color);
    font-family: var(--title-font);
    font-weight: 600;
    font-size: 30px;
    line-height: 40px;
    border-radius: 10px;
    color: var(--white-color);
    text-align: center;
    padding: 4px
}

.blog-grid-2 .blog-month {
    background-color: var(--white-color);
    font-family: var(--body-color);
    font-weight: 700;
    font-size: 12px;
    line-height: 18px;
    color: var(--title-color);
    text-transform: uppercase;
    padding: 6px;
    text-align: center;
    box-shadow: 0px 10px 50px rgba(0,0,0,0.08);
    border-radius: 0 0 10px 10px
}

.blog-grid-2 .box-title {
    margin-bottom: 25px
}

.blog-grid-2 .th-btn {
    padding: 16px 40px
}

.blog-grid-2:hover {
    box-shadow: 0px 6px 30px rgba(0,0,0,0.05)
}

.blog-grid.style3 {
    box-shadow: 0px 6px 15px 0px rgba(0,0,0,0.05)
}

.blog-sec4 {
    position: relative;
    background-color: #F8F8F8;
    margin-bottom: -105px;
    padding-bottom: 223px
}

.service-box-2 {
    position: relative;
    background-color: var(--white-color);
    box-shadow: 0px 10px 50px rgba(0,0,0,0.08);
    padding: 30px;
    text-align: center;
    z-index: 2;
    overflow: hidden;
    max-height: 266px
}

@media (max-width: 1299px) {
    .service-box-2 {
        padding:30px 20px
    }
}

.service-box-2:before {
    content: "";
    width: 100%;
    height: 100%;
    background-color: var(--white-color);
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    -webkit-transition: 0.6s ease;
    transition: 0.6s ease
}

.service-box-2:after {
    content: "";
    position: absolute;
    inset: 0;
    background-color: rgba(1,15,52,0.6);
    z-index: -2
}

.service-box-2_wrapp {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 30px
}

@media (max-width: 1199px) {
    .service-box-2_wrapp {
        margin-top:40px
    }
}

@media (max-width: 767px) {
    .service-box-2_wrapp {
        grid-template-columns:repeat(1, 1fr)
    }
}

.service-box-2_icon {
    width: 70px;
    height: 70px;
    line-height: 70px;
    border-radius: 50%;
    text-align: center;
    display: block;
    margin: auto auto 10px auto;
    background-color: var(--theme-color);
    -webkit-transition: 1s ease;
    transition: 1s ease
}

.service-box-2:nth-child(2) .service-box-2_icon {
    background-color: rgba(18,119,130,0.2)
}

.service-box-2:nth-child(3) .service-box-2_icon {
    background-color: rgba(50,180,180,0.2)
}

.service-box-2:nth-child(4) .service-box-2_icon {
    background-color: rgba(1,127,245,0.2)
}

.service-box-2_text {
    height: 100%;
    opacity: 1;
    -webkit-transition: 1.3s ease;
    transition: 1.3s ease;
    margin-bottom: 0
}

.service-box-2 .line-btn {
    color: var(--white-color);
    font-weight: 700;
    font-size: 14px;
    text-transform: uppercase;
    display: block;
    margin-bottom: -0.4em;
    height: 0;
    opacity: 0;
    -webkit-transform: scaleY(0);
    -ms-transform: scaleY(0);
    transform: scaleY(0);
    -webkit-transition: 1s ease;
    transition: 1s ease
}

.service-box-2 .line-btn:before {
    display: none
}

.service-box-2:hover {
    padding: 50px 30px
}

.service-box-2:hover:before {
    width: 0
}

.service-box-2:hover:nth-child(2) .service-box-2_icon {
    background-color: #127782
}

.service-box-2:hover:nth-child(3) .service-box-2_icon {
    background-color: #32b4b4
}

.service-box-2:hover:nth-child(4) .service-box-2_icon {
    background-color: #017ff5
}

.service-box-2:hover .service-box-2_icon img {
    -webkit-filter: brightness(0) invert(1);
    filter: brightness(0) invert(1)
}

.service-box-2:hover .service-box-2_text {
    height: 0;
    opacity: 0;
    -webkit-transform: scaleY(0);
    -ms-transform: scaleY(0);
    transform: scaleY(0);
    -webkit-transition: 0.4s;
    transition: 0.4s
}

.service-box-2:hover .box-title {
    color: var(--white-color)
}

.service-box-2:hover .line-btn {
    height: 100%;
    -webkit-transform: scaleY(1);
    -ms-transform: scaleY(1);
    transform: scaleY(1);
    opacity: 1
}

.ser-text {
    font-family: var(--title-font);
    font-weight: 500;
    font-size: 18px;
    line-height: 28px;
    margin-bottom: 20px
}

.service-area-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    gap: 30px
}

@media (max-width: 375px) {
    .service-area-wrapper {
        display:block
    }
}

.service-profile {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    gap: 15px
}

@media (max-width: 375px) {
    .service-profile {
        margin-bottom:15px
    }
}

.service-profile .service-avater {
    min-width: 56px
}

.service-profile .service-avater img {
    width: 56px;
    height: 56px;
    border-radius: 50%;
    border: 2px solid var(--theme-color)
}

.service-profile .title {
    font-family: var(--title-font);
    font-weight: 500;
    font-size: 20px;
    line-height: 30px;
    margin-bottom: 0
}

.service-block-2 {
    background-color: var(--white-color);
    box-shadow: 0px 10px 50px rgba(0,0,0,0.08);
    border-radius: 6px;
    padding: 30px;
    max-width: 313px;
    text-align: center
}

@media (max-width: 1199px) {
    .service-block-2 {
        max-width:100%
    }
}

.service-block-2:not(:last-child) {
    margin-bottom: 30px
}

.service-block-2_img {
    margin-top: -0.4rem;
    margin-bottom: 15px
}

.service-block-2_text {
    margin-bottom: -0.3rem
}

.service-card-2 {
    background-color: var(--white-color);
    box-shadow: 0px 10px 15px rgba(0,0,0,0.05);
    border-radius: 0px 0px 100px 100px;
    padding: 20px;
    text-align: center
}

@media (max-width: 575px) {
    .service-card-2 {
        padding:30px;
        border-radius: 0px 0px 50px 50px
    }
}

.service-card-2_img {
    border: 1.5px dashed var(--th-border-color);
    padding: 0 20px 20px 20px;
    margin-bottom: 25px
}

.service-card-2_img img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.service-card-2 .box-title {
    font-weight: 600;
    font-size: 25px;
    line-height: 40px
}

.service-card-2_text {
    margin-bottom: 25px
}

.service-btn {
    background-color: var(--white-color);
    border: 1px dashed #D8DDE1;
    border-radius: 30px;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 30px
}

@media (max-width: 767px) {
    .service-btn {
        display:block
    }
}

.service-btn span {
    color: var(--title-color);
    font-weight: 500;
    font-size: 16px;
    line-height: 26px;
    padding: 14px 0 14px 40px
}

@media (max-width: 767px) {
    .service-btn span {
        padding:14px 40px;
        display: block
    }
}

.service-btn .th-btn {
    padding: 22px 40px;
    border-radius: 0 30px 30px 0
}

@media (max-width: 767px) {
    .service-btn .th-btn {
        width:100%;
        border-radius: 0px 0px 30px 30px
    }
}

.team-item-2 {
    position: relative;
    z-index: 3;
    -webkit-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
    overflow: hidden
}

.team-item-2 .team-img {
    border-radius: 0px
}

.team-item-2 .team-img img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.team-item-2_wrapper {
    position: relative;
    background-color: var(--white-color);
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding-right: 15px
}

.team-item-2 .box-title {
    margin-top: -0.5rem;
    margin-bottom: 0
}

.team-item-2 .team-desig {
    margin-bottom: -0.4rem
}

.team-item-2 .team-content {
    padding: 25px;
    background-color: var(--white-color);
    border-radius: 0px 0px 0px 40px;
    width: 100%
}

.team-item-2 .plus-btn {
    position: absolute;
    bottom: 0;
    right: 0;
    background-color: var(--theme-color);
    color: var(--white-color);
    width: 55px;
    padding: 0 17px;
    line-height: 90px;
    text-align: center;
    font-size: 18px;
    cursor: pointer;
    z-index: 2
}

.team-item-2 .plus-btn i {
    -webkit-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out
}

.team-item-2 .th-social {
    position: absolute;
    bottom: 100%;
    right: 0px;
    width: 55px;
    display: block;
    text-align: center;
    border-radius: 50px;
    padding: 20px 0 10px 0;
    border-radius: 100px 0px 0px 0px;
    background-color: var(--white-color);
    -webkit-transform: scaleY(0);
    -ms-transform: scaleY(0);
    transform: scaleY(0);
    -webkit-transform-origin: bottom center;
    -ms-transform-origin: bottom center;
    transform-origin: bottom center;
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
    z-index: 1
}

.team-item-2 .th-social a {
    --icon-size: 36px;
    background-color: transparent;
    color: var(--body-color);
    font-size: 16px;
    border-radius: 0;
    margin-right: 0;
    -webkit-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out
}

.team-item-2 .th-social a:hover {
    background-color: transparent;
    color: var(--theme-color)
}

.team-item-2:hover .team-item-2_wrapper .team-img img {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1)
}

.team-item-2:hover .plus-btn i {
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg)
}

.team-item-2:hover .th-social {
    -webkit-transform: scaleY(1);
    -ms-transform: scaleY(1);
    transform: scaleY(1)
}

.brand-area6 {
    background-color: #F8F8F8;
    padding: 60px 0
}

.brand-img.style4 img {
    padding: 0 15px;
    width: 180px;
    max-width: 100%;
    -webkit-filter: none;
    filter: none;
    -webkit-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
    cursor: pointer
}

.appointment-form.style3 {
    position: relative;
    padding: 60px;
    border-radius: 0;
    max-width: 521px;
    display: block;
    margin: 45px 0px 44px auto;
    z-index: 2
}

@media (max-width: 1199px) {
    .appointment-form.style3 {
        margin:80px auto 40px auto;
        padding: 40px
    }
}

@media (max-width: 575px) {
    .appointment-form.style3 {
        padding:30px
    }
}

.appointment-form.style3:after {
    content: "";
    position: absolute;
    width: 40px;
    height: 48px;
    top: 0;
    right: 0;
    border-bottom: solid 45px var(--theme-color);
    border-left: solid 0px var(--theme-color);
    border-right: solid 39px transparent;
    border-top: solid 17px transparent;
    -webkit-transform: translate(0, -100%);
    -ms-transform: translate(0, -100%);
    transform: translate(0, -100%);
    z-index: -1
}

@media (max-width: 1199px) {
    .appointment-form.style3:after {
        display:none
    }
}

.appointment-form.style3 .row {
    --bs-gutter-x: 20px
}

.appointment-form.style3 .form-title {
    margin-top: -0.4rem
}

.appointment-form.style3 .form-group input {
    border-radius: 0
}

.appointment-form.style3 .th-btn {
    border-radius: 0
}

.process-wrapper {
    display: grid;
    grid-template-columns: repeat(3, 1fr)
}

@media (max-width: 1199px) {
    .process-wrapper {
        grid-template-columns:repeat(1, 1fr)
    }
}

.process-card_wrapp.style3 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: start;
    -webkit-align-items: start;
    -ms-flex-align: start;
    align-items: start
}

@media (max-width: 480px) {
    .process-card_wrapp.style3 {
        display:block
    }
}

.process-card.style3 .box-title {
    margin: 20px 0 5px 0;
    font-size: 20px;
    line-height: 30px;
    font-weight: 500
}

.process-card.style3 .process-card_img {
    padding: 0px;
    width: 109px;
    height: 121px;
    line-height: 121px
}

.process-card.style3 .process-card_img:first-child:before,.process-card.style3 .process-card_img:first-child:after {
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg)
}

.process-card.style3 .process-card_text {
    min-width: 250px;
    margin-bottom: 20px
}

@media (max-width: 1299px) {
    .process-card.style3 .process-card_text {
        min-width:100%
    }
}

.process-card.style3:nth-child(even) {
    margin-top: 175px;
    margin-left: -120px
}

@media (max-width: 1199px) {
    .process-card.style3:nth-child(even) {
        margin-left:0
    }
}

@media (max-width: 480px) {
    .process-card.style3:nth-child(even) {
        margin-top:50px
    }
}

.process-card.style3:nth-child(even) .process-card_img:before,.process-card.style3:nth-child(even) .process-card_img:after {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

.process-card.style3:nth-child(even) .process-card_icon .number {
    border-top: 5px solid var(--theme-color);
    border-bottom: none;
    border-radius: 0px 0px 30px 30px;
    -webkit-transition: 0.4s;
    transition: 0.4s
}

.step-wrap.style3 .process-line {
    position: absolute;
    top: 55%;
    left: 50%;
    -webkit-transform: translate(calc(-50% + 400px), calc(-50% + 25px));
    -ms-transform: translate(calc(-50% + 400px), calc(-50% + 25px));
    transform: translate(calc(-50% + 400px), calc(-50% + 25px));
    margin: 0 -400px;
    border: 2px dashed var(--theme-color);
    width: 980px;
    z-index: -1
}

.process-card_image {
    min-width: 421px
}

@media (max-width: 1199px) {
    .process-card_image {
        display:block;
        margin: auto;
        min-width: 100%;
        text-align: center
    }
}

@media (max-width: 575px) {
    .process-card_image {
        margin:40px auto auto auto
    }
}

.process-item {
    display: grid;
    grid-template-columns: auto auto auto;
    gap: 30px
}

@media (max-width: 575px) {
    .process-item {
        display:block
    }
}

.process-item:not(:last-child) {
    margin-bottom: 10px
}

.process-item_number {
    font-family: var(--title-font);
    font-weight: 600;
    font-size: 48px;
    line-height: 54px;
    text-transform: capitalize;
    color: var(--theme-color)
}

.process-item .box-title {
    font-size: 18px;
    min-width: 110px;
    display: block;
    margin-bottom: 0
}

@media (max-width: 575px) {
    .process-item .box-title {
        min-width:100%
    }
}

.process-item .box-title span {
    display: block
}

.process-item p {
    margin-left: 30px
}

.cta-sec5 {
    position: relative;
    padding: 38px 0;
    z-index: 2
}

@media (max-width: 575px) {
    .cta-sec5 {
        padding-top:0
    }
}

.cta-title-area {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 20px;
    margin-left: -50px
}

@media (max-width: 1399px) {
    .cta-title-area {
        margin-left:0
    }
}

.cta-title-area .cta-shape {
    position: relative;
    min-width: 90px;
    z-index: 3
}

@media (max-width: 767px) {
    .cta-title-area .cta-shape {
        display:block;
        margin: auto auto 10px auto;
        text-align: center
    }
}

@media (max-width: 991px) {
    .cta-title-area {
        -webkit-box-pack:center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        margin-bottom: 30px
    }
}

@media (max-width: 767px) {
    .cta-title-area {
        display:block;
        margin: auto auto 30px auto;
        text-align: center
    }
}

@media (max-width: 1299px) {
    .cta-title-area .cta-text {
        font-size:38px;
        line-height: 48px
    }
}

.newsletter-sec6 {
    position: relative;
    padding: 70px 0;
    z-index: 2
}

.newsletter-sec6 .newsletter-wrapper .newsletter-title {
    margin-right: 70px
}

@media (max-width: 1299px) {
    .newsletter-sec6 .newsletter-wrapper .newsletter-title {
        margin-right:0
    }
}

.newsletter-shape6 {
    background-color: var(--theme-color);
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    -webkit-clip-path: polygon(6% 0, 87% 0%, 95% 100%, 13% 100%);
    clip-path: polygon(6% 0, 87% 0%, 95% 100%, 13% 100%);
    z-index: -1
}

@media (max-width: 1500px) {
    .newsletter-shape6 {
        -webkit-clip-path:none;
        clip-path: none
    }
}

.gallery-slider-2 .slick-list {
    padding: 0 730px !important
}

@media (max-width: 1600px) {
    .gallery-slider-2 .slick-list {
        padding:0 350px !important
    }
}

@media (max-width: 1299px) {
    .gallery-slider-2 .slick-list {
        padding:0 200px !important
    }
}

@media (max-width: 991px) {
    .gallery-slider-2 .slick-list {
        padding:0 !important
    }
}

.gallery-slider-2 .slick-slide {
    -webkit-transition: 0.4s;
    transition: 0.4s;
    height: 500px
}

.gallery-item .gallery-img {
    border-radius: 20px;
    height: 500px
}

.gallery-item .gallery-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 20px
}

.gallery-sec8 {
    position: relative;
    -webkit-clip-path: polygon(9% 0, 89% 0, 100% 10%, 100% 100%, 70% 100%, 30% 100%, 0 100%, 0 11%);
    clip-path: polygon(9% 0, 89% 0, 100% 10%, 100% 100%, 70% 100%, 30% 100%, 0 100%, 0 11%);
    z-index: 2
}

.gallery-sec8.style2 {
    padding-top: 120px
}

@media (max-width: 991px) {
    .gallery-sec8.style2 {
        padding-top:80px
    }
}

.accordion-area.style6 .accordion-card {
    background-color: var(--gray-color)
}

.process-image {
    text-align: right
}

@media (max-width: 1199px) {
    .process-image {
        margin-top:40px;
        text-align: left
    }
}

.process-text {
    max-width: 436px
}

.header-layout8 .header-button {
    gap: 30px
}

@media (max-width: 1399px) {
    .header-layout8 .header-button {
        gap:20px
    }
}

.header-layout8 .header-button .th-btn {
    margin-left: 0
}

.header-layout8 .icon-btn {
    --btn-size: 56px
}

@media (max-width: 1399px) {
    .header-layout8 .info-card {
        display:none
    }
}

.header-layout8 .main-menu a {
    font-weight: 700;
    font-size: 14px
}

.header-layout8 .main-menu>ul>li>a {
    padding: 36.5px 0px
}

.header-layout9 .header-top {
    background-color: var(--theme-color);
    --body-color: #fff;
    padding: 10px 0
}

.header-layout9 .header-social .social-title {
    font-weight: 400;
    font-size: 14px
}

.header-layout9 .sticky-wrapper.sticky .header-logo {
    padding: 0;
    margin-left: 0px
}

@media (max-width: 991px) {
    .header-layout9 .sticky-wrapper.sticky .header-logo {
        padding:20px 0
    }
}

@media (max-width: 991px) {
    .header-layout9 .header-logo {
        padding:20px 0
    }
}

.header-layout9 .langauge .nice-select {
    font-size: 14px;
    color: var(--white-color)
}

.header-layout9 .langauge .nice-select span {
    color: var(--white-color)
}

.header-layout9 .langauge.lang-dropdown .dropdown-toggle {
    border: none
}

.header-layout9 .header-button {
    gap: 30px
}

@media (max-width: 1199px) {
    .header-layout9 .header-button {
        gap:15px
    }
}

.header-layout9 .header-button .th-btn {
    margin: 0
}

.header-layout9 .icon-btn {
    --btn-size: 56px;
    background-color: var(--title-color);
    border: 1px solid var(--title-color);
    color: var(--white-color);
    font-size: 18px
}

.header-layout9 .icon-btn:hover {
    background-color: var(--theme-color);
    border-color: var(--theme-color)
}

@media (max-width: 991px) {
    .header-layout9 .header-links.style2 {
        display:none
    }
}

@media (max-width: 1199px) {
    .header-layout9 .header-links.style2 li:nth-child(2):after {
        display:none
    }
}

@media (max-width: 1199px) {
    .header-layout9 .header-links.style2 li:last-child {
        display:none
    }

    .header-layout9 .header-links.style2 li:last-child:after {
        display: none
    }
}

.header-layout9 .header-links li {
    font-weight: 300
}

.header-layout9 .header-links li:not(:last-child) {
    margin: 0 60px 0 0
}

.header-layout9 .header-links li:not(:last-child):after {
    content: '';
    height: 46px;
    width: 1px;
    background-color: rgba(255,255,255,0.3);
    position: absolute;
    top: -6px;
    right: -30px
}

.header-layout9 .header-links li:not(:last-child) a:hover {
    color: var(--title-color)
}

.header-layout9 .menu-area {
    position: relative;
    background-color: #10131C;
    z-index: 2
}

.header-layout9 .menu-area:after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 33.6%;
    height: 100px;
    background-color: #1F2432;
    -webkit-clip-path: polygon(7% 0, 100% 0, 100% 100%, 0% 100%);
    clip-path: polygon(7% 0, 100% 0, 100% 100%, 0% 100%);
    z-index: -1
}

@media (max-width: 1500px) {
    .header-layout9 .menu-area:after {
        width:30%
    }
}

@media (max-width: 1399px) {
    .header-layout9 .menu-area:after {
        width:25%
    }
}

@media (max-width: 991px) {
    .header-layout9 .menu-area:after {
        height:80px
    }
}

.header-layout9 .main-menu>ul>li>a {
    padding: 36.5px 0;
    color: var(--white-color)
}

.header-layout9 .main-menu>ul>li>a:hover {
    color: var(--theme-color)
}

.header-layout9 .main-menu ul li.menu-item-has-children>a:after {
    color: var(--white-color)
}

.header-layout9 .main-menu ul li.menu-item-has-children>a:hover:after {
    color: var(--theme-color)
}

@media (min-width: 1300px) {
    .header-layout9 .th-container {
        --main-container: 1520px
    }
}

.hero-9 {
    position: relative;
    z-index: 2
}

.hero-9 .hero-shape {
    position: absolute;
    inset: 0;
    height: 800px;
    -webkit-clip-path: polygon(50% 0, 100% 0, 100% 90%, 85% 100%, 12% 100%, 0 92%, 0 0);
    clip-path: polygon(50% 0, 100% 0, 100% 90%, 85% 100%, 12% 100%, 0 92%, 0 0);
    z-index: -1
}

.hero-style9 {
    padding: 140px 0 140px 0;
    text-align: center
}

@media (max-width: 1199px) {
    .hero-style9 {
        padding:120px 0
    }
}

.hero-style9 .hero-title {
    margin-top: -0.25em;
    margin-bottom: 33px
}

@media (max-width: 767px) {
    .hero-style9 .hero-title {
        font-size:44px;
        line-height: 54px
    }
}

@media (max-width: 375px) {
    .hero-style9 .hero-title {
        font-size:34px;
        line-height: 44px
    }
}

.hero9-slide-image {
    position: relative;
    z-index: 2;
    max-width: 1718px;
    height: 674px;
    display: block;
    margin: auto;
    overflow: hidden
}

.hero9-slide-image:before {
    content: "";
    position: absolute;
    bottom: -20px;
    left: 0;
    width: 100%;
    height: 120px;
    background-color: var(--white-color);
    -webkit-clip-path: path("M0 101H1720V41L1679.04 19.2493C1634.22 -4.5493 1580.3 -3.61222 1536.34 21.7296L1533.92 23.1213C1490.01 48.4344 1435.95 48.5152 1391.96 23.3334L1385.68 19.7415C1344 -4.11631 1292.58 -3.13834 1251.84 22.2871C1210.74 47.9371 1158.81 48.6895 1116.98 24.2409L1108.87 19.5019C1068.34 -4.18652 1018.04 -3.54231 978.137 21.1763L971.291 25.4167C933.333 48.9281 885.155 48.1671 847.959 23.4686L846.176 22.2851C808.577 -2.68066 759.608 -2.4053 722.292 22.9818C685.691 47.8826 637.796 48.6645 600.401 24.9718L586.33 16.0562C553.187 -4.94262 510.395 -2.7121 479.615 21.6187C447.758 46.801 403.19 48.2231 369.792 25.123L356.536 15.9542C326.923 -4.52853 287.111 -1.95906 260.376 22.1605C233.297 46.5905 192.863 48.8764 163.203 27.6542L150.389 18.4852C118.633 -4.23694 76.3628 -5.75276 43.0606 14.6363L0 41V101Z");
    clip-path: path("M0 101H1720V41L1679.04 19.2493C1634.22 -4.5493 1580.3 -3.61222 1536.34 21.7296L1533.92 23.1213C1490.01 48.4344 1435.95 48.5152 1391.96 23.3334L1385.68 19.7415C1344 -4.11631 1292.58 -3.13834 1251.84 22.2871C1210.74 47.9371 1158.81 48.6895 1116.98 24.2409L1108.87 19.5019C1068.34 -4.18652 1018.04 -3.54231 978.137 21.1763L971.291 25.4167C933.333 48.9281 885.155 48.1671 847.959 23.4686L846.176 22.2851C808.577 -2.68066 759.608 -2.4053 722.292 22.9818C685.691 47.8826 637.796 48.6645 600.401 24.9718L586.33 16.0562C553.187 -4.94262 510.395 -2.7121 479.615 21.6187C447.758 46.801 403.19 48.2231 369.792 25.123L356.536 15.9542C326.923 -4.52853 287.111 -1.95906 260.376 22.1605C233.297 46.5905 192.863 48.8764 163.203 27.6542L150.389 18.4852C118.633 -4.23694 76.3628 -5.75276 43.0606 14.6363L0 41V101Z");
    z-index: 2
}

.hero9-slide-image img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.hero-10 {
    position: relative;
    z-index: 4
}

.hero-10:before,.hero-10:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 1266px;
    height: 100%;
    background-color: #1F2432;
    z-index: -2
}

.hero-10:before {
    -webkit-clip-path: polygon(0 0, 55% 0%, 100% 100%, 0% 100%);
    clip-path: polygon(0 0, 55% 0%, 100% 100%, 0% 100%);
    left: 90px
}

.hero-10:after {
    -webkit-clip-path: polygon(0 0, 100% 0, 71% 100%, 0% 100%);
    clip-path: polygon(0 0, 100% 0, 71% 100%, 0% 100%)
}

.hero-10 .hero-shape {
    position: absolute;
    inset: 0;
    z-index: -1
}

.hero-10 .th-hero-image {
    position: absolute;
    top: 70px;
    right: 60px;
    z-index: 2
}

@media (max-width: 1699px) {
    .hero-10 .th-hero-image {
        right:0
    }
}

@media (max-width: 1500px) {
    .hero-10 .th-hero-image {
        margin-right:-90px
    }
}

@media (max-width: 1299px) {
    .hero-10 .th-hero-image {
        margin-right:-120px;
        width: 815px
    }
}

@media (max-width: 1199px) {
    .hero-10 .th-hero-image {
        position:relative;
        margin-right: 0;
        width: 100%
    }
}

.hero-10 .th-hero-image:before {
    content: "";
    position: absolute;
    inset: 0;
    background: url("../img/update_4/hero/hero-shape.png");
    background-color: var(--theme-color);
    -webkit-clip-path: path("M891.743 322.526C887.623 399.918 854.15 474.732 794.238 524.818C723.526 583.932 631.32 605.887 541.514 614.251C492.952 618.779 444.027 620.409 395.297 621.534C349.889 622.588 304.304 622.154 259.136 617.042C214.437 611.983 170.119 602.476 128.521 585.093C88.8371 568.516 49.7024 545.613 24.0171 510.226C-0.480883 476.46 -8.92451 429.971 11.6042 392.254C28.1902 361.767 58.4738 342.461 84.416 320.754C97.1833 310.086 109.703 298.506 118.687 284.365C129.549 267.283 133.554 247.587 135.14 227.652C136.867 206.034 136.522 184.265 140.03 162.797C143.397 142.126 151.345 123.042 165.051 107.094C178.341 91.6153 195.804 79.9821 213.666 70.4575C233.69 59.7812 254.786 50.8857 276.005 42.8231C319.632 26.2282 365.102 14.4089 411.272 7.5247C457.796 0.596146 504.949 -1.60114 551.898 1.47329C552.634 1.51759 553.36 1.56189 554.096 1.62391L633.5 1.47329L743.576 50.4427C771.29 66.9844 796.568 87.5397 818.089 111.586C869.743 169.282 895.871 245.257 891.743 322.526Z");
    clip-path: path("M891.743 322.526C887.623 399.918 854.15 474.732 794.238 524.818C723.526 583.932 631.32 605.887 541.514 614.251C492.952 618.779 444.027 620.409 395.297 621.534C349.889 622.588 304.304 622.154 259.136 617.042C214.437 611.983 170.119 602.476 128.521 585.093C88.8371 568.516 49.7024 545.613 24.0171 510.226C-0.480883 476.46 -8.92451 429.971 11.6042 392.254C28.1902 361.767 58.4738 342.461 84.416 320.754C97.1833 310.086 109.703 298.506 118.687 284.365C129.549 267.283 133.554 247.587 135.14 227.652C136.867 206.034 136.522 184.265 140.03 162.797C143.397 142.126 151.345 123.042 165.051 107.094C178.341 91.6153 195.804 79.9821 213.666 70.4575C233.69 59.7812 254.786 50.8857 276.005 42.8231C319.632 26.2282 365.102 14.4089 411.272 7.5247C457.796 0.596146 504.949 -1.60114 551.898 1.47329C552.634 1.51759 553.36 1.56189 554.096 1.62391L633.5 1.47329L743.576 50.4427C771.29 66.9844 796.568 87.5397 818.089 111.586C869.743 169.282 895.871 245.257 891.743 322.526Z");
    z-index: -1;
    margin-top: 92px
}

.hero-style10 {
    padding: 252px 0
}

@media (max-width: 1299px) {
    .hero-style10 {
        padding:180px 0
    }
}

@media (max-width: 1199px) {
    .hero-style10 {
        padding:140px 0 0px 0;
        text-align: center
    }
}

.hero-style10 .hero-subtitle {
    margin-bottom: 13px
}

.hero-style10 .hero-title {
    font-size: 74px;
    line-height: 84px;
    color: var(--smoke-color);
    margin-bottom: 25px
}

@media (max-width: 1399px) {
    .hero-style10 .hero-title {
        font-size:64px;
        line-height: 74px
    }
}

@media (max-width: 767px) {
    .hero-style10 .hero-title {
        font-size:54px;
        line-height: 64px
    }
}

@media (max-width: 575px) {
    .hero-style10 .hero-title {
        font-size:44px;
        line-height: 54px
    }
}

@media (max-width: 375px) {
    .hero-style10 .hero-title {
        font-size:34px;
        line-height: 44px
    }
}

.hero-style10 .hero-text {
    max-width: 540px;
    color: var(--smoke-color);
    margin-bottom: 30px
}

@media (max-width: 1199px) {
    .hero-style10 .hero-text {
        display:block;
        margin: auto auto 30px auto
    }
}

.hero-11 {
    position: relative;
    padding: 145px 0;
    z-index: 1;
    -webkit-clip-path: polygon(30% 0%, 100% 0, 100% 30%, 100% 90%, 87% 100%, 13% 100%, 0 90%, 0 0);
    clip-path: polygon(30% 0%, 100% 0, 100% 30%, 100% 90%, 87% 100%, 13% 100%, 0 90%, 0 0);
    overflow: hidden
}

@media (max-width: 1500px) {
    .hero-11 {
        padding:120px 0
    }
}

@media (max-width: 991px) {
    .hero-11 {
        -webkit-clip-path:none;
        clip-path: none
    }
}

.hero-11 .hero-shape11 {
    position: absolute;
    inset: 0;
    left: 80px;
    z-index: -1;
    background-size: auto;
    background-position: left, center;
    width: 1151px;
    height: 100%;
    background: #10131C;
    mix-blend-mode: soft-light;
    opacity: 0.8;
    -webkit-clip-path: path("M400 920H1151L733.599 0H0L400 920Z");
    clip-path: path("M400 920H1151L733.599 0H0L400 920Z");
    z-index: 1
}

.hero-11 .social-links-wrap {
    position: absolute;
    top: 50%;
    left: 7%;
    z-index: 3;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 40px;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

@media (max-width: 1699px) {
    .hero-11 .social-links-wrap {
        left:3%
    }
}

@media (max-width: 1599px) {
    .hero-11 .social-links-wrap {
        left:2%
    }
}

@media (max-width: 1499px) {
    .hero-11 .social-links-wrap {
        position:relative;
        left: 50%;
        top: unset;
        bottom: -40px
    }

    .hero-11 .social-links-wrap .top-line {
        display: none
    }
}

@media (max-width: 991px) {
    .hero-11 .social-links-wrap {
        left:20%
    }
}

@media (max-width: 575px) {
    .hero-11 .social-links-wrap {
        bottom:-100px;
        left: 30%
    }
}

.hero-11 .social-links-wrap .social-links {
    text-align: center
}

.hero-11 .social-links-wrap .social-links a {
    width: 30px;
    height: 30px;
    border-radius: 15px;
    font-size: 18px;
    display: block;
    line-height: 1;
    margin: 0 0 10px 0;
    color: var(--white-color)
}

@media (max-width: 1499px) {
    .hero-11 .social-links-wrap .social-links a {
        display:-webkit-inline-box;
        display: -webkit-inline-flex;
        display: -ms-inline-flexbox;
        display: inline-flex
    }
}

.hero-11 .hero-video-1 {
    margin-top: 0%;
    margin-right: -5%
}

@media (max-width: 1399px) {
    .hero-11 .hero-video-1 {
        margin:0
    }
}

.hero-11 .hero-video-1 .video-play-btn {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    border: 0;
    width: 200px;
    height: 200px;
    line-height: 202px;
    -webkit-transition: all 1s cubic-bezier(0, 0, 0.2, 1);
    transition: all 1s cubic-bezier(0, 0, 0.2, 1);
    border-radius: 50%;
    background: transparent;
    margin: 0 auto;
    display: inline-block;
    font-size: 54px;
    text-align: center;
    color: var(--white-color);
    z-index: 4;
    border: 3px solid white
}

@media (max-width: 1199px) {
    .hero-11 .hero-video-1 .video-play-btn {
        width:150px;
        height: 150px;
        line-height: 152px;
        font-size: 34px
    }
}

@media (max-width: 767px) {
    .hero-11 .hero-video-1 .video-play-btn {
        width:100px;
        height: 100px;
        line-height: 102px;
        font-size: 24px
    }
}

.hero-11 .hero-video-1 .video-play-btn:before,.hero-11 .hero-video-1 .video-play-btn:after {
    border: 3px solid white
}

.hero-style11 {
    position: relative;
    max-width: 770px;
    z-index: 2;
    padding: 120px 80px;
    border-radius: 100px;
    margin-left: -80px;
    background: url("../img/update_4/shape/hero_shape3.png");
    background-repeat: no-repeat;
    background-size: auto
}

@media (max-width: 1399px) {
    .hero-style11 {
        margin-left:0
    }
}

@media (max-width: 1199px) {
    .hero-style11 {
        padding:80px 40px
    }
}

@media (max-width: 767px) {
    .hero-style11 {
        text-align:center
    }
}

@media (max-width: 575px) {
    .hero-style11 {
        padding:80px 20px
    }
}

@media (max-width: 767px) {
    .hero-style11 .hero-title {
        font-size:54px;
        line-height: 64px
    }
}

@media (max-width: 575px) {
    .hero-style11 .hero-title {
        font-size:44px;
        line-height: 54px
    }
}

.hero-style11 .hero-subtitle {
    color: var(--white-color);
    margin-bottom: 12px
}

.hero-style11 .hero-subtitle:after {
    -webkit-backdrop-filter: blur(20px);
    backdrop-filter: blur(20px);
    background-color: var(--white-color)
}

@media (max-width: 767px) {
    .hero-style11 .hero-subtitle {
        font-size:16px
    }

    .hero-style11 .hero-subtitle:before {
        background-color: var(--white-color)
    }
}

.hero-style11 .hero-title {
    margin-bottom: 15px
}

.hero-style11 .hero-text {
    color: var(--white-color);
    max-width: 530px
}

.hero-style11 .th-btn {
    padding: 22px 42px
}

.about-sec {
    padding-top: 10px !important;
}

@media (max-width: 575px) {
    .about-sec {
        padding-top:0px !important
    }
}

.img-box9 .img1 {
    min-width: 619px
}

@media (max-width: 1199px) {
    .img-box9 .img1 {
        margin-top:50px
    }
}

@media (max-width: 767px) {
    .img-box9 .img1 {
        min-width:100%
    }
}

.img-box9 .img1 img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.img-box10 {
    position: relative
}

@media (max-width: 767px) {
    .img-box10 {
        margin-bottom:50px
    }
}

.img-box10 .img1 {
    border-radius: 20px
}

.img-box10 .img1 img {
    margin: 100px 0;
    border-radius: 20px
}

.img-box10 .img2 {
    position: absolute;
    top: 0;
    right: 0;
    border-radius: 20px
}

.img-box10 .img2 img {
    border-radius: 20px
}

.img-box10 .img3 {
    position: absolute;
    bottom: 0;
    right: 60px;
    border-radius: 20px
}

.img-box10 .img3 img {
    border-radius: 20px
}

.img-box10 .th-experience.style3 {
    position: absolute;
    top: 50%;
    left: 55%;
    width: 190px;
    height: 190px;
    line-height: 190px;
    border-radius: 50%;
    text-align: center;
    padding: 24px 20px;
    background-color: var(--theme-color);
    border: 20px solid var(--white-color);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.img-box10 .th-experience.style3 .experience-year {
    font-family: var(--title-font);
    font-weight: 700;
    font-size: 48px;
    line-height: 48px;
    color: var(--white-color)
}

.img-box10 .th-experience.style3 .experience-text {
    font-family: var(--body-font);
    font-weight: 500;
    font-size: 16px;
    line-height: 20px;
    text-transform: uppercase;
    color: var(--white-color)
}

.achive-about-wrap.style2 {
    gap: 53px
}

@media (max-width: 1299px) {
    .achive-about-wrap.style2 {
        gap:30px
    }
}

.achive-about.style2 {
    display: block;
    max-width: 235px
}

@media (max-width: 575px) {
    .achive-about.style2 {
        max-width:100%
    }
}

.achive-about.style2 .achive-about_content {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 20px;
    margin-bottom: 15px
}

.achive-about.style2 .achive-about_icon {
    min-width: 60px
}

.achive-about.style2 .box-title {
    font-size: 20px;
    line-height: 30px;
    font-weight: 500
}

@media (max-width: 1199px) {
    .img-box12 {
        margin-bottom:40px
    }
}

.img-box12 .img1 img {
    width: 100%;
    border-radius: 20px
}

.about-blockquote.style2 {
    font-size: 18px;
    color: var(--title-color)
}

.feature-wrapper.style5 .header-info_label {
    font-size: 16px
}

.feature-wrapper.style5 .header-info_link {
    font-size: 24px
}

.counter-sec5 {
    position: relative;
    max-width: 1720px;
    display: block;
    margin: auto;
    padding: 90px 100px;
    z-index: 2
}

@media (max-width: 1399px) {
    .counter-sec5 {
        padding:90px 50px
    }
}

@media (max-width: 991px) {
    .counter-sec5 {
        padding:80px 0
    }

    .counter-sec5 .container {
        max-width: 100%
    }
}

.counter-sec5:before {
    content: "";
    position: absolute;
    inset: 0;
    background-image: url("../img/update_4/bg/counter_bg_1.png");
    background-repeat: no-repeat;
    background-position: center center;
    background-color: #10131C;
    -webkit-clip-path: path("M542.491 19.8743C554.97 7.16177 572.036 0 589.849 0H1129.15C1146.96 0 1164.03 7.16177 1176.51 19.8743C1188.99 32.5868 1206.05 39.7485 1223.87 39.7485H1640C1684.18 39.7485 1720 75.5658 1720 119.749V491.253C1720 535.436 1684.18 571.253 1640 571.253H1225.55C1207.29 571.253 1189.79 578.594 1177 591.626C1164.21 604.658 1146.71 612 1128.45 612H590.549C572.288 612 554.793 604.658 542.001 591.626C529.208 578.594 511.714 571.253 493.452 571.253H80C35.8172 571.253 0 535.435 0 491.253V119.749C0 75.5658 35.8173 39.7485 80.0001 39.7485H495.132C512.946 39.7485 530.012 32.5868 542.491 19.8743Z");
    clip-path: path("M542.491 19.8743C554.97 7.16177 572.036 0 589.849 0H1129.15C1146.96 0 1164.03 7.16177 1176.51 19.8743C1188.99 32.5868 1206.05 39.7485 1223.87 39.7485H1640C1684.18 39.7485 1720 75.5658 1720 119.749V491.253C1720 535.436 1684.18 571.253 1640 571.253H1225.55C1207.29 571.253 1189.79 578.594 1177 591.626C1164.21 604.658 1146.71 612 1128.45 612H590.549C572.288 612 554.793 604.658 542.001 591.626C529.208 578.594 511.714 571.253 493.452 571.253H80C35.8172 571.253 0 535.435 0 491.253V119.749C0 75.5658 35.8173 39.7485 80.0001 39.7485H495.132C512.946 39.7485 530.012 32.5868 542.491 19.8743Z");
    z-index: -1
}

@media (max-width: 1199px) {
    .counter-sec5:before {
        -webkit-clip-path:none;
        clip-path: none
    }
}

.counter5-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 50px
}

@media (max-width: 1199px) {
    .counter5-wrapper {
        display:block
    }
}

.counter-area5 {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 0px
}

@media (max-width: 1199px) {
    .counter-area5 {
        margin-top:40px
    }
}

@media (max-width: 575px) {
    .counter-area5 {
        grid-template-columns:repeat(1, 1fr)
    }
}

.counter-area5 .th-counterup {
    padding: 40px 60px 60px 60px;
    border-right: 1px solid rgba(255,255,255,0.1);
    border-bottom: 1px solid rgba(255,255,255,0.1)
}

@media (max-width: 1299px) {
    .counter-area5 .th-counterup {
        margin:0;
        padding: 40px
    }
}

@media (max-width: 991px) {
    .counter-area5 .th-counterup {
        padding:30px
    }
}

@media (max-width: 767px) {
    .counter-area5 .th-counterup {
        padding:30px 20px
    }
}

@media (max-width: 575px) {
    .counter-area5 .th-counterup {
        border-right:1px solid transparent
    }
}

.counter-area5 .th-counterup:nth-child(2) {
    border-right: 1px solid transparent;
    border-bottom: 1px solid rgba(255,255,255,0.1)
}

.counter-area5 .th-counterup:nth-child(3) {
    border-bottom: 1px solid transparent
}

@media (max-width: 575px) {
    .counter-area5 .th-counterup:nth-child(3) {
        border-right:1px solid transparent;
        border-bottom: 1px solid rgba(255,255,255,0.1)
    }
}

.counter-area5 .th-counterup:nth-child(4) {
    border-right: 1px solid transparent;
    border-bottom: 1px solid transparent
}

.counter-area5 .th-counterup .counter-card_text {
    font-family: var(--title-font);
    color: var(--white-color);
    font-size: 18px;
    line-height: 28px
}

.counter-title-area {
    max-width: 350px
}

@media (max-width: 1199px) {
    .counter-title-area {
        max-width:100%;
        display: block;
        text-align: center;
        margin: auto
    }
}

.counter-title-area .sec-title {
    margin-top: -0.3rem
}

.counter-title-area .th-btn {
    padding: 22px 50px
}

.counter-shape1 {
    z-index: 3
}

@media (max-width: 1699px) {
    .counter-shape1 {
        display:none !important
    }
}

.counter-sec.style5 {
    position: relative;
    background-color: #F8F8F8;
    border-radius: 20px;
    margin-left: -160px;
    z-index: 2;
    margin-top: 65px;
    padding: 35px 60px
}

@media (max-width: 1199px) {
    .counter-sec.style5 {
        margin-left:0;
        padding: 35px 40px;
        grid-template-columns: repeat(3, 1fr)
    }
}

@media (max-width: 767px) {
    .counter-sec.style5 {
        grid-template-columns:repeat(1, 1fr);
        padding: 0 20px 40px
    }
}

.counter-sec.style5 .th-counterup {
    padding: 0;
    border: none
}

@media (max-width: 767px) {
    .counter-sec.style5 .th-counterup {
        padding-top:20px
    }
}

.counter-sec.style5 .th-counterup .content .counter {
    font-family: var(--title-font);
    font-weight: 600;
    font-size: 48px;
    line-height: 48px;
    color: var(--title-color)
}

.counter-sec.style5 .th-counterup .counter-number {
    color: var(--title-color)
}

.counter-sec.style5 .th-counterup .counter-card_text {
    color: var(--body-color)
}

.counter-sec.style6 {
    padding: 0 70px;
    border-radius: 20px
}

@media (max-width: 767px) {
    .counter-sec.style6 {
        padding:0 30px 66px 30px
    }
}

.counter-sec.style6 .th-counterup {
    padding: 46px 30px 66px 0px
}

@media (max-width: 575px) {
    .counter-sec.style6 .th-counterup {
        padding:46px 30px 0px 0px
    }
}

.counter-area6 {
    position: relative;
    z-index: 3
}

@media (min-width: 1300px) {
    .counter-area6 .th-container {
        --main-container: 1360px
    }
}

@media (max-width: 1600px) {
    .course-slider-1 .slick-arrow {
        display:none !important
    }
}

.course-title {
    font-size: 36px;
    font-weight: 600;
    line-height: 1.417
}

.course-title a {
    color: inherit
}

.course-title a:hover {
    color: var(--theme-color)
}

.course-img {
    border-radius: 10px 10px 0 0;
    overflow: hidden;
    position: relative
}

.course-img img {
    width: 100%;
    -webkit-transition: 0.4s ease-in-out;
    transition: 0.4s ease-in-out
}

.course-img .tag {
    position: absolute;
    top: 20px;
    left: 20px;
    background-color: var(--theme-color2);
    color: var(--white-color);
    font-weight: bold;
    font-size: 14px;
    font-family: var(--body-font);
    padding: 2px 17px;
    border-radius: 999px
}

.course-img .tag i {
    margin-right: 3px
}

.course-img .tag ~ .tag {
    -webkit-transform: translate(calc(100% + 10px), 0);
    -ms-transform: translate(calc(100% + 10px), 0);
    transform: translate(calc(100% + 10px), 0)
}

.course-author {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 15px;
    gap: 15px
}

.course-author .offer-tag {
    margin-left: auto;
    color: var(--theme-color2);
    font-size: 16px;
    font-weight: 500;
    text-transform: uppercase;
    display: block
}

.course-author .offer-tag a {
    color: var(--theme-color2)
}

.course-author .offer-tag a:hover {
    color: var(--theme-color)
}

.course-author .author-name {
    margin-right: auto
}

.author-info {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 10px
}

.author-info img {
    border-radius: 999px;
    width: 30px;
    height: 30px;
    object-fit: cover
}

.author-info .author-name {
    font-size: 18px;
    font-weight: 500;
    color: var(--title-color);
    display: block
}

@media (max-width: 1199px) {
    .author-info .author-name {
        font-size:16px
    }
}

.author-info .author-name:hover {
    color: var(--theme-color) !important
}

.course-rating {
    display: -webkit-inline-box !important;
    display: -webkit-inline-flex !important;
    display: -ms-inline-flexbox !important;
    display: inline-flex !important;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 12px;
    font-family: var(--body-font);
    gap: 3px
}

.course-rating .star-rating {
    width: 75px;
    font-size: 11px
}

.course-meta {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.course-meta a,.course-meta span {
    font-size: 12px
}

.course-meta a i,.course-meta span i {
    margin-right: 5px
}

.course-meta.style2 {
    -webkit-box-pack: start;
    -webkit-justify-content: start;
    -ms-flex-pack: start;
    justify-content: start
}

.course-meta.style2 a,.course-meta.style2 span {
    font-size: 16px
}

.course-meta.style2 a i,.course-meta.style2 span i {
    height: 20px;
    width: 20px;
    line-height: 20px;
    text-align: center;
    border-radius: 5px;
    background: #DDE8FB;
    margin-right: 8px;
    font-size: 12px;
    color: var(--theme-color)
}

.course-meta.style2 a:not(:last-child),.course-meta.style2 span:not(:last-child) {
    margin-right: 30px
}

@media (max-width: 575px) {
    .course-meta.style2 a:not(:last-child),.course-meta.style2 span:not(:last-child) {
        margin-right:20px
    }
}

@media (max-width: 375px) {
    .course-meta.style2 {
        display:block
    }

    .course-meta.style2 span {
        display: block
    }

    .course-meta.style2 span ~ span {
        margin-top: 10px
    }
}

.course-box {
    border-radius: 10px;
    background-color: var(--white-color);
    -webkit-transition: 0.4s ease-in-out;
    transition: 0.4s ease-in-out;
    overflow: hidden
}

.course-box .course-content {
    padding: 0 30px
}

.course-box .course-img {
    margin-bottom: 20px
}

.course-box .course-rating {
    margin-bottom: 14px
}

@media (max-width: 1199px) {
    .course-box .course-rating {
        margin-bottom:9px
    }
}

.course-box .course-title {
    margin-bottom: 12px;
    font-size: 20px;
    font-weight: 500
}

@media (max-width: 1199px) {
    .course-box .course-title {
        font-size:19px
    }
}

.course-box .course-meta {
    padding-bottom: 13px;
    border-bottom: 1px dashed #D0D7E3;
    margin-bottom: 15px
}

.course-box .author-name {
    margin-right: auto
}

.course-box:hover .course-img img {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1)
}

.course-tab-1 {
    margin: 0 -12px
}

.course-tab-1 .tab-btn,.course-tab-1 .nav-link,.course-tab-1 .filter-btn {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    border-radius: 10px;
    background: var(--white-color);
    padding: 30px;
    gap: 20px;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: start;
    -webkit-transition: 0.4s;
    transition: 0.4s;
    cursor: pointer
}

@media (max-width: 1199px) {
    .course-tab-1 .tab-btn,.course-tab-1 .nav-link,.course-tab-1 .filter-btn {
        padding:25px
    }
}

.course-tab-1 .tab-btn .icon,.course-tab-1 .nav-link .icon,.course-tab-1 .filter-btn .icon {
    width: 60px;
    height: 60px;
    line-height: 60px;
    background: #EBF2FF;
    border-radius: 10px;
    display: inline-block;
    -webkit-box-flex: 0;
    -webkit-flex: none;
    -ms-flex: none;
    flex: none;
    text-align: center
}

.course-tab-1 .tab-btn .box-title,.course-tab-1 .nav-link .box-title,.course-tab-1 .filter-btn .box-title {
    text-transform: capitalize;
    font-size: 22px;
    display: block;
    color: var(--title-color)
}

@media (max-width: 1199px) {
    .course-tab-1 .tab-btn .box-title,.course-tab-1 .nav-link .box-title,.course-tab-1 .filter-btn .box-title {
        font-size:18px;
        margin-top: 0
    }
}

.course-tab-1 .tab-btn .text,.course-tab-1 .nav-link .text,.course-tab-1 .filter-btn .text {
    color: var(--body-color);
    text-transform: capitalize;
    font-family: var(--body-font);
    font-weight: 400;
    -webkit-transition: 0.4s;
    transition: 0.4s;
    margin-bottom: -0.4em
}

.course-tab-1 .tab-btn .text a,.course-tab-1 .nav-link .text a,.course-tab-1 .filter-btn .text a {
    color: var(--body-color)
}

.course-tab-1 .tab-btn.active,.course-tab-1 .nav-link.active,.course-tab-1 .filter-btn.active {
    box-shadow: 0px 10px 12px 0px rgba(13,94,244,0.2);
    background: var(--theme-color)
}

.course-tab-1 .tab-btn.active .box-title,.course-tab-1 .nav-link.active .box-title,.course-tab-1 .filter-btn.active .box-title {
    color: var(--white-color)
}

.course-tab-1 .tab-btn.active .icon,.course-tab-1 .nav-link.active .icon,.course-tab-1 .filter-btn.active .icon {
    background: var(--white-color)
}

.course-tab-1 .tab-btn.active .text,.course-tab-1 .nav-link.active .text,.course-tab-1 .filter-btn.active .text {
    color: var(--white-color)
}

.course-tab-1 .tab-btn.active .text a,.course-tab-1 .nav-link.active .text a,.course-tab-1 .filter-btn.active .text a {
    color: var(--white-color)
}

.course-tab-1 .slick-current.slick-active .tab-btn,.course-tab-1 .slick-current.slick-active .nav-link,.course-tab-1 .slick-current.slick-active .filter-btn {
    box-shadow: 0px 10px 12px 0px rgba(13,94,244,0.2);
    background: var(--theme-color)
}

.course-tab-1 .slick-current.slick-active .tab-btn .box-title,.course-tab-1 .slick-current.slick-active .nav-link .box-title,.course-tab-1 .slick-current.slick-active .filter-btn .box-title {
    color: var(--white-color)
}

.course-tab-1 .slick-current.slick-active .tab-btn .icon,.course-tab-1 .slick-current.slick-active .nav-link .icon,.course-tab-1 .slick-current.slick-active .filter-btn .icon {
    background: var(--white-color)
}

.course-tab-1 .slick-current.slick-active .tab-btn .text,.course-tab-1 .slick-current.slick-active .nav-link .text,.course-tab-1 .slick-current.slick-active .filter-btn .text {
    color: var(--white-color)
}

.course-tab-1 .slick-current.slick-active .tab-btn .text a,.course-tab-1 .slick-current.slick-active .nav-link .text a,.course-tab-1 .slick-current.slick-active .filter-btn .text a {
    color: var(--white-color)
}

.course-tab-1 .slick-arrow {
    padding: 0;
    -webkit-filter: drop-shadow(0px 4px 18px rgba(13,94,244,0.24));
    filter: drop-shadow(0px 4px 18px rgba(13,94,244,0.24));
    color: var(--theme-color)
}

.course-tab-1 .slick-arrow:hover {
    color: var(--white-color)
}

@media (max-width: 1600px) {
    .course-tab-1 .slick-arrow {
        display:none !important
    }
}

.course-box.style2 {
    border-radius: 10px;
    background: var(--white-color);
    box-shadow: 0px 10px 20px 0px rgba(223,234,244,0.5)
}

.course-tab-2.tab-menu1 {
    -webkit-box-pack: end;
    -webkit-justify-content: end;
    -ms-flex-pack: end;
    justify-content: end
}

@media (max-width: 991px) {
    .course-tab-2.tab-menu1 {
        -webkit-box-pack:start;
        -webkit-justify-content: start;
        -ms-flex-pack: start;
        justify-content: start
    }
}

.course-tab-2.tab-menu1 .filter-btn {
    font-size: 18px;
    font-weight: 500;
    text-transform: capitalize;
    background: transparent;
    box-shadow: none;
    padding: 0 12px 5px 8px;
    color: var(--title-color);
    border-left: 1px solid transparent;
    -webkit-transition: 0.4s;
    transition: 0.4s;
    border-radius: 0;
    position: relative
}

.course-tab-2.tab-menu1 .filter-btn:after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    background: -webkit-linear-gradient(left, #0d5ef4, rgba(13,94,244,0));
    background: linear-gradient(to right, #0d5ef4, rgba(13,94,244,0));
    width: 0;
    -webkit-transition: 0.4s;
    transition: 0.4s;
    height: 1px
}

.course-tab-2.tab-menu1 .filter-btn.active,.course-tab-2.tab-menu1 .filter-btn:hover {
    color: var(--theme-color);
    border-color: var(--theme-color)
}

.course-tab-2.tab-menu1 .filter-btn.active:after,.course-tab-2.tab-menu1 .filter-btn:hover:after {
    width: 100%
}

.course-sec {
    max-width: 1680px;
    margin-left: auto;
    margin-right: auto;
    position: relative
}

.course-sec .bg-shape {
    position: absolute;
    top: 180px;
    left: 0;
    border-radius: 10px;
    height: calc(100% - 180px);
    width: 100%
}

.meta-box {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 12px
}

.meta-box i {
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    font-size: 14px;
    background-color: var(--theme-color);
    color: var(--white-color);
    box-shadow: 0px 4px 18px rgba(13,94,244,0.24);
    border-radius: 5px
}

.meta-box .text {
    font-size: 16px;
    color: var(--title-color);
    font-weight: 500;
    display: block;
    line-height: 1;
    margin-bottom: 6px
}

.meta-box .number {
    display: block;
    width: 100%;
    line-height: 1;
    font-size: 16px
}

.course-img {
    position: relative
}

.course-img .play-btn {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.course-img .play-btn:after,.course-img .play-btn:before {
    background-color: transparent;
    border: 1px solid var(--white-color)
}

.course-grid {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 50px;
    position: relative;
    gap: 30px;
    border-radius: 10px;
    border: 1px solid #ECF1F9;
    background: var(--white-color);
    box-shadow: 0px 9px 14px 0px #FBFBFB;
    padding: 30px
}

@media (max-width: 375px) {
    .course-grid {
        padding:25px
    }
}

.course-grid:last-of-type {
    margin-bottom: 0
}

.course-grid .course-img {
    min-width: -webkit-fit-content;
    min-width: -moz-fit-content;
    min-width: fit-content;
    position: relative;
    border-radius: 10px;
    -webkit-box-flex: 0;
    -webkit-flex: none;
    -ms-flex: none;
    flex: none;
    height: 100% !important
}

.course-grid .course-img img {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    height: 100%;
    object-fit: cover;
    border-radius: 10px
}

.course-grid .course-img::before {
    content: '';
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-color: #0D2139;
    opacity: 0.2
}

@media (max-width: 1199px) {
    .course-grid .course-img {
        display:none
    }
}

.course-grid .course-content {
    background-color: var(--white-color);
    z-index: 3
}

.course-grid .course-rating {
    font-size: 16px
}

.course-grid .offer-tag {
    color: var(--theme-color2);
    margin-left: auto;
    font-size: 16px;
    font-weight: 500;
    text-transform: uppercase
}

.course-grid .offer-tag a {
    color: var(--theme-color2)
}

.course-grid .offer-tag a:hover {
    color: var(--theme-color)
}

.course-grid .course-title {
    font-size: 24px;
    font-weight: 600;
    margin-top: 10px;
    margin-bottom: 14px
}

.course-grid .course-author {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-top: 20px;
    padding-top: 20px;
    margin-bottom: 0;
    border-top: 1px dashed #D0D7E3
}

.course-grid:nth-of-type(even) {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: row-reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse
}

.course-grid:nth-of-type(even) .course-content {
    right: unset;
    left: 0
}

.course-grid:hover .course-img img {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1)
}

.video-course {
    --box-space: 30px;
    text-align: center
}

.video-course .course-img {
    border-radius: 10px;
    overflow: hidden;
    position: relative;
    z-index: 2
}

.video-course .course-img:before {
    content: '';
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%, #11213D 100%);
    background: linear-gradient(180deg, rgba(0,0,0,0) 0%, #11213D 100%);
    z-index: 1
}

.video-course .play-btn {
    --icon-size: 70px;
    font-size: 1em;
    color: var(--white-color);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.video-course .play-btn>i {
    border: 2px solid;
    background-color: transparent;
    color: var(--white-color)
}

.video-course .play-btn:after,.video-course .play-btn:before {
    background-color: transparent;
    border: 2px solid
}

.video-course .play-btn:hover>i {
    color: var(--theme-color)
}

.video-course .play-btn:hover:after,.video-course .play-btn:hover:before {
    border-color: var(--theme-color)
}

.video-course .tag {
    top: 30px;
    left: 30px
}

.video-course .course-content {
    max-width: calc(100% - var(--box-space)*2);
    margin-left: auto;
    margin-right: auto;
    background: var(--white-color);
    border: 1px solid #ECF1F9;
    box-shadow: 0px 9px 14px rgba(97,94,94,0.06);
    border-radius: 10px;
    margin-top: -54px;
    padding: 30px 15px;
    position: relative;
    z-index: 3
}

.video-course .course-title {
    font-size: 22px;
    font-weight: 600;
    margin-bottom: 3px;
    margin-top: -0.28em
}

.video-course .author-name {
    display: block;
    margin-bottom: -0.45em;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    margin-left: auto;
    margin-right: auto
}

.video-course:hover .course-img img {
    -webkit-transform: scale(1.08);
    -ms-transform: scale(1.08);
    transform: scale(1.08)
}

.course-result-count {
    font-size: 18px;
    font-weight: 500;
    color: var(--title-color);
    display: inline-block
}

@media (max-width: 575px) {
    .course-result-count {
        font-size:16px
    }
}

.course-list {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 40px;
    position: relative;
    padding: var(--blog-space-y, 40px) var(--blog-space-x, 40px);
    border: 1px solid var(--th-border-color);
    box-shadow: 0px 9px 14px #fbfbfb;
    border-radius: 10px;
    margin-bottom: 30px
}

.course-list .course-content {
    max-width: 730px
}

.course-list .course-img {
    min-width: 530px
}

.course-list .course-img .tag {
    right: unset;
    left: 20px
}

.course-list .course-title {
    font-size: 30px;
    font-weight: 600;
    line-height: 1.333
}

.course-list .course-meta {
    max-width: 560px
}

.course-list .course-author {
    max-width: 360px;
    margin-bottom: 17px
}

.course-list .course-text {
    margin-bottom: 20px
}

@media (max-width: 1199px) {
    .course-list .course-img {
        display:none
    }
}

@media (max-width: 991px) {
    .course-list .course-title {
        font-size:24px;
        margin-bottom: 10px
    }

    .course-list .course-author {
        max-width: 360px;
        margin-bottom: 10px
    }

    .course-list .course-text {
        margin-bottom: 15px
    }
}

@media (max-width: 767px) {
    .course-list {
        --blog-space-x: 20px
    }

    .course-list .course-author {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        gap: 3px 10px
    }
}

.course-author-box {
    margin-top: 40px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    background-color: var(--smoke-color);
    border-radius: 8px;
    overflow: hidden
}

.course-author-box .auhtor-img {
    min-height: 100%
}

.course-author-box .auhtor-img img {
    height: 100%;
    object-fit: cover;
    object-position: center center
}

.course-author-box .author-name {
    font-size: 24px;
    margin-top: -0.2em;
    margin-bottom: 10px
}

.course-author-box .author-text {
    margin-bottom: 15px
}

.course-author-box .media-body {
    padding: 35px 40px 30px 40px;
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center
}

.course-author-box .th-social a {
    border-radius: 6px;
    --icon-size: 36px;
    font-size: 13px
}

.course-tags a {
    display: inline-block;
    background-color: var(--theme-color);
    color: var(--white-color);
    border-radius: 999px;
    padding: 0 15px;
    font-size: 12px;
    font-weight: 500;
    text-transform: uppercase;
    margin-bottom: 4px
}

.course-tags a:hover {
    background-color: var(--theme-color2)
}

.course-single-meta {
    padding: 0;
    margin: 0
}

.course-single-meta li {
    list-style: none;
    display: inline-block
}

.course-single-meta li:not(:last-child) {
    margin-right: 50px;
    padding-right: 50px;
    position: relative;
    border-right: 1px solid #D0DBE9
}

@media (max-width: 1399px) {
    .course-single-meta li:not(:last-child) {
        margin-right:30px;
        padding-right: 30px
    }
}

@media (max-width: 1299px) {
    .course-single-meta li:not(:last-child) {
        margin-right:25px;
        padding-right: 25px
    }
}

@media (max-width: 1199px) {
    .course-single-meta li:not(:last-child) {
        padding-right:0;
        border-right: 0
    }
}

@media (max-width: 375px) {
    .course-single-meta li:not(:last-child) {
        display:block
    }
}

@media (max-width: 767px) {
    .course-single-meta li {
        width:40%;
        margin-bottom: 20px
    }
}

@media (max-width: 375px) {
    .course-single-meta li {
        width:auto
    }
}

.course-single-meta li.course-single-meta-author {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 10px
}

.course-single-meta li.course-single-meta-author img {
    -webkit-box-flex: 0;
    -webkit-flex: none;
    -ms-flex: none;
    flex: none;
    max-width: 40px;
    border-radius: 50%
}

.course-single-meta li .meta-title {
    display: block;
    font-size: 14px;
    font-family: var(--body-font)
}

.course-single-meta li a {
    font-size: 16px;
    font-weight: 500;
    font-family: var(--title-font);
    color: var(--title-color)
}

.course-single-meta li a:hover {
    color: var(--theme-color)
}

.course-single-meta li .course-rating {
    font-size: 16px
}

@media (max-width: 767px) {
    .course-single-meta {
        margin-bottom:-20px
    }
}

.course-tab {
    gap: 1px;
    position: relative
}

.course-tab .nav-link {
    font-size: 14px;
    font-weight: 500;
    text-transform: uppercase;
    background-color: #F3F7FB;
    padding: 20px 20px;
    color: var(--body-color);
    width: 100%;
    text-align: center;
    border-top: 5px solid transparent;
    -webkit-transition: 0.4s;
    transition: 0.4s
}

@media (max-width: 1199px) {
    .course-tab .nav-link {
        padding:20px 14px
    }
}

.course-tab .nav-link:hover,.course-tab .nav-link.active {
    color: var(--theme-color)
}

.course-tab .nav-link.active {
    background: transparent;
    border-top: 5px solid var(--theme-color);
    border-radius: 5px 0px 0px 0px
}

.course-tab .nav-link i {
    margin-right: 8px
}

.course-tab .nav-item {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.course-tab .indicator {
    position: absolute;
    top: 0;
    left: 0;
    height: 3px !important;
    background-color: var(--theme-color);
    -webkit-transition: 0.4s ease-in-out;
    transition: 0.4s ease-in-out
}

.th-video.style2 {
    border-radius: 10px;
    margin-bottom: 25px
}

.th-video.style2 img {
    width: 100%
}

.th-video.style2 .play-btn>i {
    background-color: var(--white-color);
    color: var(--theme-color)
}

.th-video.style2 .play-btn:after,.th-video.style2 .play-btn:before {
    background-color: var(--white-color)
}

.widget_info.style2 {
    background-color: var(--white-color);
    box-shadow: 0px 6px 50px rgba(0,0,0,0.06);
    border-radius: 20px
}

.widget_info.style2 .th-btn {
    display: block;
    text-align: center
}

.widget_info.style2 .widget_title {
    margin: 29px 0 20px 0
}

.course-price {
    display: block;
    font-family: var(--title-font);
    font-weight: 600;
    font-size: 24px;
    line-height: 34px;
    color: var(--theme-color);
    margin-bottom: 19px;
    text-align: center
}

.course-price .tag {
    display: inline-block;
    font-size: 16px;
    color: var(--body-color);
    font-weight: 500
}

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

.info-list i {
    color: var(--theme-color);
    width: 16px;
    margin-right: 2px;
    font-size: 16px
}

.info-list strong {
    font-weight: 500;
    color: var(--title-color)
}

.info-list li {
    border-bottom: 1px dashed #d3dbeb;
    padding: 12px 0
}

.info-list li:last-child {
    border-bottom: none;
    padding-bottom: 0;
    margin-bottom: -0.45em
}

.author-meta {
    margin-bottom: 18px
}

.author-meta a,.author-meta span {
    color: var(--title-color);
    margin-right: 20px;
    font-weight: 500
}

.author-meta a i,.author-meta span i {
    margin-right: 8px;
    color: var(--theme-color)
}

.author-meta a:hover,.author-meta span:hover {
    color: var(--theme-color)
}

.author-meta a:last-child,.author-meta span:last-child {
    margin-right: 0
}

.course-description {
    padding-top: 30px
}

.course-description>p:last-of-type {
    margin-bottom: 5px
}

.course-curriculam {
    padding-top: 30px
}

.course-instructor {
    width: 100%
}

.course-Reviews .th-comment-form,.course-Reviews .th-comments-wrap {
    padding: 40px 0 40px 0;
    margin: 0
}

.course-Reviews .th-comment-form {
    margin-top: 0;
    margin-bottom: 10px;
    padding: 0;
    box-shadow: none
}

.course-single-top {
    position: relative;
    margin-bottom: var(--blog-space-y, 40px);
    padding: var(--blog-space-y, 40px) var(--blog-space-x, 40px);
    background-color: var(--white-color);
    box-shadow: 0px 6px 50px rgba(0,0,0,0.06);
    border-radius: 20px
}

.course-single .course-title {
    font-size: 48px;
    font-weight: 600;
    line-height: 1.278;
    margin-bottom: 25px;
    margin-top: 15px
}

@media (max-width: 1399px) {
    .course-single .course-title {
        font-size:30px
    }
}

@media (max-width: 1299px) {
    .course-single .course-title {
        font-size:28px
    }
}

.course-single .course-img {
    margin-bottom: var(--blog-space-y, 30px);
    border-radius: 10px
}

.course-single .course-img .tag {
    top: 30px;
    left: 30px
}

.course-single .course-tags {
    margin-bottom: 15px
}

.course-single-bottom {
    position: relative;
    margin-bottom: 0;
    overflow: hidden;
    /* margin-top: 50px; */
}

@media (max-width: 1199px) {
    .course-single {
        --blog-space-x: 20px
    }

    .course-single .course-title {
        font-size: 30px
    }

    .course-single-meta .text-theme {
        display: none
    }

    .course-single-meta>a,.course-single-meta>span,.course-single-meta>div {
        font-size: 14px;
        margin-right: 5px;
        padding-right: 10px
    }

    .course-author-box .auhtor-img {
        min-height: 100%;
        max-width: 200px
    }
}

@media (max-width: 991px) {
    .course-single {
        --blog-space-x: 40px
    }
}

@media (max-width: 767px) {
    .course-single {
        --blog-space-x: 20px
    }

    .course-single .course-title {
        font-size: 24px;
        margin-bottom: 18px
    }

    .course-single .course-img {
        margin-bottom: 25px
    }

    .course-single .course-img img {
        min-height: 230px;
        object-fit: cover
    }

    .course-tab .nav-link i {
        margin-right: 0;
        display: block
    }

    .course-single-meta>a,.course-single-meta>span,.course-single-meta>div {
        padding-right: 5px
    }

    .course-single-meta>a i,.course-single-meta>span i,.course-single-meta>div i {
        margin-right: 5px
    }

    .course-single-meta>a:after,.course-single-meta>span:after,.course-single-meta>div:after {
        display: none
    }

    .course-author-box {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .course-author-box .auhtor-img {
        min-height: 100%;
        max-width: 100%
    }

    .course-author-box .auhtor-img img {
        width: 100%
    }
}

@media (max-width: 575px) {
    .course-tab .nav-link {
        padding:12px
    }

    .course-author-box .media-body {
        padding: 35px 20px 35px 20px
    }
}

@media (max-width: 460px) {
    .course-tab .nav-item {
        -webkit-flex-basis:49%;
        -ms-flex-preferred-size: 49%;
        flex-basis: 49%
    }
}

@media (max-width: 375px) {
    .course-single .course-title {
        font-size:20px
    }
}

.course-sort-bar.th-sort-bar {
    background: var(--smoke-color);
    border-radius: 10px;
    padding: 28px 34px 23px
}

.course-sort-bar.th-sort-bar .woocommerce-result-count {
    font-family: var(--title-font);
    font-size: 18px;
    font-weight: 500
}

.course-box2 {
    border-radius: 10px;
    background-color: var(--white-color);
    -webkit-transition: 0.4s ease-in-out;
    transition: 0.4s ease-in-out;
    padding: var(--box-space-x, 30px) var(--box-space-x, 30px) 0 var(--box-space-x, 30px);
    overflow: hidden
}

.course-box2 .course-img {
    margin-bottom: 20px;
    border-radius: 10px
}

.course-box2 .course-title {
    margin-bottom: 21px
}

.course-box2 .course-meta {
    padding-top: 20px;
    padding-bottom: 20px;
    border-top: 1px dashed #D0D7E3
}

.course-box2:hover:hover {
    box-shadow: 0px 3px 0px #DFEAF4
}

.course-box2:hover .course-img img {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1)
}

.course-box2.style2 {
    border: 1px solid #ECF1F9;
    box-shadow: 0px 9px 14px #FBFBFB
}

.course-box2.style3 {
    background-color: var(--smoke-color);
    border-radius: 10px;
    padding: 0
}

.course-box2.style3 .course-meta a,.course-box2.style3 .course-meta span {
    font-size: 16px
}

.course-box2.style3 .course-title {
    font-weight: 600
}

.course-box2.style3 .course-content {
    padding: 12px 40px 0 40px
}

.course-box2.style3 .course-content .author-info img {
    width: 45px;
    height: 45px
}

.course-box2.style3 .course-author {
    margin-bottom: 30px
}

.course-box2.style3 .course-img {
    border-radius: 0
}

.course-box2.style3 .tag {
    top: 30px;
    right: 30px;
    left: auto
}

.course-box2.style3:hover {
    box-shadow: none
}

@media (max-width: 1399px) {
    .course-box2.style3 .course-content {
        padding:2px 30px 0 30px
    }

    .course-box2.style3 .course-author {
        margin-bottom: 25px
    }
}

@media (max-width: 1199px) {
    .course-box2.style3 .course-meta {
        padding-top:18px;
        padding-bottom: 18px
    }
}

@media (max-width: 991px) {
    .course-box2.style3 .course-meta a,.course-box2.style3 .course-meta span {
        font-size:14px
    }
}

@media (max-width: 375px) {
    .course-box2.style3 .course-content {
        padding:0px 20px 0 20px
    }

    .course-box2.style3 .course-title {
        font-size: 20px
    }

    .course-box2.style3 .author-info img {
        max-width: 35px
    }

    .course-box2.style3 .course-meta {
        padding-top: 12px;
        padding-bottom: 12px
    }

    .course-box2.style3 .course-meta a,.course-box2.style3 .course-meta span {
        font-size: 12px
    }
}

.course-grid2 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 50px;
    position: relative
}

.course-grid2:last-of-type {
    margin-bottom: 0
}

.course-grid2 .course-img {
    min-width: -webkit-fit-content;
    min-width: -moz-fit-content;
    min-width: fit-content;
    width: 60%;
    position: relative;
    height: 392px;
    border-radius: 10px
}

.course-grid2 .course-img img {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    height: 100%;
    object-fit: cover
}

.course-grid2 .course-img::before {
    content: '';
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-color: #0D2139;
    opacity: 0.2
}

.course-grid2 .course-content {
    background-color: var(--white-color);
    min-width: 50%;
    box-shadow: 0px 4px 29px rgba(152,170,204,0.15);
    border-radius: 10px;
    padding: 70px;
    position: absolute;
    bottom: 50%;
    right: 0;
    z-index: 3;
    -webkit-transform: translateY(50%);
    -ms-transform: translateY(50%);
    transform: translateY(50%)
}

.course-grid2 .course-title {
    font-size: 30px;
    font-weight: 600;
    margin-top: -0.3em;
    margin-bottom: 2px
}

.course-grid2 .course-author {
    display: block;
    margin-bottom: 20px;
    padding-bottom: 12px;
    border-bottom: 1px dashed #D0D7E3
}

.course-grid2:nth-of-type(even) {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: row-reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse
}

.course-grid2:nth-of-type(even) .course-content {
    right: unset;
    left: 0
}

@media (max-width: 1399px) {
    .course-grid2 .course-img {
        min-width:auto
    }

    .course-grid2 .course-img img {
        width: 100%
    }
}

@media (max-width: 1199px) {
    .course-grid2 .course-img {
        width:45%
    }
}

@media (max-width: 991px) {
    .course-grid2 .course-img {
        width:80%
    }

    .course-grid2 .course-content {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
        bottom: 0;
        padding: 30px
    }

    .course-grid2 .course-img .play-btn {
        -webkit-transform: translate(-50%, -120%);
        -ms-transform: translate(-50%, -120%);
        transform: translate(-50%, -120%)
    }
}

@media (max-width: 767px) {
    .course-grid2 {
        -webkit-box-orient:vertical !important;
        -webkit-box-direction: normal !important;
        -webkit-flex-direction: column !important;
        -ms-flex-direction: column !important;
        flex-direction: column !important;
        margin-bottom: 10px
    }

    .course-grid2:last-of-type {
        margin-bottom: -20px
    }

    .course-grid2 .course-img {
        width: 100%;
        height: 280px
    }

    .course-grid2 .course-content {
        bottom: unset;
        top: -20px;
        padding: 30px 15px;
        position: relative
    }

    .course-grid2 .course-img .play-btn {
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%)
    }

    .course-grid2 .course-title {
        font-size: 24px
    }
}

@media (max-width: 575px) {
    .course-grid2 .course-meta {
        -webkit-flex-wrap:wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        gap: 10px
    }

    .course-grid2 .meta-box i {
        display: none
    }
}

@media (max-width: 375px) {
    .course-grid2 .course-title {
        font-size:24px;
        margin-bottom: 9px;
        line-height: 1.3
    }
}

.testi-item.style6 {
    border-radius: 20px
}

.testi-item.style6:before {
    -webkit-clip-path: path("M70 50V0L55 20V45C55 50.5228 50.5228 55 45 55H20L0 70H50C61.0457 70 70 61.0457 70 50Z");
    clip-path: path("M70 50V0L55 20V45C55 50.5228 50.5228 55 45 55H20L0 70H50C61.0457 70 70 61.0457 70 50Z")
}

.testi-card-2 {
    text-align: left;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    gap: 70px
}

@media (max-width: 991px) {
    .testi-card-2 {
        gap:30px
    }
}

@media (max-width: 767px) {
    .testi-card-2 {
        display:block
    }
}

.testi-card-2_img {
    position: relative;
    min-width: 330px;
    margin: 20px 0
}

@media (max-width: 575px) {
    .testi-card-2_img {
        min-width:100%
    }
}

@media (max-width: 991px) {
    .testi-card-2_img {
        min-width:250px;
        margin: 30px 0 0 0
    }
}

@media (max-width: 575px) {
    .testi-card-2_img {
        width:100%;
        height: 100%
    }
}

.testi-card-2_img img {
    width: 100%;
    object-fit: cover;
    border-radius: 20px
}

.testi-card-2_content {
    max-width: 640px
}

@media (max-width: 991px) {
    .testi-card-2_content {
        max-width:100%
    }
}

.testi-card-2_text {
    font-family: var(--title-font);
    font-weight: 600;
    font-size: 36px;
    line-height: 46px;
    color: var(--title-color);
    margin-bottom: 32px
}

@media (max-width: 1199px) {
    .testi-card-2_text {
        font-size:26px;
        line-height: 36px
    }
}

@media (max-width: 991px) {
    .testi-card-2_text {
        font-size:20px;
        line-height: 30px
    }
}

@media (max-width: 575px) {
    .testi-card-2_text {
        font-size:18px;
        line-height: 28px
    }
}

.testi-card-2_name {
    font-family: var(--title-font);
    font-weight: 500;
    font-size: 20px;
    line-height: 30px;
    color: var(--title-color);
    display: block;
    margin-bottom: 10px
}

.testi-card-2_desig {
    font-size: 14px;
    display: block
}

.testi-card-2_wrapp {
    position: relative;
    padding: 0 0 0 80px;
    z-index: 2;
    display: block
}

.testi-card-2_wrapp:before {
    content: '';
    position: absolute;
    left: 14px;
    bottom: 18px;
    width: 60px;
    height: 1px;
    border-top: 1px solid var(--title-color)
}

.testi-card-2_wrapp:after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 4px;
    width: 30px;
    height: 30px;
    background-color: var(--theme-color);
    z-index: -1
}

.testi-card-2-slide {
    position: relative;
    background-color: var(--white-color);
    padding: 60px;
    box-shadow: 0px 10px 100px rgba(0,53,101,0.08);
    border-radius: 30px;
    margin: 0
}

@media (max-width: 991px) {
    .testi-card-2-slide {
        padding:40px
    }
}

@media (max-width: 575px) {
    .testi-card-2-slide {
        padding:30px
    }
}

.testi-card-2-slide .slick-dots {
    position: absolute;
    top: 35%;
    right: 30px;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg)
}

.testi-card-2-slide .slick-dots:before,.testi-card-2-slide .slick-dots:after {
    display: none
}

.testi-card-2-slide .slick-dots li {
    margin-right: 5px
}

.testi-card-2-slide .slick-dots li.slick-active button {
    background-color: var(--theme-color)
}

.testi-card-2-slide .slick-dots button {
    width: 10px;
    height: 10px;
    background-color: var(--th-border-color)
}

.testi-card-2-slide .slick-dots button:before {
    display: none
}

.testi-slide-area {
    position: relative;
    z-index: 2
}

.testi-slide-area .testi-shape {
    position: absolute;
    right: 90px;
    top: 50px
}

@media (max-width: 991px) {
    .testi-slide-area .testi-shape {
        display:none
    }
}

.testi-slide-area .icon-box {
    position: absolute;
    left: 60px;
    bottom: 60px
}

@media (max-width: 991px) {
    .testi-slide-area .icon-box {
        bottom:40px
    }
}

.testi-slide-area .icon-box .slick-arrow {
    --icon-size: 40px;
    line-height: var(--icon-size, 40px);
    background-color: transparent;
    color: var(--title-color);
    border: 2px solid var(--theme-color);
    font-size: var(--icon-font-size, 18px)
}

.testi-slide-area .icon-box .slick-arrow:hover {
    background-color: var(--theme-color);
    color: var(--white-color)
}

.testi-slide-area .testi-shape2 {
    position: absolute;
    top: -50px;
    left: -50px;
    width: 430px;
    height: 590px;
    border-radius: 30px;
    border: 14px solid var(--theme-color);
    z-index: -1;
    -webkit-animation: dance2 4s alternate infinite;
    animation: dance2 4s alternate infinite
}

.testi-slide-area10 {
    position: relative
}

.testi-slide-area10 .slick-dots {
    display: none !important
}

.testi-slide-area10 .icon-box {
    display: block
}

.testi-slide-area10 .icon-box .slick-arrow {
    background-color: transparent;
    width: auto;
    height: auto;
    position: absolute;
    left: 0%;
    top: -15px;
    -webkit-transform: translate(-50%, 50%);
    -ms-transform: translate(-50%, 50%);
    transform: translate(-50%, 50%)
}

.testi-slide-area10 .icon-box .slick-arrow.style2 {
    left: unset;
    right: -15px;
    color: var(--body-color)
}

.testi-slide-area10 .indicator-number {
    position: absolute;
    bottom: 7%;
    left: 45%;
    -webkit-transform: translate(-50%, 50%);
    -ms-transform: translate(-50%, 50%);
    transform: translate(-50%, 50%)
}

@media (max-width: 1199px) {
    .testi-slide-area10 .indicator-number {
        position:relative;
        left: 50%
    }
}

.testi-slide-area10 .indicator-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 0px
}

.testi-slide-area10 .pagingInfo {
    position: absolute;
    bottom: 7%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.testi-slide-area10 .pagingInfo1 {
    font-family: var(--title-font);
    font-weight: 300;
    font-size: 64px;
    line-height: 74px;
    color: var(--white-color)
}

.testi-slide-area10 .pagingInfo2 {
    font-weight: 400;
    font-size: 16px;
    line-height: 26px;
    color: var(--body-color)
}

.testi-slide-area10 .number-pagination {
    width: 5%;
    font-weight: 300;
    font-size: 64px;
    line-height: 74px;
    color: var(--white-color)
}

.testi-slide-area10 .total-pagination {
    position: relative;
    width: 5%;
    font-weight: 400;
    font-size: 16px;
    line-height: 26px;
    color: var(--body-color)
}

.testi-slide-area10 .total-pagination:before {
    content: "";
    position: absolute;
    left: -8px;
    top: 0px;
    width: 2px;
    height: 22px;
    background-color: var(--body-color);
    -webkit-transform: rotate(15deg);
    -ms-transform: rotate(15deg);
    transform: rotate(15deg)
}

.testi-slide-area10 .progress-wrapper {
    min-width: 90px;
    --space: 38%
}

.testi-slide-area10 .progress {
    opacity: 0
}

.testi-card-3 {
    text-align: left;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    gap: 60px
}

@media (max-width: 1199px) {
    .testi-card-3 {
        gap:30px
    }
}

@media (max-width: 991px) {
    .testi-card-3 {
        display:block
    }
}

@media (max-width: 767px) {
    .testi-card-3 {
        display:block
    }
}

.testi-card-3_img {
    position: relative;
    min-width: 387px;
    border-radius: 20px
}

@media (max-width: 991px) {
    .testi-card-3_img {
        margin-bottom:40px
    }
}

@media (max-width: 575px) {
    .testi-card-3_img {
        min-width:100%
    }
}

@media (max-width: 991px) {
    .testi-card-3_img {
        min-width:387px;
        border-radius: 20px
    }
}

@media (max-width: 575px) {
    .testi-card-3_img {
        min-width:100%;
        height: 100%
    }
}

.testi-card-3_img img {
    width: 100%;
    object-fit: cover;
    border-radius: 20px
}

.testi-card-3_text {
    font-family: var(--title-font);
    font-weight: 400;
    font-size: 20px;
    line-height: 30px;
    color: var(--body-color);
    margin-bottom: 0;
    max-width: 600px
}

@media (max-width: 1199px) {
    .testi-card-3_text {
        font-size:26px;
        line-height: 36px
    }
}

@media (max-width: 991px) {
    .testi-card-3_text {
        font-size:20px;
        line-height: 30px
    }
}

@media (max-width: 575px) {
    .testi-card-3_text {
        font-size:18px;
        line-height: 28px
    }
}

.testi-card-3_name {
    font-family: var(--title-font);
    font-weight: 600;
    font-size: 48px;
    line-height: 54px;
    text-transform: capitalize;
    color: var(--white-color);
    display: block;
    margin-top: -0.5rem;
    margin-bottom: 30px
}

.testi-card-3_desig {
    font-family: var(--body-font);
    font-weight: 400;
    font-size: 16px;
    line-height: 26px;
    color: var(--white-color);
    display: block;
    margin-bottom: 10px
}

.testi-card-3 .star-icon {
    margin-bottom: 25px
}

.testi-card-3 .star-icon a {
    color: #FFC700
}

.testi-card-3_wrapp {
    position: relative;
    padding: 0 0 0 80px;
    z-index: 2;
    display: block
}

.testi-card-3_wrapp:before {
    content: '';
    position: absolute;
    left: 14px;
    bottom: 18px;
    width: 60px;
    height: 1px;
    border-top: 1px solid var(--title-color)
}

.testi-card-3_wrapp:after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 4px;
    width: 30px;
    height: 30px;
    background-color: var(--theme-color);
    z-index: -1
}

.testi-card-3-slide {
    position: relative;
    background-color: var(--white-color);
    padding: 60px;
    box-shadow: 0px 10px 100px rgba(0,53,101,0.08);
    border-radius: 30px;
    margin: 0
}

@media (max-width: 991px) {
    .testi-card-3-slide {
        padding:40px
    }
}

@media (max-width: 575px) {
    .testi-card-3-slide {
        padding:30px
    }
}

.testi-card-3-slide .slick-dots {
    position: absolute;
    top: 35%;
    right: 30px;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg)
}

.testi-card-3-slide .slick-dots:before,.testi-card-3-slide .slick-dots:after {
    display: none
}

.testi-card-3-slide .slick-dots li {
    margin-right: 5px
}

.testi-card-3-slide .slick-dots li.slick-active button {
    background-color: var(--theme-color)
}

.testi-card-3-slide .slick-dots button {
    width: 10px;
    height: 10px;
    background-color: var(--th-border-color)
}

.testi-card-3-slide .slick-dots button:before {
    display: none
}

.testi-review {
    position: absolute;
    right: -15%;
    top: 15%;
    z-index: 9;
    -webkit-transform: translate(-50%, 50%);
    -ms-transform: translate(-50%, 50%);
    transform: translate(-50%, 50%)
}

.testi-review .review-text {
    font-size: 160px;
    font-weight: 700;
    -ms-transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    color: rgba(255,255,255,0.02);
    margin: 0;
    min-width: 676px
}

@media (max-width: 1399px) {
    .testi-shape1 {
        display:none !important
    }
}

.footer-layout8 .widget-area {
    padding-top: 163px !important
}

.footer-menu {
    margin: 0;
    padding: 16px 0;
    text-align: center
}

.footer-menu li {
    display: inline-block;
    margin-right: 53px
}

@media (max-width: 991px) {
    .footer-menu li {
        margin-right:30px
    }
}

@media (max-width: 991px) {
    .footer-menu li {
        margin-right:18px
    }
}

@media (max-width: 767px) {
    .footer-menu li {
        margin-right:16px
    }
}

.footer-menu li a {
    padding: 43px 0;
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    color: var(--white-color);
    text-transform: uppercase
}

@media (max-width: 991px) {
    .footer-menu li a {
        font-size:14px
    }
}

@media (max-width: 767px) {
    .footer-menu li a {
        font-size:12px
    }
}

.footer-menu li a:hover {
    color: var(--theme-color)
}

.info-box {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 13px;
    padding: 20px 0
}

.info-box:not(:last-child) {
    border-right: 1px solid rgba(255,255,255,0.1)
}

@media (max-width: 991px) {
    .info-box:not(:last-child) {
        border:none
    }
}

.info-box:last-child {
    max-width: 231px;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    margin: auto
}

.info-box_wrapper {
    max-width: 100%;
    display: grid;
    grid-template-columns: auto auto auto;
    margin: 40px 0;
    border-top: 1px solid rgba(255,255,255,0.1);
    border-bottom: 1px solid rgba(255,255,255,0.1)
}

@media (max-width: 991px) {
    .info-box_wrapper {
        grid-template-columns:auto auto
    }
}

@media (max-width: 575px) {
    .info-box_wrapper {
        grid-template-columns:auto
    }
}

.info-box_icon {
    margin-top: 5px
}

.info-box_icon i {
    font-size: 20px;
    color: var(--theme-color)
}

.info-box_text {
    margin-bottom: 0
}

.info-box_text a {
    font-family: var(--body-font);
    font-weight: 400;
    font-size: 16px;
    line-height: 26px;
    color: var(--body-color);
    display: block
}

.newsletter-form.style5 {
    display: block
}

.newsletter-form.style5 .form-control {
    position: relative;
    max-width: 100%;
    width: 100%;
    height: 56px;
    background: #1F2432;
    border-radius: 30px
}

.newsletter-form.style5 .newsletter-btn {
    position: absolute;
    top: 15px;
    right: 25px;
    background: transparent;
    border: none;
    color: var(--theme-color);
    font-size: 20px;
    padding: 0;
    border-left: 1px solid rgba(255,255,255,0.2);
    padding-left: 26px
}

.why-area3 {
    position: relative;
    background-color: #10131C;
    z-index: 2
}

.why-image3 {
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    width: 47.2%;
    height: 100%
}

@media (min-width: 1930px) {
    .why-image3 {
        width:48%
    }
}

@media (max-width: 1199px) {
    .why-image3 {
        display:none
    }
}

.why-image3 img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.feature-wrapper.style3 .icon-btn:hover {
    background-color: var(--white-color);
    border-color: var(--white-color);
    color: var(--theme-color)
}

.feature-wrapper.style3 .header-info_label {
    color: var(--white-color)
}

.feature-wrapper.style3 .header-info_link {
    color: var(--white-color)
}

.img-box11 {
    position: relative;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 30px
}

@media (max-width: 1199px) {
    .img-box11 {
        margin-bottom:50px
    }
}

.img-box11 .img1 img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 20px
}

.img-box11 .img2 {
    margin-top: -90px
}

.img-box11 .img2 img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 20px
}

.choose-shape {
    text-align: center
}

.choose-area4 {
    position: relative;
    background-color: #10131C;
    z-index: 2
}

.choose-about {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    gap: 20px;
    max-width: 516px;
    margin-bottom: 30px;
    -webkit-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out
}

.choose-about:last-child {
    margin-bottom: 0
}

.choose-about .box-title {
    color: var(--white-color);
    margin-bottom: 12px
}

.choose-about_icon {
    position: relative;
    width: 80px;
    height: 80px;
    line-height: 80px;
    background-color: #1F2432;
    border-radius: 50%;
    text-align: center;
    z-index: 2
}

.choose-about_icon:before {
    content: url("data:image/svg+xml,%3Csvg width='8' height='44' viewBox='0 0 8 44' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath opacity='0.3' d='M3.64644 43.3536C3.84171 43.5488 4.15829 43.5488 4.35355 43.3536L7.53553 40.1716C7.73079 39.9763 7.73079 39.6597 7.53553 39.4645C7.34027 39.2692 7.02369 39.2692 6.82843 39.4645L4 42.2929L1.17157 39.4645C0.976309 39.2692 0.659726 39.2692 0.464464 39.4645C0.269202 39.6597 0.269202 39.9763 0.464464 40.1716L3.64644 43.3536ZM3.5 0.5L3.5 1.46591L4.5 1.46591L4.5 0.5L3.5 0.5ZM3.5 3.39773L3.5 5.32955L4.5 5.32955L4.5 3.39773L3.5 3.39773ZM3.5 7.26136L3.5 9.19318L4.5 9.19318L4.5 7.26136L3.5 7.26136ZM3.5 11.125L3.5 13.0568L4.5 13.0568L4.5 11.125L3.5 11.125ZM3.5 14.9886L3.5 16.9205L4.5 16.9205L4.5 14.9886L3.5 14.9886ZM3.5 18.8523L3.5 20.7841L4.5 20.7841L4.5 18.8523L3.5 18.8523ZM3.5 22.7159L3.5 24.6477L4.5 24.6477L4.5 22.7159L3.5 22.7159ZM3.5 26.5795L3.5 28.5114L4.5 28.5114L4.5 26.5795L3.5 26.5795ZM3.5 30.4432L3.5 32.375L4.5 32.375L4.5 30.4432L3.5 30.4432ZM3.5 34.3068L3.5 36.2386L4.5 36.2386L4.5 34.3068L3.5 34.3068ZM3.5 38.1705L3.5 40.1023L4.5 40.1023L4.5 38.1705L3.5 38.1705ZM3.5 42.0341L3.5 43L4.5 43L4.5 42.0341L3.5 42.0341Z' fill='white'/%3E%3C/svg%3E%0A");
    position: absolute;
    left: 35px;
    top: 80px;
    width: 10px;
    height: 50px;
    z-index: -1
}

.choose-about_icon:before:last-child {
    display: none
}

.choose-about_icon img {
    -webkit-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out
}

.choose-about_text {
    margin-bottom: 0
}

.choose-about:hover .choose-about_icon img {
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg)
}

.choose-about:last-child .choose-about_icon:before {
    display: none
}

.choose-image {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    gap: 30px;
    margin-right: -200px
}

@media (max-width: 1699px) {
    .choose-image {
        margin-right:-150px
    }
}

@media (max-width: 1599px) {
    .choose-image {
        margin-right:-100px
    }
}

@media (max-width: 1199px) {
    .choose-image {
        margin-top:40px;
        margin-right: 0
    }
}

@media (max-width: 375px) {
    .choose-image {
        display:block
    }
}

.choose-image .img1 img {
    border-radius: 20px;
    -webkit-clip-path: polygon(10% 0, 100% 0, 100% 30%, 100% 70%, 100% 100%, 30% 100%, 0 100%, 0 11%);
    clip-path: polygon(10% 0, 100% 0, 100% 30%, 100% 70%, 100% 100%, 30% 100%, 0 100%, 0 11%)
}

.choose-image .img1:last-child img {
    -webkit-clip-path: polygon(0 0, 100% 0, 100% 30%, 100% 86%, 89% 100%, 30% 100%, 0 100%, 0 11%);
    clip-path: polygon(0 0, 100% 0, 100% 30%, 100% 86%, 89% 100%, 30% 100%, 0 100%, 0 11%)
}

@media (max-width: 375px) {
    .choose-image .img1:last-child img {
        margin-top:30px
    }
}

.choose-shape-image {
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    z-index: -1
}

@media (max-width: 1199px) {
    .choose-shape-image {
        display:none
    }
}

.choose-shape-image img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.choose-shape-image:before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(0,76,255,0.94)
}

.choose-item-wrapper {
    background-color: var(--white-color);
    box-shadow: 0px 10px 100px rgba(0,0,0,0.08);
    border-radius: 30px;
    padding: 60px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    gap: 60px
}

@media (max-width: 1199px) {
    .choose-item-wrapper {
        display:block;
        padding: 40px
    }
}

@media (max-width: 575px) {
    .choose-item-wrapper {
        padding:30px
    }
}

.choose-item-wrapper .choose-image3 {
    min-width: 535px;
    border-radius: 20px
}

@media (max-width: 1199px) {
    .choose-item-wrapper .choose-image3 {
        margin-bottom:40px;
        min-width: 100%
    }
}

.choose-item-wrapper .choose-image3 img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 20px
}

.skill-card.style4 {
    margin-bottom: 38px
}

.skill-feature.style4 {
    margin-bottom: 20px
}

.skill-feature.style4 .progress-number-wrapper,.skill-feature.style4 .progress-number-mark {
    font-size: 16px;
    line-height: 34px;
    height: 34px;
    font-weight: 500;
    color: var(--title-color)
}

.blog-grid.style4 {
    background-color: transparent;
    box-shadow: none
}

.blog-grid.style4 .blog-img {
    border-radius: 20px;
    margin-bottom: 40px
}

.blog-grid.style4 .blog-img img {
    border-radius: 20px
}

.blog-grid.style4 .blog-grid_content {
    padding: 0
}

.blog-grid.style4 .box-title {
    font-size: 36px;
    line-height: 46px;
    font-weight: 600;
    margin-bottom: 30px
}

.blog-grid.style4 .th-btn {
    padding: 16px 40px
}

.blog-sec5 {
    position: relative;
    background-color: #F8F8F8;
    margin-bottom: -105px;
    padding-bottom: 185px;
    border-radius: 100px;
    -webkit-clip-path: path("M1920 100C1920 44.7715 1875.23 0 1820 0H100C44.7715 0 0 44.7714 0 99.9999V827.314C0 882.542 44.7715 927.314 100 927.314H519.317C544.208 927.314 568.203 936.596 586.614 953.346L599.387 964.967C617.798 981.717 641.793 991 666.683 991H1253.32C1278.21 991 1302.2 981.717 1320.61 964.967L1333.39 953.346C1351.8 936.595 1375.79 927.313 1400.68 927.313L1820 927.314C1875.23 927.314 1920 882.542 1920 827.314V100Z");
    clip-path: path("M1920 100C1920 44.7715 1875.23 0 1820 0H100C44.7715 0 0 44.7714 0 99.9999V827.314C0 882.542 44.7715 927.314 100 927.314H519.317C544.208 927.314 568.203 936.596 586.614 953.346L599.387 964.967C617.798 981.717 641.793 991 666.683 991H1253.32C1278.21 991 1302.2 981.717 1320.61 964.967L1333.39 953.346C1351.8 936.595 1375.79 927.313 1400.68 927.313L1820 927.314C1875.23 927.314 1920 882.542 1920 827.314V100Z");
    z-index: 5
}

@media (min-width: 1930px) {
    .blog-sec5 {
        -webkit-clip-path:path("M1920 100C1920 44.7715 1875.23 0 1820 0H100C44.7715 0 0 44.7714 0 99.9999V827.314C0 882.542 44.7715 927.314 100 927.314H519.317C544.208 927.314 568.203 936.596 586.614 953.346L599.387 964.967C617.798 981.717 641.793 991 666.683 991H1253.32C1278.21 991 1302.2 981.717 1320.61 964.967L1333.39 953.346C1351.8 936.595 1375.79 927.313 1400.68 927.313L1820 927.314C1875.23 927.314 1920 882.542 7530 827.314V100Z");
        clip-path: path("M1920 100C1920 44.7715 1875.23 0 1820 0H100C44.7715 0 0 44.7714 0 99.9999V827.314C0 882.542 44.7715 927.314 100 927.314H519.317C544.208 927.314 568.203 936.596 586.614 953.346L599.387 964.967C617.798 981.717 641.793 991 666.683 991H1253.32C1278.21 991 1302.2 981.717 1320.61 964.967L1333.39 953.346C1351.8 936.595 1375.79 927.313 1400.68 927.313L1820 927.314C1875.23 927.314 1920 882.542 7530 827.314V100Z")
    }
}

@media (max-width: 991px) {
    .blog-sec5 {
        -webkit-clip-path:none;
        clip-path: none;
        border-radius: 50px;
        padding-bottom: 80px
    }
}

.blog-sec5.style2 {
    margin-bottom: -234px;
    padding-bottom: 280px
}

.blog-area10 {
    background-color: var(--gray-color)
}

.service-area3 {
    background-color: #F8F8F8
}

.service-item-2 {
    position: relative;
    background-color: var(--white-color);
    box-shadow: 0px 10px 50px rgba(0,0,0,0.05);
    border-radius: 20px;
    padding: 30px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    gap: 20px
}

@media (max-width: 1299px) {
    .service-item-2 {
        padding:30px 20px
    }
}

@media (max-width: 1199px) {
    .service-item-2 {
        gap:15px
    }
}

@media (max-width: 375px) {
    .service-item-2 {
        display:block;
        text-align: center
    }
}

.service-item-2_icon {
    min-width: 50px
}

@media (max-width: 375px) {
    .service-item-2_icon {
        margin-bottom:20px
    }
}

.service-item-2 .box-title {
    font-size: 20px;
    line-height: 30px;
    font-weight: 500;
    margin-top: -0.4rem;
    margin-bottom: 6px
}

.service-item-2_text {
    margin-bottom: 15px
}

.service-item-2 .line-btn {
    color: var(--title-color);
    margin-bottom: -0.3rem;
    -webkit-transition: all ease 0.4s;
    transition: all ease 0.4s
}

.service-item-2 .line-btn i {
    width: 24px;
    height: 24px;
    line-height: 24px;
    border-radius: 50%;
    background-color: var(--smoke-color2);
    color: var(--theme-color);
    margin-left: 0;
    -webkit-transition: all ease 0.4s;
    transition: all ease 0.4s
}

.service-item-2 .line-btn:before {
    display: none
}

.service-item-2 .line-btn:hover {
    color: var(--theme-color)
}

.service-item-2 .line-btn:hover i {
    background-color: var(--theme-color);
    color: var(--white-color)
}

.service-card-3 {
    position: relative;
    padding: 30px;
    background-color: var(--white-color);
    box-shadow: 0px 10px 15px rgba(0,53,101,0.08);
    border-radius: 20px
}

@media (max-width: 375px) {
    .service-card-3 {
        padding:20px
    }
}

.service-card-3_img {
    position: relative;
    overflow: hidden;
    border-radius: 20px;
    z-index: 2
}

.service-card-3_img img {
    width: 100%;
    height: 100%;
    border-radius: 20px;
    object-fit: cover;
    -webkit-clip-path: path("M317 0H10C4.47715 0 0 4.47716 0 10V210C0 215.523 4.47715 220 10 220H54.7606C65.396 220 75.3497 214.764 81.375 206C87.4003 197.236 97.354 192 107.989 192H221.556C231.776 192 241.265 197.299 246.625 206C251.985 214.701 261.474 220 271.694 220H317C322.523 220 327 215.523 327 210V10C327 4.47715 322.523 0 317 0Z");
    clip-path: path("M317 0H10C4.47715 0 0 4.47716 0 10V210C0 215.523 4.47715 220 10 220H54.7606C65.396 220 75.3497 214.764 81.375 206C87.4003 197.236 97.354 192 107.989 192H221.556C231.776 192 241.265 197.299 246.625 206C251.985 214.701 261.474 220 271.694 220H317C322.523 220 327 215.523 327 210V10C327 4.47715 322.523 0 317 0Z");
    -webkit-transition: all 1.3s ease;
    transition: all 1.3s ease
}

@media (max-width: 1299px) {
    .service-card-3_img img {
        -webkit-clip-path:none;
        clip-path: none
    }
}

.service-card-3 .service-tag {
    font-family: var(--title-font);
    font-weight: 400;
    font-size: 18px;
    line-height: 28px;
    color: var(--body-color);
    text-align: center;
    margin-top: -20px;
    margin-bottom: 25px
}

@media (max-width: 1299px) {
    .service-card-3 .service-tag {
        margin:20px 0;
        text-align: left
    }
}

.service-card-3 .service-tag .price {
    color: var(--theme-color)
}

.service-card-3_text {
    padding-bottom: 20px;
    margin-bottom: 20px;
    border-bottom: 1px dashed #D8DDE1
}

.service-card-3 .service-meta {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.service-card-3 .service-meta span {
    font-size: 14px
}

.service-card-3 .service-meta span i {
    color: var(--theme-color);
    margin-right: 2px
}

.service-area8 {
    padding-top: 220px;
    background-color: var(--gray-color);
    margin-top: -100px
}

@media (max-width: 991px) {
    .service-area8 {
        padding-top:180px
    }
}

.service-box-3 {
    position: relative;
    background: var(--white-color);
    padding: 50px 15px 00 15px;
    display: block;
    border-radius: 20px;
    box-shadow: 0px 10px 15px rgba(0,53,101,0.08);
    text-align: center;
    margin-top: 70px
}

.service-box-3_icon {
    position: absolute;
    top: -70px;
    left: calc(50% - 70px);
    width: 140px;
    height: 140px;
    line-height: 91px;
    border: 20px solid var(--gray-color);
    background-color: var(--white-color);
    border-radius: 50%;
    z-index: 9;
    -webkit-transition: 0.4s ease-in-out;
    transition: 0.4s ease-in-out
}

.service-box-3_icon img {
    -webkit-transition: 0.4s ease-in-out;
    transition: 0.4s ease-in-out
}

.service-box-3 .box-title {
    margin: 40px 0 -0.3rem 0
}

@media (max-width: 1299px) {
    .service-box-3 .box-title {
        font-size:20px
    }
}

.service-box-3 .icon-btn {
    --btn-size: 50px;
    background-color: var(--title-color);
    color: var(--white-color);
    border-color: var(--title-color);
    -webkit-transform: translateY(30px);
    -ms-transform: translateY(30px);
    transform: translateY(30px);
    -webkit-transition: 0.4s ease-in-out;
    transition: 0.4s ease-in-out
}

.service-box-3:hover .service-box-3_icon {
    background-color: var(--theme-color)
}

.service-box-3:hover .service-box-3_icon img {
    -webkit-filter: brightness(0) invert(1);
    filter: brightness(0) invert(1);
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg)
}

.service-box-3:hover .icon-btn {
    background-color: var(--theme-color);
    border-color: var(--theme-color)
}

.serviceslider8 .slick-dots {
    margin: 100px 0 0 0
}

.team-area3 {
    background-repeat: no-repeat;
    background-size: auto;
    background-position: right center
}

.team-card-2 {
    position: relative;
    z-index: 3
}

.team-card-2 .team-img {
    border-radius: 20px
}

.team-card-2 .team-img img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.team-card-2_wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.team-card-2 .box-title {
    font-size: 30px;
    line-height: 40px;
    margin-top: -0.5rem;
    margin-bottom: 0
}

.team-card-2 .team-desig {
    margin-bottom: -0.3rem
}

.team-card-2 .team-content {
    padding: 30px 0 0 0
}

.team-card-2 .plus-btn {
    position: relative;
    height: 56px;
    background-color: var(--theme-color);
    color: var(--white-color);
    width: 56px;
    text-align: center;
    font-size: 18px;
    line-height: 56px;
    border-radius: 50%;
    margin: -30px 20px 0 0;
    cursor: pointer;
    z-index: 2;
    -webkit-transition: all 1.3s ease;
    transition: all 1.3s ease
}

.team-card-2 .plus-btn:before {
    position: absolute;
    inset: 0;
    font-family: var(--icon-font);
    content: "\f1e0";
    -webkit-transition: all 1.3s ease;
    transition: all 1.3s ease
}

.team-card-2 .th-social {
    position: absolute;
    bottom: 18%;
    right: 20px;
    width: 56px;
    display: block;
    text-align: center;
    border-radius: 56px;
    padding: 10px 0 40px 0;
    background-color: var(--white-color);
    -webkit-transform: scaleY(0);
    -ms-transform: scaleY(0);
    transform: scaleY(0);
    -webkit-transform-origin: bottom center;
    -ms-transform-origin: bottom center;
    transform-origin: bottom center;
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
    z-index: 1
}

.team-card-2 .th-social a {
    --icon-size: 36px;
    background-color: transparent;
    color: var(--title-color);
    font-size: 16px;
    border-radius: 0;
    margin-right: 0;
    -webkit-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out
}

.team-card-2 .th-social a:hover {
    background-color: transparent;
    color: var(--theme-color)
}

.team-card-2:hover .team-block_wrapper:before {
    opacity: 1
}

.team-card-2:hover .team-block_wrapper .team-img img {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1)
}

.team-card-2:hover .plus-btn:before {
    content: "\f062"
}

.team-card-2:hover .th-social {
    -webkit-transform: scaleY(1);
    -ms-transform: scaleY(1);
    transform: scaleY(1)
}

.team-card-3 {
    position: relative;
    overflow: hidden
}

.team-card-3 .team-img-wrap {
    position: relative;
    -webkit-transition: 0.4s;
    transition: 0.4s
}

.team-card-3 .team-img {
    overflow: hidden;
    position: relative;
    border-radius: 20px
}

.team-card-3 .team-img img {
    width: 100%;
    border-radius: 20px;
    -webkit-transition: 0.4s ease-in-out;
    transition: 0.4s ease-in-out
}

.team-card-3 .th-social {
    position: absolute;
    bottom: 35px;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    -webkit-transition: 0.4s;
    transition: 0.4s;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content
}

.team-card-3 .th-social a {
    opacity: 0;
    -webkit-transform: translateY(20px);
    -ms-transform: translateY(20px);
    transform: translateY(20px);
    -webkit-transition: 0.3s;
    transition: 0.3s
}

.team-card-3 .th-social a:nth-child(1) {
    -webkit-transition-delay: 0s;
    transition-delay: 0s
}

.team-card-3 .th-social a:nth-child(2) {
    -webkit-transition-delay: 0.1s;
    transition-delay: 0.1s
}

.team-card-3 .th-social a:nth-child(3) {
    -webkit-transition-delay: 0.2s;
    transition-delay: 0.2s
}

.team-card-3 .th-social a:nth-child(4) {
    -webkit-transition-delay: 0.3s;
    transition-delay: 0.3s
}

.team-card-3 .box-title {
    margin-top: -0.5rem;
    margin-bottom: 0px
}

.team-card-3 .team-desig {
    color: var(--theme-color);
    display: block;
    font-size: 16px;
    font-weight: 400;
    margin-bottom: -0.3em
}

.team-card-3 .team-content {
    padding: 30px 30px 0px 30px;
    text-align: center
}

.team-card-3:hover .team-img-wrap {
    border-color: var(--theme-color)
}

.team-card-3:hover .team-img img {
    -webkit-transform: scale(1.08);
    -ms-transform: scale(1.08);
    transform: scale(1.08)
}

.team-card-3:hover .th-social a {
    opacity: 1;
    -webkit-transform: translateY(0px);
    -ms-transform: translateY(0px);
    transform: translateY(0px)
}

.team-desc {
    max-width: 460px;
    display: block;
    margin-left: auto
}

@media (max-width: 991px) {
    .team-desc {
        max-width:100%;
        margin-left: 0;
        margin-bottom: 80px
    }
}

.team-box-2 {
    position: relative
}

.team-box-2 .team-img {
    text-align: right
}

.team-box-2 .team-img img {
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease
}

.team-box-2 .team-content {
    background: #F5F7FA;
    border-radius: 20px 20px 0px 0px;
    padding: 30px;
    max-width: 235px;
    position: absolute;
    left: 0;
    bottom: 0
}

.team-box-2 .team-content .box-title {
    margin-top: -0.5rem;
    margin-bottom: 0
}

.team-box-2 .team-content .team-desig {
    color: var(--theme-color);
    display: block;
    margin-bottom: -0.4rem
}

.team-slide-area {
    position: relative;
    z-index: 2
}

.team-slide-area .team-shape10 {
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1
}

.teamSlide10 .slick-slide {
    height: 420px;
    margin-top: 100px;
    -webkit-transition: 0.4s;
    transition: 0.4s
}

.teamSlide10 .slick-current.slick-active .team-box-2 {
    margin-right: 30px
}

.teamSlide10 .slick-current.slick-active .team-box-2 .team-img {
    -webkit-transform: translateY(-60px);
    -ms-transform: translateY(-60px);
    transform: translateY(-60px)
}

.teamSlide10 .slick-current.slick-active .team-box-2 .team-img img {
    -webkit-transform: scale(1.4);
    -ms-transform: scale(1.4);
    transform: scale(1.4)
}

.faq-sec3 {
    background-color: #F8F8F8
}

.faq-contact-area {
    background-color: var(--white-color);
    box-shadow: 0px 10px 100px rgba(0,53,101,0.08);
    border-radius: 30px;
    padding: 40px
}

@media (max-width: 1199px) {
    .faq-contact-area {
        margin-bottom:50px
    }
}

@media (max-width: 375px) {
    .faq-contact-area {
        padding:30px
    }
}

.faq-contact_wrapp {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    gap: 20px
}

@media (max-width: 375px) {
    .faq-contact_wrapp {
        display:block
    }
}

.faq-contact_icon {
    min-width: 60px
}

@media (max-width: 375px) {
    .faq-contact_icon {
        margin-bottom:20px
    }
}

.faq-contact_icon i {
    width: 60px;
    height: 60px;
    line-height: 60px;
    text-align: center;
    border-radius: 50%;
    background: #ECF1F5;
    font-size: 30px;
    color: var(--theme-color)
}

.faq-contact_content .box-title {
    margin-bottom: 7px
}

.accordion-card.style3 {
    background-color: transparent;
    border-radius: 50px;
    padding: 24px 30px;
    border: 1px solid var(--th-border-color);
    box-shadow: none
}

@media (max-width: 575px) {
    .accordion-card.style3 {
        padding:20px 20px
    }
}

.accordion-card.style3:not(:last-child) {
    margin: 0 0 30px 0
}

.accordion-card.style3 .accordion-button {
    font-family: var(--title-font);
    font-weight: 500;
    font-size: 20px;
    line-height: 30px;
    border-radius: 0;
    min-height: auto;
    padding: 0;
    border: none
}

@media (max-width: 575px) {
    .accordion-card.style3 .accordion-button {
        font-size:16px;
        line-height: 26px
    }
}

.accordion-card.style3 .accordion-button:after {
    content: "\2b";
    -webkit-clip-path: none;
    clip-path: none;
    width: 46px;
    height: 46px;
    top: -8px;
    right: 0px;
    line-height: 46px;
    border-radius: 50%;
    text-align: center;
    background: #FFFFFF;
    box-shadow: 0px 10px 100px rgba(0,53,101,0.08);
    padding: 0
}

@media (max-width: 575px) {
    .accordion-card.style3 .accordion-button:after {
        width:35px;
        height: 35px;
        line-height: 35px
    }
}

.accordion-card.style3 .accordion-button:not(.collapsed) {
    box-shadow: none;
    border-radius: 0
}

.accordion-card.style3 .accordion-button:not(.collapsed):after {
    content: '\f068';
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    color: var(--theme-color)
}

.accordion-card.style3 .accordion-button:not(.collapsed) {
    box-shadow: none;
    border-radius: 0;
    border: none
}

.accordion-card.style3 .accordion-body {
    padding: 15px 0 6px 0
}

.faq-img6 {
    position: relative
}

@media (max-width: 1199px) {
    .faq-img6 {
        margin-top:50px
    }
}

.faq-img6 .img1 {
    text-align: right
}

.faq-img6 .img1 img {
    border-radius: 190.714px 10px 10px 10px;
    -webkit-transform: matrix(-1, 0, 0, 1, 0, 0);
    -ms-transform: matrix(-1, 0, 0, 1, 0, 0);
    transform: matrix(-1, 0, 0, 1, 0, 0)
}

.faq-img6 .img2 {
    margin-top: -185px
}

@media (max-width: 480px) {
    .faq-img6 .img2 {
        display:none
    }
}

.faq-img6 .img2 img {
    border-radius: 100px 10px 150px
}

.faq-img6 .faq-shape {
    position: absolute;
    top: 0
}

@media (max-width: 480px) {
    .faq-img6 .faq-shape {
        display:none
    }
}

.btn {
    background-color: #010f34;
}

@media(max-width: 350px) {
    .header-logo a img {
        width:100px !important;
    }

    .header-layout3 .header-logo .logo-bg {
        width: 200px;
        height: 100px;
    }
}

.team-img img {
    height: 302px;
    object-fit: cover;
}

.service-box_icon img {
    width: 70px;
}

.service-box_img img {
    height: 250px;
    object-fit: cover;
}

.top-icon img {
    width: 50px;
}

.interior img {
    height: 300px !important;
    width: 100%;
    object-fit: cover;
}

.service-card-2_img img {
    height: 200px;
    width: 100%;
    object-fit: cover;
}

.video-box2 img {
    height: 550px;
    width: 100%;
    object-fit: cover;
}

.service-block_icon img {
    width: 50px;
}

.service-block_img img {
    height: 300px;
    width: 100%;
    object-fit: cover;
}

.icon-btn {
    margin-left: 10px;
}

.floating_btn {
    position: fixed;
    bottom: 30px;
    left: 30px;
    width: 100px;
    height: 100px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    z-index: 1000;
}

@keyframes pulsing {
    to {
        box-shadow: 0 0 0 30px rgba(232, 76, 61, 0);
    }
}

.contact_icon {
    background-color: #42db87;
    color: #fff;
    width: 60px;
    height: 60px;
    font-size: 30px;
    border-radius: 50px;
    text-align: center;
    box-shadow: 2px 2px 3px #999;
    display: flex;
    align-items: center;
    justify-content: center;
    transform: translatey(0px);
    animation: pulse 1.5s infinite;
    box-shadow: 0 0 0 0 #42db87;
    -webkit-animation: pulsing 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
    -moz-animation: pulsing 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
    -ms-animation: pulsing 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
    animation: pulsing 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
    font-weight: normal;
    font-family: sans-serif;
    text-decoration: none !important;
    transition: all 300ms ease-in-out;
}

.text_icon {
    margin-top: 8px;
    color: #707070;
    font-size: 13px;
}

.brand-box:hover a img.original {
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 0.7s ease-in-out;
    transition: all 0.7s ease-in-out;
    -webkit-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    transform: translateY(-100%)
}

.brand-box img {
    margin: 0 auto;
    -webkit-transition: all 0.7s ease-in-out;
    transition: all 0.7s ease-in-out;
    position: absolute;
    top: 0;
    left: 0;
    right: 0
}

.brand-box img.gray {
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 0.7s ease-in-out;
    transition: all 0.7s ease-in-out;
    -webkit-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    transform: translateY(-100%)
}

.brand-box img.original {
    -webkit-transition: all 0.7s ease-in-out;
    transition: all 0.7s ease-in-out;
    -webkit-transform: translateY(0%);
    -ms-transform: translateY(0%);
    transform: translateY(0%)
}

.brand-img {
    text-align: center;
    background-color: var(--white-color);
    border: 1px solid var(--th-border-color);
    border-right: none;
    min-height: 150px;
    display: grid !important;
    -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
}

.brand-img img {
    padding: 0 15px;
    width: 170px;
    max-width: 100%;
    -webkit-filter: none;
    filter: none;
    -webkit-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
    cursor: pointer
}

.brand-img:hover img {
    -webkit-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2)
}

@media (max-width: 575px) {
    .brand-img {
        min-height:120px
    }
}

.brand-title {
    position: relative;
    font-family: var(--title-font);
    font-weight: 600;
    font-size: 24px;
    line-height: 34px;
    color: var(--title-color);
    line-height: 21px;
    text-align: center;
    text-transform: uppercase;
    margin-bottom: 15px
}

@media (max-width: 767px) {
    .brand-title {
        font-size:18px;
        line-height: 28px
    }
}

.brand-title:after,.brand-title:before {
    content: "";
    position: absolute;
    top: 50%;
    height: 1.5px;
    width: 420px;
    background-color: #E0E0E0
}

@media (max-width: 575px) {
    .brand-title:after,.brand-title:before {
        display:none
    }
}

.brand-title:before {
    margin-left: -26.9rem
}

.brand-title:after {
    margin-left: 1rem
}

.brand-title .counter-card_number {
    font-weight: 600;
    font-size: 24px;
    line-height: 34px;
    color: var(--theme-color)
}

@media (max-width: 767px) {
    .brand-title .counter-card_number {
        font-size:18px;
        line-height: 28px
    }
}

.brand-title .counter-title {
    font-size: 24px;
    font-weight: 600;
    color: var(--title-color);
    text-transform: capitalize
}

.checklist ul {
    padding-left: 0;
    list-style: none;
    text-align: left;
    margin-bottom: 0
}

.checklist li {
    position: relative;
    padding-left: 17px
}

.checklist li:before {
    content: "";
    width: 7px;
    height: 7px;
    background-color: var(--theme-color);
    display: inline-block;
    position: absolute;
    left: 0;
    top: 9px;
    border-radius: 50%;
    margin-right: 10px
}

.checklist li:not(:last-child) {
    margin-bottom: 10px
}

.checklist.style2 {
    border-bottom: 1px solid var(--th-border-color);
    padding-bottom: 35px;
    margin-bottom: 40px
}

.checklist.style2 ul {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 0 50px
}

@media (max-width: 1199px) {
    .checklist.style2 ul {
        gap:0 20px
    }
}

@media (max-width: 575px) {
    .checklist.style2 ul {
        grid-template-columns:repeat(1, 1fr)
    }
}

.checklist.style3 ul {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 0 50px;
    /* border-bottom: 1px solid #D8DDE1; */
    /* padding-bottom: 40px; */
    /* margin-bottom: 40px; */
}

@media (max-width: 767px) {
    .checklist.style3 ul {
        grid-template-columns:repeat(1, 1fr)
    }
}

.checklist.style3 li {
    padding-left: 25px
}

.checklist.style3 li:before {
    display: none
}

.checklist.style3 li:after {
    content: "\f00c";
    font-family: var(--icon-font);
    font-weight: 900;
    color: var(--theme-color);
    position: absolute;
    top: 0px;
    left: 0
}

.checklist.style4 li {
    color: var(--title-color);
    font-size: 18px;
    padding-left: 0
}

.checklist.style4 li:before {
    display: none
}

.checklist.style4 li i {
    color: var(--theme-color);
    margin-right: 10px
}

.checklist.style5 ul {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 0 15px
}

@media (max-width: 1299px) {
    .checklist.style5 ul {
        grid-template-columns:repeat(2, 1fr)
    }
}

@media (max-width: 767px) {
    .checklist.style5 ul {
        grid-template-columns:repeat(1, 1fr)
    }
}

.checklist.style5 li {
    font-size: 16px;
    padding-left: 0
}

.checklist.style5 li:before {
    display: none
}

.checklist.style5 li i {
    color: var(--theme-color);
    margin-right: 10px
}

.checklist.style6 ul {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 0 15px
}

@media (max-width: 767px) {
    .checklist.style6 ul {
        grid-template-columns:repeat(1, 1fr)
    }
}

.checklist.style6 li {
    font-size: 16px;
    padding-left: 0
}

.checklist.style6 li:before {
    display: none
}

.checklist.style6 li i {
    color: var(--theme-color);
    margin-right: 10px
}

.checklist.style7 ul {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px 60px
}

@media (max-width: 1299px) {
    .checklist.style7 ul {
        gap:20px 40px
    }
}

@media (max-width: 480px) {
    .checklist.style7 ul {
        grid-template-columns:repeat(1, 1fr)
    }
}

.checklist.style7 ul li {
    font-family: var(--body-font);
    font-weight: 400;
    font-size: 16px;
    line-height: 16px;
    color: var(--title-color);
    margin-bottom: 0;
    padding: 0
}

.checklist.style7 ul li:before {
    display: none
}

.checklist.style7 ul li i {
    font-size: 22px;
    color: var(--theme-color);
    margin-right: 10px
}

@media (max-width: 1199px) {
    .checklist.mb-40 {
        margin-bottom:32px
    }
}

@media (max-width: 1199px) {
    .checklist.mb-45 {
        margin-bottom:35px
    }
}

.bg-img {
    position: absolute;
    inset: 0;
    height: 100%;
    width: 100%
}

.bg-img img {
    width: 100%;
    height: 100%
}

.th-video {
    position: relative;
    border-radius: 5px
}

.th-video img {
    border-radius: inherit
}

.th-video .play-btn {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.th-video .play-btn>i {
    background-color: var(--theme-color);
    color: var(--white-color)
}

.icon-box {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    gap: 10px
}

.icon-box.style2 .slick-arrow {
    background-color: var(--title-color);
    border: 1px solid var(--title-color);
    color: var(--white-color)
}

.icon-box.style2 .slick-arrow:hover {
    background-color: var(--theme-color);
    border-color: var(--theme-color);
    color: var(--white-color)
}

@media (max-width: 991px) {
    .icon-box.style2 {
        margin-bottom:30px
    }
}

.icon-box.style3 .slick-arrow {
    background-color: transparent;
    color: var(--theme-color);
    border: 1px solid var(--theme-color)
}

.icon-box.style3 .slick-arrow:hover {
    background-color: var(--theme-color);
    color: var(--white-color);
    border-color: var(--theme-color)
}

@media (max-width: 991px) {
    .icon-box.style4 {
        margin-bottom:30px
    }
}

.btn-wrap {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 20px 30px
}

.video-btn {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    color: var(--body-color);
    text-transform: uppercase;
    line-height: 1.6
}

.video-btn .play-btn {
    --icon-size: 50px;
    margin-right: 15px
}

.video-btn .play-btn>i {
    background-color: var(--theme-color);
    color: var(--white-color);
    padding-right: 0.1em
}

.video-btn .play-btn:before {
    background-color: var(--theme-color)
}

.video-btn .small-text {
    font-size: 10px;
    text-decoration: underline;
    display: block
}

.video-btn .big-text {
    font-size: 14px;
    font-weight: 500
}

@media (max-width: 1199px) {
    p.mb-40 {
        margin-bottom:35px
    }

    p.mb-45 {
        margin-bottom: 38px
    }
}

.global-img {
    position: relative;
    overflow: hidden;
    -webkit-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out
}

.global-img:before {
    content: "";
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.8);
    border-radius: 99px;
    z-index: 1;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 0.4s;
    transition: all 0.4s
}

.global-img:hover:before {
    left: 0;
    right: 0;
    opacity: 0;
    -webkit-transition: all 900ms linear;
    transition: all 900ms linear
}

.global-img:hover:after {
    top: 0;
    bottom: 0;
    opacity: 0;
    -webkit-transition: all 900ms linear;
    transition: all 900ms linear
}

.global-img:after,.global-img:before {
    content: '';
    position: absolute;
    pointer-events: none;
    opacity: 1;
    z-index: 3
}

.global-img:before {
    top: 0;
    right: 51%;
    bottom: 0;
    left: 50%;
    background: rgba(255,255,255,0.2)
}

.global-img:after {
    top: 50%;
    right: 0;
    bottom: 50%;
    left: 0;
    background: rgba(255,255,255,0.3)
}

.global-img .blog-date {
    position: absolute;
    top: -4px;
    left: -4px;
    background-color: var(--theme-color);
    color: var(--white-color);
    font-weight: 500;
    text-align: center;
    height: 70px;
    width: 70px;
    border: 4px solid var(--white-color);
    text-transform: uppercase;
    padding: 6px
}

.global-img .blog-date::first-line {
    display: block;
    font-size: 24px;
    font-weight: 700
}

.global-img {
    position: relative;
    overflow: hidden
}

.global-img:after {
    content: "";
    position: absolute;
    top: -50%;
    left: -60%;
    width: 20%;
    height: 200%;
    opacity: 0;
    -webkit-transform: rotate(30deg);
    -ms-transform: rotate(30deg);
    transform: rotate(30deg);
    background: rgba(255,255,255,0.13);
    background: -webkit-linear-gradient(left, rgba(255,255,255,0.13) 0%, rgba(255,255,255,0.13) 77%, rgba(255,255,255,0.5) 92%, rgba(255,255,255,0) 100%);
    background: linear-gradient(to right, rgba(255,255,255,0.13) 0%, rgba(255,255,255,0.13) 77%, rgba(255,255,255,0.5) 92%, rgba(255,255,255,0) 100%)
}

.global-img img {
    width: 100%;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out
}

.global-img:hover:after {
    opacity: 1;
    left: 130%;
    -webkit-transition-property: left, top, opacity;
    transition-property: left, top, opacity;
    -webkit-transition-duration: 0.7s, 0.7s, 0.15s;
    transition-duration: 0.7s, 0.7s, 0.15s;
    -webkit-transition-timing-function: ease;
    transition-timing-function: ease
}

.feature-item {
    position: relative;
    border-radius: 20px;
    border: 1px solid var(--th-border-color);
    background: var(--white-color);
    padding: 30px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    gap: 20px;
    box-shadow: 0px 6px 40px 0px rgba(0,0,0,0);
    -webkit-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out
}

@media (max-width: 1299px) {
    .feature-item {
        padding:25px
    }
}

@media (max-width: 1199px) {
    .feature-item {
        padding:20px;
        display: block;
        text-align: center
    }
}

.feature-item:before,.feature-item:after {
    content: "";
    position: absolute;
    width: 60px;
    height: 60px;
    background-color: var(--theme-color);
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out
}

.feature-item:before {
    left: 0;
    top: 0;
    -webkit-clip-path: path("M0 60V20C0 8.9543 8.95431 0 20 0H60L47.2427 9.21358C43.8344 11.6751 39.7371 13 35.5329 13H14V34.064C14 38.249 12.6872 42.3286 10.2465 45.7281L0 60Z");
    clip-path: path("M0 60V20C0 8.9543 8.95431 0 20 0H60L47.2427 9.21358C43.8344 11.6751 39.7371 13 35.5329 13H14V34.064C14 38.249 12.6872 42.3286 10.2465 45.7281L0 60Z")
}

.feature-item:after {
    right: 0;
    bottom: 0;
    -webkit-clip-path: path("M60 0V40C60 51.0457 51.0457 60 40 60H0L12.7573 50.7864C16.1656 48.3249 20.2629 47 24.4671 47H46V25.936C46 21.751 47.3128 17.6714 49.7535 14.2719L60 0Z");
    clip-path: path("M60 0V40C60 51.0457 51.0457 60 40 60H0L12.7573 50.7864C16.1656 48.3249 20.2629 47 24.4671 47H46V25.936C46 21.751 47.3128 17.6714 49.7535 14.2719L60 0Z")
}

.feature-item .box-title {
    font-size: 20px;
    margin-bottom: 7px
}

@media (max-width: 1199px) {
    .feature-item_icon {
        margin-bottom:20px
    }
}

.feature-item_text {
    line-height: 26px;
    margin-bottom: -0.4rem
}

.feature-item:hover {
    background: var(--white-color);
    box-shadow: 0px 6px 40px 0px rgba(0,0,0,0.07);
    border: 1px solid transparent
}

.feature-item:hover:before,.feature-item:hover:after {
    opacity: 1;
    visibility: visible
}

.why-sec {
    margin: 0 60px;
    border-radius: 0 0 50px 50px
}

@media (max-width: 1399px) {
    .why-sec {
        margin:0;
        border-radius: 0
    }
}

@media (max-width: 1199px) {
    .why-sec {
        border-radius:0
    }
}

.info-media {
    position: relative;
    border-radius: 20px;
    border: 1px solid #323A4E;
    padding: 25px 25px 25px 70px
}

.info-media.style2 {
    border: 1px solid var(--th-border-color)
}

.info-media.style2 .info-media_title {
    color: var(--title-color)
}

@media (max-width: 1199px) {
    .info-media.style2 .info-media_title {
        text-align:left
    }
}

@media (max-width: 1199px) {
    .info-media.style2 {
        padding:25px 25px 25px 70px
    }
}

.info-media_wrapp {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 30px
}

@media (max-width: 1199px) {
    .info-media_wrapp {
        margin-bottom:40px
    }
}

@media (max-width: 575px) {
    .info-media_wrapp {
        display:block
    }
}

.info-media_icon {
    position: absolute;
    top: 0;
    left: 0;
    width: 58px;
    height: 55px;
    text-align: center;
    padding: 15px;
    color: var(--white-color);
    background-color: var(--theme-color);
    -webkit-clip-path: path("M0 20C0 8.95431 8.95431 0 20 0H58V23.4654C58 28.9173 55.7743 34.1329 51.8381 37.9051L39.802 49.4398C36.0787 53.008 31.1209 55 25.9639 55H0V20Z");
    clip-path: path("M0 20C0 8.95431 8.95431 0 20 0H58V23.4654C58 28.9173 55.7743 34.1329 51.8381 37.9051L39.802 49.4398C36.0787 53.008 31.1209 55 25.9639 55H0V20Z")
}

.info-media_title {
    font-weight: 500;
    color: var(--white-color);
    margin-bottom: 0
}

@media (max-width: 1299px) {
    .info-media_title {
        font-size:16px
    }
}

@media (max-width: 575px) {
    .info-media_title {
        text-align:center
    }
}

@media (max-width: 575px) {
    .info-media {
        margin-bottom:20px
    }
}

.video-box {
    position: relative;
    border-radius: 30px;
    margin-left: 40px;
    z-index: 2
}

@media (max-width: 1199px) {
    .video-box {
        margin-left:0
    }
}

.video-box:before {
    border-radius: 30px;
    opacity: 0.3
}

.video-box img {
    width: 100%;
    border-radius: 30px
}

.video-play-btn {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    border: 0;
    width: 100px;
    height: 100px;
    line-height: 102px;
    -webkit-transition: all 1s cubic-bezier(0, 0, 0.2, 1);
    transition: all 1s cubic-bezier(0, 0, 0.2, 1);
    border-radius: 50%;
    background: transparent;
    margin: 0 auto;
    display: inline-block;
    font-size: 34px;
    text-align: center;
    color: var(--white-color);
    z-index: 4
}

@media (max-width: 767px) {
    .video-play-btn {
        width:50px;
        height: 50px;
        line-height: 52px;
        font-size: 20px
    }
}

.video-play-btn i {
    color: var(--white-color)
}

.video-play-btn:before,.video-play-btn:after {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    z-index: -1;
    bottom: 0;
    left: 0;
    -webkit-transition: 0.3;
    transition: 0.3;
    opacity: 1;
    border-radius: 50%;
    border: 1px solid #fff;
    -webkit-animation: ripple 2s linear infinite;
    animation: ripple 2s linear infinite
}

.video-play-btn:after {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    z-index: -1;
    bottom: 0;
    left: 0;
    -webkit-transition: 0.3;
    transition: 0.3;
    border-radius: 50%;
    border: 1px solid #fff;
    -webkit-animation: ripple 2s linear 1s infinite;
    animation: ripple 2s linear 1s infinite
}

.newsletter-area {
    -webkit-clip-path: polygon(6% 0, 95% 0, 100% 100%, 0% 100%);
    clip-path: polygon(6% 0, 95% 0, 100% 100%, 0% 100%);
    margin: 0 160px;
    padding: 31px 60px
}

@media (max-width: 1799px) {
    .newsletter-area {
        margin:0 60px
    }
}

@media (max-width: 1500px) {
    .newsletter-area {
        margin:0
    }
}

@media (max-width: 575px) {
    .newsletter-area {
        padding:30px
    }
}

.feature-card {
    position: relative;
    --space-x: 36px;
    --space-y: 36px;
    overflow: hidden
}

@media (max-width: 1199px) {
    .feature-card {
        --space-x: 15px;
        --space-y: 15px
    }
}

.feature-card_img {
    margin-bottom: -160px;
    overflow: hidden;
    position: relative;
    z-index: 1;
    border-radius: 30px;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out
}

.feature-card_img img {
    width: 100%;
    border-radius: 30px;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out
}

.feature-card_content {
    max-width: calc(100% - var(--space-x)*2);
    margin-left: var(--space-x);
    position: relative;
    z-index: 2;
    text-align: center;
    -webkit-filter: drop-shadow(0px 4px 30px rgba(0,0,0,0.04));
    filter: drop-shadow(0px 4px 30px rgba(0,0,0,0.04));
    padding: 20px 20px 55px 20px;
    border-radius: 30px;
    -webkit-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out
}

.feature-card_content:before,.feature-card_content:after {
    content: "";
    position: absolute;
    inset: 0;
    -webkit-mask-image: url("../img/service/service_shape_1.png");
    mask-image: url("../img/service/service_shape_1.png");
    background-repeat: no-repeat;
    background-size: cover;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    background-color: #E7ECF0;
    z-index: -1
}

.feature-card_content:after {
    inset: 1px;
    background-color: var(--white-color)
}

.feature-card_icon {
    background-color: var(--th-border-color);
    width: 100px;
    height: 100px;
    line-height: 100px;
    display: block;
    margin: auto;
    text-align: center;
    border: 1px solid var(--th-border-color);
    -webkit-clip-path: path("M39.25 2.31976C42.1893 0.622753 45.8107 0.622752 48.75 2.31976L82.0513 21.5463C84.9906 23.2433 86.8013 26.3795 86.8013 29.7735V68.2265C86.8013 71.6205 84.9906 74.7567 82.0513 76.4537L48.75 95.6802C45.8107 97.3772 42.1893 97.3772 39.25 95.6802L5.94873 76.4537C3.00942 74.7567 1.19873 71.6205 1.19873 68.2265V29.7735C1.19873 26.3795 3.00942 23.2433 5.94873 21.5463L39.25 2.31976Z");
    clip-path: path("M39.25 2.31976C42.1893 0.622753 45.8107 0.622752 48.75 2.31976L82.0513 21.5463C84.9906 23.2433 86.8013 26.3795 86.8013 29.7735V68.2265C86.8013 71.6205 84.9906 74.7567 82.0513 76.4537L48.75 95.6802C45.8107 97.3772 42.1893 97.3772 39.25 95.6802L5.94873 76.4537C3.00942 74.7567 1.19873 71.6205 1.19873 68.2265V29.7735C1.19873 26.3795 3.00942 23.2433 5.94873 21.5463L39.25 2.31976Z");
    margin-bottom: 15px
}

.feature-card .box-title {
    margin-bottom: 7px
}

.feature-card .th-btn {
    padding: 12px 20px;
    min-width: 121px;
    color: var(--title-color)
}

.feature-card:hover .feature-card_img img {
    -webkit-transform: scale(1.08);
    -ms-transform: scale(1.08);
    transform: scale(1.08)
}

.info-card-wrap.style2 {
    padding-top: 25px
}

@media (max-width: 1199px) {
    .info-card-wrap.style2 {
        padding-top:80px
    }
}

@media (max-width: 991px) {
    .info-card-wrap.style2 {
        padding-top:60px
    }
}

@media (max-width: 767px) {
    .info-card-wrap.style2 {
        padding-top:40px
    }
}

@media (max-width: 575px) {
    .info-card-wrap.style2 {
        padding-top:80px
    }
}

@media (max-width: 450px) {
    .info-card-wrap.style2 {
        padding-top:30px
    }
}

@media (max-width: 375px) {
    .info-card-wrap.style2 {
        padding-top:60px
    }
}

@media (max-width: 350px) {
    .info-card-wrap.style2 {
        padding-top:0px
    }
}

.info-card-wrap.style2 .info-card_icon {
    color: var(--theme-color)
}

.info-card-wrap.style2 .info-card_icon i {
    background-color: var(--icon-bg, #ECF1F5);
    -webkit-filter: drop-shadow(0px 4px 15px rgba(0,0,0,0.03));
    filter: drop-shadow(0px 4px 15px rgba(0,0,0,0.03));
    width: 56px;
    height: 56px;
    line-height: 56px;
    font-weight: 600
}

.info-card-wrap.style2 .info-card_icon i:hover {
    background-color: var(--theme-color);
    color: var(--white-color)
}

.info-card-wrap.style2 .info-card_link {
    font-size: 24px;
    font-weight: 600
}

.newsletter-sec {
    position: relative;
    padding: 60px;
    z-index: 2
}

@media (max-width: 1199px) {
    .newsletter-sec {
        padding:40px
    }
}

@media (max-width: 767px) {
    .newsletter-sec {
        padding:30px
    }
}

.newsletter-sec .newsletter-wrapper {
    margin-right: 40px
}

@media (max-width: 991px) {
    .newsletter-sec .newsletter-wrapper {
        margin-right:0
    }
}

.feature-circle .box-title {
    font-size: 20px;
    color: var(--title-color);
    margin-bottom: 7px
}

@media (max-width: 1199px) {
    .feature-circle .box-title {
        text-align:center
    }
}

.feature-circle_text {
    margin-bottom: 0
}

@media (max-width: 1199px) {
    .feature-circle_text {
        text-align:center
    }
}

.feature-circle .progressbar {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    gap: 20px
}

@media (max-width: 1199px) {
    .feature-circle .progressbar {
        display:block
    }
}

.feature-circle .circle {
    position: relative
}

@media (max-width: 1199px) {
    .feature-circle .circle {
        text-align:center
    }
}

.feature-circle .circle-num {
    color: var(--title-color);
    font-size: 24px;
    font-weight: 600;
    font-family: var(--title-font);
    position: absolute;
    top: 47%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    background-color: #F5F7FA;
    width: 100px;
    height: 100px;
    border-radius: 50%;
    display: block;
    text-align: center;
    line-height: 100px
}

.why-wrapper {
    /* border-top: 1px solid var(--th-border-color); */
    padding-top: 14px;
    /* margin-top: 60px; */
    padding-bottom: 80px
}

@media (max-width: 1199px) {
    .why-area2 {
        background-position:top left
    }
}

.request-quote-wrapper {
    margin-right: -200px;
    position: relative;
    z-index: 9
}

@media (max-width: 991px) {
    .request-quote-wrapper {
        margin-right:0
    }
}

.request-quote-wrapper.style2 {
    margin-right: 0;
    background-color: var(--smoke-color)
}

.request-quote-wrapper.style2 .request-wrapper {
    background-color: transparent
}

@media (max-width: 991px) {
    .request-quote-wrapper.style2 .tab-content {
        margin-right:0
    }
}

.tabs-menu {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-top: 22px;
    position: relative;
    gap: 12px
}

@media (max-width: 991px) {
    .tabs-menu {
        gap:30px 12px
    }
}

.tabs-menu.nav-tabs {
    border-bottom: 1px solid transparent
}

.tabs-menu button {
    position: relative;
    min-width: 176px;
    min-height: 60px;
    border: none;
    background-color: transparent
}

@media (max-width: 575px) {
    .tabs-menu button {
        min-width:170px
    }
}

.tabs-menu button::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    min-width: 176px;
    min-height: 60px;
    background-color: var(--white-color);
    z-index: -2
}

@media (max-width: 575px) {
    .tabs-menu button::before {
        min-width:170px
    }
}

.tabs-menu button.active {
    background-color: transparent;
    color: var(--white-color)
}

.tabs-menu .indicator {
    position: absolute;
    height: var(--height-set);
    width: var(--width-set);
    left: var(--pos-x);
    top: var(--pos-y);
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;
    background-color: var(--theme-color);
    z-index: -2
}

@media (max-width: 1400px) {
    .tabs-menu .indicator {
        left:67px
    }
}

@media (max-width: 1299px) {
    .tabs-menu .indicator {
        left:0
    }
}

@media (max-width: 1199px) {
    .tabs-menu .indicator {
        left:4px
    }
}

@media (max-width: 991px) {
    .tabs-menu .indicator {
        left:72px
    }
}

@media (max-width: 767px) {
    .tabs-menu .indicator {
        left:76px
    }
}

@media (max-width: 575px) {
    .tabs-menu .indicator {
        left:9px
    }
}

@media (max-width: 559px) {
    .tabs-menu .indicator {
        left:90px
    }
}

@media (max-width: 480px) {
    .tabs-menu .indicator {
        left:var(--pos-x)
    }
}

@media (max-width: 375px) {
    .tabs-menu .indicator {
        left:inherit
    }
}

.tabs-menu .indicator:after {
    content: "";
    position: absolute;
    height: 30px;
    width: 41px;
    left: 0;
    top: 95%;
    background-color: inherit;
    -webkit-clip-path: path("M0 1.00022L35.8614 1.00012C35.8619 1.00009 35.8625 1.00005 35.8631 1.00001C37.5068 0.894766 39.2181 0.891015 41 1.00011L35.8614 1.00012C14.906 2.34284 4.94531 20.1824 0 31.0002V1.00022Z");
    clip-path: path("M0 1.00022L35.8614 1.00012C35.8619 1.00009 35.8625 1.00005 35.8631 1.00001C37.5068 0.894766 39.2181 0.891015 41 1.00011L35.8614 1.00012C14.906 2.34284 4.94531 20.1824 0 31.0002V1.00022Z")
}

.request-quote-tabs {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

@media (max-width: 440px) {
    .request-quote-tabs {
        display:block
    }
}

.request-quote-tabs.style2 {
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.request-quote-tabs.style2.nav-tabs {
    border: 1px solid #F4F4F4
}

.request-quote-tabs.style2 .nav-link {
    border-right: 1px solid #F4F4F4;
    background-color: var(--white-color);
    color: var(--title-color);
    width: 429px
}

@media (max-width: 1399px) {
    .request-quote-tabs.style2 .nav-link {
        width:416px
    }
}

@media (max-width: 1299px) {
    .request-quote-tabs.style2 .nav-link {
        width:371px
    }
}

@media (max-width: 1199px) {
    .request-quote-tabs.style2 .nav-link {
        width:311px
    }
}

@media (max-width: 991px) {
    .request-quote-tabs.style2 .nav-link {
        width:231px
    }
}

@media (max-width: 767px) {
    .request-quote-tabs.style2 .nav-link {
        width:171px
    }
}

@media (max-width: 575px) {
    .request-quote-tabs.style2 .nav-link {
        width:100%
    }
}

@media (max-width: 460px) {
    .request-quote-tabs.style2 .nav-link {
        width:100%
    }
}

.request-quote-tabs.style2 .nav-link:hover,.request-quote-tabs.style2 .nav-link.active {
    background-color: var(--smoke-color);
    color: var(--title-color)
}

.request-quote-tabs.style3 {
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    border: 1px solid #F4F4F4;
    margin-right: 0
}

@media (max-width: 575px) {
    .request-quote-tabs.style3 {
        margin-right:-4px
    }
}

@media (max-width: 460px) {
    .request-quote-tabs.style3 {
        margin-right:0px
    }
}

.request-quote-tabs.style3 .tab-content {
    margin-right: 0
}

@media (max-width: 991px) {
    .request-quote-tabs.style3 .tab-content {
        margin-right:0
    }
}

.request-quote-tabs.style3 .nav-link {
    width: 280px
}

@media (max-width: 1399px) {
    .request-quote-tabs.style3 .nav-link {
        width:271px
    }
}

@media (max-width: 1299px) {
    .request-quote-tabs.style3 .nav-link {
        width:241px
    }
}

@media (max-width: 1199px) {
    .request-quote-tabs.style3 .nav-link {
        width:201px
    }
}

@media (max-width: 991px) {
    .request-quote-tabs.style3 .nav-link {
        width:228px
    }
}

@media (max-width: 767px) {
    .request-quote-tabs.style3 .nav-link {
        width:168px
    }
}

@media (max-width: 575px) {
    .request-quote-tabs.style3 .nav-link {
        width:33%
    }
}

@media (max-width: 460px) {
    .request-quote-tabs.style3 .nav-link {
        width:100%;
        border-right: none !important
    }
}

.request-quote-tabs.style3 .nav-link:last-child {
    border-right: 1px solid transparent !important
}

.request-quote-tabs.style3 .nav-link:hover,.request-quote-tabs.style3 .nav-link.active {
    background-color: var(--theme-color);
    color: var(--white-color)
}

.request-quote-tabs.nav-tabs {
    border-bottom: 1px solid transparent
}

.request-quote-tabs .nav-link {
    background-color: var(--white-color);
    padding: 20px 40px;
    width: 277.6px;
    font-weight: 700;
    font-size: 16px;
    line-height: 26px;
    border: none;
    border-right: 1px solid #1212121a !important;
    text-align: center;
    border-radius: 0;
    color: var(--title-color);
    -webkit-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out
}

@media (max-width: 1399px) {
    .request-quote-tabs .nav-link {
        width:271px
    }
}

@media (max-width: 1299px) {
    .request-quote-tabs .nav-link {
        width:248.6px
    }
}

@media (max-width: 1199px) {
    .request-quote-tabs .nav-link {
        padding:20px;
        width: 218.5px
    }
}

@media (max-width: 991px) {
    .request-quote-tabs .nav-link {
        width:33%
    }
}

@media (max-width: 575px) {
    .request-quote-tabs .nav-link {
        width:100%
    }
}

@media (max-width: 767px) {
    .request-quote-tabs .nav-link {
        padding:10px;
        font-size: 14px
    }
}

@media (max-width: 375px) {
    .request-quote-tabs .nav-link {
        padding:5px
    }
}

.request-quote-tabs .nav-link:hover,.request-quote-tabs .nav-link.active {
    background-color: var(--theme-color);
    color: var(--white-color)
}

.filter-menu {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: end;
    -webkit-justify-content: end;
    -ms-flex-pack: end;
    justify-content: end
}

@media (max-width: 991px) {
    .filter-menu {
        -webkit-box-pack:center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        gap: 10px 10px;
        margin-bottom: 40px
    }
}

.filter-menu.style2 {
    background-color: var(--smoke-color);
    padding: 30px 0;
    margin-bottom: 25px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

@media (max-width: 1199px) {
    .filter-menu.style2 {
        padding-bottom:20px
    }
}

.filter-menu.style2 .tab-btn {
    padding: 4px 18px;
    border: 1px solid var(--theme-color);
    color: var(--theme-color)
}

.filter-menu.style2 .tab-btn:first-child {
    margin: 0
}

@media (max-width: 1299px) {
    .filter-menu.style2 .tab-btn {
        padding:4px 15px
    }
}

@media (max-width: 1199px) {
    .filter-menu.style2 .tab-btn {
        margin-bottom:10px
    }
}

.filter-menu.style2 .tab-btn.active {
    background-color: var(--theme-color);
    border-color: var(--theme-color)
}

.filter-menu.style3 .tab-btn {
    border: 1px solid var(--white-color);
    color: var(--white-color)
}

.filter-menu.style3 .tab-btn.active {
    background-color: var(--title-color);
    border-color: var(--title-color)
}

.filter-menu .tab-btn {
    font-family: var(--body-color);
    background-color: transparent;
    color: var(--theme-color);
    border: 1px solid var(--theme-color);
    font-size: 14px;
    font-weight: 500;
    padding: 4px 20px;
    margin-left: 10px;
    -webkit-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out
}

@media (max-width: 991px) {
    .filter-menu .tab-btn {
        margin:0
    }
}

.filter-menu .tab-btn.active {
    background-color: var(--theme-color);
    color: var(--white-color)
}

@media (max-width: 1199px) {
    .filter-menu.tab-menu1 {
        gap:10px 30px
    }
}

@media (max-width: 767px) {
    .filter-menu.tab-menu1 {
        gap:10px 20px
    }
}

.accordion-card {
    background: var(--white-color);
    box-shadow: 0px 4px 30px 0px rgba(0,0,0,0.05);
    margin-top: 20px;
    -webkit-transition: 0.4s ease-in-out;
    transition: 0.4s ease-in-out;
    overflow: hidden
}

.accordion-card .accordion-button {
    font-size: 18px;
    font-weight: 500;
    font-family: var(--title-font);
    border: none;
    color: var(--title-color);
    background-color: transparent;
    border-radius: 0;
    padding: 0 20px;
    margin: 0;
    min-height: 56px;
    gap: 10px;
    margin-bottom: 0;
    text-align: left;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    position: relative
}

@media (max-width: 1199px) {
    .accordion-card .accordion-button {
        font-size:16px
    }
}

.accordion-card .accordion-button:after {
    content: "\f06e";
    height: 100%;
    width: auto;
    line-height: 1;
    background-color: transparent;
    font-family: var(--icon-font);
    color: var(--theme-color);
    font-weight: 400;
    font-size: 18px;
    display: grid;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
    position: absolute;
    top: 0;
    right: 22px;
    -webkit-clip-path: polygon(20px 0%, 100% 0, 100% 100%, 0% 100%);
    clip-path: polygon(20px 0%, 100% 0, 100% 100%, 0% 100%);
    padding-left: 10px;
    -webkit-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out
}

@media (max-width: 575px) {
    .accordion-card .accordion-button:after {
        font-size:16px
    }
}

@media (max-width: 375px) {
    .accordion-card .accordion-button:after {
        right:10px;
        font-size: 14px
    }
}

.accordion-card .accordion-button:focus {
    outline: none;
    box-shadow: none
}

.accordion-card .accordion-button:not(.collapsed) {
    box-shadow: none;
    border-radius: 0;
    border-bottom: 1px solid rgba(0,0,0,0.05)
}

.accordion-card .accordion-button:not(.collapsed):after {
    content: '\f070';
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    color: var(--body-color)
}

.accordion-card .accordion-button.collapsed {
    border-bottom: 1px solid var(--smoke-color2)
}

.accordion-card .accordion-collapse {
    border: none
}

.accordion-card .accordion-body {
    border-radius: 0;
    border: 0;
    background-color: transparent;
    padding: 20px 22px 22px 22px
}

.accordion-card .faq-text {
    font-size: 16px;
    margin-bottom: -0.48em
}

.accordion-card:last-child .accordion-button.collapsed {
    border-bottom: 1px solid transparent
}

.accordion-card:last-child .accordion-body:last-child {
    border-bottom: 1px solid transparent
}

.faq-image {
    min-width: 950px;
    text-align: right
}

.faq-image img {
    margin-top: -70px
}

@media (max-width: 1199px) {
    .faq-image {
        min-width:100%;
        text-align: center
    }

    .faq-image img {
        margin-top: 0
    }
}

.cta-area {
    position: relative;
    padding: 100px 0;
    z-index: 10;
    overflow: hidden
}

@media (max-width: 767px) {
    .cta-area {
        padding:80px 30px
    }
}

@media (max-width: 991px) {
    .cta-content {
        text-align:center
    }
}

.cta-title {
    margin: 0;
    color: #AB6A49;
    font-weight: 400;
    font-size: 18px;
    line-height: 28px;
    display: block;
    margin-bottom: 5px
}

@media (max-width: 991px) {
    .cta-title {
        text-align:center
    }
}

.btn-group .cta-btn {
    background-color: var(--title-color);
    font-weight: 600;
    font-size: 16px;
    line-height: 26px;
    color: var(--white-color);
    text-transform: uppercase;
    padding: 4px 16px;
    margin-bottom: 0;
    border-radius: 4px
}

@media (max-width: 991px) {
    .btn-group.style5 {
        -webkit-box-pack:center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

@media (max-width: 991px) {
    .sec-title.cta-title img {
        max-width:64px
    }

    .cta-text {
        text-align: center;
        margin-bottom: 20px
    }
}

@media (max-width: 767px) {
    .sec-title.cta-title img {
        display:none
    }
}

.cta-sec {
    position: relative;
    margin: 0 100px;
    padding: 46px 0 46px 0;
    overflow: hidden;
    z-index: 9
}

@media (min-width: 1922px) {
    .cta-sec {
        display:block;
        margin: auto
    }
}

@media (max-width: 1799px) {
    .cta-sec {
        margin-right:0
    }
}

@media (max-width: 1599px) {
    .cta-sec {
        max-width:100%
    }
}

@media (max-width: 1499px) {
    .cta-sec {
        padding:50px 0 50px 0
    }
}

@media (max-width: 991px) {
    .cta-sec {
        background-size:cover
    }
}

.cta-sec .btn-group {
    margin-right: -200px
}

@media (max-width: 1699px) {
    .cta-sec .btn-group {
        margin-right:-60px
    }
}

@media (max-width: 1399px) {
    .cta-sec .btn-group {
        margin-right:0px
    }
}

.cta-thumb {
    -webkit-clip-path: polygon(7% 0, 100% 0, 100% 100%, 0% 100%);
    clip-path: polygon(7% 0, 100% 0, 100% 100%, 0% 100%);
    z-index: 2;
    height: 100%;
    overflow: hidden
}

@media (max-width: 575px) {
    .cta-thumb {
        position:relative;
        -webkit-clip-path: none;
        clip-path: none
    }
}

.cta-thumb:before {
    content: "";
    position: absolute;
    inset: 0;
    background-color: rgba(1,15,52,0.8);
    z-index: 1
}

.cta-thumb img {
    height: 100%;
    object-fit: cover
}

@media (max-width: 575px) {
    .cta-thumb img {
        width:100%
    }
}

.cta-thumb .play-btn {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

@media (max-width: 1199px) {
    .cta-thumb .play-btn {
        left:40%
    }
}

@media (max-width: 991px) {
    .cta-thumb .play-btn {
        left:10%
    }
}

@media (max-width: 575px) {
    .cta-thumb .play-btn {
        left:50%
    }
}

.cta-thumb .play-btn:before,.cta-thumb .play-btn:after {
    background-color: rgba(255,255,255,0.2)
}

.cta-thumb .play-btn i {
    --icon-size: 40px;
    line-height: var(--icon-size, 40px);
    font-size: 14px;
    background-color: rgba(255,255,255,0.2);
    border: 1px solid var(--white-color)
}

.service-card {
    border-radius: 26px;
    background: var(--white-color);
    padding: 25px;
    min-width: 344px;
    border-radius: 40px;
    box-shadow: 0px 6px 30px 0px rgba(0,0,0,0.04);
    background-position: right center;
    background-repeat: no-repeat
}

@media (max-width: 767px) {
    .service-card {
        min-width:100%
    }
}

.service-card_wrap {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 11px
}

@media (max-width: 575px) {
    .service-card_wrap {
        grid-template-columns:repeat(1, 1fr)
    }
}

@media (max-width: 1199px) {
    .service-card_wrap.style2 {
        grid-template-columns:repeat(1, 1fr)
    }
}

.service-card.style1 {
    background-position: bottom center;
    max-width: 98%;
}

@media (max-width: 1199px) {
    .service-card.style1 {
        max-width:100%
    }
}

.service-card.style1 .service-card_img img {
    max-height: 379px
}

@media (max-width: 1199px) {
    .service-card.style1 .service-card_img img {
        max-height:100%
    }
}

.service-card.style1 .service-card_icon {
    position: absolute;
    top: -70px;
    right: 20px;
    width: 120px;
    height: 120px;
    line-height: 120px;
    background-color: var(--white-color);
    margin-bottom: 0px;
    -webkit-clip-path: path("M44.5 2.33013C49.141 -0.349364 54.859 -0.349365 59.5 2.33013L96.4615 23.6699C101.103 26.3494 103.962 31.3013 103.962 36.6603V79.3397C103.962 84.6987 101.103 89.6506 96.4615 92.3301L59.5 113.67C54.859 116.349 49.141 116.349 44.5 113.67L7.53848 92.3301C2.89746 89.6506 0.038475 84.6987 0.038475 79.3397V36.6603C0.038475 31.3013 2.89746 26.3494 7.53848 23.6699L44.5 2.33013Z");
    clip-path: path("M44.5 2.33013C49.141 -0.349364 54.859 -0.349365 59.5 2.33013L96.4615 23.6699C101.103 26.3494 103.962 31.3013 103.962 36.6603V79.3397C103.962 84.6987 101.103 89.6506 96.4615 92.3301L59.5 113.67C54.859 116.349 49.141 116.349 44.5 113.67L7.53848 92.3301C2.89746 89.6506 0.038475 84.6987 0.038475 79.3397V36.6603C0.038475 31.3013 2.89746 26.3494 7.53848 23.6699L44.5 2.33013Z");
    -webkit-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out
}

@media (max-width: 575px) {
    .service-card.style1 .service-card_icon {
        width:100px;
        height: 100px;
        line-height: 100px;
        right: 0;
        top: -100px
    }
}

.service-card.style1 .service-card_icon:before {
    -webkit-clip-path: path("M36.5 2.33013C41.141 -0.349363 46.859 -0.349365 51.5 2.33013L79.8013 18.6699C84.4423 21.3494 87.3013 26.3013 87.3013 31.6603V64.3397C87.3013 69.6987 84.4423 74.6506 79.8013 77.3301L51.5 93.6699C46.859 96.3494 41.141 96.3494 36.5 93.6699L8.19873 77.3301C3.55772 74.6506 0.69873 69.6987 0.69873 64.3397V31.6603C0.69873 26.3013 3.55771 21.3494 8.19873 18.6699L36.5 2.33013Z");
    clip-path: path("M36.5 2.33013C41.141 -0.349363 46.859 -0.349365 51.5 2.33013L79.8013 18.6699C84.4423 21.3494 87.3013 26.3013 87.3013 31.6603V64.3397C87.3013 69.6987 84.4423 74.6506 79.8013 77.3301L51.5 93.6699C46.859 96.3494 41.141 96.3494 36.5 93.6699L8.19873 77.3301C3.55772 74.6506 0.69873 69.6987 0.69873 64.3397V31.6603C0.69873 26.3013 3.55771 21.3494 8.19873 18.6699L36.5 2.33013Z")
}

.service-card.style1 .service-card_icon img {
    -webkit-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out
}

.service-card.style1 .service-card_content {
    margin-top: 20px
}

.service-card.style1 .box-title {
    font-size: 30px
}

.service-card_img {
    min-width: 100%;
    border-radius: 26px
}

.service-card_img img {
    width: 100%;
    border-radius: 26px
}

.service-card_content {
    position: relative
}

.service-card_icon {
    width: 100px;
    height: 100px;
    line-height: 100px;
    background-color: #ECF1F5;
    margin-bottom: 7px;
    -webkit-clip-path: path("M36.5 2.33013C41.141 -0.349363 46.859 -0.349365 51.5 2.33013L79.8013 18.6699C84.4423 21.3494 87.3013 26.3013 87.3013 31.6603V64.3397C87.3013 69.6987 84.4423 74.6506 79.8013 77.3301L51.5 93.6699C46.859 96.3494 41.141 96.3494 36.5 93.6699L8.19873 77.3301C3.55772 74.6506 0.69873 69.6987 0.69873 64.3397V31.6603C0.69873 26.3013 3.55771 21.3494 8.19873 18.6699L36.5 2.33013Z");
    clip-path: path("M36.5 2.33013C41.141 -0.349363 46.859 -0.349365 51.5 2.33013L79.8013 18.6699C84.4423 21.3494 87.3013 26.3013 87.3013 31.6603V64.3397C87.3013 69.6987 84.4423 74.6506 79.8013 77.3301L51.5 93.6699C46.859 96.3494 41.141 96.3494 36.5 93.6699L8.19873 77.3301C3.55772 74.6506 0.69873 69.6987 0.69873 64.3397V31.6603C0.69873 26.3013 3.55771 21.3494 8.19873 18.6699L36.5 2.33013Z");
    -webkit-transition: 0.4s ease-in-out;
    transition: 0.4s ease-in-out
}

.service-card_icon:before {
    content: "";
    position: absolute;
    right: 10px;
    top: 10px;
    width: calc(100% - 20px);
    height: calc(100% - 20px);
    background-color: var(--theme-color);
    -webkit-clip-path: path("M27.5 2.33013C32.141 -0.349366 37.859 -0.349366 42.5 2.33013L62.141 13.6699C66.782 16.3494 69.641 21.3013 69.641 26.6603V49.3397C69.641 54.6987 66.782 59.6506 62.141 62.3301L42.5 73.6699C37.859 76.3494 32.141 76.3494 27.5 73.6699L7.85898 62.3301C3.21797 59.6506 0.358982 54.6987 0.358982 49.3397V26.6603C0.358982 21.3013 3.21797 16.3494 7.85898 13.6699L27.5 2.33013Z");
    clip-path: path("M27.5 2.33013C32.141 -0.349366 37.859 -0.349366 42.5 2.33013L62.141 13.6699C66.782 16.3494 69.641 21.3013 69.641 26.6603V49.3397C69.641 54.6987 66.782 59.6506 62.141 62.3301L42.5 73.6699C37.859 76.3494 32.141 76.3494 27.5 73.6699L7.85898 62.3301C3.21797 59.6506 0.358982 54.6987 0.358982 49.3397V26.6603C0.358982 21.3013 3.21797 16.3494 7.85898 13.6699L27.5 2.33013Z")
}

@media (max-width: 767px) {
    .service-card_icon {
        top:-66px
    }
}

.service-card_icon img {
    display: block;
    padding: 25px;
    position: relative;
    z-index: 9;
    -webkit-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out
}

.service-card .box-title {
    margin-bottom: 7px
}

.service-card_text {
    line-height: 26px
}

.service-card .th-btn {
    padding: 16px 35px;
    color: var(--title-color)
}

.service-card:hover .service-card_icon img {
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg)
}

.service-box {
    border-radius: 20px;
    background: var(--white-color);
    padding: 30px;
    /* box-shadow: 0px 6px 30px 0px rgba(0,0,0,0.08); */
    background-position: bottom center;
    background-repeat: no-repeat;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    gap: 30px;
    margin-top: 30px
}

.service-box.style2 {
    margin-top: 0
}

@media (max-width: 1199px) {
    .service-box {
        gap:15px;
        padding: 25px
    }
}

@media (max-width: 991px) {
    .service-box {
        display:block
    }
}

.service-box_img {
    min-width: 250px;
    border-radius: 20px;
    -webkit-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out
}

@media (max-width: 1299px) {
    .service-box_img {
        min-width:200px
    }
}

@media (max-width: 1199px) {
    .service-box_img {
        min-width:150px
    }
}

@media (max-width: 991px) {
    .service-box_img {
        min-width:100%;
        margin-bottom: 20px
    }
}

.service-box_img img {
    width: 100%;
    border-radius: 20px;
    -webkit-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out
}

@media (max-width: 991px) {
    .service-box_content {
        text-align: justify;
    }
}

.service-box_icon {
    margin-bottom: 15px
}

.service-box .box-title {
    margin-bottom: 7px
}

.service-box:hover .service-box_img img {
    -webkit-transform: scale(1.18);
    -ms-transform: scale(1.18);
    transform: scale(1.18)
}

.service-tabs {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-bottom: 30px;
    gap: 30px
}

@media (max-width: 767px) {
    .service-tabs {
        gap:10px
    }
}

.service-tabs.nav-tabs {
    border-bottom: 1px solid transparent
}

.service-tabs.nav-tabs .nav-link {
    font-family: var(--title-font);
    font-weight: 400;
    font-size: 18px;
    line-height: 24px;
    border-radius: 10px !important;
    text-transform: capitalize
}

.service-tabs .th-btn {
    border: 1px solid var(--th-border-color);
    background: var(--white-color);
    color: var(--title-color)
}

.service-tabs .th-btn.active:before,.service-tabs .th-btn.active:after,.service-tabs .th-btn:hover:before,.service-tabs .th-btn:hover:after {
    background-color: var(--theme-color);
    color: var(--white-color)
}

.nav-tabs .nav-item.show .nav-link,.nav-tabs .nav-link.active {
    color: var(--white-color);
    background-color: var(--theme-color);
    border-color: transparent
}

.th-btn:hover,.th-btn.active {
    color: var(--white-color) !important
}

.service-area {
    margin: 0 60px;
    border-radius: 50px 50px 0 0
}

@media (max-width: 1399px) {
    .service-area {
        margin:0;
        border-radius: 0
    }
}

@media (max-width: 1199px) {
    .service-area {
        border-radius:0
    }
}

.service-item {
    background: var(--white-color);
    padding: 30px 20px 30px 30px;
    box-shadow: 0px 6px 15px 0px rgba(0,0,0,0.04);
    background-position: right center;
    background-repeat: no-repeat
}

.service-item_content {
    position: relative;
    z-index: 2
}

.service-item_content:after {
    content: "";
    position: absolute;
    top: 50px;
    right: -20px;
    width: 170px;
    height: 4px;
    background: #ECF1F5;
    z-index: -1;
    -webkit-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out
}

.service-item_icon {
    width: 100px;
    height: 100px;
    line-height: 100px;
    background-color: #ECF1F5;
    margin-bottom: 7px;
    -webkit-clip-path: path("M44 0L87.3013 25V75L44 100L0.69873 75V25L44 0Z");
    clip-path: path("M44 0L87.3013 25V75L44 100L0.69873 75V25L44 0Z");
    -webkit-transition: 0.4s ease-in-out;
    transition: 0.4s ease-in-out
}

.service-item_icon:before {
    content: "";
    position: absolute;
    right: 10px;
    top: 10px;
    width: calc(100% - 20px);
    height: calc(100% - 20px);
    background-color: var(--theme-color);
    -webkit-clip-path: path("M35 0L69.641 20V60L35 80L0.358982 60V20L35 0Z");
    clip-path: path("M35 0L69.641 20V60L35 80L0.358982 60V20L35 0Z")
}

@media (max-width: 767px) {
    .service-item_icon {
        top:-66px
    }
}

.service-item img {
    position: relative;
    padding: 20px;
    z-index: 9
}

.service-item .box-title {
    margin-bottom: 7px
}

.service-item_text {
    line-height: 26px
}

.service-item .th-btn {
    padding: 16px 35px;
    color: var(--title-color)
}

.service-item:hover .service-item_content:after {
    background: var(--theme-color)
}

.service-sec .sec-btn {
    text-align: right
}

.service-sec .slick-arrow {
    background-color: transparent;
    color: var(--theme-color);
    border: 2px solid #D8DDE1
}

.service-sec .slick-arrow:hover {
    background-color: var(--theme-color);
    color: var(--white-color);
    border-color: var(--theme-color)
}

.page-title {
    margin-top: -0.22em;
    font-size: 40px;
    margin-bottom: 20px
}

.service-single {
    background-color: var(--white-color);
    border-radius: 20px;
    box-shadow: 0px 6px 50px 0px rgba(0,0,0,0.06);
    padding: 40px
}

@media (max-width: 1199px) {
    .service-single {
        padding:30px
    }
}

.page-img {
    border-radius: 20px;
    margin-bottom: 30px;
    border-radius: 0px;
    overflow: hidden
}

.page-img img {
    width: 100%;
    border-radius: 20px
}

.page-single {
    margin-bottom: 30px
}

.service-feature {
    box-shadow: 0px 8px 30px rgba(106,106,106,0.1);
    background-color: var(--white-color);
    padding: 30px;
    text-align: center
}

.service-feature-wrap {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 30px
}

.service-feature_icon {
    min-width: 50px;
    margin-bottom: 20px
}

.service-feature_icon img {
    -webkit-transition: 0.4s ease-in-out;
    transition: 0.4s ease-in-out
}

.service-feature_title {
    font-size: 20px;
    text-transform: uppercase;
    font-weight: 600;
    margin-bottom: 6px;
    margin-top: -0.36em
}

@media (max-width: 1199px) {
    .service-feature_title {
        font-size:18px
    }
}

.service-feature_text {
    margin-bottom: -0.5em
}

.service-feature:hover .service-feature_icon img {
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg)
}

.service-process {
    border: 1px solid #EEEEEE;
    background-color: var(--white-color);
    padding: 40px 20px;
    text-align: center;
    box-shadow: 0px 6px 39px rgba(0,0,0,0.04)
}

.service-process-wrap {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 30px
}

.service-process_num {
    font-family: var(--title-font);
    font-size: 20px;
    font-weight: bold;
    color: var(--title-color);
    display: block;
    text-align: center;
    width: 60px;
    height: 60px;
    line-height: 60px;
    border: 15px solid #c1ddf7;
    box-sizing: content-box;
    background-color: var(--theme-color);
    border-radius: 50%;
    margin: 0 auto 25px auto
}

.service-process_title {
    font-size: 16px;
    margin-bottom: 6px;
    margin-top: -0.36em;
    text-transform: uppercase
}

.service-process_text {
    max-width: 250px;
    margin: 0 auto -0.5em auto
}

@media (max-width: 1199px) {
    .service-process-wrap {
        gap:24px
    }
}

@media (max-width: 767px) {
    .service-process-wrap {
        grid-template-columns:repeat(1, 1fr);
        gap: 30px
    }
}

@media (max-width: 1299px) {
    .page-title {
        font-size:38px
    }
}

@media (max-width: 1299px) {
    .service-feature {
        -webkit-box-orient:vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        text-align: center;
        gap: 20px;
        padding: 30px 10px
    }

    .service-feature_text {
        margin-bottom: -0.5em;
        max-width: 260px;
        margin-left: auto;
        margin-right: auto
    }
}

@media (max-width: 1199px) {
    .page-title {
        font-size:32px
    }
}

@media (max-width: 767px) {
    .page-title {
        font-size:28px
    }
}

@media (max-width: 575px) {
    .page-title {
        font-size:24px
    }

    .service-feature-wrap {
        grid-template-columns: auto
    }
}

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

.available-list li {
    position: relative;
    font-family: var(--body-font);
    font-weight: 400;
    font-size: 16px;
    line-height: 26px;
    padding-left: 30px;
    margin-bottom: 10px;
    text-transform: capitalize;
    color: var(--body-color)
}

.available-list li:after {
    content: "\f560";
    font-family: var(--icon-font);
    font-weight: 600;
    color: var(--theme-color);
    font-size: 1.1em;
    position: absolute;
    top: 1px;
    left: 0
}

.available-list li.unavailable:after {
    content: "\f560";
    right: 4px;
    color: #D8DDE1
}

.available-list li img {
    max-width: 18px;
    margin-right: 10px
}

.available-list li:last-child {
    margin-bottom: 0
}

.available-list li.unavailable {
    font-weight: 400;
    color: #D8DDE1
}

.available-list li.unavailable img {
    opacity: 0.2
}

.price-card {
    position: relative;
    background: var(--white-color);
    padding: 40px;
    box-shadow: 0px 6px 50px 0px rgba(0,0,0,0.06);
    margin-top: 10px
}

@media (max-width: 991px) {
    .price-card {
        padding:30px
    }
}

@media (max-width: 375px) {
    .price-card {
        padding:25px
    }
}

.price-card-wrapp {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 40px
}

@media (max-width: 991px) {
    .price-card-wrapp {
        margin-bottom:60px
    }
}

.price-card .price-border {
    position: absolute;
    background-color: var(--theme-color);
    width: 256px;
    height: 4px;
    top: 96px;
    right: 40px
}

@media (max-width: 1399px) {
    .price-card .price-border {
        width:267px
    }
}

@media (max-width: 1299px) {
    .price-card .price-border {
        width:226px
    }
}

@media (max-width: 1199px) {
    .price-card .price-border {
        width:71.4%
    }
}

@media (max-width: 768px) {
    .price-card .price-border {
        width:61%
    }
}

@media (max-width: 767px) {
    .price-card .price-border {
        width:75%
    }
}

@media (max-width: 575px) {
    .price-card .price-border {
        width:76.5%
    }
}

.price-card_content {
    min-width: 120px
}

.price-card_price {
    position: absolute;
    top: 0;
    left: 40px;
    width: 100px;
    height: 100px;
    font-size: 36px;
    line-height: 46px;
    font-weight: 700;
    text-align: center;
    padding: 10px 0;
    color: var(--white-color);
    background-color: var(--theme-color);
    -webkit-clip-path: polygon(50% 0%, 100% 0, 100% 75%, 50% 100%, 0% 75%, 0 0);
    clip-path: polygon(50% 0%, 100% 0, 100% 75%, 50% 100%, 0% 75%, 0 0);
    z-index: 2
}

.price-card_price .currency {
    font-size: 16px;
    position: absolute;
    top: 0px;
    left: 10px;
    right: auto
}

.price-card_price .duration {
    font-size: 18px;
    font-weight: 500;
    position: absolute;
    bottom: 15px;
    left: 15px
}

@media (max-width: 375px) {
    .price-card .box-title {
        font-size:16px
    }
}

.price-title-wrapper {
    max-width: 660px;
    display: block;
    margin: 0 auto
}

.appointment-form {
    border-radius: 30px;
    background: var(--white-color);
    padding: 60px
}

@media (max-width: 1199px) {
    .appointment-form {
        margin-top:40px;
        padding: 40px
    }
}

@media (max-width: 767px) {
    .appointment-form {
        padding:30px
    }
}

.appointment-form.style2 {
    box-shadow: -6px 6px 50px 0px rgba(0,0,0,0.06);
    border-radius: 0;
    padding: 50px
}

@media (max-width: 1299px) {
    .appointment-form.style2 {
        padding:40px
    }
}

@media (max-width: 767px) {
    .appointment-form.style2 {
        padding:30px
    }
}

@media (max-width: 375px) {
    .appointment-form.style2 .form-title {
        font-size:22px;
        margin-bottom: 20px
    }
}

.appointment-form .form-group select,.appointment-form .form-group .form-control,.appointment-form .form-group .form-select.nice-select,.appointment-form .form-group .nice-select,.appointment-form .form-group textarea,.appointment-form .form-group input {
    height: 56px;
    padding: 0 25px 0 25px;
    padding-right: 45px;
    border: 0;
    border-radius: 5px;
    background: var(--smoke-color);
    font-size: 14px;
    color: var(--body-color);
    width: 100%;
    -webkit-transition: 0.4s ease-in-out;
    transition: 0.4s ease-in-out
}

.appointment-form .form-group textarea.form-control,.appointment-form .form-group textarea {
    min-height: 120px;
    padding-top: 16px;
    padding-bottom: 17px
}

.appointment-form .nice-select .option {
    color: var(--title-color)
}

.appointment-form .nice-select .option.selected {
    color: var(--theme-color) !important;
    background: var(--theme-color) !important
}

.appointment-form .nice-select .option.selected.focus {
    color: #fff !important;
    background: var(--theme-color) !important
}

@media (max-width: 1199px) {
    .appointment-form .th-btn {
        padding:18px 16px
    }
}

.appointment-video .video-play-btn {
    position: absolute;
    top: 50%;
    left: auto;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    right: 22%
}

@media (max-width: 991px) {
    .appointment-video .video-play-btn {
        display:none
    }
}

.appointment-video .video-play-btn:after,.appointment-video .video-play-btn:before {
    background-color: var(--white-color)
}

.appointment-quote-form .form-group i {
    color: var(--theme-color)
}

.appointment-quote-form .form-group select,.appointment-quote-form .form-group .form-control,.appointment-quote-form .form-group .form-select.nice-select,.appointment-quote-form .form-group .nice-select,.appointment-quote-form .form-group textarea,.appointment-quote-form .form-group input {
    height: 56px;
    padding: 0 25px 0 25px;
    padding-right: 45px;
    border: 0;
    background-color: var(--white-color);
    border-radius: 0;
    font-size: 16px;
    color: var(--body-color);
    width: 100%;
    -webkit-transition: 0.4s ease-in-out;
    transition: 0.4s ease-in-out
}

.pricing-form {
    background-color: var(--theme-color);
    padding: 40px;
    margin-left: 30px
}

@media (max-width: 1199px) {
    .pricing-form {
        padding:30px;
        margin: 30px 0 0 0
    }
}

@media (max-width: 991px) {
    .pricing-form {
        padding:25px
    }
}

.pricing-form .form-group i {
    color: var(--theme-color)
}

.pricing-form .form-group select,.pricing-form .form-group .form-control,.pricing-form .form-group .form-select.nice-select,.pricing-form .form-group .nice-select,.pricing-form .form-group textarea,.pricing-form .form-group input {
    height: 56px;
    padding: 0 25px 0 25px;
    padding-right: 45px;
    border: 0;
    background-color: var(--white-color);
    border-radius: 0;
    font-size: 16px;
    color: var(--body-color);
    width: 100%;
    -webkit-transition: 0.4s ease-in-out;
    transition: 0.4s ease-in-out
}

.booking-title-area {
    max-width: 530px;
    display: block;
    margin: auto
}

.booking-form-area {
    background: var(--smoke-color);
    padding: 60px
}

@media (max-width: 1199px) {
    .booking-form-area {
        padding:40px
    }
}

@media (max-width: 991px) {
    .booking-form-area {
        padding:30px
    }
}

.booking-form-area .form-group i {
    color: var(--theme-color)
}

.booking-form-area .form-group select,.booking-form-area .form-group .form-control,.booking-form-area .form-group .form-select.nice-select,.booking-form-area .form-group .nice-select,.booking-form-area .form-group textarea,.booking-form-area .form-group input {
    height: 56px;
    padding: 0 25px 0 25px;
    padding-right: 45px;
    border: 0;
    background-color: var(--white-color);
    border-radius: 0;
    font-size: 16px;
    color: var(--body-color);
    width: 100%;
    -webkit-transition: 0.4s ease-in-out;
    transition: 0.4s ease-in-out
}

.booking-section {
    margin-top: -145px;
    position: relative;
    z-index: 6
}

@media (max-width: 991px) {
    .booking-section {
        margin-top:-200px
    }
}

@media (max-width: 767px) {
    .booking-section {
        margin-top:-250px
    }
}

@media (max-width: 575px) {
    .booking-section {
        margin-top:0;
        padding-top: 80px
    }
}

.booking-form .input-wrap {
    background-color: var(--white-color);
    padding: 50px 50px 20px 50px;
    box-shadow: -6px 6px 50px 0px rgba(0,0,0,0.06)
}

@media (max-width: 991px) {
    .booking-form .input-wrap {
        padding:25px 30px 15px 30px
    }
}

@media (max-width: 767px) {
    .booking-form .input-wrap {
        padding:35px
    }
}

.booking-form .input-wrap select,.booking-form .input-wrap .form-control,.booking-form .input-wrap .form-select.nice-select,.booking-form .input-wrap .nice-select,.booking-form .input-wrap textarea,.booking-form .input-wrap input {
    border-radius: 0
}

.booking-form .input-wrap .sec-title {
    margin-top: -0.4rem
}

@media (max-width: 375px) {
    .booking-form .input-wrap .sec-title {
        font-size:22px;
        margin-bottom: 20px
    }
}

.history-sec1 {
    background-size: 100% calc(100% - 150px);
    background-position: center bottom;
    position: relative
}

.pattern-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1
}

.countdown-area {
    text-align: center;
    padding: 94px 0 70px 0;
    background-size: 100% 100%
}

.countdown-area .countdown-subtitle {
    font-family: var(--style-font);
    font-size: 22px
}

.countdown-area .countdown-title {
    margin-bottom: 40px;
    font-size: 34px;
    font-weight: 600
}

.countdown-area .countdown-title.style2 {
    font-size: 28px
}

.wedding-counter {
    margin: 0;
    padding: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -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;
    gap: 35px
}

.wedding-counter li {
    list-style-type: none;
    text-align: center;
    padding: 30px 15px 44px 15px;
    background-size: contain;
    width: 115px;
    height: 150px
}

.wedding-counter .count-number {
    font-family: var(--title-font);
    font-size: 52px;
    font-weight: 900;
    line-height: 1;
    color: var(--theme-color);
    margin-bottom: 5px
}

.wedding-counter .count-name {
    font-size: 14px
}

.story-box {
    text-align: center;
    background-size: 100% 100%;
    padding: 45px 30px;
    background-color: var(--white-color);
    border-radius: 10px
}

.story-box_date {
    display: block;
    max-width: 250px;
    margin: 0 auto 25px auto;
    border-bottom: 1px solid var(--theme-color);
    padding-bottom: 25px
}

.story-box_title {
    margin-bottom: 5px
}

.story-box_text {
    margin-bottom: -0.5em
}

@media (max-width: 1299px) {
    .story-box {
        padding:40px 15px
    }
}

@media (max-width: 991px) {
    .countdown-area {
        background-size:130% 100%
    }

    .history-sec1 {
        background-size: 130% calc(100% - 150px)
    }
}

@media (max-width: 767px) {
    .countdown-area {
        background-size:166% 100%
    }

    .wedding-counter {
        gap: 15px
    }

    .wedding-counter .count-number {
        font-size: 40px
    }

    .history-sec1 {
        background-size: 170% calc(100% - 150px)
    }
}

@media (max-width: 575px) {
    .wedding-counter .count-number {
        font-size:32px;
        margin-bottom: 0
    }

    .wedding-counter li {
        padding: 20px 10px 30px 10px;
        height: auto
    }

    .countdown-area .countdown-title {
        font-size: 28px;
        margin-bottom: 26px
    }

    .countdown-area .countdown-subtitle {
        font-size: 18px
    }

    .story-box {
        background-size: 110% 110%
    }
}

@media (max-width: 420px) {
    .wedding-counter {
        gap:0px
    }

    .wedding-counter .count-name {
        font-size: 12px
    }

    .wedding-counter li {
        padding: 20px 10px 30px 10px
    }
}

.countdown-sec1 {
    margin-top: -135px;
    position: relative;
    z-index: 5
}

.story-card {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    position: relative
}

.story-card-area {
    background-color: var(--white-color);
    box-shadow: 0px 10px 30px rgba(1,15,28,0.06);
    position: relative;
    padding: 60px
}

.story-card-area .img-box {
    position: relative
}

.story-card-corner {
    position: absolute;
    top: 10px;
    left: 0;
    z-index: 2
}

.story-card-slide {
    border: 2px solid var(--theme-color);
    padding: 90px 60px 60px 60px
}

.story-card-date {
    font-size: 14px;
    line-height: 18px;
    font-weight: 500;
    padding: 21px 10px;
    text-align: center;
    position: absolute;
    top: 20px;
    left: 205px;
    height: 100px;
    width: 100px;
    z-index: 3
}

.story-card_content {
    max-width: 490px
}

.story-card-img {
    position: absolute;
    top: 30px;
    right: 15px;
    z-index: 2;
    max-width: 576px
}

.story-card_shape {
    position: absolute;
    top: 0;
    left: 15px;
    z-index: -1
}

.story-card_title {
    margin-bottom: 8px
}

.story-card_location {
    display: block;
    font-size: 14px;
    padding-bottom: 25px;
    margin-bottom: 25px;
    border-bottom: 1px solid var(--theme-color)
}

.story-card_text {
    margin-bottom: 0
}

@media (max-width: 1299px) {
    .story-card-area {
        padding:60px 50px
    }

    .story-card-slide {
        padding: 90px 30px 60px 40px
    }
}

@media (max-width: 1199px) {
    .story-card-img {
        max-width:400px;
        overflow: hidden;
        top: 20px;
        right: 20px
    }

    .story-card-img .img-box>img {
        max-width: -webkit-fit-content;
        max-width: -moz-fit-content;
        max-width: fit-content
    }

    .story-card-slide {
        padding: 90px 30px 50px 40px
    }
}

@media (max-width: 991px) {
    .story-card-img {
        max-width:240px
    }

    .story-card-img .img-box>img {
        max-width: 100%
    }

    .story-card-area {
        padding: 60px 50px 50px 50px
    }

    .story-card-slide {
        padding: 90px 30px 35px 40px
    }

    .story-card-date {
        left: 160px
    }
}

@media (max-width: 767px) {
    .story-card-img {
        top:0;
        right: -50px
    }

    .story-card-area {
        overflow: hidden;
        padding: 60px 12px 12px 12px
    }

    .story-card-corner {
        display: none
    }

    .story-card-slide {
        padding: 90px 20px 15px 20px
    }

    .story-card-date {
        left: calc(50% - 50px)
    }
}

@media (max-width: 575px) {
    .story-card {
        text-align:center
    }

    .story-card-img {
        display: none
    }
}

@media (max-width: 375px) {
    .story-card_text {
        font-size:14px
    }
}

.gallery-title-area {
    max-width: 441px;
    margin-bottom: 60px
}

@media (max-width: 1399px) {
    .gallery-title-area {
        display:block;
        margin: auto;
        margin-bottom: 40px;
        text-align: center
    }
}

.gallery-tabs {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-bottom: 30px;
    gap: 30px
}

.gallery-tabs .tab-btn {
    font-family: var(--body-font);
    font-weight: 400;
    font-size: 14px;
    line-height: 24px;
    border-radius: 10px !important;
    text-transform: capitalize
}

.gallery-tabs .th-btn {
    background: #ECF1F5;
    color: var(--title-color);
    padding: 10px 45px;
    border-radius: 10px
}

.gallery-tabs .th-btn.active:before,.gallery-tabs .th-btn.active:after,.gallery-tabs .th-btn:hover:before,.gallery-tabs .th-btn:hover:after {
    background-color: var(--theme-color);
    color: var(--white-color);
    border-radius: 10px
}

.gallery-row {
    --bs-gutter-y: 1.9rem
}

.gallery-wrapper.style2 {
    max-width: 1920px;
    display: block;
    margin: auto
}

.gallery-wrapper.style2 .gallery-card .icon-btn {
    width: var(--btn-size, 80px);
    height: var(--btn-size, 80px);
    line-height: var(--btn-size, 80px);
    font-size: var(--btn-font-size, 20px)
}

.gallery-wrapper.style2 .gallery-card .gallery-img {
    text-align: right
}

.gallery-card {
    --box-space: 30px;
    position: relative;
    text-align: center;
    box-shadow: 0px 6px 50px rgb(0 0 0 / 15%);
}

.gallery-card .gallery-img {
    overflow: hidden
}

.gallery-card .gallery-img img {
    width: 100%;
    height: 100%;
    -webkit-transition: 0.4s ease-in-out;
    transition: 0.4s ease-in-out;
    border-radius: 10px;
}

.gallery-card .gallery-content {
    position: absolute;
    top: var(--box-space);
    left: var(--box-space);
    width: calc(100% - var(--box-space)*2);
    height: calc(100% - var(--box-space)*2);
    z-index: 2;
    background: rgba(1,15,52,0.77);
    -webkit-backdrop-filter: blur(10.6px);
    backdrop-filter: blur(10.6px);
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    visibility: hidden;
    opacity: 0;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    -webkit-transition: 0.4s ease-in-out;
    transition: 0.4s ease-in-out
}

.gallery-card .box-title {
    font-size: 20px;
    line-height: 30px;
    margin-bottom: 20px
}

.gallery-card .box-title a:not(:hover) {
    color: var(--white-color)
}

.gallery-card .gallery-subtitle {
    color: var(--theme-color3);
    margin-bottom: 8px
}

.gallery-card .icon-btn {
    width: var(--btn-size, 46px);
    height: var(--btn-size, 46px);
    line-height: var(--btn-size, 46px);
    border-radius: 50%;
    border: 2px solid var(--white-color);
    color: var(--white-color);
    font-size: 20px
}

.gallery-card .icon-btn:hover {
    background: var(--white-color);
    color: var(--title-color)
}

.gallery-card:hover .gallery-img img {
    -webkit-transform: scale(1.2) rotate(-5deg);
    -ms-transform: scale(1.2) rotate(-5deg);
    transform: scale(1.2) rotate(-5deg)
}

.gallery-card:hover .gallery-content {
    visibility: visible;
    opacity: 1;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1)
}

@media (max-width: 1199px) {
    .gallery-card {
        --box-space: 25px
    }
}

@media (max-width: 767px) {
    .gallery-card {
        --box-space: 15px
    }
}

.event-card {
    background-color: var(--white-color);
    box-shadow: 0px 4px 15px rgba(1,15,28,0.06);
    padding: 20px;
    text-align: center;
    margin-bottom: 55px
}

.event-card_img img {
    width: 100%
}

.event-card_title {
    font-size: 30px;
    font-weight: bold;
    margin: 20px 0 5px 0
}

.event-card_title a {
    color: inherit
}

.event-card_title a:hover {
    color: var(--theme-color)
}

.event-card_shape {
    margin-bottom: 20px
}

.event-card_date,.event-card_time {
    display: block
}

.event-card_time {
    margin-bottom: 15px
}

.event-card_text {
    max-width: 290px;
    margin: 0 auto 16px auto
}

.event-card_flower {
    margin-bottom: -85px;
    margin-top: 26px
}

.event-img-sec {
    height: 600px;
    margin-bottom: -310px
}

@media (max-width: 1199px) {
    .event-card_title {
        font-size:26px
    }
}

@media (max-width: 1199px) {
    .event-img-sec {
        height:400px;
        margin-bottom: -180px
    }
}

.event-box {
    position: relative
}

.event-box_img {
    margin-bottom: 25px
}

.event-box_img img {
    width: 100%
}

.event-box_title {
    margin-bottom: 0
}

.event-box_subtitle {
    display: block;
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase;
    margin-bottom: 8px
}

.event-box .icon-btn {
    --btn-size: 50px;
    position: absolute;
    bottom: 7px;
    right: 0;
    border-color: var(--theme-color);
    background-color: var(--white-color);
    color: var(--body-color)
}

.event-box .icon-btn:hover {
    background-color: var(--theme-color);
    color: var(--white-color)
}

.section-frame1 {
    --space: 25px;
    position: absolute;
    top: var(--space);
    left: var(--space);
    width: calc(100% - var(--space)*2);
    height: calc(100% - var(--space)*2);
    background-size: 100% 100%
}

.rsvp-frame {
    background-size: 100% 100%;
    max-width: 1030px;
    margin: -50px auto -45px auto
}

.rsvp-frame .rsvp-form {
    max-width: 464px;
    margin: 0 auto;
    padding: 180px 12px 130px 12px
}

.rsvp-frame .form-select.style2 option {
    background-color: var(--white-color)
}

@media (max-width: 1199px) {
    .section-frame1 {
        --space: 12px
    }
}

@media (max-width: 991px) {
    .rsvp-frame {
        background-size:130% 100%
    }
}

@media (max-width: 767px) {
    .section-frame1 {
        background-size:cover
    }

    .rsvp-frame {
        background-size: 190% 100%
    }
}

@media (max-width: 575px) {
    .rsvp-frame {
        margin:-80px auto -45px auto
    }
}

.invitation-box {
    padding: 244px 12px;
    background-color: var(--theme-color);
    max-width: 500px;
    margin: 0 auto;
    text-align: center
}

.invitation-box-area {
    max-width: 736px;
    margin: 120px auto 145px auto;
    box-shadow: 0px 6px 30px rgba(1,15,28,0.1);
    position: relative
}

.invitation-box-area .shape-top,.invitation-box-area .shape-bottom {
    position: absolute;
    left: -60px;
    right: -60px
}

.invitation-box-area .shape-top {
    top: -120px
}

.invitation-box-area .shape-bottom {
    bottom: -145px
}

.invitation-box_title,.invitation-box_subtitle,.invitation-box_date,.invitation-box_time,.invitation-box_address,.invitation-box_name {
    color: var(--white-color)
}

.invitation-box_title {
    font-family: var(--style-font);
    font-weight: 400;
    font-size: 72px;
    font-style: italic;
    margin-bottom: 12px
}

.invitation-box_name {
    margin-bottom: 22px
}

.invitation-box_subtitle {
    margin-bottom: 15px
}

.invitation-box_date {
    margin-bottom: 0
}

.invitation-box_time {
    margin-bottom: 20px
}

.invitation-box_address {
    margin-bottom: 26px
}

.invitation-box .th-btn {
    border-color: var(--white-color);
    color: var(--white-color)
}

@media (max-width: 767px) {
    .invitation-box {
        padding:180px 12px
    }
}

@media (max-width: 575px) {
    .invitation-box {
        padding:140px 12px
    }

    .invitation-box-area {
        margin: 80px auto 100px auto
    }

    .invitation-box-area .shape-top {
        top: -80px
    }

    .invitation-box-area .shape-bottom {
        bottom: -100px
    }

    .invitation-box_title {
        font-size: 54px
    }
}

.process-sec {
    position: relative;
    overflow: hidden;
    margin-bottom: -100px;
    padding-bottom: 220px !important
}

@media (max-width: 1199px) {
    .process-sec {
        margin-bottom:-250px;
        padding-bottom: 370px !important
    }
}

@media (max-width: 991px) {
    .process-sec {
        margin-bottom:-370px;
        padding-bottom: 430px !important
    }
}

.step-wrap .process-line {
    position: absolute;
    top: 55%;
    left: 50%;
    -webkit-transform: translate(calc(-50% + 400px), calc(-50% + 25px));
    -ms-transform: translate(calc(-50% + 400px), calc(-50% + 25px));
    transform: translate(calc(-50% + 400px), calc(-50% + 25px));
    margin: 0 -400px
}

@media (max-width: 1199px) {
    .step-wrap .process-line {
        display:none
    }
}

.step-wrap.style2 .process-line {
    top: 50%
}

@media (max-width: 1299px) {
    .step-wrap.style2 .process-line {
        top:48%
    }
}

@media (max-width: 1199px) {
    .step-wrap.style2 .process-line {
        display:none
    }
}

.process-card {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center
}

@media (max-width: 1199px) {
    .process-card {
        margin-top:30px
    }
}

.process-card:nth-child(even) .process-card_icon {
    -webkit-box-ordinal-group: 4;
    -webkit-order: 3;
    -ms-flex-order: 3;
    order: 3
}

@media (max-width: 1199px) {
    .process-card:nth-child(even) .process-card_icon {
        -webkit-box-ordinal-group:2;
        -webkit-order: 1;
        -ms-flex-order: 1;
        order: 1
    }
}

.process-card:nth-child(even) .process-card_content {
    -webkit-box-ordinal-group: 3;
    -webkit-order: 2;
    -ms-flex-order: 2;
    order: 2
}

@media (max-width: 1199px) {
    .process-card:nth-child(even) .process-card_content {
        -webkit-box-ordinal-group:3;
        -webkit-order: 2;
        -ms-flex-order: 2;
        order: 2
    }
}

.process-card:nth-child(even) .process-card_img {
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1
}

@media (max-width: 1199px) {
    .process-card:nth-child(even) .process-card_img {
        -webkit-box-ordinal-group:4;
        -webkit-order: 3;
        -ms-flex-order: 3;
        order: 3
    }
}

.process-card_wrapp {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

@media (max-width: 1199px) {
    .process-card_wrapp {
        display:grid;
        grid-template-columns: repeat(2, 1fr)
    }
}

@media (max-width: 991px) {
    .process-card_wrapp {
        grid-template-columns:repeat(1, 1fr)
    }
}

.process-card_wrapp .process-card_icon {
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1
}

.process-card_wrapp .process-card_content {
    -webkit-box-ordinal-group: 3;
    -webkit-order: 2;
    -ms-flex-order: 2;
    order: 2
}

.process-card_wrapp .process-card_img {
    -webkit-box-ordinal-group: 4;
    -webkit-order: 3;
    -ms-flex-order: 3;
    order: 3
}

.process-card_img {
    position: relative;
    border-radius: 50%;
    display: inline-block;
    border: 2px dashed transparent;
    -webkit-transition: 0.4s;
    transition: 0.4s
}

.process-card_icon .number {
    width: 56px;
    height: 56px;
    line-height: 56px;
    background: var(--white-color);
    box-shadow: 0px 4px 20px 0px rgba(0,0,0,0.05);
    text-align: center;
    font-size: 30px;
    font-weight: 600;
    display: block;
    margin: auto;
    color: var(--theme-color);
    font-family: var(--title-font);
    border: none;
    border-bottom: 5px solid var(--theme-color);
    border-radius: 30px 30px 0px 0px;
    -webkit-transition: 0.4s;
    transition: 0.4s
}

.process-card_icon:last-child .number {
    border: none;
    line-height: 45px;
    border-top: 5px solid var(--theme-color);
    border-radius: 0px 0px 30px 30px
}

.process-card .box-title {
    margin: 25px 0 10px 0
}

.process-card_text {
    margin-bottom: 30px
}

.process-card_img {
    position: relative;
    z-index: 2;
    text-align: center;
    -webkit-filter: drop-shadow(0px 5px 30px rgba(0,0,0,0.05));
    filter: drop-shadow(0px 5px 30px rgba(0,0,0,0.05));
    padding: 40px;
    width: 150px;
    height: 160px;
    border-radius: 20px;
    -webkit-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out
}

.process-card_img:last-child:before,.process-card_img:last-child:after {
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg)
}

.process-card_img:before,.process-card_img:after {
    content: "";
    position: absolute;
    inset: 0;
    -webkit-mask-image: url("../img/shape/process_shape_1.png");
    mask-image: url("../img/shape/process_shape_1.png");
    background-repeat: no-repeat;
    background-size: cover;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    background: -webkit-linear-gradient(rgba(50,180,180,0), var(--theme-color));
    background: linear-gradient(rgba(50,180,180,0), var(--theme-color));
    z-index: -1;
    -webkit-transform: rotate(178deg);
    -ms-transform: rotate(178deg);
    transform: rotate(178deg)
}

.process-card_img:after {
    inset: 1px;
    background: var(--white-color)
}

.process-card_img img {
    -webkit-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out
}

@media (max-width: 1199px) {
    .process-card_content {
        padding:0 30px
    }
}

@media (max-width: 375px) {
    .process-card_content {
        padding:0
    }
}

.process-card:hover .process-card_img img {
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg)
}

.process-card3 {
    text-align: center;
    max-width: 187px;
    height: 187px;
    background-color: var(--white-color);
    border: 3px solid var(--theme-color);
    position: relative;
    border-radius: 9999px;
    padding: 42px 6px
}

.process-card3 .process-card-wrap {
    position: relative
}

.process-card3 .process-card-wrap:after {
    content: '';
    height: 42px;
    width: 116px;
    background-image: url("data:image/svg+xml,%3Csvg width='116' height='42' viewBox='0 0 116 42' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath opacity='0.3' d='M115.551 36.6652C111.559 29.4285 108.897 21.8539 105.787 14.2467C104.978 12.2611 102.253 13.5251 102.477 15.3846C102.847 18.5361 103.56 21.6643 104.519 24.7352C98.3211 19.1913 90.7487 14.5818 83.8058 11.0206C74.4953 6.24801 64.2973 2.90809 53.9555 1.36405C36.8086 -1.19473 13.0193 2.07937 1.18365 16.1594C0.506835 16.9694 1.66463 18.0051 2.48375 17.6096C10.8028 13.6619 18.1327 9.40841 27.3743 7.72378C36.4214 6.07799 46.0699 6.15641 55.1077 7.96139C64.6604 9.87409 73.5052 13.8715 81.802 18.943C88.7376 23.1882 94.6187 28.5144 100.852 33.5113C95.1561 33.508 89.4292 34.5084 84.7225 36.8576C81.9555 38.2404 83.4736 42.4769 86.4885 41.9425C91.0648 41.1333 95.3424 39.7652 100.05 39.5838C104.415 39.4115 108.626 39.9863 112.924 40.6872C114.981 41.0253 116.495 38.3804 115.551 36.6652Z' fill='white'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    top: 0;
    left: calc(100% - 30px)
}

.process-card3 .process-card-wrap:nth-child(even):after {
    top: unset;
    bottom: 0;
    -webkit-transform: rotateX(180deg);
    transform: rotateX(180deg)
}

.process-card3 .process-card-wrap:last-child:after {
    display: none
}

@media (max-width: 1199px) {
    .process-card3 {
        margin:15px
    }
}

.process-card3:before {
    content: '';
    width: 216px;
    height: 216px;
    position: absolute;
    top: -17px;
    left: -17px;
    border: 4px dotted var(--theme-color);
    border-radius: inherit
}

.process-card3 .process-card_icon {
    width: 82px;
    height: 82px;
    line-height: 78px;
    border: 3px solid var(--white-color);
    background-color: var(--theme-color);
    border-radius: 50%;
    font-size: 34px;
    color: var(--white-color);
    position: absolute;
    top: -35px;
    left: -25px
}

.process-card3 .process-card_icon i {
    -webkit-transition: 0.4s ease-in-out;
    transition: 0.4s ease-in-out
}

.process-card3 .process-card_icon:after {
    display: none
}

.process-card3 .process-card_title {
    font-size: 20px;
    margin-bottom: 8px;
    text-align: center
}

.process-card3 .process-card_text {
    margin-bottom: 0;
    font-size: 14px
}

.process-card3:hover:before {
    -webkit-animation: spin 10s linear infinite;
    animation: spin 10s linear infinite
}

.project-slider-1 .slick-list {
    padding: 0 430px !important
}

@media (max-width: 1600px) {
    .project-slider-1 .slick-list {
        padding:0 350px !important
    }
}

@media (max-width: 1299px) {
    .project-slider-1 .slick-list {
        padding:0 200px !important
    }
}

@media (max-width: 991px) {
    .project-slider-1 .slick-list {
        padding:0 !important
    }
}

.project-slider-1 .slick-slide {
    -webkit-transition: 0.4s;
    transition: 0.4s;
    height: 500px
}

.project-slider-1 .slick-slide .project-img {
    height: 500px
}

.project-slider-1 .slick-slide .project-img img {
    height: 500px;
    object-fit: cover
}

.project-slider-1 .slick-slide.slick-center:hover .project-content {
    opacity: 1
}

.project-slider-2 {
    padding: 0;
    height: 472px
}

.project-slider-2 .slick-list {
    padding: 0 700px !important
}

@media (min-width: 1922px) {
    .project-slider-2 .slick-list {
        padding:0 550px !important
    }
}

@media (max-width: 1699px) {
    .project-slider-2 .slick-list {
        padding:0 450px !important
    }
}

@media (max-width: 1299px) {
    .project-slider-2 .slick-list {
        padding:0 250px !important
    }
}

@media (max-width: 991px) {
    .project-slider-2 .slick-list {
        padding:0 !important
    }
}

.project-slider-2 .slick-slide {
    -webkit-transition: 0.4s;
    transition: 0.4s;
    height: 472px
}

.project-slider-2 .slick-slide .project-img {
    height: 472px;
    -webkit-transition: 0.4s;
    transition: 0.4s
}

.project-slider-2 .slick-slide .project-img img {
    height: 472px;
    object-fit: cover;
    -webkit-transition: 0.4s;
    transition: 0.4s
}

.project-slider-2 .slick-slide .project-item:after {
    margin: 0
}

.project-slider-2 .slick-slide .project-content {
    opacity: 0
}

.project-slider-2 .slick-slide.slick-center:hover .project-content {
    opacity: 1
}

.project-slider-2 .slick-slide.slick-center:hover .project-item:after {
    margin: 30px
}

.project-card {
    position: relative;
    --space: 130px;
    overflow: hidden
}

@media (max-width: 1199px) {
    .project-card {
        --space: 70px
    }
}

@media (max-width: 575px) {
    .project-card {
        --space: 0px
    }
}

.project-card.slick-initialized .slick-slide {
    display: block !important
}

.project-card:hover .project-img:before {
    opacity: 1;
    visibility: visible
}

.project-card:hover .project-content {
    bottom: 30px;
    opacity: 1
}

.project-card .project-img {
    position: relative;
    overflow: hidden
}

.project-card .project-img:before {
    content: "";
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    background: -webkit-linear-gradient(bottom, rgba(0,0,0,0.6), rgba(0,0,0,0.6));
    background: linear-gradient(0deg, rgba(0,0,0,0.6), rgba(0,0,0,0.6));
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease
}

.project-card .project-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease
}

.project-card .project-content {
    position: absolute;
    left: var(--space);
    bottom: -30px;
    opacity: 0;
    min-width: 400px;
    padding: 40px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    text-align: center;
    opacity: 0;
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease
}

@media (max-width: 991px) {
    .project-card .project-content {
        bottom:-30px
    }
}

@media (max-width: 575px) {
    .project-card .project-content {
        min-width:100%
    }
}

.project-card .project-content .project-subtitle {
    color: var(--theme-color);
    font-size: 14px;
    display: block;
    margin-bottom: 5px
}

.project-card .project-content .box-title {
    margin-bottom: 0
}

.project-item {
    position: relative
}

.project-item:after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    height: -webkit-fill-available;
    width: -webkit-fill-available;
    background: rgba(1,15,52,0.77);
    -webkit-backdrop-filter: blur(10.6px);
    backdrop-filter: blur(10.6px);
    z-index: 0;
    opacity: 0;
    -webkit-transition: 0.4s all;
    transition: 0.4s all;
    margin: 0px
}

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

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

.project-item .project-content {
    position: absolute;
    top: 50%;
    left: 50%;
    text-align: center;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    opacity: 0;
    -webkit-transition: 0.4s all;
    transition: 0.4s all;
    min-width: 400px;
    z-index: 1
}

.project-item .project-content .icon-btn {
    width: var(--btn-size, 56px);
    height: var(--btn-size, 56px);
    line-height: var(--btn-size, 56px);
    border-radius: 50%;
    border: 2px solid var(--white-color);
    color: var(--white-color);
    font-size: 20px
}

.project-item .project-content .icon-btn:hover {
    background: var(--white-color);
    color: var(--title-color)
}

.project-item .project-content .box-title {
    font-size: 30px;
    line-height: 40px;
    margin-bottom: 20px
}

.project-item .project-content .box-title a:not(:hover) {
    color: var(--white-color)
}

.project-item .project-content .project-subtitle {
    color: var(--theme-color3);
    margin-bottom: 8px
}

.project-item:hover:after {
    opacity: 1;
    margin: 30px
}

.project-item:hover .project-content {
    opacity: 1
}

.project-item.style2 .box-title {
    font-size: 20px;
    line-height: 30px
}

.project-item.style2 .project-content .icon-btn {
    width: var(--btn-size, 46px);
    height: var(--btn-size, 46px);
    line-height: var(--btn-size, 46px);
    border-radius: 50%;
    border: 2px solid var(--white-color);
    color: var(--white-color);
    font-size: 16px
}

.project-item.style2 .project-content .icon-btn:hover {
    background: var(--white-color);
    color: var(--title-color)
}

.project-details-nav {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    list-style: none;
    margin: 35px 0 0 0;
    padding: 0;
    border-top: 1px solid rgba(18,18,18,0.1);
    padding: 50px 0
}

.project-details-nav li {
    font-family: var(--body-font);
    max-width: 430px
}

.project-details-nav li a {
    color: var(--title-color);
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    gap: 20px;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.project-details-nav li a:hover {
    color: var(--theme-color)
}

.project-details-nav li a:hover .icon {
    background: var(--theme-color)
}

.project-details-nav li a .title {
    font-weight: 700;
    font-size: 24px;
    line-height: 34px;
    display: block;
    margin-bottom: 5px
}

@media (max-width: 1199px) {
    .project-details-nav li a .title {
        display:none
    }
}

.project-details-nav li a .text {
    font-family: var(--body-font);
    font-weight: 700;
    font-size: 16px;
    line-height: 26px;
    text-transform: uppercase;
    color: #0A0A0A
}

.project-details-nav li a .text i {
    margin-right: 5px;
    color: var(--theme-color)
}

.project-details-nav li .thumb {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-flex: 0;
    -webkit-flex: none;
    -ms-flex: none;
    flex: none;
    min-width: 120px
}

@media (max-width: 767px) {
    .project-details-nav li .thumb {
        display:none
    }
}

.project-details-nav li .icon {
    height: 50px;
    width: 50px;
    line-height: 50px;
    background: var(--theme-color);
    border-radius: 50%;
    color: var(--white-color);
    display: inline-block;
    text-align: center;
    -webkit-transform: translate(50%, 0);
    -ms-transform: translate(50%, 0);
    transform: translate(50%, 0);
    margin-left: -25px;
    -webkit-transition: 0.4s;
    transition: 0.4s;
    -webkit-box-flex: 0;
    -webkit-flex: none;
    -ms-flex: none;
    flex: none
}

.project-details-nav li .project-details-bar-icon {
    font-size: 35px;
    color: var(--title-color);
    font-weight: 500
}

.project-details-nav li.next-project-nav {
    text-align: right
}

.project-details-nav li.next-project-nav .thumb {
    margin-right: 0
}

.project-details-nav li.next-project-nav .text i {
    margin: 0 0 0 5px
}

.portfolio-sec {
    position: relative;
    overflow: hidden
}

.portfolio-img {
    position: relative
}

@media (max-width: 991px) {
    .portfolio-img {
        margin-bottom:0
    }
}

@media (max-width: 767px) {
    .portfolio-img {
        margin-bottom:30px
    }
}

.projectSlider1 .slick-slide.slick-current.slick-active.slick-center .project-card.style2 .project-img {
    -webkit-transform: scaleY(0.9);
    -ms-transform: scaleY(0.9);
    transform: scaleY(0.9)
}

.projectSlider1 .slick-slide.slick-current.slick-active.slick-center .project-card.style2 .project-content {
    bottom: 70px;
    opacity: 1
}

.projectSlider3 .slick-slide.slick-current.slick-active.slick-center .project-card.style2 .project-img {
    -webkit-transform: scaleY(0.9);
    -ms-transform: scaleY(0.9);
    transform: scaleY(0.9)
}

.project-details-wrap {
    position: relative;
    z-index: 3;
    padding: 30px 10px;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 0 70px;
    border-bottom: 1px solid var(--gray-color);
    margin-bottom: 40px
}

@media (max-width: 1399px) {
    .project-details-wrap {
        gap:0 30px
    }
}

@media (max-width: 1299px) {
    .project-details-wrap {
        gap:0 10px
    }
}

@media (max-width: 1199px) {
    .project-details-wrap {
        grid-template-columns:repeat(2, 1fr);
        gap: 10px 20px;
        padding: 0 10px 30px 10px
    }
}

@media (max-width: 767px) {
    .project-details-wrap {
        grid-template-columns:repeat(1, 1fr)
    }
}

.project-details-wrap li {
    list-style: none;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 5px
}

.project-details-wrap li .title {
    font-weight: 600;
    font-size: 16px;
    color: #0A0A0A;
    margin-bottom: 0
}

.project-details-wrap li .text {
    font-weight: 400;
    font-size: 16px;
    color: #4b4b4b;
    margin-bottom: 0
}

.th-loader {
    position: relative
}

.loadcontent {
    display: none
}

@media (min-width: 1300px) {
    .project-area .th-container {
        --main-container: 1560px
    }
}

@media (max-width: 1199px) {
    .project-area .th-container {
        max-width:100%
    }
}

.px-5 {
    padding-right: 5px;
    padding-left: 5px
}

.px-10 {
    padding-right: 10px;
    padding-left: 10px
}

.px-15 {
    padding-right: 15px;
    padding-left: 15px
}

.px-20 {
    padding-right: 20px;
    padding-left: 20px
}

.px-25 {
    padding-right: 25px;
    padding-left: 25px
}

.px-30 {
    padding-right: 30px;
    padding-left: 30px
}

.px-35 {
    padding-right: 35px;
    padding-left: 35px
}

.px-40 {
    padding-right: 40px;
    padding-left: 40px
}

.px-45 {
    padding-right: 45px;
    padding-left: 45px
}

.px-50 {
    padding-right: 50px;
    padding-left: 50px
}

.py-5 {
    padding-top: 5px;
    padding-bottom: 5px
}

.py-10 {
    padding-top: 10px;
    padding-bottom: 10px
}

.py-15 {
    padding-top: 15px;
    padding-bottom: 15px
}

.py-20 {
    padding-top: 20px;
    padding-bottom: 20px
}

.py-25 {
    padding-top: 25px;
    padding-bottom: 25px
}

.py-30 {
    padding-top: 30px;
    padding-bottom: 30px
}

.py-35 {
    padding-top: 35px;
    padding-bottom: 35px
}

.py-40 {
    padding-top: 40px;
    padding-bottom: 40px
}

.py-45 {
    padding-top: 45px;
    padding-bottom: 45px
}

.py-50 {
    padding-top: 50px;
    padding-bottom: 50px
}

.pt-5 {
    padding-top: 5px
}

.pt-10 {
    padding-top: 10px
}

.pt-15 {
    padding-top: 15px
}

.pt-20 {
    padding-top: 20px
}

.pt-25 {
    padding-top: 25px
}

.pt-30 {
    padding-top: 30px
}

.pt-35 {
    padding-top: 35px
}

.pt-40 {
    padding-top: 40px
}

.pt-45 {
    padding-top: 45px
}

.pt-50 {
    padding-top: 50px
}

.pb-5 {
    padding-bottom: 5px
}

.pb-10 {
    padding-bottom: 10px
}

.pb-15 {
    padding-bottom: 15px
}

.pb-20 {
    padding-bottom: 20px
}

.pb-25 {
    padding-bottom: 25px
}

.pb-30 {
    padding-bottom: 30px
}

.pb-35 {
    padding-bottom: 35px
}

.pb-40 {
    padding-bottom: 40px
}

.pb-45 {
    padding-bottom: 45px
}

.pb-50 {
    padding-bottom: 50px
}

.pl-5 {
    padding-left: 5px
}

.pl-10 {
    padding-left: 10px
}

.pl-15 {
    padding-left: 15px
}

.pl-20 {
    padding-left: 20px
}

.pl-25 {
    padding-left: 25px
}

.pl-30 {
    padding-left: 30px
}

.pl-35 {
    padding-left: 35px
}

.pl-40 {
    padding-left: 40px
}

.pl-45 {
    padding-left: 45px
}

.pl-50 {
    padding-left: 50px
}

.pr-5 {
    padding-right: 5px
}

.pr-10 {
    padding-right: 10px
}

.pr-15 {
    padding-right: 15px
}

.pr-20 {
    padding-right: 20px
}

.pr-25 {
    padding-right: 25px
}

.pr-30 {
    padding-right: 30px
}

.pr-35 {
    padding-right: 35px
}

.pr-40 {
    padding-right: 40px
}

.pr-45 {
    padding-right: 45px
}

.pr-50 {
    padding-right: 50px
}

.pb-60 {
    padding-bottom: 60px
}

.mx-5 {
    margin-right: 5px;
    margin-left: 5px
}

.mx-10 {
    margin-right: 10px;
    margin-left: 10px
}

.mx-15 {
    margin-right: 15px;
    margin-left: 15px
}

.mx-20 {
    margin-right: 20px;
    margin-left: 20px
}

.mx-25 {
    margin-right: 25px;
    margin-left: 25px
}

.mx-30 {
    margin-right: 30px;
    margin-left: 30px
}

.mx-35 {
    margin-right: 35px;
    margin-left: 35px
}

.mx-40 {
    margin-right: 40px;
    margin-left: 40px
}

.mx-45 {
    margin-right: 45px;
    margin-left: 45px
}

.mx-50 {
    margin-right: 50px;
    margin-left: 50px
}

.my-5 {
    margin-top: 5px;
    margin-bottom: 5px
}

.my-10 {
    margin-top: 10px;
    margin-bottom: 10px
}

.my-15 {
    margin-top: 15px;
    margin-bottom: 15px
}

.my-20 {
    margin-top: 20px;
    margin-bottom: 20px
}

.my-25 {
    margin-top: 25px;
    margin-bottom: 25px
}

.my-30 {
    margin-top: 30px;
    margin-bottom: 30px
}

.my-35 {
    margin-top: 35px;
    margin-bottom: 35px
}

.my-40 {
    margin-top: 40px;
    margin-bottom: 40px
}

.my-45 {
    margin-top: 45px;
    margin-bottom: 45px
}

.my-50 {
    margin-top: 50px;
    margin-bottom: 50px
}

.mt-5 {
    margin-top: 5px
}

.mt-10 {
    margin-top: 10px
}

.mt-15 {
    margin-top: 15px
}

.mt-20 {
    margin-top: 20px
}

.mt-25 {
    margin-top: 25px
}

.mt-30 {
    margin-top: 30px
}

.mt-35 {
    margin-top: 35px
}

.mt-40 {
    margin-top: 40px
}

.mt-45 {
    margin-top: 45px
}

.mt-50 {
    margin-top: 50px
}

.mb-5 {
    margin-bottom: 5px
}

.mb-10 {
    margin-bottom: 10px
}

.mb-15 {
    margin-bottom: 15px
}

.mb-20 {
    margin-bottom: 20px
}

.mb-25 {
    margin-bottom: 25px
}

.mb-30 {
    margin-bottom: 30px
}

.mb-35 {
    margin-bottom: 35px
}

.mb-40 {
    margin-bottom: 40px
}

.mb-45 {
    margin-bottom: 45px
}

.mb-50 {
    margin-bottom: 50px
}

.ml-5 {
    margin-left: 5px
}

.ml-10 {
    margin-left: 10px
}

.ml-15 {
    margin-left: 15px
}

.ml-20 {
    margin-left: 20px;
}

.ml-25 {
    margin-left: 25px
}

.ml-30 {
    margin-left: 30px
}

.ml-35 {
    margin-left: 35px
}

.ml-40 {
    margin-left: 40px
}

.ml-45 {
    margin-left: 45px
}

.ml-50 {
    margin-left: 50px
}

.mr-5 {
    margin-right: 5px
}

.mr-10 {
    margin-right: 10px
}

.mr-15 {
    margin-right: 15px
}

.mr-20 {
    margin-right: 20px
}

.mr-25 {
    margin-right: 25px
}

.mr-30 {
    margin-right: 30px
}

.mr-35 {
    margin-right: 35px
}

.mr-40 {
    margin-right: 40px
}

.mr-45 {
    margin-right: 45px
}

.mr-50 {
    margin-right: 50px
}

.mb-60 {
    margin-bottom: 60px
}

.mt-n1 {
    margin-top: -.25rem
}

.mt-n2 {
    margin-top: -.65rem
}

@media (max-width: 1299px) {
    .mt-n2 {
        margin-top:0
    }
}

.mt-n3 {
    margin-top: -0.8rem
}

.mt-n4 {
    margin-top: -1.5rem
}

.mt-n5 {
    margin-top: -3rem
}

.mb-n1 {
    margin-bottom: -.25rem
}

.mb-n2 {
    margin-bottom: -.6rem
}

.mb-n3 {
    margin-bottom: -0.8rem
}

.mb-n4 {
    margin-bottom: -1.5rem
}

.mb-n5 {
    margin-bottom: -3rem
}

.mr-25 {
    margin-right: 25px
}

.mr-35 {
    margin-right: 35px
}

.mr-80 {
    margin-right: 80px
}

@media (max-width: 767px) {
    .mr-80 {
        margin-right:0
    }
}

.ml-80 {
    margin-left: 80px
}

@media (max-width: 1399px) {
    .ml-80 {
        margin-left:0
    }
}

.mt-75 {
    margin-top: -75px
}

.mt-60 {
    margin-top: 60px
}

.fs-6 {
    font-size: 1.5rem !important
}

.fs-24 {
    font-size: 24px
}

.ser-gy-4 {
    --bs-gutter-y: 2.3rem
}

.space,.space-top {
    padding-top: var(--section-space)
}

.space,.space-bottom {
    padding-bottom: var(--section-space)
}

.space-extra,.space-extra-top {
    padding-top: calc(var(--section-space) - 30px)
}

.space-extra,.space-extra-bottom {
    padding-bottom: calc(var(--section-space) - 30px)
}

.space-extra2,.space-extra2-top {
    padding-top: calc(var(--section-space) - 40px)
}

.space-extra2,.space-extra2-bottom {
    padding-bottom: calc(var(--section-space) - 40px)
}

@media (max-width: 991px) {
    .space,.space-top {
        padding-top:var(--section-space-mobile)
    }

    .space,.space-bottom {
        padding-bottom: var(--section-space-mobile)
    }

    .space-extra,.space-extra-top {
        padding-top: calc(var(--section-space-mobile) - 30px)
    }

    .space-extra,.space-extra-bottom {
        padding-bottom: calc(var(--section-space-mobile) - 30px)
    }

    .space-top-md-none {
        padding-top: 0
    }

    .space-extra2,.space-extra2-top {
        padding-top: 70px
    }

    .space-extra2,.space-extra2-bottom {
        padding-bottom: 70px
    }
}

.process-box {
    position: relative;
    text-align: center;
    z-index: 2
}

.process-box_img {
    position: relative;
    background-color: var(--smoke-color);
    width: 100px;
    height: 100px;
    line-height: 100px;
    display: block;
    text-align: center;
    border-radius: 50%;
    margin: auto;
    z-index: 2;
    -webkit-transition: 0.4s ease-in-out;
    transition: 0.4s ease-in-out
}

.process-box_img:before {
    content: "";
    position: absolute;
    inset: -10px;
    border: 1px dashed var(--theme-color);
    border-radius: 50%
}

.process-box_img:after {
    content: "";
    position: absolute;
    inset: 0;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    border-radius: 50%;
    background-color: var(--theme-color);
    -webkit-transform-origin: center;
    -ms-transform-origin: center;
    transform-origin: center;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-transition: all 0.5s cubic-bezier(0.62, 0.21, 0.45, 1.52);
    transition: all 0.5s cubic-bezier(0.62, 0.21, 0.45, 1.52);
    z-index: -1
}

.process-box_img img {
    -webkit-transition: 0.4s ease-in-out;
    transition: 0.4s ease-in-out
}

.process-box .number {
    position: relative;
    width: 40px;
    height: 40px;
    display: block;
    border-radius: 50%;
    background-color: var(--title-color);
    line-height: 40px;
    font-size: 20px;
    color: var(--white-color);
    font-family: var(--title-font);
    font-weight: 500;
    margin: -5px auto 30px auto;
    z-index: 2;
    -webkit-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out
}

.process-box_shape {
    content: '';
    position: absolute;
    left: 43%;
    top: 50.5%;
    width: 28px;
    height: 20px;
    -webkit-transform: translate(50%, -50%);
    -ms-transform: translate(50%, -50%);
    transform: translate(50%, -50%);
    -webkit-filter: drop-shadow(0px 0px 50px rgba(0,0,0,0.08));
    filter: drop-shadow(0px 0px 50px rgba(0,0,0,0.08));
    z-index: 3
}

@media (max-width: 1399px) {
    .process-box_shape {
        top:51.5%
    }
}

@media (max-width: 1299px) {
    .process-box_shape {
        top:53.5%
    }
}

@media (max-width: 1199px) {
    .process-box_shape {
        top:48.6%
    }
}

@media (max-width: 991px) {
    .process-box_shape {
        top:53.6%
    }
}

@media (max-width: 575px) {
    .process-box_shape {
        display:none
    }
}

.process-box_shape:before {
    position: absolute;
    content: "";
    inset: 0;
    background-color: var(--white-color);
    -webkit-clip-path: polygon(50% 0%, 0% 100%, 100% 100%);
    clip-path: polygon(50% 0%, 0% 100%, 100% 100%)
}

.process-box_content {
    position: relative;
    background-color: var(--white-color);
    padding: 30px;
    text-align: center;
    box-shadow: 0px 10px 50px rgba(0,0,0,0.08);
    border-radius: 60px;
    z-index: 2;
    overflow: hidden
}

@media (max-width: 1299px) {
    .process-box_content {
        padding:25px
    }
}

.process-box_content:before {
    content: "";
    width: 0;
    height: 100%;
    background-color: var(--title-color);
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    border-radius: 60px;
    -webkit-transition: 0.5s ease;
    transition: 0.5s ease
}

.process-box .box-title {
    margin-top: -0.5rem;
    margin-bottom: 5px
}

.process-box_text {
    margin-bottom: -0.4rem
}

.process-box .animation-bubble.style3 div[class^=bubble-] {
    background: url(../img/update_2/shape/bubble_1.png) no-repeat center center;
    background-size: cover;
    opacity: 0
}

.process-box:hover .box-title {
    color: var(--white-color)
}

.process-box:hover .process-box_content .animation-bubble.style3 div[class^=bubble-] {
    opacity: 0.28
}

.process-box:hover .process-box_content:before {
    width: 100%
}

.process-box:hover .process-box_shape:before {
    background-color: var(--theme-color)
}

.process-box:hover .process-box_img:after {
    -webkit-transform: scaleX(1);
    -ms-transform: scaleX(1);
    transform: scaleX(1)
}

.process-box:hover .process-box_img img {
    -webkit-filter: brightness(0) invert(1);
    filter: brightness(0) invert(1);
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg)
}

.header-layout5 .header-button .icon-btn {
    font-size: var(--btn-font-size, 20px)
}

@media (max-width: 1399px) {
    .header-layout5 .header-button .icon-btn {
        font-size:var(--btn-font-size, 16px)
    }
}

.hero-5 {
    position: relative;
    z-index: 3
}

.hero-5 .bottom-shape {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 452px;
    background-size: cover;
    background-repeat: repeat-x;
    background-position: bottom center;
    z-index: 5
}

.hero-style5 {
    padding: 140px 0 180px 0;
    text-align: center;
    min-height: 1023px
}

@media (max-width: 575px) {
    .hero-style5 {
        padding:100px 0 100px 0
    }
}

.hero-style5 .hero-title {
    position: relative;
    font-size: 74px;
    line-height: 100px;
    text-transform: uppercase;
    color: var(--title-color);
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-flex-wrap: wrap;
    -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
}

@media (max-width: 1199px) {
    .hero-style5 .hero-title {
        font-size:54px
    }
}

@media (max-width: 991px) {
    .hero-style5 .hero-title {
        font-size:40px;
        line-height: 80px
    }
}

@media (max-width: 767px) {
    .hero-style5 .hero-title {
        line-height:70px
    }
}

.hero-style5 .hero-title .hero-title2 {
    font-weight: 500
}

.hero-style5 .hero-title .hero-video {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center;
    line-height: normal;
    padding: 0 18px
}

.hero-style5 .hero-title img {
    margin: 0 3px;
    border-radius: 16px
}

.hero-style5 .hero-play-btn {
    position: relative;
    display: inline-block;
    width: var(--icon-size, 40px);
    height: var(--icon-size, 40px);
    line-height: var(--icon-size, 40px);
    text-align: center;
    background-color: var(--theme-color);
    color: var(--white-color);
    font-size: 14px;
    border-radius: 50%;
    z-index: 1;
    -webkit-transition: all ease 0.4s;
    transition: all ease 0.4s;
    -webkit-transform: translate(-50% 50%);
    -ms-transform: translate(-50% 50%);
    transform: translate(-50% 50%)
}

.hero-style5 .hero-play-btn:after {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    z-index: -1;
    bottom: 0;
    left: 0;
    -webkit-transition: 0.3;
    transition: 0.3;
    border-radius: 50%;
    border: 1px solid var(--theme-color);
    -webkit-animation: ripple 2s linear 1s infinite;
    animation: ripple 2s linear 1s infinite
}

.hero-6 {
    position: relative
}

.hero-6 .th-hero-img {
    position: absolute;
    right: 100px;
    top: 140px
}

@media (max-width: 1699px) {
    .hero-6 .th-hero-img {
        right:0px
    }
}

@media (max-width: 991px) {
    .hero-6 .th-hero-img {
        position:relative;
        top: 0px
    }
}

.hero-6 .hero-img6 {
    position: absolute;
    right: 0;
    top: 0;
    max-width: 990px;
    height: 634px
}

@media (max-width: 1299px) {
    .hero-6 .hero-img6 {
        max-width:850px
    }
}

.hero-6 .hero-img6 img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    -webkit-clip-path: path("M638.122 0H990V307.891L658.177 634H0L638.122 0Z");
    clip-path: path("M638.122 0H990V307.891L658.177 634H0L638.122 0Z")
}

@media (max-width: 767px) {
    .hero-6 .hero-img6 img {
        -webkit-clip-path:none;
        clip-path: none
    }
}

.hero-6 .hero-shape {
    width: 100%;
    height: 100%
}

@media (max-width: 1299px) {
    .hero-6 .hero-shape {
        max-width:850px
    }
}

.hero-6 .hero-shape img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.hero-style6 {
    padding: 301px 0 161px 0;
    max-width: 700px;
    position: relative;
    z-index: 5;
    text-align: left
}

@media (max-width: 1299px) {
    .hero-style6 {
        max-width:600px
    }
}

@media (max-width: 991px) {
    .hero-style6 {
        padding:250px 0 80px 0;
        text-align: center;
        max-width: 100%
    }
}

.hero-style6 .hero-subtitle {
    color: var(--theme-color3);
    margin-bottom: 0px
}

.hero-style6 .hero-subtitle span {
    display: inline-block;
    position: relative
}

.hero-style6 .hero-subtitle:after {
    background-color: var(--theme-color3)
}

@media (max-width: 991px) {
    .hero-style6 .hero-subtitle::before {
        background-color:var(--theme-color3);
        margin-left: -4.8rem
    }
}

@media (max-width: 991px) and (max-width: 575px) {
    .hero-style6 .hero-subtitle::before {
        margin-left:-5rem
    }
}

.hero-style6 .hero-title {
    line-height: 94px;
    color: var(--title-color)
}

@media (max-width: 1500px) {
    .hero-style6 .hero-title {
        font-size:74px;
        line-height: 84px
    }
}

@media (max-width: 1299px) {
    .hero-style6 .hero-title {
        font-size:64px;
        line-height: 74px
    }
}

@media (max-width: 575px) {
    .hero-style6 .hero-title {
        font-size:54px;
        line-height: 64px
    }
}

@media (max-width: 480px) {
    .hero-style6 .hero-title {
        font-size:44px;
        line-height: 54px
    }
}

.hero-style6 .hero-text {
    color: var(--title-color);
    max-width: 530px;
    margin-bottom: 30px
}

@media (max-width: 1299px) {
    .hero-style6 .hero-text {
        max-width:400px
    }
}

@media (max-width: 991px) {
    .hero-style6 .hero-text {
        max-width:100%
    }
}

.img-box5 {
    position: relative
}

@media (max-width: 1199px) {
    .img-box5 {
        margin-bottom:50px
    }
}

.img-box5 .img1 {
    position: relative;
    text-align: center;
    border-radius: 250px 250px 0px 0px;
    z-index: 2
}

@media (max-width: 1199px) {
    .img-box5 .img1 {
        text-align:left
    }
}

.img-box5 .img1:before,.img-box5 .img1:after {
    content: "";
    position: absolute;
    width: 491px;
    height: 559px;
    border-radius: 250px 250px 0px 0px;
    z-index: -1
}

.img-box5 .img1:before {
    bottom: 0px;
    left: 18px;
    background-color: var(--theme-color)
}

@media (max-width: 1199px) {
    .img-box5 .img1:before {
        left:0px
    }
}

.img-box5 .img1:after {
    bottom: 0;
    right: 0;
    border: 2px solid var(--theme-color)
}

@media (max-width: 1199px) {
    .img-box5 .img1:after {
        right:unset;
        left: 50px
    }
}

.img-box5 .img1 img {
    margin-bottom: 20px;
    margin-left: 20px;
    border-radius: 250px 250px 0px 0px
}

.img-box5 .th-experience {
    position: absolute;
    top: 50%;
    left: -10%;
    z-index: 2;
    border-radius: 30px;
    background: var(--theme-color);
    box-shadow: 0px 13px 25px 0px rgba(0,0,0,0.05);
    width: 188px;
    color: var(--white-color);
    text-align: center;
    padding: 30px
}

@media (max-width: 1199px) {
    .img-box5 .th-experience {
        left:0
    }
}

@media (max-width: 375px) {
    .img-box5 .th-experience {
        top:auto;
        bottom: 0
    }
}

.img-box5 .th-experience .experience-year {
    font-size: 64px;
    color: var(--white-color);
    margin-bottom: 0px
}

.img-box5 .th-experience .experience-text {
    color: var(--white-color)
}

.achive-about-wrap.style2 {
    border: none;
    padding: 0;
    margin-bottom: 30px
}

.achive-about-wrap.style2 .achive-about {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.feature-wrapper.style2 .icon-btn {
    background-color: var(--theme-color3);
    border-color: var(--theme-color3)
}

.img-box6 {
    position: relative;
    z-index: 2
}

@media (max-width: 1199px) {
    .img-box6 {
        margin-bottom:50px
    }
}

@media (max-width: 575px) {
    .img-box6 {
        margin-bottom:70px
    }
}

.img-box6 .img1 {
    position: relative;
    min-width: 560px;
    max-height: 555px;
    z-index: 2
}

@media (max-width: 575px) {
    .img-box6 .img1 {
        min-width:100%;
        max-height: 100%
    }
}

.img-box6 .img1 img {
    -webkit-clip-path: path("M371.567 497.554C460.416 479.727 523.85 399.053 515.359 308.834C511.598 268.952 494.175 229.775 449.78 202.991C320.62 125.107 334.165 81.0837 357.876 53.9769C381.586 26.87 259.625 -37.7106 157.966 31.8332C56.3076 101.377 71.5859 48.8962 19.0817 48.8962C-33.4224 48.8962 42.0578 223.314 19.0817 282.579C-33.4518 418.025 92.2408 553.618 371.567 497.554Z");
    clip-path: path("M371.567 497.554C460.416 479.727 523.85 399.053 515.359 308.834C511.598 268.952 494.175 229.775 449.78 202.991C320.62 125.107 334.165 81.0837 357.876 53.9769C381.586 26.87 259.625 -37.7106 157.966 31.8332C56.3076 101.377 71.5859 48.8962 19.0817 48.8962C-33.4224 48.8962 42.0578 223.314 19.0817 282.579C-33.4518 418.025 92.2408 553.618 371.567 497.554Z")
}

.img-box6 .about-shape6-1 {
    position: absolute;
    left: -28px;
    top: 30px;
    background-color: var(--theme-color);
    width: 100%;
    height: 100%;
    -webkit-clip-path: path("M145.076 13.6602C56.1981 31.4867 -7.23584 112.161 1.25532 202.38C5.0161 242.262 22.4391 281.439 66.834 308.223C195.994 386.108 182.449 430.13 158.738 457.237C135.028 484.344 256.989 548.925 358.648 479.381C460.306 409.837 445.058 462.318 497.562 462.318C550.066 462.318 474.586 287.9 497.562 228.635C550.066 93.1598 424.373 -42.4037 145.076 13.6602Z");
    clip-path: path("M145.076 13.6602C56.1981 31.4867 -7.23584 112.161 1.25532 202.38C5.0161 242.262 22.4391 281.439 66.834 308.223C195.994 386.108 182.449 430.13 158.738 457.237C135.028 484.344 256.989 548.925 358.648 479.381C460.306 409.837 445.058 462.318 497.562 462.318C550.066 462.318 474.586 287.9 497.562 228.635C550.066 93.1598 424.373 -42.4037 145.076 13.6602Z");
    z-index: -1
}

.img-box6 .about-shape6-2 {
    position: absolute;
    left: -36px;
    top: 20px;
    background-color: var(--title-color);
    width: 100%;
    height: 100%;
    -webkit-clip-path: path("M84.0892 532C71.4553 532 61.5245 530.091 55.5895 525.187C51.4468 521.78 49.3607 517.022 49.3607 511.061C49.3607 493.146 55.2663 482.603 60.4962 473.323C71.2497 454.174 79.7408 439.05 32.114 369.506C-23.6515 288.097 3.79054 192.357 33.5243 165.984C42.1623 158.319 50.771 157.086 57.0879 162.607C71.3966 175.118 85 179.876 99.9257 177.556C130.746 172.768 167.003 136.146 207.696 68.7464C232.17 28.1889 269.102 5.34047 317.464 0.788398C409.926 -7.93395 493.956 55.9712 512.701 149.421C543.845 304.426 520.047 428.389 447.387 489.504C403.991 526.009 346.639 534.379 290.08 512.5C263.314 502.133 213.425 511.589 165.181 520.752C134.86 526.45 105.596 532 84.0892 532ZM48.2442 162.167C43.3082 162.167 38.4897 165.573 35.5222 168.216C6.46422 194.002 -20.1845 287.804 34.6114 367.803C83.2959 438.874 74.3934 454.732 63.1405 474.791C57.8519 484.218 52.387 493.939 52.387 511.061C52.387 516.141 54.0617 520.018 57.5287 522.867C72.4543 535.231 117.231 526.743 164.652 517.757C213.307 508.535 263.637 498.99 291.197 509.651C346.698 531.148 402.933 522.955 445.448 487.184C517.226 426.803 540.672 303.897 509.734 150.008C491.283 58.0857 408.751 -4.76219 317.728 3.78395C270.366 8.24792 234.227 30.6265 210.252 70.3029C168.531 139.436 132.597 175.5 100.396 180.492C84.5299 182.959 70.1332 177.996 55.09 164.839C52.8864 162.93 50.5359 162.167 48.2442 162.167Z ");
    clip-path: path("M84.0892 532C71.4553 532 61.5245 530.091 55.5895 525.187C51.4468 521.78 49.3607 517.022 49.3607 511.061C49.3607 493.146 55.2663 482.603 60.4962 473.323C71.2497 454.174 79.7408 439.05 32.114 369.506C-23.6515 288.097 3.79054 192.357 33.5243 165.984C42.1623 158.319 50.771 157.086 57.0879 162.607C71.3966 175.118 85 179.876 99.9257 177.556C130.746 172.768 167.003 136.146 207.696 68.7464C232.17 28.1889 269.102 5.34047 317.464 0.788398C409.926 -7.93395 493.956 55.9712 512.701 149.421C543.845 304.426 520.047 428.389 447.387 489.504C403.991 526.009 346.639 534.379 290.08 512.5C263.314 502.133 213.425 511.589 165.181 520.752C134.86 526.45 105.596 532 84.0892 532ZM48.2442 162.167C43.3082 162.167 38.4897 165.573 35.5222 168.216C6.46422 194.002 -20.1845 287.804 34.6114 367.803C83.2959 438.874 74.3934 454.732 63.1405 474.791C57.8519 484.218 52.387 493.939 52.387 511.061C52.387 516.141 54.0617 520.018 57.5287 522.867C72.4543 535.231 117.231 526.743 164.652 517.757C213.307 508.535 263.637 498.99 291.197 509.651C346.698 531.148 402.933 522.955 445.448 487.184C517.226 426.803 540.672 303.897 509.734 150.008C491.283 58.0857 408.751 -4.76219 317.728 3.78395C270.366 8.24792 234.227 30.6265 210.252 70.3029C168.531 139.436 132.597 175.5 100.396 180.492C84.5299 182.959 70.1332 177.996 55.09 164.839C52.8864 162.93 50.5359 162.167 48.2442 162.167Z ");
    z-index: -1
}

.img-box6 .about-shape6-3 {
    position: absolute;
    left: -54px;
    top: 7px;
    background-color: var(--white-color);
    width: 100%;
    height: 100%;
    -webkit-clip-path: path("M357.246 521.99C356.276 521.99 355.336 521.961 354.396 521.902C342.849 521.227 335.915 516.028 335.357 507.659C334.093 488.687 327.835 475.706 315.642 466.807C290.433 448.423 238.898 448.658 162.478 467.571C116.497 478.936 74.2171 469.01 36.7855 438.056C-34.8163 378.791 -48.978 274.27 3.84926 194.946C91.4932 63.3178 196.061 -7.51827 290.609 0.646091C347.139 5.49184 393.59 40.0876 418.094 95.5641C429.7 121.819 471.656 150.394 512.261 178.03C552.748 205.607 591.002 231.627 592.941 252.331C593.441 257.676 591.56 262.493 587.329 266.722C574.666 279.38 563.031 282.669 552.748 285.547C531.594 291.479 514.876 296.178 499.362 378.996C481.646 473.68 398.086 521.99 357.246 521.99ZM259.495 450.038C285.144 450.038 304.33 454.825 317.434 464.37C330.391 473.826 337.061 487.541 338.383 507.453C339 516.616 348.813 518.554 354.601 518.906C393.414 521.168 478.59 473.709 496.424 378.438C512.29 293.799 529.772 288.865 551.955 282.639C562.356 279.703 573.109 276.707 585.214 264.578C588.828 260.966 590.356 257.06 589.944 252.596C588.123 233.301 550.456 207.662 510.557 180.497C469.629 152.626 427.29 123.816 415.332 96.7682C391.298 42.3489 345.728 8.39929 290.345 3.64165C196.883 -4.37587 93.3736 65.9316 6.37604 196.62C-45.5992 274.651 -31.7019 377.44 38.6953 435.736C75.3336 466.044 116.702 475.794 161.744 464.663C201.144 454.913 233.61 450.038 259.495 450.038Z");
    clip-path: path("M357.246 521.99C356.276 521.99 355.336 521.961 354.396 521.902C342.849 521.227 335.915 516.028 335.357 507.659C334.093 488.687 327.835 475.706 315.642 466.807C290.433 448.423 238.898 448.658 162.478 467.571C116.497 478.936 74.2171 469.01 36.7855 438.056C-34.8163 378.791 -48.978 274.27 3.84926 194.946C91.4932 63.3178 196.061 -7.51827 290.609 0.646091C347.139 5.49184 393.59 40.0876 418.094 95.5641C429.7 121.819 471.656 150.394 512.261 178.03C552.748 205.607 591.002 231.627 592.941 252.331C593.441 257.676 591.56 262.493 587.329 266.722C574.666 279.38 563.031 282.669 552.748 285.547C531.594 291.479 514.876 296.178 499.362 378.996C481.646 473.68 398.086 521.99 357.246 521.99ZM259.495 450.038C285.144 450.038 304.33 454.825 317.434 464.37C330.391 473.826 337.061 487.541 338.383 507.453C339 516.616 348.813 518.554 354.601 518.906C393.414 521.168 478.59 473.709 496.424 378.438C512.29 293.799 529.772 288.865 551.955 282.639C562.356 279.703 573.109 276.707 585.214 264.578C588.828 260.966 590.356 257.06 589.944 252.596C588.123 233.301 550.456 207.662 510.557 180.497C469.629 152.626 427.29 123.816 415.332 96.7682C391.298 42.3489 345.728 8.39929 290.345 3.64165C196.883 -4.37587 93.3736 65.9316 6.37604 196.62C-45.5992 274.651 -31.7019 377.44 38.6953 435.736C75.3336 466.044 116.702 475.794 161.744 464.663C201.144 454.913 233.61 450.038 259.495 450.038Z");
    z-index: -1
}

.about-checklist {
    max-width: 513px;
    margin-bottom: 38px
}

@media (max-width: 520px) {
    .about-checklist {
        max-width:100%
    }
}

.about-checklist ul {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 5px 0;
    border: 1px solid var(--th-border-color);
    padding: 15px 25px
}

@media (max-width: 520px) {
    .about-checklist ul {
        grid-template-columns:repeat(1, 1fr)
    }
}

.about-checklist ul li {
    font-family: var(--title-font);
    font-weight: 500;
    font-size: 20px;
    line-height: 30px;
    color: var(--title-color);
    margin: 0
}

.about-checklist ul li:not(:last-child) {
    margin: 0
}

.about-area_wrapper {
    max-width: 410px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 38px
}

@media (max-width: 375px) {
    .about-area_wrapper {
        display:grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 0 40px
    }
}

.about-area_wrapper .client-thumb-group {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

@media (max-width: 375px) {
    .about-area_wrapper .client-thumb-group {
        margin-bottom:20px
    }
}

.about-area_wrapper .client-thumb-group .thumb {
    -webkit-box-flex: 0;
    -webkit-flex: none;
    -ms-flex: none;
    flex: none
}

.about-area_wrapper .client-thumb-group .thumb:not(:first-child) {
    margin-left: -15px
}

.about-area_wrapper .client-thumb-group .thumb img {
    border-radius: 50%;
    width: 50px;
    height: 50px
}

.about-area_wrapper .about-counter .box-title {
    font-size: 20px
}

.counter-sec.style3 {
    padding: 0
}

.counter-sec.style3 .th-counterup {
    padding: 40px 70px 40px 0px
}

@media (max-width: 767px) {
    .counter-sec.style3 .th-counterup {
        padding:40px
    }
}

@media (max-width: 480px) {
    .counter-sec.style3 .th-counterup {
        padding:20px 40px
    }
}

.counter-sec.style3 .th-counterup .content .counter {
    font-size: 64px;
    line-height: 74px
}

@media (max-width: 1299px) {
    .counter-sec.style3 .th-counterup .content .counter {
        font-size:54px;
        line-height: 64px;
        margin-top: 0
    }
}

@media (max-width: 767px) {
    .counter-sec.style3 .th-counterup .content .counter {
        font-size:34px;
        line-height: 44px
    }
}

.testi-block {
    width: 516px;
    height: 516px;
    padding: 70px 50px;
    display: block;
    margin: auto;
    text-align: center;
    background: var(--theme-color);
    border-radius: 50%
}

@media (max-width: 575px) {
    .testi-block {
        width:100%;
        height: 100%
    }
}

.testi-block .testi-quote {
    margin-bottom: 10px
}

.testi-block_wrapper {
    position: relative;
    min-height: 575px;
    margin-top: 30px;
    z-index: 2
}

.testi-block_review {
    color: #FFC700;
    font-size: 14px;
    margin-bottom: 15px
}

.testi-block_review i {
    margin-right: 5px
}

.testi-block_text {
    color: var(--white-color);
    margin-bottom: 20px
}

.testi-block_img {
    min-width: 80px;
    margin-bottom: 20px
}

@media (max-width: 375px) {
    .testi-block_img {
        min-width:60px
    }
}

.testi-block_img img {
    width: 80px;
    height: 80px;
    border-radius: 50%;
    border: 2px solid #32B4B4;
    object-fit: cover
}

@media (max-width: 375px) {
    .testi-block_img img {
        width:60px;
        height: 60px
    }
}

.testi-block_name {
    font-family: var(--title-font);
    font-weight: 600;
    font-size: 24px;
    line-height: 34px;
    color: var(--white-color);
    margin-bottom: 0
}

.testi-block_desig {
    font-weight: 400;
    font-size: 14px;
    line-height: 24px;
    color: #F5F7FA
}

.testi-block-tab .tab-btn {
    position: absolute;
    background-color: transparent;
    min-width: 80px;
    border: none
}

@media (max-width: 375px) {
    .testi-block-tab .tab-btn {
        min-width:60px
    }
}

.testi-block-tab .tab-btn img {
    width: 80px;
    height: 80px;
    border-radius: 50%;
    border: 2px solid #32B4B4;
    object-fit: cover
}

@media (max-width: 375px) {
    .testi-block-tab .tab-btn img {
        width:60px;
        height: 60px
    }
}

.testi-block-tab .tab-btn:nth-child(1) {
    left: 14%;
    bottom: 25%
}

@media (max-width: 575px) {
    .testi-block-tab .tab-btn:nth-child(1) {
        left:0
    }
}

.testi-block-tab .tab-btn:nth-child(2) {
    left: 43%;
    bottom: 5%
}

@media (max-width: 480px) {
    .testi-block-tab .tab-btn:nth-child(2) {
        bottom:0
    }
}

.testi-block-tab .tab-btn:nth-child(3) {
    right: 13%;
    bottom: 25%
}

@media (max-width: 575px) {
    .testi-block-tab .tab-btn:nth-child(3) {
        right:0
    }
}

.testi-block_shape {
    position: absolute;
    top: -30px;
    left: 50px;
    z-index: -1
}

.testi-area5.number-dots {
    margin: 0;
    text-align: left
}

.testi-area5.number-dots button {
    background-color: #424B64
}

.testi-area-wrapper {
    max-width: 560px;
    display: block;
    margin-left: auto
}

@media (max-width: 991px) {
    .testi-area-wrapper {
        margin:0
    }
}

.testi-item.style3 {
    background-color: transparent;
    padding: 0;
    box-shadow: none;
    text-align: left
}

.testi-item.style3:before {
    display: none
}

.testi-item.style3 .testi-item_text {
    font-family: var(--title-font);
    font-weight: 500;
    font-size: 18px;
    line-height: 28px
}

.testi-item.style3 .testi-item_content {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 70px
}

@media (max-width: 480px) {
    .testi-item.style3 .testi-item_content {
        display:block
    }
}

.testi-item.style3 .testi-item_wrapp {
    gap: 25px
}

@media (max-width: 480px) {
    .testi-item.style3 .testi-item_wrapp {
        margin-bottom:20px
    }
}

.testi-item.style3 .box-title {
    color: var(--white-color);
    margin: 0 0 15px 0
}

.testi-sec5 {
    position: relative;
    z-index: 1
}

.testi-sec5.style2 {
    padding-top: 220px
}

@media (max-width: 991px) {
    .testi-sec5.style2 {
        padding-top:180px
    }
}

.testi-sec5 .slick-dots {
    margin: 40px 0 0 0
}

.testi-sec5 .slick-dots:before,.testi-sec5 .slick-dots:after {
    display: none
}

.testimonial-image-1 {
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    height: 100%
}

@media (max-width: 1799px) {
    .testimonial-image-1 {
        max-width:800px
    }
}

@media (max-width: 1599px) {
    .testimonial-image-1 {
        max-width:700px
    }
}

@media (max-width: 1299px) {
    .testimonial-image-1 {
        max-width:500px
    }
}

@media (max-width: 1199px) {
    .testimonial-image-1 {
        max-width:400px
    }
}

@media (max-width: 991px) {
    .testimonial-image-1 {
        display:none
    }
}

.testimonial-image-1 img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.footer-layout4 {
    background-color: #010F34
}

.footer-layout4 .copyright-wrap {
    background-color: transparent;
    border-top: 1px solid rgba(120,128,148,0.8)
}

.footer-icon-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    border-bottom: 1px solid rgba(120,128,148,0.8);
    margin-bottom: 60px;
    padding-bottom: 60px
}

.footer-icon-wrapper .footer-wrapp {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 200px
}

@media (max-width: 1299px) {
    .footer-icon-wrapper .footer-wrapp {
        gap:150px
    }
}

@media (max-width: 1199px) {
    .footer-icon-wrapper .footer-wrapp {
        gap:50px
    }
}

@media (max-width: 575px) {
    .footer-icon-wrapper .footer-wrapp {
        gap:30px
    }
}

@media (max-width: 520px) {
    .footer-icon-wrapper .footer-wrapp {
        display:block
    }
}

@media (max-width: 991px) {
    .footer-icon-wrapper {
        display:grid;
        grid-template-columns: repeat(1, 1fr);
        gap: 20px 0
    }
}

.footer-icon-wrapper .footer-info {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    gap: 25px
}

.footer-icon-wrapper .footer-info_label {
    font-family: var(--title-font);
    color: var(--white-color);
    font-weight: 600;
    font-size: 24px;
    line-height: 34px
}

.footer-icon-wrapper .footer-info_link {
    font-family: var(--body-font);
    color: var(--white-color);
    font-weight: 400;
    font-size: 16px;
    line-height: 26px
}

.footer-icon-wrapper .footer-info_link a {
    color: inherit
}

.newletter-wrapper .newsletter-form {
    position: relative;
    overflow: hidden;
    display: block
}

.newletter-wrapper .newsletter-form .form-control {
    min-width: 374px;
    border-radius: 10px;
    min-height: 56px;
    background-color: transparent;
    border: 1px solid var(--theme-color);
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out
}

@media (max-width: 991px) {
    .newletter-wrapper .newsletter-form .form-control {
        min-width:100%
    }
}

.newletter-wrapper .newsletter-form .th-btn {
    max-width: 144px;
    padding: 16px 35px;
    text-transform: uppercase;
    position: absolute;
    top: 5px;
    right: 5px;
    border-radius: 10px;
    margin-top: 0
}

.footer-widget .sidebar-gallery.style2 {
    max-width: 265px
}

.footer-widget .sidebar-gallery.style2 .gallery-thumb {
    min-width: 75px
}

.footer-widget .sidebar-gallery.style2 .gallery-thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.footer-layout5 {
    background-repeat: repeat;
    background-size: auto;
    background-position: top center
}

.feature-area2 {
    position: relative;
    z-index: 9
}

.why-sec2 {
    position: relative;
    background-size: auto;
    background-repeat: repeat;
    z-index: 2
}

@media (max-width: 767px) {
    .why-sec2 .container {
        max-width:100%
    }
}

.why-area_content {
    background-color: #010F34;
    padding: 60px;
    border-radius: 10px;
    max-width: 718px;
    display: block;
    margin-left: auto;
    margin-right: 50px
}

@media (max-width: 767px) {
    .why-area_content {
        max-width:100%;
        padding: 40px;
        margin: 0
    }
}

@media (max-width: 575px) {
    .why-area_content {
        padding:40px 20px
    }
}

.why-image {
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1
}

@media (max-width: 1299px) {
    .why-image {
        width:100%;
        height: 100%
    }
}

.why-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    -webkit-clip-path: polygon(0% 0%, 67% 0, 100% 100%, 0% 100%);
    clip-path: polygon(0% 0%, 67% 0, 100% 100%, 0% 100%)
}

.feature-block {
    position: relative;
    background-color: #ECF1F5;
    padding: 30px;
    border-radius: 5px;
    text-align: center;
    z-index: 2;
    overflow: hidden
}

.feature-block:before {
    content: "";
    width: 0;
    height: 100%;
    background-color: var(--title-color);
    position: absolute;
    top: 0;
    right: 0;
    z-index: -1;
    border-radius: 5px;
    -webkit-transition: 0.5s ease;
    transition: 0.5s ease
}

.feature-block_icon {
    border: 1px solid var(--th-border-color);
    width: 85px;
    height: 85px;
    line-height: 85px;
    text-align: center;
    border-radius: 50%;
    display: block;
    margin: auto auto 20px auto
}

.feature-block .box-title {
    margin-bottom: -0.4rem
}

.feature-block .animation-bubble.style3 div[class^=bubble-] {
    background: url(../img/update_2/shape/bubble_1.png) no-repeat center center;
    background-size: cover;
    opacity: 0
}

.feature-block:hover .animation-bubble.style3 div[class^=bubble-] {
    opacity: 0.28
}

.feature-block:hover:before {
    width: 100%
}

.feature-block:hover .box-title {
    color: var(--white-color)
}

.feature-block:hover .feature-block_icon {
    border-color: var(--theme-color)
}

.blog-card.style2 .blog-img {
    position: relative;
    overflow: inherit;
    border-radius: 20px 20px 0 0
}

.blog-card.style2 .blog-img img {
    border-radius: 20px 20px 0 0
}

.blog-card.style2 .blog-card_wrapper {
    background-color: var(--theme-color);
    padding: 4px 5px;
    width: 60px;
    height: 66px;
    position: absolute;
    top: auto;
    left: -10px;
    bottom: 75px;
    margin: 0
}

.blog-card.style2 .blog-card_wrapper:after {
    content: "";
    position: absolute;
    width: 10px;
    height: 14px;
    top: 0;
    left: 0px;
    border-bottom: solid 10px var(--theme-color);
    border-left: solid 10px transparent;
    border-right: solid 10px var(--theme-color);
    border-top: solid 10px transparent;
    -webkit-transform: translate(0, -100%);
    -ms-transform: translate(0, -100%);
    transform: translate(0, -100%);
    z-index: -1
}

.blog-card.style2 .blog-card_date {
    background-color: var(--theme-color);
    padding: 2px 10px;
    margin: 0 auto;
    font-family: var(--title-font);
    font-weight: 600;
    font-size: 24px;
    line-height: 24px;
    color: var(--white-color);
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.blog-card.style2 .blog-card_month {
    font-family: var(--title-font);
    color: var(--title-color);
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    padding: 2px 8px;
    text-transform: capitalize;
    display: block;
    color: var(--white-color);
    text-align: center
}

.blog-card.style2:hover .blog-img img {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1)
}

.blog-block {
    --space-x: 30px;
    --space-y: 30px
}

.blog-block_img {
    max-width: calc(100% - var(--space-x)*2);
    margin-left: var(--space-x);
    margin-bottom: -125px;
    border-radius: 10px;
    overflow: hidden;
    position: relative;
    z-index: 3
}

.blog-block_img img {
    border-radius: 10px;
    width: 100%;
    -webkit-transition: 0.4s ease-in-out;
    transition: 0.4s ease-in-out
}

.blog-block_content {
    border: 1px solid rgba(216,221,225,0.8);
    padding: calc(var(--space-y) + 125px) var(--space-x) var(--space-y) var(--space-x);
    border-radius: 10px;
    position: relative;
    z-index: 2;
    -webkit-transition: 0.4s ease-in-out;
    transition: 0.4s ease-in-out
}

.blog-block_number {
    color: var(--theme-color);
    display: block;
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase;
    margin-top: -0.45em;
    margin-bottom: 5px
}

.blog-block_title {
    font-size: 24px;
    margin-bottom: 30px
}

.blog-block_title a {
    color: inherit
}

.blog-block_title a:hover {
    color: var(--theme-color)
}

.blog-block .blog-meta {
    display: block;
    margin-bottom: 10px;
    margin-top: -0.3rem
}

.blog-block .box-text {
    margin-bottom: 20px
}

.blog-block .th-btn {
    padding: 16px 40px
}

.blog-block:hover .blog-block_img img {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1)
}

.blog-block:hover .blog-block_content {
    border-color: var(--theme-color)
}

.blog-block:hover .blog-block_title {
    color: var(--white-color)
}

.blog-block:hover .blog-block_number {
    font-weight: 700
}

@media (max-width: 1199px) {
    .blog-block {
        --space-x: 30px;
        --space-y: 30px
    }
}

@media (max-width: 767px) {
    .blog-block {
        --space-x: 40px;
        --space-y: 40px
    }
}

@media (max-width: 375px) {
    .blog-block {
        --space-x: 30px;
        --space-y: 30px
    }
}

.service-block {
    position: relative;
    --space: 41px;
    margin-bottom: 60px
}

@media (max-width: 991px) {
    .service-block {
        --space: 25px
    }
}

@media (max-width: 375px) {
    .service-block {
        --space: 15px
    }
}

.service-block_img {
    border-radius: 10px
}

.service-block_img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 10px
}

.service-block_icon {
    background-color: var(--theme-color);
    width: 80px;
    height: 80px;
    line-height: 80px;
    border-radius: 50%;
    text-align: center;
    display: block;
    margin: -70px auto 20px auto
}

.service-block_content {
    position: absolute;
    background: var(--white-color);
    box-shadow: 0px 10px 15px rgba(0,0,0,0.06);
    bottom: -60px;
    padding: 30px 15px;
    left: var(--space);
    border-radius: 5px;
    width: calc(100% - var(--space)*2);
    text-align: center;
    -webkit-transition: all 1.3s ease;
    transition: all 1.3s ease;
    z-index: 3;
    margin-bottom: 0;
    -webkit-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out
}

.service-block .box-title {
    margin-bottom: -0.40em
}

@media (max-width: 1399px) {
    .service-block .box-title {
        font-size:20px;
        margin-bottom: 10px;
    }
}

.service-block_text {
    margin-top: 18px;
    margin-bottom: 20px
}

.service-block .service-block_content.style2 {
    bottom: -80px;
    opacity: 0;
    visibility: hidden
}

.service-block:hover .service-block_content {
    -webkit-transform: translateY(10px);
    -ms-transform: translateY(10px);
    transform: translateY(10px);
    opacity: 0;
    visibility: hidden
}

.service-block:hover .service-block_content.style2 {
    bottom: -40px;
    opacity: 1;
    visibility: visible
}

.service-card.style2 {
    padding: 0;
    border-radius: 0
}

.service-card.style2 .service-card_img {
    border-radius: 0
}

.service-card.style2 .service-card_img img {
    border-radius: 0
}

.service-card.style2 .service-card_content {
    padding: 0 30px 30px 30px;
    border-top: 4px solid transparent;
    -webkit-transition: all 1s ease-in-out;
    transition: all 1s ease-in-out
}

.service-card.style2 .service-card_text {
    margin-bottom: 25px
}

.service-card.style2 .service-card_shape {
    position: absolute;
    right: 0;
    bottom: 0
}

.service-card.style2 .box-icon {
    background-color: var(--white-color);
    border: 4px solid transparent;
    width: 85px;
    height: 85px;
    line-height: 85px;
    text-align: center;
    border-radius: 50%;
    box-shadow: 0px 10px 50px rgba(0,0,0,0.08);
    margin: -50px 0 20px 0;
    -webkit-transition: all 1s ease-in-out;
    transition: all 1s ease-in-out
}

.service-card.style2 .box-title {
    margin-bottom: 15px
}

.service-card.style2:hover.style2 .service-card_content {
    border-top-color: var(--theme-color)
}

.service-card.style2:hover.style2 .box-icon {
    border-color: var(--theme-color)
}

.team-block {
    position: relative;
    z-index: 3
}

.team-block:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    position: absolute;
    width: 100%;
    height: 100%;
    background: #0181F5;
    opacity: 0.15;
    border-radius: 5px;
    -webkit-transform: rotate(-3.79deg);
    -ms-transform: rotate(-3.79deg);
    transform: rotate(-3.79deg)
}

.team-block .team-img {
    border-radius: 5px
}

.team-block .team-img img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.team-block_wrapper {
    position: absolute;
    bottom: 0;
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding-right: 15px
}

.team-block .box-title {
    margin-top: -0.5rem;
    margin-bottom: 0
}

.team-block .team-desig {
    margin-bottom: -0.3rem
}

.team-block .team-content {
    background-color: var(--white-color);
    padding: 25px;
    min-width: 285px;
    -webkit-clip-path: polygon(0% 0%, 79% 0, 100% 100%, 0% 100%);
    clip-path: polygon(0% 0%, 79% 0, 100% 100%, 0% 100%)
}

@media (max-width: 991px) {
    .team-block .team-content {
        min-width:240px
    }
}

.team-block .plus-btn {
    position: relative;
    height: 50px;
    background-color: var(--theme-color);
    color: var(--white-color);
    width: 50px;
    text-align: center;
    font-size: 18px;
    line-height: 50px;
    border-radius: 50%;
    cursor: pointer;
    z-index: 2
}

.team-block .plus-btn:before {
    position: absolute;
    inset: 0;
    font-family: var(--icon-font);
    content: "\2b"
}

.team-block .th-social {
    position: absolute;
    bottom: 40%;
    right: 15px;
    width: 50px;
    display: block;
    text-align: center;
    border-radius: 50px;
    padding: 10px 0 40px 0;
    background-color: var(--white-color);
    -webkit-transform: scaleY(0);
    -ms-transform: scaleY(0);
    transform: scaleY(0);
    -webkit-transform-origin: bottom center;
    -ms-transform-origin: bottom center;
    transform-origin: bottom center;
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
    z-index: 1
}

.team-block .th-social a {
    --icon-size: 36px;
    background-color: transparent;
    color: var(--title-color);
    font-size: 16px;
    border-radius: 0;
    margin-right: 0;
    -webkit-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out
}

.team-block .th-social a:hover {
    background-color: transparent;
    color: var(--theme-color)
}

.team-block:hover .team-block_wrapper:before {
    opacity: 1
}

.team-block:hover .team-block_wrapper .team-img img {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1)
}

.team-block:hover .plus-btn:before {
    content: "\f068"
}

.team-block:hover .th-social {
    -webkit-transform: scaleY(1);
    -ms-transform: scaleY(1);
    transform: scaleY(1)
}

.sec-text2 {
    font-family: var(--title-font);
    font-weight: 500;
    font-size: 18px;
    line-height: 28px;
    max-width: 535px
}

@media (max-width: 1199px) {
    .sec-text2 {
        max-width:100%;
        display: block;
        margin: auto
    }
}

.teamSlide6 {
    position: relative;
    margin-top: 0;
    margin-right: -55%;
    z-index: 5;
    display: block
}

@media (max-width: 1199px) {
    .teamSlide6 {
        margin:40px 0 0 0
    }
}

.teamSlide6 .slick-dots button {
    background-color: #424B64
}

.teamSlide6 .slick-dots:before,.teamSlide6 .slick-dots:after {
    background-color: #424B64
}

.team-block-2 {
    text-align: left
}

.team-block-2 .team-img {
    border-radius: 5px;
    margin-bottom: 20px
}

.team-block-2 .team-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 5px
}

.team-block-2 .box-title {
    color: var(--white-color)
}

.team-block-2 .team-desig {
    color: var(--white-color)
}

.team-block-2_content {
    position: relative
}

.team-block-2_content .team-social {
    position: absolute;
    top: -40px;
    right: 10px;
    -webkit-transition: 0.4s ease-in-out;
    transition: 0.4s ease-in-out
}

.team-block-2_content .team-social .icon-btn {
    background-color: var(--theme-color);
    color: var(--white-color);
    width: var(--btn-size, 46px);
    height: var(--btn-size, 46px);
    line-height: var(--btn-size, 46px);
    border-radius: 5px;
    font-size: var(--btn-font-size, 18px);
    border: none;
    position: relative;
    z-index: 10;
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease
}

.team-block-2_content .team-social .th-social {
    position: absolute;
    visibility: hidden;
    opacity: 0;
    bottom: 10px;
    left: 0px;
    width: 46px;
    min-height: 149px;
    background-color: var(--white-color);
    border: 1px solid #D2D2D2;
    box-shadow: 0px 10px 20px rgba(0,0,0,0.06);
    border-radius: 5px 5px 0px 0px;
    padding: 0;
    color: var(--title-color);
    -webkit-transform: scaleY(0);
    -ms-transform: scaleY(0);
    transform: scaleY(0);
    -webkit-transform-origin: bottom;
    -ms-transform-origin: bottom;
    transform-origin: bottom;
    -webkit-transition: 0.4s ease-in-out;
    transition: 0.4s ease-in-out;
    z-index: 2
}

.team-block-2_content .team-social .th-social a {
    display: inline-block;
    background-color: transparent;
    font-size: 16px;
    text-align: center;
    width: 46px;
    height: 46px;
    line-height: 46px;
    padding: 0;
    margin: 0;
    margin-left: -1px;
    margin-top: -1px;
    border-radius: 0;
    color: var(--title-color);
    border-bottom: 1px solid #D2D2D2;
    -webkit-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out
}

.team-block-2_content .team-social .th-social a:hover {
    background: var(--theme-color);
    border-radius: 5px 5px 0px 0px;
    border-bottom: 1px solid var(--theme-color);
    color: var(--white-color)
}

.team-block-2:hover .team-social .th-social {
    left: 0px;
    bottom: 30px;
    visibility: visible;
    opacity: 1;
    -webkit-transform: scaleY(1);
    -ms-transform: scaleY(1);
    transform: scaleY(1)
}

.team-shape {
    position: absolute;
    top: 0;
    left: 0;
    max-width: 1200px;
    height: 100%
}

@media (max-width: 1199px) {
    .team-shape {
        display:none
    }
}

.team-shape:before {
    content: "";
    position: absolute;
    inset: 0;
    background: #20a547;
    z-index: 1;
    -webkit-clip-path: polygon(0% 0%, 100% 0, 75% 100%, 0% 100%);
    clip-path: polygon(0% 0%, 100% 0, 75% 100%, 0% 100%)
}

.team-shape img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    -webkit-clip-path: polygon(0% 0%, 100% 0, 75% 100%, 0% 100%);
    clip-path: polygon(0% 0%, 100% 0, 75% 100%, 0% 100%)
}

.team-area6 {
    position: relative;
    z-index: 4;
    padding-bottom: 40px
}

@media (max-width: 1199px) {
    .team-area6 {
        padding-bottom:120px
    }
}

@media (max-width: 991px) {
    .team-area6 {
        padding-bottom:80px
    }
}

.title-area.style3 .sub-title:after {
    background-color: var(--white-color)
}

.faq-image2 {
    position: relative;
    margin-right: 110px;
    z-index: 2
}

.faq-image2.style2 {
    margin-right: 0
}

@media (max-width: 1399px) {
    .faq-image2.style2 {
        margin-right:50px
    }
}

@media (max-width: 320px) {
    .faq-image2.style2 {
        margin-right:0
    }
}

@media (max-width: 1299px) {
    .faq-image2.style2 .faq-shape {
        width:545.25px
    }
}

@media (max-width: 767px) {
    .faq-image2.style2 .faq-shape {
        width:510px
    }
}

@media (max-width: 480px) {
    .faq-image2.style2 .faq-shape {
        width:385px
    }
}

@media (max-width: 375px) {
    .faq-image2.style2 .faq-shape {
        width:330px
    }
}

@media (max-width: 1199px) {
    .faq-image2 {
        margin:70px 0 0 0
    }
}

.faq-image2 .img1 img {
    border-radius: 50%;
    border: 7px solid var(--theme-color3)
}

.faq-image2 .faq-shape {
    position: absolute;
    top: 0;
    left: 0;
    width: 545.25px
}

@media (max-width: 1299px) {
    .faq-image2 .faq-shape {
        width:480px
    }
}

@media (max-width: 1199px) {
    .faq-image2 .faq-shape {
        width:540px
    }
}

@media (max-width: 480px) {
    .faq-image2 .faq-shape {
        width:440px
    }
}

@media (max-width: 375px) {
    .faq-image2 .faq-shape {
        width:388px
    }
}

@media (max-width: 320px) {
    .faq-image2 .faq-shape {
        width:328px
    }
}

.faq-image2 .faq-shape img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.faq-image2 .th-experience {
    position: absolute;
    top: 50%;
    right: -10%;
    z-index: 2;
    border-radius: 50%;
    background: var(--theme-color);
    box-shadow: 0px 13px 25px 0px rgba(0,0,0,0.05);
    width: 207.03px;
    min-height: 207.03px;
    color: var(--white-color);
    text-align: center;
    padding: 40px 30px 30px 30px
}

@media (max-width: 1199px) {
    .faq-image2 .th-experience {
        right:unset;
        left: 0
    }
}

.faq-image2 .th-experience .experience-year {
    font-size: 64px;
    line-height: 64px;
    color: var(--white-color)
}

.faq-image2 .th-experience .experience-text {
    font-weight: 400;
    font-size: 16px;
    line-height: 26px;
    color: var(--white-color);
    margin-bottom: -0.3rem
}

.process-block {
    position: relative;
    background-color: var(--white-color);
    padding: 40px;
    border-radius: 50%;
    text-align: center;
    box-shadow: 0px 10px 50px rgba(0,0,0,0.08);
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
    z-index: 2;
    max-width: 347px;
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;
    margin-bottom: 35px
}

@media (max-width: 1199px) {
    .process-block {
        margin-bottom:0
    }
}

@media (max-width: 991px) {
    .process-block {
        max-width:100%;
        padding: 25px
    }
}

.process-block_shape {
    position: absolute;
    inset: 0;
    top: -50%;
    background-size: auto
}

.process-block:after {
    content: "";
    position: absolute;
    inset: -35px;
    left: -22px;
    background: url(../img/update_3/shape/process-shape.png);
    background-size: contain;
    background-repeat: no-repeat
}

@media (max-width: 767px) {
    .process-block:after {
        display:none
    }
}

.process-block:nth-child(even):after {
    -webkit-transform: rotate3d(12, 0, 0, 180deg);
    transform: rotate3d(12, 0, 0, 180deg)
}

.process-block:nth-child(even) .process-block_icon {
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1;
    margin-bottom: 10px
}

@media (max-width: 1199px) {
    .process-block:nth-child(even) .process-block_icon {
        -webkit-box-ordinal-group:4;
        -webkit-order: 3;
        -ms-flex-order: 3;
        order: 3
    }
}

.process-block:nth-child(even) .process-block_content {
    -webkit-box-ordinal-group: 3;
    -webkit-order: 2;
    -ms-flex-order: 2;
    order: 2
}

@media (max-width: 1199px) {
    .process-block:nth-child(even) .process-block_content {
        -webkit-box-ordinal-group:3;
        -webkit-order: 2;
        -ms-flex-order: 2;
        order: 2
    }
}

.process-block:nth-child(even) .process-block_img {
    -webkit-box-ordinal-group: 4;
    -webkit-order: 3;
    -ms-flex-order: 3;
    order: 3
}

@media (max-width: 1199px) {
    .process-block:nth-child(even) .process-block_img {
        -webkit-box-ordinal-group:2;
        -webkit-order: 1;
        -ms-flex-order: 1;
        order: 1
    }
}

.process-block_wrapp {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: 50px
}

@media (max-width: 1199px) {
    .process-block_wrapp {
        display:grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 80px 30px
    }
}

@media (max-width: 991px) {
    .process-block_wrapp {
        grid-template-columns:repeat(2, 1fr);
        gap: 80px;
        margin-top: 50px
    }
}

@media (max-width: 767px) {
    .process-block_wrapp {
        grid-template-columns:repeat(1, 1fr);
        gap: 30px
    }
}

.process-block_wrapp .process-block_icon {
    -webkit-box-ordinal-group: 4;
    -webkit-order: 3;
    -ms-flex-order: 3;
    order: 3
}

.process-block_wrapp .process-block_content {
    -webkit-box-ordinal-group: 3;
    -webkit-order: 2;
    -ms-flex-order: 2;
    order: 2
}

.process-block_wrapp .process-block_img {
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1
}

.process-block_img {
    width: 60px;
    height: 60px;
    line-height: 60px;
    text-align: center;
    border-radius: 50%;
    background: #ECF1F5;
    margin-bottom: 20px
}

.process-block_icon {
    width: 60px;
    height: 60px;
    line-height: 60px;
    text-align: center;
    border-radius: 50%;
    background-color: var(--title-color);
    font-family: var(--title-font);
    font-weight: 600;
    font-size: 36px;
    color: var(--white-color)
}

.process-block:hover .process-block_icon {
    background-color: var(--theme-color)
}

.brand-slide3 {
    background-color: #F8F8F8;
    padding: 35px;
    border-radius: 20px
}

.cta-overlay {
    position: absolute;
    inset: 0
}

.cta-btn .th-btn {
    padding: 14px 35px;
    font-family: var(--title-font);
    font-weight: 500;
    font-size: 18px;
    line-height: 28px
}

.cta-desc {
    font-family: var(--title-font);
    font-weight: 400;
    font-size: 18px;
    line-height: 28px;
    margin-bottom: 0
}

.history-tabs {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 40px
}

.history-tabs.nav-tabs {
    border: none
}

.history-tabs .nav-link {
    position: relative;
    background-color: transparent;
    padding: 8px 0;
    min-width: 31.5%;
    text-align: left;
    font-family: var(--title-font);
    font-weight: 500;
    font-size: 20px;
    line-height: 30px;
    color: var(--title-color);
    border: none;
    border-bottom: 2px solid #D8DDE1
}

.history-tabs .nav-link:after {
    content: '';
    height: 2px;
    background: var(--theme-color);
    width: 0;
    left: 0;
    bottom: -2px;
    position: absolute;
    -webkit-transition: 0.5s all;
    transition: 0.5s all
}

.history-tabs .nav-link.active {
    background-color: transparent;
    color: var(--title-color)
}

.history-tabs .nav-link.active:after {
    width: 100%
}

.history-content {
    position: relative;
    z-index: 3
}

.history-image {
    text-align: right
}

.history-image img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.hostory-box {
    background-color: var(--white-color);
    max-width: 387px;
    padding: 40px;
    box-shadow: 0px 10px 50px rgba(0,0,0,0.06);
    position: absolute;
    top: 0;
    left: 0
}

@media (max-width: 575px) {
    .hostory-box {
        position:relative;
        padding: 30px
    }
}

.hostory-box .history-text {
    margin-bottom: -0.3rem
}

.gallery-box {
    position: relative;
    z-index: 2;
    --space: 10px;
    overflow: hidden;
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease
}

.gallery-box:not(:last-child) {
    border-right: 2px solid var(--title-color)
}

.gallery-box_wrapp {
    display: grid;
    grid-template-columns: repeat(4, 1fr)
}

@media (max-width: 1199px) {
    .gallery-box_wrapp {
        grid-template-columns:repeat(2, 1fr)
    }
}

@media (max-width: 575px) {
    .gallery-box_wrapp {
        grid-template-columns:repeat(1, 1fr)
    }
}

.gallery-box .gallery-img img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.gallery-box .gallery-content {
    background: rgba(16,19,28,0.4);
    -webkit-backdrop-filter: blur(20px);
    backdrop-filter: blur(20px);
    position: absolute;
    bottom: -30%;
    max-width: calc(90% - var(--space)*2);
    left: var(--space);
    padding: 40px;
    opacity: 1;
    visibility: hidden;
    -webkit-transition: all 1.3s ease;
    transition: all 1.3s ease
}

@media (max-width: 1399px) {
    .gallery-box .gallery-content {
        max-width:calc(100% - var(--space)*2);
        padding: 30px
    }
}

@media (max-width: 1299px) {
    .gallery-box .gallery-content {
        padding:30px 20px
    }
}

.gallery-box .box-title {
    margin-top: -0.5rem
}

.gallery-box .gallery-text {
    color: var(--white-color);
    margin-bottom: -0.3rem
}

.gallery-box:hover .gallery-content {
    bottom: 10px;
    opacity: 1;
    visibility: visible
}

.price-area2 {
    position: relative;
    z-index: 3
}

.price-area {
    padding: 120px
}

@media (max-width: 1299px) {
    .price-area {
        padding:120px 40px
    }
}

@media (max-width: 991px) {
    .price-area {
        padding:80px 40px
    }
}

@media (max-width: 575px) {
    .price-area {
        padding:80px 20px
    }
}

.price-box {
    background-color: var(--white-color);
    padding: 20px
}

@media (max-width: 575px) {
    .price-box {
        padding:20px 15px
    }
}

.price-box-wrapper {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 30px
}

@media (max-width: 991px) {
    .price-box-wrapper {
        grid-template-columns:repeat(2, 1fr)
    }
}

@media (max-width: 767px) {
    .price-box-wrapper {
        grid-template-columns:repeat(1, 1fr)
    }
}

.price-box_content {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    margin-bottom: 6px
}

.price-box_price {
    font-family: var(--title-font);
    font-weight: 500;
    font-size: 20px;
    line-height: 20px;
    color: var(--theme-color)
}

@media (max-width: 575px) {
    .price-box_price {
        font-size:18px;
        line-height: 18px
    }
}

.price-box .box-title {
    font-size: 20px;
    line-height: 20px;
    margin-bottom: 0
}

@media (max-width: 575px) {
    .price-box .box-title {
        font-size:18px;
        line-height: 18px
    }
}

.price-box_desc {
    font-size: 14px;
    line-height: 24px;
    margin-bottom: -0.4rem
}

.header-layout6 .header-top {
    background-color: transparent;
    border-bottom: 1px solid var(--th-border-color);
    position: relative;
    padding: 9px 0;
    z-index: 2;
    --body-color: #010F34
}

.header-layout6 .header-top:before {
    content: "";
    height: calc(100% + 1px);
    width: 26.7%;
    background-color: var(--theme-color);
    position: absolute;
    top: 0;
    left: 0;
    -webkit-clip-path: polygon(0 0, 100% 0%, calc(100% - 15px) 100%, 0% 100%);
    clip-path: polygon(0 0, 100% 0%, calc(100% - 15px) 100%, 0% 100%);
    z-index: -1
}

@media (min-width: 1930px) {
    .header-layout6 .header-top:before {
        width:33%
    }
}

@media (max-width: 1599px) {
    .header-layout6 .header-top:before {
        width:28%
    }
}

@media (max-width: 1499px) {
    .header-layout6 .header-top:before {
        width:32%
    }
}

@media (max-width: 1299px) {
    .header-layout6 .header-top:before {
        width:39%
    }
}

@media (max-width: 1199px) {
    .header-layout6 .header-top:before {
        display:none
    }
}

.header-layout6 .header-top .header-notice {
    color: var(--white-color)
}

@media (max-width: 1199px) {
    .header-layout6 .header-top .header-notice {
        display:none
    }
}

.header-layout6 .sticky-wrapper.sticky .header-logo {
    position: relative;
    padding-top: 0px
}

.header-layout6 .sticky-wrapper.sticky .header-logo .logo-bg {
    top: -22px
}

@media (max-width: 991px) {
    .header-layout6 .sticky-wrapper.sticky .menu-area {
        padding:20px 0
    }

    .header-layout6 .sticky-wrapper.sticky .menu-area:before {
        height: 86px
    }
}

@media (max-width: 991px) {
    .header-layout6 .header-links.style2 {
        display:none
    }
}

@media (max-width: 1399px) {
    .header-layout6 .header-links.style2 li:first-child:after {
        display:none
    }
}

@media (max-width: 1399px) {
    .header-layout6 .header-links.style2 li:last-child {
        display:none
    }

    .header-layout6 .header-links.style2 li:last-child:after {
        display: none
    }
}

.header-layout6 .header-links li {
    font-size: 16px;
    font-weight: 500
}

.header-layout6 .header-links li:not(:last-child) {
    margin: 0 40px 0 0
}

.header-layout6 .header-links li:not(:last-child):after {
    background-color: #788094;
    right: -20px
}

.header-layout6 .header-social .social-title {
    font-weight: 500;
    font-size: 16px
}

.header-layout6 .langauge .nice-select span {
    color: var(--title-color);
    font-weight: 500
}

.header-layout6 .header-logo {
    position: relative
}

.header-layout6 .header-button {
    position: relative
}

@media (max-width: 1199px) {
    .header-layout6 .header-button .info-card {
        display:none
    }
}

.header-layout6 .menu-area {
    position: relative;
    z-index: 1
}

@media (max-width: 991px) {
    .header-layout6 .menu-area {
        padding:15px 0
    }
}

.header-layout6 .menu-area:before,.header-layout6 .menu-area:after {
    content: "";
    position: absolute;
    top: 0;
    width: 21.3%;
    height: 100px;
    background-color: var(--title-color);
    z-index: -1
}

@media (min-width: 1930px) {
    .header-layout6 .menu-area:before,.header-layout6 .menu-area:after {
        width:30%
    }
}

@media (max-width: 1199px) {
    .header-layout6 .menu-area:before,.header-layout6 .menu-area:after {
        width:30%
    }
}

.header-layout6 .menu-area:before {
    left: 0;
    -webkit-clip-path: polygon(0 0, 100% 0%, calc(100% - 55px) 100%, 0% 100%);
    clip-path: polygon(0 0, 100% 0%, calc(100% - 55px) 100%, 0% 100%)
}

@media (max-width: 1299px) {
    .header-layout6 .menu-area:before {
        width:24%
    }
}

@media (max-width: 1199px) {
    .header-layout6 .menu-area:before {
        width:30%
    }
}

@media (max-width: 1024px) {
    .header-layout6 .menu-area:before {
        width:28%
    }
}

@media (max-width: 991px) {
    .header-layout6 .menu-area:before {
        width:55%
    }
}

@media (max-width: 575px) {
    .header-layout6 .menu-area:before {
        width:75%
    }
}

.header-layout6 .menu-area:after {
    right: 0;
    -webkit-clip-path: polygon(0 0%, 100% 0, 100% 100%, 60px 100%);
    clip-path: polygon(0 0%, 100% 0, 100% 100%, 60px 100%)
}

@media (max-width: 1299px) {
    .header-layout6 .menu-area:after {
        -webkit-clip-path:polygon(0 0%, 100% 0, 100% 100%, 46px 100%);
        clip-path: polygon(0 0%, 100% 0, 100% 100%, 46px 100%);
        width: 25%
    }
}

@media (max-width: 1199px) {
    .header-layout6 .menu-area:after {
        display:none
    }
}

.header-layout6 .main-menu>ul>li>a {
    padding: 36.5px 0;
    font-weight: 700
}

.header-layout6 .main-menu>ul>li>a:after {
    color: var(--title-color) !important
}

.header-layout6 .main-menu>ul>li>a:hover:after {
    color: var(--theme-color) !important
}

.header-layout6 .info-card_link {
    color: var(--white-color)
}

@media (min-width: 1300px) {
    .header-layout6 .th-container {
        --main-container: 1760px
    }
}

.header-layout7 {
    background-color: #ECF1F5
}

.header-layout7 .header-button .icon-btn {
    border: 1px solid transparent;
    font-size: 18px
}

@media (max-width: 1199px) {
    .header-layout7 .header-button .icon-btn {
        width:var(--btn-size, 36px);
        height: var(--btn-size, 36px);
        line-height: var(--btn-size, 36px);
        font-size: var(--btn-font-size, 16px)
    }
}

.header-layout7 .header-button .icon-btn:hover {
    background-color: transparent;
    border-color: transparent;
    color: var(--theme-color)
}

.header-layout7 .sticky-wrapper.sticky .header-logo {
    padding: 0
}

@media (max-width: 991px) {
    .header-layout7 .sticky-wrapper.sticky .menu-area {
        padding:20px 0
    }
}

@media (max-width: 991px) {
    .header-layout7 .menu-area {
        padding:10px 0
    }
}

.header-layout7 .main-menu a {
    font-weight: 700;
    font-size: 14px
}

.header-layout7 .main-menu>ul>li {
    margin: 0 10px;
    position: relative
}

@media (max-width: 1199px) {
    .header-layout7 .main-menu>ul>li {
        margin:0
    }
}

.header-layout7 .main-menu>ul>li:before {
    content: "";
    width: 100%;
    height: 0;
    background-color: var(--theme-color);
    position: absolute;
    top: 0;
    left: 0;
    -webkit-transition: 0.6s ease;
    transition: 0.6s ease;
    opacity: 0;
    visibility: hidden
}

.header-layout7 .main-menu>ul>li:hover:before {
    opacity: 1;
    visibility: visible;
    height: 100%
}

.header-layout7 .main-menu>ul>li>a {
    padding: 36.5px 15px
}

.header-layout7 .main-menu>ul>li>a:hover {
    color: var(--white-color)
}

.header-layout7 .main-menu>ul>li>a:hover:after {
    color: var(--white-color)
}

@media (min-width: 1300px) {
    .header-layout7 .th-container {
        --main-container: 1760px
    }
}

.hero-7 .th-hero-slide {
    position: relative;
    -webkit-clip-path: path("M1920 1.98158e-05L0 0V750.5C58.2084 791.575 80.2368 807.448 101.978 823.114C123.99 838.975 145.707 854.623 204.38 896H206.14C646.14 727.297 1268.36 727.297 1708.36 896H1710.12C1768.08 855.131 1791.34 839.363 1814.44 823.698C1837.83 807.839 1861.07 792.085 1920 750.5V1.98158e-05Z");
    clip-path: path("M1920 1.98158e-05L0 0V750.5C58.2084 791.575 80.2368 807.448 101.978 823.114C123.99 838.975 145.707 854.623 204.38 896H206.14C646.14 727.297 1268.36 727.297 1708.36 896H1710.12C1768.08 855.131 1791.34 839.363 1814.44 823.698C1837.83 807.839 1861.07 792.085 1920 750.5V1.98158e-05Z")
}

@media (min-width: 1930px) {
    .hero-7 .th-hero-slide {
        -webkit-clip-path:path("M1920 1.98158e-05L0 0V750.5C58.2084 791.575 80.2368 807.448 101.978 823.114C123.99 838.975 145.707 854.623 204.38 896H206.14C646.14 727.297 1268.36 727.297 1708.36 896H1710.12C1768.08 855.131 1791.34 839.363 1814.44 823.698C1837.83 807.839 1861.07 792.085 7520 750.5V1.98158e-05Z");
        clip-path: path("M1920 1.98158e-05L0 0V750.5C58.2084 791.575 80.2368 807.448 101.978 823.114C123.99 838.975 145.707 854.623 204.38 896H206.14C646.14 727.297 1268.36 727.297 1708.36 896H1710.12C1768.08 855.131 1791.34 839.363 1814.44 823.698C1837.83 807.839 1861.07 792.085 7520 750.5V1.98158e-05Z")
    }
}

.hero-7 .th-hero-bg:before {
    content: "";
    position: absolute;
    inset: 0;
    background-color: rgba(1,15,52,0.8)
}

.hero-7 .bubble-1 {
    bottom: -5px;
    left: 68%;
    -webkit-animation: bubble-animation2 4.5s infinite ease-in -6.57s;
    animation: bubble-animation2 4.5s infinite ease-in -6.57s
}

.hero-7 .bubble-2 {
    bottom: -71px;
    left: 97%;
    -webkit-animation: bubble-animation 4.5s infinite ease-in -5.07s;
    animation: bubble-animation 4.5s infinite ease-in -5.07s
}

.hero-7 .bubble-3 {
    bottom: -71px;
    left: 43%;
    -webkit-animation: bubble-animation2 4.5s infinite ease-in -6.73s;
    animation: bubble-animation2 4.5s infinite ease-in -6.73s
}

.hero-7 .bubble-4 {
    bottom: -3.8px;
    left: 82%;
    -webkit-animation: bubble-animation2 4.5s infinite ease-in -4.04s;
    animation: bubble-animation2 4.5s infinite ease-in -4.04s
}

.hero-7 .bubble-5 {
    bottom: -73.4px;
    left: 29%;
    -webkit-animation: bubble-animation2 4.5s infinite ease-in -3.11s;
    animation: bubble-animation2 4.5s infinite ease-in -3.11s
}

.hero-7 .bubble-6 {
    bottom: -71px;
    left: 41%;
    -webkit-animation: bubble-animation2 4.5s infinite ease-in -5.95s;
    animation: bubble-animation2 4.5s infinite ease-in -5.95s
}

.hero-7 .bubble-7 {
    bottom: -79.4px;
    left: 14%;
    -webkit-animation: bubble-animation2 4.5s infinite ease-in -3.68s;
    animation: bubble-animation2 4.5s infinite ease-in -3.68s
}

.hero-7 .bubble-8 {
    bottom: -115.4px;
    left: 90%;
    -webkit-animation: bubble-animation2 4.5s infinite ease-in -3.89s;
    animation: bubble-animation2 4.5s infinite ease-in -3.89s
}

.hero-7 .bubble-9 {
    bottom: -44.6px;
    left: 33%;
    -webkit-animation: bubble-animation2 4.5s infinite ease-in -1.09s;
    animation: bubble-animation2 4.5s infinite ease-in -1.09s
}

.hero-7 .bubble-10 {
    bottom: -6.2px;
    left: 59%;
    -webkit-animation: bubble-animation2 4.5s infinite ease-in -.96s;
    animation: bubble-animation2 4.5s infinite ease-in -.96s
}

.hero-7 .hero-shape {
    position: absolute;
    left: 0;
    top: 0
}

.hero-7 .hero-shape2 {
    position: absolute;
    left: 0;
    bottom: -12px
}

.hero-style7 {
    padding: 194px 0 326px 0;
    text-align: center;
    max-width: 1030px;
    display: block;
    margin: auto
}

@media (max-width: 767px) {
    .hero-style7 {
        padding:120px 0 120px 0
    }
}

.hero-style7 .hero-subtitle {
    color: var(--theme-color3)
}

.hero-style7 .hero-subtitle:before,.hero-style7 .hero-subtitle:after {
    display: none
}

.hero-style7 .hero-title .title-bg {
    font-family: var(--body-font);
    text-transform: capitalize;
    color: var(--theme-color);
    -webkit-text-fill-color: transparent;
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: var(--white-color)
}

@media (max-width: 575px) {
    .hero-style7 .hero-title {
        font-size:40px;
        line-height: 50px
    }
}

.hero-style7 .hero-text {
    color: var(--white-color);
    max-width: 704px;
    display: block;
    margin: auto auto 35px auto
}

.animation-bubble.style5 div[class^=bubble-] {
    background: url(../img/update_3/shape/hero-bubble_1.png) no-repeat center center;
    background-size: cover;
    opacity: 0.1
}

.marquee-section {
    padding: 40px 0
}

.marquee-wrapper .marquee {
    position: relative;
    --duration: 120s;
    --gap: 0px;
    display: -ms-flexbox;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    overflow: hidden;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    gap: var(--gap)
}

.marquee-wrapper .marquee:first-child {
    --duration: 100s
}

.marquee-wrapper .marquee:last-child {
    --duration: 80s
}

.marquee-wrapper .marquee.marquee--reverse .marquee-group {
    animation-direction: reverse
}

.marquee-wrapper .marquee .marquee-group {
    -ms-flex-negative: 0;
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    -ms-flex-pack: distribute;
    -webkit-justify-content: space-around;
    justify-content: space-around;
    gap: var(--gap);
    min-width: 100%;
    -webkit-animation: scroll var(--duration) linear infinite;
    animation: scroll var(--duration) linear infinite
}

.marquee-wrapper .marquee .marquee-group .text {
    font-family: var(--title-font);
    font-weight: 600;
    font-size: 30px;
    line-height: 40px;
    text-transform: uppercase;
    color: var(--white-color);
    padding: 6px 30px;
    margin: 8px 5px;
    display: inline-block;
    cursor: pointer;
    -webkit-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out
}

.marquee-wrapper .marquee .marquee-group .text.style2 {
    font-family: var(--body-font);
    font-weight: 600;
    font-size: 30px;
    line-height: 40px;
    text-transform: uppercase;
    color: var(--theme-color);
    -webkit-text-fill-color: transparent;
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: var(--white-color)
}

.marquee-wrapper .marquee .marquee-group .text img {
    margin-right: 20px
}

.hero-8 {
    position: relative
}

.hero-8 .th-hero-bg {
    background-size: auto;
    background-position: top right
}

.hero-8 .th-hero-bg .hero-shape {
    position: absolute;
    width: 62%;
    height: 800px;
    left: 0px;
    top: 0;
    background: #F5F7FA;
    border-radius: 0px 600px 600px 0px;
    background-repeat: no-repeat
}

@media (min-width: 1930px) {
    .hero-8 .th-hero-bg .hero-shape {
        width:70%
    }
}

@media (max-width: 1699px) {
    .hero-8 .th-hero-bg .hero-shape {
        width:70%
    }
}

@media (max-width: 1299px) {
    .hero-8 .th-hero-bg .hero-shape {
        width:75%
    }
}

@media (max-width: 1199px) {
    .hero-8 .th-hero-bg .hero-shape {
        width:90%;
        border-radius: 0px 400px 400px 0px
    }
}

@media (max-width: 991px) {
    .hero-8 .th-hero-bg .hero-shape {
        border-radius:0px 200px 200px 0px
    }
}

@media (max-width: 767px) {
    .hero-8 .th-hero-bg .hero-shape {
        background-image:none !important;
        width: 95%
    }
}

@media (max-width: 375px) {
    .hero-8 .th-hero-bg .hero-shape {
        width:100%;
        border-radius: 0
    }
}

.hero-style8 {
    padding: 200px 0 266px 0;
    max-width: 747px
}

@media (max-width: 991px) {
    .hero-style8 {
        padding:150px 0 190px 0;
        max-width: 100%
    }
}

@media (max-width: 575px) {
    .hero-style8 {
        padding:120px 0 150px 0
    }
}

.hero-style8 .hero-title {
    font-family: var(--title-font);
    font-weight: 700;
    font-size: 74px;
    line-height: 84px;
    color: var(--title-color)
}

@media (max-width: 991px) {
    .hero-style8 .hero-title {
        font-size:64px;
        line-height: 74px
    }
}

@media (max-width: 767px) {
    .hero-style8 .hero-title {
        font-size:54px;
        line-height: 64px
    }
}

@media (max-width: 575px) {
    .hero-style8 .hero-title {
        font-size:44px;
        line-height: 54px
    }
}

@media (max-width: 375px) {
    .hero-style8 .hero-title {
        font-size:34px;
        line-height: 44px
    }
}

.hero-style8 .hero-text {
    font-size: 18px;
    line-height: 28px;
    max-width: 586px;
    margin-bottom: 35px
}

@media (max-width: 767px) {
    .hero-style8 .hero-text {
        max-width:450px
    }
}

.about-title-area {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: end;
    -webkit-align-items: end;
    -ms-flex-align: end;
    align-items: end
}

@media (max-width: 991px) {
    .about-title-area {
        display:block
    }
}

.about-title-area .about-wrapper {
    max-width: 604px
}

.about-description {
    max-width: 315px;
    margin-left: auto;
    margin-bottom: 0
}

@media (max-width: 991px) {
    .about-description {
        max-width:100%;
        margin: 15px 0 0 0
    }
}

.img-box7 {
    position: relative;
    padding-bottom: 30px
}

@media (max-width: 1199px) {
    .img-box7 {
        padding-bottom:50px
    }
}

.img-box8 .img1 img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.about-counter-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: 60px;
    margin-left: -200px
}

@media (max-width: 1199px) {
    .about-counter-wrapper {
        margin-left:0
    }
}

@media (max-width: 767px) {
    .about-counter-wrapper {
        display:block
    }
}

.about-box {
    position: relative;
    background-color: var(--white-color);
    padding: 30px;
    max-width: 251px;
    z-index: 2
}

@media (max-width: 767px) {
    .about-box {
        max-width:100%;
        margin-bottom: 30px
    }
}

.about-box:before {
    content: "";
    position: absolute;
    inset: 10px;
    right: -10px;
    bottom: -10px;
    border: 1px solid var(--theme-color)
}

.about-box_icon {
    margin-bottom: 20px
}

.about-box_text {
    margin-bottom: 10px
}

.counter-content.style3 {
    width: 100%;
    gap: 15px
}

.counter-content.style3 .th-counterup.style3 {
    border: none;
    padding: 0
}

.counter-content.style3 .th-counterup.style3 .inner .counter {
    color: var(--title-color);
    line-height: 64px
}

@media (max-width: 1199px) {
    .counter-content.style3 .th-counterup.style3 .inner .counter {
        -webkit-box-pack:start;
        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }
}

@media (max-width: 991px) {
    .counter-content.style3 .th-counterup.style3 .inner .counter {
        font-size:44px;
        line-height: 44px
    }
}

.counter-content.style3 .th-counterup.style3 .inner .counter .title {
    color: var(--title-color)
}

.counter-content.style3 .th-counterup.style3 .counter-card_text {
    font-size: 18px;
    line-height: 28px
}

@media (max-width: 1299px) {
    .counter-content.style3 .th-counterup.style3 .counter-card_text {
        font-size:16px;
        line-height: 26px
    }
}

@media (max-width: 1199px) {
    .counter-content.style3 .th-counterup.style3 .counter-card_text {
        text-align:left
    }
}

.about7-area-wrapper {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 40px;
    background-color: var(--smoke-color);
    border: 10px solid var(--white-color);
    border-radius: 100px;
    margin-left: -350px;
    z-index: 2
}

@media (max-width: 1199px) {
    .about7-area-wrapper {
        margin-left:0
    }
}

@media (max-width: 991px) {
    .about7-area-wrapper {
        display:grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 20px;
        padding: 40px 40px
    }
}

@media (max-width: 767px) {
    .about7-area-wrapper {
        grid-template-columns:repeat(1, 1fr);
        border-radius: 50px
    }
}

@media (max-width: 375px) {
    .about7-area-wrapper {
        padding:40px 20px
    }
}

.about7-area-wrapper .checklist {
    margin-left: 40px
}

@media (max-width: 1299px) {
    .about7-area-wrapper .checklist {
        margin:0
    }
}

.about-video {
    position: relative;
    border-radius: 100px;
    min-width: 333px
}

@media (max-width: 991px) {
    .about-video {
        min-width:100%
    }
}

.about-video img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 100px
}

.about-video .play-btn {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.about-video .play-btn:before,.about-video .play-btn:after {
    background-color: var(--white-color)
}

.about-video .play-btn i {
    --icon-size: 50px;
    font-size: 16px;
    background-color: var(--white-color);
    color: var(--theme-color)
}

.th-experience.style3 .experience-year {
    font-weight: 800;
    font-size: 54px;
    line-height: 54px;
    text-transform: capitalize;
    color: var(--theme-color);
    margin-bottom: 5px
}

.th-experience.style3 .experience-text {
    font-family: var(--title-font);
    font-weight: 500;
    font-size: 20px;
    line-height: 30px;
    color: var(--title-color);
    margin-bottom: 0
}

.counter-area3 {
    position: relative;
    z-index: 2
}

.counter-sec.style4 {
    padding: 0 50px
}

@media (max-width: 767px) {
    .counter-sec.style4 {
        padding:0
    }
}

.counter-sec .th-counterup {
    padding: 30px 30px 50px 0px
}

@media (max-width: 767px) {
    .counter-sec .th-counterup {
        padding:30px
    }
}

.counter-sec .th-counterup .counter-card_text {
    color: var(--gray-color)
}

.testi-sec5.arrow-wrap {
    opacity: 1;
    visibility: visible
}

.testi-sec5.arrow-wrap .slick-arrow {
    opacity: 1;
    visibility: visible
}

.testi-sec5.arrow-wrap:hover .slick-arrow {
    opacity: 1;
    visibility: visible;
    left: 0
}

.testi-sec5.arrow-wrap:hover .slick-arrow.slick-next {
    right: 0px;
    left: auto
}

.testi-sec5 .slick-dots {
    list-style-type: none;
    padding: 0;
    margin: 40px 0 0px 0;
    line-height: 0;
    text-align: center;
    height: -webkit-max-content;
    height: -moz-max-content;
    height: max-content;
    display: block
}

.testi-sec5 .slick-dots li {
    display: inline-block;
    margin-right: 20px
}

.testi-sec5 .slick-dots li:last-child {
    margin-right: 0
}

.testi-sec5 .slick-dots button {
    font-size: 0;
    padding: 0;
    background-color: transparent;
    width: 14px;
    height: 14px;
    line-height: 0;
    border-radius: 9999px;
    border: none;
    background-color: #BEC6DA;
    -webkit-transition: all ease 0.4s;
    transition: all ease 0.4s;
    position: relative
}

.testi-sec5 .slick-dots button:hover {
    border-color: var(--theme-color)
}

.testi-sec5 .slick-dots button:before {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    width: 30px;
    height: 30px;
    margin: -15px 0 0 -15px;
    border: 1px solid var(--theme-color);
    border-radius: 50%;
    -webkit-transition: all ease 0.4s;
    transition: all ease 0.4s;
    opacity: 0;
    visibility: hidden
}

.testi-sec5 .slick-dots .slick-active button {
    background-color: var(--theme-color)
}

.testi-sec5 .slick-dots .slick-active button::before {
    opacity: 1;
    visibility: visible
}

.testi-block-2 {
    position: relative;
    z-index: 2
}

.testi-block-2-area {
    position: relative;
    max-width: 812px;
    display: block;
    margin-left: auto;
    text-align: center
}

@media (max-width: 1199px) {
    .testi-block-2-area {
        max-width:100%
    }
}

.testi-block-2-slide {
    position: relative
}

.testi-block-2-slide .slick-arrow {
    color: var(--theme-color);
    background: -webkit-linear-gradient(357.46deg, rgba(1,129,245,0.38) 2.94%, rgba(1,129,245,0) 80.03%);
    background: linear-gradient(92.54deg, rgba(1,129,245,0.38) 2.94%, rgba(1,129,245,0) 80.03%);
    left: 0;
    top: 80%;
    -webkit-transform: translate(50%, -50%);
    -ms-transform: translate(50%, -50%);
    transform: translate(50%, -50%)
}

@media (max-width: 1699px) {
    .testi-block-2-slide .slick-arrow {
        display:none !important
    }
}

.testi-block-2-slide .slick-arrow.slick-next {
    background: -webkit-linear-gradient(357.46deg, rgba(1,129,245,0) 16.44%, rgba(1,129,245,0.38) 80.03%);
    background: linear-gradient(92.54deg, rgba(1,129,245,0) 16.44%, rgba(1,129,245,0.38) 80.03%);
    right: 0px;
    left: auto
}

.testi-block-2_icon {
    position: relative;
    margin-bottom: 20px;
    z-index: 3
}

.testi-block-2_icon i {
    color: var(--theme-color);
    font-size: 25px
}

.testi-block-2_text {
    font-family: var(--title-font);
    font-style: normal;
    font-weight: 500;
    font-size: 18px;
    line-height: 28px;
    margin-bottom: 40px
}

@media (max-width: 1799px) {
    .testi-block-2_text {
        padding:0 40px
    }
}

@media (max-width: 1399px) {
    .testi-block-2_text {
        max-width:500px;
        display: block;
        margin: auto auto 30px auto
    }
}

@media (max-width: 1199px) {
    .testi-block-2_text {
        max-width:100%;
        padding: 0
    }
}

.testi-block-2_name {
    font-family: var(--title-font);
    font-weight: 600;
    font-size: 24px;
    line-height: 34px;
    margin-bottom: 0px
}

.testi-block-2_desig {
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
    color: var(--title-color)
}

.testi-block-2-tab .tab-btn {
    border: none;
    background-color: transparent;
    padding: 0;
    min-width: 80px
}

.testi-block-2-tab .tab-btn img {
    position: relative;
    width: 80px;
    height: 80px;
    object-fit: cover;
    z-index: 1;
    -webkit-transition: all 1.3s ease;
    transition: all 1.3s ease;
    -webkit-transform: scale(0.75);
    -ms-transform: scale(0.75);
    transform: scale(0.75)
}

.testi-block-2-tab .tab-btn.active img {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1)
}

.testimonial-image-2 {
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    height: 100%
}

@media (max-width: 1299px) {
    .testimonial-image-2 {
        width:500px
    }
}

@media (max-width: 1199px) {
    .testimonial-image-2 {
        display:none
    }
}

.testimonial-image-2 img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    -webkit-clip-path: path("M227.232 -52.7796C319.115 -80.9177 401.601 -151.882 496.925 -139.76C601.74 -126.432 762.287 -89.7528 766.896 15.8453C772.802 151.143 524.744 192.316 517.323 327.539C510.561 450.77 730.158 496.718 733.738 620.082C736.794 725.373 633.795 827.399 532.682 856.794C429.04 886.925 329.496 801.854 227.232 767.331C155.909 743.252 58.2477 742.502 -14.9788 725.052C-125.909 698.616 -230.643 719.002 -311.81 638.874C-387.234 564.415 -373.715 427.993 -339.872 327.539C-308.202 233.534 -211.254 182.467 -136.203 117.629C-82.2316 71.0023 -99.9494 20.425 -35.3782 -9.85139C24.8302 -38.0822 163.651 -33.3084 227.232 -52.7796Z");
    clip-path: path("M227.232 -52.7796C319.115 -80.9177 401.601 -151.882 496.925 -139.76C601.74 -126.432 762.287 -89.7528 766.896 15.8453C772.802 151.143 524.744 192.316 517.323 327.539C510.561 450.77 730.158 496.718 733.738 620.082C736.794 725.373 633.795 827.399 532.682 856.794C429.04 886.925 329.496 801.854 227.232 767.331C155.909 743.252 58.2477 742.502 -14.9788 725.052C-125.909 698.616 -230.643 719.002 -311.81 638.874C-387.234 564.415 -373.715 427.993 -339.872 327.539C-308.202 233.534 -211.254 182.467 -136.203 117.629C-82.2316 71.0023 -99.9494 20.425 -35.3782 -9.85139C24.8302 -38.0822 163.651 -33.3084 227.232 -52.7796Z")
}

.newsletter-area2 {
    position: relative;
    z-index: 2
}

.newsletter-content {
    position: relative;
    padding: 49px 60px;
    margin: 0 160px;
    z-index: 2
}

@media (max-width: 1299px) {
    .newsletter-content {
        margin:0 90px
    }
}

@media (max-width: 767px) {
    .newsletter-content {
        margin:0;
        padding: 49px 40px
    }
}

.newsletter-content:before {
    content: "";
    position: absolute;
    inset: 0;
    background-color: var(--theme-color);
    -webkit-clip-path: polygon(6.5% 0, 93.5% 0, 100% 100%, 0% 100%);
    clip-path: polygon(6.5% 0, 93.5% 0, 100% 100%, 0% 100%);
    z-index: -1
}

.newsletter-wrapper.style2 {
    max-width: 410px
}

@media (max-width: 991px) {
    .newsletter-wrapper.style2 {
        display:block;
        margin: auto
    }
}

.newsletter-wrapper.style2 .newsletter-title {
    font-weight: 600;
    font-size: 36px;
    line-height: 46px;
    text-transform: capitalize
}

@media (max-width: 767px) {
    .newsletter-wrapper.style2 .newsletter-title {
        font-size:25px;
        line-height: 35px
    }
}

.newsletter-shape {
    position: absolute;
    top: 0;
    left: 0;
    background-color: var(--title-color);
    -webkit-clip-path: polygon(0 0, 100% 0, 58% 100%, 0% 100%);
    clip-path: polygon(0 0, 100% 0, 58% 100%, 0% 100%)
}

@media (max-width: 1199px) {
    .newsletter-shape {
        -webkit-clip-path:none;
        clip-path: none;
        height: 100%
    }

    .newsletter-shape img {
        width: 100%;
        height: 100%;
        object-fit: cover
    }
}

.newsletter-shape2 {
    position: absolute;
    top: 0;
    right: 0;
    background-color: var(--title-color);
    -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 42% 100%);
    clip-path: polygon(0 0, 100% 0, 100% 100%, 42% 100%)
}

@media (max-width: 1199px) {
    .newsletter-shape2 {
        -webkit-clip-path:none;
        clip-path: none;
        height: 100%
    }

    .newsletter-shape2 img {
        width: 100%;
        height: 100%;
        object-fit: cover
    }
}

.newsletter-area3 {
    position: relative;
    z-index: 3
}

.newsletter-content2 {
    padding: 32px 60px
}

@media (min-width: 1300px) {
    .newsletter-area3 .th-container {
        --main-container: 1340px
    }
}

.footer-layout7 {
    background-color: #F8F8F8
}

.footer-layout7 .footer-area {
    background-color: #10131C;
    border-radius: 0px;
    width: 1760px;
    max-width: 100%;
    margin: 0px auto 0;
    position: relative;
    overflow: hidden;
    -webkit-transition: border-radius .2s, width 350ms ease;
    transition: border-radius .2s, width 350ms ease
}

.footer-layout7 .copyright-wrap {
    background-color: #F8F8F8
}

.footer-layout7 .copyright-wrap .copyright-text {
    color: var(--title-color)
}

.th-screen.th-visible {
    border-radius: 0;
    width: 100%
}

.feature-area3 {
    position: relative;
    z-index: 3;
    margin-top: -80px
}

.feature-grid {
    position: relative;
    background-color: var(--white-color);
    box-shadow: none;
    padding: 40px;
    z-index: 2;
    -webkit-transition: 0.5s ease;
    transition: 0.5s ease
}

@media (max-width: 1199px) {
    .feature-grid {
        padding:30px
    }
}

.feature-grid:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: var(--smoke-color);
    z-index: -1;
    -webkit-transition: 0.5s ease;
    transition: 0.5s ease
}

.feature-grid_icon {
    margin-bottom: 20px
}

.feature-grid_icon img {
    -webkit-transition: 0.4s ease-in-out;
    transition: 0.4s ease-in-out
}

.feature-grid_text {
    margin-bottom: -0.3rem
}

.feature-grid:hover {
    box-shadow: 0px 10px 50px rgba(0,0,0,0.07)
}

.feature-grid:hover:before {
    height: 0;
    top: 100%
}

.feature-grid:hover .feature-grid_icon img {
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg)
}

.why-choose-image .img1 img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.why-media {
    padding: 30px 0;
    width: 100%
}

@media (max-width: 991px) {
    .why-media {
        padding:0
    }
}

@media (min-width: 1200px) {
    .why-media:first-child {
        padding:30px 0 30px 30px;
        background: #F5F7FA;
        border-radius: 40px 0px 0px 40px
    }
}

.why-media_content {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 15px
}

.why-media_icon {
    position: relative;
    width: 60px;
    height: 60px;
    line-height: 60px;
    text-align: center;
    background-color: var(--theme-color);
    border-radius: 40px;
    color: var(--white-color);
    font-size: 24px;
    z-index: 2;
    margin-bottom: 24px
}

.why-media_icon:before {
    content: "";
    position: absolute;
    left: 12px;
    bottom: -7px;
    width: 34px;
    height: 0px;
    border: 1px dashed #0181F5;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg)
}

.why-media .checklist {
    background-color: var(--white-color);
    padding: 24px;
    border-radius: 12px;
    min-width: 280px
}

@media (max-width: 1299px) {
    .why-media .checklist {
        padding:20px;
        min-width: 150px
    }
}

@media (max-width: 1199px) {
    .why-media .checklist {
        min-width:100%
    }
}

.why-media .checklist li {
    font-size: 16px;
    color: var(--body-color)
}

.why-media .checklist li i {
    font-size: 20px
}

.why-media_wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: 30px;
    margin-left: -340px
}

@media (max-width: 1299px) {
    .why-media_wrapper {
        margin-left:-330px
    }
}

@media (max-width: 1199px) {
    .why-media_wrapper {
        margin-left:0;
        gap: 20px
    }
}

@media (max-width: 991px) {
    .why-media_wrapper {
        display:grid;
        grid-template-columns: repeat(2, 1fr)
    }
}

@media (max-width: 767px) {
    .why-media_wrapper {
        grid-template-columns:repeat(1, 1fr)
    }
}

.blog-grid-2 {
    background-color: var(--white-color);
    box-shadow: none;
    border-radius: 20px;
    -webkit-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out
}

.blog-grid-2 .blog-img {
    border-radius: 20px 20px 0 0
}

.blog-grid-2 .blog-img img {
    border-radius: 20px 20px 0 0
}

.blog-grid-2 .blog-meta {
    margin-bottom: 8px
}

.blog-grid-2_content {
    position: relative;
    padding: 30px
}

.blog-grid-2_content .blog-calendar {
    position: absolute;
    top: -45px;
    right: 30px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-flow: column;
    -ms-flex-flow: column;
    flex-flow: column;
    width: 81px;
    height: 88px;
    background-color: var(--white-color);
    border-radius: 10px
}

@media (max-width: 375px) {
    .blog-grid-2_content .blog-calendar {
        top:-70px;
        right: 10px
    }
}

.blog-grid-2 .blog-date {
    background-color: var(--theme-color);
    font-family: var(--title-font);
    font-weight: 600;
    font-size: 30px;
    line-height: 40px;
    border-radius: 10px;
    color: var(--white-color);
    text-align: center;
    padding: 4px
}

.blog-grid-2 .blog-month {
    background-color: var(--white-color);
    font-family: var(--body-color);
    font-weight: 700;
    font-size: 12px;
    line-height: 18px;
    color: var(--title-color);
    text-transform: uppercase;
    padding: 6px;
    text-align: center;
    box-shadow: 0px 10px 50px rgba(0,0,0,0.08);
    border-radius: 0 0 10px 10px
}

.blog-grid-2 .box-title {
    margin-bottom: 25px
}

.blog-grid-2 .th-btn {
    padding: 16px 40px
}

.blog-grid-2:hover {
    box-shadow: 0px 6px 30px rgba(0,0,0,0.05)
}

.blog-grid.style3 {
    box-shadow: 0px 6px 15px 0px rgba(0,0,0,0.05)
}

.blog-sec4 {
    position: relative;
    background-color: #F8F8F8;
    margin-bottom: -105px;
    padding-bottom: 223px
}

.service-box-2 {
    position: relative;
    background-color: var(--white-color);
    box-shadow: 0px 10px 50px rgba(0,0,0,0.08);
    padding: 30px;
    text-align: center;
    z-index: 2;
    overflow: hidden;
    max-height: 266px
}

@media (max-width: 1299px) {
    .service-box-2 {
        padding:30px 20px
    }
}

.service-box-2:before {
    content: "";
    width: 100%;
    height: 100%;
    background-color: var(--white-color);
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    -webkit-transition: 0.6s ease;
    transition: 0.6s ease
}

.service-box-2:after {
    content: "";
    position: absolute;
    inset: 0;
    background-color: rgba(1,15,52,0.6);
    z-index: -2
}

.service-box-2_wrapp {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 30px
}

@media (max-width: 1199px) {
    .service-box-2_wrapp {
        margin-top:40px
    }
}

@media (max-width: 767px) {
    .service-box-2_wrapp {
        grid-template-columns:repeat(1, 1fr)
    }
}

.service-box-2_icon {
    width: 70px;
    height: 70px;
    line-height: 70px;
    border-radius: 50%;
    text-align: center;
    display: block;
    margin: auto auto 10px auto;
    background-color: var(--theme-color);
    -webkit-transition: 1s ease;
    transition: 1s ease
}

.service-box-2:nth-child(2) .service-box-2_icon {
    background-color: rgba(18,119,130,0.2)
}

.service-box-2:nth-child(3) .service-box-2_icon {
    background-color: rgba(50,180,180,0.2)
}

.service-box-2:nth-child(4) .service-box-2_icon {
    background-color: rgba(1,127,245,0.2)
}

.service-box-2_text {
    height: 100%;
    opacity: 1;
    -webkit-transition: 1.3s ease;
    transition: 1.3s ease;
    margin-bottom: 0
}

.service-box-2 .line-btn {
    color: var(--white-color);
    font-weight: 700;
    font-size: 14px;
    text-transform: uppercase;
    display: block;
    margin-bottom: -0.4em;
    height: 0;
    opacity: 0;
    -webkit-transform: scaleY(0);
    -ms-transform: scaleY(0);
    transform: scaleY(0);
    -webkit-transition: 1s ease;
    transition: 1s ease
}

.service-box-2 .line-btn:before {
    display: none
}

.service-box-2:hover {
    padding: 50px 30px
}

.service-box-2:hover:before {
    width: 0
}

.service-box-2:hover:nth-child(2) .service-box-2_icon {
    background-color: #127782
}

.service-box-2:hover:nth-child(3) .service-box-2_icon {
    background-color: #32b4b4
}

.service-box-2:hover:nth-child(4) .service-box-2_icon {
    background-color: #017ff5
}

.service-box-2:hover .service-box-2_icon img {
    -webkit-filter: brightness(0) invert(1);
    filter: brightness(0) invert(1)
}

.service-box-2:hover .service-box-2_text {
    height: 0;
    opacity: 0;
    -webkit-transform: scaleY(0);
    -ms-transform: scaleY(0);
    transform: scaleY(0);
    -webkit-transition: 0.4s;
    transition: 0.4s
}

.service-box-2:hover .box-title {
    color: var(--white-color)
}

.service-box-2:hover .line-btn {
    height: 100%;
    -webkit-transform: scaleY(1);
    -ms-transform: scaleY(1);
    transform: scaleY(1);
    opacity: 1
}

.ser-text {
    font-family: var(--title-font);
    font-weight: 500;
    font-size: 18px;
    line-height: 28px;
    margin-bottom: 20px
}

.service-area-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    gap: 30px
}

@media (max-width: 375px) {
    .service-area-wrapper {
        display:block
    }
}

.service-profile {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    gap: 15px
}

@media (max-width: 375px) {
    .service-profile {
        margin-bottom:15px
    }
}

.service-profile .service-avater {
    min-width: 56px
}

.service-profile .service-avater img {
    width: 56px;
    height: 56px;
    border-radius: 50%;
    border: 2px solid var(--theme-color)
}

.service-profile .title {
    font-family: var(--title-font);
    font-weight: 500;
    font-size: 20px;
    line-height: 30px;
    margin-bottom: 0
}

.service-block-2 {
    background-color: var(--white-color);
    box-shadow: 0px 10px 50px rgba(0,0,0,0.08);
    border-radius: 6px;
    padding: 30px;
    max-width: 313px;
    text-align: center
}

@media (max-width: 1199px) {
    .service-block-2 {
        max-width:100%
    }
}

.service-block-2:not(:last-child) {
    margin-bottom: 30px
}

.service-block-2_img {
    margin-top: -0.4rem;
    margin-bottom: 15px
}

.service-block-2_text {
    margin-bottom: -0.3rem
}

.service-card-2 {
    background-color: var(--white-color);
    box-shadow: 0px 10px 15px rgba(0,0,0,0.05);
    border-radius: 0px 0px 100px 100px;
    padding: 20px;
    text-align: center
}

@media (max-width: 575px) {
    .service-card-2 {
        padding:30px;
        border-radius: 0px 0px 50px 50px
    }
}

.service-card-2_img {
    border: 1.5px dashed var(--th-border-color);
    padding: 0 20px 20px 20px;
    margin-bottom: 25px
}

.service-card-2_img img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.service-card-2 .box-title {
    font-weight: 600;
    font-size: 25px;
    line-height: 40px
}

.service-card-2_text {
    margin-bottom: 25px
}

.service-btn {
    background-color: var(--white-color);
    border: 1px dashed #D8DDE1;
    border-radius: 30px;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 30px
}

@media (max-width: 767px) {
    .service-btn {
        display:block
    }
}

.service-btn span {
    color: var(--title-color);
    font-weight: 500;
    font-size: 16px;
    line-height: 26px;
    padding: 14px 0 14px 40px
}

@media (max-width: 767px) {
    .service-btn span {
        padding:14px 40px;
        display: block
    }
}

.service-btn .th-btn {
    padding: 22px 40px;
    border-radius: 0 30px 30px 0
}

@media (max-width: 767px) {
    .service-btn .th-btn {
        width:100%;
        border-radius: 0px 0px 30px 30px
    }
}

.team-item-2 {
    position: relative;
    z-index: 3;
    -webkit-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
    overflow: hidden
}

.team-item-2 .team-img {
    border-radius: 0px
}

.team-item-2 .team-img img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.team-item-2_wrapper {
    position: relative;
    background-color: var(--white-color);
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding-right: 15px
}

.team-item-2 .box-title {
    margin-top: -0.5rem;
    margin-bottom: 0
}

.team-item-2 .team-desig {
    margin-bottom: -0.4rem
}

.team-item-2 .team-content {
    padding: 25px;
    background-color: var(--white-color);
    border-radius: 0px 0px 0px 40px;
    width: 100%
}

.team-item-2 .plus-btn {
    position: absolute;
    bottom: 0;
    right: 0;
    background-color: var(--theme-color);
    color: var(--white-color);
    width: 55px;
    padding: 0 17px;
    line-height: 90px;
    text-align: center;
    font-size: 18px;
    cursor: pointer;
    z-index: 2
}

.team-item-2 .plus-btn i {
    -webkit-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out
}

.team-item-2 .th-social {
    position: absolute;
    bottom: 100%;
    right: 0px;
    width: 55px;
    display: block;
    text-align: center;
    border-radius: 50px;
    padding: 20px 0 10px 0;
    border-radius: 100px 0px 0px 0px;
    background-color: var(--white-color);
    -webkit-transform: scaleY(0);
    -ms-transform: scaleY(0);
    transform: scaleY(0);
    -webkit-transform-origin: bottom center;
    -ms-transform-origin: bottom center;
    transform-origin: bottom center;
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
    z-index: 1
}

.team-item-2 .th-social a {
    --icon-size: 36px;
    background-color: transparent;
    color: var(--body-color);
    font-size: 16px;
    border-radius: 0;
    margin-right: 0;
    -webkit-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out
}

.team-item-2 .th-social a:hover {
    background-color: transparent;
    color: var(--theme-color)
}

.team-item-2:hover .team-item-2_wrapper .team-img img {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1)
}

.team-item-2:hover .plus-btn i {
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg)
}

.team-item-2:hover .th-social {
    -webkit-transform: scaleY(1);
    -ms-transform: scaleY(1);
    transform: scaleY(1)
}

.brand-area6 {
    background-color: #F8F8F8;
    padding: 60px 0
}

.brand-img.style4 img {
    padding: 0 15px;
    width: 180px;
    max-width: 100%;
    -webkit-filter: none;
    filter: none;
    -webkit-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
    cursor: pointer
}

.appointment-form.style3 {
    position: relative;
    padding: 60px;
    border-radius: 0;
    max-width: 521px;
    display: block;
    margin: 45px 0px 44px auto;
    z-index: 2
}

@media (max-width: 1199px) {
    .appointment-form.style3 {
        margin:80px auto 40px auto;
        padding: 40px
    }
}

@media (max-width: 575px) {
    .appointment-form.style3 {
        padding:30px
    }
}

.appointment-form.style3:after {
    content: "";
    position: absolute;
    width: 40px;
    height: 48px;
    top: 0;
    right: 0;
    border-bottom: solid 45px var(--theme-color);
    border-left: solid 0px var(--theme-color);
    border-right: solid 39px transparent;
    border-top: solid 17px transparent;
    -webkit-transform: translate(0, -100%);
    -ms-transform: translate(0, -100%);
    transform: translate(0, -100%);
    z-index: -1
}

@media (max-width: 1199px) {
    .appointment-form.style3:after {
        display:none
    }
}

.appointment-form.style3 .row {
    --bs-gutter-x: 20px
}

.appointment-form.style3 .form-title {
    margin-top: -0.4rem
}

.appointment-form.style3 .form-group input {
    border-radius: 0
}

.appointment-form.style3 .th-btn {
    border-radius: 0
}

.process-wrapper {
    display: grid;
    grid-template-columns: repeat(3, 1fr)
}

@media (max-width: 1199px) {
    .process-wrapper {
        grid-template-columns:repeat(1, 1fr)
    }
}

.process-card_wrapp.style3 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: start;
    -webkit-align-items: start;
    -ms-flex-align: start;
    align-items: start
}

@media (max-width: 480px) {
    .process-card_wrapp.style3 {
        display:block
    }
}

.process-card.style3 .box-title {
    margin: 20px 0 5px 0;
    font-size: 20px;
    line-height: 30px;
    font-weight: 500
}

.process-card.style3 .process-card_img {
    padding: 0px;
    width: 109px;
    height: 121px;
    line-height: 121px
}

.process-card.style3 .process-card_img:first-child:before,.process-card.style3 .process-card_img:first-child:after {
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg)
}

.process-card.style3 .process-card_text {
    min-width: 250px;
    margin-bottom: 20px
}

@media (max-width: 1299px) {
    .process-card.style3 .process-card_text {
        min-width:100%
    }
}

.process-card.style3:nth-child(even) {
    margin-top: 175px;
    margin-left: -120px
}

@media (max-width: 1199px) {
    .process-card.style3:nth-child(even) {
        margin-left:0
    }
}

@media (max-width: 480px) {
    .process-card.style3:nth-child(even) {
        margin-top:50px
    }
}

.process-card.style3:nth-child(even) .process-card_img:before,.process-card.style3:nth-child(even) .process-card_img:after {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

.process-card.style3:nth-child(even) .process-card_icon .number {
    border-top: 5px solid var(--theme-color);
    border-bottom: none;
    border-radius: 0px 0px 30px 30px;
    -webkit-transition: 0.4s;
    transition: 0.4s
}

.step-wrap.style3 .process-line {
    position: absolute;
    top: 55%;
    left: 50%;
    -webkit-transform: translate(calc(-50% + 400px), calc(-50% + 25px));
    -ms-transform: translate(calc(-50% + 400px), calc(-50% + 25px));
    transform: translate(calc(-50% + 400px), calc(-50% + 25px));
    margin: 0 -400px;
    border: 2px dashed var(--theme-color);
    width: 980px;
    z-index: -1
}

.process-card_image {
    min-width: 421px
}

@media (max-width: 1199px) {
    .process-card_image {
        display:block;
        margin: auto;
        min-width: 100%;
        text-align: center
    }
}

@media (max-width: 575px) {
    .process-card_image {
        margin:40px auto auto auto
    }
}

.process-item {
    display: grid;
    grid-template-columns: auto auto auto;
    gap: 30px
}

@media (max-width: 575px) {
    .process-item {
        display:block
    }
}

.process-item:not(:last-child) {
    margin-bottom: 10px
}

.process-item_number {
    font-family: var(--title-font);
    font-weight: 600;
    font-size: 48px;
    line-height: 54px;
    text-transform: capitalize;
    color: var(--theme-color)
}

.process-item .box-title {
    font-size: 18px;
    min-width: 110px;
    display: block;
    margin-bottom: 0
}

@media (max-width: 575px) {
    .process-item .box-title {
        min-width:100%
    }
}

.process-item .box-title span {
    display: block
}

.process-item p {
    margin-left: 30px
}

.cta-sec5 {
    position: relative;
    padding: 38px 0;
    z-index: 2
}

@media (max-width: 575px) {
    .cta-sec5 {
        padding-top:0
    }
}

.cta-title-area {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 20px;
    margin-left: -50px
}

@media (max-width: 1399px) {
    .cta-title-area {
        margin-left:0
    }
}

.cta-title-area .cta-shape {
    position: relative;
    min-width: 90px;
    z-index: 3
}

@media (max-width: 767px) {
    .cta-title-area .cta-shape {
        display:block;
        margin: auto auto 10px auto;
        text-align: center
    }
}

@media (max-width: 991px) {
    .cta-title-area {
        -webkit-box-pack:center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        margin-bottom: 30px
    }
}

@media (max-width: 767px) {
    .cta-title-area {
        display:block;
        margin: auto auto 30px auto;
        text-align: center
    }
}

@media (max-width: 1299px) {
    .cta-title-area .cta-text {
        font-size:38px;
        line-height: 48px
    }
}

.newsletter-sec6 {
    position: relative;
    padding: 70px 0;
    z-index: 2
}

.newsletter-sec6 .newsletter-wrapper .newsletter-title {
    margin-right: 70px
}

@media (max-width: 1299px) {
    .newsletter-sec6 .newsletter-wrapper .newsletter-title {
        margin-right:0
    }
}

.newsletter-shape6 {
    background-color: var(--theme-color);
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    -webkit-clip-path: polygon(6% 0, 87% 0%, 95% 100%, 13% 100%);
    clip-path: polygon(6% 0, 87% 0%, 95% 100%, 13% 100%);
    z-index: -1
}

@media (max-width: 1500px) {
    .newsletter-shape6 {
        -webkit-clip-path:none;
        clip-path: none
    }
}

.gallery-slider-2 .slick-list {
    padding: 0 730px !important
}

@media (max-width: 1600px) {
    .gallery-slider-2 .slick-list {
        padding:0 350px !important
    }
}

@media (max-width: 1299px) {
    .gallery-slider-2 .slick-list {
        padding:0 200px !important
    }
}

@media (max-width: 991px) {
    .gallery-slider-2 .slick-list {
        padding:0 !important
    }
}

.gallery-slider-2 .slick-slide {
    -webkit-transition: 0.4s;
    transition: 0.4s;
    height: 500px
}

.gallery-item .gallery-img {
    border-radius: 20px;
    height: 500px
}

.gallery-item .gallery-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 20px
}

.gallery-sec8 {
    position: relative;
    -webkit-clip-path: polygon(9% 0, 89% 0, 100% 10%, 100% 100%, 70% 100%, 30% 100%, 0 100%, 0 11%);
    clip-path: polygon(9% 0, 89% 0, 100% 10%, 100% 100%, 70% 100%, 30% 100%, 0 100%, 0 11%);
    z-index: 2
}

.gallery-sec8.style2 {
    padding-top: 120px
}

@media (max-width: 991px) {
    .gallery-sec8.style2 {
        padding-top:80px
    }
}

.accordion-area.style6 .accordion-card {
    background-color: var(--gray-color)
}

.process-image {
    text-align: right
}

@media (max-width: 1199px) {
    .process-image {
        margin-top:40px;
        text-align: left
    }
}

.process-text {
    max-width: 436px
}

.header-layout8 .header-button {
    gap: 30px
}

@media (max-width: 1399px) {
    .header-layout8 .header-button {
        gap:20px
    }
}

.header-layout8 .header-button .th-btn {
    margin-left: 0
}

.header-layout8 .icon-btn {
    --btn-size: 56px
}

@media (max-width: 1399px) {
    .header-layout8 .info-card {
        display:none
    }
}

.header-layout8 .main-menu a {
    font-weight: 700;
    font-size: 14px
}

.header-layout8 .main-menu>ul>li>a {
    padding: 36.5px 0px
}

.header-layout9 .header-top {
    background-color: var(--theme-color);
    --body-color: #fff;
    padding: 10px 0
}

.header-layout9 .header-social .social-title {
    font-weight: 400;
    font-size: 14px
}

.header-layout9 .sticky-wrapper.sticky .header-logo {
    padding: 0;
    margin-left: 0px
}

@media (max-width: 991px) {
    .header-layout9 .sticky-wrapper.sticky .header-logo {
        padding:20px 0
    }
}

@media (max-width: 991px) {
    .header-layout9 .header-logo {
        padding:20px 0
    }
}

.header-layout9 .langauge .nice-select {
    font-size: 14px;
    color: var(--white-color)
}

.header-layout9 .langauge .nice-select span {
    color: var(--white-color)
}

.header-layout9 .langauge.lang-dropdown .dropdown-toggle {
    border: none
}

.header-layout9 .header-button {
    gap: 30px
}

@media (max-width: 1199px) {
    .header-layout9 .header-button {
        gap:15px
    }
}

.header-layout9 .header-button .th-btn {
    margin: 0
}

.header-layout9 .icon-btn {
    --btn-size: 56px;
    background-color: var(--title-color);
    border: 1px solid var(--title-color);
    color: var(--white-color);
    font-size: 18px
}

.header-layout9 .icon-btn:hover {
    background-color: var(--theme-color);
    border-color: var(--theme-color)
}

@media (max-width: 991px) {
    .header-layout9 .header-links.style2 {
        display:none
    }
}

@media (max-width: 1199px) {
    .header-layout9 .header-links.style2 li:nth-child(2):after {
        display:none
    }
}

@media (max-width: 1199px) {
    .header-layout9 .header-links.style2 li:last-child {
        display:none
    }

    .header-layout9 .header-links.style2 li:last-child:after {
        display: none
    }
}

.header-layout9 .header-links li {
    font-weight: 300
}

.header-layout9 .header-links li:not(:last-child) {
    margin: 0 60px 0 0
}

.header-layout9 .header-links li:not(:last-child):after {
    content: '';
    height: 46px;
    width: 1px;
    background-color: rgba(255,255,255,0.3);
    position: absolute;
    top: -6px;
    right: -30px
}

.header-layout9 .header-links li:not(:last-child) a:hover {
    color: var(--title-color)
}

.header-layout9 .menu-area {
    position: relative;
    background-color: #10131C;
    z-index: 2
}

.header-layout9 .menu-area:after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 33.6%;
    height: 100px;
    background-color: #1F2432;
    -webkit-clip-path: polygon(7% 0, 100% 0, 100% 100%, 0% 100%);
    clip-path: polygon(7% 0, 100% 0, 100% 100%, 0% 100%);
    z-index: -1
}

@media (max-width: 1500px) {
    .header-layout9 .menu-area:after {
        width:30%
    }
}

@media (max-width: 1399px) {
    .header-layout9 .menu-area:after {
        width:25%
    }
}

@media (max-width: 991px) {
    .header-layout9 .menu-area:after {
        height:80px
    }
}

.header-layout9 .main-menu>ul>li>a {
    padding: 36.5px 0;
    color: var(--white-color)
}

.header-layout9 .main-menu>ul>li>a:hover {
    color: var(--theme-color)
}

.header-layout9 .main-menu ul li.menu-item-has-children>a:after {
    color: var(--white-color)
}

.header-layout9 .main-menu ul li.menu-item-has-children>a:hover:after {
    color: var(--theme-color)
}

@media (min-width: 1300px) {
    .header-layout9 .th-container {
        --main-container: 1520px
    }
}

.hero-9 {
    position: relative;
    z-index: 2
}

.hero-9 .hero-shape {
    position: absolute;
    inset: 0;
    height: 800px;
    -webkit-clip-path: polygon(50% 0, 100% 0, 100% 90%, 85% 100%, 12% 100%, 0 92%, 0 0);
    clip-path: polygon(50% 0, 100% 0, 100% 90%, 85% 100%, 12% 100%, 0 92%, 0 0);
    z-index: -1
}

.hero-style9 {
    padding: 140px 0 140px 0;
    text-align: center
}

@media (max-width: 1199px) {
    .hero-style9 {
        padding:120px 0
    }
}

.hero-style9 .hero-title {
    margin-top: -0.25em;
    margin-bottom: 33px
}

@media (max-width: 767px) {
    .hero-style9 .hero-title {
        font-size:44px;
        line-height: 54px
    }
}

@media (max-width: 375px) {
    .hero-style9 .hero-title {
        font-size:34px;
        line-height: 44px
    }
}

.hero9-slide-image {
    position: relative;
    z-index: 2;
    max-width: 1718px;
    height: 674px;
    display: block;
    margin: auto;
    overflow: hidden
}

.hero9-slide-image:before {
    content: "";
    position: absolute;
    bottom: -20px;
    left: 0;
    width: 100%;
    height: 120px;
    background-color: var(--white-color);
    -webkit-clip-path: path("M0 101H1720V41L1679.04 19.2493C1634.22 -4.5493 1580.3 -3.61222 1536.34 21.7296L1533.92 23.1213C1490.01 48.4344 1435.95 48.5152 1391.96 23.3334L1385.68 19.7415C1344 -4.11631 1292.58 -3.13834 1251.84 22.2871C1210.74 47.9371 1158.81 48.6895 1116.98 24.2409L1108.87 19.5019C1068.34 -4.18652 1018.04 -3.54231 978.137 21.1763L971.291 25.4167C933.333 48.9281 885.155 48.1671 847.959 23.4686L846.176 22.2851C808.577 -2.68066 759.608 -2.4053 722.292 22.9818C685.691 47.8826 637.796 48.6645 600.401 24.9718L586.33 16.0562C553.187 -4.94262 510.395 -2.7121 479.615 21.6187C447.758 46.801 403.19 48.2231 369.792 25.123L356.536 15.9542C326.923 -4.52853 287.111 -1.95906 260.376 22.1605C233.297 46.5905 192.863 48.8764 163.203 27.6542L150.389 18.4852C118.633 -4.23694 76.3628 -5.75276 43.0606 14.6363L0 41V101Z");
    clip-path: path("M0 101H1720V41L1679.04 19.2493C1634.22 -4.5493 1580.3 -3.61222 1536.34 21.7296L1533.92 23.1213C1490.01 48.4344 1435.95 48.5152 1391.96 23.3334L1385.68 19.7415C1344 -4.11631 1292.58 -3.13834 1251.84 22.2871C1210.74 47.9371 1158.81 48.6895 1116.98 24.2409L1108.87 19.5019C1068.34 -4.18652 1018.04 -3.54231 978.137 21.1763L971.291 25.4167C933.333 48.9281 885.155 48.1671 847.959 23.4686L846.176 22.2851C808.577 -2.68066 759.608 -2.4053 722.292 22.9818C685.691 47.8826 637.796 48.6645 600.401 24.9718L586.33 16.0562C553.187 -4.94262 510.395 -2.7121 479.615 21.6187C447.758 46.801 403.19 48.2231 369.792 25.123L356.536 15.9542C326.923 -4.52853 287.111 -1.95906 260.376 22.1605C233.297 46.5905 192.863 48.8764 163.203 27.6542L150.389 18.4852C118.633 -4.23694 76.3628 -5.75276 43.0606 14.6363L0 41V101Z");
    z-index: 2
}

.hero9-slide-image img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.hero-10 {
    position: relative;
    z-index: 4
}

.hero-10:before,.hero-10:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 1266px;
    height: 100%;
    background-color: #1F2432;
    z-index: -2
}

.hero-10:before {
    -webkit-clip-path: polygon(0 0, 55% 0%, 100% 100%, 0% 100%);
    clip-path: polygon(0 0, 55% 0%, 100% 100%, 0% 100%);
    left: 90px
}

.hero-10:after {
    -webkit-clip-path: polygon(0 0, 100% 0, 71% 100%, 0% 100%);
    clip-path: polygon(0 0, 100% 0, 71% 100%, 0% 100%)
}

.hero-10 .hero-shape {
    position: absolute;
    inset: 0;
    z-index: -1
}

.hero-10 .th-hero-image {
    position: absolute;
    top: 70px;
    right: 60px;
    z-index: 2
}

@media (max-width: 1699px) {
    .hero-10 .th-hero-image {
        right:0
    }
}

@media (max-width: 1500px) {
    .hero-10 .th-hero-image {
        margin-right:-90px
    }
}

@media (max-width: 1299px) {
    .hero-10 .th-hero-image {
        margin-right:-120px;
        width: 815px
    }
}

@media (max-width: 1199px) {
    .hero-10 .th-hero-image {
        position:relative;
        margin-right: 0;
        width: 100%
    }
}

.hero-10 .th-hero-image:before {
    content: "";
    position: absolute;
    inset: 0;
    background: url("../img/update_4/hero/hero-shape.png");
    background-color: var(--theme-color);
    -webkit-clip-path: path("M891.743 322.526C887.623 399.918 854.15 474.732 794.238 524.818C723.526 583.932 631.32 605.887 541.514 614.251C492.952 618.779 444.027 620.409 395.297 621.534C349.889 622.588 304.304 622.154 259.136 617.042C214.437 611.983 170.119 602.476 128.521 585.093C88.8371 568.516 49.7024 545.613 24.0171 510.226C-0.480883 476.46 -8.92451 429.971 11.6042 392.254C28.1902 361.767 58.4738 342.461 84.416 320.754C97.1833 310.086 109.703 298.506 118.687 284.365C129.549 267.283 133.554 247.587 135.14 227.652C136.867 206.034 136.522 184.265 140.03 162.797C143.397 142.126 151.345 123.042 165.051 107.094C178.341 91.6153 195.804 79.9821 213.666 70.4575C233.69 59.7812 254.786 50.8857 276.005 42.8231C319.632 26.2282 365.102 14.4089 411.272 7.5247C457.796 0.596146 504.949 -1.60114 551.898 1.47329C552.634 1.51759 553.36 1.56189 554.096 1.62391L633.5 1.47329L743.576 50.4427C771.29 66.9844 796.568 87.5397 818.089 111.586C869.743 169.282 895.871 245.257 891.743 322.526Z");
    clip-path: path("M891.743 322.526C887.623 399.918 854.15 474.732 794.238 524.818C723.526 583.932 631.32 605.887 541.514 614.251C492.952 618.779 444.027 620.409 395.297 621.534C349.889 622.588 304.304 622.154 259.136 617.042C214.437 611.983 170.119 602.476 128.521 585.093C88.8371 568.516 49.7024 545.613 24.0171 510.226C-0.480883 476.46 -8.92451 429.971 11.6042 392.254C28.1902 361.767 58.4738 342.461 84.416 320.754C97.1833 310.086 109.703 298.506 118.687 284.365C129.549 267.283 133.554 247.587 135.14 227.652C136.867 206.034 136.522 184.265 140.03 162.797C143.397 142.126 151.345 123.042 165.051 107.094C178.341 91.6153 195.804 79.9821 213.666 70.4575C233.69 59.7812 254.786 50.8857 276.005 42.8231C319.632 26.2282 365.102 14.4089 411.272 7.5247C457.796 0.596146 504.949 -1.60114 551.898 1.47329C552.634 1.51759 553.36 1.56189 554.096 1.62391L633.5 1.47329L743.576 50.4427C771.29 66.9844 796.568 87.5397 818.089 111.586C869.743 169.282 895.871 245.257 891.743 322.526Z");
    z-index: -1;
    margin-top: 92px
}

.hero-style10 {
    padding: 252px 0
}

@media (max-width: 1299px) {
    .hero-style10 {
        padding:180px 0
    }
}

@media (max-width: 1199px) {
    .hero-style10 {
        padding:140px 0 0px 0;
        text-align: center
    }
}

.hero-style10 .hero-subtitle {
    margin-bottom: 13px
}

.hero-style10 .hero-title {
    font-size: 74px;
    line-height: 84px;
    color: var(--smoke-color);
    margin-bottom: 25px
}

@media (max-width: 1399px) {
    .hero-style10 .hero-title {
        font-size:64px;
        line-height: 74px
    }
}

@media (max-width: 767px) {
    .hero-style10 .hero-title {
        font-size:54px;
        line-height: 64px
    }
}

@media (max-width: 575px) {
    .hero-style10 .hero-title {
        font-size:44px;
        line-height: 54px
    }
}

@media (max-width: 375px) {
    .hero-style10 .hero-title {
        font-size:34px;
        line-height: 44px
    }
}

.hero-style10 .hero-text {
    max-width: 540px;
    color: var(--smoke-color);
    margin-bottom: 30px
}

@media (max-width: 1199px) {
    .hero-style10 .hero-text {
        display:block;
        margin: auto auto 30px auto
    }
}

.hero-11 {
    position: relative;
    padding: 145px 0;
    z-index: 1;
    -webkit-clip-path: polygon(30% 0%, 100% 0, 100% 30%, 100% 90%, 87% 100%, 13% 100%, 0 90%, 0 0);
    clip-path: polygon(30% 0%, 100% 0, 100% 30%, 100% 90%, 87% 100%, 13% 100%, 0 90%, 0 0);
    overflow: hidden
}

@media (max-width: 1500px) {
    .hero-11 {
        padding:120px 0
    }
}

@media (max-width: 991px) {
    .hero-11 {
        -webkit-clip-path:none;
        clip-path: none
    }
}

.hero-11 .hero-shape11 {
    position: absolute;
    inset: 0;
    left: 80px;
    z-index: -1;
    background-size: auto;
    background-position: left, center;
    width: 1151px;
    height: 100%;
    background: #10131C;
    mix-blend-mode: soft-light;
    opacity: 0.8;
    -webkit-clip-path: path("M400 920H1151L733.599 0H0L400 920Z");
    clip-path: path("M400 920H1151L733.599 0H0L400 920Z");
    z-index: 1
}

.hero-11 .social-links-wrap {
    position: absolute;
    top: 50%;
    left: 7%;
    z-index: 3;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 40px;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

@media (max-width: 1699px) {
    .hero-11 .social-links-wrap {
        left:3%
    }
}

@media (max-width: 1599px) {
    .hero-11 .social-links-wrap {
        left:2%
    }
}

@media (max-width: 1499px) {
    .hero-11 .social-links-wrap {
        position:relative;
        left: 50%;
        top: unset;
        bottom: -40px
    }

    .hero-11 .social-links-wrap .top-line {
        display: none
    }
}

@media (max-width: 991px) {
    .hero-11 .social-links-wrap {
        left:20%
    }
}

@media (max-width: 575px) {
    .hero-11 .social-links-wrap {
        bottom:-100px;
        left: 30%
    }
}

.hero-11 .social-links-wrap .social-links {
    text-align: center
}

.hero-11 .social-links-wrap .social-links a {
    width: 30px;
    height: 30px;
    border-radius: 15px;
    font-size: 18px;
    display: block;
    line-height: 1;
    margin: 0 0 10px 0;
    color: var(--white-color)
}

@media (max-width: 1499px) {
    .hero-11 .social-links-wrap .social-links a {
        display:-webkit-inline-box;
        display: -webkit-inline-flex;
        display: -ms-inline-flexbox;
        display: inline-flex
    }
}

.hero-11 .hero-video-1 {
    margin-top: 0%;
    margin-right: -5%
}

@media (max-width: 1399px) {
    .hero-11 .hero-video-1 {
        margin:0
    }
}

.hero-11 .hero-video-1 .video-play-btn {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    border: 0;
    width: 200px;
    height: 200px;
    line-height: 202px;
    -webkit-transition: all 1s cubic-bezier(0, 0, 0.2, 1);
    transition: all 1s cubic-bezier(0, 0, 0.2, 1);
    border-radius: 50%;
    background: transparent;
    margin: 0 auto;
    display: inline-block;
    font-size: 54px;
    text-align: center;
    color: var(--white-color);
    z-index: 4;
    border: 3px solid white
}

@media (max-width: 1199px) {
    .hero-11 .hero-video-1 .video-play-btn {
        width:150px;
        height: 150px;
        line-height: 152px;
        font-size: 34px
    }
}

@media (max-width: 767px) {
    .hero-11 .hero-video-1 .video-play-btn {
        width:100px;
        height: 100px;
        line-height: 102px;
        font-size: 24px
    }
}

.hero-11 .hero-video-1 .video-play-btn:before,.hero-11 .hero-video-1 .video-play-btn:after {
    border: 3px solid white
}

.hero-style11 {
    position: relative;
    max-width: 770px;
    z-index: 2;
    padding: 120px 80px;
    border-radius: 100px;
    margin-left: -80px;
    background: url("../img/update_4/shape/hero_shape3.png");
    background-repeat: no-repeat;
    background-size: auto
}

@media (max-width: 1399px) {
    .hero-style11 {
        margin-left:0
    }
}

@media (max-width: 1199px) {
    .hero-style11 {
        padding:80px 40px
    }
}

@media (max-width: 767px) {
    .hero-style11 {
        text-align:center
    }
}

@media (max-width: 575px) {
    .hero-style11 {
        padding:80px 20px
    }
}

@media (max-width: 767px) {
    .hero-style11 .hero-title {
        font-size:54px;
        line-height: 64px
    }
}

@media (max-width: 575px) {
    .hero-style11 .hero-title {
        font-size:44px;
        line-height: 54px
    }
}

.hero-style11 .hero-subtitle {
    color: var(--white-color);
    margin-bottom: 12px
}

.hero-style11 .hero-subtitle:after {
    -webkit-backdrop-filter: blur(20px);
    backdrop-filter: blur(20px);
    background-color: var(--white-color)
}

@media (max-width: 767px) {
    .hero-style11 .hero-subtitle {
        font-size:16px
    }

    .hero-style11 .hero-subtitle:before {
        background-color: var(--white-color)
    }
}

.hero-style11 .hero-title {
    margin-bottom: 15px
}

.hero-style11 .hero-text {
    color: var(--white-color);
    max-width: 530px
}

.hero-style11 .th-btn {
    padding: 22px 42px
}

.about-sec {
    padding-top: 10px !important;
}

@media (max-width: 575px) {
    .about-sec {
        padding-top:0px !important
    }
}

.img-box9 .img1 {
    min-width: 619px
}

@media (max-width: 1199px) {
    .img-box9 .img1 {
        margin-top:50px
    }
}

@media (max-width: 767px) {
    .img-box9 .img1 {
        min-width:100%
    }
}

.img-box9 .img1 img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.img-box10 {
    position: relative
}

@media (max-width: 767px) {
    .img-box10 {
        margin-bottom:50px
    }
}

.img-box10 .img1 {
    border-radius: 20px
}

.img-box10 .img1 img {
    margin: 100px 0;
    border-radius: 20px
}

.img-box10 .img2 {
    position: absolute;
    top: 0;
    right: 0;
    border-radius: 20px
}

.img-box10 .img2 img {
    border-radius: 20px
}

.img-box10 .img3 {
    position: absolute;
    bottom: 0;
    right: 60px;
    border-radius: 20px
}

.img-box10 .img3 img {
    border-radius: 20px
}

.img-box10 .th-experience.style3 {
    position: absolute;
    top: 50%;
    left: 55%;
    width: 190px;
    height: 190px;
    line-height: 190px;
    border-radius: 50%;
    text-align: center;
    padding: 24px 20px;
    background-color: var(--theme-color);
    border: 20px solid var(--white-color);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.img-box10 .th-experience.style3 .experience-year {
    font-family: var(--title-font);
    font-weight: 700;
    font-size: 48px;
    line-height: 48px;
    color: var(--white-color)
}

.img-box10 .th-experience.style3 .experience-text {
    font-family: var(--body-font);
    font-weight: 500;
    font-size: 16px;
    line-height: 20px;
    text-transform: uppercase;
    color: var(--white-color)
}

.achive-about-wrap.style2 {
    gap: 53px
}

@media (max-width: 1299px) {
    .achive-about-wrap.style2 {
        gap:30px
    }
}

.achive-about.style2 {
    display: block;
    max-width: 235px
}

@media (max-width: 575px) {
    .achive-about.style2 {
        max-width:100%
    }
}

.achive-about.style2 .achive-about_content {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 20px;
    margin-bottom: 15px
}

.achive-about.style2 .achive-about_icon {
    min-width: 60px
}

.achive-about.style2 .box-title {
    font-size: 20px;
    line-height: 30px;
    font-weight: 500
}

@media (max-width: 1199px) {
    .img-box12 {
        margin-bottom:40px
    }
}

.img-box12 .img1 img {
    width: 100%;
    border-radius: 20px
}

.about-blockquote.style2 {
    font-size: 18px;
    color: var(--title-color)
}

.feature-wrapper.style5 .header-info_label {
    font-size: 16px
}

.feature-wrapper.style5 .header-info_link {
    font-size: 24px
}

.counter-sec5 {
    position: relative;
    max-width: 1720px;
    display: block;
    margin: auto;
    padding: 90px 100px;
    z-index: 2
}

@media (max-width: 1399px) {
    .counter-sec5 {
        padding:90px 50px
    }
}

@media (max-width: 991px) {
    .counter-sec5 {
        padding:80px 0
    }

    .counter-sec5 .container {
        max-width: 100%
    }
}

.counter-sec5:before {
    content: "";
    position: absolute;
    inset: 0;
    background-image: url("../img/update_4/bg/counter_bg_1.png");
    background-repeat: no-repeat;
    background-position: center center;
    background-color: #10131C;
    -webkit-clip-path: path("M542.491 19.8743C554.97 7.16177 572.036 0 589.849 0H1129.15C1146.96 0 1164.03 7.16177 1176.51 19.8743C1188.99 32.5868 1206.05 39.7485 1223.87 39.7485H1640C1684.18 39.7485 1720 75.5658 1720 119.749V491.253C1720 535.436 1684.18 571.253 1640 571.253H1225.55C1207.29 571.253 1189.79 578.594 1177 591.626C1164.21 604.658 1146.71 612 1128.45 612H590.549C572.288 612 554.793 604.658 542.001 591.626C529.208 578.594 511.714 571.253 493.452 571.253H80C35.8172 571.253 0 535.435 0 491.253V119.749C0 75.5658 35.8173 39.7485 80.0001 39.7485H495.132C512.946 39.7485 530.012 32.5868 542.491 19.8743Z");
    clip-path: path("M542.491 19.8743C554.97 7.16177 572.036 0 589.849 0H1129.15C1146.96 0 1164.03 7.16177 1176.51 19.8743C1188.99 32.5868 1206.05 39.7485 1223.87 39.7485H1640C1684.18 39.7485 1720 75.5658 1720 119.749V491.253C1720 535.436 1684.18 571.253 1640 571.253H1225.55C1207.29 571.253 1189.79 578.594 1177 591.626C1164.21 604.658 1146.71 612 1128.45 612H590.549C572.288 612 554.793 604.658 542.001 591.626C529.208 578.594 511.714 571.253 493.452 571.253H80C35.8172 571.253 0 535.435 0 491.253V119.749C0 75.5658 35.8173 39.7485 80.0001 39.7485H495.132C512.946 39.7485 530.012 32.5868 542.491 19.8743Z");
    z-index: -1
}

@media (max-width: 1199px) {
    .counter-sec5:before {
        -webkit-clip-path:none;
        clip-path: none
    }
}

.counter5-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 50px
}

@media (max-width: 1199px) {
    .counter5-wrapper {
        display:block
    }
}

.counter-area5 {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 0px
}

@media (max-width: 1199px) {
    .counter-area5 {
        margin-top:40px
    }
}

@media (max-width: 575px) {
    .counter-area5 {
        grid-template-columns:repeat(1, 1fr)
    }
}

.counter-area5 .th-counterup {
    padding: 40px 60px 60px 60px;
    border-right: 1px solid rgba(255,255,255,0.1);
    border-bottom: 1px solid rgba(255,255,255,0.1)
}

@media (max-width: 1299px) {
    .counter-area5 .th-counterup {
        margin:0;
        padding: 40px
    }
}

@media (max-width: 991px) {
    .counter-area5 .th-counterup {
        padding:30px
    }
}

@media (max-width: 767px) {
    .counter-area5 .th-counterup {
        padding:30px 20px
    }
}

@media (max-width: 575px) {
    .counter-area5 .th-counterup {
        border-right:1px solid transparent
    }
}

.counter-area5 .th-counterup:nth-child(2) {
    border-right: 1px solid transparent;
    border-bottom: 1px solid rgba(255,255,255,0.1)
}

.counter-area5 .th-counterup:nth-child(3) {
    border-bottom: 1px solid transparent
}

@media (max-width: 575px) {
    .counter-area5 .th-counterup:nth-child(3) {
        border-right:1px solid transparent;
        border-bottom: 1px solid rgba(255,255,255,0.1)
    }
}

.counter-area5 .th-counterup:nth-child(4) {
    border-right: 1px solid transparent;
    border-bottom: 1px solid transparent
}

.counter-area5 .th-counterup .counter-card_text {
    font-family: var(--title-font);
    color: var(--white-color);
    font-size: 18px;
    line-height: 28px
}

.counter-title-area {
    max-width: 50%;
}


@media (max-width: 1199px) {
    .counter-title-area {
        max-width:100%;
        display: block;
        text-align: center;
        margin: auto
    }
}

.counter-title-area .sec-title {
    margin-top: -0.3rem
}

.counter-title-area .th-btn {
    padding: 22px 50px
}

.counter-shape1 {
    z-index: 3
}

@media (max-width: 1699px) {
    .counter-shape1 {
        display:none !important
    }
}

.counter-sec.style5 {
    position: relative;
    background-color: #F8F8F8;
    border-radius: 20px;
    margin-left: -160px;
    z-index: 2;
    margin-top: 65px;
    padding: 35px 60px
}

@media (max-width: 1199px) {
    .counter-sec.style5 {
        margin-left:0;
        padding: 35px 40px;
        grid-template-columns: repeat(3, 1fr)
    }
}

@media (max-width: 767px) {
    .counter-sec.style5 {
        grid-template-columns:repeat(1, 1fr);
        padding: 0 20px 40px
    }
}

.counter-sec.style5 .th-counterup {
    padding: 0;
    border: none
}

@media (max-width: 767px) {
    .counter-sec.style5 .th-counterup {
        padding-top:20px
    }
}

.counter-sec.style5 .th-counterup .content .counter {
    font-family: var(--title-font);
    font-weight: 600;
    font-size: 48px;
    line-height: 48px;
    color: var(--title-color)
}

.counter-sec.style5 .th-counterup .counter-number {
    color: var(--title-color)
}

.counter-sec.style5 .th-counterup .counter-card_text {
    color: var(--body-color)
}

.counter-sec.style6 {
    padding: 0 70px;
    border-radius: 20px
}

@media (max-width: 767px) {
    .counter-sec.style6 {
        padding:0 30px 66px 30px
    }
}

.counter-sec.style6 .th-counterup {
    padding: 46px 30px 66px 0px
}

@media (max-width: 575px) {
    .counter-sec.style6 .th-counterup {
        padding:46px 30px 0px 0px
    }
}

.counter-area6 {
    position: relative;
    z-index: 3
}

@media (min-width: 1300px) {
    .counter-area6 .th-container {
        --main-container: 1360px
    }
}

@media (max-width: 1600px) {
    .course-slider-1 .slick-arrow {
        display:none !important
    }
}

.course-title {
    font-size: 36px;
    font-weight: 600;
    line-height: 1.417
}

.course-title a {
    color: inherit
}

.course-title a:hover {
    color: var(--theme-color)
}

.course-img {
    border-radius: 10px 10px 0 0;
    overflow: hidden;
    position: relative
}

.course-img img {
    width: 100%;
    -webkit-transition: 0.4s ease-in-out;
    transition: 0.4s ease-in-out
}

.course-img .tag {
    position: absolute;
    top: 20px;
    left: 20px;
    background-color: var(--theme-color2);
    color: var(--white-color);
    font-weight: bold;
    font-size: 14px;
    font-family: var(--body-font);
    padding: 2px 17px;
    border-radius: 999px
}

.course-img .tag i {
    margin-right: 3px
}

.course-img .tag ~ .tag {
    -webkit-transform: translate(calc(100% + 10px), 0);
    -ms-transform: translate(calc(100% + 10px), 0);
    transform: translate(calc(100% + 10px), 0)
}

.course-author {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 15px;
    gap: 15px
}

.course-author .offer-tag {
    margin-left: auto;
    color: var(--theme-color2);
    font-size: 16px;
    font-weight: 500;
    text-transform: uppercase;
    display: block
}

.course-author .offer-tag a {
    color: var(--theme-color2)
}

.course-author .offer-tag a:hover {
    color: var(--theme-color)
}

.course-author .author-name {
    margin-right: auto
}

.author-info {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 10px
}

.author-info img {
    border-radius: 999px;
    width: 30px;
    height: 30px;
    object-fit: cover
}

.author-info .author-name {
    font-size: 18px;
    font-weight: 500;
    color: var(--title-color);
    display: block
}

@media (max-width: 1199px) {
    .author-info .author-name {
        font-size:16px
    }
}

.author-info .author-name:hover {
    color: var(--theme-color) !important
}

.course-rating {
    display: -webkit-inline-box !important;
    display: -webkit-inline-flex !important;
    display: -ms-inline-flexbox !important;
    display: inline-flex !important;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 12px;
    font-family: var(--body-font);
    gap: 3px
}

.course-rating .star-rating {
    width: 75px;
    font-size: 11px
}

.course-meta {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.course-meta a,.course-meta span {
    font-size: 12px
}

.course-meta a i,.course-meta span i {
    margin-right: 5px
}

.course-meta.style2 {
    -webkit-box-pack: start;
    -webkit-justify-content: start;
    -ms-flex-pack: start;
    justify-content: start
}

.course-meta.style2 a,.course-meta.style2 span {
    font-size: 16px
}

.course-meta.style2 a i,.course-meta.style2 span i {
    height: 20px;
    width: 20px;
    line-height: 20px;
    text-align: center;
    border-radius: 5px;
    background: #DDE8FB;
    margin-right: 8px;
    font-size: 12px;
    color: var(--theme-color)
}

.course-meta.style2 a:not(:last-child),.course-meta.style2 span:not(:last-child) {
    margin-right: 30px
}

@media (max-width: 575px) {
    .course-meta.style2 a:not(:last-child),.course-meta.style2 span:not(:last-child) {
        margin-right:20px
    }
}

@media (max-width: 375px) {
    .course-meta.style2 {
        display:block
    }

    .course-meta.style2 span {
        display: block
    }

    .course-meta.style2 span ~ span {
        margin-top: 10px
    }
}

.course-box {
    border-radius: 10px;
    background-color: var(--white-color);
    -webkit-transition: 0.4s ease-in-out;
    transition: 0.4s ease-in-out;
    overflow: hidden
}

.course-box .course-content {
    padding: 0 30px
}

.course-box .course-img {
    margin-bottom: 20px
}

.course-box .course-rating {
    margin-bottom: 14px
}

@media (max-width: 1199px) {
    .course-box .course-rating {
        margin-bottom:9px
    }
}

.course-box .course-title {
    margin-bottom: 12px;
    font-size: 20px;
    font-weight: 500
}

@media (max-width: 1199px) {
    .course-box .course-title {
        font-size:19px
    }
}

.course-box .course-meta {
    padding-bottom: 13px;
    border-bottom: 1px dashed #D0D7E3;
    margin-bottom: 15px
}

.course-box .author-name {
    margin-right: auto
}

.course-box:hover .course-img img {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1)
}

.course-tab-1 {
    margin: 0 -12px
}

.course-tab-1 .tab-btn,.course-tab-1 .nav-link,.course-tab-1 .filter-btn {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    border-radius: 10px;
    background: var(--white-color);
    padding: 30px;
    gap: 20px;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: start;
    -webkit-transition: 0.4s;
    transition: 0.4s;
    cursor: pointer
}

@media (max-width: 1199px) {
    .course-tab-1 .tab-btn,.course-tab-1 .nav-link,.course-tab-1 .filter-btn {
        padding:25px
    }
}

.course-tab-1 .tab-btn .icon,.course-tab-1 .nav-link .icon,.course-tab-1 .filter-btn .icon {
    width: 60px;
    height: 60px;
    line-height: 60px;
    background: #EBF2FF;
    border-radius: 10px;
    display: inline-block;
    -webkit-box-flex: 0;
    -webkit-flex: none;
    -ms-flex: none;
    flex: none;
    text-align: center
}

.course-tab-1 .tab-btn .box-title,.course-tab-1 .nav-link .box-title,.course-tab-1 .filter-btn .box-title {
    text-transform: capitalize;
    font-size: 22px;
    display: block;
    color: var(--title-color)
}

@media (max-width: 1199px) {
    .course-tab-1 .tab-btn .box-title,.course-tab-1 .nav-link .box-title,.course-tab-1 .filter-btn .box-title {
        font-size:18px;
        margin-top: 0
    }
}

.course-tab-1 .tab-btn .text,.course-tab-1 .nav-link .text,.course-tab-1 .filter-btn .text {
    color: var(--body-color);
    text-transform: capitalize;
    font-family: var(--body-font);
    font-weight: 400;
    -webkit-transition: 0.4s;
    transition: 0.4s;
    margin-bottom: -0.4em
}

.course-tab-1 .tab-btn .text a,.course-tab-1 .nav-link .text a,.course-tab-1 .filter-btn .text a {
    color: var(--body-color)
}

.course-tab-1 .tab-btn.active,.course-tab-1 .nav-link.active,.course-tab-1 .filter-btn.active {
    box-shadow: 0px 10px 12px 0px rgba(13,94,244,0.2);
    background: var(--theme-color)
}

.course-tab-1 .tab-btn.active .box-title,.course-tab-1 .nav-link.active .box-title,.course-tab-1 .filter-btn.active .box-title {
    color: var(--white-color)
}

.course-tab-1 .tab-btn.active .icon,.course-tab-1 .nav-link.active .icon,.course-tab-1 .filter-btn.active .icon {
    background: var(--white-color)
}

.course-tab-1 .tab-btn.active .text,.course-tab-1 .nav-link.active .text,.course-tab-1 .filter-btn.active .text {
    color: var(--white-color)
}

.course-tab-1 .tab-btn.active .text a,.course-tab-1 .nav-link.active .text a,.course-tab-1 .filter-btn.active .text a {
    color: var(--white-color)
}

.course-tab-1 .slick-current.slick-active .tab-btn,.course-tab-1 .slick-current.slick-active .nav-link,.course-tab-1 .slick-current.slick-active .filter-btn {
    box-shadow: 0px 10px 12px 0px rgba(13,94,244,0.2);
    background: var(--theme-color)
}

.course-tab-1 .slick-current.slick-active .tab-btn .box-title,.course-tab-1 .slick-current.slick-active .nav-link .box-title,.course-tab-1 .slick-current.slick-active .filter-btn .box-title {
    color: var(--white-color)
}

.course-tab-1 .slick-current.slick-active .tab-btn .icon,.course-tab-1 .slick-current.slick-active .nav-link .icon,.course-tab-1 .slick-current.slick-active .filter-btn .icon {
    background: var(--white-color)
}

.course-tab-1 .slick-current.slick-active .tab-btn .text,.course-tab-1 .slick-current.slick-active .nav-link .text,.course-tab-1 .slick-current.slick-active .filter-btn .text {
    color: var(--white-color)
}

.course-tab-1 .slick-current.slick-active .tab-btn .text a,.course-tab-1 .slick-current.slick-active .nav-link .text a,.course-tab-1 .slick-current.slick-active .filter-btn .text a {
    color: var(--white-color)
}

.course-tab-1 .slick-arrow {
    padding: 0;
    -webkit-filter: drop-shadow(0px 4px 18px rgba(13,94,244,0.24));
    filter: drop-shadow(0px 4px 18px rgba(13,94,244,0.24));
    color: var(--theme-color)
}

.course-tab-1 .slick-arrow:hover {
    color: var(--white-color)
}

@media (max-width: 1600px) {
    .course-tab-1 .slick-arrow {
        display:none !important
    }
}

.course-box.style2 {
    border-radius: 10px;
    background: var(--white-color);
    box-shadow: 0px 10px 20px 0px rgba(223,234,244,0.5)
}

.course-tab-2.tab-menu1 {
    -webkit-box-pack: end;
    -webkit-justify-content: end;
    -ms-flex-pack: end;
    justify-content: end
}

@media (max-width: 991px) {
    .course-tab-2.tab-menu1 {
        -webkit-box-pack:start;
        -webkit-justify-content: start;
        -ms-flex-pack: start;
        justify-content: start
    }
}

.course-tab-2.tab-menu1 .filter-btn {
    font-size: 18px;
    font-weight: 500;
    text-transform: capitalize;
    background: transparent;
    box-shadow: none;
    padding: 0 12px 5px 8px;
    color: var(--title-color);
    border-left: 1px solid transparent;
    -webkit-transition: 0.4s;
    transition: 0.4s;
    border-radius: 0;
    position: relative
}

.course-tab-2.tab-menu1 .filter-btn:after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    background: -webkit-linear-gradient(left, #0d5ef4, rgba(13,94,244,0));
    background: linear-gradient(to right, #0d5ef4, rgba(13,94,244,0));
    width: 0;
    -webkit-transition: 0.4s;
    transition: 0.4s;
    height: 1px
}

.course-tab-2.tab-menu1 .filter-btn.active,.course-tab-2.tab-menu1 .filter-btn:hover {
    color: var(--theme-color);
    border-color: var(--theme-color)
}

.course-tab-2.tab-menu1 .filter-btn.active:after,.course-tab-2.tab-menu1 .filter-btn:hover:after {
    width: 100%
}

.course-sec {
    max-width: 1680px;
    margin-left: auto;
    margin-right: auto;
    position: relative
}

.course-sec .bg-shape {
    position: absolute;
    top: 180px;
    left: 0;
    border-radius: 10px;
    height: calc(100% - 180px);
    width: 100%
}

.meta-box {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 12px
}

.meta-box i {
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    font-size: 14px;
    background-color: var(--theme-color);
    color: var(--white-color);
    box-shadow: 0px 4px 18px rgba(13,94,244,0.24);
    border-radius: 5px
}

.meta-box .text {
    font-size: 16px;
    color: var(--title-color);
    font-weight: 500;
    display: block;
    line-height: 1;
    margin-bottom: 6px
}

.meta-box .number {
    display: block;
    width: 100%;
    line-height: 1;
    font-size: 16px
}

.course-img {
    position: relative
}

.course-img .play-btn {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.course-img .play-btn:after,.course-img .play-btn:before {
    background-color: transparent;
    border: 1px solid var(--white-color)
}

.course-grid {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 50px;
    position: relative;
    gap: 30px;
    border-radius: 10px;
    border: 1px solid #ECF1F9;
    background: var(--white-color);
    box-shadow: 0px 9px 14px 0px #FBFBFB;
    padding: 30px
}

@media (max-width: 375px) {
    .course-grid {
        padding:25px
    }
}

.course-grid:last-of-type {
    margin-bottom: 0
}

.course-grid .course-img {
    min-width: -webkit-fit-content;
    min-width: -moz-fit-content;
    min-width: fit-content;
    position: relative;
    border-radius: 10px;
    -webkit-box-flex: 0;
    -webkit-flex: none;
    -ms-flex: none;
    flex: none;
    height: 100% !important
}

.course-grid .course-img img {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    height: 100%;
    object-fit: cover;
    border-radius: 10px
}

.course-grid .course-img::before {
    content: '';
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-color: #0D2139;
    opacity: 0.2
}

@media (max-width: 1199px) {
    .course-grid .course-img {
        display:none
    }
}

.course-grid .course-content {
    background-color: var(--white-color);
    z-index: 3
}

.course-grid .course-rating {
    font-size: 16px
}

.course-grid .offer-tag {
    color: var(--theme-color2);
    margin-left: auto;
    font-size: 16px;
    font-weight: 500;
    text-transform: uppercase
}

.course-grid .offer-tag a {
    color: var(--theme-color2)
}

.course-grid .offer-tag a:hover {
    color: var(--theme-color)
}

.course-grid .course-title {
    font-size: 24px;
    font-weight: 600;
    margin-top: 10px;
    margin-bottom: 14px
}

.course-grid .course-author {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-top: 20px;
    padding-top: 20px;
    margin-bottom: 0;
    border-top: 1px dashed #D0D7E3
}

.course-grid:nth-of-type(even) {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: row-reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse
}

.course-grid:nth-of-type(even) .course-content {
    right: unset;
    left: 0
}

.course-grid:hover .course-img img {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1)
}

.video-course {
    --box-space: 30px;
    text-align: center
}

.video-course .course-img {
    border-radius: 10px;
    overflow: hidden;
    position: relative;
    z-index: 2
}

.video-course .course-img:before {
    content: '';
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%, #11213D 100%);
    background: linear-gradient(180deg, rgba(0,0,0,0) 0%, #11213D 100%);
    z-index: 1
}

.video-course .play-btn {
    --icon-size: 70px;
    font-size: 1em;
    color: var(--white-color);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.video-course .play-btn>i {
    border: 2px solid;
    background-color: transparent;
    color: var(--white-color)
}

.video-course .play-btn:after,.video-course .play-btn:before {
    background-color: transparent;
    border: 2px solid
}

.video-course .play-btn:hover>i {
    color: var(--theme-color)
}

.video-course .play-btn:hover:after,.video-course .play-btn:hover:before {
    border-color: var(--theme-color)
}

.video-course .tag {
    top: 30px;
    left: 30px
}

.video-course .course-content {
    max-width: calc(100% - var(--box-space)*2);
    margin-left: auto;
    margin-right: auto;
    background: var(--white-color);
    border: 1px solid #ECF1F9;
    box-shadow: 0px 9px 14px rgba(97,94,94,0.06);
    border-radius: 10px;
    margin-top: -54px;
    padding: 30px 15px;
    position: relative;
    z-index: 3
}

.video-course .course-title {
    font-size: 22px;
    font-weight: 600;
    margin-bottom: 3px;
    margin-top: -0.28em
}

.video-course .author-name {
    display: block;
    margin-bottom: -0.45em;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    margin-left: auto;
    margin-right: auto
}

.video-course:hover .course-img img {
    -webkit-transform: scale(1.08);
    -ms-transform: scale(1.08);
    transform: scale(1.08)
}

.course-result-count {
    font-size: 18px;
    font-weight: 500;
    color: var(--title-color);
    display: inline-block
}

@media (max-width: 575px) {
    .course-result-count {
        font-size:16px
    }
}

.course-list {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 40px;
    position: relative;
    padding: var(--blog-space-y, 40px) var(--blog-space-x, 40px);
    border: 1px solid var(--th-border-color);
    box-shadow: 0px 9px 14px #fbfbfb;
    border-radius: 10px;
    margin-bottom: 30px
}

.course-list .course-content {
    max-width: 730px
}

.course-list .course-img {
    min-width: 530px
}

.course-list .course-img .tag {
    right: unset;
    left: 20px
}

.course-list .course-title {
    font-size: 30px;
    font-weight: 600;
    line-height: 1.333
}

.course-list .course-meta {
    max-width: 560px
}

.course-list .course-author {
    max-width: 360px;
    margin-bottom: 17px
}

.course-list .course-text {
    margin-bottom: 20px
}

@media (max-width: 1199px) {
    .course-list .course-img {
        display:none
    }
}

@media (max-width: 991px) {
    .course-list .course-title {
        font-size:24px;
        margin-bottom: 10px
    }

    .course-list .course-author {
        max-width: 360px;
        margin-bottom: 10px
    }

    .course-list .course-text {
        margin-bottom: 15px
    }
}

@media (max-width: 767px) {
    .course-list {
        --blog-space-x: 20px
    }

    .course-list .course-author {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        gap: 3px 10px
    }
}

.course-author-box {
    margin-top: 40px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    background-color: var(--smoke-color);
    border-radius: 8px;
    overflow: hidden
}

.course-author-box .auhtor-img {
    min-height: 100%
}

.course-author-box .auhtor-img img {
    height: 100%;
    object-fit: cover;
    object-position: center center
}

.course-author-box .author-name {
    font-size: 24px;
    margin-top: -0.2em;
    margin-bottom: 10px
}

.course-author-box .author-text {
    margin-bottom: 15px
}

.course-author-box .media-body {
    padding: 35px 40px 30px 40px;
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center
}

.course-author-box .th-social a {
    border-radius: 6px;
    --icon-size: 36px;
    font-size: 13px
}

.course-tags a {
    display: inline-block;
    background-color: var(--theme-color);
    color: var(--white-color);
    border-radius: 999px;
    padding: 0 15px;
    font-size: 12px;
    font-weight: 500;
    text-transform: uppercase;
    margin-bottom: 4px
}

.course-tags a:hover {
    background-color: var(--theme-color2)
}

.course-single-meta {
    padding: 0;
    margin: 0
}

.course-single-meta li {
    list-style: none;
    display: inline-block
}

.course-single-meta li:not(:last-child) {
    margin-right: 50px;
    padding-right: 50px;
    position: relative;
    border-right: 1px solid #D0DBE9
}

@media (max-width: 1399px) {
    .course-single-meta li:not(:last-child) {
        margin-right:30px;
        padding-right: 30px
    }
}

@media (max-width: 1299px) {
    .course-single-meta li:not(:last-child) {
        margin-right:25px;
        padding-right: 25px
    }
}

@media (max-width: 1199px) {
    .course-single-meta li:not(:last-child) {
        padding-right:0;
        border-right: 0
    }
}

@media (max-width: 375px) {
    .course-single-meta li:not(:last-child) {
        display:block
    }
}

@media (max-width: 767px) {
    .course-single-meta li {
        width:40%;
        margin-bottom: 20px
    }
}

@media (max-width: 375px) {
    .course-single-meta li {
        width:auto
    }
}

.course-single-meta li.course-single-meta-author {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 10px
}

.course-single-meta li.course-single-meta-author img {
    -webkit-box-flex: 0;
    -webkit-flex: none;
    -ms-flex: none;
    flex: none;
    max-width: 40px;
    border-radius: 50%
}

.course-single-meta li .meta-title {
    display: block;
    font-size: 14px;
    font-family: var(--body-font)
}

.course-single-meta li a {
    font-size: 16px;
    font-weight: 500;
    font-family: var(--title-font);
    color: var(--title-color)
}

.course-single-meta li a:hover {
    color: var(--theme-color)
}

.course-single-meta li .course-rating {
    font-size: 16px
}

@media (max-width: 767px) {
    .course-single-meta {
        margin-bottom:-20px
    }
}

.course-tab {
    gap: 1px;
    position: relative
}

.course-tab .nav-link {
    font-size: 14px;
    font-weight: 500;
    text-transform: uppercase;
    background-color: #F3F7FB;
    padding: 20px 20px;
    color: var(--body-color);
    width: 100%;
    text-align: center;
    border-top: 5px solid transparent;
    -webkit-transition: 0.4s;
    transition: 0.4s
}

@media (max-width: 1199px) {
    .course-tab .nav-link {
        padding:20px 14px
    }
}

.course-tab .nav-link:hover,.course-tab .nav-link.active {
    color: var(--theme-color)
}

.course-tab .nav-link.active {
    background: transparent;
    border-top: 2px solid var(--theme-color);
    border-radius: 5px 0px 0px 0px
}

.course-tab .nav-link i {
    margin-right: 8px
}

.course-tab .nav-item {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.course-tab .indicator {
    position: absolute;
    top: 0;
    left: 0;
    height: 3px !important;
    background-color: var(--theme-color);
    -webkit-transition: 0.4s ease-in-out;
    transition: 0.4s ease-in-out
}

.th-video.style2 {
    border-radius: 10px;
    margin-bottom: 25px
}

.th-video.style2 img {
    width: 100%
}

.th-video.style2 .play-btn>i {
    background-color: var(--white-color);
    color: var(--theme-color)
}

.th-video.style2 .play-btn:after,.th-video.style2 .play-btn:before {
    background-color: var(--white-color)
}

.widget_info.style2 {
    background-color: var(--white-color);
    box-shadow: 0px 6px 50px rgba(0,0,0,0.06);
    border-radius: 20px
}

.widget_info.style2 .th-btn {
    display: block;
    text-align: center
}

.widget_info.style2 .widget_title {
    margin: 29px 0 20px 0
}

.course-price {
    display: block;
    font-family: var(--title-font);
    font-weight: 600;
    font-size: 24px;
    line-height: 34px;
    color: var(--theme-color);
    margin-bottom: 19px;
    text-align: center
}

.course-price .tag {
    display: inline-block;
    font-size: 16px;
    color: var(--body-color);
    font-weight: 500
}

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

.info-list i {
    color: var(--theme-color);
    width: 16px;
    margin-right: 2px;
    font-size: 16px
}

.info-list strong {
    font-weight: 500;
    color: var(--title-color)
}

.info-list li {
    border-bottom: 1px dashed #d3dbeb;
    padding: 12px 0
}

.info-list li:last-child {
    border-bottom: none;
    padding-bottom: 0;
    margin-bottom: -0.45em
}

.author-meta {
    margin-bottom: 18px
}

.author-meta a,.author-meta span {
    color: var(--title-color);
    margin-right: 20px;
    font-weight: 500
}

.author-meta a i,.author-meta span i {
    margin-right: 8px;
    color: var(--theme-color)
}

.author-meta a:hover,.author-meta span:hover {
    color: var(--theme-color)
}

.author-meta a:last-child,.author-meta span:last-child {
    margin-right: 0
}

.course-description {
    padding-top: 50px;
    padding-bottom: 20px;
}

.course-description>p:last-of-type {
    margin-bottom: 5px
}

.course-curriculam {
    padding-top: 30px
}

.course-instructor {
    width: 100%
}

.course-Reviews .th-comment-form,.course-Reviews .th-comments-wrap {
    padding: 40px 0 40px 0;
    margin: 0
}

.course-Reviews .th-comment-form {
    margin-top: 0;
    margin-bottom: 10px;
    padding: 0;
    box-shadow: none
}

.course-single-top {
    position: relative;
    margin-bottom: var(--blog-space-y, 40px);
    padding: var(--blog-space-y, 40px) var(--blog-space-x, 40px);
    background-color: var(--white-color);
    box-shadow: 0px 6px 50px rgb(0 0 0 / 15%);
    border-radius: 20px
}

.course-single .course-title {
    font-size: 48px;
    font-weight: 600;
    line-height: 1.278;
    margin-bottom: 25px;
    margin-top: 15px
}

@media (max-width: 1399px) {
    .course-single .course-title {
        font-size:30px
    }
}

@media (max-width: 1299px) {
    .course-single .course-title {
        font-size:28px
    }
}

.course-single .course-img {
    margin-bottom: var(--blog-space-y, 30px);
    border-radius: 10px
}

.course-single .course-img .tag {
    top: 30px;
    left: 30px
}

.course-single .course-tags {
    margin-bottom: 15px
}

.course-single-bottom {
    position: relative;
    margin-bottom: 0;
    overflow: hidden;
    /* margin-top: 50px; */
}

@media (max-width: 1199px) {
    .course-single {
        --blog-space-x: 20px
    }

    .course-single .course-title {
        font-size: 30px
    }

    .course-single-meta .text-theme {
        display: none
    }

    .course-single-meta>a,.course-single-meta>span,.course-single-meta>div {
        font-size: 14px;
        margin-right: 5px;
        padding-right: 10px
    }

    .course-author-box .auhtor-img {
        min-height: 100%;
        max-width: 200px
    }
}

@media (max-width: 991px) {
    .course-single {
        --blog-space-x: 40px
    }
}

@media (max-width: 767px) {
    .course-single {
        --blog-space-x: 20px
    }

    .course-single .course-title {
        font-size: 24px;
        margin-bottom: 18px
    }

    .course-single .course-img {
        margin-bottom: 25px
    }

    .course-single .course-img img {
        min-height: 230px;
        object-fit: cover
    }

    .course-tab .nav-link i {
        margin-right: 0;
        display: block
    }

    .course-single-meta>a,.course-single-meta>span,.course-single-meta>div {
        padding-right: 5px
    }

    .course-single-meta>a i,.course-single-meta>span i,.course-single-meta>div i {
        margin-right: 5px
    }

    .course-single-meta>a:after,.course-single-meta>span:after,.course-single-meta>div:after {
        display: none
    }

    .course-author-box {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .course-author-box .auhtor-img {
        min-height: 100%;
        max-width: 100%
    }

    .course-author-box .auhtor-img img {
        width: 100%
    }
}

@media (max-width: 575px) {
    .course-tab .nav-link {
        padding:12px
    }

    .course-author-box .media-body {
        padding: 35px 20px 35px 20px
    }
}

@media (max-width: 460px) {
    .course-tab .nav-item {
        -webkit-flex-basis:49%;
        -ms-flex-preferred-size: 49%;
        flex-basis: 49%
    }
}

@media (max-width: 375px) {
    .course-single .course-title {
        font-size:20px
    }
}

.course-sort-bar.th-sort-bar {
    background: var(--smoke-color);
    border-radius: 10px;
    padding: 28px 34px 23px
}

.course-sort-bar.th-sort-bar .woocommerce-result-count {
    font-family: var(--title-font);
    font-size: 18px;
    font-weight: 500
}

.course-box2 {
    border-radius: 10px;
    background-color: var(--white-color);
    -webkit-transition: 0.4s ease-in-out;
    transition: 0.4s ease-in-out;
    padding: var(--box-space-x, 30px) var(--box-space-x, 30px) 0 var(--box-space-x, 30px);
    overflow: hidden
}

.course-box2 .course-img {
    margin-bottom: 20px;
    border-radius: 10px
}

.course-box2 .course-title {
    margin-bottom: 21px
}

.course-box2 .course-meta {
    padding-top: 20px;
    padding-bottom: 20px;
    border-top: 1px dashed #D0D7E3
}

.course-box2:hover:hover {
    box-shadow: 0px 3px 0px #DFEAF4
}

.course-box2:hover .course-img img {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1)
}

.course-box2.style2 {
    border: 1px solid #ECF1F9;
    box-shadow: 0px 9px 14px #FBFBFB
}

.course-box2.style3 {
    background-color: var(--smoke-color);
    border-radius: 10px;
    padding: 0
}

.course-box2.style3 .course-meta a,.course-box2.style3 .course-meta span {
    font-size: 16px
}

.course-box2.style3 .course-title {
    font-weight: 600
}

.course-box2.style3 .course-content {
    padding: 12px 40px 0 40px
}

.course-box2.style3 .course-content .author-info img {
    width: 45px;
    height: 45px
}

.course-box2.style3 .course-author {
    margin-bottom: 30px
}

.course-box2.style3 .course-img {
    border-radius: 0
}

.course-box2.style3 .tag {
    top: 30px;
    right: 30px;
    left: auto
}

.course-box2.style3:hover {
    box-shadow: none
}

@media (max-width: 1399px) {
    .course-box2.style3 .course-content {
        padding:2px 30px 0 30px
    }

    .course-box2.style3 .course-author {
        margin-bottom: 25px
    }
}

@media (max-width: 1199px) {
    .course-box2.style3 .course-meta {
        padding-top:18px;
        padding-bottom: 18px
    }
}

@media (max-width: 991px) {
    .course-box2.style3 .course-meta a,.course-box2.style3 .course-meta span {
        font-size:14px
    }
}

@media (max-width: 375px) {
    .course-box2.style3 .course-content {
        padding:0px 20px 0 20px
    }

    .course-box2.style3 .course-title {
        font-size: 20px
    }

    .course-box2.style3 .author-info img {
        max-width: 35px
    }

    .course-box2.style3 .course-meta {
        padding-top: 12px;
        padding-bottom: 12px
    }

    .course-box2.style3 .course-meta a,.course-box2.style3 .course-meta span {
        font-size: 12px
    }
}

.course-grid2 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 50px;
    position: relative
}

.course-grid2:last-of-type {
    margin-bottom: 0
}

.course-grid2 .course-img {
    min-width: -webkit-fit-content;
    min-width: -moz-fit-content;
    min-width: fit-content;
    width: 60%;
    position: relative;
    height: 392px;
    border-radius: 10px
}

.course-grid2 .course-img img {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    height: 100%;
    object-fit: cover
}

.course-grid2 .course-img::before {
    content: '';
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-color: #0D2139;
    opacity: 0.2
}

.course-grid2 .course-content {
    background-color: var(--white-color);
    min-width: 50%;
    box-shadow: 0px 4px 29px rgba(152,170,204,0.15);
    border-radius: 10px;
    padding: 70px;
    position: absolute;
    bottom: 50%;
    right: 0;
    z-index: 3;
    -webkit-transform: translateY(50%);
    -ms-transform: translateY(50%);
    transform: translateY(50%)
}

.course-grid2 .course-title {
    font-size: 30px;
    font-weight: 600;
    margin-top: -0.3em;
    margin-bottom: 2px
}

.course-grid2 .course-author {
    display: block;
    margin-bottom: 20px;
    padding-bottom: 12px;
    border-bottom: 1px dashed #D0D7E3
}

.course-grid2:nth-of-type(even) {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: row-reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse
}

.course-grid2:nth-of-type(even) .course-content {
    right: unset;
    left: 0
}

@media (max-width: 1399px) {
    .course-grid2 .course-img {
        min-width:auto
    }

    .course-grid2 .course-img img {
        width: 100%
    }
}

@media (max-width: 1199px) {
    .course-grid2 .course-img {
        width:45%
    }
}

@media (max-width: 991px) {
    .course-grid2 .course-img {
        width:80%
    }

    .course-grid2 .course-content {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
        bottom: 0;
        padding: 30px
    }

    .course-grid2 .course-img .play-btn {
        -webkit-transform: translate(-50%, -120%);
        -ms-transform: translate(-50%, -120%);
        transform: translate(-50%, -120%)
    }
}

@media (max-width: 767px) {
    .course-grid2 {
        -webkit-box-orient:vertical !important;
        -webkit-box-direction: normal !important;
        -webkit-flex-direction: column !important;
        -ms-flex-direction: column !important;
        flex-direction: column !important;
        margin-bottom: 10px
    }

    .course-grid2:last-of-type {
        margin-bottom: -20px
    }

    .course-grid2 .course-img {
        width: 100%;
        height: 280px
    }

    .course-grid2 .course-content {
        bottom: unset;
        top: -20px;
        padding: 30px 15px;
        position: relative
    }

    .course-grid2 .course-img .play-btn {
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%)
    }

    .course-grid2 .course-title {
        font-size: 24px
    }
}

@media (max-width: 575px) {
    .course-grid2 .course-meta {
        -webkit-flex-wrap:wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        gap: 10px
    }

    .course-grid2 .meta-box i {
        display: none
    }
}

@media (max-width: 375px) {
    .course-grid2 .course-title {
        font-size:24px;
        margin-bottom: 9px;
        line-height: 1.3
    }
}

.testi-item.style6 {
    border-radius: 20px
}

.testi-item.style6:before {
    -webkit-clip-path: path("M70 50V0L55 20V45C55 50.5228 50.5228 55 45 55H20L0 70H50C61.0457 70 70 61.0457 70 50Z");
    clip-path: path("M70 50V0L55 20V45C55 50.5228 50.5228 55 45 55H20L0 70H50C61.0457 70 70 61.0457 70 50Z")
}

.testi-card-2 {
    text-align: left;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    gap: 70px
}

@media (max-width: 991px) {
    .testi-card-2 {
        gap:30px
    }
}

@media (max-width: 767px) {
    .testi-card-2 {
        display:block
    }
}

.testi-card-2_img {
    position: relative;
    min-width: 330px;
    margin: 20px 0
}

@media (max-width: 575px) {
    .testi-card-2_img {
        min-width:100%
    }
}

@media (max-width: 991px) {
    .testi-card-2_img {
        min-width:250px;
        margin: 30px 0 0 0
    }
}

@media (max-width: 575px) {
    .testi-card-2_img {
        width:100%;
        height: 100%
    }
}

.testi-card-2_img img {
    width: 100%;
    object-fit: cover;
    border-radius: 20px
}

.testi-card-2_content {
    max-width: 640px
}

@media (max-width: 991px) {
    .testi-card-2_content {
        max-width:100%
    }
}

.testi-card-2_text {
    font-family: var(--title-font);
    font-weight: 600;
    font-size: 36px;
    line-height: 46px;
    color: var(--title-color);
    margin-bottom: 32px
}

@media (max-width: 1199px) {
    .testi-card-2_text {
        font-size:26px;
        line-height: 36px
    }
}

@media (max-width: 991px) {
    .testi-card-2_text {
        font-size:20px;
        line-height: 30px
    }
}

@media (max-width: 575px) {
    .testi-card-2_text {
        font-size:18px;
        line-height: 28px
    }
}

.testi-card-2_name {
    font-family: var(--title-font);
    font-weight: 500;
    font-size: 20px;
    line-height: 30px;
    color: var(--title-color);
    display: block;
    margin-bottom: 10px
}

.testi-card-2_desig {
    font-size: 14px;
    display: block
}

.testi-card-2_wrapp {
    position: relative;
    padding: 0 0 0 80px;
    z-index: 2;
    display: block
}

.testi-card-2_wrapp:before {
    content: '';
    position: absolute;
    left: 14px;
    bottom: 18px;
    width: 60px;
    height: 1px;
    border-top: 1px solid var(--title-color)
}

.testi-card-2_wrapp:after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 4px;
    width: 30px;
    height: 30px;
    background-color: var(--theme-color);
    z-index: -1
}

.testi-card-2-slide {
    position: relative;
    background-color: var(--white-color);
    padding: 60px;
    box-shadow: 0px 10px 100px rgba(0,53,101,0.08);
    border-radius: 30px;
    margin: 0
}

@media (max-width: 991px) {
    .testi-card-2-slide {
        padding:40px
    }
}

@media (max-width: 575px) {
    .testi-card-2-slide {
        padding:30px
    }
}

.testi-card-2-slide .slick-dots {
    position: absolute;
    top: 35%;
    right: 30px;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg)
}

.testi-card-2-slide .slick-dots:before,.testi-card-2-slide .slick-dots:after {
    display: none
}

.testi-card-2-slide .slick-dots li {
    margin-right: 5px
}

.testi-card-2-slide .slick-dots li.slick-active button {
    background-color: var(--theme-color)
}

.testi-card-2-slide .slick-dots button {
    width: 10px;
    height: 10px;
    background-color: var(--th-border-color)
}

.testi-card-2-slide .slick-dots button:before {
    display: none
}

.testi-slide-area {
    position: relative;
    z-index: 2
}

.testi-slide-area .testi-shape {
    position: absolute;
    right: 90px;
    top: 50px
}

@media (max-width: 991px) {
    .testi-slide-area .testi-shape {
        display:none
    }
}

.testi-slide-area .icon-box {
    position: absolute;
    left: 60px;
    bottom: 60px
}

@media (max-width: 991px) {
    .testi-slide-area .icon-box {
        bottom:40px
    }
}

.testi-slide-area .icon-box .slick-arrow {
    --icon-size: 40px;
    line-height: var(--icon-size, 40px);
    background-color: transparent;
    color: var(--title-color);
    border: 2px solid var(--theme-color);
    font-size: var(--icon-font-size, 18px)
}

.testi-slide-area .icon-box .slick-arrow:hover {
    background-color: var(--theme-color);
    color: var(--white-color)
}

.testi-slide-area .testi-shape2 {
    position: absolute;
    top: -50px;
    left: -50px;
    width: 430px;
    height: 590px;
    border-radius: 30px;
    border: 14px solid var(--theme-color);
    z-index: -1;
    -webkit-animation: dance2 4s alternate infinite;
    animation: dance2 4s alternate infinite
}

.testi-slide-area10 {
    position: relative
}

.testi-slide-area10 .slick-dots {
    display: none !important
}

.testi-slide-area10 .icon-box {
    display: block
}

.testi-slide-area10 .icon-box .slick-arrow {
    background-color: transparent;
    width: auto;
    height: auto;
    position: absolute;
    left: 0%;
    top: -15px;
    -webkit-transform: translate(-50%, 50%);
    -ms-transform: translate(-50%, 50%);
    transform: translate(-50%, 50%)
}

.testi-slide-area10 .icon-box .slick-arrow.style2 {
    left: unset;
    right: -15px;
    color: var(--body-color)
}

.testi-slide-area10 .indicator-number {
    position: absolute;
    bottom: 7%;
    left: 45%;
    -webkit-transform: translate(-50%, 50%);
    -ms-transform: translate(-50%, 50%);
    transform: translate(-50%, 50%)
}

@media (max-width: 1199px) {
    .testi-slide-area10 .indicator-number {
        position:relative;
        left: 50%
    }
}

.testi-slide-area10 .indicator-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 0px
}

.testi-slide-area10 .pagingInfo {
    position: absolute;
    bottom: 7%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.testi-slide-area10 .pagingInfo1 {
    font-family: var(--title-font);
    font-weight: 300;
    font-size: 64px;
    line-height: 74px;
    color: var(--white-color)
}

.testi-slide-area10 .pagingInfo2 {
    font-weight: 400;
    font-size: 16px;
    line-height: 26px;
    color: var(--body-color)
}

.testi-slide-area10 .number-pagination {
    width: 5%;
    font-weight: 300;
    font-size: 64px;
    line-height: 74px;
    color: var(--white-color)
}

.testi-slide-area10 .total-pagination {
    position: relative;
    width: 5%;
    font-weight: 400;
    font-size: 16px;
    line-height: 26px;
    color: var(--body-color)
}

.testi-slide-area10 .total-pagination:before {
    content: "";
    position: absolute;
    left: -8px;
    top: 0px;
    width: 2px;
    height: 22px;
    background-color: var(--body-color);
    -webkit-transform: rotate(15deg);
    -ms-transform: rotate(15deg);
    transform: rotate(15deg)
}

.testi-slide-area10 .progress-wrapper {
    min-width: 90px;
    --space: 38%
}

.testi-slide-area10 .progress {
    opacity: 0
}

.testi-card-3 {
    text-align: left;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    gap: 60px
}

@media (max-width: 1199px) {
    .testi-card-3 {
        gap:30px
    }
}

@media (max-width: 991px) {
    .testi-card-3 {
        display:block
    }
}

@media (max-width: 767px) {
    .testi-card-3 {
        display:block
    }
}

.testi-card-3_img {
    position: relative;
    min-width: 387px;
    border-radius: 20px
}

@media (max-width: 991px) {
    .testi-card-3_img {
        margin-bottom:40px
    }
}

@media (max-width: 575px) {
    .testi-card-3_img {
        min-width:100%
    }
}

@media (max-width: 991px) {
    .testi-card-3_img {
        min-width:387px;
        border-radius: 20px
    }
}

@media (max-width: 575px) {
    .testi-card-3_img {
        min-width:100%;
        height: 100%
    }
}

.testi-card-3_img img {
    width: 100%;
    object-fit: cover;
    border-radius: 20px
}

.testi-card-3_text {
    font-family: var(--title-font);
    font-weight: 400;
    font-size: 20px;
    line-height: 30px;
    color: var(--body-color);
    margin-bottom: 0;
    max-width: 600px
}

@media (max-width: 1199px) {
    .testi-card-3_text {
        font-size:26px;
        line-height: 36px
    }
}

@media (max-width: 991px) {
    .testi-card-3_text {
        font-size:20px;
        line-height: 30px
    }
}

@media (max-width: 575px) {
    .testi-card-3_text {
        font-size:18px;
        line-height: 28px
    }
}

.testi-card-3_name {
    font-family: var(--title-font);
    font-weight: 600;
    font-size: 48px;
    line-height: 54px;
    text-transform: capitalize;
    color: var(--white-color);
    display: block;
    margin-top: -0.5rem;
    margin-bottom: 30px
}

.testi-card-3_desig {
    font-family: var(--body-font);
    font-weight: 400;
    font-size: 16px;
    line-height: 26px;
    color: var(--white-color);
    display: block;
    margin-bottom: 10px
}

.testi-card-3 .star-icon {
    margin-bottom: 25px
}

.testi-card-3 .star-icon a {
    color: #FFC700
}

.testi-card-3_wrapp {
    position: relative;
    padding: 0 0 0 80px;
    z-index: 2;
    display: block
}

.testi-card-3_wrapp:before {
    content: '';
    position: absolute;
    left: 14px;
    bottom: 18px;
    width: 60px;
    height: 1px;
    border-top: 1px solid var(--title-color)
}

.testi-card-3_wrapp:after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 4px;
    width: 30px;
    height: 30px;
    background-color: var(--theme-color);
    z-index: -1
}

.testi-card-3-slide {
    position: relative;
    background-color: var(--white-color);
    padding: 60px;
    box-shadow: 0px 10px 100px rgba(0,53,101,0.08);
    border-radius: 30px;
    margin: 0
}

@media (max-width: 991px) {
    .testi-card-3-slide {
        padding:40px
    }
}

@media (max-width: 575px) {
    .testi-card-3-slide {
        padding:30px
    }
}

.testi-card-3-slide .slick-dots {
    position: absolute;
    top: 35%;
    right: 30px;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg)
}

.testi-card-3-slide .slick-dots:before,.testi-card-3-slide .slick-dots:after {
    display: none
}

.testi-card-3-slide .slick-dots li {
    margin-right: 5px
}

.testi-card-3-slide .slick-dots li.slick-active button {
    background-color: var(--theme-color)
}

.testi-card-3-slide .slick-dots button {
    width: 10px;
    height: 10px;
    background-color: var(--th-border-color)
}

.testi-card-3-slide .slick-dots button:before {
    display: none
}

.testi-review {
    position: absolute;
    right: -15%;
    top: 15%;
    z-index: 9;
    -webkit-transform: translate(-50%, 50%);
    -ms-transform: translate(-50%, 50%);
    transform: translate(-50%, 50%)
}

.testi-review .review-text {
    font-size: 160px;
    font-weight: 700;
    -ms-transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    color: rgba(255,255,255,0.02);
    margin: 0;
    min-width: 676px
}

@media (max-width: 1399px) {
    .testi-shape1 {
        display:none !important
    }
}

.footer-layout8 .widget-area {
    padding-top: 163px !important
}

.footer-menu {
    margin: 0;
    padding: 16px 0;
    text-align: center
}

.footer-menu li {
    display: inline-block;
    margin-right: 53px
}

@media (max-width: 991px) {
    .footer-menu li {
        margin-right:30px
    }
}

@media (max-width: 991px) {
    .footer-menu li {
        margin-right:18px
    }
}

@media (max-width: 767px) {
    .footer-menu li {
        margin-right:16px
    }
}

.footer-menu li a {
    padding: 43px 0;
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    color: var(--white-color);
    text-transform: uppercase
}

@media (max-width: 991px) {
    .footer-menu li a {
        font-size:14px
    }
}

@media (max-width: 767px) {
    .footer-menu li a {
        font-size:12px
    }
}

.footer-menu li a:hover {
    color: var(--theme-color)
}

.info-box {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 13px;
    padding: 20px 0
}

.info-box:not(:last-child) {
    border-right: 1px solid rgba(255,255,255,0.1)
}

@media (max-width: 991px) {
    .info-box:not(:last-child) {
        border:none
    }
}

.info-box:last-child {
    max-width: 231px;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    margin: auto
}

.info-box_wrapper {
    max-width: 100%;
    display: grid;
    grid-template-columns: auto auto auto;
    margin: 40px 0;
    border-top: 1px solid rgba(255,255,255,0.1);
    border-bottom: 1px solid rgba(255,255,255,0.1)
}

@media (max-width: 991px) {
    .info-box_wrapper {
        grid-template-columns:auto auto
    }
}

@media (max-width: 575px) {
    .info-box_wrapper {
        grid-template-columns:auto
    }
}

.info-box_icon {
    margin-top: 5px
}

.info-box_icon i {
    font-size: 20px;
    color: var(--theme-color)
}

.info-box_text {
    margin-bottom: 0
}

.info-box_text a {
    font-family: var(--body-font);
    font-weight: 400;
    font-size: 16px;
    line-height: 26px;
    color: var(--body-color);
    display: block
}

.newsletter-form.style5 {
    display: block
}

.newsletter-form.style5 .form-control {
    position: relative;
    max-width: 100%;
    width: 100%;
    height: 56px;
    background: #1F2432;
    border-radius: 30px
}

.newsletter-form.style5 .newsletter-btn {
    position: absolute;
    top: 15px;
    right: 25px;
    background: transparent;
    border: none;
    color: var(--theme-color);
    font-size: 20px;
    padding: 0;
    border-left: 1px solid rgba(255,255,255,0.2);
    padding-left: 26px
}

.why-area3 {
    position: relative;
    background-color: #10131C;
    z-index: 2
}

.why-image3 {
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    width: 47.2%;
    height: 100%
}

@media (min-width: 1930px) {
    .why-image3 {
        width:48%
    }
}

@media (max-width: 1199px) {
    .why-image3 {
        display:none
    }
}

.why-image3 img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.feature-wrapper.style3 .icon-btn:hover {
    background-color: var(--white-color);
    border-color: var(--white-color);
    color: var(--theme-color)
}

.feature-wrapper.style3 .header-info_label {
    color: var(--white-color)
}

.feature-wrapper.style3 .header-info_link {
    color: var(--white-color)
}

.img-box11 {
    position: relative;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 30px
}

@media (max-width: 1199px) {
    .img-box11 {
        margin-bottom:50px
    }
}

.img-box11 .img1 img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 20px
}

.img-box11 .img2 {
    margin-top: -90px
}

.img-box11 .img2 img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 20px
}

.choose-shape {
    text-align: center
}

.choose-area4 {
    position: relative;
    background-color: #10131C;
    z-index: 2
}

.choose-about {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    gap: 20px;
    max-width: 516px;
    margin-bottom: 30px;
    -webkit-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out
}

.choose-about:last-child {
    margin-bottom: 0
}

.choose-about .box-title {
    color: var(--white-color);
    margin-bottom: 12px
}

.choose-about_icon {
    position: relative;
    width: 80px;
    height: 80px;
    line-height: 80px;
    background-color: #1F2432;
    border-radius: 50%;
    text-align: center;
    z-index: 2
}

.choose-about_icon:before {
    content: url("data:image/svg+xml,%3Csvg width='8' height='44' viewBox='0 0 8 44' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath opacity='0.3' d='M3.64644 43.3536C3.84171 43.5488 4.15829 43.5488 4.35355 43.3536L7.53553 40.1716C7.73079 39.9763 7.73079 39.6597 7.53553 39.4645C7.34027 39.2692 7.02369 39.2692 6.82843 39.4645L4 42.2929L1.17157 39.4645C0.976309 39.2692 0.659726 39.2692 0.464464 39.4645C0.269202 39.6597 0.269202 39.9763 0.464464 40.1716L3.64644 43.3536ZM3.5 0.5L3.5 1.46591L4.5 1.46591L4.5 0.5L3.5 0.5ZM3.5 3.39773L3.5 5.32955L4.5 5.32955L4.5 3.39773L3.5 3.39773ZM3.5 7.26136L3.5 9.19318L4.5 9.19318L4.5 7.26136L3.5 7.26136ZM3.5 11.125L3.5 13.0568L4.5 13.0568L4.5 11.125L3.5 11.125ZM3.5 14.9886L3.5 16.9205L4.5 16.9205L4.5 14.9886L3.5 14.9886ZM3.5 18.8523L3.5 20.7841L4.5 20.7841L4.5 18.8523L3.5 18.8523ZM3.5 22.7159L3.5 24.6477L4.5 24.6477L4.5 22.7159L3.5 22.7159ZM3.5 26.5795L3.5 28.5114L4.5 28.5114L4.5 26.5795L3.5 26.5795ZM3.5 30.4432L3.5 32.375L4.5 32.375L4.5 30.4432L3.5 30.4432ZM3.5 34.3068L3.5 36.2386L4.5 36.2386L4.5 34.3068L3.5 34.3068ZM3.5 38.1705L3.5 40.1023L4.5 40.1023L4.5 38.1705L3.5 38.1705ZM3.5 42.0341L3.5 43L4.5 43L4.5 42.0341L3.5 42.0341Z' fill='white'/%3E%3C/svg%3E%0A");
    position: absolute;
    left: 35px;
    top: 80px;
    width: 10px;
    height: 50px;
    z-index: -1
}

.choose-about_icon:before:last-child {
    display: none
}

.choose-about_icon img {
    -webkit-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out
}

.choose-about_text {
    margin-bottom: 0
}

.choose-about:hover .choose-about_icon img {
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg)
}

.choose-about:last-child .choose-about_icon:before {
    display: none
}

.choose-image {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    gap: 30px;
    margin-right: -200px
}

@media (max-width: 1699px) {
    .choose-image {
        margin-right:-150px
    }
}

@media (max-width: 1599px) {
    .choose-image {
        margin-right:-100px
    }
}

@media (max-width: 1199px) {
    .choose-image {
        margin-top:40px;
        margin-right: 0
    }
}

@media (max-width: 375px) {
    .choose-image {
        display:block
    }
}

.choose-image .img1 img {
    border-radius: 20px;
    -webkit-clip-path: polygon(10% 0, 100% 0, 100% 30%, 100% 70%, 100% 100%, 30% 100%, 0 100%, 0 11%);
    clip-path: polygon(10% 0, 100% 0, 100% 30%, 100% 70%, 100% 100%, 30% 100%, 0 100%, 0 11%)
}

.choose-image .img1:last-child img {
    -webkit-clip-path: polygon(0 0, 100% 0, 100% 30%, 100% 86%, 89% 100%, 30% 100%, 0 100%, 0 11%);
    clip-path: polygon(0 0, 100% 0, 100% 30%, 100% 86%, 89% 100%, 30% 100%, 0 100%, 0 11%)
}

@media (max-width: 375px) {
    .choose-image .img1:last-child img {
        margin-top:30px
    }
}

.choose-shape-image {
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    z-index: -1
}

@media (max-width: 1199px) {
    .choose-shape-image {
        display:none
    }
}

.choose-shape-image img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.choose-shape-image:before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(0,76,255,0.94)
}

.choose-item-wrapper {
    background-color: var(--white-color);
    box-shadow: 0px 10px 100px rgba(0,0,0,0.08);
    border-radius: 30px;
    padding: 60px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    gap: 60px
}

@media (max-width: 1199px) {
    .choose-item-wrapper {
        display:block;
        padding: 40px
    }
}

@media (max-width: 575px) {
    .choose-item-wrapper {
        padding:30px
    }
}

.choose-item-wrapper .choose-image3 {
    min-width: 535px;
    border-radius: 20px
}

@media (max-width: 1199px) {
    .choose-item-wrapper .choose-image3 {
        margin-bottom:40px;
        min-width: 100%
    }
}

.choose-item-wrapper .choose-image3 img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 20px
}

.skill-card.style4 {
    margin-bottom: 38px
}

.skill-feature.style4 {
    margin-bottom: 20px
}

.skill-feature.style4 .progress-number-wrapper,.skill-feature.style4 .progress-number-mark {
    font-size: 16px;
    line-height: 34px;
    height: 34px;
    font-weight: 500;
    color: var(--title-color)
}

.blog-grid.style4 {
    background-color: transparent;
    box-shadow: none
}

.blog-grid.style4 .blog-img {
    border-radius: 20px;
    margin-bottom: 40px
}

.blog-grid.style4 .blog-img img {
    border-radius: 20px
}

.blog-grid.style4 .blog-grid_content {
    padding: 0
}

.blog-grid.style4 .box-title {
    font-size: 36px;
    line-height: 46px;
    font-weight: 600;
    margin-bottom: 30px
}

.blog-grid.style4 .th-btn {
    padding: 16px 40px
}

.blog-sec5 {
    position: relative;
    background-color: #F8F8F8;
    margin-bottom: -105px;
    padding-bottom: 185px;
    border-radius: 100px;
    -webkit-clip-path: path("M1920 100C1920 44.7715 1875.23 0 1820 0H100C44.7715 0 0 44.7714 0 99.9999V827.314C0 882.542 44.7715 927.314 100 927.314H519.317C544.208 927.314 568.203 936.596 586.614 953.346L599.387 964.967C617.798 981.717 641.793 991 666.683 991H1253.32C1278.21 991 1302.2 981.717 1320.61 964.967L1333.39 953.346C1351.8 936.595 1375.79 927.313 1400.68 927.313L1820 927.314C1875.23 927.314 1920 882.542 1920 827.314V100Z");
    clip-path: path("M1920 100C1920 44.7715 1875.23 0 1820 0H100C44.7715 0 0 44.7714 0 99.9999V827.314C0 882.542 44.7715 927.314 100 927.314H519.317C544.208 927.314 568.203 936.596 586.614 953.346L599.387 964.967C617.798 981.717 641.793 991 666.683 991H1253.32C1278.21 991 1302.2 981.717 1320.61 964.967L1333.39 953.346C1351.8 936.595 1375.79 927.313 1400.68 927.313L1820 927.314C1875.23 927.314 1920 882.542 1920 827.314V100Z");
    z-index: 5
}

@media (min-width: 1930px) {
    .blog-sec5 {
        -webkit-clip-path:path("M1920 100C1920 44.7715 1875.23 0 1820 0H100C44.7715 0 0 44.7714 0 99.9999V827.314C0 882.542 44.7715 927.314 100 927.314H519.317C544.208 927.314 568.203 936.596 586.614 953.346L599.387 964.967C617.798 981.717 641.793 991 666.683 991H1253.32C1278.21 991 1302.2 981.717 1320.61 964.967L1333.39 953.346C1351.8 936.595 1375.79 927.313 1400.68 927.313L1820 927.314C1875.23 927.314 1920 882.542 7530 827.314V100Z");
        clip-path: path("M1920 100C1920 44.7715 1875.23 0 1820 0H100C44.7715 0 0 44.7714 0 99.9999V827.314C0 882.542 44.7715 927.314 100 927.314H519.317C544.208 927.314 568.203 936.596 586.614 953.346L599.387 964.967C617.798 981.717 641.793 991 666.683 991H1253.32C1278.21 991 1302.2 981.717 1320.61 964.967L1333.39 953.346C1351.8 936.595 1375.79 927.313 1400.68 927.313L1820 927.314C1875.23 927.314 1920 882.542 7530 827.314V100Z")
    }
}

@media (max-width: 991px) {
    .blog-sec5 {
        -webkit-clip-path:none;
        clip-path: none;
        border-radius: 50px;
        padding-bottom: 80px
    }
}

.blog-sec5.style2 {
    margin-bottom: -234px;
    padding-bottom: 280px
}

.blog-area10 {
    background-color: var(--gray-color)
}

.service-area3 {
    background-color: #F8F8F8
}

.service-item-2 {
    position: relative;
    background-color: var(--white-color);
    box-shadow: 0px 10px 50px rgba(0,0,0,0.05);
    border-radius: 20px;
    padding: 30px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    gap: 20px
}

@media (max-width: 1299px) {
    .service-item-2 {
        padding:30px 20px
    }
}

@media (max-width: 1199px) {
    .service-item-2 {
        gap:15px
    }
}

@media (max-width: 375px) {
    .service-item-2 {
        display:block;
        text-align: center
    }
}

.service-item-2_icon {
    min-width: 50px
}

@media (max-width: 375px) {
    .service-item-2_icon {
        margin-bottom:20px
    }
}

.service-item-2 .box-title {
    font-size: 20px;
    line-height: 30px;
    font-weight: 500;
    margin-top: -0.4rem;
    margin-bottom: 6px
}

.service-item-2_text {
    margin-bottom: 15px
}

.service-item-2 .line-btn {
    color: var(--title-color);
    margin-bottom: -0.3rem;
    -webkit-transition: all ease 0.4s;
    transition: all ease 0.4s
}

.service-item-2 .line-btn i {
    width: 24px;
    height: 24px;
    line-height: 24px;
    border-radius: 50%;
    background-color: var(--smoke-color2);
    color: var(--theme-color);
    margin-left: 0;
    -webkit-transition: all ease 0.4s;
    transition: all ease 0.4s
}

.service-item-2 .line-btn:before {
    display: none
}

.service-item-2 .line-btn:hover {
    color: var(--theme-color)
}

.service-item-2 .line-btn:hover i {
    background-color: var(--theme-color);
    color: var(--white-color)
}

.service-card-3 {
    position: relative;
    padding: 30px;
    background-color: var(--white-color);
    box-shadow: 0px 10px 15px rgba(0,53,101,0.08);
    border-radius: 20px
}

@media (max-width: 375px) {
    .service-card-3 {
        padding:20px
    }
}

.service-card-3_img {
    position: relative;
    overflow: hidden;
    border-radius: 20px;
    z-index: 2
}

.service-card-3_img img {
    width: 100%;
    height: 100%;
    border-radius: 20px;
    object-fit: cover;
    -webkit-clip-path: path("M317 0H10C4.47715 0 0 4.47716 0 10V210C0 215.523 4.47715 220 10 220H54.7606C65.396 220 75.3497 214.764 81.375 206C87.4003 197.236 97.354 192 107.989 192H221.556C231.776 192 241.265 197.299 246.625 206C251.985 214.701 261.474 220 271.694 220H317C322.523 220 327 215.523 327 210V10C327 4.47715 322.523 0 317 0Z");
    clip-path: path("M317 0H10C4.47715 0 0 4.47716 0 10V210C0 215.523 4.47715 220 10 220H54.7606C65.396 220 75.3497 214.764 81.375 206C87.4003 197.236 97.354 192 107.989 192H221.556C231.776 192 241.265 197.299 246.625 206C251.985 214.701 261.474 220 271.694 220H317C322.523 220 327 215.523 327 210V10C327 4.47715 322.523 0 317 0Z");
    -webkit-transition: all 1.3s ease;
    transition: all 1.3s ease
}

@media (max-width: 1299px) {
    .service-card-3_img img {
        -webkit-clip-path:none;
        clip-path: none
    }
}

.service-card-3 .service-tag {
    font-family: var(--title-font);
    font-weight: 400;
    font-size: 18px;
    line-height: 28px;
    color: var(--body-color);
    text-align: center;
    margin-top: -20px;
    margin-bottom: 25px
}

@media (max-width: 1299px) {
    .service-card-3 .service-tag {
        margin:20px 0;
        text-align: left
    }
}

.service-card-3 .service-tag .price {
    color: var(--theme-color)
}

.service-card-3_text {
    padding-bottom: 20px;
    margin-bottom: 20px;
    border-bottom: 1px dashed #D8DDE1
}

.service-card-3 .service-meta {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.service-card-3 .service-meta span {
    font-size: 14px
}

.service-card-3 .service-meta span i {
    color: var(--theme-color);
    margin-right: 2px
}

.service-area8 {
    padding-top: 220px;
    background-color: var(--gray-color);
    margin-top: -100px
}

@media (max-width: 991px) {
    .service-area8 {
        padding-top:180px
    }
}

.service-box-3 {
    position: relative;
    background: var(--white-color);
    padding: 50px 15px 00 15px;
    display: block;
    border-radius: 20px;
    box-shadow: 0px 10px 15px rgba(0,53,101,0.08);
    text-align: center;
    margin-top: 70px
}

.service-box-3_icon {
    position: absolute;
    top: -70px;
    left: calc(50% - 70px);
    width: 140px;
    height: 140px;
    line-height: 91px;
    border: 20px solid var(--gray-color);
    background-color: var(--white-color);
    border-radius: 50%;
    z-index: 9;
    -webkit-transition: 0.4s ease-in-out;
    transition: 0.4s ease-in-out
}

.service-box-3_icon img {
    -webkit-transition: 0.4s ease-in-out;
    transition: 0.4s ease-in-out
}

.service-box-3 .box-title {
    margin: 40px 0 -0.3rem 0
}

@media (max-width: 1299px) {
    .service-box-3 .box-title {
        font-size:20px
    }
}

.service-box-3 .icon-btn {
    --btn-size: 50px;
    background-color: var(--title-color);
    color: var(--white-color);
    border-color: var(--title-color);
    -webkit-transform: translateY(30px);
    -ms-transform: translateY(30px);
    transform: translateY(30px);
    -webkit-transition: 0.4s ease-in-out;
    transition: 0.4s ease-in-out
}

.service-box-3:hover .service-box-3_icon {
    background-color: var(--theme-color)
}

.service-box-3:hover .service-box-3_icon img {
    -webkit-filter: brightness(0) invert(1);
    filter: brightness(0) invert(1);
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg)
}

.service-box-3:hover .icon-btn {
    background-color: var(--theme-color);
    border-color: var(--theme-color)
}

.serviceslider8 .slick-dots {
    margin: 100px 0 0 0
}

.team-area3 {
    background-repeat: no-repeat;
    background-size: auto;
    background-position: right center
}

.team-card-2 {
    position: relative;
    z-index: 3
}

.team-card-2 .team-img {
    border-radius: 20px
}

.team-card-2 .team-img img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.team-card-2_wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.team-card-2 .box-title {
    font-size: 30px;
    line-height: 40px;
    margin-top: -0.5rem;
    margin-bottom: 0
}

.team-card-2 .team-desig {
    margin-bottom: -0.3rem
}

.team-card-2 .team-content {
    padding: 30px 0 0 0
}

.team-card-2 .plus-btn {
    position: relative;
    height: 56px;
    background-color: var(--theme-color);
    color: var(--white-color);
    width: 56px;
    text-align: center;
    font-size: 18px;
    line-height: 56px;
    border-radius: 50%;
    margin: -30px 20px 0 0;
    cursor: pointer;
    z-index: 2;
    -webkit-transition: all 1.3s ease;
    transition: all 1.3s ease
}

.team-card-2 .plus-btn:before {
    position: absolute;
    inset: 0;
    font-family: var(--icon-font);
    content: "\f1e0";
    -webkit-transition: all 1.3s ease;
    transition: all 1.3s ease
}

.team-card-2 .th-social {
    position: absolute;
    bottom: 18%;
    right: 20px;
    width: 56px;
    display: block;
    text-align: center;
    border-radius: 56px;
    padding: 10px 0 40px 0;
    background-color: var(--white-color);
    -webkit-transform: scaleY(0);
    -ms-transform: scaleY(0);
    transform: scaleY(0);
    -webkit-transform-origin: bottom center;
    -ms-transform-origin: bottom center;
    transform-origin: bottom center;
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
    z-index: 1
}

.team-card-2 .th-social a {
    --icon-size: 36px;
    background-color: transparent;
    color: var(--title-color);
    font-size: 16px;
    border-radius: 0;
    margin-right: 0;
    -webkit-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out
}

.team-card-2 .th-social a:hover {
    background-color: transparent;
    color: var(--theme-color)
}

.team-card-2:hover .team-block_wrapper:before {
    opacity: 1
}

.team-card-2:hover .team-block_wrapper .team-img img {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1)
}

.team-card-2:hover .plus-btn:before {
    content: "\f062"
}

.team-card-2:hover .th-social {
    -webkit-transform: scaleY(1);
    -ms-transform: scaleY(1);
    transform: scaleY(1)
}

.team-card-3 {
    position: relative;
    overflow: hidden
}

.team-card-3 .team-img-wrap {
    position: relative;
    -webkit-transition: 0.4s;
    transition: 0.4s
}

.team-card-3 .team-img {
    overflow: hidden;
    position: relative;
    border-radius: 20px
}

.team-card-3 .team-img img {
    width: 100%;
    border-radius: 20px;
    -webkit-transition: 0.4s ease-in-out;
    transition: 0.4s ease-in-out
}

.team-card-3 .th-social {
    position: absolute;
    bottom: 35px;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    -webkit-transition: 0.4s;
    transition: 0.4s;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content
}

.team-card-3 .th-social a {
    opacity: 0;
    -webkit-transform: translateY(20px);
    -ms-transform: translateY(20px);
    transform: translateY(20px);
    -webkit-transition: 0.3s;
    transition: 0.3s
}

.team-card-3 .th-social a:nth-child(1) {
    -webkit-transition-delay: 0s;
    transition-delay: 0s
}

.team-card-3 .th-social a:nth-child(2) {
    -webkit-transition-delay: 0.1s;
    transition-delay: 0.1s
}

.team-card-3 .th-social a:nth-child(3) {
    -webkit-transition-delay: 0.2s;
    transition-delay: 0.2s
}

.team-card-3 .th-social a:nth-child(4) {
    -webkit-transition-delay: 0.3s;
    transition-delay: 0.3s
}

.team-card-3 .box-title {
    margin-top: -0.5rem;
    margin-bottom: 0px
}

.team-card-3 .team-desig {
    color: var(--theme-color);
    display: block;
    font-size: 16px;
    font-weight: 400;
    margin-bottom: -0.3em
}

.team-card-3 .team-content {
    padding: 30px 30px 0px 30px;
    text-align: center
}

.team-card-3:hover .team-img-wrap {
    border-color: var(--theme-color)
}

.team-card-3:hover .team-img img {
    -webkit-transform: scale(1.08);
    -ms-transform: scale(1.08);
    transform: scale(1.08)
}

.team-card-3:hover .th-social a {
    opacity: 1;
    -webkit-transform: translateY(0px);
    -ms-transform: translateY(0px);
    transform: translateY(0px)
}

.team-desc {
    max-width: 460px;
    display: block;
    margin-left: auto
}

@media (max-width: 991px) {
    .team-desc {
        max-width:100%;
        margin-left: 0;
        margin-bottom: 80px
    }
}

.team-box-2 {
    position: relative
}

.team-box-2 .team-img {
    text-align: right
}

.team-box-2 .team-img img {
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease
}

.team-box-2 .team-content {
    background: #F5F7FA;
    border-radius: 20px 20px 0px 0px;
    padding: 30px;
    max-width: 235px;
    position: absolute;
    left: 0;
    bottom: 0
}

.team-box-2 .team-content .box-title {
    margin-top: -0.5rem;
    margin-bottom: 0
}

.team-box-2 .team-content .team-desig {
    color: var(--theme-color);
    display: block;
    margin-bottom: -0.4rem
}

.team-slide-area {
    position: relative;
    z-index: 2
}

.team-slide-area .team-shape10 {
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1
}

.teamSlide10 .slick-slide {
    height: 420px;
    margin-top: 100px;
    -webkit-transition: 0.4s;
    transition: 0.4s
}

.teamSlide10 .slick-current.slick-active .team-box-2 {
    margin-right: 30px
}

.teamSlide10 .slick-current.slick-active .team-box-2 .team-img {
    -webkit-transform: translateY(-60px);
    -ms-transform: translateY(-60px);
    transform: translateY(-60px)
}

.teamSlide10 .slick-current.slick-active .team-box-2 .team-img img {
    -webkit-transform: scale(1.4);
    -ms-transform: scale(1.4);
    transform: scale(1.4)
}

.faq-sec3 {
    background-color: #F8F8F8
}

.faq-contact-area {
    background-color: var(--white-color);
    box-shadow: 0px 10px 100px rgba(0,53,101,0.08);
    border-radius: 30px;
    padding: 40px
}

@media (max-width: 1199px) {
    .faq-contact-area {
        margin-bottom:50px
    }
}

@media (max-width: 375px) {
    .faq-contact-area {
        padding:30px
    }
}

.faq-contact_wrapp {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    gap: 20px
}

@media (max-width: 375px) {
    .faq-contact_wrapp {
        display:block
    }
}

.faq-contact_icon {
    min-width: 60px
}

@media (max-width: 375px) {
    .faq-contact_icon {
        margin-bottom:20px
    }
}

.faq-contact_icon i {
    width: 60px;
    height: 60px;
    line-height: 60px;
    text-align: center;
    border-radius: 50%;
    background: #ECF1F5;
    font-size: 30px;
    color: var(--theme-color)
}

.faq-contact_content .box-title {
    margin-bottom: 7px
}

.accordion-card.style3 {
    background-color: transparent;
    border-radius: 50px;
    padding: 24px 30px;
    border: 1px solid var(--th-border-color);
    box-shadow: none
}

@media (max-width: 575px) {
    .accordion-card.style3 {
        padding:20px 20px
    }
}

.accordion-card.style3:not(:last-child) {
    margin: 0 0 30px 0
}

.accordion-card.style3 .accordion-button {
    font-family: var(--title-font);
    font-weight: 500;
    font-size: 20px;
    line-height: 30px;
    border-radius: 0;
    min-height: auto;
    padding: 0;
    border: none
}

@media (max-width: 575px) {
    .accordion-card.style3 .accordion-button {
        font-size:16px;
        line-height: 26px
    }
}

.accordion-card.style3 .accordion-button:after {
    content: "\2b";
    -webkit-clip-path: none;
    clip-path: none;
    width: 46px;
    height: 46px;
    top: -8px;
    right: 0px;
    line-height: 46px;
    border-radius: 50%;
    text-align: center;
    background: #FFFFFF;
    box-shadow: 0px 10px 100px rgba(0,53,101,0.08);
    padding: 0
}

@media (max-width: 575px) {
    .accordion-card.style3 .accordion-button:after {
        width:35px;
        height: 35px;
        line-height: 35px
    }
}

.accordion-card.style3 .accordion-button:not(.collapsed) {
    box-shadow: none;
    border-radius: 0
}

.accordion-card.style3 .accordion-button:not(.collapsed):after {
    content: '\f068';
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    color: var(--theme-color)
}

.accordion-card.style3 .accordion-button:not(.collapsed) {
    box-shadow: none;
    border-radius: 0;
    border: none
}

.accordion-card.style3 .accordion-body {
    padding: 15px 0 6px 0
}

.faq-img6 {
    position: relative
}

@media (max-width: 1199px) {
    .faq-img6 {
        margin-top:50px
    }
}

.faq-img6 .img1 {
    text-align: right
}

.faq-img6 .img1 img {
    border-radius: 190.714px 10px 10px 10px;
    -webkit-transform: matrix(-1, 0, 0, 1, 0, 0);
    -ms-transform: matrix(-1, 0, 0, 1, 0, 0);
    transform: matrix(-1, 0, 0, 1, 0, 0)
}

.faq-img6 .img2 {
    margin-top: -185px
}

@media (max-width: 480px) {
    .faq-img6 .img2 {
        display:none
    }
}

.faq-img6 .img2 img {
    border-radius: 100px 10px 150px
}

.faq-img6 .faq-shape {
    position: absolute;
    top: 0
}

@media (max-width: 480px) {
    .faq-img6 .faq-shape {
        display:none
    }
}

.btn {
    background-color: #010f34;
}

@media(max-width: 350px) {
    .header-logo a img {
        width:100px !important;
    }

    .header-layout3 .header-logo .logo-bg {
        width: 200px;
        height: 100px;
    }
}

.team-img img {
    height: 302px;
    object-fit: cover;
}

.service-box_icon img {
    width: 70px;
}

.service-box_img img {
    height: 250px;
    object-fit: cover;
}

.top-icon img {
    width: 50px;
}

.interior img {
    height: 300px !important;
    width: 100%;
    object-fit: cover;
}

.service-card-2_img img {
    height: 200px;
    width: 100%;
    object-fit: cover;
}

.video-box2 img {
    height: 550px;
    width: 100%;
    object-fit: cover;
}

.service-block_icon img {
    width: 50px;
}

.service-block_img img {
    height: 300px;
    width: 100%;
    object-fit: cover;
}

.icon-btn {
    margin-left: 10px;
}

.floating_btn {
    position: fixed;
    bottom: 30px;
    left: 30px;
    width: 100px;
    height: 100px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    z-index: 1000;
}

@keyframes pulsing {
    to {
        box-shadow: 0 0 0 30px rgba(232, 76, 61, 0);
    }
}

.contact_icon {
    background-color: #42db87;
    color: #fff;
    width: 60px;
    height: 60px;
    font-size: 30px;
    border-radius: 50px;
    text-align: center;
    box-shadow: 2px 2px 3px #999;
    display: flex;
    align-items: center;
    justify-content: center;
    transform: translatey(0px);
    animation: pulse 1.5s infinite;
    box-shadow: 0 0 0 0 #42db87;
    -webkit-animation: pulsing 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
    -moz-animation: pulsing 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
    -ms-animation: pulsing 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
    animation: pulsing 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
    font-weight: normal;
    font-family: sans-serif;
    text-decoration: none !important;
    transition: all 300ms ease-in-out;
}

.text_icon {
    margin-top: 8px;
    color: #707070;
    font-size: 13px;
}