@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Urbanist:ital,wght@0,100..900;1,100..900&display=swap');
:root { --font-fahkwang: "Fahkwang", sans-serif; --font-Urbanist: "Urbanist", sans-serif; --primary-color: #16d4d8; --primary-color2: #F4CB0A; --primary-color3: #1A1A1A; --primary-color4: #16D4D8; --title-color: #1A1A1A; --title-color-opc: 26, 26, 26; --dark-title-color: #1A1A1A; --white-color: #fff; ---dark-white-color:#fff; --deep-white-color: #DFDFDF; --paragraph-color: #545454; --paragraph-color-opc: 84, 84, 84; --paragraph-color2: #363636; --paragraph-color3: #1A1A1A; --paragraph-color-dark: #C4C4C4; --border-color: #dfdfdf; --border-color2: #eee; --body-bg1: #F0F0F0; --bg-color1: #F8F8F8; --section-bg1: #EAEAEA }
body.dark { --title-color: #FFFFFF; --title-color-opc: 255, 255, 255; --deep-white-color: #222; --paragraph-color: #c4c4c4; --paragraph-color-opc: 196, 196, 196; --paragraph-color2: #dfdfdf; --paragraph-color-dark: #C4C4C4; --border-color: #2F2F2F; --border-color2: #222222; --body-bg1: #161616; ---dark-white-color:#161616; --section-bg1: #1A1A1A; --bg-color1: #F8F8F8; background-color: #161616 !important }
* { margin: 0; padding: 0; box-sizing: border-box }
a:focus, input:focus, textarea:focus, button:focus { outline: 0 solid; box-shadow: unset }
input, textarea { border-radius: 0 }
html, body { height: 100% }
body { font-size: 16px; font-family: var(--font-Urbanist); font-weight: 400; overflow-x: hidden }
    body.home1-bg { background-color: #f0f0f0 }
h1, h2, h3, h4, h5, h6 { font-family: var(--font-Urbanist); font-weight: 500; margin-bottom: 15px }
img { max-width: 100% }
p { margin: 0; color: var(--paragraph-color) }
a, a:hover { text-decoration: none }
input, select, audio, canvas, iframe, img, svg, video { vertical-align: middle }
.pt-130 { padding-top: 130px }

@media(min-width:992px) and (max-width:1199px) {
    .pt-130 { padding-top: 100px }
}

@media(max-width:991px) {
    .pt-130 { padding-top: 90px }
}

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

@media(min-width:992px) and (max-width:1199px) {
    .pb-130 { padding-bottom: 100px }
}

@media(max-width:991px) {
    .pb-130 { padding-bottom: 90px }
}

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

@media(max-width:991px) {
    .pt-90 { padding-top: 80px }
}

@media(max-width:767px) {
    .pt-90 { padding-top: 70px }
}

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

@media(max-width:991px) {
    .pb-90 { padding-bottom: 80px }
}

@media(max-width:767px) {
    .pb-90 { padding-bottom: 70px }
}

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

@media(min-width:992px) and (max-width:1199px) {
    .pb-80 { padding-bottom: 60px }
}

.pb-65 { padding-bottom: 65px }
.mt-130 { margin-top: 130px }

@media(min-width:992px) and (max-width:1199px) {
    .mt-130 { margin-top: 100px }
}

@media(max-width:991px) {
    .mt-130 { margin-top: 90px }
}

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

@media(min-width:992px) and (max-width:1199px) {
    .mt-120 { margin-top: 100px }
}

@media(max-width:991px) {
    .mt-120 { margin-top: 90px }
}

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

@media(min-width:992px) and (max-width:1199px) {
    .mb-130 { margin-bottom: 100px }
}

@media(max-width:991px) {
    .mb-130 { margin-bottom: 90px }
}

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

@media(min-width:992px) and (max-width:1199px) {
    .mb-110 { margin-bottom: 90px }
}

@media(max-width:991px) {
    .mb-110 { margin-bottom: 80px }
}

.mb-100 { margin-bottom: 110px }

@media(max-width:991px) {
    .mb-100 { margin-bottom: 80px }
}

.mt-100 { margin-top: 110px !important }

@media(max-width:991px) {
    .mt-100 { margin-top: 80px !important }
}

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

@media(max-width:991px) {
    .mb-90 { margin-bottom: 70px }
}

@media(max-width:767px) {
    .mb-90 { margin-bottom: 50px }
}

.mb-15 { margin-bottom: 15px }
.mb-10 { margin-bottom: 10px }
.pt-80 { padding-top: 80px }
.pt-50 { padding-top: 50px }
.pt-40 { padding-top: 40px }
.pt-35 { padding-top: 35px }
.pt-30 { padding-top: 30px }
.pb-80 { padding-bottom: 80px }
.pb-60 { padding-bottom: 60px }
.mb-60 { margin-bottom: 60px }

@media(max-width:767px) {
    .mb-60 { margin-bottom: 40px }
}

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

@media(max-width:767px) {
    .mb-70 { margin-bottom: 40px }
}

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

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

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

@media(max-width:991px) {
    .mb-40 { margin-bottom: 30px }
}

.mb-35 { margin-bottom: 35px }
.mb-20 { margin-bottom: 20px }
.mt-15 { margin-top: 15px }
.mt-40 { margin-top: 40px }
.mt-35 { margin-top: 35px }
.mb-40 { margin-bottom: 40px }
.mb-30 { margin-bottom: 30px }
.mb-25 { margin-bottom: 25px }
.mt-30 { margin-top: 30px }
.mt-50 { margin-top: 50px }
.mt-25 { margin-top: 25px }
.mb-50 { margin-bottom: 50px }

@media(max-width:767px) {
    .mb-50 { margin-bottom: 40px }
}

@media(max-width:576px) {
    .mb-50 { margin-bottom: 30px }
}

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

@media(max-width:767px) {
    .mt-60 { margin-top: 40px }
}

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

@media(max-width:767px) {
    .mt-70 { margin-top: 40px }
}

.page-content { z-index: 1; position: relative; overflow: hidden; width: 100%; min-height: 100% }
.line_wrap { top: 0; left: 50%; bottom: 0; max-width: 1320px; width: 100%; z-index: -1; display: block; position: absolute; transform: translateX(-50%); --bs-gutter-x: 1.5rem; --bs-gutter-y: 0; width: 100%; padding-right: calc(var(--bs-gutter-x) * 0.5); padding-left: calc(var(--bs-gutter-x) * 0.5); margin-right: auto; margin-left: auto; display: flex }

@media(max-width:1399px) {
    .line_wrap { max-width: 1140px }
}

@media(max-width:1199px) {
    .line_wrap { max-width: 960px }
}

@media(max-width:991px) {
    .line_wrap { --bs-gutter-x: 1.5rem; --bs-gutter-y: 0; width: 100%; max-width: unset; padding-right: calc(var(--bs-gutter-x) * 0.5); padding-left: calc(var(--bs-gutter-x) * 0.5); margin-right: auto; margin-left: auto }
}

.line_wrap .line_item { height: 100%; position: relative; display: inline-block; border-left: 1px solid var(--deep-white-color) }
    .line_wrap .line_item:before { width: 1px; left: -1px; content: ""; height: 100px; position: absolute }
    .line_wrap .line_item.first-line { margin-left: 0 }
        .line_wrap .line_item.first-line::before { left: unset; right: -1px; animation: scroll1 15s ease-out infinite; background-image: linear-gradient(0deg,#000000,transparent) }
    .line_wrap .line_item.center-line { min-width: 33.33%; border-left: unset }
        .line_wrap .line_item.center-line::before { animation: scroll1 20s ease-out infinite; background-image: linear-gradient(0deg,#000000,transparent); right: -7px; left: unset }
    .line_wrap .line_item.last-line { margin-left: 7px; border-right: 1px solid var(--deep-white-color); width: 100% }
        .line_wrap .line_item.last-line::before { left: unset; right: -1px; animation: scroll1 15s ease-out infinite; background-image: linear-gradient(0deg,#000000,transparent) }

@keyframes scroll1 {
    0% { top: 0; opacity: 1 }
    50% { top: 50% }
    100% { top: 100%; opacity: .5 }
}

@keyframes scroll2 {
    0% { opacity: 1; bottom: 0 }
    50% { bottom: 50% }
    100% { bottom: 100%; opacity: .5 }
}

.circle-container { background: 0 0; position: fixed; right: 30px; bottom: 55px; height: 40px; width: 40px; cursor: pointer; display: block; border-radius: 50px; border: 2px solid var(--primary-color); z-index: 10000; opacity: 0; visibility: hidden; transform: translateY(15px); transition: all 200ms linear }

@media(max-width:576px) {
    .circle-container { bottom: 30px }
}

.circle-container.active { opacity: 1; visibility: visible; transform: translateY(0) }
.circle-container svg { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); fill: var(--primary-color) }
.circle-container:hover { background-color: var(--primary-color) }
    .circle-container:hover svg { fill: var(--white-color) }
.circle-container.two { border-color: var(--primary-color2) }
    .circle-container.two svg { fill: var(--primary-color2) }
    .circle-container.two:hover { background-color: var(--primary-color2) }
        .circle-container.two:hover svg { fill: var(--dark-title-color) }
.circle-container.three { border-color: var(--primary-color4) }
    .circle-container.three svg { fill: var(--primary-color4) }
    .circle-container.three:hover { background-color: var(--primary-color4) }
        .circle-container.three:hover svg { fill: var(--dark-title-color) }
#magic-cursor { position: absolute; display: none; width: 10px; height: 10px; pointer-events: none; z-index: 99999; opacity: 0 }
body.tt-magic-cursor #magic-cursor { display: block }
#ball { position: fixed; display: flex; justify-content: center; align-items: center; color: var(--white-color); pointer-events: none; border-style: solid; border-radius: 50%; border-color: #d9d9d9 }
    #ball.ball-view { background-color: var(--dark-title-color); font-size: 15px; font-weight: 500; color: var(--white-color); line-height: 1.4; text-align: center; border: 1px solid rgba(0,0,0,.5) }
    #ball .ball-view-inner { padding: 0 5px; opacity: 0; visibility: hidden; transform: scale(0) }
        #ball .ball-view-inner i { font-size: 24px }
    #ball .ball-drag { position: absolute; display: block; width: 100%; padding: 0 5px; font-size: 15px; font-weight: 600; color: var(--title-color); line-height: 1.2; text-align: center; transition: all .3s }
        #ball .ball-drag::before, #ball .ball-drag::after { position: absolute; top: 50%; margin-top: -5px; font-size: 16px; color: var(--primary-color); height: 10px; line-height: 10px; font-family: "font awesome 5 free"; font-weight: 900; display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; -webkit-font-smoothing: antialiased }
        #ball .ball-drag::before { content: "\f060"; left: 0; transform: translate3d(-30px,0,0); transition: all .25s }
        #ball .ball-drag::after { content: "\f061"; right: 0; transform: translate3d(30px,0,0); transition: all .25s }
    #ball.ball-close-enabled { opacity: 1 !important }
    #ball .ball-close { position: absolute; padding: 0 5px; font-size: 14px; font-weight: 600; color: var(--primary-color); line-height: 1; text-align: center }
.tt-style-switch { position: fixed; display: flex; align-items: center; justify-content: center; top: 30%; right: 0; width: 40px; height: 35px; background-color: #444; font-size: 16px; color: #fff !important; cursor: pointer; z-index: 9999; border-radius: 50px 0 0 50px; transition: all .2s }
    .tt-style-switch .bi { color: #fff; z-index: 9999 }

@media(max-width:540px) {
    .tt-style-switch { top: 50%; bottom: unset }
}

body:not(.is-mobile) .tt-style-switch:hover { width: 45px; background-color: #16D4D8; color: #fff }
.tt-stsw-dark, .tt-stsw-light { line-height: 0 }
.tt-style-switch:not(.is-dark) .tt-stsw-dark { display: none }
.tt-style-switch.is-dark .tt-stsw-light { display: none }

@media(min-width:769px) {
    body.tt-sliding-sidebar-right-on .tt-style-switch { right: auto; left: 0; border-radius: 0 50px 50px 0 }
}

.magnetic-wrap { position: relative; display: flex; justify-content: center; align-items: center }
#ball.magnetic-active { border-color: var(--primary-color) !important }
.sub-title h6 { color: var(--title-color); font-family: var(--font-Urbanist); font-size: 16px; font-weight: 400; margin-bottom: 0; display: flex; align-items: center; gap: 20px }

@media(max-width:576px) {
    .sub-title h6 { font-size: 15px }
}

.sub-title h6 svg { fill: var(--primary-color) }
.sub-title.two h6 { color: var(--white-color) }

@media(max-width:991px) {
    .sub-title2 { margin-bottom: 10px }
}

.sub-title2 h6 { color: var(--title-color); font-family: var(--font-Urbanist); font-size: 16px; font-weight: 400; border-radius: 50px; border: 1px solid var(--border-color); background: var(---dark-white-color); display: inline-flex; line-height: 1; padding: 8px 20px }
.sub-title2.dark h6 { color: var(--white-color); border: 1px solid rgba(255,255,255,.1); background: #252525 }
.section-title h1, .section-title h2 { color: var(--title-color); font-family: var(--font-Urbanist); font-size: 45px; font-weight: 500; line-height: 1.35; margin-bottom: 0; margin-top: -10px }
    .section-title h1 strong, .section-title h2 strong { display: block; font-weight: 500 }
    .section-title h1 span, .section-title h2 span { font-family: var(--font-fahkwang); display: block }

@media(max-width:1399px) {
    .section-title h1, .section-title h2 { font-size: 40px }
}

@media(max-width:1199px) {
    .section-title h1, .section-title h2 { font-size: 35px }
}

@media(max-width:576px) {
    .section-title h1, .section-title h2 { font-size: 30px }
}

.section-title .dash-and-paragraph { display: flex; align-items: center; gap: 20px; padding-top: 15px }
    .section-title .dash-and-paragraph .dash { width: 100%; height: 1px; min-width: 50px; background-color: var(--border-color); position: relative }

@media(max-width:767px) {
    .section-title .dash-and-paragraph .dash { display: none }
}

.section-title .dash-and-paragraph .dash::after { content: ""; height: 6px; width: 5px; -webkit-clip-path: polygon(100% 50%,0 100%,0 0); clip-path: polygon(100% 50%,0 100%,0 0); background-color: var(--border-color); position: absolute; right: 0; top: 50%; transform: translateY(-50%) }
.section-title .dash-and-paragraph p { color: var(--paragraph-color); font-family: var(--font-Urbanist); font-size: 16px; font-weight: 400; line-height: 26px; margin-bottom: 0; max-width: 536px; min-width: 536px }

@media(max-width:576px) {
    .section-title .dash-and-paragraph p { font-size: 15px; max-width: 536px; min-width: unset }
}

.section-title .dash-and-paragraph.two svg { width: 100%; fill: var(--border-color) }
.section-title .dash-and-paragraph.two p { max-width: 424px; min-width: 424px }

@media(max-width:576px) {
    .section-title .dash-and-paragraph.two p { max-width: 424px; min-width: unset }
}

.section-title .dash-and-paragraph.three > svg { width: 100%; fill: #ccd4dd }

@media(max-width:767px) {
    .section-title .dash-and-paragraph.three > svg { display: none; visibility: hidden }
}

.section-title .dash-and-paragraph.three .btn-and-paragraph { margin-top: -80px }

@media(max-width:991px) {
    .section-title .dash-and-paragraph.three .btn-and-paragraph { margin-top: 0 }
}

.section-title .dash-and-paragraph.three .btn-and-paragraph a { color: var(--title-color); font-family: var(--font-Urbanist); font-size: 15px; font-weight: 500; display: flex; align-items: center; gap: 8px; transition: .35s; margin-bottom: 15px }
    .section-title .dash-and-paragraph.three .btn-and-paragraph a svg { fill: var(--title-color); transition: .35s }
    .section-title .dash-and-paragraph.three .btn-and-paragraph a:hover { color: var(--primary-color) }
        .section-title .dash-and-paragraph.three .btn-and-paragraph a:hover svg { fill: var(--primary-color) }
.section-title.two h2 { color: var(--white-color) }
.section-title.three { display: flex; gap: 30px }

@media(max-width:991px) {
    .section-title.three { flex-wrap: wrap; gap: 10px }
}

.section-title.three h2 { text-align: end }

@media(max-width:1199px) {
    .section-title.three h2 { text-align: start }
}

.section-title.three .dash-and-paragraph { display: flex; align-items: flex-start; padding-top: 85px }

@media(max-width:991px) {
    .section-title.three .dash-and-paragraph { padding-top: 0 }
}

.section-title.three .dash-and-paragraph.three > svg { width: 100%; fill: var(--border-color); min-width: 472px }

@media(max-width:1399px) {
    .section-title.three .dash-and-paragraph.three > svg { min-width: unset }
}

@media(max-width:767px) {
    .section-title.three .dash-and-paragraph.three > svg { display: none; visibility: hidden }
}

.section-title.three .dash-and-paragraph.three .btn-and-paragraph { margin-top: 0 }
    .section-title.three .dash-and-paragraph.three .btn-and-paragraph p { max-width: 424px; min-width: 424px }

@media(max-width:767px) {
    .section-title.three .dash-and-paragraph.three .btn-and-paragraph p { min-width: 100% }
}

.section-title.four { display: flex; justify-content: space-between; align-items: end; gap: 30px }

@media(max-width:991px) {
    .section-title.four { flex-wrap: wrap; gap: 10px }
}

.section-title.four .dash-and-paragraph { padding-top: 0; margin: 0 }
    .section-title.four .dash-and-paragraph .btn-and-paragraph { margin-top: 0 }
.section-title.five h2 span { font-family: var(--font-Urbanist); color: var(--paragraph-color) }
.section-title.six h2 { font-size: 60px }

@media(max-width:1399px) {
    .section-title.six h2 { font-size: 55px }
}

@media(max-width:991px) {
    .section-title.six h2 { font-size: 50px }
}

@media(max-width:576px) {
    .section-title.six h2 { font-size: 45px }
}

.section-title.six .dash-and-paragraph { align-items: start }
    .section-title.six .dash-and-paragraph svg { width: 100%; fill: var(--border-color2) }

@media(max-width:576px) {
    .section-title.six .dash-and-paragraph svg { display: none }
}

.section-title.six .dash-and-paragraph p { max-width: 424px; min-width: 424px; margin-top: -5px }

@media(max-width:767px) {
    .section-title.six .dash-and-paragraph p { min-width: unset }
}

.section-title .paragraph-and-btn p { margin-bottom: 35px }
.section-title.white h1, .section-title.white h2 { color: var(--white-color) }
.section-title.white .dash-and-paragraph p { color: #c4c4c4 }
.section-title-2 h2 { color: var(--title-color); text-align: center; font-family: var(--font-Urbanist); font-size: 130px; font-style: normal; font-weight: 500; line-height: 60px; display: inline-flex; align-items: flex-start }
    .section-title-2 h2 svg { fill: var(--primary-color); height: 50px; width: 50px }

@media(max-width:1399px) {
    .section-title-2 h2 { font-size: 90px }
        .section-title-2 h2 svg { height: 30px; width: 30px }
}

@media(max-width:1199px) {
    .section-title-2 h2 { font-size: 70px }
        .section-title-2 h2 svg { height: 30px; width: 30px }
}

@media(max-width:576px) {
    .section-title-2 h2 { font-size: 45px }
        .section-title-2 h2 svg { height: 20px; width: 20px }
}

.section-title3 h2 { color: var(--title-color); font-family: var(--font-Urbanist); font-size: 45px; font-weight: 500; line-height: 1.35; margin-bottom: 0;}

@media(max-width:1399px) {
    .section-title3 h2 { font-size: 40px }
}

@media(max-width:1199px) {
    .section-title3 h2 { font-size: 35px }
}

@media(max-width:576px) {
    .section-title3 h2 { font-size: 30px ;}
}

.section-title3 p { color: var(--paragraph-color); font-family: var(--font-Urbanist); font-size: 16px; font-weight: 400; line-height: 28px; padding-top: 15px }
    .section-title3 p strong { font-weight: 500 }
.paragraph-and-btn-area { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 20px }
    .paragraph-and-btn-area p { color: var(--paragraph-color); font-family: var(--font-Urbanist); font-size: 16px; font-weight: 400; line-height: 28px; margin-bottom: 0; max-width: 450px; width: 100% }
.explore-btn { color: var(--title-color); font-family: var(--font-Urbanist); font-size: 15px; font-weight: 500; line-height: 25px; display: inline-flex; align-items: center; gap: 8px; transition: .5s }
    .explore-btn svg { fill: var(--title-color); transition: .5s }
.circle-btn { height: 160px; width: 160px; border-radius: 50%; background-color: #eaeaea; color: var(--title-color); text-align: center; font-family: var(--font-Urbanist); font-size: 15px; font-weight: 500; line-height: 20px; display: flex; align-items: center; flex-direction: column; justify-content: center; gap: 5px; overflow: hidden; position: relative; z-index: 1; transition: all .6s }
    .circle-btn strong { display: block; font-weight: 500; line-height: 20px }
    .circle-btn svg { fill: var(--title-color); transition: all .6s; margin-bottom: 7px }
    .circle-btn span { position: absolute; display: block; width: 0; height: 0; border-radius: 50%; background-color: var(--primary-color); transition: all .6s; transform: translate(-50%,-50%); z-index: -1 }
    .circle-btn:hover { color: var(--white-color) }
        .circle-btn:hover span { width: 225%; height: 1000.5px }
        .circle-btn:hover svg { fill: var(--white-color) }
    .circle-btn.two { background-color: var(--dark-title-color); color: var(--white-color) }
        .circle-btn.two svg { fill: var(--white-color) }
.dark .circle-btn { background-color: var(--dark-title-color); color: var(--title-color); border: 1px solid rgba(255,255,255,.1) }
    .dark .circle-btn svg { fill: var(--title-color) }
    .dark .circle-btn span { position: absolute; display: block; width: 0; height: 0; border-radius: 50%; background-color: var(--primary-color); transition: all .6s; transform: translate(-50%,-50%); z-index: -1 }
    .dark .circle-btn:hover { color: var(--white-color) }
        .dark .circle-btn:hover span { width: 225%; height: 1000.5px }
.primary-btn2 { color: var(---dark-white-color); font-family: var(--font-Urbanist); font-size: 15px; font-weight: 500; background-color: var(--title-color); border-radius: 50px; padding: 16px 30px; white-space: nowrap; overflow: hidden; position: relative; z-index: 1; transition: all .6s; display: inline-flex; align-items: center; line-height: 1; gap: 8px }
    .primary-btn2 svg { fill: var(---dark-white-color); transition: all .6s }
    .primary-btn2 span { position: absolute; display: block; width: 0; height: 0; border-radius: 36px; background-color: var(--primary-color2); transition: all .6s; transform: translate(-50%,-50%); z-index: -1 }
    .primary-btn2:hover { color: var(--dark-title-color) }
        .primary-btn2:hover svg { fill: var(--dark-title-color) }
        .primary-btn2:hover span { width: 225%; height: 1000.5px }
    .primary-btn2:active { background-color: var(--primary-color) }
.primary-btn3 { color: var(--white-color); font-family: var(--font-Urbanist); font-size: 15px; font-weight: 500; background-color: var(--primary-color); border: 1px solid var(--primary-color); border-radius: 50px; padding: 19px 36px; white-space: nowrap; overflow: hidden; position: relative; z-index: 1; transition: all .6s; display: inline-flex; align-items: center; line-height: 1; gap: 8px }
    .primary-btn3 svg { fill: var(--white-color); transition: all .6s }
    .primary-btn3 span { position: absolute; display: block; width: 0; height: 0; border-radius: 36px; background-color: var(--white-color); transition: all .6s; transform: translate(-50%,-50%); z-index: -1 }
    .primary-btn3:hover { color: var(--dark-title-color) }
        .primary-btn3:hover svg { fill: var(--dark-title-color) }
        .primary-btn3:hover span { width: 225%; height: 1000.5px }
    .primary-btn3:active { background-color: var(--primary-color) }
.primary-btn4 { color: var(--title-color); font-family: var(--font-Urbanist); font-size: 15px; font-weight: 500; background-color: transparent; border: 1px solid var(--title-color); border-radius: 50px; padding: 19px 36px; white-space: nowrap; overflow: hidden; position: relative; z-index: 1; transition: all .6s; display: inline-flex; align-items: center; line-height: 1; gap: 8px }
    .primary-btn4 svg { fill: var(--title-color); transition: all .6s }
    .primary-btn4 span { position: absolute; display: block; width: 0; height: 0; border-radius: 36px; background-color: var(--primary-color); transition: all .6s; transform: translate(-50%,-50%); z-index: -1 }
    .primary-btn4:hover { color: var(--white-color); border-color: var(--white-color) }
        .primary-btn4:hover svg { fill: var(--white-color) }
        .primary-btn4:hover span { width: 225%; height: 1000.5px }
    .primary-btn4:active { background-color: var(--primary-color) }
.primary-btn5 { color: var(--title-color); font-family: var(--font-Urbanist); font-size: 15px; font-weight: 500; border: 1px solid var(--title-color); background: var(--white-color); line-height: 1; display: inline-flex; align-items: baseline; padding: 15px 27px; gap: 8px; white-space: nowrap; overflow: hidden; position: relative; z-index: 1; transition: all .6s }
    .primary-btn5 svg { fill: var(--title-color); transition: all .6s }
    .primary-btn5 span { position: absolute; display: block; width: 0; height: 0; border-radius: 36px; background-color: var(--title-color); transition: all .6s; transform: translate(-50%,-50%); z-index: -1 }
    .primary-btn5:hover { color: var(--white-color) }
        .primary-btn5:hover svg { fill: var(--white-color) }
        .primary-btn5:hover span { width: 225%; height: 1000.5px }
    .primary-btn5:active { background-color: var(--white-color) }
    .primary-btn5.black { color: var(--white-color); background-color: var(--paragraph-color3) }
        .primary-btn5.black svg { fill: var(--white-color) }
        .primary-btn5.black span { background-color: var(--white-color) }
        .primary-btn5.black:hover { color: var(--dark-title-color) }
            .primary-btn5.black:hover svg { fill: var(--dark-title-color) }
.form-inner { position: relative; line-height: 1 }
    .form-inner label { color: var(--title-color); font-family: var(--font-Urbanist); font-size: 14px; font-weight: 500; display: block; margin-bottom: 10px }
    .form-inner input { background: var(---dark-white-color); color: var(--paragraph-color); font-family: var(--font-Urbanist); font-size: 14px; font-weight: 400; height: 50px; width: 100%; padding: 10px 20px; outline: none; border: 1px solid var(---dark-white-color); border-radius: 5px; }
        .form-inner input::-moz-placeholder { color: rgba(var(--paragraph-color-opc),0.6) }
        .form-inner input::placeholder { color: rgba(var(--paragraph-color-opc),0.6) }
        .form-inner input:focus { border: 1px solid var(--primary-color) }
    .form-inner textarea { background: var(---dark-white-color); color: var(--paragraph-color); font-family: var(--font-Urbanist); font-size: 14px; font-weight: 400; width: 100%; padding: 20px; outline: none; border: 1px solid var(---dark-white-color); min-height: 120px; border-radius: 5px; }
        .form-inner textarea::-moz-placeholder { color: rgba(var(--paragraph-color-opc),0.6) }
        .form-inner textarea::placeholder { color: rgba(var(--paragraph-color-opc),0.6) }
        .form-inner textarea:focus { border: 1px solid var(--primary-color) }
.form-inner2 .form-check { min-height: unset; margin-bottom: 0 }
    .form-inner2 .form-check .form-check-input { cursor: pointer; height: 14px; width: 14px; margin-top: 5px }
        .form-inner2 .form-check .form-check-input:focus { box-shadow: none; border-color: var(--border-color2) }
        .form-inner2 .form-check .form-check-input:checked { background-color: var(--primary-color); border-color: var(--primary-color) }
        .form-inner2 .form-check .form-check-input[type=checkbox] { border-radius: unset }
    .form-inner2 .form-check .form-check-label { cursor: pointer; color: var(--paragraph-color); font-family: var(--font-Urbanist); font-size: 14px; font-weight: 400 }

@media(max-width:576px) {
    .form-inner2 .form-check .form-check-label { font-size: 12px }
}

.nice-select { width: 100%; height: 50px; line-height: 48px; color: var(--paragraph-color); font-family: var(--font-Urbanist); font-size: 14px; font-weight: 400; background: var(---dark-white-color); border-color: var(--border-color2); border-radius: 5px; padding-left: 25px; padding-right: 25px }
    .nice-select:hover { border-color: var(--border-color2) }
    .nice-select:focus { border-color: var(--border-color2) }
    .nice-select.open { border-radius: 5px 5px 0 0 }
        .nice-select.open::after { transform: rotate(-180deg) }
    .nice-select:after { border-bottom: none; border-right: none; content: ""; display: block; height: 7px; width: 10px; background-color: #dfdfdf; margin-top: -4px; pointer-events: none; position: absolute; right: 25px; -webkit-clip-path: polygon(100% 0,0 0,50% 100%); clip-path: polygon(100% 0,0 0,50% 100%); transform: rotate(0) }
    .nice-select .list { width: 100%; background: var(---dark-white-color); margin-top: 0; border-radius: 0 0 5px 5px }
        .nice-select .list .option { color: var(--paragraph-color); font-family: var(--font-Urbanist); font-size: 12px; font-weight: 400; border-bottom: 1px solid var(--border-color2) }
            .nice-select .list .option:last-child { border-bottom: unset }
.header-area.style-1 { position: relative; z-index: 999; display: flex; justify-content: space-between; align-items: center; padding: 0 3%; width: 100%; transition: all .8s ease-out 0s; gap: 30px; border-bottom: 1px solid var(--deep-white-color) }

@media(max-width:1699px) {
    .header-area.style-1 { padding: 0 3% }
}

@media(max-width:1399px) {
    .header-area.style-1 { padding: 0 2%; gap: 20px }
}

@media(max-width:991px) {
    .header-area.style-1 { padding: 0 }
}

.header-area.style-1.sticky { position: fixed; top: 0; left: 0; width: 100%; padding-top: 0 !important; padding-bottom: 0 !important; box-sizing: border-box; background-color: var(--body-bg1); z-index: 99 }

@keyframes smooth-header {
    0% { transform: translateY(-30px) }
    100% { transform: translateY(0px) }
}

@media(max-width:991px) {
    .header-area.style-1 .header-logo { padding: 15px }
}

.header-area.style-1 .header-logo img { width: 175px; max-width: unset }

@media(max-width:1199px) {
    .header-area.style-1 .header-logo img { width: 150px }
}

.header-area.style-1 .header-logo .dark { display: none }
.header-area.style-1 .menu-close-btn i { color: var(--white-color) }
.header-area.style-1 .menu-wrap { display: flex; align-items: center; gap: 40px }

@media(max-width:1399px) {
    .header-area.style-1 .menu-wrap { padding: 0 20px }
}

@media(max-width:1399px) {
    .header-area.style-1 .menu-wrap { padding: 0 15px }
}

@media(max-width:991px) {
    .header-area.style-1 .menu-wrap { border: none; justify-content: end }
}

.header-area.style-1 .menu-wrap .nav-right { gap: 105px }

@media(min-width:1400px) and (max-width:1599px) {
    .header-area.style-1 .menu-wrap .nav-right { gap: 60px }
}

@media(max-width:1399px) {
    .header-area.style-1 .menu-wrap .nav-right { gap: 30px }
}

@media(max-width:991px) {
    .header-area.style-1 .menu-wrap .nav-right { gap: 0 }
}

.header-area.style-1 .menu-wrap .nav-right .sidebar-btn { width: 36px; height: 36px; border-radius: 50%; display: flex; align-items: center; justify-content: center; background-color: var(--white-color); transition: .35s; cursor: pointer }
    .header-area.style-1 .menu-wrap .nav-right .sidebar-btn svg { transition: .35s; fill: var(--primary-color) }
        .header-area.style-1 .menu-wrap .nav-right .sidebar-btn svg.close { display: none }
    .header-area.style-1 .menu-wrap .nav-right .sidebar-btn.active svg.close { display: block }
    .header-area.style-1 .menu-wrap .nav-right .sidebar-btn.active svg.open { display: none }
    .header-area.style-1 .menu-wrap .nav-right .sidebar-btn:hover { background-color: var(--primary-color) }
        .header-area.style-1 .menu-wrap .nav-right .sidebar-btn:hover svg { fill: var(--white-color) }
.header-area.style-1 .menu-wrap .nav-right .header-btn { color: var(--white-color); font-family: var(--font-Urbanist); font-size: 15px; font-weight: 500; border: 1px solid var(--primary-color); background: var(--primary-color); line-height: 1; display: inline-flex; align-items: baseline; padding: 20px 35px; gap: 8px; white-space: nowrap; overflow: hidden; position: relative; z-index: 1; transition: all .6s }

@media(max-width:1199px) {
    .header-area.style-1 .menu-wrap .nav-right .header-btn { padding: 14px 22px; display: none; visibility: hidden }
}

.header-area.style-1 .menu-wrap .nav-right .header-btn svg { fill: var(--white-color); transition: all .6s }
.header-area.style-1 .menu-wrap .nav-right .header-btn span { position: absolute; display: block; width: 0; height: 0; border-radius: 36px; background-color: var(--white-color); transition: all .6s; transform: translate(-50%,-50%); z-index: -1 }
.header-area.style-1 .menu-wrap .nav-right .header-btn:hover { color: var(--primary-color) }
    .header-area.style-1 .menu-wrap .nav-right .header-btn:hover svg { fill: var(--primary-color) }
    .header-area.style-1 .menu-wrap .nav-right .header-btn:hover span { width: 225%; height: 1000.5px }
.header-area.style-1 .menu-wrap .nav-right .header-btn:active { background-color: var(--white-color) }

@media(max-width:991px) {
    .header-area.style-1 .menu-wrap .nav-right .header-btn { display: none; visibility: hidden }
}

.header-area.style-1 .menu-wrap .nav-right .mobile-menu-btn { display: none; visibility: hidden }

@media(max-width:991px) {
    .header-area.style-1 .menu-wrap .nav-right .mobile-menu-btn { display: flex; margin-left: 50px; flex-direction: column; align-items: end; visibility: visible; justify-content: center; position: relative }
        .header-area.style-1 .menu-wrap .nav-right .mobile-menu-btn span { height: 3px; width: 25px; background-color: var(--title-color); display: flex; transition: transform .5s ease-in; position: absolute; top: 0 }
            .header-area.style-1 .menu-wrap .nav-right .mobile-menu-btn span::before { transition-duration: .5s; position: absolute; width: 35px; height: 3px; background-color: var(--title-color); content: ""; top: -10px; right: 0 }
            .header-area.style-1 .menu-wrap .nav-right .mobile-menu-btn span::after { transition-duration: .5s; position: absolute; width: 15px; height: 3px; right: 0; background-color: var(--title-color); content: ""; top: 10px }
        .header-area.style-1 .menu-wrap .nav-right .mobile-menu-btn.active span { background-color: transparent }
            .header-area.style-1 .menu-wrap .nav-right .mobile-menu-btn.active span::before { transform: rotateZ(45deg) translate(8px,6px); width: 35px }
            .header-area.style-1 .menu-wrap .nav-right .mobile-menu-btn.active span::after { transform: rotateZ(-45deg) translate(8px,-6px); width: 35px }
}

.header-area.style-1 .menu-wrap .main-menu { display: inline-block }
    .header-area.style-1 .menu-wrap .main-menu .mobile-menu-logo { display: none }
    .header-area.style-1 .menu-wrap .main-menu ul { list-style: none; margin: 0; padding: 0 }
        .header-area.style-1 .menu-wrap .main-menu ul > li { display: inline-block; position: relative }
            .header-area.style-1 .menu-wrap .main-menu ul > li svg { fill: var(--primary-color); position: absolute; right: 5px; top: 50%; transform: translateY(-50%); opacity: 0; transition: all .5s ease-out 0s }

@media(max-width:1199px) {
    .header-area.style-1 .menu-wrap .main-menu ul > li svg { right: 0 }
}

@media(max-width:991px) {
    .header-area.style-1 .menu-wrap .main-menu ul > li { padding: 22px 0 }
}

.header-area.style-1 .menu-wrap .main-menu ul > li:first-child { padding-left: 0 }
.header-area.style-1 .menu-wrap .main-menu ul > li > a { color: var(--title-color); display: block; text-transform: capitalize; padding: 34px 30px; position: relative; font-family: var(--font-Urbanist); font-weight: 500; font-size: 14px; transition: all .5s ease-out 0s; position: relative; border-radius: 15px; line-height: 1 }

@media(max-width:1399px) {
    .header-area.style-1 .menu-wrap .main-menu ul > li > a { font-size: 13px }
}

@media(max-width:1199px) {
    .header-area.style-1 .menu-wrap .main-menu ul > li > a { padding: 34px 20px }
}

.header-area.style-1 .menu-wrap .main-menu ul > li i { font-size: 20px; text-align: center; color: var(--white-color); font-style: normal; position: absolute; right: -5px; top: 35px; z-index: 999; cursor: pointer; display: none; transition: all .5s ease-out 0s; opacity: 0 }

@media(max-width:991px) {
    .header-area.style-1 .menu-wrap .main-menu ul > li i { opacity: 1 }
}

.header-area.style-1 .menu-wrap .main-menu ul > li i.active { color: var(--primary-color) }
    .header-area.style-1 .menu-wrap .main-menu ul > li i.active::before { content: "\f2ea" }
.header-area.style-1 .menu-wrap .main-menu ul > li ul.sub-menu { position: absolute; left: 0; right: 0; top: 82px; margin: 0; display: none; min-width: 215px; background: var(---dark-white-color); border: 1px solid rgba(13,23,32,.0784313725); text-align: left }
    .header-area.style-1 .menu-wrap .main-menu ul > li ul.sub-menu > li { padding: 0; display: block; position: relative }
        .header-area.style-1 .menu-wrap .main-menu ul > li ul.sub-menu > li i { position: absolute; top: 10px; right: 6px; display: block; color: var(--title-color); font-size: 20px }
        .header-area.style-1 .menu-wrap .main-menu ul > li ul.sub-menu > li .dropdown-icon { color: var(--title-color); opacity: 1; top: 15px; font-size: 13px; right: 15px }

@media(max-width:991px) {
    .header-area.style-1 .menu-wrap .main-menu ul > li ul.sub-menu > li .dropdown-icon { right: 0; color: var(--white-color); top: 8px; font-size: 20px }
}

.header-area.style-1 .menu-wrap .main-menu ul > li ul.sub-menu > li .dropdown-icon2 { color: var(--title-color); opacity: 1; top: 14px; right: 10px; font-size: 13px }

@media(max-width:1199px) {
    .header-area.style-1 .menu-wrap .main-menu ul > li ul.sub-menu > li .dropdown-icon2::before { content: "\f4fe" }
}

.header-area.style-1 .menu-wrap .main-menu ul > li ul.sub-menu > li > a { display: block; padding: 14px 20px; font-family: var(--font-Urbanist); color: var(--title-color); font-weight: 500; text-transform: capitalize; font-size: 13px; line-height: 1.4; transition: all .4s ease-out 0s; position: relative; border-radius: 0; border: none; border-bottom: 1px solid rgba(13,23,32,.0784313725) }
    .header-area.style-1 .menu-wrap .main-menu ul > li ul.sub-menu > li > a::before { content: ""; position: absolute; bottom: -1px; left: 0; background: linear-gradient(90deg,#fff,#EC6219,#fff); width: 100%; height: 1px; transform: scaleX(0); transform-origin: left; transition: .4s ease-in; z-index: 1 }

@media(max-width:991px) {
    .header-area.style-1 .menu-wrap .main-menu ul > li ul.sub-menu > li > a { border-color: rgba(13,23,32,.0784313725) }
        .header-area.style-1 .menu-wrap .main-menu ul > li ul.sub-menu > li > a::before { background: linear-gradient(90deg,#525252,#EC6219,#525252) }
}

.header-area.style-1 .menu-wrap .main-menu ul > li ul.sub-menu > li > a:hover { color: var(--primary-color) }
    .header-area.style-1 .menu-wrap .main-menu ul > li ul.sub-menu > li > a:hover::before { transform: scale(1) }
.header-area.style-1 .menu-wrap .main-menu ul > li ul.sub-menu > li > a.active { color: var(--primary-color) }
    .header-area.style-1 .menu-wrap .main-menu ul > li ul.sub-menu > li > a.active::before { transform: scale(1) }
.header-area.style-1 .menu-wrap .main-menu ul > li ul.sub-menu > li:last-child a { border-bottom: none }
    .header-area.style-1 .menu-wrap .main-menu ul > li ul.sub-menu > li:last-child a::before { display: none }
.header-area.style-1 .menu-wrap .main-menu ul > li ul.sub-menu > li:last-child .sub-menu li a { border-bottom: 1px solid rgba(13,23,32,.0784313725) }
    .header-area.style-1 .menu-wrap .main-menu ul > li ul.sub-menu > li:last-child .sub-menu li a::before { display: block }
.header-area.style-1 .menu-wrap .main-menu ul > li ul.sub-menu > li:last-child .sub-menu li:last-child a { border-bottom: none }
    .header-area.style-1 .menu-wrap .main-menu ul > li ul.sub-menu > li:last-child .sub-menu li:last-child a::before { display: none }
.header-area.style-1 .menu-wrap .main-menu ul > li ul.sub-menu > li:hover > a { color: var(--primary-color) }
.header-area.style-1 .menu-wrap .main-menu ul > li ul.sub-menu > li:hover .dropdown-icon { color: var(--primary-color) }
.header-area.style-1 .menu-wrap .main-menu ul > li ul.sub-menu > li:hover .dropdown-icon2 { color: var(--primary-color) }
.header-area.style-1 .menu-wrap .main-menu ul > li ul.sub-menu > li.active > a { color: var(--primary-color) }
.header-area.style-1 .menu-wrap .main-menu ul > li ul.sub-menu > li.active .dropdown-icon { color: var(--primary-color) }
.header-area.style-1 .menu-wrap .main-menu ul > li ul.sub-menu > li.active .dropdown-icon2 { color: var(--primary-color) }
.header-area.style-1 .menu-wrap .main-menu ul > li ul.sub-menu > li .sub-menu { left: 100%; position: absolute; max-width: 230px; min-width: 215px; background: var(---dark-white-color); top: 0 }
    .header-area.style-1 .menu-wrap .main-menu ul > li ul.sub-menu > li .sub-menu::before { display: none; visibility: hidden }

@media only screen and (max-width:991px) {
    .header-area.style-1 .menu-wrap .main-menu ul > li ul.sub-menu > li .sub-menu { margin-left: 10px; position: unset; max-width: 230px; min-width: 215px; background: 0 0; top: 0 }
}

.header-area.style-1 .menu-wrap .main-menu ul > li ul.sub-menu > li .sub-menu > li i { display: block }
.header-area.style-1 .menu-wrap .main-menu ul > li ul.sub-menu > li:last-child { border-bottom: none }
.header-area.style-1 .menu-wrap .main-menu ul > li:hover > a { color: var(--primary-color) }

@media(max-width:991px) {
    .header-area.style-1 .menu-wrap .main-menu ul > li:hover > a { border-color: transparent }
}

.header-area.style-1 .menu-wrap .main-menu ul > li:hover svg { opacity: 1 }

@media(min-width:992px) {
    .header-area.style-1 .menu-wrap .main-menu ul > li:hover > ul.sub-menu { display: block; animation: fade-up .45s linear }
}

@keyframes fade-up {
    0% { opacity: 0; transform: translateY(10px); visibility: hidden }
    100% { opacity: 1; transform: translateY(0px); visibility: visible }
}

.header-area.style-1 .menu-wrap .main-menu ul > li.active > a { color: var(--primary-color) }

@media(max-width:991px) {
    .header-area.style-1 .menu-wrap .main-menu ul > li.active > a { border-color: transparent }
}

.header-area.style-1 .menu-wrap .main-menu ul > li.active svg { opacity: 1 }
.header-area.style-1 .menu-wrap .main-menu ul > li.active .dropdown-icon2 { color: var(--primary-color) }
.header-area.style-1 .menu-wrap .main-menu ul li.menu-item-has-children > i { display: block }

@media only screen and (max-width:991px) {
    .header-area.style-1 .menu-wrap .mobile-logo-area { justify-content: center !important }
    .header-area.style-1 .menu-wrap .dropdown-icon { color: var(--white-color) }
    .header-area.style-1 .menu-wrap .main-menu { position: fixed; top: 0; left: 0; width: 280px; padding: 30px 20px !important; z-index: 99999; height: 100%; overflow: auto; background: var(--white-color); transform: translateX(-100%); transition: transform .3s ease-in; border-right: 1px solid rgba(13,23,32,.0784313725) }
        .header-area.style-1 .menu-wrap .main-menu.show-menu { transform: translateX(0) }
        .header-area.style-1 .menu-wrap .main-menu .mobile-menu-logo { text-align: left; padding-top: 20px; display: block; padding-bottom: 8px }
        .header-area.style-1 .menu-wrap .main-menu .menu-list { padding-top: 50px; padding-bottom: 30px }
        .header-area.style-1 .menu-wrap .main-menu > ul { float: none; text-align: left; padding: 5px 0 20px 0 }
            .header-area.style-1 .menu-wrap .main-menu > ul li { display: block; position: relative; padding: 5px }
                .header-area.style-1 .menu-wrap .main-menu > ul li:first-child { padding-left: 5px }
                .header-area.style-1 .menu-wrap .main-menu > ul li i { display: block; color: var(--title-color) }
                .header-area.style-1 .menu-wrap .main-menu > ul li a { padding: 10px 0; display: block; font-size: 1rem }
                .header-area.style-1 .menu-wrap .main-menu > ul li ul.sub-menu { position: static; min-width: 200px; background: 0 0; border: none; opacity: 1; visibility: visible; box-shadow: none; transform: none; transition: none; display: none; margin-top: 0 !important; transform: translateY(0px); margin-left: 10px }
                    .header-area.style-1 .menu-wrap .main-menu > ul li ul.sub-menu > li { border-bottom: 1px solid transparent }
                        .header-area.style-1 .menu-wrap .main-menu > ul li ul.sub-menu > li a { font-size: 14px; padding: 12px 0 }
                            .header-area.style-1 .menu-wrap .main-menu > ul li ul.sub-menu > li a:hover { color: var(--primary-color); margin-left: 10px }
                            .header-area.style-1 .menu-wrap .main-menu > ul li ul.sub-menu > li a.active { color: var(--primary-color) }
                        .header-area.style-1 .menu-wrap .main-menu > ul li ul.sub-menu > li i { color: var(--primary-color); right: -13px }
                .header-area.style-1 .menu-wrap .main-menu > ul li .bi { top: 8px; font-size: 20px; color: var(--title-color) }
        .header-area.style-1 .menu-wrap .main-menu .topbar-right { margin-bottom: 40px }
            .header-area.style-1 .menu-wrap .main-menu .topbar-right li { color: var(--title-color); font-family: var(--font-fahkwang); font-size: 13px; font-weight: 500; line-height: 1; position: relative; margin-bottom: 7px; padding: 5px 0 }
                .header-area.style-1 .menu-wrap .main-menu .topbar-right li a { color: var(--title-color); display: flex; align-items: center; gap: 6px; transition: .35s; text-transform: none; padding: 0 !important }
                    .header-area.style-1 .menu-wrap .main-menu .topbar-right li a svg { fill: var(--title-color) }
                    .header-area.style-1 .menu-wrap .main-menu .topbar-right li a:hover { color: var(--primary-color) }
                        .header-area.style-1 .menu-wrap .main-menu .topbar-right li a:hover svg { fill: var(--primary-color) }
    .header-area.style-1 .menu-wrap .primary-btn1 { justify-content: center; padding: 18px 37px; width: 100% }
}

@media(max-width:991px) {
    .header-area.style-1.two .header-logo { padding: 15px }
}

.header-area.style-1.two .menu-wrap .nav-right .header-btn { padding: 19px 35px; transition: all .6s; border-radius: 5px }

@media(max-width:1199px) {
    .header-area.style-1.two .menu-wrap .nav-right .header-btn { padding: 14px 22px }
}

.header-area.style-1.two .menu-wrap .nav-right .header-btn svg { fill: var(--white-color); transition: all .6s }
.header-area.style-1.two .menu-wrap .nav-right .header-btn span { position: absolute; display: block; width: 0; height: 0; border-radius: 50%; background-color: var(--white-color); transition: all .6s; transform: translate(-50%,-50%); z-index: -1 }
.header-area.style-1.two .menu-wrap .nav-right .header-btn:hover { color: var(--primary-color) }
    .header-area.style-1.two .menu-wrap .nav-right .header-btn:hover svg { fill: var(--primary-color) }
    .header-area.style-1.two .menu-wrap .nav-right .header-btn:hover span { width: 225%; height: 1000.5px }
.header-area.style-1.two .menu-wrap .nav-right .header-btn:active { background-color: var(--white-color) }

@media(max-width:991px) {
    .header-area.style-1.two .menu-wrap .nav-right .header-btn { display: none; visibility: hidden }
}

.header-area.style-1.two .menu-wrap .main-menu ul > li { padding: 34px 10px }

@media(max-width:1199px) {
    .header-area.style-1.two .menu-wrap .main-menu ul > li { padding: 22px 0 }
}

.header-area.style-1.two .menu-wrap .main-menu ul > li:first-child { padding-left: 0 }
.header-area.style-1.two .menu-wrap .main-menu ul > li > a { padding: 4px 12px; border-radius: 15px; border: 1px solid transparent; background: 0 0 }

@media(max-width:1399px) {
    .header-area.style-1.two .menu-wrap .main-menu ul > li > a { font-size: 13px }
}

@media(max-width:991px) {
    .header-area.style-1.two .menu-wrap .main-menu ul > li > a { padding: 32px 9px }
}

.header-area.style-1.two .menu-wrap .main-menu ul > li ul.sub-menu { top: 92px }
.header-area.style-1.two .menu-wrap .main-menu ul > li:hover > a { background-color: var(---dark-white-color); border-color: var(--primary-color) }

@media(max-width:991px) {
    .header-area.style-1.two .menu-wrap .main-menu ul > li:hover > a { border-color: transparent; background-color: transparent }
}

.header-area.style-1.two .menu-wrap .main-menu ul > li.active > a { background-color: var(---dark-white-color) }

@media(max-width:991px) {
    .header-area.style-1.two .menu-wrap .main-menu ul > li.active > a { border-color: transparent; background-color: transparent }
}

.header-area.style-1.innerpage { position: absolute; border-bottom: 1px solid rgba(255,255,255,.12) }
    .header-area.style-1.innerpage.sticky { position: fixed; top: 0; left: 0; width: 100%; padding-top: 0 !important; padding-bottom: 0 !important; box-sizing: border-box; background-color: var(--paragraph-color3); z-index: 99 }

@keyframes smooth-header {
    0% { transform: translateY(-30px) }
    100% { transform: translateY(0px) }
}

.header-area.style-1.innerpage .menu-wrap .main-menu ul > li svg { fill: var(--primary-color) }
.header-area.style-1.innerpage .menu-wrap .main-menu ul > li > a { color: var(--white-color) }
.header-area.style-1.innerpage .menu-wrap .main-menu ul > li:hover > a { color: var(--primary-color) }

@media(max-width:991px) {
    .header-area.style-1.innerpage .menu-wrap .main-menu ul > li:hover > a { border-color: transparent }
}

.header-area.style-1.innerpage .menu-wrap .main-menu ul > li.active > a { color: var(--primary-color) }

@media(max-width:991px) {
    .header-area.style-1.innerpage .menu-wrap .main-menu ul > li.active > a { border-color: transparent }
}

.header-area.style-1.innerpage2 { position: absolute; border-bottom: 1px solid rgba(var(--title-color-opc),0.06) }
    .header-area.style-1.innerpage2.sticky { position: fixed; top: 0; left: 0; width: 100%; padding-top: 0 !important; padding-bottom: 0 !important; box-sizing: border-box; background-color: var(--body-bg1); z-index: 99 }

@keyframes smooth-header {
    0% { transform: translateY(-30px) }
    100% { transform: translateY(0px) }
}

.header-area.style-1.inner-white-bg { border-bottom: 1px solid var(--border-color2) }
    .header-area.style-1.inner-white-bg .menu-wrap .nav-right .sidebar-btn { border: 1px solid var(--border-color2) }
.header-area.style-1.portfolio { border-bottom: none }
.header-area.style-2 { position: absolute; width: 100%; z-index: 999; display: flex; justify-content: space-between; align-items: center; padding: 0 3%; width: 100%; transition: all .8s ease-out 0s; gap: 30px; border-bottom: 1px solid rgba(255,255,255,.08) }

@media(max-width:1699px) {
    .header-area.style-2 { padding: 0 3% }
}

@media(max-width:1399px) {
    .header-area.style-2 { padding: 0 1%; gap: 20px }
}

@media(max-width:991px) {
    .header-area.style-2 { padding: 15px }
}

.header-area.style-2.sticky { position: fixed; top: 0; left: 0; width: 100%; box-sizing: border-box; background-color: var(--dark-title-color); z-index: 99 }

@keyframes smooth-header {
    0% { transform: translateY(-30px) }
    100% { transform: translateY(0px) }
}

@media(max-width:991px) {
    .header-area.style-2 .header-logo { border: unset }
}

.header-area.style-2 .header-logo img { width: 175px; max-width: unset }

@media(max-width:1199px) {
    .header-area.style-2 .header-logo img { width: 150px }
}

.header-area.style-2 .menu-close-btn i { color: var(--white-color) }
.header-area.style-2 .logo-and-menu { display: flex; align-items: center; gap: 50px }

@media(max-width:1399px) {
    .header-area.style-2 .logo-and-menu { gap: 30px }
}

@media(max-width:991px) {
    .header-area.style-2 .logo-and-menu { border: none; justify-content: end }
}

.header-area.style-2 .nav-right { gap: 70px }

@media(min-width:1400px) and (max-width:1599px) {
    .header-area.style-2 .nav-right { gap: 30px }
}

@media(max-width:1399px) {
    .header-area.style-2 .nav-right { gap: 20px }
}

@media(max-width:991px) {
    .header-area.style-2 .nav-right { gap: 0 }
}

.header-area.style-2 .nav-right .hotline-area { display: flex; align-items: center; gap: 20px }
    .header-area.style-2 .nav-right .hotline-area .icon svg { fill: #c4c4c4 }
    .header-area.style-2 .nav-right .hotline-area .content { position: relative }
        .header-area.style-2 .nav-right .hotline-area .content::after { content: ""; height: 35px; width: 1px; background-color: rgba(255,255,255,.2); position: absolute; left: -10px; top: 50%; transform: translateY(-50%) }
        .header-area.style-2 .nav-right .hotline-area .content span { color: #c4c4c4; font-family: var(--font-Urbanist); font-size: 14px; font-weight: 400; margin-bottom: 7px; display: inline-block }
        .header-area.style-2 .nav-right .hotline-area .content h6 { margin-bottom: 0 }
            .header-area.style-2 .nav-right .hotline-area .content h6 a { color: #fff; font-family: var(--font-Urbanist); font-size: 16px; font-weight: 600; line-height: 1 }

@media(max-width:1399px) {
    .header-area.style-2 .nav-right .hotline-area .content h6 a { font-size: 14px }
}

.header-area.style-2 .nav-right .header-btn { color: var(--dark-title-color); font-family: var(--font-Urbanist); font-size: 15px; font-weight: 500; border: 1px solid var(--white-color); background: var(--white-color); line-height: 1; display: inline-flex; align-items: baseline; padding: 20px 35px; gap: 8px; white-space: nowrap; overflow: hidden; position: relative; z-index: 1; transition: all .6s; border-radius: 28px }

@media(max-width:1399px) {
    .header-area.style-2 .nav-right .header-btn { padding: 17px 25px }
}

.header-area.style-2 .nav-right .header-btn span { position: absolute; display: block; width: 0; height: 0; border-radius: 36px; background-color: var(--primary-color2); transition: all .6s; transform: translate(-50%,-50%); z-index: -1 }
.header-area.style-2 .nav-right .header-btn:hover { color: var(--dark-title-color); border-color: var(--primary-color2) }
    .header-area.style-2 .nav-right .header-btn:hover span { width: 225%; height: 1000.5px }
.header-area.style-2 .nav-right .header-btn:active { background-color: var(--primary-color2) }

@media(max-width:991px) {
    .header-area.style-2 .nav-right .header-btn { display: none; visibility: hidden }
}

.header-area.style-2 .nav-right .sidebar-btn { width: 36px; height: 36px; border-radius: 50%; display: flex; align-items: center; justify-content: center; background-color: var(--primary-color2); transition: .35s; cursor: pointer }

@media(min-width:1200px) {
    .header-area.style-2 .nav-right .sidebar-btn { display: none; visibility: hidden }
}

.header-area.style-2 .nav-right .sidebar-btn svg { transition: .35s; fill: var(--primary-color3) }
    .header-area.style-2 .nav-right .sidebar-btn svg.close { display: none }
.header-area.style-2 .nav-right .sidebar-btn.active svg.close { display: block }
.header-area.style-2 .nav-right .sidebar-btn.active svg.open { display: none }
.header-area.style-2 .nav-right .sidebar-btn:hover { background-color: var(--white-color) }
    .header-area.style-2 .nav-right .sidebar-btn:hover svg { fill: var(--primary-color2) }
.header-area.style-2 .main-menu { display: inline-block }
    .header-area.style-2 .main-menu .mobile-menu-logo { display: none }
    .header-area.style-2 .main-menu ul { list-style: none; margin: 0; padding: 0 }
        .header-area.style-2 .main-menu ul > li { display: inline-block; position: relative }
            .header-area.style-2 .main-menu ul > li svg { fill: var(--primary-color2); position: absolute; right: 5px; top: 50%; transform: translateY(-50%); opacity: 0; transition: all .5s ease-out 0s }

@media(min-width:1400px) and (max-width:1599px) {
    .header-area.style-2 .main-menu ul > li svg { right: -3px }
}

@media(max-width:1399px) {
    .header-area.style-2 .main-menu ul > li svg { right: -3px }
}

@media(max-width:991px) {
    .header-area.style-2 .main-menu ul > li { padding: 22px 0 }
}

.header-area.style-2 .main-menu ul > li:first-child { padding-left: 0 }
.header-area.style-2 .main-menu ul > li > a { color: var(--white-color); display: block; text-transform: capitalize; padding: 34px 30px; position: relative; font-family: var(--font-Urbanist); font-weight: 500; font-size: 14px; transition: all .5s ease-out 0s; position: relative; border-radius: 15px; line-height: 1 }

@media(min-width:1400px) and (max-width:1599px) {
    .header-area.style-2 .main-menu ul > li > a { padding: 34px 20px }
}

@media(max-width:1399px) {
    .header-area.style-2 .main-menu ul > li > a { font-size: 13px; padding: 34px 20px }
}

.header-area.style-2 .main-menu ul > li i { font-size: 20px; text-align: center; color: var(--white-color); font-style: normal; position: absolute; right: -5px; top: 35px; z-index: 999; cursor: pointer; display: none; transition: all .5s ease-out 0s; opacity: 0 }

@media(max-width:991px) {
    .header-area.style-2 .main-menu ul > li i { opacity: 1 }
}

.header-area.style-2 .main-menu ul > li i.active { color: var(--primary-color2) }
    .header-area.style-2 .main-menu ul > li i.active::before { content: "\f2ea" }
.header-area.style-2 .main-menu ul > li ul.sub-menu { position: absolute; left: 0; right: 0; top: 82px; margin: 0; display: none; min-width: 215px; background: var(---dark-white-color); border: 1px solid rgba(13,23,32,.0784313725); text-align: left }
    .header-area.style-2 .main-menu ul > li ul.sub-menu > li { padding: 0; display: block; position: relative }
        .header-area.style-2 .main-menu ul > li ul.sub-menu > li i { position: absolute; top: 10px; right: 6px; display: block; color: var(--title-color); font-size: 20px }
        .header-area.style-2 .main-menu ul > li ul.sub-menu > li .dropdown-icon { color: var(--title-color); opacity: 1; top: 15px; font-size: 13px; right: 15px }

@media(max-width:991px) {
    .header-area.style-2 .main-menu ul > li ul.sub-menu > li .dropdown-icon { right: 0; color: var(--white-color); top: 8px; font-size: 20px }
}

.header-area.style-2 .main-menu ul > li ul.sub-menu > li .dropdown-icon2 { color: var(--title-color); opacity: 1; top: 14px; right: 10px; font-size: 13px }

@media(max-width:1199px) {
    .header-area.style-2 .main-menu ul > li ul.sub-menu > li .dropdown-icon2::before { content: "\f4fe" }
}

.header-area.style-2 .main-menu ul > li ul.sub-menu > li > a { display: block; padding: 14px 20px; font-family: var(--font-Urbanist); color: var(--title-color); font-weight: 500; text-transform: capitalize; font-size: 13px; line-height: 1.4; transition: all .4s ease-out 0s; position: relative; border-radius: 0; border: none; border-bottom: 1px solid rgba(13,23,32,.0784313725) }
    .header-area.style-2 .main-menu ul > li ul.sub-menu > li > a::before { content: ""; position: absolute; bottom: -1px; left: 0; background: linear-gradient(90deg,#fff,#F4CB0A,#fff); width: 100%; height: 1px; transform: scaleX(0); transform-origin: left; transition: .4s ease-in; z-index: 1 }

@media(max-width:991px) {
    .header-area.style-2 .main-menu ul > li ul.sub-menu > li > a { border-color: rgba(13,23,32,.0784313725) }
        .header-area.style-2 .main-menu ul > li ul.sub-menu > li > a::before { background: linear-gradient(90deg,#525252,#F4CB0A,#525252) }
}

.header-area.style-2 .main-menu ul > li ul.sub-menu > li > a:hover { color: var(--primary-color2) }
    .header-area.style-2 .main-menu ul > li ul.sub-menu > li > a:hover::before { transform: scale(1) }
.header-area.style-2 .main-menu ul > li ul.sub-menu > li > a.active { color: var(--primary-color2) }
    .header-area.style-2 .main-menu ul > li ul.sub-menu > li > a.active::before { transform: scale(1) }
.header-area.style-2 .main-menu ul > li ul.sub-menu > li:last-child a { border-bottom: none }
    .header-area.style-2 .main-menu ul > li ul.sub-menu > li:last-child a::before { display: none }
.header-area.style-2 .main-menu ul > li ul.sub-menu > li:hover > a { color: var(--primary-color2) }
.header-area.style-2 .main-menu ul > li ul.sub-menu > li:hover .dropdown-icon { color: var(--primary-color2) }
.header-area.style-2 .main-menu ul > li ul.sub-menu > li:hover .dropdown-icon2 { color: var(--primary-color2) }
.header-area.style-2 .main-menu ul > li ul.sub-menu > li.active > a { color: var(--primary-color2) }
.header-area.style-2 .main-menu ul > li ul.sub-menu > li.active .dropdown-icon { color: var(--primary-color2) }
.header-area.style-2 .main-menu ul > li ul.sub-menu > li.active .dropdown-icon2 { color: var(--primary-color2) }
.header-area.style-2 .main-menu ul > li ul.sub-menu > li .sub-menu { left: 100%; position: absolute; max-width: 230px; min-width: 215px; background: var(---dark-white-color); border: 1px solid rgba(13,23,32,.0784313725); top: 0 }
    .header-area.style-2 .main-menu ul > li ul.sub-menu > li .sub-menu::before { display: none; visibility: hidden }

@media only screen and (max-width:991px) {
    .header-area.style-2 .main-menu ul > li ul.sub-menu > li .sub-menu { margin-left: 10px; position: unset; max-width: 230px; min-width: 215px; background: 0 0; top: 0 }
}

.header-area.style-2 .main-menu ul > li ul.sub-menu > li .sub-menu > li i { display: block }
.header-area.style-2 .main-menu ul > li ul.sub-menu > li:last-child { border-bottom: none }
.header-area.style-2 .main-menu ul > li:hover > a { color: var(--primary-color2) }

@media(max-width:991px) {
    .header-area.style-2 .main-menu ul > li:hover > a { border-color: transparent }
}

.header-area.style-2 .main-menu ul > li:hover svg { opacity: 1 }

@media(min-width:992px) {
    .header-area.style-2 .main-menu ul > li:hover > ul.sub-menu { display: block; animation: fade-up .45s linear }
}

@keyframes fade-up {
    0% { opacity: 0; transform: translateY(10px); visibility: hidden }
    100% { opacity: 1; transform: translateY(0px); visibility: visible }
}

.header-area.style-2 .main-menu ul > li.active > a { color: var(--primary-color2) }

@media(max-width:991px) {
    .header-area.style-2 .main-menu ul > li.active > a { border-color: transparent }
}

.header-area.style-2 .main-menu ul > li.active svg { opacity: 1 }
.header-area.style-2 .main-menu ul > li.active .dropdown-icon2 { color: var(--primary-color2) }
.header-area.style-2 .main-menu ul li.menu-item-has-children > i { display: block }

@media only screen and (max-width:991px) {
    .header-area.style-2 .mobile-logo-area { justify-content: center !important }
    .header-area.style-2 .dropdown-icon { color: var(--white-color) }
    .header-area.style-2 .main-menu { position: fixed; top: 0; left: 0; width: 280px; padding: 30px 20px !important; z-index: 99999; height: 100%; overflow: auto; background: var(--white-color); transform: translateX(-100%); transition: transform .3s ease-in; border-right: 1px solid rgba(13,23,32,.0784313725) }
        .header-area.style-2 .main-menu.show-menu { transform: translateX(0) }
        .header-area.style-2 .main-menu .mobile-menu-logo { text-align: left; padding-top: 20px; display: block; padding-bottom: 8px }
        .header-area.style-2 .main-menu .menu-list { padding-top: 50px; padding-bottom: 30px }
        .header-area.style-2 .main-menu > ul { float: none; text-align: left; padding: 5px 0 20px 0 }
            .header-area.style-2 .main-menu > ul li { display: block; position: relative; padding: 5px }
                .header-area.style-2 .main-menu > ul li:first-child { padding-left: 5px }
                .header-area.style-2 .main-menu > ul li i { display: block; color: var(--title-color) }
                .header-area.style-2 .main-menu > ul li a { padding: 10px 0; display: block; font-size: 1rem }
                .header-area.style-2 .main-menu > ul li ul.sub-menu { position: static; min-width: 200px; background: 0 0; border: none; opacity: 1; visibility: visible; box-shadow: none; transform: none; transition: none; display: none; margin-top: 0 !important; transform: translateY(0px); margin-left: 10px }
                    .header-area.style-2 .main-menu > ul li ul.sub-menu > li { border-bottom: 1px solid transparent }
                        .header-area.style-2 .main-menu > ul li ul.sub-menu > li a { font-size: 14px; padding: 12px 0 }
                            .header-area.style-2 .main-menu > ul li ul.sub-menu > li a:hover { color: var(--primary-color2); margin-left: 10px }
                            .header-area.style-2 .main-menu > ul li ul.sub-menu > li a.active { color: var(--primary-color2) }
                        .header-area.style-2 .main-menu > ul li ul.sub-menu > li i { color: var(--primary-color2); right: -13px }
                .header-area.style-2 .main-menu > ul li .bi { top: 8px; font-size: 20px; color: var(--title-color) }
        .header-area.style-2 .main-menu .topbar-right { margin-bottom: 40px }
            .header-area.style-2 .main-menu .topbar-right li { color: var(--title-color); font-family: var(--font-fahkwang); font-size: 13px; font-weight: 500; line-height: 1; position: relative; margin-bottom: 7px; padding: 5px 0 }
                .header-area.style-2 .main-menu .topbar-right li a { color: var(--title-color); display: flex; align-items: center; gap: 6px; transition: .35s; text-transform: none; padding: 0 !important }
                    .header-area.style-2 .main-menu .topbar-right li a svg { fill: var(--title-color) }
                    .header-area.style-2 .main-menu .topbar-right li a:hover { color: var(--primary-color2) }
                        .header-area.style-2 .main-menu .topbar-right li a:hover svg { fill: var(--primary-color2) }
    .header-area.style-2 .primary-btn1 { justify-content: center; padding: 18px 37px; width: 100% }
}

.header-area.style-4 { position: absolute; z-index: 999; display: flex; justify-content: space-between; align-items: center; padding: 0 3%; width: 100%; transition: all .8s ease-out 0s; gap: 30px; border-bottom: 1px solid transparent }

@media(max-width:1699px) {
    .header-area.style-4 { padding: 0 3% }
}

@media(max-width:1399px) {
    .header-area.style-4 { padding: 0 2%; gap: 20px }
}

@media(max-width:991px) {
    .header-area.style-4 { padding: 0 }
}

.header-area.style-4.sticky { position: fixed; top: 0; left: 0; width: 100%; padding-top: 0 !important; padding-bottom: 0 !important; box-sizing: border-box; background-color: var(--dark-title-color); z-index: 99 }

@keyframes smooth-header {
    0% { transform: translateY(-30px) }
    100% { transform: translateY(0px) }
}

@media(max-width:991px) {
    .header-area.style-4 .header-logo { padding: 15px }
}

.header-area.style-4 .header-logo img { width: 175px; max-width: unset }

@media(max-width:1199px) {
    .header-area.style-4 .header-logo img { width: 150px }
}

.header-area.style-4 .menu-close-btn i { color: var(--white-color) }
.header-area.style-4 .menu-wrap { display: flex; align-items: center; gap: 40px }

@media(max-width:1399px) {
    .header-area.style-4 .menu-wrap { padding: 0 20px }
}

@media(max-width:1399px) {
    .header-area.style-4 .menu-wrap { padding: 0 15px }
}

@media(max-width:991px) {
    .header-area.style-4 .menu-wrap { border: none; justify-content: end }
}

.header-area.style-4 .menu-wrap .nav-right { gap: 105px }

@media(max-width:1399px) {
    .header-area.style-4 .menu-wrap .nav-right { gap: 30px }
}

@media(max-width:991px) {
    .header-area.style-4 .menu-wrap .nav-right { gap: 0 }
}

.header-area.style-4 .menu-wrap .nav-right .sidebar-btn { width: 36px; height: 36px; border-radius: 50%; display: flex; align-items: center; justify-content: center; background-color: var(--primary-color); transition: .35s; cursor: pointer }
    .header-area.style-4 .menu-wrap .nav-right .sidebar-btn svg { transition: .35s; fill: var(--white-color) }
        .header-area.style-4 .menu-wrap .nav-right .sidebar-btn svg.close { display: none }
    .header-area.style-4 .menu-wrap .nav-right .sidebar-btn.active svg.close { display: block }
    .header-area.style-4 .menu-wrap .nav-right .sidebar-btn.active svg.open { display: none }
    .header-area.style-4 .menu-wrap .nav-right .sidebar-btn:hover { background-color: var(--white-color) }
        .header-area.style-4 .menu-wrap .nav-right .sidebar-btn:hover svg { fill: var(--primary-color) }
.header-area.style-4 .menu-wrap .nav-right .mobile-menu-btn { display: none; visibility: hidden }

@media(max-width:991px) {
    .header-area.style-4 .menu-wrap .nav-right .mobile-menu-btn { display: flex; margin-left: 50px; flex-direction: column; align-items: end; visibility: visible; justify-content: center; position: relative }
        .header-area.style-4 .menu-wrap .nav-right .mobile-menu-btn span { height: 3px; width: 25px; background-color: var(--title-color); display: flex; transition: transform .5s ease-in; position: absolute; top: 0 }
            .header-area.style-4 .menu-wrap .nav-right .mobile-menu-btn span::before { transition-duration: .5s; position: absolute; width: 35px; height: 3px; background-color: var(--title-color); content: ""; top: -10px; right: 0 }
            .header-area.style-4 .menu-wrap .nav-right .mobile-menu-btn span::after { transition-duration: .5s; position: absolute; width: 15px; height: 3px; right: 0; background-color: var(--title-color); content: ""; top: 10px }
        .header-area.style-4 .menu-wrap .nav-right .mobile-menu-btn.active span { background-color: transparent }
            .header-area.style-4 .menu-wrap .nav-right .mobile-menu-btn.active span::before { transform: rotateZ(45deg) translate(8px,6px); width: 35px }
            .header-area.style-4 .menu-wrap .nav-right .mobile-menu-btn.active span::after { transform: rotateZ(-45deg) translate(8px,-6px); width: 35px }
}

.header-area.style-4 .menu-wrap .main-menu { display: inline-block }
    .header-area.style-4 .menu-wrap .main-menu .mobile-menu-logo { display: none }
    .header-area.style-4 .menu-wrap .main-menu ul { list-style: none; margin: 0; padding: 0 }
        .header-area.style-4 .menu-wrap .main-menu ul > li { display: inline-block; position: relative; padding: 34px 10px }

@media(max-width:1199px) {
    .header-area.style-4 .menu-wrap .main-menu ul > li { padding: 22px 0 }
}

.header-area.style-4 .menu-wrap .main-menu ul > li:first-child { padding-left: 0 }
.header-area.style-4 .menu-wrap .main-menu ul > li svg { fill: var(--primary-color); position: absolute; right: -2px; top: 50%; transform: translateY(-50%); opacity: 0; transition: all .5s ease-out 0s }

@media(max-width:1199px) {
    .header-area.style-4 .menu-wrap .main-menu ul > li { padding: 22px 0 }
}

.header-area.style-4 .menu-wrap .main-menu ul > li:first-child { padding-left: 0 }
.header-area.style-4 .menu-wrap .main-menu ul > li > a { color: var(--white-color); display: block; text-transform: capitalize; position: relative; font-family: var(--font-Urbanist); font-weight: 500; font-size: 14px; transition: all .5s ease-out 0s; position: relative; border-radius: 15px; line-height: 1; padding: 4px 12px; border-radius: 15px; border: 1px solid transparent; background: 0 0 }

@media(max-width:1399px) {
    .header-area.style-4 .menu-wrap .main-menu ul > li > a { font-size: 13px }
}

.header-area.style-4 .menu-wrap .main-menu ul > li i { font-size: 20px; text-align: center; color: var(--white-color); font-style: normal; position: absolute; right: -5px; top: 35px; z-index: 999; cursor: pointer; display: none; transition: all .5s ease-out 0s; opacity: 0 }

@media(max-width:991px) {
    .header-area.style-4 .menu-wrap .main-menu ul > li i { opacity: 1 }
}

.header-area.style-4 .menu-wrap .main-menu ul > li i.active { color: var(--primary-color) }
    .header-area.style-4 .menu-wrap .main-menu ul > li i.active::before { content: "\f2ea" }
.header-area.style-4 .menu-wrap .main-menu ul > li ul.sub-menu { position: absolute; left: 0; right: 0; top: 92px; margin: 0; display: none; min-width: 215px; background: #161616; border: 1px solid rgba(13,23,32,.0784313725); text-align: left }
    .header-area.style-4 .menu-wrap .main-menu ul > li ul.sub-menu > li { padding: 0; display: block; position: relative }
        .header-area.style-4 .menu-wrap .main-menu ul > li ul.sub-menu > li i { position: absolute; top: 10px; right: 6px; display: block; color: var(--white-color); font-size: 20px }
        .header-area.style-4 .menu-wrap .main-menu ul > li ul.sub-menu > li .dropdown-icon { color: var(--white-color); opacity: 1; top: 15px; font-size: 13px; right: 15px }

@media(max-width:991px) {
    .header-area.style-4 .menu-wrap .main-menu ul > li ul.sub-menu > li .dropdown-icon { right: 0; color: var(--white-color); top: 8px; font-size: 20px }
}

.header-area.style-4 .menu-wrap .main-menu ul > li ul.sub-menu > li .dropdown-icon2 { color: var(--title-color); opacity: 1; top: 14px; right: 10px; font-size: 13px }

@media(max-width:1199px) {
    .header-area.style-4 .menu-wrap .main-menu ul > li ul.sub-menu > li .dropdown-icon2::before { content: "\f4fe" }
}

.header-area.style-4 .menu-wrap .main-menu ul > li ul.sub-menu > li > a { display: block; padding: 14px 20px; font-family: var(--font-Urbanist); color: var(--white-color); font-weight: 500; text-transform: capitalize; font-size: 13px; line-height: 1.4; transition: all .4s ease-out 0s; position: relative; border-radius: 0; border: none; border-bottom: 1px solid rgba(123,123,123,.1) }
    .header-area.style-4 .menu-wrap .main-menu ul > li ul.sub-menu > li > a::before { content: ""; position: absolute; bottom: -1px; left: 0; background: linear-gradient(90deg,#292727,#EC6219,#292727); width: 100%; height: 1px; transform: scaleX(0); transform-origin: left; transition: .4s ease-in; z-index: 1 }

@media(max-width:991px) {
    .header-area.style-4 .menu-wrap .main-menu ul > li ul.sub-menu > li > a { border-color: rgba(13,23,32,.0784313725) }
        .header-area.style-4 .menu-wrap .main-menu ul > li ul.sub-menu > li > a::before { background: linear-gradient(90deg,#525252,#EC6219,#525252) }
}

.header-area.style-4 .menu-wrap .main-menu ul > li ul.sub-menu > li > a:hover { color: var(--primary-color) }
    .header-area.style-4 .menu-wrap .main-menu ul > li ul.sub-menu > li > a:hover::before { transform: scale(1) }
.header-area.style-4 .menu-wrap .main-menu ul > li ul.sub-menu > li > a.active { color: var(--primary-color) }
    .header-area.style-4 .menu-wrap .main-menu ul > li ul.sub-menu > li > a.active::before { transform: scale(1) }
.header-area.style-4 .menu-wrap .main-menu ul > li ul.sub-menu > li:last-child a { border-bottom: none }
    .header-area.style-4 .menu-wrap .main-menu ul > li ul.sub-menu > li:last-child a::before { display: none }
.header-area.style-4 .menu-wrap .main-menu ul > li ul.sub-menu > li:last-child .sub-menu li a { border-bottom: 1px solid rgba(123,123,123,.1) }
    .header-area.style-4 .menu-wrap .main-menu ul > li ul.sub-menu > li:last-child .sub-menu li a::before { display: block }
.header-area.style-4 .menu-wrap .main-menu ul > li ul.sub-menu > li:last-child .sub-menu li:last-child a { border-bottom: none }
    .header-area.style-4 .menu-wrap .main-menu ul > li ul.sub-menu > li:last-child .sub-menu li:last-child a::before { display: none }
.header-area.style-4 .menu-wrap .main-menu ul > li ul.sub-menu > li:hover > a { color: var(--primary-color) }
.header-area.style-4 .menu-wrap .main-menu ul > li ul.sub-menu > li:hover .dropdown-icon { color: var(--primary-color) }
.header-area.style-4 .menu-wrap .main-menu ul > li ul.sub-menu > li:hover .dropdown-icon2 { color: var(--primary-color) }
.header-area.style-4 .menu-wrap .main-menu ul > li ul.sub-menu > li.active > a { color: var(--primary-color); background-color: transparent }
.header-area.style-4 .menu-wrap .main-menu ul > li ul.sub-menu > li.active .dropdown-icon { color: var(--primary-color) }
.header-area.style-4 .menu-wrap .main-menu ul > li ul.sub-menu > li.active .dropdown-icon2 { color: var(--primary-color) }
.header-area.style-4 .menu-wrap .main-menu ul > li ul.sub-menu > li .sub-menu { left: 100%; position: absolute; max-width: 230px; min-width: 215px; background: #161616; box-shadow: 0 30px 80px rgba(8,0,42,.08); top: 0 }
    .header-area.style-4 .menu-wrap .main-menu ul > li ul.sub-menu > li .sub-menu::before { display: none; visibility: hidden }

@media only screen and (max-width:991px) {
    .header-area.style-4 .menu-wrap .main-menu ul > li ul.sub-menu > li .sub-menu { margin-left: 10px; position: unset; max-width: 230px; min-width: 215px; background: 0 0; top: 0 }
}

.header-area.style-4 .menu-wrap .main-menu ul > li ul.sub-menu > li .sub-menu > li i { display: block }
.header-area.style-4 .menu-wrap .main-menu ul > li ul.sub-menu > li:last-child { border-bottom: none }
.header-area.style-4 .menu-wrap .main-menu ul > li:hover > a { border-color: var(--primary-color) }

@media(max-width:991px) {
    .header-area.style-4 .menu-wrap .main-menu ul > li:hover > a { border-color: transparent; background-color: transparent }
}

.header-area.style-4 .menu-wrap .main-menu ul > li:hover svg { opacity: 1 }

@media(min-width:992px) {
    .header-area.style-4 .menu-wrap .main-menu ul > li:hover > ul.sub-menu { display: block; animation: fade-up .45s linear }
}

@keyframes fade-up {
    0% { opacity: 0; transform: translateY(10px); visibility: hidden }
    100% { opacity: 1; transform: translateY(0px); visibility: visible }
}

.header-area.style-4 .menu-wrap .main-menu ul > li.active > a { background-color: var(--white-color); color: var(--dark-title-color); border-color: var(--primary-color) }

@media(max-width:991px) {
    .header-area.style-4 .menu-wrap .main-menu ul > li.active > a { border-color: transparent; background-color: transparent }
}

.header-area.style-4 .menu-wrap .main-menu ul > li.active svg { opacity: 1 }
.header-area.style-4 .menu-wrap .main-menu ul > li.active .dropdown-icon2 { color: var(--primary-color) }
.header-area.style-4 .menu-wrap .main-menu ul li.menu-item-has-children > i { display: block }

@media only screen and (max-width:991px) {
    .header-area.style-4 .menu-wrap .mobile-logo-area { justify-content: center !important }
    .header-area.style-4 .menu-wrap .dropdown-icon { color: var(--white-color) }
    .header-area.style-4 .menu-wrap .main-menu { position: fixed; top: 0; left: 0; width: 280px; padding: 30px 20px !important; z-index: 99999; height: 100%; overflow: auto; background: var(--white-color); transform: translateX(-100%); transition: transform .3s ease-in; border-right: 1px solid rgba(13,23,32,.0784313725) }
        .header-area.style-4 .menu-wrap .main-menu.show-menu { transform: translateX(0) }
        .header-area.style-4 .menu-wrap .main-menu .mobile-menu-logo { text-align: left; padding-top: 20px; display: block; padding-bottom: 8px }
        .header-area.style-4 .menu-wrap .main-menu .menu-list { padding-top: 50px; padding-bottom: 30px }
        .header-area.style-4 .menu-wrap .main-menu > ul { float: none; text-align: left; padding: 5px 0 20px 0 }
            .header-area.style-4 .menu-wrap .main-menu > ul li { display: block; position: relative; padding: 5px }
                .header-area.style-4 .menu-wrap .main-menu > ul li:first-child { padding-left: 5px }
                .header-area.style-4 .menu-wrap .main-menu > ul li i { display: block; color: var(--title-color) }
                .header-area.style-4 .menu-wrap .main-menu > ul li a { padding: 10px 0; display: block; font-size: 1rem }
                .header-area.style-4 .menu-wrap .main-menu > ul li ul.sub-menu { position: static; min-width: 200px; background: 0 0; border: none; opacity: 1; visibility: visible; box-shadow: none; transform: none; transition: none; display: none; margin-top: 0 !important; transform: translateY(0px); margin-left: 10px }
                    .header-area.style-4 .menu-wrap .main-menu > ul li ul.sub-menu > li { border-bottom: 1px solid transparent }
                        .header-area.style-4 .menu-wrap .main-menu > ul li ul.sub-menu > li a { font-size: 14px; padding: 12px 0 }
                            .header-area.style-4 .menu-wrap .main-menu > ul li ul.sub-menu > li a:hover { color: var(--primary-color); margin-left: 10px }
                            .header-area.style-4 .menu-wrap .main-menu > ul li ul.sub-menu > li a.active { color: var(--primary-color) }
                        .header-area.style-4 .menu-wrap .main-menu > ul li ul.sub-menu > li i { color: var(--primary-color); right: -13px }
                .header-area.style-4 .menu-wrap .main-menu > ul li .bi { top: 8px; font-size: 20px; color: var(--title-color) }
        .header-area.style-4 .menu-wrap .main-menu .topbar-right { margin-bottom: 40px }
            .header-area.style-4 .menu-wrap .main-menu .topbar-right li { color: var(--title-color); font-family: var(--font-fahkwang); font-size: 13px; font-weight: 500; line-height: 1; position: relative; margin-bottom: 7px; padding: 5px 0 }
                .header-area.style-4 .menu-wrap .main-menu .topbar-right li a { color: var(--title-color); display: flex; align-items: center; gap: 6px; transition: .35s; text-transform: none; padding: 0 !important }
                    .header-area.style-4 .menu-wrap .main-menu .topbar-right li a svg { fill: var(--title-color) }
                    .header-area.style-4 .menu-wrap .main-menu .topbar-right li a:hover { color: var(--primary-color) }
                        .header-area.style-4 .menu-wrap .main-menu .topbar-right li a:hover svg { fill: var(--primary-color) }
    .header-area.style-4 .menu-wrap .primary-btn1 { justify-content: center; padding: 18px 37px; width: 100% }
}

.header-area.style-5 { position: absolute; z-index: 999; display: flex; justify-content: space-between; align-items: center; padding: 0 3%; width: 100%; transition: all .8s ease-out 0s; gap: 30px; border-bottom: 1px solid transparent }

@media(max-width:1699px) {
    .header-area.style-5 { padding: 0 3% }
}

@media(max-width:1399px) {
    .header-area.style-5 { padding: 0 2%; gap: 20px }
}

@media(max-width:991px) {
    .header-area.style-5 { padding: 0 }
}

.header-area.style-5.sticky { position: fixed; top: 0; left: 0; width: 100%; padding-top: 0 !important; padding-bottom: 0 !important; box-sizing: border-box; background-color: var(--dark-title-color); z-index: 99 }

@keyframes smooth-header {
    0% { transform: translateY(-30px) }
    100% { transform: translateY(0px) }
}

@media(max-width:991px) {
    .header-area.style-5 .header-logo { padding: 15px }
}

.header-area.style-5 .header-logo img { width: 164px; max-width: unset }

@media(max-width:1199px) {
    .header-area.style-5 .header-logo img { width: 150px }
}

.header-area.style-5 .menu-close-btn i { color: var(--white-color) }
.header-area.style-5 .menu-wrap { display: flex; align-items: center; gap: 40px }

@media(max-width:1399px) {
    .header-area.style-5 .menu-wrap { padding: 0 20px }
}

@media(max-width:1399px) {
    .header-area.style-5 .menu-wrap { padding: 0 15px }
}

@media(max-width:991px) {
    .header-area.style-5 .menu-wrap { border: none; justify-content: end }
}

.header-area.style-5 .menu-wrap .nav-right { gap: 105px }

@media(max-width:1399px) {
    .header-area.style-5 .menu-wrap .nav-right { gap: 30px }
}

@media(max-width:767px) {
    .header-area.style-5 .menu-wrap .nav-right { gap: 0 }
}

.header-area.style-5 .menu-wrap .nav-right .sidebar-btn { width: 36px; height: 36px; border-radius: 50%; display: flex; align-items: center; justify-content: center; background-color: var(--primary-color4); transition: .35s; cursor: pointer }
    .header-area.style-5 .menu-wrap .nav-right .sidebar-btn svg { transition: .35s; fill: var(--primary-color3) }
        .header-area.style-5 .menu-wrap .nav-right .sidebar-btn svg.close { display: none }
    .header-area.style-5 .menu-wrap .nav-right .sidebar-btn.active svg.close { display: block }
    .header-area.style-5 .menu-wrap .nav-right .sidebar-btn.active svg.open { display: none }
    .header-area.style-5 .menu-wrap .nav-right .sidebar-btn:hover { background-color: var(--white-color) }
        .header-area.style-5 .menu-wrap .nav-right .sidebar-btn:hover svg { fill: var(--primary-color4) }
.header-area.style-5 .menu-wrap .nav-right .primary-btn4 { background-color: var(--primary-color4); color: var(--dark-title-color) }
    .header-area.style-5 .menu-wrap .nav-right .primary-btn4 svg { fill: var(--dark-title-color) }
    .header-area.style-5 .menu-wrap .nav-right .primary-btn4 span { background-color: var(--white-color) }
.header-area.style-5 .menu-wrap .nav-right .mobile-menu-btn { display: none; visibility: hidden }

@media(max-width:991px) {
    .header-area.style-5 .menu-wrap .nav-right .mobile-menu-btn { display: flex; margin-left: 50px; flex-direction: column; align-items: end; visibility: visible; justify-content: center; position: relative }
        .header-area.style-5 .menu-wrap .nav-right .mobile-menu-btn span { height: 3px; width: 25px; background-color: var(--title-color); display: flex; transition: transform .5s ease-in; position: absolute; top: 0 }
            .header-area.style-5 .menu-wrap .nav-right .mobile-menu-btn span::before { transition-duration: .5s; position: absolute; width: 35px; height: 3px; background-color: var(--title-color); content: ""; top: -10px; right: 0 }
            .header-area.style-5 .menu-wrap .nav-right .mobile-menu-btn span::after { transition-duration: .5s; position: absolute; width: 15px; height: 3px; right: 0; background-color: var(--title-color); content: ""; top: 10px }
        .header-area.style-5 .menu-wrap .nav-right .mobile-menu-btn.active span { background-color: transparent }
            .header-area.style-5 .menu-wrap .nav-right .mobile-menu-btn.active span::before { transform: rotateZ(45deg) translate(8px,6px); width: 35px }
            .header-area.style-5 .menu-wrap .nav-right .mobile-menu-btn.active span::after { transform: rotateZ(-45deg) translate(8px,-6px); width: 35px }
}

.header-area.style-5 .menu-wrap .main-menu { display: inline-block }
    .header-area.style-5 .menu-wrap .main-menu .mobile-menu-logo { display: none }
    .header-area.style-5 .menu-wrap .main-menu ul { list-style: none; margin: 0; padding: 0 }
        .header-area.style-5 .menu-wrap .main-menu ul > li { display: inline-block; position: relative; padding: 34px 10px }

@media(max-width:1199px) {
    .header-area.style-5 .menu-wrap .main-menu ul > li { padding: 22px 0 }
}

.header-area.style-5 .menu-wrap .main-menu ul > li:first-child { padding-left: 0 }
.header-area.style-5 .menu-wrap .main-menu ul > li svg { fill: var(--primary-color); position: absolute; right: -2px; top: 50%; transform: translateY(-50%); opacity: 0; transition: all .5s ease-out 0s }

@media(max-width:1199px) {
    .header-area.style-5 .menu-wrap .main-menu ul > li { padding: 22px 0 }
}

.header-area.style-5 .menu-wrap .main-menu ul > li:first-child { padding-left: 0 }
.header-area.style-5 .menu-wrap .main-menu ul > li > a { color: var(--white-color); display: block; text-transform: capitalize; position: relative; font-family: var(--font-Urbanist); font-weight: 500; font-size: 14px; transition: all .5s ease-out 0s; position: relative; border-radius: 15px; line-height: 1; padding: 4px 12px; border-radius: 15px; border: 1px solid transparent; background: 0 0 }

@media(max-width:1399px) {
    .header-area.style-5 .menu-wrap .main-menu ul > li > a { font-size: 13px }
}

.header-area.style-5 .menu-wrap .main-menu ul > li i { font-size: 20px; text-align: center; color: var(--white-color); font-style: normal; position: absolute; right: -5px; top: 35px; z-index: 999; cursor: pointer; display: none; transition: all .5s ease-out 0s; opacity: 0 }

@media(max-width:991px) {
    .header-area.style-5 .menu-wrap .main-menu ul > li i { opacity: 1 }
}

.header-area.style-5 .menu-wrap .main-menu ul > li i.active { color: var(--primary-color) }
    .header-area.style-5 .menu-wrap .main-menu ul > li i.active::before { content: "\f2ea" }
.header-area.style-5 .menu-wrap .main-menu ul > li ul.sub-menu { position: absolute; left: 0; right: 0; top: 92px; margin: 0; display: none; min-width: 215px; background: #161616; border: 1px solid rgba(13,23,32,.0784313725); text-align: left }
    .header-area.style-5 .menu-wrap .main-menu ul > li ul.sub-menu > li { padding: 0; display: block; position: relative }
        .header-area.style-5 .menu-wrap .main-menu ul > li ul.sub-menu > li i { position: absolute; top: 10px; right: 6px; display: block; color: var(--white-color); font-size: 20px }
        .header-area.style-5 .menu-wrap .main-menu ul > li ul.sub-menu > li .dropdown-icon { color: var(--white-color); opacity: 1; top: 15px; font-size: 13px; right: 15px }

@media(max-width:991px) {
    .header-area.style-5 .menu-wrap .main-menu ul > li ul.sub-menu > li .dropdown-icon { right: 0; color: var(--white-color); top: 8px; font-size: 20px }
}

.header-area.style-5 .menu-wrap .main-menu ul > li ul.sub-menu > li .dropdown-icon2 { color: var(--title-color); opacity: 1; top: 14px; right: 10px; font-size: 13px }

@media(max-width:1199px) {
    .header-area.style-5 .menu-wrap .main-menu ul > li ul.sub-menu > li .dropdown-icon2::before { content: "\f4fe" }
}

.header-area.style-5 .menu-wrap .main-menu ul > li ul.sub-menu > li > a { display: block; padding: 14px 20px; font-family: var(--font-Urbanist); color: var(--white-color); font-weight: 500; text-transform: capitalize; font-size: 13px; line-height: 1.4; transition: all .4s ease-out 0s; position: relative; border-radius: 0; border: none; border-bottom: 1px solid rgba(123,123,123,.1) }
    .header-area.style-5 .menu-wrap .main-menu ul > li ul.sub-menu > li > a::before { content: ""; position: absolute; bottom: -1px; left: 0; background: linear-gradient(90deg,#292727,#78EB54,#292727); width: 100%; height: 1px; transform: scaleX(0); transform-origin: left; transition: .4s ease-in; z-index: 1 }

@media(max-width:991px) {
    .header-area.style-5 .menu-wrap .main-menu ul > li ul.sub-menu > li > a { border-color: rgba(13,23,32,.0784313725) }
        .header-area.style-5 .menu-wrap .main-menu ul > li ul.sub-menu > li > a::before { background: linear-gradient(90deg,#525252,#EC6219,#525252) }
}

.header-area.style-5 .menu-wrap .main-menu ul > li ul.sub-menu > li > a:hover { color: var(--primary-color) }
    .header-area.style-5 .menu-wrap .main-menu ul > li ul.sub-menu > li > a:hover::before { transform: scale(1) }
.header-area.style-5 .menu-wrap .main-menu ul > li ul.sub-menu > li > a.active { color: var(--primary-color) }
    .header-area.style-5 .menu-wrap .main-menu ul > li ul.sub-menu > li > a.active::before { transform: scale(1) }
.header-area.style-5 .menu-wrap .main-menu ul > li ul.sub-menu > li:last-child a { border-bottom: none }
    .header-area.style-5 .menu-wrap .main-menu ul > li ul.sub-menu > li:last-child a::before { display: none }
.header-area.style-5 .menu-wrap .main-menu ul > li ul.sub-menu > li:last-child .sub-menu li a { border-bottom: 1px solid rgba(123,123,123,.1) }
    .header-area.style-5 .menu-wrap .main-menu ul > li ul.sub-menu > li:last-child .sub-menu li a::before { display: block }
.header-area.style-5 .menu-wrap .main-menu ul > li ul.sub-menu > li:last-child .sub-menu li:last-child a { border-bottom: none }
    .header-area.style-5 .menu-wrap .main-menu ul > li ul.sub-menu > li:last-child .sub-menu li:last-child a::before { display: none }
.header-area.style-5 .menu-wrap .main-menu ul > li ul.sub-menu > li:hover > a { color: var(--primary-color4) }
.header-area.style-5 .menu-wrap .main-menu ul > li ul.sub-menu > li:hover .dropdown-icon { color: var(--primary-color4) }
.header-area.style-5 .menu-wrap .main-menu ul > li ul.sub-menu > li:hover .dropdown-icon2 { color: var(--primary-color4) }
.header-area.style-5 .menu-wrap .main-menu ul > li ul.sub-menu > li.active > a { color: var(--primary-color4); background-color: transparent }
.header-area.style-5 .menu-wrap .main-menu ul > li ul.sub-menu > li.active .dropdown-icon { color: var(--primary-color4) }
.header-area.style-5 .menu-wrap .main-menu ul > li ul.sub-menu > li.active .dropdown-icon2 { color: var(--primary-color4) }
.header-area.style-5 .menu-wrap .main-menu ul > li ul.sub-menu > li .sub-menu { left: 100%; position: absolute; max-width: 230px; min-width: 215px; background: #161616; box-shadow: 0 30px 80px rgba(8,0,42,.08); top: 0 }
    .header-area.style-5 .menu-wrap .main-menu ul > li ul.sub-menu > li .sub-menu::before { display: none; visibility: hidden }

@media only screen and (max-width:991px) {
    .header-area.style-5 .menu-wrap .main-menu ul > li ul.sub-menu > li .sub-menu { margin-left: 10px; position: unset; max-width: 230px; min-width: 215px; background: 0 0; top: 0 }
}

.header-area.style-5 .menu-wrap .main-menu ul > li ul.sub-menu > li .sub-menu > li i { display: block }
.header-area.style-5 .menu-wrap .main-menu ul > li ul.sub-menu > li:last-child { border-bottom: none }

@media(max-width:991px) {
    .header-area.style-5 .menu-wrap .main-menu ul > li:hover > a { border-color: transparent; background-color: transparent }
}

.header-area.style-5 .menu-wrap .main-menu ul > li:hover svg { opacity: 1 }

@media(min-width:992px) {
    .header-area.style-5 .menu-wrap .main-menu ul > li:hover > ul.sub-menu { display: block; animation: fade-up .45s linear }
}

@keyframes fade-up {
    0% { opacity: 0; transform: translateY(10px); visibility: hidden }
    100% { opacity: 1; transform: translateY(0px); visibility: visible }
}

.header-area.style-5 .menu-wrap .main-menu ul > li.active > a { background-color: var(--white-color); color: var(--dark-title-color) }

@media(max-width:991px) {
    .header-area.style-5 .menu-wrap .main-menu ul > li.active > a { border-color: transparent; background-color: transparent }
}

.header-area.style-5 .menu-wrap .main-menu ul > li.active svg { opacity: 1 }
.header-area.style-5 .menu-wrap .main-menu ul > li.active .dropdown-icon2 { color: var(--primary-color) }
.header-area.style-5 .menu-wrap .main-menu ul li.menu-item-has-children > i { display: block }

@media only screen and (max-width:991px) {
    .header-area.style-5 .menu-wrap .mobile-logo-area { justify-content: center !important }
    .header-area.style-5 .menu-wrap .dropdown-icon { color: var(--white-color) }
    .header-area.style-5 .menu-wrap .main-menu { position: fixed; top: 0; left: 0; width: 280px; padding: 30px 20px !important; z-index: 99999; height: 100%; overflow: auto; background: var(--white-color); transform: translateX(-100%); transition: transform .3s ease-in; border-right: 1px solid rgba(13,23,32,.0784313725) }
        .header-area.style-5 .menu-wrap .main-menu.show-menu { transform: translateX(0) }
        .header-area.style-5 .menu-wrap .main-menu .mobile-menu-logo { text-align: left; padding-top: 20px; display: block; padding-bottom: 8px }
        .header-area.style-5 .menu-wrap .main-menu .menu-list { padding-top: 50px; padding-bottom: 30px }
        .header-area.style-5 .menu-wrap .main-menu > ul { float: none; text-align: left; padding: 5px 0 20px 0 }
            .header-area.style-5 .menu-wrap .main-menu > ul li { display: block; position: relative; padding: 5px }
                .header-area.style-5 .menu-wrap .main-menu > ul li:first-child { padding-left: 5px }
                .header-area.style-5 .menu-wrap .main-menu > ul li i { display: block; color: var(--title-color) }
                .header-area.style-5 .menu-wrap .main-menu > ul li a { padding: 10px 0; display: block; font-size: 1rem }
                .header-area.style-5 .menu-wrap .main-menu > ul li ul.sub-menu { position: static; min-width: 200px; background: 0 0; border: none; opacity: 1; visibility: visible; box-shadow: none; transform: none; transition: none; display: none; margin-top: 0 !important; transform: translateY(0px); margin-left: 10px }
                    .header-area.style-5 .menu-wrap .main-menu > ul li ul.sub-menu > li { border-bottom: 1px solid transparent }
                        .header-area.style-5 .menu-wrap .main-menu > ul li ul.sub-menu > li a { font-size: 14px; padding: 12px 0 }
                            .header-area.style-5 .menu-wrap .main-menu > ul li ul.sub-menu > li a:hover { color: var(--primary-color); margin-left: 10px }
                            .header-area.style-5 .menu-wrap .main-menu > ul li ul.sub-menu > li a.active { color: var(--primary-color) }
                        .header-area.style-5 .menu-wrap .main-menu > ul li ul.sub-menu > li i { color: var(--primary-color); right: -13px }
                .header-area.style-5 .menu-wrap .main-menu > ul li .bi { top: 8px; font-size: 20px; color: var(--title-color) }
        .header-area.style-5 .menu-wrap .main-menu .topbar-right { margin-bottom: 40px }
            .header-area.style-5 .menu-wrap .main-menu .topbar-right li { color: var(--title-color); font-family: var(--font-fahkwang); font-size: 13px; font-weight: 500; line-height: 1; position: relative; margin-bottom: 7px; padding: 5px 0 }
                .header-area.style-5 .menu-wrap .main-menu .topbar-right li a { color: var(--title-color); display: flex; align-items: center; gap: 6px; transition: .35s; text-transform: none; padding: 0 !important }
                    .header-area.style-5 .menu-wrap .main-menu .topbar-right li a svg { fill: var(--title-color) }
                    .header-area.style-5 .menu-wrap .main-menu .topbar-right li a:hover { color: var(--primary-color) }
                        .header-area.style-5 .menu-wrap .main-menu .topbar-right li a:hover svg { fill: var(--primary-color) }
    .header-area.style-5 .menu-wrap .primary-btn1 { justify-content: center; padding: 18px 37px; width: 100% }
}

.header-area.style-6 { position: fixed; width: 100%; z-index: 999; width: 100%; transition: all .8s ease-out 0s; gap: 30px; background-color: #021313; }

@media(max-width:1399px) {
    .header-area.style-6 { gap: 20px }
}

@media(max-width:991px) {
    .header-area.style-6 { padding: 15px }
}

.header-area.style-6.sticky { position: fixed; top: 0; left: 0; width: 100%; box-sizing: border-box; background-color: var(--dark-title-color); z-index: 99 }

@keyframes smooth-header {
    0% { transform: translateY(-30px) }
    100% { transform: translateY(0px) }
}

@media(max-width:991px) {
    .header-area.style-6 .header-logo { border: unset }
}


@media(max-width:1199px) {
    .header-area.style-6 .header-logo img { width: 150px }
}

.header-area.style-6 .menu-close-btn i { color: var(--white-color) }
.header-area.style-6 .nav-right { gap: 30px }

@media(min-width:1400px) and (max-width:1599px) {
    .header-area.style-6 .nav-right { gap: 30px }
}

@media(max-width:1399px) {
    .header-area.style-6 .nav-right { gap: 20px }
}

.header-area.style-6 .nav-right .login-area { display: flex; align-items: center; gap: 8px }
    .header-area.style-6 .nav-right .login-area svg { fill: var(--white-color); transition: .5s }
    .header-area.style-6 .nav-right .login-area span { color: var(--white-color); font-family: var(--font-Urbanist); font-size: 14px; font-weight: 500; transition: .5s }
    .header-area.style-6 .nav-right .login-area:hover svg { fill: var(--primary-color4) }
    .header-area.style-6 .nav-right .login-area:hover span { color: var(--primary-color4) }
.header-area.style-6 .nav-right .primary-btn3 { border-radius: 5px; background-color: var(--white-color); border: unset; color: var(--dark-title-color); padding: 15px 27px }

@media(max-width:1199px) {
    .header-area.style-6 .nav-right .primary-btn3 { font-size: 14px; padding: 13px 20px }
}

.header-area.style-6 .nav-right .primary-btn3 span { background-color: var(--primary-color4) }
.header-area.style-6 .nav-right .sidebar-btn { width: 36px; height: 36px; border-radius: 50%; display: flex; align-items: center; justify-content: center; background-color: var(--primary-color4); transition: .35s; cursor: pointer }

@media(min-width:1200px) {
    .header-area.style-6 .nav-right .sidebar-btn { display: none; visibility: hidden }
}

.header-area.style-6 .nav-right .sidebar-btn svg { transition: .35s; fill: var(--dark-title-color) }
    .header-area.style-6 .nav-right .sidebar-btn svg.close { display: none }
.header-area.style-6 .nav-right .sidebar-btn.active svg.close { display: block }
.header-area.style-6 .nav-right .sidebar-btn.active svg.open { display: none }
.header-area.style-6 .nav-right .sidebar-btn:hover { background-color: var(--white-color) }
    .header-area.style-6 .nav-right .sidebar-btn:hover svg { fill: var(--dark-title-color) }
.header-area.style-6 .main-menu { display: inline-block }
    .header-area.style-6 .main-menu .mobile-menu-logo { display: none }
    .header-area.style-6 .main-menu ul { list-style: none; margin: 0; padding: 0 }
        .header-area.style-6 .main-menu ul > li { display: inline-block; position: relative }
            .header-area.style-6 .main-menu ul > li svg { fill: var(--primary-color4); position: absolute; right: -2px; top: 50%; transform: translateY(-50%); opacity: 0; transition: all .5s ease-out 0s }

@media(max-width:991px) {
    .header-area.style-6 .main-menu ul > li { padding: 22px 0 }
}

.header-area.style-6 .main-menu ul > li:first-child { padding-left: 0 }
.header-area.style-6 .main-menu ul > li > a { color: var(--white-color); display: block; text-transform: capitalize; padding: 34px 22px; position: relative; font-family: var(--font-Urbanist); font-weight: 500; font-size: 14px; transition: all .5s ease-out 0s; position: relative; border-radius: 15px; line-height: 1 }

@media(max-width:1399px) {
    .header-area.style-6 .main-menu ul > li > a { font-size: 13px }
}

@media(min-width:992px) and (max-width:1199px) {
    .header-area.style-6 .main-menu ul > li > a { padding: 34px 18px }
}

@media(max-width:991px) {
    .header-area.style-6 .main-menu ul > li > a { padding: 32px 9px }
}

.header-area.style-6 .main-menu ul > li i { font-size: 20px; text-align: center; color: var(--white-color); font-style: normal; position: absolute; right: -5px; top: 35px; z-index: 999; cursor: pointer; display: none; transition: all .5s ease-out 0s; opacity: 0 }

@media(max-width:991px) {
    .header-area.style-6 .main-menu ul > li i { opacity: 1 }
}

.header-area.style-6 .main-menu ul > li i.active { color: var(--primary-color2) }
    .header-area.style-6 .main-menu ul > li i.active::before { content: "\f2ea" }
.header-area.style-6 .main-menu ul > li ul.sub-menu { position: absolute; left: 0; right: 0; top: 82px; margin: 0; display: none; min-width: 215px; background: var(---dark-white-color); border: 1px solid rgba(13,23,32,.0784313725); text-align: left }
    .header-area.style-6 .main-menu ul > li ul.sub-menu > li { padding: 0; display: block; position: relative }
        .header-area.style-6 .main-menu ul > li ul.sub-menu > li i { position: absolute; top: 10px; right: 6px; display: block; color: var(--title-color); font-size: 20px }
        .header-area.style-6 .main-menu ul > li ul.sub-menu > li .dropdown-icon { color: var(--title-color); opacity: 1; top: 15px; font-size: 13px; right: 15px }

@media(max-width:991px) {
    .header-area.style-6 .main-menu ul > li ul.sub-menu > li .dropdown-icon { right: 0; color: var(--white-color); top: 8px; font-size: 20px }
}

.header-area.style-6 .main-menu ul > li ul.sub-menu > li .dropdown-icon2 { color: var(--title-color); opacity: 1; top: 14px; right: 10px; font-size: 13px }

@media(max-width:1199px) {
    .header-area.style-6 .main-menu ul > li ul.sub-menu > li .dropdown-icon2::before { content: "\f4fe" }
}

.header-area.style-6 .main-menu ul > li ul.sub-menu > li > a { display: block; padding: 14px 20px; font-family: var(--font-Urbanist); color: var(--title-color); font-weight: 500; text-transform: capitalize; font-size: 13px; line-height: 1.4; transition: all .4s ease-out 0s; position: relative; border-radius: 0; border: none; border-bottom: 1px solid rgba(13,23,32,.0784313725) }
    .header-area.style-6 .main-menu ul > li ul.sub-menu > li > a::before { content: ""; position: absolute; bottom: -1px; left: 0; background: linear-gradient(90deg,#fff,#78EB54,#fff); width: 100%; height: 1px; transform: scaleX(0); transform-origin: left; transition: .4s ease-in; z-index: 1 }

@media(max-width:991px) {
    .header-area.style-6 .main-menu ul > li ul.sub-menu > li > a { border-color: rgba(13,23,32,.0784313725) }
        .header-area.style-6 .main-menu ul > li ul.sub-menu > li > a::before { background: linear-gradient(90deg,#525252,#F4CB0A,#525252) }
}

.header-area.style-6 .main-menu ul > li ul.sub-menu > li > a:hover { color: var(--primary-color2) }
    .header-area.style-6 .main-menu ul > li ul.sub-menu > li > a:hover::before { transform: scale(1) }
.header-area.style-6 .main-menu ul > li ul.sub-menu > li > a.active { color: var(--primary-color2) }
    .header-area.style-6 .main-menu ul > li ul.sub-menu > li > a.active::before { transform: scale(1) }
.header-area.style-6 .main-menu ul > li ul.sub-menu > li:last-child a { border-bottom: none }
    .header-area.style-6 .main-menu ul > li ul.sub-menu > li:last-child a::before { display: none }
.header-area.style-6 .main-menu ul > li ul.sub-menu > li:hover > a { color: var(--primary-color4) }
.header-area.style-6 .main-menu ul > li ul.sub-menu > li:hover .dropdown-icon { color: var(--primary-color4) }
.header-area.style-6 .main-menu ul > li ul.sub-menu > li:hover .dropdown-icon2 { color: var(--primary-color4) }
.header-area.style-6 .main-menu ul > li ul.sub-menu > li.active > a { color: var(--primary-color4) }
.header-area.style-6 .main-menu ul > li ul.sub-menu > li.active .dropdown-icon { color: var(--primary-color4) }
.header-area.style-6 .main-menu ul > li ul.sub-menu > li.active .dropdown-icon2 { color: var(--primary-color2) }
.header-area.style-6 .main-menu ul > li ul.sub-menu > li .sub-menu { left: 100%; position: absolute; max-width: 230px; min-width: 215px; background: var(---dark-white-color); border: 1px solid rgba(13,23,32,.0784313725); top: 0 }
    .header-area.style-6 .main-menu ul > li ul.sub-menu > li .sub-menu::before { display: none; visibility: hidden }

@media only screen and (max-width:991px) {
    .header-area.style-6 .main-menu ul > li ul.sub-menu > li .sub-menu { margin-left: 10px; position: unset; max-width: 230px; min-width: 215px; background: 0 0; top: 0 }
}

.header-area.style-6 .main-menu ul > li ul.sub-menu > li .sub-menu > li i { display: block }
.header-area.style-6 .main-menu ul > li ul.sub-menu > li:last-child { border-bottom: none }
.header-area.style-6 .main-menu ul > li:hover > a { color: var(--primary-color4) }

@media(max-width:991px) {
    .header-area.style-6 .main-menu ul > li:hover > a { border-color: transparent }
}

.header-area.style-6 .main-menu ul > li:hover svg { opacity: 1 }

@media(min-width:992px) {
    .header-area.style-6 .main-menu ul > li:hover > ul.sub-menu { display: block; animation: fade-up .45s linear }
}

@keyframes fade-up {
    0% { opacity: 0; transform: translateY(10px); visibility: hidden }
    100% { opacity: 1; transform: translateY(0px); visibility: visible }
}

.header-area.style-6 .main-menu ul > li.active > a { color: var(--primary-color4) }

@media(max-width:991px) {
    .header-area.style-6 .main-menu ul > li.active > a { border-color: transparent }
}

.header-area.style-6 .main-menu ul > li.active svg { opacity: 1 }
.header-area.style-6 .main-menu ul > li.active .dropdown-icon2 { color: var(--primary-color2) }
.header-area.style-6 .main-menu ul li.menu-item-has-children > i { display: block }

@media only screen and (max-width:991px) {
    .header-area.style-6 .mobile-logo-area { justify-content: center !important }
    .header-area.style-6 .dropdown-icon { color: var(--white-color) }
    .header-area.style-6 .main-menu { position: fixed; top: 0; left: 0; width: 280px; padding: 30px 20px !important; z-index: 99999; height: 100%; overflow: auto; background: var(--white-color); transform: translateX(-100%); transition: transform .3s ease-in; border-right: 1px solid rgba(13,23,32,.0784313725) }
        .header-area.style-6 .main-menu.show-menu { transform: translateX(0) }
        .header-area.style-6 .main-menu .mobile-menu-logo { text-align: left; padding-top: 20px; display: block; padding-bottom: 8px }
        .header-area.style-6 .main-menu .menu-list { padding-top: 50px; padding-bottom: 30px }
        .header-area.style-6 .main-menu > ul { float: none; text-align: left; padding: 5px 0 20px 0 }
            .header-area.style-6 .main-menu > ul li { display: block; position: relative; padding: 5px }
                .header-area.style-6 .main-menu > ul li:first-child { padding-left: 5px }
                .header-area.style-6 .main-menu > ul li i { display: block; color: var(--title-color) }
                .header-area.style-6 .main-menu > ul li a { padding: 10px 0; display: block; font-size: 1rem }
                .header-area.style-6 .main-menu > ul li ul.sub-menu { position: static; min-width: 200px; background: 0 0; border: none; opacity: 1; visibility: visible; box-shadow: none; transform: none; transition: none; display: none; margin-top: 0 !important; transform: translateY(0px); margin-left: 10px }
                    .header-area.style-6 .main-menu > ul li ul.sub-menu > li { border-bottom: 1px solid transparent }
                        .header-area.style-6 .main-menu > ul li ul.sub-menu > li a { font-size: 14px; padding: 12px 0 }
                            .header-area.style-6 .main-menu > ul li ul.sub-menu > li a:hover { color: var(--primary-color2); margin-left: 10px }
                            .header-area.style-6 .main-menu > ul li ul.sub-menu > li a.active { color: var(--primary-color2) }
                        .header-area.style-6 .main-menu > ul li ul.sub-menu > li i { color: var(--primary-color2); right: -13px }
                .header-area.style-6 .main-menu > ul li .bi { top: 8px; font-size: 20px; color: var(--title-color) }
        .header-area.style-6 .main-menu .topbar-right { margin-bottom: 40px }
            .header-area.style-6 .main-menu .topbar-right li { color: var(--title-color); font-family: var(--font-fahkwang); font-size: 13px; font-weight: 500; line-height: 1; position: relative; margin-bottom: 7px; padding: 5px 0 }
                .header-area.style-6 .main-menu .topbar-right li a { color: var(--title-color); display: flex; align-items: center; gap: 6px; transition: .35s; text-transform: none; padding: 0 !important }
                    .header-area.style-6 .main-menu .topbar-right li a svg { fill: var(--title-color) }
                    .header-area.style-6 .main-menu .topbar-right li a:hover { color: var(--primary-color2) }
                        .header-area.style-6 .main-menu .topbar-right li a:hover svg { fill: var(--primary-color2) }
    .header-area.style-6 .primary-btn1 { justify-content: center; padding: 18px 37px; width: 100% }
}

.home1-banner-area { padding: 130px 3% 0 }

@media(max-width:1399px) {
    .home1-banner-area { padding: 110px 2% 0 }
}

@media(max-width:991px) {
    .home1-banner-area { padding: 110px 0 0 }
}

.home1-banner-area .banner-main-title { position: relative; z-index: 1 }
    .home1-banner-area .banner-main-title h6 { color: var(--title-color); font-family: var(--font-Urbanist); font-size: 18px; font-weight: 500; display: inline-flex; align-items: center; gap: 20px; position: relative }
        .home1-banner-area .banner-main-title h6 svg { fill: var(--primary-color) }
        .home1-banner-area .banner-main-title h6 .star { position: absolute; right: -140px; fill: var(--title-color) }

@media(max-width:576px) {
    .home1-banner-area .banner-main-title h6 .star { right: 20px; top: -50px }
}

@media(max-width:767px) {
    .home1-banner-area .banner-main-title h6 { font-size: 16px; display: flex }
}

.home1-banner-area .banner-main-title h1 { color: var(--title-color); font-family: var(--font-Urbanist); font-size: 130px; font-weight: 500; line-height: 1.1; margin-bottom: 0 }
    .home1-banner-area .banner-main-title h1 span { font-family: var(--font-fahkwang) }

@media(max-width:1399px) {
    .home1-banner-area .banner-main-title h1 { font-size: 110px }
}

@media(max-width:1199px) {
    .home1-banner-area .banner-main-title h1 { font-size: 90px }
}

@media(max-width:991px) {
    .home1-banner-area .banner-main-title h1 { font-size: 70px }
}

@media(max-width:767px) {
    .home1-banner-area .banner-main-title h1 { font-size: 55px }
}

.home1-banner-area .banner-bottom { margin-top: -22px; line-height: 1 }

@media(max-width:991px) {
    .home1-banner-area .banner-bottom { margin-top: 50px }
}

.home1-banner-area .banner-bottom .banner-img { position: relative; border-radius: 250px; background-color: var(--primary-color) }
    .home1-banner-area .banner-bottom .banner-img img { border-radius: 250px; padding-left: 10px; min-height: 370px; -o-object-fit: cover; object-fit: cover }
.home1-banner-area .banner-bottom .banner-right-content { display: flex; flex-direction: column; justify-content: space-between; height: 100%; max-width: 450px; width: 100% }

@media(min-width:992px) {
    .home1-banner-area .banner-bottom .banner-right-content { margin-left: 40px }
}

.home1-banner-area .banner-bottom .banner-right-content p { color: var(--paragraph-color); font-family: var(--font-Urbanist); font-size: 16px; font-weight: 400; line-height: 26px; margin-bottom: 30px }

@media(max-width:576px) {
    .home1-banner-area .banner-bottom .banner-right-content p { font-size: 15px }
}

.home1-banner-area .banner-bottom .banner-right-content p span { color: var(--title-color); font-weight: 500 }
.home1-banner-area .banner-bottom .banner-right-content ul { margin: 0; padding: 0; list-style: none; gap: 30px; margin-bottom: 40px; flex-wrap: wrap }

@media(max-width:1199px) {
    .home1-banner-area .banner-bottom .banner-right-content ul { gap: 20px }
}

.home1-banner-area .banner-bottom .banner-right-content ul li { line-height: 1 }
    .home1-banner-area .banner-bottom .banner-right-content ul li.success-rate { color: var(--title-color); font-family: var(--font-Urbanist); font-size: 14px; font-weight: 500; line-height: 1; border: 1px solid var(--border-color); background-color: var(---dark-white-color); border-radius: 16px; padding: 8px 20px; display: flex; align-items: center; gap: 30px }
        .home1-banner-area .banner-bottom .banner-right-content ul li.success-rate span { position: relative }
            .home1-banner-area .banner-bottom .banner-right-content ul li.success-rate span::after { content: ""; height: 1px; width: 10px; background-color: rgba(var(--title-color-opc),0.5); position: absolute; left: -20px; top: 50%; transform: translateY(-50%) }
    .home1-banner-area .banner-bottom .banner-right-content ul li a { color: var(--title-color); font-family: var(--font-Urbanist); font-size: 14px; font-weight: 500; line-height: 1; border: 1px solid var(--border-color); background-color: var(---dark-white-color); border-radius: 16px; padding: 8px 20px; display: flex; align-items: center; gap: 7px; overflow: hidden; position: relative; z-index: 1 }
        .home1-banner-area .banner-bottom .banner-right-content ul li a svg { fill: var(--primary-color) }
.home1-banner-area .banner-bottom .banner-right-content .banner-btn a { height: 160px; width: 160px; border-radius: 50%; background-color: var(--dark-title-color); color: var(--white-color); text-align: center; font-family: var(--font-Urbanist); font-size: 15px; font-weight: 500; line-height: 20px; display: flex; align-items: center; flex-direction: column; justify-content: center; gap: 12px; overflow: hidden; position: relative; z-index: 1; transition: all .6s }
    .home1-banner-area .banner-bottom .banner-right-content .banner-btn a svg { fill: var(--white-color) }
    .home1-banner-area .banner-bottom .banner-right-content .banner-btn a span { position: absolute; display: block; width: 0; height: 0; border-radius: 50%; background-color: var(--primary-color); transition: all .6s; transform: translate(-50%,-50%); z-index: -1 }
    .home1-banner-area .banner-bottom .banner-right-content .banner-btn a:hover span { width: 225%; height: 1000.5px }
.partner-area .partner-wrap { border-top: 1px solid var(--border-color); border-bottom: 1px solid var(--border-color); position: relative; padding: 70px 0 }

@media(max-width:991px) {
    .partner-area .partner-wrap { padding: 50px 0 }
}

.partner-area .partner-wrap .title1 { position: absolute; left: 1px; top: -13px }
    .partner-area .partner-wrap .title1::after { content: ""; height: 6px; width: 5px; -webkit-clip-path: polygon(0 50%,100% 100%,100% 0); clip-path: polygon(0 50%,100% 100%,100% 0); background-color: var(--border-color); position: absolute; right: 0; top: 53%; transform: translateY(-50%) }
    .partner-area .partner-wrap .title1 h6 { margin-bottom: 0; color: var(--title-color); font-family: var(--font-Urbanist); font-size: 16px; font-weight: 400; line-height: 1; background-color: var(--body-bg1); padding-right: 20px; display: inline-block }

@media(max-width:576px) {
    .partner-area .partner-wrap .title1 h6 { font-size: 15px }
}

.partner-area .partner-wrap .title2 { position: absolute; right: 1px; bottom: -13px }
    .partner-area .partner-wrap .title2::after { content: ""; height: 6px; width: 5px; -webkit-clip-path: polygon(100% 50%,0 100%,0 0); clip-path: polygon(100% 50%,0 100%,0 0); background-color: var(--border-color); position: absolute; left: 0; top: 50%; transform: translateY(-50%) }
    .partner-area .partner-wrap .title2 h6 { margin-bottom: 0; color: var(--title-color); font-family: var(--font-Urbanist); font-size: 16px; font-weight: 400; line-height: 1; background-color: var(--body-bg1); padding-left: 20px; display: inline-block }

@media(max-width:576px) {
    .partner-area .partner-wrap .title2 h6 { font-size: 15px }
}

.partner-area .partner-wrap .marquee { display: flex; gap: 80px; overflow: hidden; -webkit-user-select: none; -moz-user-select: none; user-select: none }
    .partner-area .partner-wrap .marquee.dark { display: none; visibility: hidden }
    .partner-area .partner-wrap .marquee .marquee__group { flex-shrink: 0; display: flex; align-items: center; justify-content: space-around; gap: 80px; min-width: 100%; animation: scroll-x 30s linear infinite }

@media(max-width:1199px) {
    .partner-area .partner-wrap .marquee .marquee__group { gap: 40px }
}

@media(max-width:576px) {
    .partner-area .partner-wrap .marquee .marquee__group { gap: 30px }
}

.partner-area .partner-wrap .marquee .marquee__group a img { width: 150px }

@keyframes scroll-x {
    from { transform: translateX(0) }
    to { transform: translateX(-100%) }
}

.partner-area .partner-wrap.two .title1 h6 { background-color: var(---dark-white-color) }
.partner-area .partner-wrap.two .title2 h6 { background-color: var(---dark-white-color) }
.partner-area.two .partner-wrap { border-top: 1px solid var(--border-color2); border-bottom: 1px solid var(--border-color2) }
    .partner-area.two .partner-wrap .title1::after { background-color: var(--border-color2) }
    .partner-area.two .partner-wrap .title2::after { background-color: var(--border-color2) }
.partner-area.three .title-and-logo { border: 1px solid var(--border-color2); display: flex; align-items: center; border-radius: 0 300px 300px 0 }

@media(max-width:767px) {
    .partner-area.three .title-and-logo { display: block; border-radius: unset }
}

.partner-area.three .partner-title { min-width: 188px; max-width: 188px; padding: 50px 35px; border-right: 1px solid var(--border-color2) }

@media(max-width:1399px) {
    .partner-area.three .partner-title { padding: 40px 35px }
}

@media(max-width:767px) {
    .partner-area.three .partner-title { border-bottom: 1px solid var(--border-color2); border-right: unset; min-width: 100%; max-width: 100% }
}

@media(max-width:767px) {
    .partner-area.three .partner-title { padding: 30px 20px }
}

.partner-area.three .partner-title h6 { color: var(--title-color); font-family: var(--font-Urbanist); font-size: 16px; font-weight: 500; line-height: 28px; margin-bottom: 0 }
.partner-area.three .partner-wrap { border: unset; padding: 60px 40px }

@media(max-width:1399px) {
    .partner-area.three .partner-wrap { padding: 50px 40px }
}

@media(max-width:767px) {
    .partner-area.three .partner-wrap { padding: 40px 20px }
}

.partner-area.four .partner-title { text-align: center; margin-bottom: 40px }
    .partner-area.four .partner-title h6 { color: var(--title-color); font-family: var(--font-Urbanist); font-size: 16px; font-weight: 400; line-height: 28px; margin-bottom: 0 }
        .partner-area.four .partner-title h6 span { font-weight: 500 }
.partner-area.four .partner-wrap { border: unset; padding: 0; padding-bottom: 30px; border-bottom: 1px solid var(--border-color2) }
.home1-about-section { background-color: var(--dark-title-color); padding: 110px 0 }

@media(max-width:991px) {
    .home1-about-section { padding: 90px 0 }
}

@media(min-width:992px) {
    .home1-about-section .about-content { margin-left: 40px }
}

.home1-about-section .about-content p { color: var(--paragraph-color-dark); font-family: var(--font-Urbanist); font-size: 16px; font-weight: 400; line-height: 26px; margin-bottom: 30px }

@media(max-width:991px) {
    .home1-about-section .about-content p { margin-bottom: 25px }
}

.home1-about-section .about-content a { color: var(--white-color); font-family: var(--font-Urbanist); font-size: 15px; font-weight: 500; line-height: 25px; display: flex; align-items: center; gap: 8px }
    .home1-about-section .about-content a svg { fill: var(--white-color) }
.home1-about-section .about-content .signature-and-star { display: flex; gap: 30px; justify-content: space-between; padding-top: 60px }

@media(max-width:991px) {
    .home1-about-section .about-content .signature-and-star { padding-top: 0; align-items: center; gap: 20px; flex-wrap: wrap }
}

.home1-about-section .about-content .signature-and-star svg { fill: var(--primary-color) }
.home1-about-section .counter-wrap { margin: 0; padding: 0; list-style: none; border: 1px solid #2f2f2f; display: flex; align-items: center; justify-content: space-between; padding: 35px 40px; margin-top: 100px }

@media(max-width:1199px) {
    .home1-about-section .counter-wrap { padding: 35px 20px }
}

@media(max-width:991px) {
    .home1-about-section .counter-wrap { margin-top: 50px }
}

@media(max-width:767px) {
    .home1-about-section .counter-wrap { padding: 35px 25px }
}

@media(max-width:991px) {
    .home1-about-section .counter-wrap { flex-wrap: wrap; gap: 30px }
}

.home1-about-section .counter-wrap .single-counter .content .number { display: inline-flex; align-items: center; line-height: 1; margin-bottom: 12px }
    .home1-about-section .counter-wrap .single-counter .content .number .counter { color: var(--white-color); font-family: var(--font-Urbanist); font-size: 45px; font-weight: 600; margin-bottom: 0; line-height: 1 }
    .home1-about-section .counter-wrap .single-counter .content .number span { color: var(--white-color); font-family: var(--font-Urbanist); font-size: 45px; font-weight: 600; line-height: 1 }
.home1-about-section .counter-wrap .single-counter .content p { color: var(--paragraph-color-dark); font-family: var(--font-Urbanist); font-size: 14px; font-weight: 500 }
.home1-solution-section { position: relative }
    .home1-solution-section .vector { position: absolute; left: 0; bottom: 0 }
        .home1-solution-section .vector svg { stroke: #f5bebe }
    .home1-solution-section .solution-img-wrapper { margin: 0; padding: 0; list-style: none; min-height: 245px }
        .home1-solution-section .solution-img-wrapper li { position: relative }
            .home1-solution-section .solution-img-wrapper li .solution-img { min-height: 245px; position: absolute; width: 100%; height: 100%; top: 0; left: 0; animation: qodef-animate-image-out 1s .1s cubic-bezier(.78,.2,.21,.88) forwards; z-index: 12; background-size: cover; background-repeat: no-repeat }
            .home1-solution-section .solution-img-wrapper li.active .solution-img { animation: qodef-animate-image-in 1s cubic-bezier(.78,.2,.21,.88) forwards; z-index: 15 }

@keyframes qodef-animate-image-out {
    0% { transform: scale(1) translateZ(0); -webkit-clip-path: inset(0 0 0 0); clip-path: inset(0 0 0 0) }
    100% { transform: scale(1); -webkit-clip-path: inset(0 0 0 0); clip-path: inset(0 0 0 0) }
}

@keyframes qodef-animate-image-in {
    0% { transform: scale(1.05) translateZ(0); -webkit-clip-path: inset(0 100% 0 0); clip-path: inset(0 100% 0 0) }
    100% { transform: scale(1); -webkit-clip-path: inset(0 0 0 0); clip-path: inset(0 0 0 0) }
}

.home1-solution-section .accordion .accordion-item { background-color: transparent; border-bottom: none; margin-bottom: 40px }
    .home1-solution-section .accordion .accordion-item:last-child { margin-bottom: 0 }
    .home1-solution-section .accordion .accordion-item .accordion-header .accordion-button { padding: 0; background-color: transparent; color: var(--title-color); font-family: var(--font-Urbanist); font-size: 30px; font-weight: 400; display: inline-flex; align-items: center; gap: 15px }

@media(max-width:576px) {
    .home1-solution-section .accordion .accordion-item .accordion-header .accordion-button { font-size: 22px }
}

.home1-solution-section .accordion .accordion-item .accordion-header .accordion-button span { min-width: 24px; max-width: 24px; height: 24px; border-radius: 50%; background-color: var(--primary-color); display: flex; align-items: center; justify-content: center; transition: .35s; opacity: 0 }
    .home1-solution-section .accordion .accordion-item .accordion-header .accordion-button span svg { fill: var(--white-color) }
.home1-solution-section .accordion .accordion-item .accordion-header .accordion-button::after { display: none; visibility: hidden }
.home1-solution-section .accordion .accordion-item .accordion-header .accordion-button:not(.collapsed) { box-shadow: none }
    .home1-solution-section .accordion .accordion-item .accordion-header .accordion-button:not(.collapsed) span { opacity: 1 }
.home1-solution-section .accordion .accordion-item .accordion-header .accordion-button:hover span { opacity: 1 }
.home1-solution-section .accordion .accordion-item .accordion-header .accordion-button:focus { box-shadow: none }
.home1-solution-section .accordion .accordion-item .accordion-collapse .accordion-body { padding: 0; padding-top: 25px }
    .home1-solution-section .accordion .accordion-item .accordion-collapse .accordion-body ul { margin: 0; padding: 0; list-style: none; display: flex; align-items: center; flex-wrap: wrap; gap: 15px; margin-bottom: 30px }
        .home1-solution-section .accordion .accordion-item .accordion-collapse .accordion-body ul li { line-height: 1 }
            .home1-solution-section .accordion .accordion-item .accordion-collapse .accordion-body ul li a { color: var(--title-color); font-family: var(--font-Urbanist); font-size: 14px; font-weight: 400; border: 1px solid var(--border-color); border-radius: 50px; padding: 6px 15px; display: inline-block; transition: .35s }
                .home1-solution-section .accordion .accordion-item .accordion-collapse .accordion-body ul li a:hover { color: var(---dark-white-color); background-color: var(--title-color); border-color: var(--title-color) }
    .home1-solution-section .accordion .accordion-item .accordion-collapse .accordion-body p { margin-bottom: 15px; color: var(--paragraph-color); font-family: var(--font-Urbanist); font-size: 16px; font-weight: 400; line-height: 26px }

@media(max-width:576px) {
    .home1-solution-section .accordion .accordion-item .accordion-collapse .accordion-body p { font-size: 15px }
}

.home1-solution-section.style-2 { background-color: var(--paragraph-color3); padding: 110px 0 }

@media(max-width:991px) {
    .home1-solution-section.style-2 { padding: 90px 0 }
}

.home1-solution-section.style-2 .vector svg { stroke: #f5bebe }
.home1-solution-section.style-2 .section-title .dash-and-paragraph .dash { background-color: #2f2f2f }
    .home1-solution-section.style-2 .section-title .dash-and-paragraph .dash::after { background-color: #2f2f2f }
.home1-solution-section.style-2 .accordion .accordion-item .accordion-header .accordion-button { color: var(--white-color) }
.home1-solution-section.style-2 .accordion .accordion-item .accordion-collapse .accordion-body ul li a { color: var(--white-color); border: 1px solid #222 }
    .home1-solution-section.style-2 .accordion .accordion-item .accordion-collapse .accordion-body ul li a:hover { color: var(--dark-title-color); background-color: var(--white-color) }
.home1-solution-section.style-2 .accordion .accordion-item .accordion-collapse .accordion-body p { margin-bottom: 15px; color: var(--paragraph-color-dark); font-family: var(--font-Urbanist); font-size: 16px; font-weight: 400; line-height: 26px }

@media(max-width:576px) {
    .home1-solution-section.style-2 .accordion .accordion-item .accordion-collapse .accordion-body p { font-size: 15px }
}

.home1-solution-section.style-2 .explore-btn { color: var(--white-color) }
    .home1-solution-section.style-2 .explore-btn svg { fill: var(--white-color) }
.work-section { background-color: #e7e7e7; padding: 100px 0 }

@media(max-width:991px) {
    .work-section { padding: 80px 0 }
}

.work-section .mb-80 { margin-bottom: 80px }

@media(max-width:991px) {
    .work-section .mb-80 { margin-bottom: 48px }
}

.work-section .single-work { position: relative; transition: .45s }
    .work-section .single-work .work-img { height: 100% }
        .work-section .single-work .work-img img { height: 100%; -o-object-fit: cover; object-fit: cover }

@media(max-width:767px) {
    .work-section .single-work .work-img img { min-height: 360px }
}

@media(max-width:991px) {
    .work-section .single-work .work-img img { width: 100% }
}

.work-section .single-work .work-content { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: linear-gradient(0deg,rgba(0,0,0,0.3) 0%,rgba(0,0,0,0) 49.9%); padding: 40px; display: flex; flex-direction: column; transition: .45s; justify-content: end }

@media(max-width:576px) {
    .work-section .single-work .work-content { padding: 25px 20px }
}

.work-section .single-work .work-content .content-wrap { opacity: 0; transition: .45s }
.work-section .single-work .work-content h5 { margin-bottom: 20px }
    .work-section .single-work .work-content h5 a { color: var(--white-color); font-family: var(--font-Urbanist); font-size: 22px; font-weight: 500; transition: .35s }
        .work-section .single-work .work-content h5 a:hover { color: var(--primary-color) }
.work-section .single-work .work-content ul { margin: 0; padding: 0; list-style: none; display: flex; align-items: center; gap: 10px; flex-wrap: wrap }
    .work-section .single-work .work-content ul li { line-height: 1 }
        .work-section .single-work .work-content ul li a { color: var(--white-color); font-family: var(--font-Urbanist); font-size: 14px; font-weight: 400; border-radius: 50px; border: 1px solid rgba(255,255,255,.16); background: rgba(0,0,0,.6); padding: 6px 15px; display: inline-block; transition: .35s; transition: .35s }
            .work-section .single-work .work-content ul li a:hover { background-color: var(--primary-color) }
.work-section .single-work .work-content .view-details-wrap { position: absolute; top: 30px; right: 30px }

@media(max-width:576px) {
    .work-section .single-work .work-content .view-details-wrap { right: 20px }
}

.work-section .single-work .work-content .view-details-wrap a { color: var(--white-color); font-family: var(--font-Urbanist); font-size: 14px; font-weight: 500; transition: .45s; display: flex; justify-content: center; align-items: center }
    .work-section .single-work .work-content .view-details-wrap a span { display: inline-flex; transition: .45s; background-color: var(--dark-title-color); height: 40px; align-items: center; padding-left: 24px }
        .work-section .single-work .work-content .view-details-wrap a span:first-child { transform: scaleX(0); transform-origin: right; border-radius: 20px 0 0 20px }
        .work-section .single-work .work-content .view-details-wrap a span:last-child { background-color: var(--white-color); height: 40px; width: 40px; border-radius: 50%; display: flex; align-items: center; justify-content: center; padding-left: 0 }
    .work-section .single-work .work-content .view-details-wrap a i { font-size: 28px; transition: .45s; color: var(--dark-title-color) }
    .work-section .single-work .work-content .view-details-wrap a:hover span:first-child { transform: scaleX(1); border-radius: 20px 0 0 20px }
    .work-section .single-work .work-content .view-details-wrap a:hover span:last-child { background-color: var(--dark-title-color); border-radius: 0 20px 20px 0; width: unset; padding-right: 15px }
    .work-section .single-work .work-content .view-details-wrap a:hover span i { color: var(--white-color) }
.work-section .single-work:hover .work-content .content-wrap { opacity: 1 }
.work-section .section-title { max-width: 540px; width: 100% }
    .work-section .section-title h2 { display: flex; align-items: flex-start; margin-bottom: 13px }
        .work-section .section-title h2 svg { height: 24px; width: 24px; fill: var(--primary-color) }
.work-section .circle-btn { border: 1px solid rgba(26,26,26,.1) }
.text-slider-section { background-color: #f5bebe; padding: 25px 15px; overflow: hidden }
    .text-slider-section .marquee { display: flex; gap: 30px; overflow: hidden; -webkit-user-select: none; -moz-user-select: none; user-select: none }
        .text-slider-section .marquee .marquee__group { flex-shrink: 0; display: flex; align-items: center; gap: 30px; min-width: 100%; animation: scroll-x 30s linear infinite }
            .text-slider-section .marquee .marquee__group span { display: flex; align-items: center; gap: 30px; color: var(--title-color); font-family: var(--font-Urbanist); font-size: 22px; font-weight: 500 }
                .text-slider-section .marquee .marquee__group span svg { fill: var(--title-color) }
                    .text-slider-section .marquee .marquee__group span svg.circle { fill: none; stroke: var(--title-color) }

@keyframes scroll-x {
    from { transform: translateX(0) }
    to { transform: translateX(-100%) }
}

.text-slider-section.two { background-color: #e3e5d8 }
.text-slider-section.three { background-color: #d9d2f3 }
.home1-process-section { background-color: #f0f0f0 }
    .home1-process-section .single-process .step-and-dash { display: flex; align-items: center; gap: 24px; margin-bottom: 50px }

@media(max-width:991px) {
    .home1-process-section .single-process .step-and-dash { margin-bottom: 30px }
}

.home1-process-section .single-process .step-and-dash h6 { color: var(--dark-title-color); font-family: var(--font-Urbanist); font-size: 14px; font-weight: 500; background-color: #f3d134; display: inline-block; line-height: 1; padding: 6px 18px; border-radius: 50px; white-space: nowrap; margin-bottom: 0 }
.home1-process-section .single-process .step-and-dash span { width: 100%; height: 1px; background-color: var(--border-color); display: inline-block; position: relative }

@media(max-width:576px) {
    .home1-process-section .single-process .step-and-dash span { display: none; visibility: hidden }
}

.home1-process-section .single-process .step-and-dash span::before { content: ""; height: 6px; width: 6px; border-radius: 50%; position: absolute; left: -3px; top: 50%; transform: translateY(-50%); background-color: var(--border-color) }
.home1-process-section .single-process .step-and-dash span::after { content: ""; height: 6px; width: 6px; border-radius: 50%; position: absolute; right: -3px; top: 50%; transform: translateY(-50%); background-color: var(--border-color) }
.home1-process-section .single-process .icon { margin-bottom: 40px }

@media(max-width:991px) {
    .home1-process-section .single-process .icon { margin-bottom: 20px }
}

.home1-process-section .single-process .icon svg { fill: var(--title-color) }
.home1-process-section .single-process .content h3 { color: var(--title-color); font-family: var(--font-Urbanist); font-size: 30px; font-weight: 400; margin-bottom: 16px }

@media(max-width:767px) {
    .home1-process-section .single-process .content h3 { font-size: 22px }
}

.home1-process-section .single-process .content p { color: var(--paragraph-color); font-family: var(--font-Urbanist); font-size: 16px; font-weight: 400; line-height: 26px; margin-bottom: 25px }

@media(max-width:576px) {
    .home1-process-section .single-process .content p { font-size: 15px }
}

.home1-process-section .single-process .content ul { margin: 0; padding: 0; list-style: none }
    .home1-process-section .single-process .content ul li { display: flex; align-items: center; gap: 5px; color: var(--paragraph-color); font-family: var(--font-Urbanist); font-size: 14px; font-weight: 500; margin-bottom: 10px }
        .home1-process-section .single-process .content ul li i { color: var(--paragraph-color); font-size: 16px }
        .home1-process-section .single-process .content ul li:last-child { margin-bottom: 0 }
.slider-btn-group { display: flex; align-items: center; max-width: 100px; min-width: 100px; justify-content: space-between }
    .slider-btn-group .slider-btn { height: 40px; width: 40px; border-radius: 50%; background-color: var(--white-color); display: flex; align-items: center; justify-content: center; transition: .35s }

@media(max-width:576px) {
    .slider-btn-group .slider-btn { width: 35px; height: 35px }
}

.slider-btn-group .slider-btn svg { transition: .35s; fill: var(--primary-color) }
.slider-btn-group .slider-btn:hover { background-color: var(--primary-color) }
    .slider-btn-group .slider-btn:hover svg { fill: var(--white-color) }
.slider-btn-group .slider-btn.swiper-button-disabled { opacity: .5 }
.slider-btn-group.two .slider-btn { border: 1px solid var(--border-color2) }
    .slider-btn-group.two .slider-btn svg { fill: var(--primary-color3) }
    .slider-btn-group.two .slider-btn:hover { background-color: var(--primary-color4); border-color: var(--primary-color4) }
.fancybox-caption__body { font-size: 16px }
.testimonial-section { background-color: var(--section-bg1); padding: 100px 0; position: relative; z-index: 1 }

@media(max-width:1199px) {
    .testimonial-section { padding: 90px 0 }
}

@media(max-width:767px) {
    .testimonial-section { padding: 70px 0 }
}

.testimonial-section .vector-2 { position: absolute; right: 0; bottom: 0; z-index: -1 }
    .testimonial-section .vector-2 svg { stroke: #f0f0f0 }

@media(max-width:767px) {
    .testimonial-section .section-title .dash-and-paragraph svg { display: none }
}

.testimonial-section .testimonial-slider { padding-top: 50px }
    .testimonial-section .testimonial-slider .swiper-wrapper .swiper-slide .author-img { margin-top: -50px; position: relative; padding-bottom: 10px; display: inline-flex }

@media(max-width:991px) {
    .testimonial-section .testimonial-slider .swiper-wrapper .swiper-slide .author-img { margin-top: 0 }
}

.testimonial-section .testimonial-slider .swiper-wrapper .swiper-slide .author-img::after { content: ""; height: 100%; width: 103%; border: 1px solid var(--border-color); position: absolute; left: 0; top: 0 }
.testimonial-section .testimonial-slider .swiper-wrapper .swiper-slide .author-img .video-icon .wrapper { display: inline-block; position: absolute; top: 30px; left: 30px; z-index: 999 }
.testimonial-section .testimonial-slider .swiper-wrapper .swiper-slide .author-img .video-icon .video-main { position: relative; display: inline-block }
.testimonial-section .testimonial-slider .swiper-wrapper .swiper-slide .author-img .video-icon .video { height: 40px; width: 40px; line-height: 40px; text-align: center; border-radius: 100%; background: 0 0; color: var(--primary-color); display: inline-block; background: #fff; z-index: 999; font-size: 24px }

@keyframes waves {
    0% { transform: scale(.2,.2); opacity: 0; -ms-filter: "alpha(opacity=0)" }
    50% { opacity: .9; -ms-filter: "alpha(opacity=90)" }
    100% { transform: scale(.9,.9); opacity: 0; -ms-filter: "alpha(opacity=0)" }
}

.testimonial-section .testimonial-slider .swiper-wrapper .swiper-slide .author-img .video-icon .fa-play:before { content: "\f04b" }
.testimonial-section .testimonial-slider .swiper-wrapper .swiper-slide .author-img .video-icon .waves { position: absolute; width: 70px; height: 70px; background: rgba(255,255,255,.7); opacity: 0; -ms-filter: "alpha(opacity=0)"; border-radius: 100%; right: -15px; bottom: -15px; z-index: -1; animation: waves 3s ease-in-out infinite }
.testimonial-section .testimonial-slider .swiper-wrapper .swiper-slide .author-img .video-icon .wave-1 { animation-delay: 0s }
.testimonial-section .testimonial-slider .swiper-wrapper .swiper-slide .author-img .video-icon .wave-2 { animation-delay: 1s }
.testimonial-section .testimonial-slider .swiper-wrapper .swiper-slide .author-img .video-icon .wave-3 { animation-delay: 2s }
.testimonial-section .testimonial-slider .swiper-wrapper .swiper-slide .testimonal-content > span { color: var(--title-color); font-family: var(--font-Urbanist); font-size: 16px; font-weight: 500; display: inline-block; margin-bottom: 15px }
.testimonial-section .testimonial-slider .swiper-wrapper .swiper-slide .testimonal-content p { color: var(--paragraph-color); font-family: var(--font-Urbanist); font-size: 30px; font-weight: 400; line-height: 1.4; margin-bottom: 25px }

@media(max-width:1399px) {
    .testimonial-section .testimonial-slider .swiper-wrapper .swiper-slide .testimonal-content p { font-size: 26px }
}

@media(max-width:1199px) {
    .testimonial-section .testimonial-slider .swiper-wrapper .swiper-slide .testimonal-content p { font-size: 22px }
}

.testimonial-section .testimonial-slider .swiper-wrapper .swiper-slide .testimonal-content .author-area .content h6 { color: var(--title-color); font-family: var(--font-Urbanist); font-size: 18px; font-weight: 600; margin-bottom: 0 }
.testimonial-section .testimonial-slider .swiper-wrapper .swiper-slide .testimonal-content .author-area .content span { color: var(--paragraph-color); font-family: var(--font-Urbanist); font-size: 14px; font-weight: 400 }
.testimonial-section .testimonial-slider .swiper-slide-active span { animation: fadeInDown 1.7s }
.testimonial-section .testimonial-slider .swiper-slide-active p { animation: fadeInDown 1.7s }
.testimonial-section .testimonial-slider .swiper-slide-active .author-area { animation: fadeInUp 1.7s }
.testimonial-section .slider-btn-area { display: flex; align-items: center; justify-content: space-between; width: 100%; margin-top: -30px }

@media(max-width:991px) {
    .testimonial-section .slider-btn-area { margin-top: 30px }
}

.testimonial-section .slider-btn-area .franctional-pagi1 { color: var(--title-color); font-family: var(--font-Urbanist); font-size: 24px; font-weight: 500 }
    .testimonial-section .slider-btn-area .franctional-pagi1 .swiper-pagination-total { color: var(--paragraph-color); font-size: 16px; font-weight: 400 }
.testimonial-section .slider-btn-area .slider-btn-group { position: relative; z-index: 1 }
.award-section .award-img-group { margin: 0; padding: 0; list-style: none }

@media(max-width:991px) {
    .award-section .award-img-group { display: none; visibility: hidden }
}

.award-section .award-img-group li { position: relative }
    .award-section .award-img-group li .award-img { min-height: 504px; position: absolute; width: 100%; height: 100%; top: 0; left: 0; animation: qodef-animate-image-out 1s .1s cubic-bezier(.78,.2,.21,.88) forwards; z-index: 12 }
    .award-section .award-img-group li.active .award-img { animation: qodef-animate-image-in 1s cubic-bezier(.78,.2,.21,.88) forwards; z-index: 15 }

@keyframes qodef-animate-image-out {
    0% { transform: scale(1) translateZ(0); -webkit-clip-path: inset(0 0 0 0); clip-path: inset(0 0 0 0) }
    100% { transform: scale(1); -webkit-clip-path: inset(0 0 0 0); clip-path: inset(0 0 0 0) }
}

@keyframes qodef-animate-image-in {
    0% { transform: scale(1.05) translateZ(0); -webkit-clip-path: inset(0 100% 0 0); clip-path: inset(0 100% 0 0) }
    100% { transform: scale(1); -webkit-clip-path: inset(0 0 0 0); clip-path: inset(0 0 0 0) }
}

.award-section .award-table { width: 100%; border-collapse: collapse; overflow: hidden }

@media(max-width:767px) {
    .award-section .award-table thead { display: none; visibility: hidden }
}

.award-section .award-table thead tr th { color: var(--paragraph-color); font-family: var(--font-Urbanist); font-size: 14px; font-weight: 500; padding: 30px; padding-top: 0 }
    .award-section .award-table thead tr th:last-child { text-align: end }

@media(max-width:991px) {
    .award-section .award-table thead tr th { padding: 25px 15px; padding-top: 0 }
}

.award-section .award-table tbody tr { border: 1px solid var(--border-color); transition: .35s; border-left: none }
    .award-section .award-table tbody tr td { color: var(--paragraph-color); font-family: var(--font-Urbanist); font-size: 16px; font-weight: 500; padding: 30px; text-align: start; transition: .35s }

@media(max-width:991px) {
    .award-section .award-table tbody tr td { padding: 25px 15px; font-size: 14px }
}

@media(max-width:767px) {
    .award-section .award-table tbody tr td { display: block; width: 100%; text-align: right; padding-left: 50%; position: relative; padding: 10px 15px }
        .award-section .award-table tbody tr td::before { content: attr(data-label); position: absolute; left: 0; width: 50%; text-align: left; padding-left: 15px; color: var(--paragraph-color); font-family: var(--font-Urbanist); font-size: 14px; font-weight: 500 }
}

.award-section .award-table tbody tr td a { color: var(--title-color); display: flex; align-items: center; gap: 8px; transition: .35s }
    .award-section .award-table tbody tr td a svg { opacity: 0; transition: .35s; fill: var(--title-color) }

@media(max-width:767px) {
    .award-section .award-table tbody tr td a { justify-content: end }
        .award-section .award-table tbody tr td a svg { opacity: 1 }
}

.award-section .award-table tbody tr td:last-child { text-align: end }
.award-section .award-table tbody tr:last-child { border-bottom: none }
    .award-section .award-table tbody tr:last-child td { padding-bottom: 0 }

@media(max-width:767px) {
    .award-section .award-table tbody tr:last-child td { padding-bottom: 10px }
}

.award-section .award-table tbody tr:hover td a { color: var(--primary-color) }
    .award-section .award-table tbody tr:hover td a svg { opacity: 1; fill: var(--primary-color) }
.home1-blog-section { background: #dde5ee; padding: 100px 0 }

@media(max-width:1199px) {
    .home1-blog-section { padding: 90px 0 }
}

@media(max-width:767px) {
    .home1-blog-section { padding: 70px 0 }
}

.blog-card1 .blog-img { display: inline-block; margin-bottom: 35px }

@media(max-width:767px) {
    .blog-card1 .blog-img { margin-bottom: 25px }
}

.blog-card1 .blog-content ul { margin: 0; padding: 0; margin-bottom: 15px; list-style: none; display: flex; align-items: center; flex-wrap: wrap; gap: 10px }

@media(min-width:992px) and (max-width:1199px) {
    .blog-card1 .blog-content ul { margin-bottom: 10px }
}

@media(max-width:576px) {
    .blog-card1 .blog-content ul { margin-bottom: 10px }
}

.blog-card1 .blog-content ul li { line-height: 1; position: relative; padding-right: 30px }
    .blog-card1 .blog-content ul li::after { content: ""; width: 20px; height: 1px; background-color: #ccd4dd; position: absolute; right: 0; top: 50%; transform: translateY(-50%) }
    .blog-card1 .blog-content ul li:last-child { padding-right: 0 }
        .blog-card1 .blog-content ul li:last-child::after { display: none; visibility: hidden }
    .blog-card1 .blog-content ul li a { color: var(--paragraph-color); font-family: var(--font-Urbanist); font-size: 14px; font-weight: 400; transition: .35s }
        .blog-card1 .blog-content ul li a:hover { color: var(--title-color) }
.blog-card1 .blog-content h4 { margin-bottom: 0 }
    .blog-card1 .blog-content h4 a { color: var(--title-color); font-family: var(--font-Urbanist); font-size: 22px; font-style: normal; font-weight: 500; line-height: 1.5; transition: .35s }

@media(max-width:1399px) {
    .blog-card1 .blog-content h4 a { font-size: 20px }
}

@media(min-width:992px) and (max-width:1199px) {
    .blog-card1 .blog-content h4 a { font-size: 17px }
}

@media(max-width:576px) {
    .blog-card1 .blog-content h4 a { font-size: 18px }
}

.blog-card1 .blog-content h4 a:hover { color: var(--primary-color) }
.blog-card1 .blog-content p { color: var(--paragraph-color); font-family: var(--font-Urbanist); font-size: 16px; font-weight: 400; line-height: 26px; padding-top: 15px; margin-bottom: 25px }

@media(max-width:576px) {
    .blog-card1 .blog-content p { margin-bottom: 20px }
}

.contact-section .section-title h2 { font-size: 130px; line-height: 1.1; margin-bottom: 25px }
    .contact-section .section-title h2 span { display: inline-block }
    .contact-section .section-title h2 strong { font-weight: 500; font-family: var(--font-fahkwang); display: inline }

@media(min-width:1200px) and (max-width:1399px) {
    .contact-section .section-title h2 { font-size: 100px }
}

@media(max-width:1199px) {
    .contact-section .section-title h2 { font-size: 90px }
}

@media(max-width:767px) {
    .contact-section .section-title h2 { font-size: 70px }
}

@media(max-width:576px) {
    .contact-section .section-title h2 { font-size: 55px }
}

.contact-section .section-title h2 .arrow { width: 92px; height: 92px; border-radius: 50%; background-color: var(--primary-color); display: inline-flex; align-items: center; justify-content: center; transform: translateY(-25px) }

@media(max-width:1399px) {
    .contact-section .section-title h2 .arrow { transform: translateY(-15px) }
}

@media(max-width:991px) {
    .contact-section .section-title h2 .arrow { width: 80px; height: 80px }
        .contact-section .section-title h2 .arrow svg { width: 30px }
}

@media(max-width:767px) {
    .contact-section .section-title h2 .arrow { width: 60px; height: 60px; transform: unset }
        .contact-section .section-title h2 .arrow svg { width: 20px }
}

.contact-section .section-title h2 .arrow svg { fill: #fff8f8 }
.contact-section .section-title .dash-and-paragraph { align-items: baseline }
    .contact-section .section-title .dash-and-paragraph .dash { transform: translateY(-5px) }

@media(max-width:576px) {
    .contact-section .section-title .dash-and-paragraph .dash { display: none }
}

.contact-section .section-title .dash-and-paragraph .social-area { display: flex; align-items: center; flex-wrap: wrap; gap: 20px; padding-top: 30px }
    .contact-section .section-title .dash-and-paragraph .social-area h6 { margin-bottom: 0; color: var(--title-color); font-family: var(--font-Urbanist); font-size: 16px; font-weight: 400 }
    .contact-section .section-title .dash-and-paragraph .social-area svg { fill: var(--primary-color) }
    .contact-section .section-title .dash-and-paragraph .social-area ul { margin: 0; padding: 0; list-style: none; display: flex; align-items: center; gap: 15px }
        .contact-section .section-title .dash-and-paragraph .social-area ul li a { height: 26px; width: 26px; border-radius: 50%; border: 1px solid rgba(86,96,100,.2); display: flex; align-items: center; justify-content: center; color: var(--paragraph-color); transition: .35s }
            .contact-section .section-title .dash-and-paragraph .social-area ul li a i.bi-twitter-x { font-size: 12px }
            .contact-section .section-title .dash-and-paragraph .social-area ul li a:hover { color: var(--white-color); background-color: var(--primary-color); border-color: var(--primary-color) }
.contact-section .section-title .dash-and-paragraph .primary-btn3 { border-radius: 5px }
.contact-section.two { position: relative; z-index: 999; background: var(--bg-color1); padding: 100px 0 }

@media(max-width:1199px) {
    .contact-section.two { padding: 90px 0 }
}

@media(max-width:767px) {
    .contact-section.two { padding: 70px 0 }
}

.contact-section.two .section-title h2 { line-height: 1 }
.contact-section.two .section-title .dash-and-paragraph .social-area svg { fill: var(--primary-color2) }
.contact-section.two .section-title .dash-and-paragraph .social-area ul li a:hover { background-color: var(--primary-color2); border-color: var(--primary-color2); color: var(--dark-title-color) }
.contact-section.two .circle-btn span { background-color: var(--primary-color2) }
.contact-section.two .circle-btn:hover { color: var(--dark-title-color) }
    .contact-section.two .circle-btn:hover svg { fill: var(--dark-title-color) }
.contact-section.three { background: #dde5ee; padding: 100px 0 }

@media(max-width:1199px) {
    .contact-section.three { padding: 90px 0 }
}

@media(max-width:767px) {
    .contact-section.three { padding: 70px 0 }
}

.contact-section.four { background: var(--bg-color1); padding: 100px 0 }

@media(max-width:1199px) {
    .contact-section.four { padding: 90px 0 }
}

@media(max-width:767px) {
    .contact-section.four { padding: 70px 0 }
}

footer { background-color: var(--dark-title-color); padding: 75px 0 0; position: relative; z-index: 1 }

@media(max-width:1199px) {
    footer { padding: 90px 0 0 }
}

@media(max-width:767px) {
    footer { padding: 70px 0 0 }
}

footer .vector { position: absolute; left: 0; bottom: 0; z-index: -1 }
    footer .vector svg { stroke: #151515 }
footer .widget-title { margin-bottom: 33px }
    footer .widget-title h4 { color: var(--white-color); font-family: var(--font-Urbanist); font-size: 22px; font-weight: 500; margin-bottom: 0 }
footer .menu-container ul { margin: 0; padding: 0; list-style: none }
    footer .menu-container ul li { margin-bottom: 20px }
        footer .menu-container ul li:last-child { margin-bottom: 0 }
        footer .menu-container ul li a { color: #dfdfdf; font-family: var(--font-Urbanist); font-size: 14px; font-weight: 400; display: flex; align-items: center; gap: 8px; transition: .35s }
            footer .menu-container ul li a svg { fill: var(--white-color); opacity: 0; transition: .35s; margin-left: -5px }
            footer .menu-container ul li a span { line-height: 1; display: inline-block; border-radius: 50px; background: #ec6219; font-size: 12px; font-weight: 500; padding: 3px 8px }
            footer .menu-container ul li a:hover { color: var(--white-color) }
                footer .menu-container ul li a:hover svg { opacity: 1; margin-left: 0 }
footer .footer-top .footer-widget .subscribed-area { max-width: 540px; width: 100% }
    footer .footer-top .footer-widget .subscribed-area h3 { color: var(--white-color); font-family: var(--font-Urbanist); font-size: 30px; font-weight: 500; margin-bottom: 35px; line-height: 1.5 }

@media(max-width:1199px) {
    footer .footer-top .footer-widget .subscribed-area h3 { font-size: 26px; margin-bottom: 25px }
}

footer .footer-top .footer-widget .subscribed-area .form-inner { border: 1px solid #282828; background: #151515; display: flex; align-items: center; height: 60px; padding: 10px 25px; margin-bottom: 20px }
    footer .footer-top .footer-widget .subscribed-area .form-inner input { width: 100%; color: #c4c4c4; font-family: var(--font-Urbanist); font-size: 14px; font-weight: 400; background-color: transparent; border: none; padding-left: 0 }
        footer .footer-top .footer-widget .subscribed-area .form-inner input::-moz-placeholder { color: #999797 }
        footer .footer-top .footer-widget .subscribed-area .form-inner input::placeholder { color: #999797 }
    footer .footer-top .footer-widget .subscribed-area .form-inner button { border: none; height: 36px; min-width: 36px; border-radius: 50%; display: flex; align-items: center; justify-content: center; background-color: var(--primary-color) }
        footer .footer-top .footer-widget .subscribed-area .form-inner button svg { fill: var(--white-color) }
footer .footer-top .footer-widget .social-link-area { padding-top: 30px }

@media(max-width:1399px) {
    footer .footer-top .footer-widget .social-link-area { padding-top: 20px }
}

@media(max-width:991px) {
    footer .footer-top .footer-widget .social-link-area { padding-top: 0 }
}

footer .footer-top .footer-widget .social-link-area .social-area { display: flex; align-items: center; flex-wrap: wrap; gap: 20px; margin: 0; padding: 0; list-style: none; max-width: 300px; width: 100% }
    footer .footer-top .footer-widget .social-link-area .social-area li a { border: 1px solid rgba(255,255,255,.1); border-radius: 50px; display: flex; align-items: center; gap: 8px; color: var(--paragraph-color-dark); font-family: var(--font-Urbanist); font-size: 14px; font-weight: 500; line-height: 1; padding: 7px 15px; transition: .35s }
        footer .footer-top .footer-widget .social-link-area .social-area li a i { color: var(--paragraph-color-dark); line-height: 1; transition: .35s }
        footer .footer-top .footer-widget .social-link-area .social-area li a:hover { background-color: var(--primary-color); border-color: var(--primary-color); color: var(--white-color) }
            footer .footer-top .footer-widget .social-link-area .social-area li a:hover i { color: var(--white-color) }
footer .footer-top .solial-account ul { margin: 0; padding: 0; list-style: none; display: flex; align-items: center; flex-wrap: wrap; gap: 5px; max-width: 560px; width: 100% }
    footer .footer-top .solial-account ul li { padding-right: 70px; position: relative }

@media(max-width:1399px) {
    footer .footer-top .solial-account ul li { padding-right: 53px }
}

@media(max-width:576px) {
    footer .footer-top .solial-account ul li { padding-right: 30px }
}

footer .footer-top .solial-account ul li::after { content: ""; height: 8px; width: 8px; border-radius: 50%; background-color: #545454; position: absolute; top: 50%; transform: translateY(-50%); right: 32px }

@media(max-width:1399px) {
    footer .footer-top .solial-account ul li::after { right: 17px }
}

@media(max-width:576px) {
    footer .footer-top .solial-account ul li::after { display: none }
}

footer .footer-top .solial-account ul li:last-child { padding-right: 0 }
    footer .footer-top .solial-account ul li:last-child:after { display: none; visibility: hidden }
footer .footer-top .solial-account ul li a { color: #aaa; font-family: var(--font-Urbanist); font-size: 14px; font-weight: 500; transition: .35s }
    footer .footer-top .solial-account ul li a:hover { color: var(--white-color) }
footer .footer-top .footer-logo-contact-wrap { border: 1px solid #303030; border-radius: 10px; display: flex; align-items: center; justify-content: space-between; padding: 25px 35px; gap: 40px; flex-wrap: wrap }

@media(max-width:991px) {
    footer .footer-top .footer-logo-contact-wrap { gap: 25px; padding: 25px 20px }
}

footer .footer-top .footer-logo-contact-wrap .footer-contact { margin: 0; padding: 0; list-style: none; display: flex; align-items: center; gap: 15px }

@media(max-width:991px) {
    footer .footer-top .footer-logo-contact-wrap .footer-contact { flex-wrap: wrap }
}

@media(max-width:576px) {
    footer .footer-top .footer-logo-contact-wrap .footer-contact { justify-content: start }
}

footer .footer-top .footer-logo-contact-wrap .footer-contact .single-contact { padding-right: 85px; position: relative }

@media(max-width:1199px) {
    footer .footer-top .footer-logo-contact-wrap .footer-contact .single-contact { padding-right: 40px }
}

@media(max-width:991px) {
    footer .footer-top .footer-logo-contact-wrap .footer-contact .single-contact { padding-right: 10px }
}

footer .footer-top .footer-logo-contact-wrap .footer-contact .single-contact::after { content: ""; height: 107px; width: 1px; background-color: #303030; position: absolute; right: 45px; top: 50%; transform: translateY(-50%) }

@media(max-width:1199px) {
    footer .footer-top .footer-logo-contact-wrap .footer-contact .single-contact::after { right: 12px }
}

@media(max-width:991px) {
    footer .footer-top .footer-logo-contact-wrap .footer-contact .single-contact::after { display: none }
}

footer .footer-top .footer-logo-contact-wrap .footer-contact .single-contact:last-child { padding-right: 0 }
    footer .footer-top .footer-logo-contact-wrap .footer-contact .single-contact:last-child:after { display: none; visibility: hidden }
footer .footer-top .footer-logo-contact-wrap .footer-contact .single-contact span { color: #aaa; font-family: var(--font-Urbanist); font-size: 14px; font-weight: 500 }
footer .footer-top .footer-logo-contact-wrap .footer-contact .single-contact h5 { margin-bottom: 0; padding-top: 5px }
    footer .footer-top .footer-logo-contact-wrap .footer-contact .single-contact h5 a { color: #dfdfdf; font-family: var(--font-Urbanist); font-size: 22px; font-weight: 500; transition: .35s }

@media(max-width:1199px) {
    footer .footer-top .footer-logo-contact-wrap .footer-contact .single-contact h5 a { font-size: 18px }
}

footer .footer-top .footer-logo-contact-wrap .footer-contact .single-contact h5 a:hover { color: var(--primary-color) }
footer .footer-btm { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 15px; padding: 25px 0 }
    footer .footer-btm .copyright-area p { color: #cacaca; font-family: var(--font-Urbanist); font-size: 12px; font-weight: 400; margin-bottom: 0 }
        footer .footer-btm .copyright-area p a { color: var(--white-color); transition: .35s }
            footer .footer-btm .copyright-area p a:hover { color: var(--primary-color) }
    footer .footer-btm .terms-condition p { color: #dfdfdf; font-family: var(--font-Urbanist); font-size: 12px; font-weight: 400 }
        footer .footer-btm .terms-condition p svg { fill: #dfdfdf }
        footer .footer-btm .terms-condition p a { font-weight: 500; color: var(--white-color); text-decoration: underline; transition: .35s }
            footer .footer-btm .terms-condition p a:hover { color: var(--primary-color) }
footer.style-2 { background: #000 }
    footer.style-2 .footer-top .footer-widget .subscribed-area .form-inner button { background-color: var(--primary-color2) }
        footer.style-2 .footer-top .footer-widget .subscribed-area .form-inner button svg { fill: var(--dark-title-color) }
    footer.style-2 .footer-top .footer-widget .widget-title { margin-bottom: 33px }
        footer.style-2 .footer-top .footer-widget .widget-title h4 { color: var(--white-color); font-family: var(--font-Urbanist); font-size: 22px; font-weight: 500; margin-bottom: 0 }
    footer.style-2 .footer-top .footer-widget .menu-container ul { margin: 0; padding: 0; list-style: none }
        footer.style-2 .footer-top .footer-widget .menu-container ul li { margin-bottom: 20px }
            footer.style-2 .footer-top .footer-widget .menu-container ul li:last-child { margin-bottom: 0 }
            footer.style-2 .footer-top .footer-widget .menu-container ul li a span { background: var(--primary-color2); color: var(--dark-title-color) }
    footer.style-2 .footer-top .footer-logo-contact-wrap .footer-contact .single-contact h5 a:hover { color: var(--primary-color2) }
footer .footer-btm .copyright-area p a:hover { color: var(--primary-color2) }
footer .footer-btm .terms-condition p a:hover { color: var(--primary-color2) }

@media(max-width:1199px) {
    footer.home5-footer { padding: 90px 0 0 }
}

@media(max-width:767px) {
    footer.home5-footer { padding: 70px 0 0 }
}

footer.home5-footer .footer-top .contact-area { text-align: center; position: relative }
    footer.home5-footer .footer-top .contact-area h2 { color: var(--white-color); font-family: var(--font-fahkwang); font-size: 130px; font-weight: 500; line-height: 1.1; margin-bottom: 50px }

@media(max-width:1199px) {
    footer.home5-footer .footer-top .contact-area h2 { font-size: 110px }
}

@media(max-width:991px) {
    footer.home5-footer .footer-top .contact-area h2 { font-size: 90px; margin-bottom: 30px }
}

@media(max-width:767px) {
    footer.home5-footer .footer-top .contact-area h2 { font-size: 80px; margin-bottom: 20px }
}

footer.home5-footer .footer-top .contact-area .email-address { position: relative }
    footer.home5-footer .footer-top .contact-area .email-address .shape { fill: none; position: absolute; bottom: 98px; left: 0 }

@media(max-width:1399px) {
    footer.home5-footer .footer-top .contact-area .email-address .shape { left: -50px }
}

@media(max-width:991px) {
    footer.home5-footer .footer-top .contact-area .email-address .shape { display: none }
}

footer.home5-footer .footer-top .contact-area .email-address .shape lineargradient stop { stop-color: var(--primary-color4) }
footer.home5-footer .footer-top .contact-area .email-address .vector1 { position: absolute; top: -40px; right: 15%; opacity: 0; transform: scale(.4); transition: .5s }

@media(max-width:1399px) {
    footer.home5-footer .footer-top .contact-area .email-address .vector1 { right: 9% }
}

@media(max-width:1199px) {
    footer.home5-footer .footer-top .contact-area .email-address .vector1 { right: 5% }
}

@media(max-width:991px) {
    footer.home5-footer .footer-top .contact-area .email-address .vector1 { right: 0 }
}

@media(max-width:767px) {
    footer.home5-footer .footer-top .contact-area .email-address .vector1 { display: none }
}

footer.home5-footer .footer-top .contact-area .email-address .vector1::before { content: ""; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 56px; height: 56px; border-radius: 50%; border: 1px dashed var(--white-color) }
footer.home5-footer .footer-top .contact-area .email-address .vector1 img { width: 50px; height: 50px; border-radius: 50% }
footer.home5-footer .footer-top .contact-area .email-address .vector2 { position: absolute; bottom: 14px; right: -3%; opacity: 0; transform: scale(.4); transition: .75s; transition-delay: .2s }

@media(max-width:1399px) {
    footer.home5-footer .footer-top .contact-area .email-address .vector2 { right: -7% }
}

@media(max-width:991px) {
    footer.home5-footer .footer-top .contact-area .email-address .vector2 { display: none }
}

footer.home5-footer .footer-top .contact-area .email-address .vector2::before { content: ""; position: absolute; top: 0; left: 0; width: 65px; height: 65px; border-radius: 50%; border: 1px solid var(--primary-color4) }
footer.home5-footer .footer-top .contact-area .email-address .vector2 img { width: 60px; height: 60px; border-radius: 50% }
footer.home5-footer .footer-top .contact-area .email-address .vector3 { position: absolute; top: -120%; right: 0; opacity: 0; transform: scale(.4); transition: .75s; transition-delay: .3s }

@media(max-width:1399px) {
    footer.home5-footer .footer-top .contact-area .email-address .vector3 { right: -30px }
}

@media(max-width:991px) {
    footer.home5-footer .footer-top .contact-area .email-address .vector3 { display: none }
}

footer.home5-footer .footer-top .contact-area .email-address .vector3 .shape2 { position: absolute; top: -40px; right: -45px; fill: none }
    footer.home5-footer .footer-top .contact-area .email-address .vector3 .shape2 lineargradient stop { stop-color: var(--primary-color4) }
footer.home5-footer .footer-top .contact-area .email-address .vector3 img { width: 60px; height: 60px; border-radius: 50% }
footer.home5-footer .footer-top .contact-area .email-address a { padding: 33px 20px; background-color: #161616; border: 1px solid #202020; border-radius: 68px; max-width: 613px; width: 100%; margin: 0 auto; display: inline-block; color: var(--white-color); font-family: var(--font-Urbanist); font-size: 30px; font-weight: 500; line-height: 1; transition: .5s }
    footer.home5-footer .footer-top .contact-area .email-address a:hover { color: var(--primary-color4) }
        footer.home5-footer .footer-top .contact-area .email-address a:hover ~ .vector1, footer.home5-footer .footer-top .contact-area .email-address a:hover ~ .vector2, footer.home5-footer .footer-top .contact-area .email-address a:hover ~ .vector3 { opacity: 1; transform: scale(1) }

@media(max-width:767px) {
    footer.home5-footer .footer-top .contact-area .email-address a { font-size: 26px; padding: 25px 20px; max-width: 480px }
}

@media(max-width:576px) {
    footer.home5-footer .footer-top .contact-area .email-address a { font-size: 18px; padding: 20px 10px }
}

footer.home5-footer .footer-top .social-area { display: flex; align-items: center; justify-content: space-between; gap: 20px; padding-top: 40px; border-top: 1px solid rgba(255,255,255,.04) }

@media(max-width:767px) {
    footer.home5-footer .footer-top .social-area { flex-wrap: wrap; justify-content: center; text-align: center; padding-top: 30px }
}

footer.home5-footer .footer-top .social-area h3 { color: var(--white-color); font-family: var(--font-Urbanist); font-size: 30px; font-weight: 500; line-height: 1.5; max-width: 535px; width: 100%; margin-bottom: 0 }

@media(max-width:767px) {
    footer.home5-footer .footer-top .social-area h3 { font-size: 25px }
}

footer.home5-footer .footer-top .social-area .social-list { padding: 0; margin: 0; list-style: none; max-width: 270px; width: 100%; display: flex; align-items: center; gap: 20px; flex-wrap: wrap }
    footer.home5-footer .footer-top .social-area .social-list li { padding: 5px 22px; background-color: #252525; border: 1px solid rgba(255,255,255,.1); border-radius: 50px; line-height: 1; transition: .5s }
        footer.home5-footer .footer-top .social-area .social-list li a { color: var(--paragraph-color-dark); font-family: var(--font-Urbanist); font-size: 14px; font-weight: 500; line-height: 1; transition: .5s }
        footer.home5-footer .footer-top .social-area .social-list li:hover { background-color: var(--primary-color4) }
            footer.home5-footer .footer-top .social-area .social-list li:hover a { color: var(--dark-title-color) }
footer.home5-footer .footer-top .footer-menu-wrap { border: 1px solid rgba(255,255,255,.08); border-radius: 10px; background-color: #161616; padding: 25px 40px; display: flex; align-items: center; justify-content: space-between; gap: 20px }

@media(max-width:991px) {
    footer.home5-footer .footer-top .footer-menu-wrap { flex-wrap: wrap; justify-content: center; border: none; padding: 20px 30px }
}

@media(max-width:576px) {
    footer.home5-footer .footer-top .footer-menu-wrap { padding: 20px; gap: 25px }
}

footer.home5-footer .footer-top .footer-menu-wrap .footer-menu { padding: 0; margin: 0; list-style: none; display: flex; align-items: center; flex-wrap: wrap; gap: 15px }

@media(max-width:991px) {
    footer.home5-footer .footer-top .footer-menu-wrap .footer-menu { justify-content: center }
}

footer.home5-footer .footer-top .footer-menu-wrap .footer-menu li { line-height: 1; padding-right: 30px }

@media(max-width:1499px) {
    footer.home5-footer .footer-top .footer-menu-wrap .footer-menu li { padding-right: 8px }
}

@media(max-width:1399px) {
    footer.home5-footer .footer-top .footer-menu-wrap .footer-menu li { padding-right: 0 }
}

footer.home5-footer .footer-top .footer-menu-wrap .footer-menu li:last-child { padding-right: 0 }
footer.home5-footer .footer-top .footer-menu-wrap .footer-menu li a { color: var(--paragraph-color-dark); font-family: var(--font-Urbanist); font-size: 14px; font-weight: 500; transition: .35s; display: flex; align-items: baseline; gap: 6px }
    footer.home5-footer .footer-top .footer-menu-wrap .footer-menu li a svg { fill: #fee; transition: .35s; opacity: 0 }
    footer.home5-footer .footer-top .footer-menu-wrap .footer-menu li a:hover { color: var(--white-color) }
        footer.home5-footer .footer-top .footer-menu-wrap .footer-menu li a:hover svg { opacity: 1 }

@media(max-width:767px) {
    footer.home5-footer .footer-btm { justify-content: center }
}

footer.home5-footer .footer-btm .copyright-area p a:hover { color: var(--primary-color4) }
footer.home5-footer .footer-btm .terms-condition p a:hover { color: var(--primary-color4) }

@media(max-width:1199px) {
    footer.home6-footer { padding: 90px 0 0 }
}

@media(max-width:767px) {
    footer.home6-footer { padding: 70px 0 0 }
}

footer.home6-footer .footer-top { text-align: center }
    footer.home6-footer .footer-top h4 { color: var(--white-color); font-family: var(--font-Urbanist); font-size: 45px; font-weight: 500; line-height: 1.4; margin-bottom: 15px }
    footer.home6-footer .footer-top p { color: #dfdfdf; font-family: var(--font-Urbanist); font-size: 16px; font-weight: 400; line-height: 28px; margin-bottom: 45px }

@media(max-width:991px) {
    footer.home6-footer .footer-top p { margin-bottom: 35px }
}

@media(max-width:767px) {
    footer.home6-footer .footer-top p { margin-bottom: 25px }
}

footer.home6-footer .footer-top .contact-area { max-width: 535px; width: 100%; margin: 0 auto }
    footer.home6-footer .footer-top .contact-area .form-inner { display: flex; align-items: center; background-color: var(--white-color); border-radius: 10px; padding: 6px; height: 60px; margin-bottom: 20px }
        footer.home6-footer .footer-top .contact-area .form-inner input { background-color: transparent; border: unset }
            footer.home6-footer .footer-top .contact-area .form-inner input:focus { border: unset }

@media(max-width:576px) {
    footer.home6-footer .footer-top .contact-area .form-inner input { padding: 10px 15px }
}

footer.home6-footer .footer-top .contact-area .form-inner .primary-btn3 { background-color: var(--primary-color4); border-color: var(--primary-color4); color: var(--primary-color3); border-radius: 10px; padding: 15px 36px; justify-content: center; min-width: 180px }

@media(max-width:576px) {
    footer.home6-footer .footer-top .contact-area .form-inner .primary-btn3 { min-width: 140px; padding: 15px 10px; font-size: 13px }
}

footer.home6-footer .footer-top .contact-area .form-inner .primary-btn3 svg { min-width: 11px; fill: var(--primary-color3) }
footer.home6-footer .footer-top .contact-area .form-inner .primary-btn3:hover { border-color: var(--border-color2) }
footer.home6-footer .footer-top .contact-area ul { padding: 0; margin: 0; list-style: none; display: flex; align-items: center; justify-content: center; gap: 40px }

@media(max-width:576px) {
    footer.home6-footer .footer-top .contact-area ul { flex-wrap: wrap; gap: 20px }
}

footer.home6-footer .footer-top .contact-area ul li { display: flex; align-items: center; gap: 8px; color: var(--white-color); font-family: var(--font-Urbanist); font-size: 14px; font-weight: 500; line-height: 1.2 }
    footer.home6-footer .footer-top .contact-area ul li svg { fill: var(--primary-color4) }
footer.home6-footer .footer-menu-wrap { background-color: #202020; border-radius: 20px; padding: 50px }

@media(max-width:1199px) {
    footer.home6-footer .footer-menu-wrap { padding: 50px 30px }
}

@media(max-width:576px) {
    footer.home6-footer .footer-menu-wrap { padding: 40px 20px; border-radius: 10px }
}

footer.home6-footer .footer-menu-wrap .menu-container ul li a svg { fill: var(--primary-color4) }
footer.home6-footer .footer-menu-wrap .menu-container ul li a:hover { color: var(--primary-color4) }
footer.home6-footer .footer-menu-wrap .footer-widget .footer-content { max-width: 485px; width: 100%; padding-top: 25px; margin-bottom: 45px }

@media(max-width:1199px) {
    footer.home6-footer .footer-menu-wrap .footer-widget .footer-content { margin-bottom: 35px }
}

@media(max-width:576px) {
    footer.home6-footer .footer-menu-wrap .footer-widget .footer-content { margin-bottom: 30px }
}

footer.home6-footer .footer-menu-wrap .footer-widget .footer-content p { color: var(--paragraph-color-dark); font-family: var(--font-Urbanist); font-size: 15px; font-weight: 400; line-height: 26px; margin-bottom: 0 }
footer.home6-footer .footer-menu-wrap .footer-widget .social-area { padding: 0; margin: 0; list-style: none; display: flex; align-items: center; gap: 15px }
    footer.home6-footer .footer-menu-wrap .footer-widget .social-area li a { width: 30px; height: 30px; border-radius: 50%; background-color: var(--primary-color3); display: flex; align-items: center; justify-content: center; color: var(--primary-color4); transition: .5s }
        footer.home6-footer .footer-menu-wrap .footer-widget .social-area li a i { font-size: 14px }
        footer.home6-footer .footer-menu-wrap .footer-widget .social-area li a:hover { background-color: var(--primary-color4); color: var(--dark-title-color) }
footer.home6-footer .footer-btm .copyright-area p a:hover { color: var(--primary-color4) }
footer.home6-footer .footer-btm .terms-condition p a:hover { color: var(--primary-color4) }
.animet-images { overflow: hidden }
.sidebar-area { position: fixed; top: 0; left: 0; width: 100%; padding: 0 0 70px; z-index: 9999; overflow-y: auto; transition: all .7s; background-color: var(---dark-white-color); height: 100%; transform-origin: top; transform: translateY(-120%); transition: transform .6s ease-in }

@media(max-width:1399px) {
    .sidebar-area { padding: 0 0 70px }
}

.sidebar-area.active { transform: translateY(0) }
.sidebar-area .sidebar-menu-top-area { padding: 17px 3%; border-bottom: 1px solid var(--border-color2); margin-bottom: 80px; display: flex; justify-content: space-between }

@media(max-width:1399px) {
    .sidebar-area .sidebar-menu-top-area { padding: 25px 2% }
}

@media(max-width:991px) {
    .sidebar-area .sidebar-menu-top-area { padding: 0 }
}

.sidebar-area .sidebar-menu-top-area .sidebar-menu-logo { display: flex; align-items: center }

@media(max-width:991px) {
    .sidebar-area .sidebar-menu-top-area .sidebar-menu-logo { padding: 15px }
}

.sidebar-area .sidebar-menu-top-area .sidebar-menu-logo img { width: 146px; max-width: unset }
.sidebar-area .sidebar-menu-top-area .sidebar-menu-logo .logo-light { display: none }
.sidebar-area .sidebar-menu-top-area .nav-right { gap: 105px }

@media(min-width:1400px) and (max-width:1599px) {
    .sidebar-area .sidebar-menu-top-area .nav-right { gap: 60px }
}

@media(max-width:1399px) {
    .sidebar-area .sidebar-menu-top-area .nav-right { gap: 30px }
}

@media(max-width:991px) {
    .sidebar-area .sidebar-menu-top-area .nav-right { gap: 0 }
}

.sidebar-area .sidebar-menu-top-area .nav-right .sidebar-menu-close { border: 1px solid var(--primary-color); width: 40px; height: 40px; border-radius: 50%; display: flex; align-items: center; justify-content: center; cursor: pointer; transition: .5s }
    .sidebar-area .sidebar-menu-top-area .nav-right .sidebar-menu-close svg { fill: var(--primary-color); transition: .5s }

@media(max-width:991px) {
    .sidebar-area .sidebar-menu-top-area .nav-right .sidebar-menu-close { margin: 0 15px }
}

@media(max-width:576px) {
    .sidebar-area .sidebar-menu-top-area .nav-right .sidebar-menu-close { width: 36px; height: 36px }
        .sidebar-area .sidebar-menu-top-area .nav-right .sidebar-menu-close svg { width: 18px; height: 18px }
}

.sidebar-area .sidebar-menu-top-area .nav-right .sidebar-menu-close:hover { background-color: #ff4820; border-color: #ff4820 }
    .sidebar-area .sidebar-menu-top-area .nav-right .sidebar-menu-close:hover svg { fill: var(--white-color) }
.sidebar-area .sidebar-menu-top-area .nav-right .header-btn { color: var(--white-color); font-family: var(--font-Urbanist); font-size: 15px; font-weight: 500; border: 1px solid var(--primary-color); background: var(--primary-color); line-height: 1; display: inline-flex; align-items: baseline; padding: 20px 35px; gap: 8px; white-space: nowrap; overflow: hidden; position: relative; z-index: 1; transition: all .6s }

@media(max-width:1199px) {
    .sidebar-area .sidebar-menu-top-area .nav-right .header-btn { padding: 14px 22px; display: none; visibility: hidden }
}

.sidebar-area .sidebar-menu-top-area .nav-right .header-btn svg { fill: var(--white-color); transition: all .6s }
.sidebar-area .sidebar-menu-top-area .nav-right .header-btn span { position: absolute; display: block; width: 0; height: 0; border-radius: 36px; background-color: var(--white-color); transition: all .6s; transform: translate(-50%,-50%); z-index: -1 }
.sidebar-area .sidebar-menu-top-area .nav-right .header-btn:hover { color: var(--primary-color) }
    .sidebar-area .sidebar-menu-top-area .nav-right .header-btn:hover svg { fill: var(--primary-color) }
    .sidebar-area .sidebar-menu-top-area .nav-right .header-btn:hover span { width: 225%; height: 1000.5px }
.sidebar-area .sidebar-menu-top-area .nav-right .header-btn:active { background-color: var(--white-color) }

@media(max-width:991px) {
    .sidebar-area .sidebar-menu-top-area .nav-right .header-btn { display: none; visibility: hidden }
}

.sidebar-area .sidebar-menu-top-area.two .nav-right .header-btn { padding: 19px 35px; transition: all .6s; border-radius: 5px }

@media(max-width:1199px) {
    .sidebar-area .sidebar-menu-top-area.two .nav-right .header-btn { padding: 14px 22px }
}

@media(max-width:1399px) {
    .sidebar-area .sidebar-contact .getin-touch-area { margin-bottom: 35px }
}

.sidebar-area .sidebar-contact .getin-touch-area h4 { color: var(--title-color); font-family: var(--font-Urbanist); font-size: 22px; font-weight: 500; margin-bottom: 35px }

@media(max-width:1399px) {
    .sidebar-area .sidebar-contact .getin-touch-area h4 { margin-bottom: 25px }
}

.sidebar-area .sidebar-contact .getin-touch-area h4 svg { fill: var(--title-color); margin-left: 5px }
.sidebar-area .sidebar-contact .getin-touch-area ul { margin: 0; padding: 0; list-style: none }
    .sidebar-area .sidebar-contact .getin-touch-area ul .single-contact { display: flex; align-items: center; gap: 20px; margin-bottom: 40px }

@media(max-width:1399px) {
    .sidebar-area .sidebar-contact .getin-touch-area ul .single-contact { margin-bottom: 20px }
}

.sidebar-area .sidebar-contact .getin-touch-area ul .single-contact:last-child { margin-bottom: 0 }
.sidebar-area .sidebar-contact .getin-touch-area ul .single-contact .icon { height: 40px; min-width: 40px; max-width: 40px; border-radius: 50%; display: flex; align-items: center; justify-content: center; transition: .35s; border: 1px solid var(--title-color) }
    .sidebar-area .sidebar-contact .getin-touch-area ul .single-contact .icon svg { transition: .35s; fill: var(--title-color) }
.sidebar-area .sidebar-contact .getin-touch-area ul .single-contact .contact span { color: var(--paragraph-color); font-family: var(--font-Urbanist); font-size: 14px; font-weight: 500 }
.sidebar-area .sidebar-contact .getin-touch-area ul .single-contact .contact h6 { color: var(--paragraph-color); font-family: var(--font-Urbanist); font-size: 16px; font-weight: 500; line-height: 26px; margin-bottom: 0 }
    .sidebar-area .sidebar-contact .getin-touch-area ul .single-contact .contact h6 a { color: var(--title-color); transition: .35s }
        .sidebar-area .sidebar-contact .getin-touch-area ul .single-contact .contact h6 a:hover { color: var(--primary-color) }
.sidebar-area .sidebar-contact .getin-touch-area ul .single-contact:hover .icon { background-color: var(--title-color) }
    .sidebar-area .sidebar-contact .getin-touch-area ul .single-contact:hover .icon svg { fill: var(---dark-white-color) }
.sidebar-area .sidebar-contact .social-link-area h6 { color: var(--title-color); font-family: var(--font-Urbanist); font-size: 16px; font-weight: 600; margin-bottom: 0; padding-bottom: 10px; margin-bottom: 20px }
    .sidebar-area .sidebar-contact .social-link-area h6 svg { fill: var(--title-color); margin-left: 5px }
.sidebar-area .sidebar-contact .social-link-area .social-area { display: flex; align-items: center; flex-wrap: wrap; gap: 20px; margin: 0; padding: 0; list-style: none }
    .sidebar-area .sidebar-contact .social-link-area .social-area li a { border: 1px solid var(--border-color); border-radius: 50px; display: flex; align-items: center; gap: 8px; color: var(--title-color); font-family: var(--font-Urbanist); font-size: 14px; font-weight: 500; line-height: 1; padding: 7px 15px; transition: .35s }
        .sidebar-area .sidebar-contact .social-link-area .social-area li a i { color: var(--paragraph-color); line-height: 1; transition: .35s }
        .sidebar-area .sidebar-contact .social-link-area .social-area li a:hover { background-color: var(--primary-color); border-color: var(--primary-color); color: var(--white-color) }
            .sidebar-area .sidebar-contact .social-link-area .social-area li a:hover i { color: var(--white-color) }
.sidebar-area .sidebar-menu-wrap { border-left: 1px solid var(--border-color2) }
    .sidebar-area .sidebar-menu-wrap .main-menu { margin: 0; padding: 0; list-style: none; overflow-y: auto; border-top: 1px solid var(--border-color2); border-right: 1px solid var(--border-color2) }
        .sidebar-area .sidebar-menu-wrap .main-menu::-webkit-scrollbar { width: 0 }
        .sidebar-area .sidebar-menu-wrap .main-menu::-webkit-scrollbar-track { background: var(--title-color) }
        .sidebar-area .sidebar-menu-wrap .main-menu::-webkit-scrollbar-thumb { background: var(--primary-color) }
        .sidebar-area .sidebar-menu-wrap .main-menu > li { position: relative }
            .sidebar-area .sidebar-menu-wrap .main-menu > li > a { border-bottom: 1px solid var(--border-color2); color: var(--title-color); font-family: var(--font-Urbanist); text-transform: uppercase; font-size: 30px; font-weight: 500; display: block; line-height: 1; padding: 25px 70px; transform: translateY(var(--y)) translateZ(0); transition: transform .4s ease,box-shadow .4s ease }
                .sidebar-area .sidebar-menu-wrap .main-menu > li > a .menu-text { display: flex; overflow: hidden; text-shadow: 0 30px 0 var(--title-color) }
                    .sidebar-area .sidebar-menu-wrap .main-menu > li > a .menu-text span { display: block; backface-visibility: hidden; transition: transform .4s ease; transform: translateY(var(--m)) translateZ(0) }
                        .sidebar-area .sidebar-menu-wrap .main-menu > li > a .menu-text span:nth-child(1) { transition-delay: .05s }
                        .sidebar-area .sidebar-menu-wrap .main-menu > li > a .menu-text span:nth-child(2) { transition-delay: .1s }
                        .sidebar-area .sidebar-menu-wrap .main-menu > li > a .menu-text span:nth-child(3) { transition-delay: .15s }
                        .sidebar-area .sidebar-menu-wrap .main-menu > li > a .menu-text span:nth-child(4) { transition-delay: .2s }
                        .sidebar-area .sidebar-menu-wrap .main-menu > li > a .menu-text span:nth-child(5) { transition-delay: .25s }
                        .sidebar-area .sidebar-menu-wrap .main-menu > li > a .menu-text span:nth-child(6) { transition-delay: .3s }
                        .sidebar-area .sidebar-menu-wrap .main-menu > li > a .menu-text span:nth-child(7) { transition-delay: .35s }
                        .sidebar-area .sidebar-menu-wrap .main-menu > li > a .menu-text span:nth-child(8) { transition-delay: .4s }
                        .sidebar-area .sidebar-menu-wrap .main-menu > li > a .menu-text span:nth-child(9) { transition-delay: .45s }
                        .sidebar-area .sidebar-menu-wrap .main-menu > li > a .menu-text span:nth-child(10) { transition-delay: .5s }
                        .sidebar-area .sidebar-menu-wrap .main-menu > li > a .menu-text span:nth-child(11) { transition-delay: .55s }
                        .sidebar-area .sidebar-menu-wrap .main-menu > li > a .menu-text span:nth-child(12) { transition-delay: .6s }
                        .sidebar-area .sidebar-menu-wrap .main-menu > li > a .menu-text span:nth-child(13) { transition-delay: .65s }
                        .sidebar-area .sidebar-menu-wrap .main-menu > li > a .menu-text span:nth-child(14) { transition-delay: .7s }
                        .sidebar-area .sidebar-menu-wrap .main-menu > li > a .menu-text span:nth-child(15) { transition-delay: .75s }
                        .sidebar-area .sidebar-menu-wrap .main-menu > li > a .menu-text span:nth-child(16) { transition-delay: .8s }
                        .sidebar-area .sidebar-menu-wrap .main-menu > li > a .menu-text span:nth-child(17) { transition-delay: .85s }
                        .sidebar-area .sidebar-menu-wrap .main-menu > li > a .menu-text span:nth-child(18) { transition-delay: .9s }
                        .sidebar-area .sidebar-menu-wrap .main-menu > li > a .menu-text span:nth-child(19) { transition-delay: .95s }
                        .sidebar-area .sidebar-menu-wrap .main-menu > li > a .menu-text span:nth-child(20) { transition-delay: 1s }
                        .sidebar-area .sidebar-menu-wrap .main-menu > li > a .menu-text span:nth-child(21) { transition-delay: 1.05s }
                        .sidebar-area .sidebar-menu-wrap .main-menu > li > a .menu-text span:nth-child(22) { transition-delay: 1.1s }
                        .sidebar-area .sidebar-menu-wrap .main-menu > li > a .menu-text span:nth-child(23) { transition-delay: 1.15s }
                        .sidebar-area .sidebar-menu-wrap .main-menu > li > a .menu-text span:nth-child(24) { transition-delay: 1.2s }
                        .sidebar-area .sidebar-menu-wrap .main-menu > li > a .menu-text span:nth-child(25) { transition-delay: 1.25s }
                        .sidebar-area .sidebar-menu-wrap .main-menu > li > a .menu-text span:nth-child(26) { transition-delay: 1.3s }
                        .sidebar-area .sidebar-menu-wrap .main-menu > li > a .menu-text span:nth-child(27) { transition-delay: 1.35s }
                        .sidebar-area .sidebar-menu-wrap .main-menu > li > a .menu-text span:nth-child(28) { transition-delay: 1.4s }
                        .sidebar-area .sidebar-menu-wrap .main-menu > li > a .menu-text span:nth-child(29) { transition-delay: 1.45s }
                        .sidebar-area .sidebar-menu-wrap .main-menu > li > a .menu-text span:nth-child(30) { transition-delay: 1.5s }
                        .sidebar-area .sidebar-menu-wrap .main-menu > li > a .menu-text span:nth-child(31) { transition-delay: 1.55s }
                        .sidebar-area .sidebar-menu-wrap .main-menu > li > a .menu-text span:nth-child(32) { transition-delay: 1.6s }
                        .sidebar-area .sidebar-menu-wrap .main-menu > li > a .menu-text span:nth-child(33) { transition-delay: 1.65s }
                        .sidebar-area .sidebar-menu-wrap .main-menu > li > a .menu-text span:nth-child(34) { transition-delay: 1.7s }
                        .sidebar-area .sidebar-menu-wrap .main-menu > li > a .menu-text span:nth-child(35) { transition-delay: 1.75s }
                        .sidebar-area .sidebar-menu-wrap .main-menu > li > a .menu-text span:nth-child(36) { transition-delay: 1.8s }
                        .sidebar-area .sidebar-menu-wrap .main-menu > li > a .menu-text span:nth-child(37) { transition-delay: 1.85s }
                        .sidebar-area .sidebar-menu-wrap .main-menu > li > a .menu-text span:nth-child(38) { transition-delay: 1.9s }
                        .sidebar-area .sidebar-menu-wrap .main-menu > li > a .menu-text span:nth-child(39) { transition-delay: 1.95s }
                        .sidebar-area .sidebar-menu-wrap .main-menu > li > a .menu-text span:nth-child(40) { transition-delay: 2s }

@media(max-width:1399px) {
    .sidebar-area .sidebar-menu-wrap .main-menu > li > a { padding: 15px 70px; padding-left: 40px; font-size: 22px }
}

@media(max-width:1399px) {
    .sidebar-area .sidebar-menu-wrap .main-menu > li > a { padding-left: 20px }
}

.sidebar-area .sidebar-menu-wrap .main-menu > li > a:hover { --y: -0px }
    .sidebar-area .sidebar-menu-wrap .main-menu > li > a:hover span { --m: calc(30px * -1) }
.sidebar-area .sidebar-menu-wrap .main-menu > li .dropdown-icon2 { position: absolute; right: 24px; top: 20px; width: 40px; height: 40px; border-radius: 5px; background-color: var(--title-color); display: flex; align-items: center; justify-content: center; cursor: pointer }
    .sidebar-area .sidebar-menu-wrap .main-menu > li .dropdown-icon2 i { color: var(---dark-white-color); font-size: 28px }

@media(max-width:1399px) {
    .sidebar-area .sidebar-menu-wrap .main-menu > li .dropdown-icon2 { width: 28px; height: 25px; top: 14px }
        .sidebar-area .sidebar-menu-wrap .main-menu > li .dropdown-icon2 i { font-size: 22px }
}

.sidebar-area .sidebar-menu-wrap .main-menu > li .dropdown-icon2.active i::before { content: "\f2ea" }
.sidebar-area .sidebar-menu-wrap .main-menu > li .dropdown-icon2.two { height: unset; width: unset; background-color: transparent; top: -7px }
    .sidebar-area .sidebar-menu-wrap .main-menu > li .dropdown-icon2.two i { color: var(--title-color) }
.sidebar-area .sidebar-menu-wrap .main-menu > li.active > a { color: var(--primary-color) }
    .sidebar-area .sidebar-menu-wrap .main-menu > li.active > a .menu-text { text-shadow: 0 30px 0 var(--primary-color) }
.sidebar-area .sidebar-menu-wrap .main-menu > li.active .dropdown-icon2 { background-color: var(--primary-color) }
    .sidebar-area .sidebar-menu-wrap .main-menu > li.active .dropdown-icon2 i { color: var(--white-color); font-size: 28px }
    .sidebar-area .sidebar-menu-wrap .main-menu > li.active .dropdown-icon2.two { background-color: transparent }
        .sidebar-area .sidebar-menu-wrap .main-menu > li.active .dropdown-icon2.two i { color: var(--title-color) }
.sidebar-area .sidebar-menu-wrap .main-menu > li .submenu-list { margin: 0; padding: 0; list-style: none; padding-left: 40px; position: static; opacity: 1; visibility: visible; transition: none; display: none; padding-top: 35px; padding-bottom: 35px; padding-left: 70px; border-bottom: 1px solid var(--border-color2) }

@media(max-width:1399px) {
    .sidebar-area .sidebar-menu-wrap .main-menu > li .submenu-list { padding-left: 40px; padding-top: 30px; padding-bottom: 30px }
}

.sidebar-area .sidebar-menu-wrap .main-menu > li .submenu-list.active { display: block }
.sidebar-area .sidebar-menu-wrap .main-menu > li .submenu-list li { position: relative; margin-bottom: 15px }
    .sidebar-area .sidebar-menu-wrap .main-menu > li .submenu-list li:last-child { margin-bottom: 0 }
    .sidebar-area .sidebar-menu-wrap .main-menu > li .submenu-list li::after { content: ""; height: 10px; width: 10px; border-radius: 50%; display: flex; align-items: center; position: absolute; left: -20px; border: 1px solid var(--paragraph-color-dark); top: 8px }
    .sidebar-area .sidebar-menu-wrap .main-menu > li .submenu-list li > a { color: var(--paragraph-color); font-family: var(--font-Urbanist); font-size: 16px; font-weight: 500; transition: .35s }
        .sidebar-area .sidebar-menu-wrap .main-menu > li .submenu-list li > a svg { fill: var(--paragraph-color); margin-left: 5px; transition: .35s }
        .sidebar-area .sidebar-menu-wrap .main-menu > li .submenu-list li > a:hover { color: var(--title-color) }
            .sidebar-area .sidebar-menu-wrap .main-menu > li .submenu-list li > a:hover svg { fill: var(--primary-color) }
    .sidebar-area .sidebar-menu-wrap .main-menu > li .submenu-list li.active > a { color: var(--primary-color) }
        .sidebar-area .sidebar-menu-wrap .main-menu > li .submenu-list li.active > a svg { fill: var(--primary-color) }
    .sidebar-area .sidebar-menu-wrap .main-menu > li .submenu-list li.active .dropdown-icon2.two i { color: var(--primary-color) }
    .sidebar-area .sidebar-menu-wrap .main-menu > li .submenu-list li.active::after { border-color: var(--primary-color) }
    .sidebar-area .sidebar-menu-wrap .main-menu > li .submenu-list li .submenu-list { padding-top: 20px; padding-bottom: 7px; padding-left: 20px; border-bottom: none }
        .sidebar-area .sidebar-menu-wrap .main-menu > li .submenu-list li .submenu-list li { margin-bottom: 10px }
            .sidebar-area .sidebar-menu-wrap .main-menu > li .submenu-list li .submenu-list li::after { display: none }
            .sidebar-area .sidebar-menu-wrap .main-menu > li .submenu-list li .submenu-list li a { font-size: 15px; font-weight: 400 }
                .sidebar-area .sidebar-menu-wrap .main-menu > li .submenu-list li .submenu-list li a svg { fill: var(--paragraph-color); margin-left: 5px; transition: .35s }
                .sidebar-area .sidebar-menu-wrap .main-menu > li .submenu-list li .submenu-list li a:hover { color: var(--title-color) }
                    .sidebar-area .sidebar-menu-wrap .main-menu > li .submenu-list li .submenu-list li a:hover svg { fill: var(--primary-color) }
            .sidebar-area .sidebar-menu-wrap .main-menu > li .submenu-list li .submenu-list li.active { color: var(--primary-color) }
.home2-banner-area { background-image: url(../img/home2/banner-bg.png),linear-gradient(#1A1A1A,#1A1A1A); background-size: cover; background-repeat: no-repeat; padding: 150px 0 56px }

@media(min-width:1400px) and (max-width:1599px) {
    .home2-banner-area { padding: 200px 0 70px }
}

.home2-banner-area .banner-content-wrap h1 { color: var(--white-color); font-family: var(--font-Urbanist); font-size: 90px; font-weight: 500; line-height: 1.2; margin-bottom: 60px }

@media(min-width:1400px) and (max-width:1599px) {
    .home2-banner-area .banner-content-wrap h1 { font-size: 80px }
}

@media(max-width:1399px) {
    .home2-banner-area .banner-content-wrap h1 { font-size: 70px; margin-bottom: 45px }
}

@media(max-width:1199px) {
    .home2-banner-area .banner-content-wrap h1 { font-size: 55px; margin-bottom: 35px }
}

@media(max-width:1199px) {
    .home2-banner-area .banner-content-wrap h1 { font-size: 38px; margin-bottom: 30px }
}

.home2-banner-area .banner-content-wrap h1 span { font-family: var(--font-fahkwang); font-weight: 400; display: block }
.home2-banner-area .banner-content-wrap .banner-content { display: flex; gap: 24px }

@media(max-width:576px) {
    .home2-banner-area .banner-content-wrap .banner-content { flex-wrap: wrap }
}

.home2-banner-area .banner-content-wrap .banner-content .vector-and-review .vector { margin-bottom: 69px }

@media(max-width:1399px) {
    .home2-banner-area .banner-content-wrap .banner-content .vector-and-review .vector { max-width: 250px }
}

@media(max-width:991px) {
    .home2-banner-area .banner-content-wrap .banner-content .vector-and-review .vector { margin-bottom: 30px }
}

@media(max-width:576px) {
    .home2-banner-area .banner-content-wrap .banner-content .vector-and-review .vector { display: none; visibility: hidden }
}

.home2-banner-area .banner-content-wrap .banner-content .vector-and-review .vector svg { fill: rgba(255,255,255,.08); width: 250px }
.home2-banner-area .banner-content-wrap .banner-content .content-and-btn p { color: #c4c4c4; font-family: var(--font-Urbanist); font-size: 16px; font-weight: 400; line-height: 26px; margin-bottom: 45px }
    .home2-banner-area .banner-content-wrap .banner-content .content-and-btn p span { color: var(--white-color) }
.home2-banner-area .banner-content-wrap .banner-content .content-and-btn .banner-btn a { display: flex; align-items: center; white-space: nowrap; transition: .45s }
    .home2-banner-area .banner-content-wrap .banner-content .content-and-btn .banner-btn a .content { color: var(--dark-title-color); font-family: var(--font-Urbanist); font-size: 15px; font-weight: 500; background-color: var(--primary-color2); border-radius: 28px; padding: 17px 36px; display: inline-block; transform: translate3d(-56px,0px,0px) scale3d(1,1,1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg,0deg); transform-style: preserve-3d; transition: .45s }
    .home2-banner-area .banner-content-wrap .banner-content .content-and-btn .banner-btn a .icon { width: 56px; height: 56px; border-radius: 50%; background-color: var(--primary-color2); display: flex; align-items: center; justify-content: center; transition: .45s }
        .home2-banner-area .banner-content-wrap .banner-content .content-and-btn .banner-btn a .icon.two { transform: translate3d(-56px,0px,0px) scale3d(1,1,1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg,0deg); transform-style: preserve-3d }
    .home2-banner-area .banner-content-wrap .banner-content .content-and-btn .banner-btn a:hover .content { transform: translate3d(0px,0px,0px) scale3d(1,1,1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg,0deg); transform-style: preserve-3d }
    .home2-banner-area .banner-content-wrap .banner-content .content-and-btn .banner-btn a:hover .icon.two { opacity: 0 }
.home2-banner-area .banner-img img { max-width: unset }

@media(min-width:1400px) and (max-width:1599px) {
    .home2-banner-area .banner-img img { max-width: 100% }
}

@media(max-width:1399px) {
    .home2-banner-area .banner-img img { max-width: 100% }
}

.rating-area { display: flex; align-items: center; gap: 20px }
    .rating-area .review span { color: #dfdfdf; font-family: var(--font-Urbanist); font-size: 12px; font-weight: 500; line-height: 1; margin-bottom: 5px; display: block }
    .rating-area .review svg { fill: var(--white-color) }
    .rating-area .rating .star { margin: 0; padding: 0; list-style: none; display: flex; align-items: center; gap: 6px; line-height: 1; margin-bottom: 5px }
        .rating-area .rating .star li i { color: #e62415; font-size: 14px }
    .rating-area .rating span { color: #dfdfdf; font-family: var(--font-Urbanist); font-size: 14px; font-weight: 400; line-height: 1 }
    .rating-area.dark .review span { color: var(--title-color) }
    .rating-area.dark .review svg { fill: var(--title-color) }
    .rating-area.dark .rating span { color: var(--title-color) }
.home2-about-section .counter-and-btn { max-width: 320px; width: 100%; margin: 0 auto }

@media(max-width:991px) {
    .home2-about-section .counter-and-btn { margin-left: 0 }
}

.home2-about-section .counter-and-btn a { display: flex; align-items: center; white-space: nowrap; transition: .45s }
    .home2-about-section .counter-and-btn a .content { color: var(---dark-white-color); font-family: var(--font-Urbanist); font-size: 15px; font-weight: 500; background-color: var(--title-color); border-radius: 28px; padding: 17px 36px; display: inline-block; transform: translate3d(-56px,0px,0px) scale3d(1,1,1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg,0deg); transform-style: preserve-3d; transition: .45s }
    .home2-about-section .counter-and-btn a .icon { width: 56px; height: 56px; border-radius: 50%; background-color: var(--title-color); display: flex; align-items: center; justify-content: center; transition: .45s }
        .home2-about-section .counter-and-btn a .icon svg { fill: var(---dark-white-color) }
        .home2-about-section .counter-and-btn a .icon.two { transform: translate3d(-56px,0px,0px) scale3d(1,1,1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg,0deg); transform-style: preserve-3d; transition: .45s }
    .home2-about-section .counter-and-btn a:hover .content { transform: translate3d(0px,0px,0px) scale3d(1,1,1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg,0deg) }
    .home2-about-section .counter-and-btn a:hover .icon.two { opacity: 0 }
.home2-about-section .counter-wrap { margin: 0; padding: 0; list-style: none }
    .home2-about-section .counter-wrap .single-counter { display: flex; align-items: flex-start; gap: 40px; margin-bottom: 70px }

@media(max-width:991px) {
    .home2-about-section .counter-wrap .single-counter { margin-bottom: 40px }
}

.home2-about-section .counter-wrap .single-counter .icon svg { fill: var(--title-color) }
.home2-about-section .counter-wrap .single-counter .content { line-height: 1 }
    .home2-about-section .counter-wrap .single-counter .content .number { display: flex; align-items: center; margin-bottom: 13px }
        .home2-about-section .counter-wrap .single-counter .content .number .counter { color: var(--title-color); font-family: var(--font-Urbanist); font-size: 30px; font-weight: 500; line-height: 1; margin-bottom: 0 }
        .home2-about-section .counter-wrap .single-counter .content .number span { color: var(--title-color); font-family: var(--font-Urbanist); font-size: 30px; font-weight: 500; line-height: 1 }
    .home2-about-section .counter-wrap .single-counter .content p { margin-bottom: 0; color: var(--paragraph-color); font-family: var(--font-Urbanist); font-size: 16px; font-weight: 400; line-height: 26px }
.home2-about-section .about-left .about-img { margin-bottom: 25px }

@media(max-width:991px) {
    .home2-about-section .about-left .about-img img { width: 100% }
}

.home2-about-section .about-left p { color: var(--paragraph-color); font-family: var(--font-Urbanist); font-size: 16px; font-style: normal; font-weight: 400; line-height: 26px; margin-bottom: 0 }

@media(max-width:991px) {
    .home2-about-section .about-right-img img { width: 100% }
}

.home2-services-section { background-color: #f8f8f8; padding: 110px 0 }

@media(max-width:1199px) {
    .home2-services-section { padding: 90px 0 }
}

@media(max-width:767px) {
    .home2-services-section { padding: 70px 0 }
}

.home2-services-section .dash-and-paragraph.three .btn-and-paragraph a:hover { color: var(--primary-color2) }
    .home2-services-section .dash-and-paragraph.three .btn-and-paragraph a:hover svg { fill: var(--primary-color2) }
.home2-services-section .services-wrapper { display: grid; grid-template-columns: 33.33% 33.33% 33.33% }

@media(max-width:1399px) {
    .home2-services-section .services-wrapper { grid-template-columns: 32.5% 35% 32.5% }
}

@media(max-width:991px) {
    .home2-services-section .services-wrapper { grid-template-columns: 50% 50% }
}

@media(max-width:767px) {
    .home2-services-section .services-wrapper { grid-template-columns: 100% }
}

.home2-services-section .service-card { padding: 50px 40px; border-bottom: 1px solid var(--border-color); border-right: 1px solid var(--border-color) }

@media(max-width:1399px) {
    .home2-services-section .service-card { padding: 35px 25px }
}

@media(max-width:991px) {
    .home2-services-section .service-card { border: 1px solid var(--border-color); border-bottom: none; padding: 30px 20px }
}

.home2-services-section .service-card h3 { color: var(--title-color); font-family: var(--font-Urbanist); font-size: 28px; font-weight: 400; margin-bottom: 15px }

@media(max-width:1399px) {
    .home2-services-section .service-card h3 { font-size: 26px }
}

.home2-services-section .service-card p { color: var(--paragraph-color); font-family: var(--font-Urbanist); font-size: 16px; font-weight: 400; line-height: 26px; margin-bottom: 30px }

@media(max-width:576px) {
    .home2-services-section .service-card p { font-size: 15px }
}

.home2-services-section .service-card ul { margin: 0; padding: 0; list-style: none; display: flex; align-items: center; flex-wrap: wrap; gap: 15px; margin-bottom: 50px }
    .home2-services-section .service-card ul li a { line-height: 1; color: #1a1a1a; font-family: var(--font-Urbanist); font-size: 14px; font-weight: 400; background-color: var(--white-color); border-radius: 50px; display: inline-block; padding: 6px 17px; transition: .35s; border: 1px solid var(--border-color) }
        .home2-services-section .service-card ul li a:hover { background-color: var(--dark-title-color); color: var(--white-color) }
.home2-services-section .service-card:nth-child(1) { padding-left: 0; padding-top: 0 }

@media(max-width:991px) {
    .home2-services-section .service-card:nth-child(1) { padding: 30px 20px }
}

.home2-services-section .service-card:nth-child(2) { padding-top: 0 }

@media(max-width:991px) {
    .home2-services-section .service-card:nth-child(2) { padding: 30px 20px }
}

.home2-services-section .service-card:nth-child(3) { padding-right: 0; padding-top: 0; border-right: none }

@media(max-width:991px) {
    .home2-services-section .service-card:nth-child(3) { padding: 30px 20px; border-right: 1px solid var(--border-color) }
}

.home2-services-section .service-card:nth-child(4) { padding-left: 0; padding-bottom: 0; border-bottom: none }

@media(max-width:991px) {
    .home2-services-section .service-card:nth-child(4) { padding: 30px 20px; border-bottom: 1px solid var(--border-color) }
}

.home2-services-section .service-card:nth-child(5) { padding-bottom: 0; border-bottom: none }

@media(max-width:991px) {
    .home2-services-section .service-card:nth-child(5) { padding: 30px 20px; border-bottom: 1px solid var(--border-color) }
}

.home2-services-section .service-card:nth-child(6) { padding-right: 0; padding-bottom: 0; border-bottom: none; border-right: none }

@media(max-width:991px) {
    .home2-services-section .service-card:nth-child(6) { padding: 30px 20px; border-bottom: 1px solid var(--border-color); border-right: 1px solid var(--border-color) }
}

.home2-counter-area .single-counter { width: 406px; height: 408px; border-radius: 408px; border: 1px solid var(--border-color2); display: flex; justify-content: center; align-items: center; text-align: center; position: relative }

@media(max-width:1399px) {
    .home2-counter-area .single-counter { width: 360px; height: 360px }
}

@media(max-width:1199px) {
    .home2-counter-area .single-counter { width: 300px; height: 300px }
}

@media(max-width:991px) {
    .home2-counter-area .single-counter { width: 100%; height: unset; padding: 20px; border-radius: 0 }
}

.home2-counter-area .single-counter .content .number h2 { color: var(--title-color); text-align: center; font-family: var(--font-Urbanist); font-size: 45px; font-weight: 500; margin-bottom: 10px }
.home2-counter-area .single-counter .content p { margin-bottom: 0; color: var(--paragraph-color); text-align: center; font-family: var(--font-Urbanist); font-size: 16px; font-weight: 400 }
.home2-counter-area .single-counter.two { position: relative; z-index: 2 }
.home2-inner-banner { padding: 100px 0; background-position: center center; background-repeat: no-repeat; background-size: cover; min-height: 85vh; display: flex; position: relative; align-items: end; margin-bottom: 255px }

@media(max-width:991px) {
    .home2-inner-banner { margin-bottom: 170px }
}

@media(max-width:991px) {
    .home2-inner-banner { min-height: 75vh }
}

.home2-inner-banner .clutch-logo { position: absolute; right: 175px; bottom: -135px }

@media(max-width:1399px) {
    .home2-inner-banner .clutch-logo { right: 75px }
}

@media(max-width:991px) {
    .home2-inner-banner .clutch-logo { bottom: -81px; right: 50px }
        .home2-inner-banner .clutch-logo img { width: 150px }
}

.home2-inner-banner .banner-content { max-width: 900px; width: 100% }
    .home2-inner-banner .banner-content h6 { color: var(--white-color); font-family: var(--font-Urbanist); font-size: 18px; font-weight: 500; display: flex; align-items: center; gap: 20px; margin-bottom: 20px }
        .home2-inner-banner .banner-content h6 span { height: 1px; width: 200px; background-color: #dfdfdf; position: relative }

@media(max-width:767px) {
    .home2-inner-banner .banner-content h6 span { width: 100px }
}

.home2-inner-banner .banner-content h6 span::before { content: ""; height: 5px; width: 5px; border-radius: 50%; background-color: #dfdfdf; position: absolute; left: 0; top: 50%; transform: translateY(-50%) }
.home2-inner-banner .banner-content h6 span::after { content: ""; height: 6px; width: 5px; -webkit-clip-path: polygon(0 0,0% 100%,100% 50%); clip-path: polygon(0 0,0% 100%,100% 50%); background-color: #dfdfdf; position: absolute; right: -5px; top: 50%; transform: translateY(-50%) }
.home2-inner-banner .banner-content h2 { color: var(--white-color); font-family: var(--font-Urbanist); font-size: 45px; font-weight: 500; line-height: 1.35; margin-bottom: 0 }

@media(max-width:1199px) {
    .home2-inner-banner .banner-content h2 { font-size: 35px }
}

@media(max-width:767px) {
    .home2-inner-banner .banner-content h2 { font-size: 28px }
}

.home2-process-section { position: relative }
    .home2-process-section .progress-wrapper .counter-wrap { position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); font-size: 18px; font-weight: 400; color: var(--title-color); z-index: 9 }
    .home2-process-section .progress-wrapper .complete { fill: none; stroke: var(--border-color2) }
    .home2-process-section .single-process-static { position: sticky; top: 30px }

@media(max-width:1199px) {
    .home2-process-section .single-process-static { top: 82px }
}

@media(max-width:991px) {
    .home2-process-section .single-process-static { top: 10px }
}

.home2-process-section .single-process-static:last-child .single-process { border-bottom: none; margin-bottom: 0; padding-bottom: 0 }
.home2-process-section .home2-process-wrapper { border-left: 1px solid var(--border-color2) }

@media(max-width:991px) {
    .home2-process-section .home2-process-wrapper { border-left: unset }
}

.home2-process-section .single-process { padding-bottom: 45px; margin-bottom: 50px; border-bottom: 1px solid var(--border-color2); background-color: var(---dark-white-color); padding-left: 25px }

@media(max-width:991px) {
    .home2-process-section .single-process { padding-left: 0 }
}

.home2-process-section .single-process .icon { margin-bottom: 40px }

@media(max-width:991px) {
    .home2-process-section .single-process .icon { margin-bottom: 20px }
}

.home2-process-section .single-process .icon svg { fill: var(--title-color) }
.home2-process-section .single-process .content h3 { color: var(--title-color); font-family: var(--font-Urbanist); font-size: 30px; font-weight: 400; margin-bottom: 16px }

@media(max-width:767px) {
    .home2-process-section .single-process .content h3 { font-size: 22px }
}

.home2-process-section .single-process .content p { color: var(--paragraph-color); font-family: var(--font-Urbanist); font-size: 16px; font-weight: 400; line-height: 26px; margin-bottom: 25px }

@media(max-width:576px) {
    .home2-process-section .single-process .content p { font-size: 15px }
}

.home2-process-section .single-process .content ul { margin: 0; padding: 0; list-style: none }
    .home2-process-section .single-process .content ul li { display: flex; align-items: center; color: var(--paragraph-color); font-family: var(--font-Urbanist); font-size: 14px; font-weight: 500; margin-bottom: 10px }
        .home2-process-section .single-process .content ul li i { color: var(--paragraph-color); font-size: 16px }
        .home2-process-section .single-process .content ul li:last-child { margin-bottom: 0 }
.home2-process-section .progress-wrapper { display: flex; flex-flow: row; margin: 0 auto; justify-content: center }
    .home2-process-section .progress-wrapper .steps { font-family: var(--font-Urbanist); font-size: 16px; font-weight: 400; color: var(--title-color); line-height: 1 }
    .home2-process-section .progress-wrapper #pageIndicator { font-family: var(--font-Urbanist); font-size: 30px; font-weight: 600; color: var(--title-color) }
    .home2-process-section .progress-wrapper .completed:before { transform: translate(-50%,-50%) scale(1); opacity: .5 }
    .home2-process-section .progress-wrapper svg { position: sticky; transform: rotate(-90deg) }
        .home2-process-section .progress-wrapper svg stop { stop-color: var(--primary-color4) }
        .home2-process-section .progress-wrapper svg circle { stroke: #c9daed; stroke-width: 8px; stroke-linecap: round; fill: #e8f2fd }
        .home2-process-section .progress-wrapper svg .progress-bar { stroke: url(#grad); transition: stroke-dashoffset 0 ease-in-out }
    .home2-process-section .progress-wrapper .pct { position: fixed; top: 50%; left: 50%; transform: translate(-50%,-50%); font-feature-settings: "tnum"; font-variant-numeric: tabular-nums; display: none; visibility: hidden }
    .home2-process-section .progress-wrapper:before { content: ""; position: fixed; top: 50%; left: 50%; transform: translate(-50%,-50%) scale(0); width: 125vmax; height: 125vmax; border-radius: 100%; background-image: linear-gradient(to top,#F4CB0A 0%,#A6C1EE 100%); box-shadow: 0 0 20px #f4cb0a; transition: all 500ms cubic-bezier(.49,.23,0,.99); opacity: 0 }
.home2-process-section #scroll-progress { position: relative }
    .home2-process-section #scroll-progress .progress-wrapper { position: sticky; top: 100px; margin-left: 220px }

@media(max-width:1199px) {
    .home2-process-section #scroll-progress .progress-wrapper { margin-left: 100px }
}

@media(max-width:991px) {
    .home2-process-section #scroll-progress .progress-wrapper { margin-left: 0; display: none; visibility: hidden }
}

.home2-portfolio-section { background-color: var(--dark-title-color); padding: 110px 0; position: relative; z-index: 999 }

@media(max-width:1199px) {
    .home2-portfolio-section { padding: 90px 0 }
}

@media(max-width:767px) {
    .home2-portfolio-section { padding: 70px 0 }
}

.home2-portfolio-section .section-title h2 { color: var(--white-color); font-size: 130px; font-weight: 500; line-height: 1; position: relative; display: inline-flex; align-items: flex-start; gap: 30px }

@media(max-width:1399px) {
    .home2-portfolio-section .section-title h2 { font-size: 100px }
}

@media(max-width:1199px) {
    .home2-portfolio-section .section-title h2 { font-size: 80px }
}

.home2-portfolio-section .section-title h2 span { color: var(--dark-title-color); font-family: var(--font-Urbanist); font-size: 16px; width: 50px; height: 50px; font-weight: 500; border-radius: 50%; display: flex; align-items: center; justify-content: center; background-color: var(--primary-color2); margin-top: 20px }

@media(max-width:767px) {
    .home2-portfolio-section .section-title h2 span { display: none; visibility: hidden }
}

.home2-portfolio-section .section-title .dash-and-paragraph { padding-top: 0 }
    .home2-portfolio-section .section-title .dash-and-paragraph .dash { background-color: #2f2f2f }
        .home2-portfolio-section .section-title .dash-and-paragraph .dash::after { background-color: #2f2f2f }
    .home2-portfolio-section .section-title .dash-and-paragraph .btn-and-paragraph { margin-top: -35px }

@media(max-width:991px) {
    .home2-portfolio-section .section-title .dash-and-paragraph .btn-and-paragraph { margin-top: 20px }
}

.home2-portfolio-section .section-title .dash-and-paragraph .btn-and-paragraph a { color: var(--white-color) }
    .home2-portfolio-section .section-title .dash-and-paragraph .btn-and-paragraph a svg { fill: var(--primary-color2) }
.home2-portfolio-section .section-title .dash-and-paragraph .btn-and-paragraph p { color: #c4c4c4 }
.home2-portfolio-section .dash-and-paragraph.three .btn-and-paragraph a:hover { color: var(--primary-color2) }
    .home2-portfolio-section .dash-and-paragraph.three .btn-and-paragraph a:hover svg { fill: var(--primary-color2) }
.portfolio-card { border: 1px solid #282828; border-radius: 10px; transition: .35s }
    .portfolio-card .image-and-tag { background-color: #252525; padding: 30px 40px 0; border-radius: 10px 10px 0 0; transition: .35s }

@media(max-width:1199px) {
    .portfolio-card .image-and-tag { padding: 20px 20px 0 }
}

.portfolio-card .image-and-tag .tag { margin: 0; padding: 0; list-style: none; display: flex; flex-wrap: wrap; align-items: center; gap: 10px; margin-bottom: 15px; transition: .35s }
    .portfolio-card .image-and-tag .tag li { transition: .35s }
        .portfolio-card .image-and-tag .tag li a { line-height: 1; color: var(--white-color); font-family: var(--font-Urbanist); font-size: 14px; font-weight: 500; background-color: rgba(0,0,0,.5); border: 1px solid rgba(255,255,255,.1); border-radius: 50px; padding: 6px 25px; display: inline-block; transition: .35s }
            .portfolio-card .image-and-tag .tag li a:hover { color: var(--dark-title-color); background-color: var(--primary-color2) }
.portfolio-card .image-and-tag .portfolio-img { position: relative; transition: .35s }
    .portfolio-card .image-and-tag .portfolio-img img { border-radius: 5px 5px 0 0 }

@media(max-width:991px) {
    .portfolio-card .image-and-tag .portfolio-img img { -o-object-fit: cover; object-fit: cover; min-height: 200px; width: 100% }
}

.portfolio-card .image-and-tag .portfolio-img .details-btn { height: 50px; width: 50px; border-radius: 50%; display: flex; align-items: center; justify-content: center; background-color: #282828; position: absolute; bottom: -25px; right: 30px; transition: .35s; z-index: 9 }
    .portfolio-card .image-and-tag .portfolio-img .details-btn svg { fill: var(--white-color); transition: .35s }
    .portfolio-card .image-and-tag .portfolio-img .details-btn:hover { background-color: var(--primary-color2) }
        .portfolio-card .image-and-tag .portfolio-img .details-btn:hover svg { transform: rotate(45deg) }
.portfolio-card .portfolio-content { padding: 28px 40px }

@media(max-width:1199px) {
    .portfolio-card .portfolio-content { padding: 25px 20px }
}

.portfolio-card .portfolio-content h4 { margin-bottom: 0; max-width: 410px; width: 100% }
    .portfolio-card .portfolio-content h4 a { color: var(--white-color); font-family: var(--font-Urbanist); font-size: 22px; font-weight: 500; line-height: 1.4; text-transform: capitalize; transition: .5s }

@media(max-width:1199px) {
    .portfolio-card .portfolio-content h4 a { font-size: 22px }
}

.portfolio-card .portfolio-content h4 a:hover { color: var(--primary-color2) }
.portfolio-card:hover .image-and-tag .portfolio-img .details-btn { background-color: var(--primary-color2) }
    .portfolio-card:hover .image-and-tag .portfolio-img .details-btn svg { fill: var(--dark-title-color) }
.portfolio-card.two { border: 1px solid var(--border-color2) }
    .portfolio-card.two .portfolio-content h4 { margin-bottom: 0; max-width: 410px; width: 100% }
        .portfolio-card.two .portfolio-content h4 a { color: var(--title-color) }
            .portfolio-card.two .portfolio-content h4 a:hover { color: var(--primary-color) }
    .portfolio-card.two:hover .image-and-tag .portfolio-img .details-btn { background-color: var(--primary-color) }
        .portfolio-card.two:hover .image-and-tag .portfolio-img .details-btn svg { fill: var(--white-color) }
.home2-testimonial-section .author-img img { border-radius: 10px }
.home2-testimonial-section .testimonal-content span { color: var(--title-color); font-family: var(--font-Urbanist); font-size: 16px; font-weight: 500; display: inline-block; margin-bottom: 13px }
.home2-testimonial-section .testimonal-content p { color: var(--paragraph-color); font-family: var(--font-Urbanist); font-size: 30px; font-weight: 400; line-height: 1.4; margin-bottom: 25px }

@media(max-width:1399px) {
    .home2-testimonial-section .testimonal-content p { font-size: 26px }
}

@media(max-width:1199px) {
    .home2-testimonial-section .testimonal-content p { font-size: 22px }
}

.home2-testimonial-section .testimonal-content .author-area .content h6 { color: var(--title-color); font-family: var(--font-Urbanist); font-size: 18px; font-weight: 600; margin-bottom: 2px }
.home2-testimonial-section .testimonal-content .author-area .content span { color: var(--paragraph-color); font-family: var(--font-Urbanist); font-size: 14px; font-weight: 400; margin-bottom: 0 }
.home2-testimonial-section .swiper-slide-active .author-area { animation: fadeInUp 1.7s }
.home2-testimonial-section .swiper-slide-active p { animation: fadeInDown 1.7s }
.home2-testimonial-section .swiper-slide-active span { animation: fadeInDown 1.7s }
.home2-testimonial-section .slider-btn-area { display: flex; align-items: center; justify-content: space-between; width: 100% }
    .home2-testimonial-section .slider-btn-area .slider-btn { border: 1px solid var(--border-color); background-color: transparent }
        .home2-testimonial-section .slider-btn-area .slider-btn svg { fill: var(--title-color) }
        .home2-testimonial-section .slider-btn-area .slider-btn:hover { background-color: var(--primary-color2) }
            .home2-testimonial-section .slider-btn-area .slider-btn:hover svg { fill: var(--white-color) }
    .home2-testimonial-section .slider-btn-area .franctional-pagi2 { color: var(--title-color); font-family: var(--font-Urbanist); font-size: 24px; font-weight: 500; width: unset }
        .home2-testimonial-section .slider-btn-area .franctional-pagi2 .swiper-pagination-total { color: var(--paragraph-color); font-size: 16px; font-weight: 400; font-family: var(--font-Urbanist) }
.home2-technology-section { background-color: #1a1a1a; padding: 100px 0 }

@media(max-width:1199px) {
    .home2-technology-section { padding: 90px 0 }
}

@media(max-width:767px) {
    .home2-technology-section { padding: 70px 0 }
}

.home2-technology-section .technology-tab-wrap ul { margin: 0; padding: 0; list-style: none; border: none; gap: 35px; justify-content: center }
    .home2-technology-section .technology-tab-wrap ul li { line-height: 1 }
        .home2-technology-section .technology-tab-wrap ul li button { color: #fff; font-family: var(--font-Urbanist); font-size: 16px; font-weight: 500; line-height: 1; border-radius: 50px; background: #252525; border: none; position: relative }
            .home2-technology-section .technology-tab-wrap ul li button:focus { border: none; box-shadow: none }
            .home2-technology-section .technology-tab-wrap ul li button:after { content: ""; height: 8px; width: 16px; -webkit-clip-path: polygon(100% 0,0 0,50% 100%); clip-path: polygon(100% 0,0 0,50% 100%); background-color: var(--primary-color2); position: absolute; left: 50%; transform: translateX(-50%); bottom: -7px; display: none }
            .home2-technology-section .technology-tab-wrap ul li button.active { background-color: var(--primary-color2) }
                .home2-technology-section .technology-tab-wrap ul li button.active:after { display: block }
.home2-technology-section .technology-tab-wrap .tab-content { margin-top: -55px }

@media(max-width:991px) {
    .home2-technology-section .technology-tab-wrap .tab-content { margin-top: 50px }
}

.home2-technology-section .technology-tab-wrap .single-technology { border-radius: 5px; background: #252525; display: flex; flex-direction: column; justify-content: center; align-items: center; width: 100%; height: 164px; padding: 20px; transition: .45s }
    .home2-technology-section .technology-tab-wrap .single-technology.big { height: 264px }

@media(max-width:991px) {
    .home2-technology-section .technology-tab-wrap .single-technology.big { height: 164px }
}

.home2-technology-section .technology-tab-wrap .single-technology.empty { background-color: transparent; padding: 0 }
    .home2-technology-section .technology-tab-wrap .single-technology.empty img { width: 100%; height: 100% }
.home2-technology-section .technology-tab-wrap .single-technology .icon { margin-bottom: 20px }
.home2-technology-section .technology-tab-wrap .single-technology span { color: #c4c4c4; text-align: center; font-family: var(--font-Urbanist); font-size: 14px; font-weight: 500 }
.home2-technology-section .technology-tab-wrap .single-technology:hover { transform: translateY(-5px) }
    .home2-technology-section .technology-tab-wrap .single-technology:hover .icon img { animation: bounceIn 1.5s linear }
.home2-blog-section .dash-and-paragraph.three .btn-and-paragraph a:hover { color: var(--primary-color2) }
    .home2-blog-section .dash-and-paragraph.three .btn-and-paragraph a:hover svg { fill: var(--primary-color2) }

@media(max-width:767px) {
    .blog-card2 .blog-img { width: 100% }
        .blog-card2 .blog-img img { width: 100% }
}

.blog-card2 .blog-content { padding: 25px 30px 30px; border: 1px solid var(--border-color2); border-top: none }

@media(max-width:1399px) {
    .blog-card2 .blog-content { padding: 25px 20px 30px }
}

@media(max-width:991px) {
    .blog-card2 .blog-content { padding: 25px 15px 30px }
}

@media(max-width:576px) {
    .blog-card2 .blog-content { padding: 20px 15px 30px }
}

.blog-card2 .blog-content .tags { margin: 0; padding: 0; list-style: none; display: inline-flex; align-items: center; gap: 30px; flex-wrap: wrap; margin-bottom: 12px }

@media(min-width:992px) and (max-width:1199px) {
    .blog-card2 .blog-content .tags { gap: 15px }
}

.blog-card2 .blog-content .tags li { line-height: 1 }
    .blog-card2 .blog-content .tags li a { color: var(--paragraph-color); font-family: var(--font-Urbanist); font-size: 12px; font-weight: 500; display: flex; align-items: center; gap: 5px; transition: .35s }
        .blog-card2 .blog-content .tags li a svg { fill: var(--paragraph-color); transition: .35s }
        .blog-card2 .blog-content .tags li a:hover { color: var(--primary-color2) }
            .blog-card2 .blog-content .tags li a:hover svg { fill: var(--primary-color2) }
.blog-card2 .blog-content h4 { margin-bottom: 30px }

@media(max-width:576px) {
    .blog-card2 .blog-content h4 { margin-bottom: 20px }
}

.blog-card2 .blog-content h4 a { color: var(--title-color); font-family: var(--font-Urbanist); font-size: 22px; font-weight: 500; line-height: 1.6; transition: .35s }

@media(min-width:992px) and (max-width:1199px) {
    .blog-card2 .blog-content h4 a { font-size: 20px }
}

@media(max-width:991px) {
    .blog-card2 .blog-content h4 a { font-size: 19px }
}

@media(max-width:576px) {
    .blog-card2 .blog-content h4 a { font-size: 20px }
}

.blog-card2 .blog-content h4 a:hover { color: var(--primary-color2) }
.blog-card2 .blog-content .explore-btn { color: var(--title-color); font-family: var(--font-Urbanist); font-size: 15px; font-style: normal; font-weight: 500; display: flex; align-items: center; gap: 8px; transition: .35s; line-height: 1 }
    .blog-card2 .blog-content .explore-btn svg { fill: var(--title-color); transition: .35s }
    .blog-card2 .blog-content .explore-btn:hover { color: var(--primary-color2) }
        .blog-card2 .blog-content .explore-btn:hover svg { transform: rotate(45deg); fill: var(--primary-color2) }
.home3-banner-area { position: relative; z-index: 1; padding: 110px 0 }

@media(max-width:767px) {
    .home3-banner-area { padding: 70px 0 }
}

.home3-banner-area .vector { position: absolute; right: 0; bottom: 0; stroke: #f8f8f8; z-index: -1 }
.home3-banner-area .banner-content h1 { color: var(--title-color); font-family: var(--font-Urbanist); font-size: 130px; font-weight: 500; margin-bottom: 0; line-height: 1.1 }
    .home3-banner-area .banner-content h1 span { display: flex; align-items: center }
        .home3-banner-area .banner-content h1 span svg { max-width: 103px; min-width: 103px; height: 98px; fill: #e9abcf; animation: rotate 10s linear infinite }

@media(max-width:1399px) {
    .home3-banner-area .banner-content h1 { font-size: 90px }
        .home3-banner-area .banner-content h1 span svg { max-width: 65px; min-width: 65px; height: 65px }
}

@media(max-width:767px) {
    .home3-banner-area .banner-content h1 { font-size: 70px }
        .home3-banner-area .banner-content h1 span svg { max-width: 65px; min-width: 65px; height: 65px }
}

@media(max-width:576px) {
    .home3-banner-area .banner-content h1 { font-size: 42px }
        .home3-banner-area .banner-content h1 span svg { max-width: 45px; min-width: 45px; height: 45px }
}

.home3-banner-area .banner-right { display: flex; flex-direction: column; height: 100%; justify-content: space-between; gap: 20px }

@media(max-width:991px) {
    .home3-banner-area .banner-right { max-width: 412px; width: 100% }
}

.home3-banner-area .banner-right .rating-area { padding-top: 20px }

@media(max-width:991px) {
    .home3-banner-area .banner-right .rating-area { padding-top: 0 }
}

.home3-banner-area .banner-right .banner-right-content { display: flex; align-items: center; gap: 8px; margin-left: -40px }

@media(max-width:991px) {
    .home3-banner-area .banner-right .banner-right-content { margin-left: 0 }
}

.home3-banner-area .banner-right .banner-right-content svg { min-width: 32px; height: 116px; fill: var(--paragraph-color2) }
.home3-banner-area .banner-right .banner-right-content p { color: var(--paragraph-color2); font-family: var(--font-Urbanist); font-size: 16px; font-weight: 400; line-height: 26px; margin-bottom: 0 }

@media(max-width:576px) {
    .home3-banner-area .banner-right .banner-right-content p { font-size: 15px }
}

.home3-banner-area .banner-right .banner-right-content p span { color: var(--title-color); font-weight: 500 }
.home3-video-section video { width: 100%; min-height: 400px; height: 75vh; -o-object-fit: cover; object-fit: cover }
.home3-about-section .section-title h2 { border-bottom: 1px solid var(--border-color); padding-bottom: 15px }
    .home3-about-section .section-title h2 span { display: inline }
.home3-about-section .counter-wrap { margin: 0; padding: 0; list-style: none; display: flex; align-items: center; justify-content: space-between }

@media(max-width:767px) {
    .home3-about-section .counter-wrap { flex-wrap: wrap; gap: 20px }
}

.home3-about-section .counter-wrap .single-counter { transition: .35s }
    .home3-about-section .counter-wrap .single-counter .icon { margin-bottom: 30px; transition: .35s }
        .home3-about-section .counter-wrap .single-counter .icon svg { fill: var(--title-color) }
    .home3-about-section .counter-wrap .single-counter .content p { color: var(--paragraph-color2); font-family: var(--font-Urbanist); font-size: 16px; font-weight: 400; margin-bottom: 10px }
    .home3-about-section .counter-wrap .single-counter .content .number { display: flex; align-items: center }
        .home3-about-section .counter-wrap .single-counter .content .number .counter { color: var(--title-color); font-family: var(--font-Urbanist); font-size: 45px; font-weight: 500; margin-bottom: 0 }
        .home3-about-section .counter-wrap .single-counter .content .number span { color: var(--title-color); font-family: var(--font-Urbanist); font-size: 45px; font-weight: 500 }
    .home3-about-section .counter-wrap .single-counter:hover .icon svg { animation: bounceIn 1.2s linear }
.home3-testimonial-section { background: #eaeaea; padding: 110px 0 }

@media(max-width:991px) {
    .home3-testimonial-section { padding: 90px 0 }
}

.home3-testimonial-section .testimonial-wrapper { border-radius: 10px; background: #f5f0ed; padding: 60px 75px }

@media(max-width:1399px) {
    .home3-testimonial-section .testimonial-wrapper { padding: 40px }
}

@media(max-width:991px) {
    .home3-testimonial-section .testimonial-wrapper { padding: 25px }
}

.home3-testimonial-section .testimonial-wrapper .testimonial-img-wrap { position: relative }
    .home3-testimonial-section .testimonial-wrapper .testimonial-img-wrap .testimonial-img { border-radius: 10px; position: relative }
        .home3-testimonial-section .testimonial-wrapper .testimonial-img-wrap .testimonial-img::after { content: ""; height: 100%; width: 100%; position: absolute; left: 0; top: 0; border-radius: 10px; background: linear-gradient(135deg,rgba(0,0,0,0.7) 0%,rgba(0,0,0,0) 32.11%) }
        .home3-testimonial-section .testimonial-wrapper .testimonial-img-wrap .testimonial-img img { border-radius: 10px }
    .home3-testimonial-section .testimonial-wrapper .testimonial-img-wrap .video-icon .wrapper { display: inline-block; position: absolute; top: 30px; left: 30px; z-index: 999 }
    .home3-testimonial-section .testimonial-wrapper .testimonial-img-wrap .video-icon .video-main { position: relative; display: inline-block }
    .home3-testimonial-section .testimonial-wrapper .testimonial-img-wrap .video-icon .video { height: 40px; width: 40px; line-height: 40px; text-align: center; border-radius: 100%; background: 0 0; color: #fff; display: inline-block; background: var(--primary-color); z-index: 999; font-size: 24px }

@keyframes waves {
    0% { transform: scale(.2,.2); opacity: 0; -ms-filter: "alpha(opacity=0)" }
    50% { opacity: .9; -ms-filter: "alpha(opacity=90)" }
    100% { transform: scale(.9,.9); opacity: 0; -ms-filter: "alpha(opacity=0)" }
}

.home3-testimonial-section .testimonial-wrapper .testimonial-img-wrap .video-icon .fa-play:before { content: "\f04b" }
.home3-testimonial-section .testimonial-wrapper .testimonial-img-wrap .video-icon .waves { position: absolute; width: 70px; height: 70px; background: rgba(255,255,255,.7); opacity: 0; -ms-filter: "alpha(opacity=0)"; border-radius: 100%; right: -15px; bottom: -15px; z-index: -1; animation: waves 3s ease-in-out infinite }
.home3-testimonial-section .testimonial-wrapper .testimonial-img-wrap .video-icon .wave-1 { animation-delay: 0s }
.home3-testimonial-section .testimonial-wrapper .testimonial-img-wrap .video-icon .wave-2 { animation-delay: 1s }
.home3-testimonial-section .testimonial-wrapper .testimonial-img-wrap .video-icon .wave-3 { animation-delay: 2s }
.home3-testimonial-section .testimonial-wrapper .testimonial-content-wrapper { padding-left: 55px }

@media(max-width:1399px) {
    .home3-testimonial-section .testimonial-wrapper .testimonial-content-wrapper { padding-left: 0 }
}

.home3-testimonial-section .testimonial-wrapper .testimonial-content-wrapper .c-name-and-author { display: flex; align-items: center; flex-wrap: wrap; gap: 20px; margin-bottom: 10px }

@media(max-width:576px) {
    .home3-testimonial-section .testimonial-wrapper .testimonial-content-wrapper .c-name-and-author { gap: 10px }
}

.home3-testimonial-section .testimonial-wrapper .testimonial-content-wrapper .c-name-and-author .light { display: none; visibility: hidden }
.home3-testimonial-section .testimonial-wrapper .testimonial-content-wrapper .c-name-and-author span { color: var(--paragraph-color2); font-family: var(--font-Urbanist); font-size: 12px; font-weight: 500; line-height: 1 }
.home3-testimonial-section .testimonial-wrapper .testimonial-content-wrapper > p { color: var(--paragraph-color2); font-family: var(--font-Urbanist); font-size: 16px; font-weight: 400; line-height: 26px; margin-bottom: 45px; border-bottom: 1px solid var(--border-color); padding-bottom: 15px }
.home3-testimonial-section .testimonial-wrapper .testimonial-content-wrapper .counter-wrap { margin: 0; padding: 0; list-style: none; -moz-columns: 2; columns: 2; -moz-column-gap: 24px; column-gap: 24px }

@media(max-width:1399px) {
    .home3-testimonial-section .testimonial-wrapper .testimonial-content-wrapper .counter-wrap { margin-bottom: 60px }
}

@media(max-width:576px) {
    .home3-testimonial-section .testimonial-wrapper .testimonial-content-wrapper .counter-wrap { -moz-columns: 1; columns: 1 }
}

.home3-testimonial-section .testimonial-wrapper .testimonial-content-wrapper .counter-wrap .single-counter { border-radius: 5px; background: #f3dfeb; margin-bottom: 24px; padding: 30px 40px }

@media(max-width:1399px) {
    .home3-testimonial-section .testimonial-wrapper .testimonial-content-wrapper .counter-wrap .single-counter { padding: 25px 20px }
}

.home3-testimonial-section .testimonial-wrapper .testimonial-content-wrapper .counter-wrap .single-counter .content .number { display: flex; align-items: center; margin-bottom: 10px }
    .home3-testimonial-section .testimonial-wrapper .testimonial-content-wrapper .counter-wrap .single-counter .content .number svg { stroke: var(--paragraph-color); margin-right: 10px }
    .home3-testimonial-section .testimonial-wrapper .testimonial-content-wrapper .counter-wrap .single-counter .content .number .counter { color: var(--title-color); font-family: var(--font-Urbanist); font-size: 30px; font-weight: 500; margin-bottom: 0; line-height: 1 }
    .home3-testimonial-section .testimonial-wrapper .testimonial-content-wrapper .counter-wrap .single-counter .content .number span { color: var(--title-color); font-family: var(--font-Urbanist); font-size: 30px; font-weight: 500; line-height: 1 }
.home3-testimonial-section .testimonial-wrapper .testimonial-content-wrapper .counter-wrap .single-counter .content p { color: var(--paragraph-color); font-family: var(--font-Urbanist); font-size: 14px; font-weight: 400; margin-bottom: 0 }
.home3-testimonial-section .testimonial-wrapper .testimonial-content-wrapper .counter-wrap .single-counter:nth-child(2) { background: #e8e3e0 }
.home3-testimonial-section .testimonial-wrapper .testimonial-content-wrapper .counter-wrap .single-counter:nth-child(3) { background: #e7e6c7 }
.home3-testimonial-section .testimonial-wrapper .testimonial-content-wrapper .counter-wrap .single-counter:nth-child(4) { background: #dce5da }
.home3-testimonial-section .vector { position: absolute; left: -125px; top: -125px; fill: #f5bebe }
.home3-testimonial-section .slider-btn-area { display: flex; align-items: center; justify-content: space-between; width: 100%; padding-left: 55px; padding-right: 75px; position: relative; z-index: 1; margin-top: -95px }

@media(max-width:1399px) {
    .home3-testimonial-section .slider-btn-area { padding-left: 0; padding-right: 40px }
}

@media(max-width:991px) {
    .home3-testimonial-section .slider-btn-area { padding-left: 25px; padding-right: 25px }
}

.home3-testimonial-section .slider-btn-area .franctional-pagi3 { color: var(--title-color); font-family: var(--font-Urbanist); font-size: 24px; font-weight: 500; width: unset }
    .home3-testimonial-section .slider-btn-area .franctional-pagi3 .swiper-pagination-total { color: var(--paragraph-color); font-size: 16px; font-weight: 400; font-family: var(--font-Urbanist) }
.home3-working-process-section .section-title h2 span { display: inline }
.home3-working-process-section .single-work-process { border-radius: 10px; background: #d9d2f3; padding: 40px 30px; transition: .35s }

@media(max-width:1399px) {
    .home3-working-process-section .single-work-process { padding: 30px 20px }
}

.home3-working-process-section .single-work-process .icon-and-title { transition: .35s; margin-bottom: 50px }

@media(max-width:1399px) {
    .home3-working-process-section .single-work-process .icon-and-title { margin-bottom: 30px }
}

.home3-working-process-section .single-work-process .icon-and-title .icon { transition: .35s; margin-bottom: 20px }
    .home3-working-process-section .single-work-process .icon-and-title .icon svg { fill: var(--title-color) }
.home3-working-process-section .single-work-process .icon-and-title h4 { color: var(--title-color); font-family: Unbounded; font-size: 22px; font-style: normal; font-weight: 500; line-height: 1.5; margin-bottom: 0 }
.home3-working-process-section .single-work-process .content p { color: var(--paragraph-color2); font-family: var(--font-Urbanist); font-size: 16px; font-weight: 400; line-height: 26px }
.home3-working-process-section .single-work-process.two { background: #ddd9d6 }
.home3-working-process-section .single-work-process.three { background: #efeb64 }
.home3-working-process-section .single-work-process.four { background: #c5d1c3 }
.home3-working-process-section .single-work-process:hover .icon-and-title .icon svg { animation: bounceIn 1.2s linear }
.home3-services-section { background: #1a1a1a; padding: 100px 0 }
    .home3-services-section .sevices-wrap { border: 1px solid #333; border-right: none; border-top: none }

@media(max-width:767px) {
    .home3-services-section .sevices-wrap { border: 1px solid #333 }
}

.home3-services-section .sevices-wrap .single-services { transition: .5s; border-bottom: 1px solid #333; background: var(--dark-white-color); position: relative; display: grid; z-index: 1; grid-template-columns: 10% 25% 38% 27% }

@media(max-width:1399px) {
    .home3-services-section .sevices-wrap .single-services { grid-template-columns: 20% 32% 40% }
}

@media(max-width:767px) {
    .home3-services-section .sevices-wrap .single-services { padding: 10px; display: block }
}

.home3-services-section .sevices-wrap .single-services .icon { border-right: 1px solid #333; transition: .5s; display: flex; align-items: start; justify-content: center; position: relative; padding: 60px 0 }

@media(max-width:991px) {
    .home3-services-section .sevices-wrap .single-services .icon { padding: 30px 15px }
}

@media(max-width:767px) {
    .home3-services-section .sevices-wrap .single-services .icon { justify-content: start; border: none; padding-bottom: 0 }
}

.home3-services-section .sevices-wrap .single-services .icon svg { fill: #888; transition: .5s }
.home3-services-section .sevices-wrap .single-services h3 { padding: 50px 25px; margin-bottom: 0 }

@media(max-width:991px) {
    .home3-services-section .sevices-wrap .single-services h3 { padding: 30px 15px }
}

@media(max-width:767px) {
    .home3-services-section .sevices-wrap .single-services h3 { padding: 20px 15px }
}

.home3-services-section .sevices-wrap .single-services h3 a { color: var(--white-color); font-family: var(--font-Urbanist); font-size: 30px; font-weight: 500; line-height: 1.4; transition: .35s }

@media(max-width:991px) {
    .home3-services-section .sevices-wrap .single-services h3 a { font-size: 24px }
}

.home3-services-section .sevices-wrap .single-services h3 a:hover { color: var(--primary-color) }
.home3-services-section .sevices-wrap .single-services .services-img { width: 360px; height: 320px; position: absolute; top: 0; left: 0; opacity: 0; z-index: -1; transition: opacity .3s,transform .7s cubic-bezier(.23,1,.32,1); border-radius: 5px; overflow: hidden; pointer-events: none }

@media(max-width:767px) {
    .home3-services-section .sevices-wrap .single-services .services-img { display: none; visibility: hidden }
}

.home3-services-section .sevices-wrap .single-services .content { padding: 50px 25px; position: relative }

@media(max-width:991px) {
    .home3-services-section .sevices-wrap .single-services .content { padding: 30px 15px }
}

@media(max-width:767px) {
    .home3-services-section .sevices-wrap .single-services .content { padding: 0 15px 20px }
}

.home3-services-section .sevices-wrap .single-services .content .tag-list { padding: 0; margin: 0; list-style: none; display: flex; align-items: center; flex-wrap: wrap; gap: 15px; padding-top: 25px }

@media(max-width:1199px) {
    .home3-services-section .sevices-wrap .single-services .content .tag-list { padding-top: 15px }
}

.home3-services-section .sevices-wrap .single-services .content .tag-list li { color: var(--white-color); font-family: var(--font-Urbanist); font-size: 14px; font-weight: 400; line-height: 1; border-radius: 50px; background: #252525; padding: 8px 15px }
.home3-services-section .sevices-wrap .single-services .content p { color: #c4c4c4; font-family: var(--font-Urbanist); font-size: 16px; font-weight: 400; line-height: 26px; margin-bottom: 0 }
.home3-services-section .sevices-wrap .single-services .button-area { padding: 60px 0; display: flex; justify-content: end; padding-left: 25px }

@media(max-width:991px) {
    .home3-services-section .sevices-wrap .single-services .button-area { padding: 30px 15px }
}

@media(max-width:767px) {
    .home3-services-section .sevices-wrap .single-services .button-area { padding: 20px 15px 30px; justify-content: start }
}

.home3-services-section .sevices-wrap .single-services .button-area a { padding: 13px 24px }
.home3-services-section .sevices-wrap .single-services:hover .icon svg { fill: var(--primary-color); animation: bounceIn 1.2s linear }

@keyframes rotate {
    0% { transform: rotate(0) }
    100% { transform: rotate(360deg) }
}

.home3-services-section .sevices-wrap .single-services:hover h5 a { color: var(--primary-color) }
    .home3-services-section .sevices-wrap .single-services:hover h5 a span { color: var(--primary-color) }
.home3-services-section .sevices-wrap .single-services:hover .services-img { opacity: 1 }
.team-card-3 { position: relative; z-index: 1; transition: .35s }
    .team-card-3 .star-vector { fill: var(--primary-color); position: absolute; top: 0; z-index: -1; left: 0; animation: rotate 10s linear infinite; opacity: 0; transition: .35s }
    .team-card-3 .team-img { border-radius: 156px 156px 0 0 }

@media(max-width:576px) {
    .team-card-3 .team-img { border-radius: 250px 250px 0 0 }
}

.team-card-3 .team-img img { border-radius: 156px 156px 0 0 }

@media(max-width:991px) {
    .team-card-3 .team-img img { width: 100% }
}

@media(max-width:576px) {
    .team-card-3 .team-img img { border-radius: 250px 250px 0 0 }
}

.team-card-3 .team-content { border-radius: 0 0 156px 156px; background: #fdc7a9; padding: 35px 45px; line-height: 1 }

@media(max-width:991px) {
    .team-card-3 .team-content { padding: 20px 35px 30px }
}

@media(max-width:576px) {
    .team-card-3 .team-content { padding: 35px 45px; border-radius: 0 0 250px 250px }
}

.team-card-3 .team-content .name-and-deg { position: relative; padding-bottom: 20px; margin-bottom: 25px; position: relative }
    .team-card-3 .team-content .name-and-deg::after { content: ""; height: 1px; width: 100%; background: linear-gradient(90deg,rgba(255,255,255,0),white,rgba(255,255,255,0)); position: absolute; left: 0; bottom: 0 }
    .team-card-3 .team-content .name-and-deg h6 { color: var(--title-color); font-family: var(--font-Urbanist); font-size: 18px; font-weight: 500; margin-bottom: 7px }

@media(max-width:991px) {
    .team-card-3 .team-content .name-and-deg h6 { font-size: 17px }
}

.team-card-3 .team-content .name-and-deg span { color: var(--paragraph-color2); font-family: var(--font-Urbanist); font-size: 14px; font-weight: 400 }
.team-card-3 .team-content .social-area { margin: 0; padding: 0; list-style: none; display: flex; align-items: center; justify-content: center; gap: 16px; flex-wrap: wrap }
    .team-card-3 .team-content .social-area li a { height: 26px; width: 26px; border-radius: 50%; display: flex; align-items: center; justify-content: center; background-color: rgba(255,255,255,.5); transition: .35s }
        .team-card-3 .team-content .social-area li a i { font-size: 14px; color: #363636; transition: .35s }
        .team-card-3 .team-content .social-area li a:hover { background-color: var(--primary-color) }
            .team-card-3 .team-content .social-area li a:hover i { color: var(--white-color) }
.team-card-3:hover .star-vector { opacity: 1 }
.team-item:nth-child(1) .team-card-3 .team-content { background: #fdc7a9 }
.team-item:nth-child(2) .team-card-3 .team-content { background: #b2dcfd }
.team-item:nth-child(3) .team-card-3 .team-content { background: #ffc3ff }
.team-item:nth-child(4) .team-card-3 .team-content { background: #f8e37f }
.team-item:nth-child(5) .team-card-3 .team-content { background: #d1d0fe }
.team-item:nth-child(6) .team-card-3 .team-content { background: #f4e2b4 }
.team-item:nth-child(7) .team-card-3 .team-content { background: #e5dbdb }
.team-item:nth-child(8) .team-card-3 .team-content { background: #cfe0cc }
.team-item:nth-child(9) .team-card-3 .team-content { background: #fdc7a9 }
.team-item:nth-child(10) .team-card-3 .team-content { background: #b2dcfd }
.team-item:nth-child(11) .team-card-3 .team-content { background: #ffc3ff }
.team-item:nth-child(12) .team-card-3 .team-content { background: #f8e37f }
.team-item:nth-child(13) .team-card-3 .team-content { background: #d1d0fe }
.team-item:nth-child(14) .team-card-3 .team-content { background: #f4e2b4 }
.team-item:nth-child(15) .team-card-3 .team-content { background: #e5dbdb }
.team-item:nth-child(16) .team-card-3 .team-content { background: #cfe0cc }
.team-item:nth-child(17) .team-card-3 .team-content { background: #fdc7a9 }
.team-item:nth-child(18) .team-card-3 .team-content { background: #b2dcfd }
.team-item:nth-child(19) .team-card-3 .team-content { background: #ffc3ff }
.team-item:nth-child(20) .team-card-3 .team-content { background: #f8e37f }
.home3-team-section .section-title h2 { font-size: 130px; font-weight: 500; line-height: 1; position: relative; display: inline-flex; align-items: flex-start; gap: 30px }

@media(max-width:1399px) {
    .home3-team-section .section-title h2 { font-size: 100px }
}

@media(max-width:1199px) {
    .home3-team-section .section-title h2 { font-size: 80px }
}

.home3-team-section .section-title .dash-and-paragraph { padding-top: 0 }
    .home3-team-section .section-title .dash-and-paragraph .btn-and-paragraph { margin-top: -35px }

@media(max-width:991px) {
    .home3-team-section .section-title .dash-and-paragraph .btn-and-paragraph { margin-top: 20px }
}

@media(max-width:991px) {
    .home3-team-section .slider-btn-group { display: none; visibility: hidden }
}

.home3-team-section .slider-btn-group .slider-btn { position: absolute; top: 50%; transform: translateY(-50%); z-index: 2 }
    .home3-team-section .slider-btn-group .slider-btn.prev-4 { left: -9px }
    .home3-team-section .slider-btn-group .slider-btn.next-4 { right: -9px }
.home3-team-section .swiper-slide:nth-child(1) .team-card-3 .team-content { background: #fdc7a9 }
.home3-team-section .swiper-slide:nth-child(2) .team-card-3 .team-content { background: #b2dcfd }
.home3-team-section .swiper-slide:nth-child(3) .team-card-3 .team-content { background: #ffc3ff }
.home3-team-section .swiper-slide:nth-child(4) .team-card-3 .team-content { background: #f8e37f }
.home3-team-section .swiper-slide:nth-child(5) .team-card-3 .team-content { background: #d1d0fe }
.home3-team-section .swiper-slide:nth-child(6) .team-card-3 .team-content { background: #f4e2b4 }
.home3-team-section .swiper-slide:nth-child(7) .team-card-3 .team-content { background: #e5dbdb }
.home3-team-section .swiper-slide:nth-child(8) .team-card-3 .team-content { background: #cfe0cc }
.home3-team-section .swiper-slide:nth-child(9) .team-card-3 .team-content { background: #fdc7a9 }
.home3-team-section .swiper-slide:nth-child(10) .team-card-3 .team-content { background: #b2dcfd }
.home3-team-section .swiper-slide:nth-child(11) .team-card-3 .team-content { background: #ffc3ff }
.home3-team-section .swiper-slide:nth-child(12) .team-card-3 .team-content { background: #f8e37f }
.home3-team-section .swiper-slide:nth-child(13) .team-card-3 .team-content { background: #d1d0fe }
.home3-team-section .swiper-slide:nth-child(14) .team-card-3 .team-content { background: #f4e2b4 }
.home3-team-section .swiper-slide:nth-child(15) .team-card-3 .team-content { background: #e5dbdb }
.home3-team-section .swiper-slide:nth-child(16) .team-card-3 .team-content { background: #cfe0cc }
.home3-team-section .swiper-slide:nth-child(17) .team-card-3 .team-content { background: #fdc7a9 }
.home3-team-section .swiper-slide:nth-child(18) .team-card-3 .team-content { background: #b2dcfd }
.home3-team-section .swiper-slide:nth-child(19) .team-card-3 .team-content { background: #ffc3ff }
.home3-team-section .swiper-slide:nth-child(20) .team-card-3 .team-content { background: #f8e37f }
.home3-team-section .home3-team-slider { padding: 10px; margin: -10px }
.home3-award-section { background: #eaeaea; padding: 100px 0 }

@media(max-width:1199px) {
    .home3-award-section { padding: 90px 0 }
}

@media(max-width:767px) {
    .home3-award-section { padding: 70px 0 }
}

.home3-award-section .award-img-group { margin: 0; padding: 0; list-style: none }

@media(max-width:991px) {
    .home3-award-section .award-img-group { display: none; visibility: hidden }
}

.home3-award-section .award-img-group li { position: relative }
    .home3-award-section .award-img-group li .award-img { position: absolute; top: 0; left: 0; animation: qodef-animate-image-out 1s .1s cubic-bezier(.78,.2,.21,.88) forwards; z-index: 12; -webkit-mask-image: url(../img/home3/home3-award-bg-shape.png); mask-image: url(../img/home3/home3-award-bg-shape.png); -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-size: cover; mask-size: cover }
    .home3-award-section .award-img-group li.active .award-img { animation: qodef-animate-image-in 1s cubic-bezier(.78,.2,.21,.88) forwards; z-index: 15 }

@keyframes qodef-animate-image-out {
    0% { transform: scale(1) translateZ(0); -webkit-clip-path: inset(0 0 0 0); clip-path: inset(0 0 0 0) }
    100% { transform: scale(1); -webkit-clip-path: inset(0 0 0 0); clip-path: inset(0 0 0 0) }
}

@keyframes qodef-animate-image-in {
    0% { transform: scale(1.05) translateZ(0); -webkit-clip-path: inset(0 100% 0 0); clip-path: inset(0 100% 0 0) }
    100% { transform: scale(1); -webkit-clip-path: inset(0 0 0 0); clip-path: inset(0 0 0 0) }
}

.home3-award-section .award-table { width: 100%; border-collapse: collapse; overflow: hidden }

@media(max-width:767px) {
    .home3-award-section .award-table thead { display: none; visibility: hidden }
}

.home3-award-section .award-table thead tr th { color: var(--paragraph-color); font-family: var(--font-Urbanist); font-size: 14px; font-weight: 500; padding: 30px; padding-top: 0 }
    .home3-award-section .award-table thead tr th:last-child { text-align: end }

@media(max-width:991px) {
    .home3-award-section .award-table thead tr th { padding: 25px 15px; padding-top: 0 }
}

.home3-award-section .award-table tbody tr { border: 1px solid var(--border-color); transition: .35s; border-left: none; border-right: none }
    .home3-award-section .award-table tbody tr td { color: var(--paragraph-color); font-family: var(--font-Urbanist); font-size: 22px; font-weight: 400; padding: 30px; text-align: start; transition: .35s }
        .home3-award-section .award-table tbody tr td:first-child { font-weight: 500; max-width: 270px; min-width: 270px }

@media(max-width:767px) {
    .home3-award-section .award-table tbody tr td:first-child { max-width: unset; min-width: unset }
}

@media(max-width:991px) {
    .home3-award-section .award-table tbody tr td { padding: 25px 15px; font-size: 20px }
}

@media(max-width:767px) {
    .home3-award-section .award-table tbody tr td { display: block; width: 100%; text-align: right; padding-left: 50%; position: relative; padding: 10px 15px; font-size: 18px }
        .home3-award-section .award-table tbody tr td::before { content: attr(data-label); position: absolute; left: 0; width: 50%; text-align: left; padding-left: 15px; color: var(--paragraph-color); font-family: var(--font-Urbanist); font-size: 14px; font-weight: 500 }
}

.home3-award-section .award-table tbody tr td a { color: var(--title-color); display: flex; transition: .35s }
    .home3-award-section .award-table tbody tr td a svg { opacity: 0; transition: .35s; fill: var(--title-color); transform-origin: left; width: 0; margin-top: 8px }

@media(max-width:767px) {
    .home3-award-section .award-table tbody tr td a { justify-content: end }
        .home3-award-section .award-table tbody tr td a svg { opacity: 1 }
}

.home3-award-section .award-table tbody tr td:last-child { text-align: end }
.home3-award-section .award-table tbody tr:last-child { border-bottom: none }
    .home3-award-section .award-table tbody tr:last-child td { padding-bottom: 0 }

@media(max-width:767px) {
    .home3-award-section .award-table tbody tr:last-child td { padding-bottom: 10px }
}

.home3-award-section .award-table tbody tr:hover td a { color: var(--primary-color); gap: 8px }
    .home3-award-section .award-table tbody tr:hover td a svg { opacity: 1; fill: var(--primary-color); width: 24px }
.home3-pricing-plan-section { background: #1a1a1a; padding: 100px 0 }

@media(max-width:1199px) {
    .home3-pricing-plan-section { padding: 90px 0 }
}

@media(max-width:767px) {
    .home3-pricing-plan-section { padding: 70px 0 }
}

.home3-pricing-plan-section .section-title .dash-and-paragraph .dash { background-color: #2f2f2f }
    .home3-pricing-plan-section .section-title .dash-and-paragraph .dash::after { background-color: #2f2f2f }
.home3-pricing-plan-section .pricing-contact-wrap { border-radius: 10px; background: #252525; padding: 45px 40px; position: relative; display: flex; flex-direction: column; height: 100%; justify-content: space-between; z-index: 1 }

@media(max-width:1199px) {
    .home3-pricing-plan-section .pricing-contact-wrap { padding: 40px 25px }
}

.home3-pricing-plan-section .pricing-contact-wrap .vectors { position: absolute; right: 0; top: 0; stroke: #343434; z-index: -1 }
.home3-pricing-plan-section .pricing-contact-wrap .pricing-contact-top { margin-bottom: 90px }

@media(max-width:767px) {
    .home3-pricing-plan-section .pricing-contact-wrap .pricing-contact-top { margin-bottom: 70px }
}

.home3-pricing-plan-section .pricing-contact-wrap .pricing-contact-top .icon { margin-bottom: 15px }
.home3-pricing-plan-section .pricing-contact-wrap .pricing-contact-top .pricing-contact-title h3 { color: var(--white-color); font-family: var(--font-Urbanist); font-size: 30px; font-weight: 500; line-height: 1.4; margin-bottom: 0 }
.home3-pricing-plan-section .pricing-contact-wrap .pricing-contact-btn a { color: var(--white-color); font-family: var(--font-Urbanist); font-size: 15px; font-weight: 500; display: inline-flex; align-items: center; gap: 8px; border-radius: 5px; border: 1px solid rgba(255,255,255,.1); background: #1a1a1a; padding: 12px 28px; white-space: nowrap; overflow: hidden; position: relative; z-index: 1; transition: all .6s }

@media(max-width:1199px) {
    .home3-pricing-plan-section .pricing-contact-wrap .pricing-contact-btn a { padding: 14px 22px }
}

.home3-pricing-plan-section .pricing-contact-wrap .pricing-contact-btn a svg { fill: var(--white-color); transition: all .6s }
.home3-pricing-plan-section .pricing-contact-wrap .pricing-contact-btn a span { position: absolute; display: block; width: 0; height: 0; border-radius: 36px; background-color: var(--primary-color); transition: all .6s; transform: translate(-50%,-50%); z-index: -1 }
.home3-pricing-plan-section .pricing-contact-wrap .pricing-contact-btn a:hover span { width: 225%; height: 1000.5px }
.home3-pricing-plan-section .pricing-contact-wrap .pricing-contact-btn a:active { background-color: var(--primary-color) }
.home3-pricing-plan-section .pricing-wrapper { border-radius: 10px; background: #252525; padding: 45px 40px; padding-bottom: 0 }

@media(max-width:1199px) {
    .home3-pricing-plan-section .pricing-wrapper { padding: 40px 25px; padding-bottom: 0 }
}

.home3-pricing-plan-section .pricing-wrapper .pricing-title-and-subscription-duration { display: flex; align-items: center; justify-content: space-between; border-bottom: 1px solid #2f2f2f; padding-bottom: 13px; flex-wrap: wrap; gap: 10px }
    .home3-pricing-plan-section .pricing-wrapper .pricing-title-and-subscription-duration h3 { margin-bottom: 0; color: var(--white-color); font-family: var(--font-Urbanist); font-size: 30px; font-weight: 500 }
    .home3-pricing-plan-section .pricing-wrapper .pricing-title-and-subscription-duration .subscription-duration { display: flex; align-items: center; flex-wrap: wrap; gap: 14px }
        .home3-pricing-plan-section .pricing-wrapper .pricing-title-and-subscription-duration .subscription-duration h6 { color: #dfdfdf; font-family: var(--font-Urbanist); font-size: 16px; font-weight: 500; margin-bottom: 0 }
        .home3-pricing-plan-section .pricing-wrapper .pricing-title-and-subscription-duration .subscription-duration .form-switch { padding-left: 48px }
            .home3-pricing-plan-section .pricing-wrapper .pricing-title-and-subscription-duration .subscription-duration .form-switch .form-check-input { margin-left: -48px; cursor: pointer; width: 34px; height: 18px }
                .home3-pricing-plan-section .pricing-wrapper .pricing-title-and-subscription-duration .subscription-duration .form-switch .form-check-input:focus { box-shadow: none; --bs-form-switch-bg: url(data:image/svg+xml,%3csvg xmlns="http://www.w3.org/2000/svg" viewBox="-4 -4 8 8"%3e%3ccircle r="3" fill="rgba%280, 0, 0, 0.25%29"/%3e%3c/svg%3e) }
                .home3-pricing-plan-section .pricing-wrapper .pricing-title-and-subscription-duration .subscription-duration .form-switch .form-check-input:checked { background-color: #24bc61; border-color: #24bc61 }
            .home3-pricing-plan-section .pricing-wrapper .pricing-title-and-subscription-duration .subscription-duration .form-switch .form-check-label { color: #dfdfdf; font-family: var(--font-Urbanist); font-size: 16px; font-weight: 500 }
                .home3-pricing-plan-section .pricing-wrapper .pricing-title-and-subscription-duration .subscription-duration .form-switch .form-check-label span { font-size: 12px }
.home3-pricing-plan-section .pricing-wrapper .include-features { padding-top: 30px; padding-bottom: 45px }

@media(max-width:1199px) {
    .home3-pricing-plan-section .pricing-wrapper .include-features { padding-bottom: 40px }
}

@media(max-width:767px) {
    .home3-pricing-plan-section .pricing-wrapper .include-features { padding-bottom: 100px }
}

@media(max-width:576px) {
    .home3-pricing-plan-section .pricing-wrapper .include-features { padding-top: 10px }
}

.home3-pricing-plan-section .pricing-wrapper .include-features h6 { color: var(--white-color); font-family: var(--font-Urbanist); font-size: 16px; font-weight: 600; margin-bottom: 25px }
.home3-pricing-plan-section .pricing-wrapper .include-features ul { margin: 0; padding: 0; list-style: none }
    .home3-pricing-plan-section .pricing-wrapper .include-features ul li { display: flex; align-items: center; gap: 10px; color: #dfdfdf; font-family: var(--font-Urbanist); font-size: 14px; font-weight: 400; margin-bottom: 17px }
        .home3-pricing-plan-section .pricing-wrapper .include-features ul li:last-child { margin-bottom: 0 }
        .home3-pricing-plan-section .pricing-wrapper .include-features ul li svg { fill: #dfdfdf }
.home3-pricing-plan-section .pricing-wrapper .pricing-right { border-left: 1px solid #2f2f2f; padding-left: 70px; padding-top: 30px; padding-bottom: 45px }

@media(max-width:1399px) {
    .home3-pricing-plan-section .pricing-wrapper .pricing-right { padding-left: 30px }
}

@media(max-width:1199px) {
    .home3-pricing-plan-section .pricing-wrapper .pricing-right { padding-left: 20px; padding-bottom: 40px }
}

@media(max-width:767px) {
    .home3-pricing-plan-section .pricing-wrapper .pricing-right { padding-left: 0; border-left: none }
}

.home3-pricing-plan-section .pricing-wrapper .pricing-right .custom-duration { margin-bottom: 80px }
    .home3-pricing-plan-section .pricing-wrapper .pricing-right .custom-duration label { color: var(--white-color); font-family: var(--font-Urbanist); font-size: 16px; font-weight: 400; display: inline-block; margin-bottom: 10px }
    .home3-pricing-plan-section .pricing-wrapper .pricing-right .custom-duration .nice-select { width: 100%; height: 50px; line-height: 48px; color: #dfdfdf; font-family: var(--font-Urbanist); font-size: 14px; font-weight: 400; background: #1a1a1a; border-color: #1a1a1a; border-radius: 5px; padding-left: 25px; padding-right: 25px }
        .home3-pricing-plan-section .pricing-wrapper .pricing-right .custom-duration .nice-select.open { border-radius: 5px 5px 0 0 }
            .home3-pricing-plan-section .pricing-wrapper .pricing-right .custom-duration .nice-select.open::after { transform: rotate(-180deg) }
        .home3-pricing-plan-section .pricing-wrapper .pricing-right .custom-duration .nice-select:after { border-bottom: none; border-right: none; content: ""; display: block; height: 7px; width: 10px; background-color: #dfdfdf; margin-top: -4px; pointer-events: none; position: absolute; right: 25px; -webkit-clip-path: polygon(100% 0,0 0,50% 100%); clip-path: polygon(100% 0,0 0,50% 100%); transform: rotate(0) }
        .home3-pricing-plan-section .pricing-wrapper .pricing-right .custom-duration .nice-select .list { width: 100%; background: #1a1a1a; margin-top: 0; border-radius: 0 0 5px 5px }
            .home3-pricing-plan-section .pricing-wrapper .pricing-right .custom-duration .nice-select .list .option { color: #dfdfdf; font-family: var(--font-Urbanist); font-size: 12px; font-weight: 400; border-bottom: 1px solid #303030 }
        .home3-pricing-plan-section .pricing-wrapper .pricing-right .custom-duration .nice-select .option:hover, .home3-pricing-plan-section .pricing-wrapper .pricing-right .custom-duration .nice-select .option.focus, .home3-pricing-plan-section .pricing-wrapper .pricing-right .custom-duration .nice-select .option.selected.focus { background: var(--primary-color) }
.home3-pricing-plan-section .pricing-wrapper .pricing-right .price { line-height: 1; margin-bottom: 50px }
    .home3-pricing-plan-section .pricing-wrapper .pricing-right .price h2 { color: var(--white-color); font-family: var(--font-Urbanist); font-size: 45px; font-weight: 500; line-height: 1; margin-bottom: 0 }
        .home3-pricing-plan-section .pricing-wrapper .pricing-right .price h2 span { color: #dfdfdf; font-size: 16px }
.home3-pricing-plan-section .slider-btn-group { margin-right: 40px; margin-top: -85px; z-index: 1; position: relative }

@media(max-width:1199px) {
    .home3-pricing-plan-section .slider-btn-group { margin-right: 25px; margin-top: -80px }
}

.home3-pricing-plan-section .slider-btn-group .slider-btn { background-color: #1a1a1a; border-color: #1a1a1a }
    .home3-pricing-plan-section .slider-btn-group .slider-btn svg { fill: #dfdfdf }
    .home3-pricing-plan-section .slider-btn-group .slider-btn:hover { background-color: var(--primary-color) }
.home3-blog-section { padding: 100px 0; background: #eaeaea }

@media(max-width:1199px) {
    .home3-blog-section { padding: 90px 0 }
}

@media(max-width:767px) {
    .home3-blog-section { padding: 70px 0 }
}

.blog-card3 { background-color: #f8e37f; padding: 20px; border-radius: 10px }
    .blog-card3 .blog-content { line-height: 1; padding: 20px 18px 40px }

@media(max-width:1399px) {
    .blog-card3 .blog-content { padding: 20px 10px 40px }
}

@media(max-width:1199px) {
    .blog-card3 .blog-content { padding: 10px 0 30px }
}

.blog-card3 .blog-content .blog-meta { line-height: 1; display: flex; align-items: center; flex-wrap: wrap; gap: 15px; margin-bottom: 15px }
    .blog-card3 .blog-content .blog-meta .category { margin: 0; padding: 0; list-style: none; display: flex; flex-wrap: wrap; align-items: center; gap: 15px; line-height: 1; padding-right: 15px }
        .blog-card3 .blog-content .blog-meta .category li a { display: flex; align-items: center; gap: 5px; color: var(--paragraph-color); font-family: var(--font-Urbanist); font-size: 12px; font-weight: 500; transition: .35s }
            .blog-card3 .blog-content .blog-meta .category li a svg { transition: .35s; fill: var(--paragraph-color) }
            .blog-card3 .blog-content .blog-meta .category li a:hover { color: var(--primary-color) }
                .blog-card3 .blog-content .blog-meta .category li a:hover svg { fill: var(--primary-color) }
    .blog-card3 .blog-content .blog-meta .blog-publish-date { line-height: 1 }
        .blog-card3 .blog-content .blog-meta .blog-publish-date a { display: flex; align-items: center; gap: 5px; color: var(--paragraph-color); font-family: var(--font-Urbanist); font-size: 12px; font-weight: 500; transition: .35s }
            .blog-card3 .blog-content .blog-meta .blog-publish-date a svg { transition: .35s; fill: var(--paragraph-color) }
            .blog-card3 .blog-content .blog-meta .blog-publish-date a:hover { color: var(--primary-color) }
                .blog-card3 .blog-content .blog-meta .blog-publish-date a:hover svg { fill: var(--primary-color) }
.blog-card3 .blog-content .blog-title { margin-bottom: 40px }
    .blog-card3 .blog-content .blog-title a { color: var(--title-color); font-family: var(--font-Urbanist); font-size: 22px; font-weight: 500; line-height: 1.5; transition: .35s }

@media(max-width:1399px) {
    .blog-card3 .blog-content .blog-title a { font-size: 20px }
}

.blog-card3 .blog-content .blog-title a:hover { color: var(--primary-color) }
.blog-card3 .blog-content .dash-and-blog-btn { display: flex; align-items: center; gap: 20px }
    .blog-card3 .blog-content .dash-and-blog-btn .dash { width: 100%; height: 1px; min-width: 50px; background-color: rgba(var(--title-color-opc),0.16); position: relative }
        .blog-card3 .blog-content .dash-and-blog-btn .dash::after { content: ""; height: 6px; width: 5px; -webkit-clip-path: polygon(100% 50%,0 100%,0 0); clip-path: polygon(100% 50%,0 100%,0 0); background-color: rgba(var(--title-color-opc),0.16); position: absolute; right: 0; top: 50%; transform: translateY(-50%) }
    .blog-card3 .blog-content .dash-and-blog-btn a { color: var(--title-color); font-family: var(--font-Urbanist); font-size: 15px; font-weight: 500; line-height: 1; display: inline-flex; gap: 8px; white-space: nowrap; transition: .35s }
        .blog-card3 .blog-content .dash-and-blog-btn a svg { transition: .35s; fill: var(--title-color) }
        .blog-card3 .blog-content .dash-and-blog-btn a:hover { color: var(--primary-color) }
            .blog-card3 .blog-content .dash-and-blog-btn a:hover svg { fill: var(--primary-color) }
.blog-card3 .blog-img { display: block }
    .blog-card3 .blog-img img { border-radius: 5px }

@media(max-width:767px) {
    .blog-card3 .blog-img img { width: 100% }
}

.blog-card3.two { background-color: #d9d2f3 }
.blog-card3.three { background-color: #c5d1c3 }
.home3-gallery-section { line-height: 1; margin-bottom: -2px }
    .home3-gallery-section .sub-title h6 { gap: 8px; font-weight: 500 }
        .home3-gallery-section .sub-title h6 svg { fill: var(--title-color) }
        .home3-gallery-section .sub-title h6 .arrow { margin-left: 20px; fill: var(--primary-color) }
.single-gallery-img { position: relative; line-height: 1; transition: .35s }
    .single-gallery-img .view-btn { background-color: rgba(0,0,0,.6); display: inline-flex; align-items: center; gap: 8px; padding: 7px 16px; color: var(--white-color); font-family: var(--font-Urbanist); font-size: 12px; font-weight: 500; position: absolute; top: 20px; right: 20px; transition: .35s; opacity: 0 }
        .single-gallery-img .view-btn svg { fill: var(--white-color); min-width: 10px }
        .single-gallery-img .view-btn:hover { background-color: var(--primary-color) }
    .single-gallery-img:hover .view-btn { opacity: 1 }
.gallery-pages .load-more-btn button { border: 1px solid rgba(var(--title-color-opc),0.1); background-color: transparent; height: 200px; width: 200px }
.home4-banner-area { background-image: linear-gradient(rgba(0,0,0,0.6),rgba(0,0,0,0.6)),url(../img/home4/home4-banner-img.png); background-position: center center; background-size: cover; background-repeat: no-repeat; padding: 260px 0 190px }

@media(min-width:1400px) and (max-width:1599px) {
    .home4-banner-area { padding: 180px 0 110px }
}

@media(max-width:1399px) {
    .home4-banner-area { padding: 180px 0 110px }
}

@media(max-width:767px) {
    .home4-banner-area { padding: 160px 0 90px }
}

.home4-banner-area .banner-content ul { margin: 0; padding: 0; list-style: none; display: flex; flex-wrap: wrap; align-items: center; margin-bottom: 25px }
    .home4-banner-area .banner-content ul li { line-height: 1; padding-right: 50px; position: relative }
        .home4-banner-area .banner-content ul li a { color: var(--white-color); font-family: var(--font-Urbanist); font-size: 16px; font-weight: 500; line-height: 26px; transition: .35s }
            .home4-banner-area .banner-content ul li a:hover { color: var(--primary-color) }
        .home4-banner-area .banner-content ul li::before { content: url(../img/home4/icon/right-arrow.svg); position: absolute; left: -30px; top: 50%; transform: translateY(-50%) }
        .home4-banner-area .banner-content ul li:first-child { padding-left: 20px }
            .home4-banner-area .banner-content ul li:first-child::before { content: ""; position: absolute; left: 0; top: 50%; transform: translateY(-50%); height: 10px; width: 10px; border-radius: 50%; background-color: var(--white-color) }
.home4-banner-area .banner-content h1 { color: var(--white-color); font-family: var(--font-Urbanist); font-size: 130px; font-weight: 500; margin-bottom: 0; line-height: 1.1 }
    .home4-banner-area .banner-content h1 span { font-family: var(--font-fahkwang) }

@media(max-width:1399px) {
    .home4-banner-area .banner-content h1 { font-size: 90px }
}

@media(max-width:767px) {
    .home4-banner-area .banner-content h1 { font-size: 70px }
}

@media(max-width:576px) {
    .home4-banner-area .banner-content h1 { font-size: 42px }
}

.home4-banner-area .banner-content .banner-bottom-content { max-width: 360px; width: 100%; margin-top: -30px }

@media(max-width:991px) {
    .home4-banner-area .banner-content .banner-bottom-content { margin-top: 30px }
}

.home4-banner-area .banner-content .banner-bottom-content p { color: #c4c4c4; font-family: var(--font-Urbanist); font-size: 16px; font-weight: 400; line-height: 26px; margin-bottom: 0; margin-bottom: 43px }
    .home4-banner-area .banner-content .banner-bottom-content p span { font-weight: 500; color: var(--white-color) }
.home4-banner-area .banner-content .banner-bottom-content .primary-btn4 { border: 1px solid rgba(255,255,255,.25); background: rgba(26,26,26,.8); color: var(--white-color) }
    .home4-banner-area .banner-content .banner-bottom-content .primary-btn4 svg { fill: var(--white-color) }
.home4-about-section .about-content .about-top-content p { color: var(--paragraph-color); font-family: var(--font-Urbanist); font-size: 16px; font-weight: 400; line-height: 26px; margin-bottom: 15px }
    .home4-about-section .about-content .about-top-content p span { font-weight: 500; color: var(--title-color) }
.home4-about-section .about-content .counter-wrap { margin: 0; padding: 0; list-style: none; display: flex; align-items: center; gap: 50px; padding-top: 35px; margin-bottom: 60px }

@media(max-width:767px) {
    .home4-about-section .about-content .counter-wrap { padding-top: 25px; margin-bottom: 45px }
}

.home4-about-section .about-content .counter-wrap .single-counter .number { line-height: 1; display: flex; align-items: center; margin-bottom: 12px }
    .home4-about-section .about-content .counter-wrap .single-counter .number .counter { color: var(--title-color); font-family: var(--font-Urbanist); font-size: 45px; font-weight: 500; margin-bottom: 0 }

@media(max-width:767px) {
    .home4-about-section .about-content .counter-wrap .single-counter .number .counter { font-size: 32px }
}

.home4-about-section .about-content .counter-wrap .single-counter .number span { color: var(--title-color); font-family: var(--font-Urbanist); font-size: 45px; font-weight: 500 }

@media(max-width:767px) {
    .home4-about-section .about-content .counter-wrap .single-counter .number span { font-size: 32px }
}

.home4-about-section .about-content .counter-wrap .single-counter p { margin-bottom: 0; color: var(--paragraph-color); font-family: var(--font-Urbanist); font-size: 16px; font-weight: 400 }
.home4-about-section .about-img-wrap { position: relative; z-index: 1 }

@media(min-width:992px) {
    .home4-about-section .about-img-wrap { margin-left: 40px }
}

@media(max-width:991px) {
    .home4-about-section .about-img-wrap .vectors { display: none; visibility: hidden }
}

.home4-about-section .about-img-wrap .vectors .about-vectors-1 { position: absolute; left: -75px; bottom: 22px; z-index: 2; animation: rotate 20s linear infinite }
.home4-about-section .about-img-wrap .vectors .about-vectors-2 { position: absolute; top: -125px; left: 50%; transform: translateX(-50%); z-index: -1 }
.home4-about-section .about-img-wrap .about-img { border-radius: 10px }
    .home4-about-section .about-img-wrap .about-img img { border-radius: 10px }
.partnership-area { border-top: 1px solid var(--border-color2); padding-top: 60px }
    .partnership-area .single-pertner { border-radius: 10px; background: #f8f8f8; padding: 25px 30px; position: relative; transition: .35s; display: flex; flex-direction: column; width: 100% }

@media(max-width:1399px) {
    .partnership-area .single-pertner { padding: 25px 20px }
}

.partnership-area .single-pertner svg { position: absolute; right: 0; top: 0; stroke: #eee; transition: .35s; fill: none }
.partnership-area .single-pertner span { color: var(--title-color); font-family: var(--font-Urbanist); font-size: 12px; font-weight: 600; display: inline-block; text-transform: uppercase; margin-bottom: 20px; transition: .35s }

@media(max-width:1399px) {
    .partnership-area .single-pertner span { margin-bottom: 15px }
}

.partnership-area .single-pertner .partner-logos { margin-bottom: 50px; transition: .35s }

@media(max-width:1399px) {
    .partnership-area .single-pertner .partner-logos { margin-bottom: 30px }
}

.partnership-area .single-pertner .partner-logos .white { display: none; visibility: hidden; transition: .35s }
.partnership-area .single-pertner p { margin-bottom: 0; color: var(--paragraph-color); font-family: var(--font-Urbanist); font-size: 16px; font-weight: 500; line-height: 26px; transition: .35s }

@media(min-width:992px) and (max-width:1199px) {
    .partnership-area .single-pertner p { font-size: 15px }
}

.partnership-area .single-pertner:hover { background-color: var(--title-color) }
    .partnership-area .single-pertner:hover svg { stroke: var(--primary-color) }
    .partnership-area .single-pertner:hover span { color: var(--white-color) }
    .partnership-area .single-pertner:hover p { color: var(--white-color) }
    .partnership-area .single-pertner:hover .partner-logos .black { display: none; visibility: hidden }
    .partnership-area .single-pertner:hover .partner-logos .white { display: block; visibility: visible }
.partnership-area .total-partner a { color: var(--title-color); font-family: var(--font-Urbanist); font-size: 14px; font-weight: 400; display: flex; align-items: center; gap: 8px; border: 1px solid var(--border-color); line-height: 1; padding: 11px 20px; transition: .5s; border-radius: 50px }
    .partnership-area .total-partner a svg { fill: var(--title-color); transition: .5s }
    .partnership-area .total-partner a:hover { background-color: var(--primary-color); border-color: var(--primary-color); color: var(--white-color) }
        .partnership-area .total-partner a:hover svg { fill: var(--white-color); transform: rotate(45deg) }
.home4-work-section { background: #1a1a1a; padding: 110px 0 }

@media(max-width:991px) {
    .home4-work-section { padding: 90px 0 }
}

@media(max-width:767px) {
    .home4-work-section { padding: 70px 0 }
}

.home4-work-section .section-title h2 { font-size: 130px; color: var(--white-color); line-height: 1 }
    .home4-work-section .section-title h2 span { display: inline }

@media(max-width:1399px) {
    .home4-work-section .section-title h2 { font-size: 90px }
}

@media(max-width:1199px) {
    .home4-work-section .section-title h2 { font-size: 70px }
}

@media(max-width:576px) {
    .home4-work-section .section-title h2 { font-size: 45px }
}

.home4-work-section .section-title .dash-and-paragraph .btn-and-paragraph span { color: var(--white-color); font-family: var(--font-Urbanist); font-size: 14px; font-weight: 400; border-radius: 50px; border: 1px solid #2f2f2f; background: #2f2f2f; line-height: 1; padding: 13px 20px; display: inline-flex; justify-content: end; margin-bottom: 20px }
.home4-work-section .section-title .dash-and-paragraph .btn-and-paragraph p { max-width: 424px; min-width: 424px; color: #c4c4c4 }

@media(max-width:767px) {
    .home4-work-section .section-title .dash-and-paragraph .btn-and-paragraph p { min-width: unset }
}

.home4-work-section .home4-work-slider { cursor: url(../img/home4/cursor.png),default; position: relative }
    .home4-work-section .home4-work-slider .work-fractional-pagi { position: absolute; left: 30px; bottom: unset; top: 40px; color: var(--white-color); font-size: 22px; font-family: var(--font-Urbanist); z-index: 99 }
        .home4-work-section .home4-work-slider .work-fractional-pagi .swiper-pagination-current { color: var(--white-color); font-family: var(--font-Urbanist); font-size: 24px; font-weight: 500 }
        .home4-work-section .home4-work-slider .work-fractional-pagi .swiper-pagination-total { color: #545454; font-size: 22px; font-weight: 400 }
.home4-work-section .single-work-flow .work-flow-img { border-radius: 10px; border: 4px solid #2f2f2f; position: relative; height: 100%; display: inline-block }

@media(max-width:1699px) {
    .home4-work-section .single-work-flow .work-flow-img { width: 100% }
}

.home4-work-section .single-work-flow .work-flow-img img { border-radius: 10px; animation: qodef-animate-image-out 1s .1s cubic-bezier(.78,.2,.21,.88) forwards; z-index: 12 }

@media(max-width:1699px) {
    .home4-work-section .single-work-flow .work-flow-img img { -o-object-fit: cover; object-fit: cover; height: 450px; width: 100% }
}

@media(max-width:767px) {
    .home4-work-section .single-work-flow .work-flow-img img { height: 350px }
}

.home4-work-section .single-work-flow .work-content { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 25px; padding: 25px 0; border-bottom: 1px solid #2f2f2f }
    .home4-work-section .single-work-flow .work-content .icon-and-content { display: flex; align-items: center; max-width: 580px; width: 100%; gap: 20px }
        .home4-work-section .single-work-flow .work-content .icon-and-content h3 { margin-bottom: 0 }
            .home4-work-section .single-work-flow .work-content .icon-and-content h3 a { font-family: var(--font-Urbanist); font-size: 30px; font-weight: 500; line-height: 1.5; letter-spacing: 0; color: var(--white-color) }

@media(max-width:1199px) {
    .home4-work-section .single-work-flow .work-content .icon-and-content h3 a { font-size: 26px }
}

@media(max-width:576px) {
    .home4-work-section .single-work-flow .work-content .icon-and-content h3 a { font-size: 20px }
}

.home4-work-section .swiper-slide-active .work-flow-img img { animation: qodef-animate-image-in 1s cubic-bezier(.78,.2,.21,.88) forwards; z-index: 15 }
.home4-work-section .swiper-slide-active .work-content { animation: fadeInUp 1.7s }
.home4-process-section .paragraph-and-btn { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 20px; margin-bottom: 70px }
    .home4-process-section .paragraph-and-btn p { max-width: 424px; width: 100% }
.home4-process-section .single-process { border-radius: 10px; background: #ece8e5; padding: 40px 30px; position: relative }

@media(max-width:1399px) {
    .home4-process-section .single-process { padding: 30px 20px }
}

.home4-process-section .single-process .work-step { line-height: 1; position: absolute; right: 20px; top: -12px }
    .home4-process-section .single-process .work-step span { line-height: 1; color: var(--title-color); font-family: var(--font-Urbanist); font-size: 14px; font-weight: 500; background-color: var(---dark-white-color); border: 1px solid #e5e1de; border-radius: 13px; padding: 4px 20px }
.home4-process-section .single-process .icon-and-title { margin-bottom: 50px }

@media(max-width:576px) {
    .home4-process-section .single-process .icon-and-title { margin-bottom: 30px }
}

.home4-process-section .single-process .icon-and-title .icon { margin-bottom: 20px }
    .home4-process-section .single-process .icon-and-title .icon svg { fill: var(--title-color) }
.home4-process-section .single-process .icon-and-title h4 { color: var(--title-color); font-family: var(--font-Urbanist); font-size: 22px; font-weight: 500; line-height: 1.6 }
.home4-process-section .single-process .process-content { line-height: 1 }
    .home4-process-section .single-process .process-content p { color: var(--paragraph-color); font-family: var(--font-Urbanist); font-size: 16px; font-weight: 400; line-height: 26px; margin-bottom: 0 }
.home4-process-section .single-process.two { background: #fbe7f3 }
.home4-process-section .single-process.three { background: #efe8ff }
.home4-services-area { background: #1a1a1a; padding: 100px 0 }
    .home4-services-area .paragraph p { max-width: 424px; width: 100%; color: #c4c4c4; font-family: var(--font-Urbanist); font-size: 16px; font-weight: 400; line-height: 26px }
    .home4-services-area .services-card4 .services-top { display: grid; grid-template-columns: 25% 50% 25%; background: #252525; border-radius: 10px; padding: 40px 85px 0; transition: all .45s }

@media(max-width:1199px) {
    .home4-services-area .services-card4 .services-top { padding: 40px 30px 0; grid-template-columns: 15% 60% 25% }
}

@media(max-width:767px) {
    .home4-services-area .services-card4 .services-top { display: block; padding-bottom: 40px }
}

@media(max-width:576px) {
    .home4-services-area .services-card4 .services-top { padding: 40px 20px }
}

.home4-services-area .services-card4 .services-top .sl-number { line-height: 1 }

@media(max-width:767px) {
    .home4-services-area .services-card4 .services-top .sl-number { margin-bottom: 20px }
}

.home4-services-area .services-card4 .services-top .sl-number h3 { color: #444; font-family: Unbounded; font-size: 30px; font-style: normal; font-weight: 600; line-height: 25px; letter-spacing: 6px }
.home4-services-area .services-card4 .services-top .services-wrapper { transition: all .45s }
    .home4-services-area .services-card4 .services-top .services-wrapper .title-tag { margin-bottom: 40px }

@media(max-width:767px) {
    .home4-services-area .services-card4 .services-top .services-wrapper .title-tag { margin-bottom: 30px }
}

.home4-services-area .services-card4 .services-top .services-wrapper .title-tag h3 { margin-bottom: 20px }
    .home4-services-area .services-card4 .services-top .services-wrapper .title-tag h3 a { color: var(--white-color); font-family: var(--font-Urbanist); font-size: 30px; font-weight: 500; transition: .35s }
        .home4-services-area .services-card4 .services-top .services-wrapper .title-tag h3 a:hover { color: var(--primary-color) }
.home4-services-area .services-card4 .services-top .services-wrapper .title-tag ul { margin: 0; padding: 0; list-style: none; display: flex; flex-wrap: wrap; align-items: center; gap: 15px }
    .home4-services-area .services-card4 .services-top .services-wrapper .title-tag ul li { color: var(--white-color); font-family: var(--font-Urbanist); font-size: 14px; font-weight: 400; line-height: 1; border-radius: 50px; border: 1px solid rgba(255,255,255,.1); background: #1a1a1a; padding: 6px 17px }
.home4-services-area .services-card4 .services-top .details-btn-wrap { text-align: end }

@media(max-width:767px) {
    .home4-services-area .services-card4 .services-top .details-btn-wrap { text-align: start }
}

.home4-services-area .services-card4 .services-top .details-btn-wrap .details-btn { position: relative }
    .home4-services-area .services-card4 .services-top .details-btn-wrap .details-btn::before { content: url(../img/innerpage/vector/star.svg); position: absolute; top: -10px; left: 65px; opacity: 0; transition: .5s }

@media(min-width:1200px) and (max-width:1399px) {
    .home4-services-area .services-card4 .services-top .details-btn-wrap .details-btn::before { left: 22px }
}

@media(max-width:1199px) {
    .home4-services-area .services-card4 .services-top .details-btn-wrap .details-btn::before { left: 6px }
}

@media(max-width:991px) {
    .home4-services-area .services-card4 .services-top .details-btn-wrap .details-btn::before { display: none }
}

.home4-services-area .services-card4 .services-top .details-btn-wrap .details-btn::after { content: url(../img/innerpage/vector/star2.svg); position: absolute; top: -10px; right: -22px; opacity: 0; transition: .5s }

@media(max-width:991px) {
    .home4-services-area .services-card4 .services-top .details-btn-wrap .details-btn::after { display: none }
}

.home4-services-area .services-card4 .services-top .details-btn-wrap .details-btn:hover::before { opacity: 1 }
.home4-services-area .services-card4 .services-top .details-btn-wrap .details-btn:hover::after { opacity: 1 }
.home4-services-area .services-card4 .services-top .details-btn-wrap .primary-btn4 { background-color: var(--paragraph-color3); padding: 16px 24px; color: var(--white-color) }
    .home4-services-area .services-card4 .services-top .details-btn-wrap .primary-btn4 svg { fill: var(--white-color) }
    .home4-services-area .services-card4 .services-top .details-btn-wrap .primary-btn4:hover { border-color: #2f2f2f }
.home4-services-area .services-card4 .service-bottom-wrap { position: static; transition: none; display: none }
.home4-services-area .services-card4 .services-btm { display: grid; grid-template-columns: 25% 50% 25%; border-radius: 0 0 10px 10px; padding: 0 85px 0; transition: all .45s; background: #252525; line-height: 1 }

@media(max-width:1199px) {
    .home4-services-area .services-card4 .services-btm { padding: 0 30px 0; grid-template-columns: 15% 60% 25% }
}

@media(max-width:767px) {
    .home4-services-area .services-card4 .services-btm { display: block }
}

.home4-services-area .services-card4 .services-btm .paragraph-img p { color: #c4c4c4; font-family: var(--font-Urbanist); font-size: 16px; font-weight: 400; line-height: 26px; margin-bottom: 40px }
.home4-services-area .services-card4 .services-btm .paragraph-img .services-img img { border-radius: 5px 5px 0 0 }
.home4-services-area .active .services-card4 .services-top { border-radius: 10px 10px 0 0 }
.home4-testimonial-section { background: #f8f8f8; padding: 100px 0 }

@media(max-width:991px) {
    .home4-testimonial-section { padding: 80px 0 }
}

.home4-testimonial-section .paragraph-and-review { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 20px }
    .home4-testimonial-section .paragraph-and-review p { max-width: 424px; width: 100%; color: var(--paragraph-color); font-family: var(--font-Urbanist); font-size: 16px; font-weight: 400; line-height: 26px }
.home4-testimonial-section .testimonial-slider .swiper-slide-active span { animation: fadeInDown 1.7s }
.home4-testimonial-section .testimonial-slider .swiper-slide-active p { animation: fadeInDown 1.7s }
.home4-testimonial-section .testimonial-slider .swiper-slide-active .author-area { animation: fadeInUp 1.7s }
.home4-testimonial-section .testimonial-slider .author-img { border-radius: 10px; position: relative; display: inline-block; height: 100% }

@media(max-width:576px) {
    .home4-testimonial-section .testimonial-slider .author-img { display: block }
}

.home4-testimonial-section .testimonial-slider .author-img img { border-radius: 10px; height: 100%; -o-object-fit: cover; object-fit: cover }

@media(max-width:576px) {
    .home4-testimonial-section .testimonial-slider .author-img img { width: 100% }
}

.home4-testimonial-section .testimonial-slider .author-img .wrapper { display: inline-block; position: absolute; top: 20px; right: 20px; z-index: 999 }
.home4-testimonial-section .testimonial-slider .author-img .video-main { position: relative; display: inline-block }
.home4-testimonial-section .testimonial-slider .author-img .video { height: 40px; width: 40px; line-height: 40px; text-align: center; border-radius: 100%; background: 0 0; color: var(--primary-color); display: inline-block; background: #fff; z-index: 999; font-size: 24px }

@keyframes waves {
    0% { transform: scale(.2,.2); opacity: 0; -ms-filter: "alpha(opacity=0)" }
    50% { opacity: .9; -ms-filter: "alpha(opacity=90)" }
    100% { transform: scale(.9,.9); opacity: 0; -ms-filter: "alpha(opacity=0)" }
}

.home4-testimonial-section .testimonial-slider .author-img .fa-play:before { content: "\f04b" }
.home4-testimonial-section .testimonial-slider .author-img .waves { position: absolute; width: 70px; height: 70px; background: rgba(255,255,255,.7); opacity: 0; -ms-filter: "alpha(opacity=0)"; border-radius: 100%; right: -15px; bottom: -15px; z-index: -1; animation: waves 3s ease-in-out infinite }
.home4-testimonial-section .testimonial-slider .author-img .wave-1 { animation-delay: 0s }
.home4-testimonial-section .testimonial-slider .author-img .wave-2 { animation-delay: 1s }
.home4-testimonial-section .testimonial-slider .author-img .wave-3 { animation-delay: 2s }
.home4-testimonial-section .testimonial-slider .testimonal-content { background-color: #f8eeeb; padding: 50px 88px 45px; border-radius: 10px }

@media(max-width:1399px) {
    .home4-testimonial-section .testimonial-slider .testimonal-content { padding: 50px 50px 40px }
}

@media(max-width:1199px) {
    .home4-testimonial-section .testimonial-slider .testimonal-content { padding: 50px 30px 40px }
}

.home4-testimonial-section .testimonial-slider .testimonal-content > span { color: var(--title-color); font-family: var(--font-Urbanist); font-size: 16px; font-weight: 500; display: inline-block; margin-bottom: 15px }
.home4-testimonial-section .testimonial-slider .testimonal-content p { color: var(--paragraph-color); font-family: var(--font-Urbanist); font-size: 30px; font-weight: 400; line-height: 1.6; margin-bottom: 28px }

@media(max-width:1399px) {
    .home4-testimonial-section .testimonial-slider .testimonal-content p { font-size: 26px }
}

@media(max-width:1199px) {
    .home4-testimonial-section .testimonial-slider .testimonal-content p { font-size: 22px }
}

@media(max-width:576px) {
    .home4-testimonial-section .testimonial-slider .testimonal-content p { font-size: 20px }
}

.home4-testimonial-section .testimonial-slider .testimonal-content .author-area { border-top: 1px solid #fff; padding-top: 20px }
    .home4-testimonial-section .testimonial-slider .testimonal-content .author-area .content h6 { color: var(--title-color); font-family: var(--font-Urbanist); font-size: 18px; font-weight: 600; margin-bottom: 0 }
    .home4-testimonial-section .testimonial-slider .testimonal-content .author-area .content span { color: var(--paragraph-color); font-family: var(--font-Urbanist); font-size: 14px; font-weight: 400 }
.home4-testimonial-section .slider-btn-area { display: flex; justify-content: end; padding: 0 88px; margin-top: -88px; position: relative; z-index: 1 }

@media(max-width:1399px) {
    .home4-testimonial-section .slider-btn-area { padding: 0 50px }
}

@media(max-width:1199px) {
    .home4-testimonial-section .slider-btn-area { padding: 0 30px }
}

@media(max-width:576px) {
    .home4-testimonial-section .slider-btn-area { display: none }
}

.home4-team-section .section-title .dash-and-paragraph svg { fill: var(--border-color2) }
.home4-team-section .section-title .dash-and-paragraph .btn-and-paragraph { margin-top: -33px }

@media(max-width:991px) {
    .home4-team-section .section-title .dash-and-paragraph .btn-and-paragraph { margin-top: 0 }
}

.home4-team-section.style-2 { padding: 110px 0; background-color: #f8f8f8; position: relative; z-index: -2 }

@media(max-width:1199px) {
    .home4-team-section.style-2 { padding: 100px 0 }
}

@media(max-width:991px) {
    .home4-team-section.style-2 { padding: 90px 0 }
}

.home4-team-section.style-2 .vector { position: absolute; right: 0; bottom: 0; stroke: var(---dark-white-color); z-index: -1 }

@media(max-width:767px) {
    .home4-team-section.style-2 .vector { display: none }
}

.home4-team-section.style-2 .section-title .dash-and-paragraph svg { fill: var(--border-color2) }
.team-card-4 { transition: .45s; position: relative }
    .team-card-4 .team-img { transition: .45s; position: relative; margin-bottom: 30px; display: flex; z-index: 1; justify-content: center; -webkit-mask-image: url(../img/home4/team-bg-shape.png); mask-image: url(../img/home4/team-bg-shape.png); -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-size: cover; mask-size: cover }
        .team-card-4 .team-img .social-area { position: absolute; left: 50%; bottom: 25px; transform: translateX(-50%); margin: 0; padding: 0; list-style: none; display: flex; align-items: center; gap: 16px; transition: .45s; opacity: 0 }
            .team-card-4 .team-img .social-area li a { height: 26px; width: 26px; border-radius: 50%; display: flex; align-items: center; justify-content: center; background-color: var(--white-color); transition: .35s }
                .team-card-4 .team-img .social-area li a i { font-size: 14px; color: #363636; transition: .35s }
                .team-card-4 .team-img .social-area li a:hover { background-color: var(--primary-color) }
                    .team-card-4 .team-img .social-area li a:hover i { color: var(--white-color) }
    .team-card-4 .vector { position: absolute; right: 0; top: 70px; z-index: -1; opacity: 0; transition: .45s }

@media(max-width:1199px) {
    .team-card-4 .vector { display: none; visibility: hidden }
}

.team-card-4 .vector svg { fill: #f09562; animation: rotate 20s linear infinite }

@media(max-width:1199px) {
    .team-card-4 .vector { top: 40px }
}

@media(max-width:576px) {
    .team-card-4 .vector { top: 55px; right: 30px }
}

.team-card-4 .team-content h6 { margin-bottom: 2px; color: var(--title-color); font-family: var(--font-Urbanist); font-size: 18px; font-weight: 600 }
.team-card-4 .team-content span { color: var(--paragraph-color); font-family: var(--font-Urbanist); font-size: 14px; font-weight: 400 }
.team-card-4:hover .social-area { opacity: 1 }
.team-card-4:hover .vector { opacity: 1 }
.home4-award-section { padding: 100px 0; background: #1a1a1a }

@media(max-width:991px) {
    .home4-award-section { padding: 80px 0 }
}

.home4-award-section .section-title h2 { font-size: 130px; color: var(--white-color); line-height: 1 }
    .home4-award-section .section-title h2 span { display: inline-block }

@media(max-width:1399px) {
    .home4-award-section .section-title h2 { font-size: 90px }
}

@media(max-width:1199px) {
    .home4-award-section .section-title h2 { font-size: 70px }
}

@media(max-width:576px) {
    .home4-award-section .section-title h2 { font-size: 45px }
}

.home4-award-section .dash-and-paragraph.three svg { fill: #2f2f2f }
.home4-award-section .dash-and-paragraph .btn-and-paragraph p { max-width: 424px; min-width: 424px; color: #c4c4c4 }

@media(max-width:767px) {
    .home4-award-section .dash-and-paragraph .btn-and-paragraph p { min-width: unset }
}

.home4-award-section .home4-award-slider-wrap .award-content h2 { color: var(--white-color); font-family: var(--font-Urbanist); font-size: 45px; font-weight: 500; line-height: 1.35; margin-bottom: 20px }

@media(max-width:1399px) {
    .home4-award-section .home4-award-slider-wrap .award-content h2 { font-size: 40px }
}

@media(max-width:1399px) {
    .home4-award-section .home4-award-slider-wrap .award-content h2 { font-size: 35px }
}

@media(max-width:576px) {
    .home4-award-section .home4-award-slider-wrap .award-content h2 { font-size: 30px }
}

.home4-award-section .home4-award-slider-wrap .award-content svg { margin-bottom: 25px }

@media(max-width:576px) {
    .home4-award-section .home4-award-slider-wrap .award-content svg { min-height: 123px }
}

.home4-award-section .home4-award-slider-wrap .award-content ul { margin: 0; padding: 0; list-style: none }
    .home4-award-section .home4-award-slider-wrap .award-content ul li { color: var(--white-color); font-family: var(--font-Urbanist); font-size: 16px; font-weight: 500; padding-left: 16px; position: relative; margin-bottom: 7px }
        .home4-award-section .home4-award-slider-wrap .award-content ul li:last-child { margin-bottom: 0 }
        .home4-award-section .home4-award-slider-wrap .award-content ul li::after { content: ""; height: 8px; width: 8px; border-radius: 50%; background-color: #545454; position: absolute; left: 0; top: 50%; transform: translateY(-50%) }
.home4-award-section .home4-award-slider-wrap .award-img img { border-radius: 20px; width: 100% }
.home4-award-section .slider-btn-area { display: inline-flex; align-items: center; justify-content: end; margin-top: -80px; background: #1a1a1a; z-index: 1; padding: 20px; position: relative; border-radius: 20px 0 }

@media(max-width:576px) {
    .home4-award-section .slider-btn-area { margin-top: -55px; padding: 15px }
}

@media(max-width:576px) {
    .home4-award-section .slider-btn-area .slider-btn-group { min-width: 90px; max-width: 90px }
}

@media(max-width:576px) {
    .home4-award-section .slider-btn-area .slider-btn-group .slider-btn { width: 35px; height: 35px }
}

.home4-award-section .franctional-pagi6 { color: #545454; font-size: 22px; font-family: var(--font-Urbanist) }
    .home4-award-section .franctional-pagi6 .swiper-pagination-current { color: var(--white-color); font-family: var(--font-Urbanist); font-size: 45px; font-weight: 500 }
    .home4-award-section .franctional-pagi6 .swiper-pagination-total { color: #545454; font-size: 22px; font-weight: 500 }
.home4-blog-section .paragraph-and-btn { display: flex; align-items: end; justify-content: space-between; flex-wrap: wrap; gap: 20px; margin-bottom: 70px }
    .home4-blog-section .paragraph-and-btn p { max-width: 424px; width: 100%; color: var(--paragraph-color); font-family: var(--font-Urbanist); font-size: 16px; font-weight: 400; line-height: 26px; margin-bottom: 0 }
    .home4-blog-section .paragraph-and-btn a { color: var(--title-color); font-family: var(--font-Urbanist); font-size: 15px; font-weight: 500; transition: .35s; display: flex; align-items: baseline; gap: 8px }
        .home4-blog-section .paragraph-and-btn a svg { fill: var(--title-color) }
        .home4-blog-section .paragraph-and-btn a:hover { color: var(--primary-color) }
            .home4-blog-section .paragraph-and-btn a:hover svg { fill: var(--primary-color) }
.blog-card4 .blog-img { display: block }
    .blog-card4 .blog-img img { border-radius: 10px }

@media(max-width:767px) {
    .blog-card4 .blog-img img { width: 100% }
}

.blog-card4 .blog-content { padding-top: 35px }
    .blog-card4 .blog-content .blog-meta { line-height: 1; display: flex; align-items: center; flex-wrap: wrap; gap: 10px; margin-bottom: 15px }
        .blog-card4 .blog-content .blog-meta .category { margin: 0; padding: 0; list-style: none; display: flex; flex-wrap: wrap; align-items: center; gap: 15px; line-height: 1 }
            .blog-card4 .blog-content .blog-meta .category li a { display: flex; align-items: center; gap: 5px; color: var(--title-color); font-family: var(--font-Urbanist); font-size: 14px; font-weight: 400; transition: .35s }
                .blog-card4 .blog-content .blog-meta .category li a:hover { color: var(--primary-color) }
                    .blog-card4 .blog-content .blog-meta .category li a:hover svg { fill: var(--primary-color) }
        .blog-card4 .blog-content .blog-meta .blog-publish-date { line-height: 1; padding-left: 30px; position: relative }
            .blog-card4 .blog-content .blog-meta .blog-publish-date::before { content: ""; background: #ccd4dd; width: 20px; height: 1px; position: absolute; left: 0; top: 50%; transform: translateY(-50%) }
            .blog-card4 .blog-content .blog-meta .blog-publish-date a { display: flex; align-items: center; gap: 5px; color: var(--paragraph-color); font-family: var(--font-Urbanist); font-size: 14px; font-weight: 400; transition: .35s }
                .blog-card4 .blog-content .blog-meta .blog-publish-date a:hover { color: var(--primary-color) }
                    .blog-card4 .blog-content .blog-meta .blog-publish-date a:hover svg { fill: var(--primary-color) }
    .blog-card4 .blog-content .blog-title { margin-bottom: 0 }
        .blog-card4 .blog-content .blog-title a { color: var(--title-color); font-family: var(--font-Urbanist); font-size: 22px; font-weight: 500; line-height: 1.5; transition: .35s }

@media(max-width:1399px) {
    .blog-card4 .blog-content .blog-title a { font-size: 20px }
}

.blog-card4 .blog-content .blog-title a:hover { color: var(--primary-color) }
.home4-contact-section { overflow: hidden; background: #f4cb0a }
    .home4-contact-section .js-marquee-wrapper { display: flex; align-items: center; gap: 70px }
    .home4-contact-section .js-marquee { display: flex; align-items: center; margin-right: 0 !important; gap: 70px }

@media(max-width:1399px) {
    .home4-contact-section .js-marquee { gap: 50px }
}

@media(max-width:576px) {
    .home4-contact-section .js-marquee { gap: 30px }
}

.home4-contact-section a { color: #1a1a1a; font-family: var(--font-Urbanist); font-size: 130px; font-weight: 500; display: flex; align-items: center; gap: 70px; line-height: 1; padding: 90px 0 }
    .home4-contact-section a span { font-family: var(--font-fahkwang) }

@media(max-width:1399px) {
    .home4-contact-section a { font-size: 90px; padding: 50px 0; gap: 50px }
}

@media(max-width:1199px) {
    .home4-contact-section a { font-size: 70px }
}

@media(max-width:576px) {
    .home4-contact-section a { font-size: 45px; padding: 30px 0; gap: 30px }
}

.home5-banner-area { background-image: url(../img/home5/home5-banner-bg.png),linear-gradient(#1a1a1a,#1a1a1a); background-position: center center; background-size: cover; background-repeat: no-repeat; padding: 185px 0 50px }

@media(max-width:767px) {
    .home5-banner-area { padding: 150px 0 50px }
}

.home5-banner-area .banner-title { margin-bottom: 50px; position: relative; z-index: 2 }

@media(max-width:991px) {
    .home5-banner-area .banner-title { margin-bottom: 20px }
}

@media(max-width:767px) {
    .home5-banner-area .banner-title { margin-bottom: 30px }
}

.home5-banner-area .banner-title .sub-title { color: var(--white-color); font-family: var(--font-fahkwang); font-size: 18px; font-weight: 700; line-height: 1.4; margin-bottom: 20px }

@media(max-width:991px) {
    .home5-banner-area .banner-title .sub-title { margin-bottom: 15px }
}

.home5-banner-area .banner-title .sub-title span { color: var(--primary-color4) }
.home5-banner-area .banner-title h1 { color: var(--white-color); font-family: var(--font-Urbanist); font-size: 90px; font-weight: 600; line-height: 1.2; margin-bottom: 0 }

@media(max-width:1399px) {
    .home5-banner-area .banner-title h1 { font-size: 80px }
}

@media(max-width:991px) {
    .home5-banner-area .banner-title h1 { font-size: 65px }
}

@media(max-width:767px) {
    .home5-banner-area .banner-title h1 { font-size: 50px }
}

.home5-banner-area .banner-content-and-img { display: flex; align-items: end; gap: 110px; margin-top: -140px }

@media(max-width:1199px) {
    .home5-banner-area .banner-content-and-img { margin-top: -80px; gap: 50px }
}

@media(max-width:991px) {
    .home5-banner-area .banner-content-and-img { margin-top: -35px }
}

.home5-banner-area .banner-content-and-img .banner-content { margin-bottom: 30px }

@media(max-width:767px) {
    .home5-banner-area .banner-content-and-img .banner-content { margin-bottom: 0; margin-top: 40px }
}

.home5-banner-area .banner-content-and-img .banner-content .arrow-and-paragraph { max-width: 400px; width: 100%; display: flex; gap: 8px; margin-bottom: 55px }

@media(max-width:1199px) {
    .home5-banner-area .banner-content-and-img .banner-content .arrow-and-paragraph { margin-bottom: 40px }
}

.home5-banner-area .banner-content-and-img .banner-content .arrow-and-paragraph svg { fill: rgba(255,255,255,.1); min-width: 32px }
.home5-banner-area .banner-content-and-img .banner-content .arrow-and-paragraph p { color: var(--paragraph-color-dark); font-family: var(--font-Urbanist); font-size: 16px; font-weight: 500; line-height: 28px; margin-bottom: 0 }
    .home5-banner-area .banner-content-and-img .banner-content .arrow-and-paragraph p span { color: var(--white-color); font-weight: 400 }
.home5-banner-area .banner-content-and-img .banner-content .primary-btn4 { border: 1px solid rgba(255,255,255,.1); color: var(--white-color); background-color: transparent }
    .home5-banner-area .banner-content-and-img .banner-content .primary-btn4 svg { fill: var(--white-color) }
    .home5-banner-area .banner-content-and-img .banner-content .primary-btn4 span { background-color: var(--primary-color4) }
    .home5-banner-area .banner-content-and-img .banner-content .primary-btn4:hover { color: var(--dark-title-color) }
        .home5-banner-area .banner-content-and-img .banner-content .primary-btn4:hover svg { fill: var(--dark-title-color) }
.home5-banner-area .banner-content-and-img .banner-img { position: relative; z-index: 1 }

@media(max-width:767px) {
    .home5-banner-area .banner-content-and-img .banner-img { display: none }
}

.home5-banner-area .banner-content-and-img .banner-img::before { content: ""; position: absolute; top: 7px; right: -6px; width: 100%; height: 100%; border: 2px dashed var(--primary-color2); border-radius: 220px 220px 10px 10px; z-index: 1 }
.home5-banner-area .banner-content-and-img .banner-img svg { position: absolute; top: -44%; right: -40%; z-index: -1 }

@media(max-width:1399px) {
    .home5-banner-area .banner-content-and-img .banner-img svg { right: -10%; width: 300px }
}

@media(max-width:1199px) {
    .home5-banner-area .banner-content-and-img .banner-img svg { display: none }
}

.home5-banner-area .banner-content-and-img .banner-img img { border-radius: 220px 220px 10px 10px; position: relative; z-index: 9; min-width: 424px; max-width: 424px; width: 100%; min-height: 430px; -o-object-fit: cover; object-fit: cover }

@media(max-width:1199px) {
    .home5-banner-area .banner-content-and-img .banner-img img { min-height: 385px; width: 100% }
}

.home5-banner-area .social-area-group { padding-top: 70px; display: flex; align-items: center; justify-content: space-between; gap: 15px; flex-wrap: wrap }

@media(max-width:1199px) {
    .home5-banner-area .social-area-group { padding-top: 50px }
}

@media(max-width:767px) {
    .home5-banner-area .social-area-group { padding-top: 40px }
}

@media(max-width:576px) {
    .home5-banner-area .social-area-group { gap: 10px }
}

.home5-banner-area .social-area-group .social-list { margin: 0; padding: 0; list-style: none; display: flex; align-items: center; gap: 60px }
    .home5-banner-area .social-area-group .social-list li a { color: var(--white-color); font-family: var(--font-Urbanist); font-size: 14px; font-weight: 500; line-height: 1; transition: .5s }
        .home5-banner-area .social-area-group .social-list li a:hover { color: var(--primary-color4) }
.home5-about-section .section-title { margin-bottom: 15px }

@media(max-width:991px) {
    .home5-about-section .section-title { margin-bottom: 25px }
}

.home5-about-section .counter-wrap { margin: 0; padding: 0; list-style: none; display: flex; align-items: center; gap: 50px; padding-top: 35px }

@media(max-width:991px) {
    .home5-about-section .counter-wrap { padding-top: 0 }
}

@media(max-width:576px) {
    .home5-about-section .counter-wrap { gap: 30px }
}

.home5-about-section .counter-wrap .single-counter .number { line-height: 1; display: flex; align-items: center; margin-bottom: 15px }

@media(max-width:767px) {
    .home5-about-section .counter-wrap .single-counter .number { margin-bottom: 10px }
}

.home5-about-section .counter-wrap .single-counter .number .counter { color: var(--title-color); font-family: var(--font-Urbanist); font-size: 45px; font-weight: 500; margin-bottom: 0 }

@media(max-width:767px) {
    .home5-about-section .counter-wrap .single-counter .number .counter { font-size: 32px }
}

.home5-about-section .counter-wrap .single-counter .number span { color: var(--title-color); font-family: var(--font-Urbanist); font-size: 45px; font-weight: 500 }

@media(max-width:767px) {
    .home5-about-section .counter-wrap .single-counter .number span { font-size: 32px }
}

.home5-about-section .counter-wrap .single-counter p { margin-bottom: 0; color: var(--paragraph-color); font-family: var(--font-Urbanist); font-size: 16px; font-weight: 400 }
.home5-about-section .about-content-wrap { max-width: 595px; width: 100% }
    .home5-about-section .about-content-wrap .about-content { position: relative }
        .home5-about-section .about-content-wrap .about-content p { color: var(--paragraph-color); font-family: var(--font-Urbanist); font-size: 16px; font-weight: 400; line-height: 28px; margin-bottom: 50px; max-width: 450px; width: 100% }

@media(min-width:992px) and (max-width:1199px) {
    .home5-about-section .about-content-wrap .about-content p { max-width: 400px }
}

@media(max-width:991px) {
    .home5-about-section .about-content-wrap .about-content p { margin-bottom: 35px }
}

.home5-about-section .about-content-wrap .about-content .star { position: absolute; right: -15px; top: -55px }

@media(max-width:767px) {
    .home5-about-section .about-content-wrap .about-content .star { display: none }
}

.home5-about-section .about-content-wrap .about-content .star svg { fill: #d9eafe }
.home5-about-section .about-content-wrap .about-content .star::before { content: ""; position: absolute; top: 50%; transform: translateY(-50%); left: 0; width: 1px; height: 360px; background-color: #ffe2e2 }

@media(max-width:991px) {
    .home5-about-section .about-content-wrap .about-content .star::before { display: none }
}

.home5-about-section .about-content-wrap .primary-btn4 { background-color: var(--primary-color4); border-color: var(--primary-color4); color: var(--dark-title-color); padding: 16px 27px }
    .home5-about-section .about-content-wrap .primary-btn4 svg { fill: var(--dark-title-color) }
    .home5-about-section .about-content-wrap .primary-btn4 span { background-color: var(--white-color) }
    .home5-about-section .about-content-wrap .primary-btn4:hover { border-color: #eee }
.home5-work-section { background-image: linear-gradient(#f8f8f8,#f8f8f8),url(../img/home5/home5-award-bg.png); background-position: center center; background-size: cover; background-repeat: no-repeat; overflow: hidden; position: relative; padding: 110px 0 }

@media(max-width:991px) {
    .home5-work-section { padding: 90px 0 }
}

@media(max-width:767px) {
    .home5-work-section { padding: 70px 0 }
}

.home5-work-section .verticle-text { position: absolute; top: 50%; transform: translateY(-50%); right: 20px }

@media(max-width:1399px) {
    .home5-work-section .verticle-text { right: 0; top: 57% }
}

@media(max-width:767px) {
    .home5-work-section .verticle-text { display: none }
}

.home5-work-section .verticle-text h2 { color: #eee; font-family: var(--font-fahkwang); font-size: 180px; font-weight: 700; line-height: 1; writing-mode: vertical-rl; white-space: nowrap; margin-bottom: 0 }

@media(max-width:1399px) {
    .home5-work-section .verticle-text h2 { font-size: 150px }
}

@media(max-width:1199px) {
    .home5-work-section .verticle-text h2 { font-size: 140px }
}

.home5-work-section .section-title { display: flex; align-items: end; justify-content: space-between; gap: 20px; flex-wrap: wrap }

@media(max-width:991px) {
    .home5-work-section .section-title { align-items: center }
}

.home5-work-section .section-title h2 { font-family: var(--font-fahkwang); font-size: 130px; line-height: 1.1 }

@media(max-width:1399px) {
    .home5-work-section .section-title h2 { font-size: 110px }
}

@media(max-width:991px) {
    .home5-work-section .section-title h2 { font-size: 100px }
}

@media(max-width:767px) {
    .home5-work-section .section-title h2 { font-size: 90px }
}

.home5-work-section .section-title .primary-btn4 { padding: 16px 26px; background-color: var(--primary-color3); color: var(--white-color); margin-bottom: 25px }

@media(max-width:991px) {
    .home5-work-section .section-title .primary-btn4 { margin-bottom: 0 }
}

.home5-work-section .section-title .primary-btn4 svg { fill: var(--white-color) }
.home5-work-section .section-title .primary-btn4 span { background-color: var(--primary-color4) }
.home5-work-section .section-title .primary-btn4:hover { border-color: var(--primary-color4); color: var(--dark-title-color) }
    .home5-work-section .section-title .primary-btn4:hover svg { fill: var(--dark-title-color) }
.home5-work-section .paragraph-and-btn-area p { max-width: 425px }
.home5-work-section .work-wrapper { position: relative }
    .home5-work-section .work-wrapper .shape { position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%) }

@media(max-width:767px) {
    .home5-work-section .work-wrapper .shape { display: none }
}

@media(max-width:991px) {
    .home5-work-section .work-wrapper .shape img { min-width: 460px }
}

.home5-work-section .work-wrapper .work-card .work-img { position: relative }
    .home5-work-section .work-wrapper .work-card .work-img img { border-radius: 20px 20px 0 0 }
    .home5-work-section .work-wrapper .work-card .work-img .batch { position: absolute; top: 24px; left: 24px; display: flex; flex-direction: column; gap: 10px }
        .home5-work-section .work-wrapper .work-card .work-img .batch span { color: var(--white-color); font-family: var(--font-Urbanist); font-size: 12px; font-weight: 500; line-height: 1; display: inline-block; padding: 9px 21px; background-color: var(--primary-color); border-radius: 50px }
.home5-work-section .work-wrapper .work-card .work-content { background-color: var(--primary-color3); max-width: 370px; width: 100%; margin: 0 auto; padding: 30px; border-radius: 30px 30px 0 0; position: relative; z-index: 1; margin-top: -100px }

@media(max-width:1199px) {
    .home5-work-section .work-wrapper .work-card .work-content { max-width: 340px; padding: 30px 20px }
}

@media(min-width:576px) and (max-width:768px) {
    .home5-work-section .work-wrapper .work-card .work-content { max-width: 430px }
}

.home5-work-section .work-wrapper .work-card .work-content h5 { margin-bottom: 10px }
    .home5-work-section .work-wrapper .work-card .work-content h5 a { color: var(--white-color); font-family: var(--font-Urbanist); font-size: 22px; font-weight: 500; line-height: 30px; transition: .5s }
        .home5-work-section .work-wrapper .work-card .work-content h5 a:hover { color: var(--primary-color4) }
.home5-work-section .work-wrapper .work-card .work-content span { color: var(--paragraph-color-dark); font-family: var(--font-Urbanist); font-size: 14px; font-weight: 400 }
.home5-work-section .work-wrapper .duration { position: absolute; top: 0; left: 0 }

@media(max-width:767px) {
    .home5-work-section .work-wrapper .duration { display: none }
}

.home5-work-section .work-wrapper .duration h6 { color: var(--paragraph-color); font-family: var(--font-Urbanist); font-size: 14px; font-weight: 500; line-height: 24px; margin-bottom: 0 }
    .home5-work-section .work-wrapper .duration h6 span { color: var(--title-color); display: block }

@media(max-width:767px) {
    .home5-work-section .work-wrapper .slider-btn-grp { padding-top: 60px; display: flex; align-items: center; justify-content: space-between }
}

.home5-work-section .work-wrapper .slider-btn-grp .slider-btn { position: absolute; top: 50%; left: 0; transform: translateY(-50%); background-color: var(---dark-white-color); width: 145px; height: 40px; border-radius: 100px; display: flex; align-items: center; justify-content: center; gap: 10px; color: var(--title-color); font-family: var(--font-Urbanist); font-size: 15px; font-weight: 500; transition: .5s }

@media(max-width:991px) {
    .home5-work-section .work-wrapper .slider-btn-grp .slider-btn { width: 130px; height: 35px }
}

@media(max-width:767px) {
    .home5-work-section .work-wrapper .slider-btn-grp .slider-btn { position: relative; top: unset; left: unset }
}

.home5-work-section .work-wrapper .slider-btn-grp .slider-btn svg { fill: var(--title-color) }
.home5-work-section .work-wrapper .slider-btn-grp .slider-btn.next-1 { left: unset; right: 0 }
.home5-work-section .work-wrapper .slider-btn-grp .slider-btn.swiper-button-disabled { opacity: .5 }
.home5-work-section .work-wrapper .slider-btn-grp .slider-btn:hover { background-color: var(--primary-color4); color: var(--dark-title-color) }
    .home5-work-section .work-wrapper .slider-btn-grp .slider-btn:hover svg { fill: var(--dark-title-color) }
.home5-work-section .work-wrapper .work-card-slider { padding: 10px; margin: -10px }
.home5-service-section .paragraph-and-btn-area { flex-wrap: nowrap }

@media(max-width:767px) {
    .home5-service-section .paragraph-and-btn-area p { max-width: unset }
}

.home5-service-section .paragraph-and-btn-area .vector { max-width: 312px; width: 100%; display: flex; justify-content: center; position: relative }

@media(max-width:767px) {
    .home5-service-section .paragraph-and-btn-area .vector { max-width: 200px }
}

@media(max-width:576px) {
    .home5-service-section .paragraph-and-btn-area .vector { display: none }
}

.home5-service-section .paragraph-and-btn-area .vector .star { fill: #eee; animation: rotate 20s linear infinite }
.home5-service-section .paragraph-and-btn-area .vector .star-bg { fill: #eee; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%) }

@media(max-width:991px) {
    .home5-service-section .paragraph-and-btn-area .vector .star-bg { display: none }
}

.home5-service-section .service-card2 { padding: 40px 30px 20px; border-radius: 10px; background-color: #fbe7f3; position: relative; width: 100% }

@media(max-width:991px) {
    .home5-service-section .service-card2 { padding: 30px 20px 20px }
}

.home5-service-section .service-card2 > svg { fill: var(--white-color); position: absolute; top: 0; right: 0 }
.home5-service-section .service-card2 .icon { margin-bottom: 25px }
    .home5-service-section .service-card2 .icon svg { fill: var(--title-color) }
.home5-service-section .service-card2 .service-content h4 { color: var(--title-color); font-family: var(--font-Urbanist); font-size: 22px; font-weight: 500; line-height: 1.3; margin-bottom: 30px }

@media(max-width:576px) {
    .home5-service-section .service-card2 .service-content h4 { margin-bottom: 20px }
}

.home5-service-section .service-card2 .service-content ul { padding: 0; margin: 0; list-style: none; -moz-columns: 2; columns: 2 }

@media(max-width:576px) {
    .home5-service-section .service-card2 .service-content ul { -moz-columns: unset; columns: unset }
}

.home5-service-section .service-card2 .service-content ul li { display: flex; align-items: center; gap: 2px; color: var(--paragraph-color); font-family: var(--font-Urbanist); font-size: 14px; font-weight: 500; line-height: 1.4; margin-bottom: 15px }
    .home5-service-section .service-card2 .service-content ul li i { font-size: 14px; font-weight: 600 }
.home5-service-section .service-card2.two { background-color: #efe8ff }
.home5-service-section .service-card2.three { background-color: #ece8e5 }
.home5-service-section .service-card2.four { background-color: #ffe8ca }
.home5-experience-section { background-image: linear-gradient(#1a1a1a,#1a1a1a),url(../img/home5/home5-experience-bg.png); background-position: center center; background-size: cover; background-repeat: no-repeat; padding: 110px 0; overflow: hidden }

@media(max-width:991px) {
    .home5-experience-section { padding: 90px 0 }
}

.home5-experience-section .experience-years-area { width: 424px; height: 550px; border-radius: 212px; border: 1px solid var(--white-color); text-align: center; padding-top: 50px; position: relative; margin-bottom: 100px }

@media(max-width:991px) {
    .home5-experience-section .experience-years-area { margin-bottom: 80px }
}

@media(max-width:576px) {
    .home5-experience-section .experience-years-area { width: 375px; height: 500px }
}

.home5-experience-section .experience-years-area::before { content: ""; width: 404px; height: 530px; border-radius: 202px; border: 2px dashed rgba(255,255,255,.3); position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%) }

@media(max-width:576px) {
    .home5-experience-section .experience-years-area::before { width: 340px; height: 480px }
}

.home5-experience-section .experience-years-area::after { content: ""; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 660px; height: 660px; border: 1px solid rgba(255,255,255,.05); border-radius: 50% }

@media(max-width:1199px) {
    .home5-experience-section .experience-years-area::after { width: 600px; height: 600px }
}

@media(max-width:767px) {
    .home5-experience-section .experience-years-area::after { width: 550px; height: 600px }
}

.home5-experience-section .experience-years-area .circle::before, .home5-experience-section .experience-years-area .circle::after { content: ""; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 818px; height: 818px; border: 1px solid rgba(255,255,255,.05); border-radius: 50% }

@media(max-width:1199px) {
    .home5-experience-section .experience-years-area .circle::before, .home5-experience-section .experience-years-area .circle::after { width: 750px; height: 750px }
}

.home5-experience-section .experience-years-area .circle::after { width: 1096px; height: 1096px }

@media(max-width:1199px) {
    .home5-experience-section .experience-years-area .circle::after { width: 900px; height: 900px }
}

.home5-experience-section .experience-years-area .icon { margin-bottom: 50px }
    .home5-experience-section .experience-years-area .icon svg { fill: var(--primary-color4) }
.home5-experience-section .experience-years-area .content h2 { color: var(--white-color); font-family: var(--font-fahkwang); font-size: 130px; font-weight: 800; line-height: .7; margin-bottom: 40px }
    .home5-experience-section .experience-years-area .content h2 span { font-weight: 300 }

@media(max-width:576px) {
    .home5-experience-section .experience-years-area .content h2 { font-size: 100px; margin-bottom: 30px }
}

.home5-experience-section .experience-years-area .content > span { color: var(--white-color); font-family: var(--font-fahkwang); font-size: 45px; font-weight: 700; line-height: 1 }

@media(max-width:576px) {
    .home5-experience-section .experience-years-area .content > span { font-size: 40px }
}

.home5-experience-section .experience-years-area .content svg { fill: var(--white-color) }
.home5-experience-section .single-skill { padding: 15px 20px; border-radius: 20px; border: 1px solid rgba(255,255,255,.1); background-color: #202020; display: flex; align-items: center; gap: 20px }

@media(max-width:1399px) {
    .home5-experience-section .single-skill { gap: 15px; padding: 15px }
}

.home5-experience-section .single-skill .icon { min-width: 60px; max-width: 60px; height: 60px; border-radius: 50%; background-color: var(--primary-color3); border: 1px solid rgba(255,255,255,.08); display: flex; align-items: center; justify-content: center }
.home5-experience-section .single-skill .content h4 { color: var(--white-color); font-family: var(--font-fahkwang); font-size: 22px; font-weight: 700; line-height: 1.2; margin-bottom: 5px }
.home5-experience-section .single-skill .content span { color: var(--paragraph-color-dark); font-family: var(--font-Urbanist); font-size: 14px; font-weight: 400; line-height: 1 }
.home5-testimonial-section .for-border { border-bottom: 1px solid var(--border-color2); display: block; padding-top: 30px; margin-bottom: 70px }

@media(max-width:767px) {
    .home5-testimonial-section .for-border { padding-top: 20px; margin-bottom: 50px }
}

.home5-testimonial-section .paragraph-and-btn-area { position: relative }
    .home5-testimonial-section .paragraph-and-btn-area .vector { position: absolute; right: 30%; top: -70px }

@media(max-width:1199px) {
    .home5-testimonial-section .paragraph-and-btn-area .vector { right: 25% }
}

@media(max-width:991px) {
    .home5-testimonial-section .paragraph-and-btn-area .vector { display: none }
}

.home5-testimonial-section .paragraph-and-btn-area .vector svg { fill: var(--primary-color4) }
.home5-testimonial-section .paragraph-and-btn-area .primary-btn4 { padding: 16px 26px; background-color: var(--primary-color3); color: var(--white-color); border: none }
    .home5-testimonial-section .paragraph-and-btn-area .primary-btn4 svg { fill: var(--white-color) }
    .home5-testimonial-section .paragraph-and-btn-area .primary-btn4 span { background-color: var(--primary-color4) }
    .home5-testimonial-section .paragraph-and-btn-area .primary-btn4:hover { border: none; color: var(--dark-title-color) }
        .home5-testimonial-section .paragraph-and-btn-area .primary-btn4:hover svg { fill: var(--dark-title-color) }
.home5-testimonial-section .testimoial-wrapper { position: relative }
    .home5-testimonial-section .testimoial-wrapper .vector { fill: #f8f8f8; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%) }

@media(max-width:576px) {
    .home5-testimonial-section .testimoial-wrapper .vector { width: 350px }
}

.home5-testimonial-section .testimoial-wrapper .testimonal-content { text-align: center; min-height: 345px; display: flex; flex-direction: column; justify-content: center }

@media(max-width:576px) {
    .home5-testimonial-section .testimoial-wrapper .testimonal-content { min-height: unset }
}

.home5-testimonial-section .testimoial-wrapper .testimonal-content > span { color: var(--title-color); font-family: var(--font-Urbanist); font-size: 16px; font-weight: 500; margin-bottom: 15px; display: inline-block }

@media(max-width:576px) {
    .home5-testimonial-section .testimoial-wrapper .testimonal-content > span { margin-bottom: 10px }
}

.home5-testimonial-section .testimoial-wrapper .testimonal-content p { color: var(--paragraph-color); font-family: var(--font-Urbanist); font-size: 30px; font-weight: 400; line-height: 1.5; margin-bottom: 30px }

@media(max-width:1399px) {
    .home5-testimonial-section .testimoial-wrapper .testimonal-content p { font-size: 28px }
}

@media(max-width:767px) {
    .home5-testimonial-section .testimoial-wrapper .testimonal-content p { font-size: 25px; margin-bottom: 25px }
}

@media(max-width:576px) {
    .home5-testimonial-section .testimoial-wrapper .testimonal-content p { font-size: 20px; margin-bottom: 20px }
}

.home5-testimonial-section .testimoial-wrapper .testimonal-content .author-area { display: flex; align-items: center; justify-content: center; gap: 15px }
    .home5-testimonial-section .testimoial-wrapper .testimonal-content .author-area .author-img img { min-width: 60px; max-width: 60px; height: 60px; border-radius: 50% }
    .home5-testimonial-section .testimoial-wrapper .testimonal-content .author-area .content { text-align: start }
        .home5-testimonial-section .testimoial-wrapper .testimonal-content .author-area .content h6 { color: var(--title-color); font-family: var(--font-Urbanist); font-size: 18px; font-weight: 600; line-height: 1.3; margin-bottom: 5px }
        .home5-testimonial-section .testimoial-wrapper .testimonal-content .author-area .content span { color: var(--paragraph-color); font-family: var(--font-Urbanist); font-size: 14px; font-weight: 400; line-height: 17px }
.home5-testimonial-section .testimoial-wrapper .swiper-slide-active .author-area { animation: fadeInUp 1.7s }
.home5-testimonial-section .testimoial-wrapper .swiper-slide-active p { animation: fadeInDown 1.7s }
.home5-testimonial-section .testimoial-wrapper .swiper-slide-active span { animation: fadeInDown 1.7s }
.home5-testimonial-section .testimoial-wrapper .slider-btn-area { width: 100% }

@media(max-width:991px) {
    .home5-testimonial-section .testimoial-wrapper .slider-btn-area { display: none }
}

.home5-testimonial-section .testimoial-wrapper .slider-btn-area .slider-btn-grp { display: flex; align-items: center; justify-content: space-between }
    .home5-testimonial-section .testimoial-wrapper .slider-btn-area .slider-btn-grp .slider-btn { position: absolute; top: 50%; transform: translateY(-50%); left: 0 }
        .home5-testimonial-section .testimoial-wrapper .slider-btn-area .slider-btn-grp .slider-btn.next-2 { left: unset; right: 0 }
        .home5-testimonial-section .testimoial-wrapper .slider-btn-area .slider-btn-grp .slider-btn svg { fill: var(--title-color) }
        .home5-testimonial-section .testimoial-wrapper .slider-btn-area .slider-btn-grp .slider-btn.swiper-button-disabled { opacity: .1 }
.home5-testimonial-section .testimoial-wrapper .slider-btn-area .franctional-pagi2 { display: flex; align-items: center; justify-content: space-between; color: transparent; width: 93%; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%) }
    .home5-testimonial-section .testimoial-wrapper .slider-btn-area .franctional-pagi2 .swiper-pagination-current, .home5-testimonial-section .testimoial-wrapper .slider-btn-area .franctional-pagi2 .swiper-pagination-total { color: var(--paragraph-color); font-family: var(--font-Urbanist); font-size: 16px; font-weight: 500 }
.home5-award-section { background-image: linear-gradient(#f8f8f8,#f8f8f8),url(../img/home5/home5-award-bg.png); background-position: center center; background-size: cover; background-repeat: no-repeat; padding: 110px 0 }

@media(max-width:991px) {
    .home5-award-section { padding: 90px 0 }
}

.home5-award-section .paragraph-and-btn-area { position: relative }
    .home5-award-section .paragraph-and-btn-area .vector { position: absolute; top: -70px; right: 20% }

@media(max-width:991px) {
    .home5-award-section .paragraph-and-btn-area .vector { display: none }
}

.home5-award-section .paragraph-and-btn-area .vector svg { fill: var(--primary-color4) }
.home5-award-section .award-table { width: 100%; border-collapse: collapse }

@media(max-width:767px) {
    .home5-award-section .award-table thead { display: none; visibility: hidden }
}

.home5-award-section .award-table thead tr th { color: var(--paragraph-color); font-family: var(--font-Urbanist); font-size: 14px; font-weight: 500; padding: 30px; padding-top: 0 }
    .home5-award-section .award-table thead tr th:last-child { text-align: end }

@media(max-width:991px) {
    .home5-award-section .award-table thead tr th { padding: 25px 15px; padding-top: 0 }
}

.home5-award-section .award-table tbody tr { border: 1px solid var(--border-color); transition: .35s; border-left: none; border-right: none }
    .home5-award-section .award-table tbody tr td { color: var(--paragraph-color); font-family: var(--font-Urbanist); font-size: 22px; font-weight: 400; padding: 30px; text-align: start; transition: .35s; position: relative; z-index: 9 }
        .home5-award-section .award-table tbody tr td:first-child { font-weight: 500 }

@media(max-width:991px) {
    .home5-award-section .award-table tbody tr td { padding: 25px 15px; font-size: 20px }
}

@media(max-width:767px) {
    .home5-award-section .award-table tbody tr td { display: block; width: 100%; text-align: right; padding-left: 50%; position: relative; padding: 10px 15px; font-size: 18px }
        .home5-award-section .award-table tbody tr td::before { content: attr(data-label); position: absolute; left: 0; width: 50%; text-align: left; padding-left: 15px; color: var(--paragraph-color); font-family: var(--font-Urbanist); font-size: 14px; font-weight: 500 }
}

.home5-award-section .award-table tbody tr td a { color: var(--title-color); font-weight: 500; display: flex; transition: .35s }

@media(max-width:767px) {
    .home5-award-section .award-table tbody tr td a { justify-content: end }
        .home5-award-section .award-table tbody tr td a svg { opacity: 1 }
}

.home5-award-section .award-table tbody tr td:nth-child(2) { min-width: 400px }

@media(max-width:991px) {
    .home5-award-section .award-table tbody tr td:nth-child(2) { min-width: unset }
}

.home5-award-section .award-table tbody tr td:last-child { text-align: end }
.home5-award-section .award-table tbody tr td img { position: absolute; top: 50%; transform: translateY(-50%) rotate(25deg) scale(.4); right: 0; transition: .5s; opacity: 0; z-index: -1 }

@media(max-width:767px) {
    .home5-award-section .award-table tbody tr td img { display: none }
}

.home5-award-section .award-table tbody tr:last-child { border-bottom: none }
    .home5-award-section .award-table tbody tr:last-child td { padding-bottom: 0 }

@media(max-width:767px) {
    .home5-award-section .award-table tbody tr:last-child td { padding-bottom: 10px }
}

.home5-award-section .award-table tbody tr:hover td a { color: var(--primary-color4) }
.home5-award-section .award-table tbody tr:hover td img { opacity: 1; transform: translateY(-50%) rotate(25deg) scale(1) }
.home5-blog-section .paragraph-and-btn-area { align-items: end }
    .home5-blog-section .paragraph-and-btn-area a { color: var(--title-color); font-family: var(--font-Urbanist); font-size: 15px; font-weight: 500; line-height: 1; white-space: nowrap; display: flex; align-items: center; gap: 8px; transition: .5s }
        .home5-blog-section .paragraph-and-btn-area a svg { fill: var(--title-color); transition: .5s }
        .home5-blog-section .paragraph-and-btn-area a:hover { color: var(--primary-color4) }
            .home5-blog-section .paragraph-and-btn-area a:hover svg { fill: var(--primary-color4) }
.home5-blog-section .blog-card2 .blog-content .tags li a:hover { color: var(--primary-color4) }
    .home5-blog-section .blog-card2 .blog-content .tags li a:hover svg { fill: var(--primary-color4) }
.home5-blog-section .blog-card2 .blog-content h4 a:hover { color: var(--primary-color4) }
.home5-blog-section .blog-card2 .blog-content .explore-btn:hover { color: var(--primary-color4) }
    .home5-blog-section .blog-card2 .blog-content .explore-btn:hover svg { fill: var(--primary-color4) }
.home6-banner-area { background: linear-gradient(#000000, #16D4D8); padding: 200px 0 430px; position: relative; z-index: 1 }

@media(min-width:1400px) and (max-width:1599px) {
    .home6-banner-area { padding: 200px 0; }
}

@media(max-width:1399px) {
    .home6-banner-area { padding: 200px 0; }
}

@media(max-width:1199px) {
    .home6-banner-area { padding: 160px 0; }
}

@media(max-width:767px) {
    .home6-banner-area { padding: 150px 0; }
}

.home6-banner-area .animate-vector { position: absolute; left: 0; top: 39%; z-index: -1 }

@media(max-width:991px) {
    .home6-banner-area .animate-vector { display: none; visibility: hidden }
}

.home6-banner-area .animate-vector svg lineargradient stop { stop-color: #0b473b }
.home6-banner-area .animate-vector .path-square { stroke-width: 2px; fill: none; color: #ffffff30; background-color: #ffffff57; stroke: #fff3; }
.home6-banner-area .animate-vector .sm-circle { fill: #6d8470; stroke: #6d8470 }
.home6-banner-area .animate-vector .sm-circle2 { fill: #fff; stroke: #fff; opacity: .1 }
.home6-banner-area .animate-vector2 { position: absolute; right: 0; top: 39%; z-index: -1 }

@media(max-width:991px) {
    .home6-banner-area .animate-vector2 { display: none; visibility: hidden }
}

.home6-banner-area .animate-vector2 svg lineargradient stop { stop-color: #0b473b }
.home6-banner-area .animate-vector2 .path-square { stroke-width: 2; fill: none }
.home6-banner-area .animate-vector2 .sm-circle { fill: #6d8470; stroke: #6d8470 }
.home6-banner-area .animate-vector2 .sm-circle2 { fill: #fff; stroke: #fff; opacity: .1 }
.home6-banner-area .banner-content-wrapper { max-width: 920px; width: 100%; margin-left: auto; margin-right: auto }
    .home6-banner-area .banner-content-wrapper .sub-title { font-family: var(--font-Urbanist); font-size: 14px; font-weight: 400; line-height: 1; letter-spacing: 0; color: var(--white-color); display: inline-flex; align-items: center; gap: 5px; background-color: rgba(255,255,255,.15); border-radius: 5px; padding: 8px 18px; margin-bottom: 15px }
        .home6-banner-area .banner-content-wrapper .sub-title svg { fill: var(--primary-color4) }
    .home6-banner-area .banner-content-wrapper h1 { font-family: var(--font-Urbanist); font-size: 60px; font-weight: 500; line-height: 1.35; color: var(--white-color); margin-bottom: 13px }

@media(max-width:991px) {
    .home6-banner-area .banner-content-wrapper h1 { font-size: 50px }
}

@media(max-width:767px) {
    .home6-banner-area .banner-content-wrapper h1 { font-size: 38px }
}

.home6-banner-area .banner-content-wrapper p { margin-bottom: 45px; font-family: var(--font-Urbanist); font-size: 16px; font-weight: 400; line-height: 28px; color: #dfdfdf; max-width: 710px; margin-left: auto; margin-right: auto }

@media(max-width:991px) {
    .home6-banner-area .banner-content-wrapper p { margin-bottom: 30px }
}

.home6-banner-area .banner-content-wrapper .banner-btn-group { display: flex; align-items: center; justify-content: center; gap: 30px; margin-bottom: 20px }

@media(max-width:576px) {
    .home6-banner-area .banner-content-wrapper .banner-btn-group { flex-wrap: wrap; gap: 15px }
}

.home6-banner-area .banner-content-wrapper .banner-btn-group .primary-btn4 { background-color: var(--white-color); border-color: var(--white-color); color: var(--primary-color4); }
    .home6-banner-area .banner-content-wrapper .banner-btn-group .primary-btn4 span { background-color: var(--dark-title-color) }
    .home6-banner-area .banner-content-wrapper .banner-btn-group .primary-btn4:hover { border-color: var(--dark-title-color); color: var(--white-color) }
    .home6-banner-area .banner-content-wrapper .banner-btn-group .primary-btn4.two { background-color: var(--dark-title-color); border-color: var(--dark-title-color); color: var(--white-color) }
        .home6-banner-area .banner-content-wrapper .banner-btn-group .primary-btn4.two svg { fill: var(--white-color) }
        .home6-banner-area .banner-content-wrapper .banner-btn-group .primary-btn4.two span { background-color: var(--primary-color4) }
        .home6-banner-area .banner-content-wrapper .banner-btn-group .primary-btn4.two:hover { border-color: var(--primary-color4); color: var(--dark-title-color) }
            .home6-banner-area .banner-content-wrapper .banner-btn-group .primary-btn4.two:hover svg { fill: var(--dark-title-color) }
.home6-banner-area .banner-content-wrapper span { color: var(--paragraph-color-dark); font-family: var(--font-Urbanist); font-size: 14px; font-weight: 300; line-height: 1 }

.home6-banner-area {
    min-height: 100vh;
    display: flex;
    align-items: center;
    position: relative;
    margin-bottom: 60px;
}

@keyframes animLoaded {
    0% { transform: rotateX(25deg) }
    25% { transform: rotateX(25deg) scale(.9) }
    60%,100% { transform: none }
}

.dashboard-img-section { margin-top: -300px; position: relative; z-index: 2 }

@media(max-width:1199px) {
    .dashboard-img-section { margin-top: -270px }
}

@media(max-width:767px) {
    .dashboard-img-section { margin-top: -130px }
}

.dashboard-img-section .dashboard-img-wrap { perspective: 2000px }
    .dashboard-img-section .dashboard-img-wrap .dashboard-img { transform: rotateX(25deg) }

@media(max-width:991px) {
    .dashboard-img-section .dashboard-img-wrap .dashboard-img { transform: rotateX(0deg) }
}

@media(max-width:576px) {
    .dashboard-img-section img { min-height: 200px }
}

.dashboard-img-section .dark { display: none }
.home6-feature-section { scroll-margin-top: 100px }
    .home6-feature-section .feature-card { padding: 40px 28px; background-color: #f2eeeb; border-radius: 10px; transition: .5s; min-height: 320px; width: 100%; }

@media(max-width:1199px) {
    .home6-feature-section .feature-card { padding: 35px 20px }
}

.home6-feature-section .feature-card .icon { width: 60px; height: 60px; border-radius: 50%; background-color: #003c30; display: flex; align-items: center; justify-content: center; margin-bottom: 30px }
    .home6-feature-section .feature-card .icon svg { fill: var(--primary-color4) }
.home6-feature-section .feature-card .content h5 { color: var(--title-color); font-family: var(--font-Urbanist); font-size: 22px; font-weight: 500; line-height: 1.5; margin-bottom: 25px; transition: .5s }

@media(max-width:991px) {
    .home6-feature-section .feature-card .content h5 { margin-bottom: 20px }
}

.home6-feature-section .feature-card .content p { color: var(--paragraph-color); font-family: var(--font-Urbanist); font-size: 15px; font-weight: 400; line-height: 26px; margin-bottom: 0; transition: .5s }
    .home6-feature-section .feature-card .content p span { color: var(--title-color); font-weight: 500; transition: .5s }
.home6-feature-section .feature-card:hover { background-color: #09595a }
    .home6-feature-section .feature-card:hover .icon { background-color: rgba(255,255,255,.15) }
        .home6-feature-section .feature-card:hover .icon svg { animation: bounceIn 1.2s linear }
    .home6-feature-section .feature-card:hover .content h5 { color: var(--white-color) }
    .home6-feature-section .feature-card:hover .content p { color: var(--paragraph-color-dark) }
        .home6-feature-section .feature-card:hover .content p span { color: var(--white-color) }
.home6-feature-section .contact-area { padding: 12px 30px; border-radius: 20px; border: 1px solid var(--border-color2); display: flex; align-items: center; justify-content: space-between; gap: 15px; flex-wrap: wrap; max-width: 380px; width: 100%; margin: 0 auto }

@media(max-width:576px) {
    .home6-feature-section .contact-area { padding: 12px 20px; border-radius: 10px; text-align: center; justify-content: center }
}

.home6-feature-section .contact-area p { color: var(--paragraph-color); font-family: var(--font-Urbanist); font-size: 14px; font-weight: 400; line-height: 1; margin-bottom: 0 }
.home6-feature-section .contact-area a { display: flex; align-items: center; gap: 5px; color: var(--title-color); font-family: var(--font-Urbanist); font-size: 14px; font-weight: 500; line-height: 1; white-space: nowrap; transition: .5s }
    .home6-feature-section .contact-area a svg { fill: none; stroke: var(--title-color); transition: .5s }
    .home6-feature-section .contact-area a:hover { color: var(--primary-color4) }
        .home6-feature-section .contact-area a:hover svg { stroke: var(--primary-color4) }
.home6-project-management-section { scroll-margin-top: 100px; background-image: linear-gradient(#f8f8f8,#f8f8f8),url(../img/home6/project-management-bg.png); background-position: center center; background-size: cover; background-repeat: no-repeat; padding: 110px 0; position: relative; z-index: 1 }

@media(max-width:991px) {
    .home6-project-management-section { padding: 90px 0 }
}

.home6-project-management-section .scroll-svg { height: auto; left: 50%; width: 80%; transform: translateX(-50%); position: absolute; top: 370px; z-index: -1; stroke: #dae2ff }

@media(max-width:1699px) {
    .home6-project-management-section .scroll-svg { width: 90% }
}

@media(min-width:1400px) and (max-width:1599px) {
    .home6-project-management-section .scroll-svg { width: 98% }
}

@media(max-width:1399px) {
    .home6-project-management-section .scroll-svg { width: 98% }
}

@media(max-width:1199px) {
    .home6-project-management-section .scroll-svg { display: none; visibility: hidden }
}

.home6-project-management-section .single-project { padding: 50px 40px 0; background-color: var(--white-color); border-radius: 10px }

@media(max-width:576px) {
    .home6-project-management-section .single-project { padding: 35px 25px 0 }
}

.home6-project-management-section .single-project .content { margin-bottom: 50px }

@media(max-width:576px) {
    .home6-project-management-section .single-project .content { margin-bottom: 40px }
}

.home6-project-management-section .single-project .content h3 { color: var(--title-color); font-family: var(--font-Urbanist); font-size: 30px; font-weight: 500; line-height: 1.5; margin-bottom: 20px }

@media(max-width:1399px) {
    .home6-project-management-section .single-project .content h3 { font-size: 26px }
}

@media(max-width:1199px) {
    .home6-project-management-section .single-project .content h3 { font-size: 24px }
}

.home6-project-management-section .single-project .content ul { margin: 0; padding: 0; list-style: none; margin-bottom: 35px }

@media(max-width:576px) {
    .home6-project-management-section .single-project .content ul { margin-bottom: 25px }
}

.home6-project-management-section .single-project .content ul li { color: var(--paragraph-color); font-family: var(--font-Urbanist); font-size: 15px; font-weight: 400; line-height: 26px }
    .home6-project-management-section .single-project .content ul li svg { min-width: 12px; margin-right: 5px; fill: var(--paragraph-color); margin-top: -3px }
.home6-project-management-section .single-project .content a { display: flex; align-items: center; gap: 8px; color: var(--title-color); font-family: var(--font-Urbanist); font-size: 15px; font-weight: 500; line-height: 1; white-space: nowrap; transition: .5s }
    .home6-project-management-section .single-project .content a svg { fill: none; stroke: var(--title-color); transition: .5s }
    .home6-project-management-section .single-project .content a:hover { color: var(--primary-color4) }
        .home6-project-management-section .single-project .content a:hover svg { stroke: var(--primary-color4) }
.home6-project-management-section .single-project .single-project-img { border: 1px solid var(--border-color2); padding: 15px; border-radius: 10px 10px 0 0; border-bottom: none }

@media(max-width:991px) {
    .home6-project-management-section .single-project .single-project-img img { width: 100% }
}

.home6-testimonial-section .testimonial-wrapper { position: relative }
    .home6-testimonial-section .testimonial-wrapper .testimonial-card { background-color: #f8f8f8; padding: 40px 30px; border-radius: 10px }

@media(max-width:576px) {
    .home6-testimonial-section .testimonial-wrapper .testimonial-card { padding: 35px 20px }
}

.home6-testimonial-section .testimonial-wrapper .testimonial-card > span { color: var(--title-color); font-family: var(--font-Urbanist); font-size: 14px; font-weight: 500; line-height: 15px; display: block; margin-bottom: 20px }
.home6-testimonial-section .testimonial-wrapper .testimonial-card p { color: var(--paragraph-color); font-family: var(--font-Urbanist); font-size: 18px; font-weight: 400; line-height: 1.8; margin-bottom: 30px }

@media(max-width:576px) {
    .home6-testimonial-section .testimonial-wrapper .testimonial-card p { margin-bottom: 25px }
}

.home6-testimonial-section .testimonial-wrapper .testimonial-card .author-area { display: flex; align-items: center; gap: 15px }
    .home6-testimonial-section .testimonial-wrapper .testimonial-card .author-area .author-img img { min-width: 50px; max-width: 50px; border-radius: 5px }
    .home6-testimonial-section .testimonial-wrapper .testimonial-card .author-area .author-content h6 { color: var(--title-color); font-family: var(--font-Urbanist); font-size: 14px; font-weight: 700; line-height: 17px; margin-bottom: 3px }
    .home6-testimonial-section .testimonial-wrapper .testimonial-card .author-area .author-content span { color: var(--paragraph-color); font-family: var(--font-Urbanist); font-size: 12px; font-weight: 400; line-height: 15px }
.home6-testimonial-section .testimonial-wrapper .home6-testimonial-slider .swiper-slide:nth-child(even) .testimonial-card { background-color: transparent; border: 1px solid var(--border-color2) }
.home6-testimonial-section .testimonial-wrapper .slider-btn-group { display: block }

@media(max-width:767px) {
    .home6-testimonial-section .testimonial-wrapper .slider-btn-group { display: none }
}

.home6-testimonial-section .testimonial-wrapper .slider-btn-group .slider-btn { position: absolute; top: 50%; transform: translateY(-50%); left: -20px; z-index: 1 }

@media(max-width:991px) {
    .home6-testimonial-section .testimonial-wrapper .slider-btn-group .slider-btn { left: -8px }
}

.home6-testimonial-section .testimonial-wrapper .slider-btn-group .slider-btn.next-1 { left: unset; right: -20px }

@media(max-width:991px) {
    .home6-testimonial-section .testimonial-wrapper .slider-btn-group .slider-btn.next-1 { right: -8px }
}

.home6-testimonial-section .testimonial-bottom-area .rating-area { padding: 0; margin: 0; list-style: none; padding-bottom: 15px; display: flex; align-items: center; justify-content: center; flex-wrap: wrap; gap: 12px }
    .home6-testimonial-section .testimonial-bottom-area .rating-area .single-rating { padding: 9px 20px; border: 1px solid var(--border-color2); border-radius: 10px; display: flex; gap: 25px; max-height: 66px }
        .home6-testimonial-section .testimonial-bottom-area .rating-area .single-rating .rating > strong { color: var(--title-color); font-family: var(--font-Urbanist); font-size: 20px; font-weight: 600; line-height: 1; margin-bottom: 14px; display: block }
        .home6-testimonial-section .testimonial-bottom-area .rating-area .single-rating .rating span { color: var(--paragraph-color); font-family: var(--font-Urbanist); font-size: 12px; font-weight: 600; line-height: 1; display: block }
        .home6-testimonial-section .testimonial-bottom-area .rating-area .single-rating .star-and-logo .star { padding: 0; margin: 0; list-style: none; margin-bottom: 6px; display: flex; align-items: center; gap: 2px }
            .home6-testimonial-section .testimonial-bottom-area .rating-area .single-rating .star-and-logo .star li { width: 16px; height: 16px; background-color: #00b67a; display: flex; align-items: center; justify-content: center }
                .home6-testimonial-section .testimonial-bottom-area .rating-area .single-rating .star-and-logo .star li svg { fill: var(--white-color) }
        .home6-testimonial-section .testimonial-bottom-area .rating-area .single-rating .star-and-logo .logo svg { fill: var(--title-color) }
        .home6-testimonial-section .testimonial-bottom-area .rating-area .single-rating.two { gap: 10px; padding: 13px 20px }
            .home6-testimonial-section .testimonial-bottom-area .rating-area .single-rating.two .rating span { color: var(--title-color); font-family: var(--font-Urbanist); font-size: 14px; font-weight: 400; line-height: 1; display: block; margin-bottom: 10px }
            .home6-testimonial-section .testimonial-bottom-area .rating-area .single-rating.two .rating .star-and-point { display: flex; align-items: center; gap: 8px }
                .home6-testimonial-section .testimonial-bottom-area .rating-area .single-rating.two .rating .star-and-point strong { color: var(--title-color); font-family: var(--font-Urbanist); font-size: 14px; font-weight: 600; line-height: 1 }
                .home6-testimonial-section .testimonial-bottom-area .rating-area .single-rating.two .rating .star-and-point .star { padding: 0; margin: 0; list-style: none }
                    .home6-testimonial-section .testimonial-bottom-area .rating-area .single-rating.two .rating .star-and-point .star li { display: flex; align-items: center; gap: 6px }
                        .home6-testimonial-section .testimonial-bottom-area .rating-area .single-rating.two .rating .star-and-point .star li i { color: #dda701 }
.home6-testimonial-section .testimonial-bottom-area p { color: var(--paragraph-color); font-family: var(--font-Urbanist); font-size: 14px; font-weight: 400; text-align: center }
.home-integration-section .section-title3 p { max-width: 550px; width: 100%; margin: 0 auto }
.home-integration-section .company-logo { height: 90px; width: 90px; display: flex; align-items: center; justify-content: center; background-color: #003c30; border-radius: 50%; margin-left: auto; margin-right: auto; position: relative; z-index: 1 }

@media(max-width:991px) {
    .home-integration-section .company-logo { margin-bottom: 40px }
}

.home-integration-section .arrow-vec-wrap { display: flex; justify-content: center }

@media(max-width:1399px) {
    .home-integration-section .arrow-vec-wrap { margin-top: -6px }
}

@media(max-width:1199px) {
    .home-integration-section .arrow-vec-wrap { margin-top: -15px }
}

@media(max-width:991px) {
    .home-integration-section .arrow-vec-wrap { display: none; visibility: hidden }
}

.home-integration-section .arrow-vec-wrap .awrrow-vec { stroke-width: 1; fill: none; stroke: #003c30; width: 1102px }

@media(max-width:1399px) {
    .home-integration-section .arrow-vec-wrap .awrrow-vec { width: 1000px }
}

@media(max-width:1199px) {
    .home-integration-section .arrow-vec-wrap .awrrow-vec { width: 830px }
}

.home-integration-section .arrow-vec-wrap .sm-circle2 { fill: #003c30; stroke: #003c30 }
.home-integration-section .integration-wrap { max-width: 1211px; width: 100%; margin-left: auto; margin-right: auto; display: flex; align-items: center; justify-content: center; flex-wrap: wrap; gap: 40px }

@media(max-width:1399px) {
    .home-integration-section .integration-wrap { gap: 30px }
}

@media(max-width:1199px) {
    .home-integration-section .integration-wrap { gap: 25px }
}

.home-integration-section .integration-wrap .single-integration { width: 112px; display: flex; align-items: center; flex-direction: column; justify-content: center; align-items: center; border: 1px solid #dae2ff; border-radius: 10px; padding: 18px 8px 10px }
    .home-integration-section .integration-wrap .single-integration img { margin-bottom: 5px }
    .home-integration-section .integration-wrap .single-integration h6 { font-family: var(--font-Urbanist); font-size: 12px; font-weight: 500; line-height: 28px; text-align: center; color: var(--title-color); margin-bottom: 0 }
    .home-integration-section .integration-wrap .single-integration .dark { display: none }
.home6-performance-section { background-image: linear-gradient(#f8f8f8,#f8f8f8),url(../img/home6/home6-performance-bg.png); background-position: center center; background-size: cover; background-repeat: no-repeat; padding: 110px 0; position: relative; z-index: 1 }
    .home6-performance-section .scroll-svg2 { height: auto; left: 50%; width: 80%; transform: translateX(-50%); position: absolute; top: 370px; z-index: -1; stroke: #dae2ff }

@media(max-width:1699px) {
    .home6-performance-section .scroll-svg2 { width: 90% }
}

@media(min-width:1400px) and (max-width:1599px) {
    .home6-performance-section .scroll-svg2 { width: 98% }
}

@media(max-width:1399px) {
    .home6-performance-section .scroll-svg2 { width: 98% }
}

@media(max-width:1199px) {
    .home6-performance-section .scroll-svg2 { display: none; visibility: hidden }
}

@media(max-width:1199px) {
    .home6-performance-section { padding: 90px 0 }
}

@media(max-width:767px) {
    .home6-performance-section { padding: 70px 0 }
}

.home6-performance-section .section-title3 p { max-width: 560px; width: 100% }
.home6-performance-section .contact-area .form-inner { display: flex; align-items: center; background-color: var(---dark-white-color); border: 1px solid var(--title-color); border-radius: 10px; padding: 6px; height: 60px; margin-bottom: 20px }
    .home6-performance-section .contact-area .form-inner input { background-color: transparent; border: unset }
        .home6-performance-section .contact-area .form-inner input:focus { border: unset }

@media(max-width:576px) {
    .home6-performance-section .contact-area .form-inner input { padding: 10px 15px }
}

.home6-performance-section .contact-area .form-inner .primary-btn3 { background-color: var(--primary-color4); border-color: var(--primary-color4); color: var(--primary-color3); border-radius: 10px; padding: 15px 36px; justify-content: center; min-width: 180px }

@media(max-width:576px) {
    .home6-performance-section .contact-area .form-inner .primary-btn3 { min-width: 140px; padding: 15px 10px; font-size: 13px }
}

.home6-performance-section .contact-area .form-inner .primary-btn3 svg { min-width: 11px; fill: var(--primary-color3) }
.home6-performance-section .contact-area .form-inner .primary-btn3:hover { border-color: var(--border-color2) }
.home6-performance-section .contact-area ul { padding: 0; margin: 0; list-style: none; display: flex; align-items: center; gap: 40px }

@media(max-width:576px) {
    .home6-performance-section .contact-area ul { flex-wrap: wrap; gap: 20px }
}

.home6-performance-section .contact-area ul li { display: flex; align-items: center; gap: 8px; color: var(--paragraph-color); font-family: var(--font-Urbanist); font-size: 14px; font-weight: 500; line-height: 1.2 }
    .home6-performance-section .contact-area ul li svg { fill: #003c30 }
.home6-performance-section .performance-slider-wrap { position: relative; transition: .5s }
    .home6-performance-section .performance-slider-wrap .performance-card { text-align: center }
        .home6-performance-section .performance-slider-wrap .performance-card .performance-img { padding: 30px 80px; background-color: var(--white-color); border-radius: 10px; margin-bottom: 20px }

@media(max-width:1399px) {
    .home6-performance-section .performance-slider-wrap .performance-card .performance-img { padding: 30px 50px }
}

@media(min-width:768px) and (max-width:991px) {
    .home6-performance-section .performance-slider-wrap .performance-card .performance-img { padding: 30px 25px }
}

@media(max-width:576px) {
    .home6-performance-section .performance-slider-wrap .performance-card .performance-img { padding: 20px }
}

.home6-performance-section .performance-slider-wrap .performance-card .performance-content { padding: 10px 20px; background-color: var(--white-color); border-radius: 25px; display: inline-flex; justify-content: center; min-width: 280px }
    .home6-performance-section .performance-slider-wrap .performance-card .performance-content h6 { color: var(--title-color); font-family: var(--font-Urbanist); font-size: 18px; font-weight: 400; line-height: 1.5; margin-bottom: 0 }

@media(max-width:576px) {
    .home6-performance-section .performance-slider-wrap .performance-card .performance-content h6 { font-size: 17px }
}

.home6-performance-section .performance-slider-wrap .slider-btn-group { display: block; opacity: 0 }

@media(max-width:767px) {
    .home6-performance-section .performance-slider-wrap .slider-btn-group { display: none }
}

.home6-performance-section .performance-slider-wrap .slider-btn-group .slider-btn { position: absolute; top: 32%; left: -20px; z-index: 1 }

@media(max-width:991px) {
    .home6-performance-section .performance-slider-wrap .slider-btn-group .slider-btn { left: -8px }
}

.home6-performance-section .performance-slider-wrap .slider-btn-group .slider-btn.next-2 { left: unset; right: -20px }

@media(max-width:991px) {
    .home6-performance-section .performance-slider-wrap .slider-btn-group .slider-btn.next-2 { right: -8px }
}

.home6-performance-section .performance-slider-wrap .pagination-wrap { padding-top: 45px }
    .home6-performance-section .performance-slider-wrap .pagination-wrap .pagination1 { justify-content: center }
        .home6-performance-section .performance-slider-wrap .pagination-wrap .pagination1 .swiper-pagination-bullet { width: 20px; height: 6px; background-color: #aad2fe; border-radius: 10px; opacity: 1; position: relative }
            .home6-performance-section .performance-slider-wrap .pagination-wrap .pagination1 .swiper-pagination-bullet.swiper-pagination-bullet-active { background-color: #003c30; width: 34px }
                .home6-performance-section .performance-slider-wrap .pagination-wrap .pagination1 .swiper-pagination-bullet.swiper-pagination-bullet-active::after { content: ""; width: 40px; height: 12px; border: 1px dashed #003c30; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); border-radius: 10px }
.home6-performance-section .performance-slider-wrap:hover .slider-btn-group { opacity: 1 }
.home6-counter-section .counter-wrapper { padding-bottom: 25px; border-bottom: 1px solid var(--border-color2) }
    .home6-counter-section .counter-wrapper .single-counter { display: flex; align-items: center; gap: 30px }

@media(max-width:991px) {
    .home6-counter-section .counter-wrapper .single-counter { gap: 15px }
}

.home6-counter-section .counter-wrapper .single-counter .icon { width: 60px; height: 60px; border-radius: 10px; background-color: #003c30; display: flex; align-items: center; justify-content: center }
    .home6-counter-section .counter-wrapper .single-counter .icon svg { fill: var(--white-color) }
.home6-counter-section .counter-wrapper .single-counter .content .number { display: flex; align-items: center; margin-bottom: 13px }
    .home6-counter-section .counter-wrapper .single-counter .content .number h3, .home6-counter-section .counter-wrapper .single-counter .content .number span { color: var(--title-color); font-family: var(--font-Urbanist); font-size: 30px; font-weight: 600; line-height: 1; margin-bottom: 0 }
.home6-counter-section .counter-wrapper .single-counter .content p { color: var(--paragraph-color); font-family: var(--font-Urbanist); font-size: 16px; font-weight: 400; line-height: 1; margin-bottom: 0 }
.home6-counter-section .counter-wrapper .single-counter:hover .icon svg { animation: bounceIn 1.2s linear }
.home6-faq-section .section-title3 p { max-width: 580px; width: 100%; margin: 0 auto }
.home6-faq-section .faq-wrappper .faq-content .accordion .accordion-item { border: 1px solid rgba(var(--title-color-opc),0.08); border-radius: 10px; padding: 0 30px; background-color: transparent; margin-bottom: 30px }

@media(max-width:767px) {
    .home6-faq-section .faq-wrappper .faq-content .accordion .accordion-item { padding: 0 15px }
}

.home6-faq-section .faq-wrappper .faq-content .accordion .accordion-item:last-child { margin-bottom: 0 }
.home6-faq-section .faq-wrappper .faq-content .accordion .accordion-item .accordion-header .accordion-button { border: none; border-radius: unset; box-shadow: none; color: var(--title-color); font-family: var(--font-Urbanist); background-color: transparent; font-size: 16px; font-weight: 500; line-height: 1.4; padding: 0; padding-bottom: 15px; padding-top: 20px; border-bottom: 1px solid transparent }
    .home6-faq-section .faq-wrappper .faq-content .accordion .accordion-item .accordion-header .accordion-button::after { width: 24px; height: 24px; border: 1px solid #003c30; border-radius: 50%; display: flex; align-items: center; justify-content: center; color: var(--title-color); content: "\f4fe"; font-family: bootstrap-icons; background-image: none; font-weight: 400; font-size: 20px; transition: .5s }
    .home6-faq-section .faq-wrappper .faq-content .accordion .accordion-item .accordion-header .accordion-button:not(.collapsed) { background-color: unset; border-bottom: 1px solid var(--border-color2) }
        .home6-faq-section .faq-wrappper .faq-content .accordion .accordion-item .accordion-header .accordion-button:not(.collapsed)::after { content: "\f2ea"; background-color: #003c30; color: var(--white-color) }
    .home6-faq-section .faq-wrappper .faq-content .accordion .accordion-item .accordion-header .accordion-button:hover::after { background-color: #003c30; color: var(--white-color) }
.home6-faq-section .faq-wrappper .faq-content .accordion .accordion-item .accordion-body { padding: 20px 0; padding-bottom: 15px; color: var(--paragraph-color); font-family: var(--font-Urbanist); font-size: 15px; font-weight: 400; line-height: 1.9; letter-spacing: .48px }

@media(max-width:576px) {
    .home6-faq-section .faq-wrappper .faq-content .accordion .accordion-item .accordion-body { font-size: 14px; padding: 15px 0 }
}

.home6-blog-section { background-image: linear-gradient(#f8f8f8,#f8f8f8),url(../img/home6/home6-performance-bg.png); background-position: center center; background-size: cover; background-repeat: no-repeat; padding: 110px 0; position: relative; z-index: 1 }

@media(max-width:1199px) {
    .home6-blog-section { padding: 90px 0 }
}

@media(max-width:767px) {
    .home6-blog-section { padding: 70px 0 }
}

.home6-blog-section .section-title3 p { max-width: 580px; width: 100% }
.home6-blog-section .blog-card1 .blog-content ul li a:hover { color: var(--primary-color4) }
.home6-blog-section .blog-card1 .blog-content h4 a:hover { color: var(--primary-color4) }
.about-banner-section { padding-top: 130px; overflow: hidden }

@media(max-width:1399px) {
    .about-banner-section { padding-top: 110px }
}

@media(max-width:991px) {
    .about-banner-section { padding-top: 90px }
}

@media(max-width:767px) {
    .about-banner-section { padding-top: 70px }
}

.about-banner-section .about-content-wrap .sub-title { margin-bottom: 45px; position: relative }

@media(max-width:991px) {
    .about-banner-section .about-content-wrap .sub-title { margin-bottom: 40px }
}

@media(max-width:767px) {
    .about-banner-section .about-content-wrap .sub-title { margin-bottom: 30px }
}

.about-banner-section .about-content-wrap .sub-title h6 { font-size: 18px; font-weight: 500 }

@media(max-width:576px) {
    .about-banner-section .about-content-wrap .sub-title h6 { font-size: 16px }
}

.about-banner-section .about-content-wrap .sub-title .star { fill: var(--title-color); position: absolute; top: 50%; transform: translateY(-50%); left: 30% }

@media(max-width:991px) {
    .about-banner-section .about-content-wrap .sub-title .star { left: 40% }
}

@media(max-width:767px) {
    .about-banner-section .about-content-wrap .sub-title .star { display: none }
}

.about-banner-section .about-content-wrap .about-section-title h1 { color: var(--title-color); font-family: var(--font-Urbanist); font-size: 60px; font-weight: 500; line-height: 1.35; margin-bottom: 0; margin-top: -10px }
    .about-banner-section .about-content-wrap .about-section-title h1 span { font-family: var(--font-fahkwang) }

@media(max-width:1399px) {
    .about-banner-section .about-content-wrap .about-section-title h1 { font-size: 55px }
}

@media(max-width:1199px) {
    .about-banner-section .about-content-wrap .about-section-title h1 { font-size: 45px }
}

@media(max-width:767px) {
    .about-banner-section .about-content-wrap .about-section-title h1 { font-size: 40px }
}

@media(max-width:576px) {
    .about-banner-section .about-content-wrap .about-section-title h1 { font-size: 35px }
}

.about-banner-section .about-content-wrap .circle-btn { margin-top: 30px }
.about-banner-section .about-img-area { padding-top: 90px }

@media(max-width:991px) {
    .about-banner-section .about-img-area { padding-top: 70px }
}

.about-banner-section .about-img-area .about-img-wrap { position: relative }

@media(max-width:991px) {
    .about-banner-section .about-img-area .about-img-wrap img { min-height: 350px; -o-object-fit: cover; object-fit: cover }
}

.about-banner-section .about-img-area .about-img-wrap .button-area { width: 200px; height: 200px; border-radius: 50%; background-color: #f0f0f0; display: flex; align-items: center; justify-content: center; position: absolute; top: -100px; right: 22% }

@media(min-width:1400px) and (max-width:1599px) {
    .about-banner-section .about-img-area .about-img-wrap .button-area { right: 18% }
}

@media(max-width:1399px) {
    .about-banner-section .about-img-area .about-img-wrap .button-area { right: 15% }
}

@media(max-width:1199px) {
    .about-banner-section .about-img-area .about-img-wrap .button-area { right: 10% }
}

@media(max-width:991px) {
    .about-banner-section .about-img-area .about-img-wrap .button-area { width: 170px; height: 170px }
}

@media(max-width:991px) {
    .about-banner-section .about-img-area .about-img-wrap .button-area .circle-btn { width: 150px; height: 150px }
}

.breadcrumb-section { background-size: cover; background-repeat: no-repeat; background-position: right; position: relative; z-index: 1 }
    .breadcrumb-section .vector { position: absolute; right: 0; bottom: 0; stroke: rgba(255,255,255,.1); z-index: -1 }

@media(max-width:767px) {
    .breadcrumb-section .vector { display: none }
}

.breadcrumb-section .banner-wrapper { position: relative; padding: 215px 0 175px }

@media(max-width:991px) {
    .breadcrumb-section .banner-wrapper { padding: 160px 0 110px }
}

@media(max-width:576px) {
    .breadcrumb-section .banner-wrapper { padding: 140px 0 90px }
}

.breadcrumb-section .banner-wrapper .banner-content .section-title h1 { font-size: 56px }

@media(max-width:1399px) {
    .breadcrumb-section .banner-wrapper .banner-content .section-title h1 { font-size: 48px }
}

@media(max-width:1199px) {
    .breadcrumb-section .banner-wrapper .banner-content .section-title h1 { font-size: 40px }
}

.breadcrumb-section .banner-wrapper .banner-content .dash-and-paragraph { display: flex; align-items: center; gap: 20px; margin-bottom: -20px }

@media(max-width:991px) {
    .breadcrumb-section .banner-wrapper .banner-content .dash-and-paragraph { margin-bottom: 0; padding-top: 20px }
}

.breadcrumb-section .banner-wrapper .banner-content .dash-and-paragraph svg { fill: #525252; width: 100% }

@media(max-width:576px) {
    .breadcrumb-section .banner-wrapper .banner-content .dash-and-paragraph svg { display: none }
}

.breadcrumb-section .banner-wrapper .banner-content .dash-and-paragraph p { color: var(--paragraph-color-dark); font-family: var(--font-Urbanist); font-size: 16px; font-weight: 400; line-height: 26px; margin-bottom: 0; max-width: 370px; min-width: 370px }

@media(max-width:767px) {
    .breadcrumb-section .banner-wrapper .banner-content .dash-and-paragraph p { max-width: 330px; min-width: 330px }
}

@media(max-width:576px) {
    .breadcrumb-section .banner-wrapper .banner-content .dash-and-paragraph p { font-size: 15px; min-width: unset }
}

.breadcrumb-section .banner-wrapper .breadcrumb-list { margin: 0; list-style: none; display: inline-flex; align-items: center; gap: 10px; border: 1px solid rgba(255,255,255,.2); background-color: #202020; border-radius: 50px; padding: 10px 18px; line-height: 1; position: absolute; bottom: -18px; left: 0 }
    .breadcrumb-section .banner-wrapper .breadcrumb-list li { color: var(--white-color); font-family: var(--font-Urbanist); font-size: 14px; font-weight: 400; letter-spacing: .39px; position: relative; padding-left: 20px }
        .breadcrumb-section .banner-wrapper .breadcrumb-list li a { color: var(--white-color); transition: .5s }
            .breadcrumb-section .banner-wrapper .breadcrumb-list li a:hover { color: var(--paragraph-color-dark) }
        .breadcrumb-section .banner-wrapper .breadcrumb-list li::before { content: ""; width: 10px; height: 10px; border-radius: 50%; background-color: #4e676d; position: absolute; left: 0; top: 50%; transform: translateY(-50%) }
        .breadcrumb-section .banner-wrapper .breadcrumb-list li:first-child { padding-left: 0 }
            .breadcrumb-section .banner-wrapper .breadcrumb-list li:first-child::before { display: none }
.breadcrumb-section.style-2 .vector { stroke: var(--white-color) }

@media(max-width:1199px) {
    .breadcrumb-section.style-2 .vector { width: 250px }
}

@media(max-width:991px) {
    .breadcrumb-section.style-2 .vector { display: none }
}

.breadcrumb-section.style-2 .banner-wrapper .banner-content .dash-and-paragraph { padding-top: 15px }
    .breadcrumb-section.style-2 .banner-wrapper .banner-content .dash-and-paragraph svg { fill: #dfdfdf }
    .breadcrumb-section.style-2 .banner-wrapper .banner-content .dash-and-paragraph p { color: var(--paragraph-color) }
.breadcrumb-section.style-2 .banner-wrapper .banner-content .circle-btn { background-color: var(--white-color); border: 1px solid rgba(var(--title-color-opc),0.01) }
    .breadcrumb-section.style-2 .banner-wrapper .banner-content .circle-btn span { background-color: var(--primary-color2) }
    .breadcrumb-section.style-2 .banner-wrapper .banner-content .circle-btn:hover { color: var(--dark-title-color) }
        .breadcrumb-section.style-2 .banner-wrapper .banner-content .circle-btn:hover svg { fill: var(--dark-title-color) }
.breadcrumb-section.style-2 .banner-wrapper .banner-content .single-counter { display: flex; align-items: center; gap: 20px }
    .breadcrumb-section.style-2 .banner-wrapper .banner-content .single-counter .icon svg { fill: var(--title-color) }
    .breadcrumb-section.style-2 .banner-wrapper .banner-content .single-counter .content .number { display: flex; align-items: center; font-family: var(--font-Urbanist); font-size: 60px; font-weight: 600; line-height: 1; letter-spacing: 0; color: var(--title-color); margin-bottom: 12px }
        .breadcrumb-section.style-2 .banner-wrapper .banner-content .single-counter .content .number .counter { font-family: var(--font-Urbanist); font-size: 60px; font-weight: 600; line-height: 1; letter-spacing: 0; color: var(--title-color); margin-bottom: 0 }
        .breadcrumb-section.style-2 .banner-wrapper .banner-content .single-counter .content .number span { line-height: 1 }
    .breadcrumb-section.style-2 .banner-wrapper .banner-content .single-counter .content p { font-family: var(--font-Urbanist); font-size: 16px; font-weight: 400; line-height: 20px; letter-spacing: 0; color: var(--title-color) }
.breadcrumb-section.style-2 .banner-wrapper .breadcrumb-list { border: 1px solid rgba(var(--title-color-opc),0.08); background-color: var(--white-color) }
    .breadcrumb-section.style-2 .banner-wrapper .breadcrumb-list li { color: var(--title-color) }
        .breadcrumb-section.style-2 .banner-wrapper .breadcrumb-list li a { color: var(--title-color) }
            .breadcrumb-section.style-2 .banner-wrapper .breadcrumb-list li a:hover { color: var(--paragraph-color) }
        .breadcrumb-section.style-2 .banner-wrapper .breadcrumb-list li::before { background-color: #e4e4e4 }
.details-navigation { display: flex; align-items: center; justify-content: space-between; gap: 15px }

@media(max-width:576px) {
    .details-navigation { flex-wrap: wrap; gap: 10px }
}

.details-navigation .single-navigation { display: flex; align-items: center; gap: 20px }

@media(max-width:767px) {
    .details-navigation .single-navigation { gap: 15px }
}

@media(max-width:576px) {
    .details-navigation .single-navigation { gap: 10px }
}

.details-navigation .single-navigation .arrow { min-width: 88px; max-width: 88px; height: 88px; border-radius: 50%; border: 1px solid var(--border-color2); display: flex; align-items: center; justify-content: center; gap: 4px; color: var(--paragraph-color); font-family: var(--font-Urbanist); font-size: 15px; font-weight: 500; line-height: 1; transition: .7s }

@media(max-width:576px) {
    .details-navigation .single-navigation .arrow { min-width: 70px; max-width: 70px; height: 70px; font-size: 14px }
}

.details-navigation .single-navigation .arrow svg { fill: var(--paragraph-color); transition: .5s }
.details-navigation .single-navigation .arrow:hover { color: var(--white-color); box-shadow: inset 0 0 0 10em var(--primary-color) }
    .details-navigation .single-navigation .arrow:hover svg { fill: var(--white-color) }
.details-navigation .single-navigation .content { max-width: 245px; width: 100% }
    .details-navigation .single-navigation .content h6 { margin-bottom: 0 }
        .details-navigation .single-navigation .content h6 a { color: var(--title-color); font-family: var(--font-Urbanist); font-size: 16px; font-weight: 500; line-height: 26px; transition: .5s }

@media(max-width:767px) {
    .details-navigation .single-navigation .content h6 a { font-size: 14px; line-height: 24px }
}

.details-navigation .single-navigation .content h6 a:hover { color: var(--primary-color) }
.details-navigation.two { padding: 35px 30px; border: 1px solid var(--border-color2); border-radius: 10px; position: relative }

@media(min-width:1200px) and (max-width:1399px) {
    .details-navigation.two { padding: 25px 15px }
}

@media(max-width:991px) {
    .details-navigation.two { padding: 25px 15px }
}

.details-navigation.two::before { content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); width: 1px; height: 88px; background-color: var(--border-color2) }

@media(max-width:767px) {
    .details-navigation.two::before { display: none }
}

.details-page-wrapper .mb--70 { margin-bottom: 70px }

@media(max-width:767px) {
    .details-page-wrapper .mb--70 { margin-bottom: 40px }
}

@media(max-width:576px) {
    .details-page-wrapper .mb--70 { margin-bottom: 25px }
}

.details-page-wrapper .line-break { height: 20px; display: block }

@media(min-width:992px) and (max-width:1199px) {
    .details-page-wrapper .line-break { height: 15px }
}

@media(max-width:991px) {
    .details-page-wrapper .line-break { height: 10px }
}

.details-page-wrapper .post-tag-and-title .post-tag { display: flex; align-items: center; gap: 24px; margin-bottom: 10px }
    .details-page-wrapper .post-tag-and-title .post-tag svg { fill: none; stroke: var(--border-color2) }

@media(max-width:767px) {
    .details-page-wrapper .post-tag-and-title .post-tag svg { display: none }
}

.details-page-wrapper .post-tag-and-title .post-tag span { color: var(--title-color); font-family: var(--font-Urbanist); font-size: 16px; font-weight: 500; line-height: 1; text-align: left }
.details-page-wrapper .post-tag-and-title h1 { color: var(--title-color); font-family: var(--font-Urbanist); font-size: 60px; font-weight: 500; line-height: 1.3; margin-bottom: 0 }

@media(min-width:1200px) and (max-width:1399px) {
    .details-page-wrapper .post-tag-and-title h1 { font-size: 52px }
}

@media(max-width:1199px) {
    .details-page-wrapper .post-tag-and-title h1 { font-size: 45px }
}

@media(max-width:767px) {
    .details-page-wrapper .post-tag-and-title h1 { font-size: 38px }
}

@media(max-width:576px) {
    .details-page-wrapper .post-tag-and-title h1 { font-size: 33px }
}

.details-page-wrapper .post-tag-and-title .post-category { padding: 0; margin: 0; list-style: none; display: flex; align-items: center; gap: 20px; flex-wrap: wrap; padding-top: 30px }

@media(max-width:767px) {
    .details-page-wrapper .post-tag-and-title .post-category { padding-top: 20px }
}

.details-page-wrapper .post-tag-and-title .post-category li a { color: var(--title-color); font-family: var(--font-Urbanist); font-size: 14px; font-weight: 500; line-height: 1; border: 1px solid var(--border-color2); border-radius: 50px; padding: 6px 16px }
.details-page-wrapper .post-author-meta { display: flex; align-items: center; justify-content: space-between; gap: 20px; flex-wrap: wrap; padding-bottom: 50px; border-bottom: 1px solid var(--border-color2) }

@media(max-width:1199px) {
    .details-page-wrapper .post-author-meta { padding-bottom: 40px }
}

@media(max-width:767px) {
    .details-page-wrapper .post-author-meta { padding-bottom: 30px }
}

@media(max-width:576px) {
    .details-page-wrapper .post-author-meta { padding-bottom: 20px }
}

.details-page-wrapper .post-author-meta .author-and-date { max-width: 480px; width: 100%; display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 15px }

@media(min-width:992px) and (max-width:1199px) {
    .details-page-wrapper .post-author-meta .author-and-date { max-width: 420px }
}

@media(max-width:991px) {
    .details-page-wrapper .post-author-meta .author-and-date { max-width: 400px }
}

@media(max-width:767px) {
    .details-page-wrapper .post-author-meta .author-and-date { max-width: unset }
}

@media(max-width:576px) {
    .details-page-wrapper .post-author-meta .author-and-date { gap: 10px }
}

.details-page-wrapper .post-author-meta .author-and-date .author-area { display: flex; align-items: center; gap: 14px }

@media(max-width:576px) {
    .details-page-wrapper .post-author-meta .author-and-date .author-area { gap: 10px }
}

.details-page-wrapper .post-author-meta .author-and-date .author-area .author-img img { min-width: 60px; max-width: 60px; height: 60px; border-radius: 50% }

@media(max-width:576px) {
    .details-page-wrapper .post-author-meta .author-and-date .author-area .author-img img { min-width: 40px; max-width: 40px; height: 40px }
}

.details-page-wrapper .post-author-meta .author-and-date .author-area .author-name-desig span { color: var(--paragraph-color); font-family: var(--font-Urbanist); font-size: 14px; font-weight: 500; line-height: 1; display: inline-block; margin-bottom: 10px }

@media(max-width:576px) {
    .details-page-wrapper .post-author-meta .author-and-date .author-area .author-name-desig span { font-size: 11px; margin-bottom: 5px }
}

.details-page-wrapper .post-author-meta .author-and-date .author-area .author-name-desig h6 { margin-bottom: 0 }
    .details-page-wrapper .post-author-meta .author-and-date .author-area .author-name-desig h6 a { color: var(--title-color); font-family: var(--font-Urbanist); font-size: 16px; font-weight: 500; line-height: 1.2 }

@media(max-width:576px) {
    .details-page-wrapper .post-author-meta .author-and-date .author-area .author-name-desig h6 a { font-size: 13px }
}

.details-page-wrapper .post-author-meta .author-and-date .date span { color: var(--paragraph-color); font-family: var(--font-Urbanist); font-size: 14px; font-weight: 500; line-height: 1; display: inline-block; margin-bottom: 10px }

@media(max-width:576px) {
    .details-page-wrapper .post-author-meta .author-and-date .date span { font-size: 11px; margin-bottom: 5px }
}

.details-page-wrapper .post-author-meta .author-and-date .date h6 { color: var(--title-color); font-family: var(--font-Urbanist); font-size: 16px; font-weight: 500; line-height: 1.2; margin-bottom: 0 }

@media(max-width:576px) {
    .details-page-wrapper .post-author-meta .author-and-date .date h6 { font-size: 13px }
}

.details-page-wrapper .social-area { display: flex; align-items: center; gap: 20px }

@media(max-width:576px) {
    .details-page-wrapper .social-area { gap: 15px }
}

.details-page-wrapper .social-area h6 { color: var(--title-color); font-family: var(--font-Urbanist); font-size: 16px; font-weight: 600; line-height: 1; margin-bottom: 0 }
.details-page-wrapper .social-area .social-link { padding: 0; margin: 0; list-style: none; display: flex; align-items: center; gap: 12px }
    .details-page-wrapper .social-area .social-link li { margin-bottom: 0 }
        .details-page-wrapper .social-area .social-link li a { width: 28px; height: 28px; border-radius: 50%; border: 1px solid var(--border-color2); display: flex; align-items: center; justify-content: center; color: var(--paragraph-color); transition: .5s }
            .details-page-wrapper .social-area .social-link li a:hover { background-color: var(--primary-color2); border-color: var(--primary-color2); color: var(--title-color) }
.details-page-wrapper .details-page-content h3 { color: var(--title-color); font-family: var(--font-Urbanist); font-size: 30px; font-weight: 500; line-height: 1.2; margin-bottom: 20px }

@media(max-width:576px) {
    .details-page-wrapper .details-page-content h3 { font-size: 25px; margin-bottom: 15px }
}

.details-page-wrapper .details-page-content p { color: var(--paragraph-color); font-family: var(--font-Urbanist); font-size: 16px; font-weight: 300; line-height: 29px; margin-bottom: 0 }

@media(max-width:576px) {
    .details-page-wrapper .details-page-content p { font-size: 15px }
}

.details-page-wrapper .details-page-content p.first-para { margin-bottom: 15px }
    .details-page-wrapper .details-page-content p.first-para::first-letter { font-size: 30px }
.details-page-wrapper .details-page-content h4 { color: var(--title-color); font-family: var(--font-Urbanist); font-size: 22px; font-weight: 500; line-height: 1.2; margin-bottom: 25px }

@media(max-width:576px) {
    .details-page-wrapper .details-page-content h4 { margin-bottom: 20px }
}

.details-page-wrapper .details-page-content ul { padding: 0; margin: 0; list-style: none }
    .details-page-wrapper .details-page-content ul li { display: flex; gap: 10px; color: var(--paragraph-color); font-family: var(--font-Urbanist); font-size: 16px; font-weight: 300; line-height: 28px; margin-bottom: 15px }

@media(min-width:1200px) and (max-width:1399px) {
    .details-page-wrapper .details-page-content ul li { font-size: 15px }
}

@media(min-width:992px) and (max-width:1199px) {
    .details-page-wrapper .details-page-content ul li { font-size: 15px }
}

@media(max-width:576px) {
    .details-page-wrapper .details-page-content ul li { font-size: 15px; margin-bottom: 10px }
}

.details-page-wrapper .details-page-content ul li:last-child { margin-bottom: 0 }
.details-page-wrapper .details-page-content ul li svg { fill: var(--paragraph-color); min-width: 16px; max-width: 16px; margin-top: 7px }
.details-page-wrapper .details-page-content blockquote { background-color: var(--paragraph-color3); padding: 42px 85px; position: relative; margin-bottom: 0 }

@media(max-width:991px) {
    .details-page-wrapper .details-page-content blockquote { padding: 35px 75px }
}

@media(max-width:767px) {
    .details-page-wrapper .details-page-content blockquote { padding: 40px }
}

@media(max-width:576px) {
    .details-page-wrapper .details-page-content blockquote { padding: 35px 30px }
}

.details-page-wrapper .details-page-content blockquote::before { content: url(../img/innerpage/vector/blockquote-arrow-left.svg); position: absolute; top: 0; left: 0 }

@media(max-width:767px) {
    .details-page-wrapper .details-page-content blockquote::before { display: none }
}

.details-page-wrapper .details-page-content blockquote::after { content: url(../img/innerpage/vector/blockquote-arrow-right.svg); position: absolute; top: 0; right: 0 }

@media(max-width:767px) {
    .details-page-wrapper .details-page-content blockquote::after { display: none }
}

.details-page-wrapper .details-page-content blockquote p { color: var(--white-color); font-family: var(--font-Urbanist); font-size: 22px; font-weight: 500; line-height: 34px; margin-bottom: 20px }

@media(max-width:1199px) {
    .details-page-wrapper .details-page-content blockquote p { font-size: 18px }
}

@media(max-width:991px) {
    .details-page-wrapper .details-page-content blockquote p { line-height: 30px; margin-bottom: 15px }
}

.details-page-wrapper .details-page-content blockquote cite { color: var(--white-color); font-family: var(--font-Urbanist); font-size: 16px; font-weight: 600; line-height: 20px; padding-left: 50px; position: relative }
    .details-page-wrapper .details-page-content blockquote cite::before { content: ""; height: 1px; width: 40px; background-color: var(--white-color); position: absolute; left: 0; top: 50%; transform: translateY(-50%) }
.details-page-wrapper .details-page-content .blog-tag { display: inline-flex; align-items: center; gap: 20px; border: 1px solid var(--border-color2); border-radius: 33px; padding: 18px 40px }

@media(max-width:767px) {
    .details-page-wrapper .details-page-content .blog-tag { gap: 15px; padding: 18px 25px; border-radius: 20px }
}

@media(max-width:576px) {
    .details-page-wrapper .details-page-content .blog-tag { padding: 18px 20px; border-radius: 10px }
}

.details-page-wrapper .details-page-content .blog-tag h6 { color: var(--title-color); font-family: var(--font-Urbanist); font-size: 18px; font-weight: 600; line-height: 22px; margin-bottom: 0 }
.details-page-wrapper .details-page-content .blog-tag ul { padding: 0; margin: 0; list-style: none; display: flex; align-items: center; flex-wrap: wrap; gap: 10px; line-height: 1 }
    .details-page-wrapper .details-page-content .blog-tag ul li { margin-bottom: 0 }
        .details-page-wrapper .details-page-content .blog-tag ul li a { color: var(--paragraph-color); font-family: var(--font-Urbanist); font-size: 14px; font-weight: 500; line-height: 17px; transition: .5s }
            .details-page-wrapper .details-page-content .blog-tag ul li a:hover { color: var(--primary-color) }
.details-page-wrapper .details-page-content .counter-dark { display: none }

@media(max-width:576px) {
    .details-page-wrapper .details-page-content .counter-dark, .details-page-wrapper .details-page-content .counter-light { width: 210px }
}

.comment-and-form-area .comment-area { border: 1px solid var(--border-color2); border-radius: 10px; padding: 60px 88px }

@media(max-width:1399px) {
    .comment-and-form-area .comment-area { padding: 60px }
}

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

@media(max-width:767px) {
    .comment-and-form-area .comment-area { padding: 40px 25px }
}

.comment-and-form-area .comment-area .comment-title { display: flex; align-items: center; gap: 14px; margin-bottom: 30px; padding-bottom: 20px; border-bottom: 1px solid var(--border-color2) }
    .comment-and-form-area .comment-area .comment-title h4 { color: var(--title-color); font-family: var(--font-Urbanist); font-size: 22px; font-weight: 500; margin-bottom: 0; line-height: 1; white-space: nowrap }
.comment-and-form-area .comment-area .comment { margin: 0; padding: 0; list-style: none }
    .comment-and-form-area .comment-area .comment > li { margin-bottom: 40px }
        .comment-and-form-area .comment-area .comment > li > .single-comment-area { margin-bottom: 24px }
        .comment-and-form-area .comment-area .comment > li:last-child { margin-bottom: 0 }
    .comment-and-form-area .comment-area .comment .single-comment-area { display: flex; align-items: flex-start; gap: 20px }

@media(max-width:576px) {
    .comment-and-form-area .comment-area .comment .single-comment-area { gap: 15px; flex-wrap: wrap }
}

.comment-and-form-area .comment-area .comment .single-comment-area .author-img img { max-width: 50px; min-width: 50px; height: 50px; border-radius: 50% }
.comment-and-form-area .comment-area .comment .single-comment-area .comment-content .author-name-deg { display: flex; align-items: center; gap: 10px; margin-bottom: 10px; flex-wrap: wrap }
    .comment-and-form-area .comment-area .comment .single-comment-area .comment-content .author-name-deg h6 { line-height: 1; margin-bottom: 0; color: var(--title-color); font-family: var(--font-Urbanist); font-size: 16px; font-weight: 500 }

@media(max-width:576px) {
    .comment-and-form-area .comment-area .comment .single-comment-area .comment-content .author-name-deg h6 { font-size: 15px }
}

.comment-and-form-area .comment-area .comment .single-comment-area .comment-content .author-name-deg span { color: var(--paragraph-color); font-family: var(--font-Urbanist); font-size: 12px; font-weight: 500; line-height: 1 }
.comment-and-form-area .comment-area .comment .single-comment-area .comment-content p { color: var(--paragraph-color); font-family: var(--font-Urbanist); font-size: 16px; font-weight: 300; line-height: 29px; margin-bottom: 12px }

@media(max-width:767px) {
    .comment-and-form-area .comment-area .comment .single-comment-area .comment-content p { font-size: 14px }
}

.comment-and-form-area .comment-area .comment .single-comment-area .comment-content .replay-btn { color: var(--paragraph-color); font-family: var(--font-Urbanist); font-size: 14px; font-weight: 600; display: inline-flex; align-items: center; gap: 5px; line-height: 1; cursor: pointer; transition: .35s }
    .comment-and-form-area .comment-area .comment .single-comment-area .comment-content .replay-btn svg { transition: .35s; fill: var(--paragraph-color) }
    .comment-and-form-area .comment-area .comment .single-comment-area .comment-content .replay-btn:hover { color: var(--primary-color) }
        .comment-and-form-area .comment-area .comment .single-comment-area .comment-content .replay-btn:hover svg { fill: var(--primary-color) }
.comment-and-form-area .comment-area .comment .comment-replay { margin: 0; padding: 0; list-style: none; margin-left: 70px; border-top: 1px solid var(--border-color2); padding-top: 24px }

@media(max-width:576px) {
    .comment-and-form-area .comment-area .comment .comment-replay { margin-left: 25px }
}

.comment-and-form-area .comment-area .comment .comment-replay > li { margin-bottom: 30px }
    .comment-and-form-area .comment-area .comment .comment-replay > li:last-child { margin-bottom: 0 }
.comment-and-form-area .inquiry-form { background: #f0f0f0; border-radius: 10px; padding: 60px 88px }

@media(max-width:1399px) {
    .comment-and-form-area .inquiry-form { padding: 60px }
}

@media(max-width:1199px) {
    .comment-and-form-area .inquiry-form { padding: 50px 40px }
}

@media(max-width:767px) {
    .comment-and-form-area .inquiry-form { padding: 40px 25px }
}

.comment-and-form-area .inquiry-form .title { margin-bottom: 30px }
    .comment-and-form-area .inquiry-form .title h4 { margin-bottom: 0; color: var(--title-color); font-family: var(--font-Urbanist); font-size: 30px; font-weight: 500; margin-bottom: 0 }

@media(max-width:991px) {
    .comment-and-form-area .inquiry-form .title h4 { font-size: 28px }
}

@media(max-width:576px) {
    .comment-and-form-area .inquiry-form .title h4 { font-size: 25px }
}

.comment-and-form-area .inquiry-form .form-check { min-height: unset; margin-bottom: 0 }
    .comment-and-form-area .inquiry-form .form-check .form-check-input { cursor: pointer; height: 14px; width: 14px }
        .comment-and-form-area .inquiry-form .form-check .form-check-input:focus { box-shadow: none }
        .comment-and-form-area .inquiry-form .form-check .form-check-input:checked { background-color: var(--primary-color); border-color: var(--primary-color) }
        .comment-and-form-area .inquiry-form .form-check .form-check-input[type=checkbox] { border-radius: unset }
    .comment-and-form-area .inquiry-form .form-check .form-check-label { cursor: pointer; color: var(--paragraph-color); font-family: var(--font-Urbanist); font-size: 14px; font-weight: 400 }

@media(max-width:576px) {
    .comment-and-form-area .inquiry-form .form-check .form-check-label { font-size: 12px }
}

.comment-and-form-area.two .comment-area { border: unset; padding: 0 }
.pagination-area { display: flex; align-items: center; justify-content: space-between; gap: 15px; flex-wrap: wrap; padding-top: 70px; border-top: 1px solid var(--border-color2) }

@media(max-width:767px) {
    .pagination-area { padding-top: 40px; gap: 10px }
}

.pagination-area .paginations { padding: 0; margin: 0; list-style: none; display: flex; align-items: center; gap: 15px }
    .pagination-area .paginations .page-item a { color: var(--paragraph-color); font-family: var(--font-Urbanist); font-size: 14px; font-weight: 500; line-height: 1; width: 36px; height: 36px; border-radius: 50%; border: 1px solid var(--border-color2); display: flex; align-items: center; justify-content: center; transition: .5s }

@media(max-width:576px) {
    .pagination-area .paginations .page-item a { width: 30px; height: 30px; font-size: 12px }
}

.pagination-area .paginations .page-item a:hover { background-color: var(--primary-color); color: var(--white-color) }
.pagination-area .paginations .page-item.active a { background-color: var(--primary-color); color: var(--white-color) }
.pagination-area .paginations-button a { min-width: 88px; max-width: 88px; height: 88px; border-radius: 50%; border: 1px solid var(--border-color2); display: flex; align-items: center; justify-content: center; gap: 4px; color: var(--paragraph-color); font-family: var(--font-Urbanist); font-size: 15px; font-weight: 500; line-height: 1; transition: .7s }

@media(max-width:576px) {
    .pagination-area .paginations-button a { min-width: 60px; max-width: 60px; height: 60px; font-size: 12px }
}

.pagination-area .paginations-button a svg { color: var(--paragraph-color); transition: .5s }

@media(max-width:576px) {
    .pagination-area .paginations-button a svg { width: 5px }
}

.pagination-area .paginations-button a:hover { color: var(--white-color); box-shadow: inset 0 0 0 10em var(--primary-color) }
    .pagination-area .paginations-button a:hover svg { fill: var(--white-color) }
.pagination-area.two { padding-top: 0; border-top: unset }
.blog-sidebar .single-widgets { border: 1px solid var(--border-color2); padding: 50px 30px }

@media(min-width:992px) and (max-width:1199px) {
    .blog-sidebar .single-widgets { padding: 40px 20px }
}

@media(max-width:576px) {
    .blog-sidebar .single-widgets { padding: 30px 20px }
}

.blog-sidebar .single-widgets.widget_search { border: none; padding: 0 }
    .blog-sidebar .single-widgets.widget_search .wp-block-search__inside-wrapper { display: flex; align-items: center; background-color: #f4f9fd; border: 1px solid var(--border-color2); padding: 6px }
        .blog-sidebar .single-widgets.widget_search .wp-block-search__inside-wrapper input { background-color: transparent; color: var(--paragraph-color); font-family: var(--font-Urbanist); font-size: 14px; font-weight: 400; border: none; outline: none; width: 100%; padding: 0 25px; border-radius: unset }
        .blog-sidebar .single-widgets.widget_search .wp-block-search__inside-wrapper button { min-width: 48px; max-width: 48px; height: 44px; display: flex; align-items: center; justify-content: center; border: none; outline: none; background-color: var(--primary-color); overflow: hidden; position: relative; z-index: 1 }
            .blog-sidebar .single-widgets.widget_search .wp-block-search__inside-wrapper button svg { fill: var(--white-color) }
            .blog-sidebar .single-widgets.widget_search .wp-block-search__inside-wrapper button::after { position: absolute; content: ""; display: block; left: 15%; right: -20%; top: -4%; height: 150%; width: 150%; bottom: 0; border-radius: 2px; background-color: var(--white-color); transform: skewX(45deg) scale(0,1); z-index: -1; transition: all .5s ease-out 0s }
            .blog-sidebar .single-widgets.widget_search .wp-block-search__inside-wrapper button:hover svg { fill: var(--primary-color3) }
            .blog-sidebar .single-widgets.widget_search .wp-block-search__inside-wrapper button:hover::after { transform: skewX(45deg) scale(1,1) }
.blog-sidebar .single-widgets .widget-title { line-height: 1; margin-bottom: 30px }

@media(max-width:576px) {
    .blog-sidebar .single-widgets .widget-title { margin-bottom: 25px }
}

.blog-sidebar .single-widgets .widget-title h4 { color: var(--title-color); font-family: var(--font-Urbanist); font-size: 22px; font-weight: 500; margin-bottom: 0 }

@media(max-width:576px) {
    .blog-sidebar .single-widgets .widget-title h4 { font-size: 21px }
}

.blog-sidebar .single-widgets .wp-block-categoris-cloud { padding: 0; margin: 0; list-style: none; line-height: 1 }
    .blog-sidebar .single-widgets .wp-block-categoris-cloud li { line-height: 1; margin-bottom: 25px }
        .blog-sidebar .single-widgets .wp-block-categoris-cloud li:last-child { margin-bottom: 0 }
        .blog-sidebar .single-widgets .wp-block-categoris-cloud li a { display: flex; align-items: center; justify-content: space-between; color: var(--title-color); font-family: var(--font-Urbanist); font-size: 14px; font-weight: 400; transition: .35s }
            .blog-sidebar .single-widgets .wp-block-categoris-cloud li a:hover { color: var(--primary-color) }
.blog-sidebar .single-widgets .widget-cnt { display: flex; align-items: center; gap: 20px; margin-bottom: 30px }

@media(max-width:1399px) {
    .blog-sidebar .single-widgets .widget-cnt { gap: 15px }
}

@media(min-width:992px) and (max-width:1199px) {
    .blog-sidebar .single-widgets .widget-cnt { gap: 10px }
}

@media(max-width:576px) {
    .blog-sidebar .single-widgets .widget-cnt { gap: 10px }
}

.blog-sidebar .single-widgets .widget-cnt:last-child { margin-bottom: 0 }
.blog-sidebar .single-widgets .widget-cnt .wi a img { max-width: 86px; min-width: 86px; height: 86px; -o-object-fit: cover; object-fit: cover }

@media(min-width:992px) and (max-width:1199px) {
    .blog-sidebar .single-widgets .widget-cnt .wi a img { max-width: 60px; min-width: 60px; height: 60px }
}

@media(max-width:576px) {
    .blog-sidebar .single-widgets .widget-cnt .wi a img { max-width: 70px; min-width: 70px; height: 70px }
}

.blog-sidebar .single-widgets .widget-cnt .wc > a { color: var(--paragraph-color); font-family: var(--font-Urbanist); font-size: 12px; font-weight: 500; margin-bottom: 10px; display: inline-block; line-height: 1; transition: .35s }

@media(max-width:1399px) {
    .blog-sidebar .single-widgets .widget-cnt .wc > a { margin-bottom: 7px }
}

@media(min-width:992px) and (max-width:1199px) {
    .blog-sidebar .single-widgets .widget-cnt .wc > a { font-size: 11px; margin-bottom: 0 }
}

@media(max-width:576px) {
    .blog-sidebar .single-widgets .widget-cnt .wc > a { font-size: 11px }
}

.blog-sidebar .single-widgets .widget-cnt .wc > a:hover { color: var(--primary-color) }
.blog-sidebar .single-widgets .widget-cnt .wc h5 { margin-bottom: 0 }

@media(max-width:1199px) {
    .blog-sidebar .single-widgets .widget-cnt .wc h5 { line-height: 1 }
}

.blog-sidebar .single-widgets .widget-cnt .wc h5 a { color: var(--title-color); font-family: var(--font-Urbanist); font-size: 16px; font-weight: 500; transition: .35s }

@media(max-width:1399px) {
    .blog-sidebar .single-widgets .widget-cnt .wc h5 a { font-size: 15px }
}

@media(min-width:992px) and (max-width:1199px) {
    .blog-sidebar .single-widgets .widget-cnt .wc h5 a { font-size: 13px }
}

@media(max-width:576px) {
    .blog-sidebar .single-widgets .widget-cnt .wc h5 a { font-size: 13px }
}

.blog-sidebar .single-widgets .widget-cnt .wc h5 a:hover { color: var(--primary-color) }
.blog-sidebar .single-widgets .wp-block-tag-cloud { margin-bottom: 0; display: flex; align-items: center; flex-wrap: wrap; gap: 14px }
    .blog-sidebar .single-widgets .wp-block-tag-cloud a { color: var(--title-color); font-family: var(--font-Urbanist); font-size: 14px; font-weight: 400; transition: .35s; line-height: 1 }
        .blog-sidebar .single-widgets .wp-block-tag-cloud a:hover { color: var(--primary-color) }
.blog-standard-section .blog-card1 .blog-img img { min-height: 300px; -o-object-fit: cover; object-fit: cover }
.blog-standard-section .explore-btn:hover { color: var(--primary-color) }
    .blog-standard-section .explore-btn:hover svg { fill: var(--primary-color); transform: rotate(45deg) }
.case-study-card { border: 1px solid var(--border-color2) }
    .case-study-card .case-study-img { position: relative }

@media(max-width:991px) {
    .case-study-card .case-study-img img { width: 100%; max-height: 220px; min-height: 220px; -o-object-fit: cover; object-fit: cover }
}

.case-study-card .case-study-img .batch { position: absolute; top: 25px; left: 25px }

@media(max-width:991px) {
    .case-study-card .case-study-img .batch { top: 15px; left: 10px }
}

.case-study-card .case-study-img .batch a { color: var(--white-color); font-family: var(--font-Urbanist); font-size: 14px; font-weight: 500; line-height: 1.2; padding: 10px 24px; border-radius: 18px; background-color: #202020 }

@media(max-width:991px) {
    .case-study-card .case-study-img .batch a { font-size: 13px }
}

.case-study-card .case-study-content { padding: 30px 30px 40px }

@media(max-width:1399px) {
    .case-study-card .case-study-content { padding: 30px 25px 40px }
}

@media(max-width:1199px) {
    .case-study-card .case-study-content { padding: 25px 20px 35px }
}

@media(max-width:576px) {
    .case-study-card .case-study-content { padding: 20px 15px 30px }
}

.case-study-card .case-study-content h3 { margin-bottom: 20px }

@media(max-width:1399px) {
    .case-study-card .case-study-content h3 { margin-bottom: 15px }
}

@media(max-width:576px) {
    .case-study-card .case-study-content h3 { margin-bottom: 10px }
}

.case-study-card .case-study-content h3 a { color: var(--title-color); font-family: var(--font-Urbanist); font-size: 30px; font-weight: 500; line-height: 1.5; transition: .5s }

@media(max-width:1399px) {
    .case-study-card .case-study-content h3 a { font-size: 27px }
}

@media(min-width:992px) and (max-width:1199px) {
    .case-study-card .case-study-content h3 a { font-size: 23px }
}

@media(max-width:991px) {
    .case-study-card .case-study-content h3 a { font-size: 20px }
}

.case-study-card .case-study-content h3 a:hover { color: var(--primary-color) }
.case-study-card .case-study-content p { color: var(--paragraph-color); font-family: var(--font-Urbanist); font-size: 15px; font-weight: 400; line-height: 26px; margin-bottom: 40px }

@media(max-width:991px) {
    .case-study-card .case-study-content p { margin-bottom: 30px }
}

@media(max-width:576px) {
    .case-study-card .case-study-content p { margin-bottom: 20px; font-size: 14px }
}

.case-study-card.two .case-study-content h3 a { font-size: 22px }

@media(max-width:1399px) {
    .case-study-card.two .case-study-content h3 a { font-size: 20px }
}

@media(min-width:992px) and (max-width:1199px) {
    .case-study-card.two .case-study-content h3 a { font-size: 17px; margin-bottom: 10px }
}

@media(min-width:992px) and (max-width:1199px) {
    .case-study-card.two .case-study-content p { margin-bottom: 30px }
}

.case-study-details .case-study-details-info-wrap { background: #d5e1d3; padding: 50px 40px; margin-bottom: 25px }

@media(max-width:1399px) {
    .case-study-details .case-study-details-info-wrap { padding: 50px 30px }
}

@media(min-width:992px) and (max-width:1199px) {
    .case-study-details .case-study-details-info-wrap { padding: 45px 25px }
}

@media(max-width:576px) {
    .case-study-details .case-study-details-info-wrap { padding: 40px 20px }
}

.case-study-details .case-study-details-info-wrap table { width: 100%; margin-bottom: 65px }

@media(max-width:1199px) {
    .case-study-details .case-study-details-info-wrap table { margin-bottom: 50px }
}

@media(max-width:576px) {
    .case-study-details .case-study-details-info-wrap table { margin-bottom: 40px }
}

.case-study-details .case-study-details-info-wrap table tbody tr td { color: var(--title-color); font-family: var(--font-Urbanist); font-size: 16px; font-weight: 500; line-height: 1; padding-bottom: 25px; width: 50% }

@media(min-width:992px) and (max-width:1199px) {
    .case-study-details .case-study-details-info-wrap table tbody tr td { font-size: 14px }
}

.case-study-details .case-study-details-info-wrap table tbody tr td span { color: var(--paragraph-color); font-weight: 400; line-height: 1.2 }
.case-study-details .case-study-details-info-wrap table tbody tr:last-child td { padding-bottom: 0 }
.case-study-details .case-study-details-info-wrap .download-btns { padding: 0; margin: 0; list-style: none }
    .case-study-details .case-study-details-info-wrap .download-btns li { margin-bottom: 20px }
        .case-study-details .case-study-details-info-wrap .download-btns li:last-child { margin-bottom: 0 }
            .case-study-details .case-study-details-info-wrap .download-btns li:last-child a { background-color: #4086f4 }
        .case-study-details .case-study-details-info-wrap .download-btns li a { color: var(--white-color); font-family: var(--font-Urbanist); font-size: 14px; font-weight: 500; line-height: 1; white-space: nowrap; display: flex; align-items: center; justify-content: center; gap: 10px; padding: 17px 20px; background-color: #e5252a; transition: .5s }

@media(max-width:576px) {
    .case-study-details .case-study-details-info-wrap .download-btns li a { padding: 14px 20px }
}

.case-study-details .case-study-details-info-wrap .social-area { line-height: 1; display: flex; align-items: center; justify-content: space-between; gap: 10px; background-color: var(--white-color); padding: 17px 30px }

@media(min-width:992px) and (max-width:1199px) {
    .case-study-details .case-study-details-info-wrap .social-area { padding: 17px 15px }
}

@media(max-width:576px) {
    .case-study-details .case-study-details-info-wrap .social-area { padding: 17px 15px }
}

.case-study-details .case-study-details-info-wrap .social-area h6 { line-height: 1; margin-bottom: 0; color: var(--title-color); font-family: var(--font-Urbanist); font-size: 18px; font-weight: 400 }
.case-study-details .case-study-details-info-wrap .social-area ul { line-height: 1; display: flex; align-items: center; gap: 15px }
    .case-study-details .case-study-details-info-wrap .social-area ul li { line-height: 1 }
        .case-study-details .case-study-details-info-wrap .social-area ul li a { width: 26px; height: 26px; border-radius: 50%; border: 1px solid #eee; color: var(--primary-color); transition: .35s; display: flex; align-items: center; justify-content: center }
            .case-study-details .case-study-details-info-wrap .social-area ul li a:hover { color: var(--white-color); background-color: var(--primary-color); border-color: var(--primary-color) }
.case-study-details .social-area { display: flex; align-items: center; justify-content: center; gap: 20px; border: 1px solid var(--border-color2); padding: 24px 20px }

@media(max-width:576px) {
    .case-study-details .social-area { gap: 15px }
}

.case-study-details .social-area h6 { color: var(--title-color); font-family: var(--font-Urbanist); font-size: 16px; font-weight: 600; line-height: 1; margin-bottom: 0 }
.case-study-details .social-area .social-link { padding: 0; margin: 0; list-style: none; display: flex; align-items: center; gap: 12px }
    .case-study-details .social-area .social-link li { margin-bottom: 0 }
        .case-study-details .social-area .social-link li a { width: 28px; height: 28px; border-radius: 50%; border: 1px solid var(--border-color2); display: flex; align-items: center; justify-content: center; color: var(--paragraph-color); transition: .5s }
            .case-study-details .social-area .social-link li a:hover { background-color: var(--primary-color2); border-color: var(--primary-color2); color: var(--title-color) }
.portfolio-details .portfolio-details-info-wrap { padding: 45px 40px; border: 1px solid var(--border-color2) }

@media(max-width:1399px) {
    .portfolio-details .portfolio-details-info-wrap { padding: 45px 30px }
}

@media(min-width:992px) and (max-width:1199px) {
    .portfolio-details .portfolio-details-info-wrap { padding: 45px 25px }
}

@media(max-width:576px) {
    .portfolio-details .portfolio-details-info-wrap { padding: 40px 20px }
}

.portfolio-details .portfolio-details-info-wrap table { width: 100% }
    .portfolio-details .portfolio-details-info-wrap table tbody tr td { color: var(--title-color); font-family: var(--font-Urbanist); font-size: 16px; font-weight: 500; line-height: 1; padding-bottom: 25px; width: 50% }

@media(min-width:992px) and (max-width:1199px) {
    .portfolio-details .portfolio-details-info-wrap table tbody tr td { font-size: 14px }
}

.portfolio-details .portfolio-details-info-wrap table tbody tr td span { color: var(--paragraph-color); font-weight: 400; line-height: 1.2 }
.portfolio-details .portfolio-details-info-wrap table tbody tr td a { color: #0073c7 }
.portfolio-details .portfolio-details-info-wrap table tbody tr:last-child td { padding-bottom: 0 }
.portfolio-details .portfolio-details-post-thumb-slider { position: relative }
    .portfolio-details .portfolio-details-post-thumb-slider .slider-btn-group { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); z-index: 1; width: 95%; max-width: unset; min-width: unset; opacity: 0; transition: .45s }
    .portfolio-details .portfolio-details-post-thumb-slider:hover .slider-btn-group { opacity: 1 }
.portfolio-details .social-area { display: flex; align-items: center; justify-content: space-between; gap: 20px; border: 1px solid var(--border-color2); border-top: unset; padding: 24px 40px }

@media(max-width:1399px) {
    .portfolio-details .social-area { padding: 24px 30px }
}

@media(min-width:992px) and (max-width:1199px) {
    .portfolio-details .social-area { padding: 20px 25px }
}

@media(max-width:576px) {
    .portfolio-details .social-area { padding: 20px; gap: 15px }
}

.portfolio-details .social-area h6 { color: var(--title-color); font-family: var(--font-Urbanist); font-size: 16px; font-weight: 600; line-height: 1; margin-bottom: 0 }
.portfolio-details .social-area .social-link { padding: 0; margin: 0; list-style: none; display: flex; align-items: center; gap: 12px }
    .portfolio-details .social-area .social-link li { margin-bottom: 0 }
        .portfolio-details .social-area .social-link li a { width: 28px; height: 28px; border-radius: 50%; border: 1px solid var(--border-color2); display: flex; align-items: center; justify-content: center; color: var(--paragraph-color); transition: .5s }
            .portfolio-details .social-area .social-link li a:hover { background-color: var(--primary-color2); border-color: var(--primary-color2); color: var(--title-color) }
.interactive-banner-section { position: relative }
    .interactive-banner-section .social-icon { position: absolute; left: 3%; top: 20%; z-index: 21; margin: 0; padding: 0; list-style: none; display: flex; align-items: center; gap: 20px; writing-mode: vertical-rl }

@media(max-width:1199px) {
    .interactive-banner-section .social-icon { display: none; visibility: hidden }
}

.interactive-banner-section .social-icon li a { font-family: var(--font-Urbanist); font-size: 14px; font-weight: 500; letter-spacing: 0; color: var(--white-color); border: 1px solid rgba(255,255,255,.2); border-radius: 50px; line-height: 1; padding: 16px 6px; display: inline-flex; align-items: center; gap: 8px; transition: .35s }
    .interactive-banner-section .social-icon li a:hover { background-color: var(--primary-color); border-color: var(--primary-color) }
.interactive-banner-section .social-icon.two { right: 3%; left: unset }
.interactive-banner-section .interactive-banner-img-group { margin: 0; padding: 0; list-style: none; height: 100vh }

@media(max-width:1199px) {
    .interactive-banner-section .interactive-banner-img-group { display: none; visibility: hidden }
}

.interactive-banner-section .interactive-banner-img-group .single-banner-bg { background-size: cover; position: absolute; width: 100%; height: 100%; top: 0; left: 0; z-index: 2; transition: opacity .75s }
    .interactive-banner-section .interactive-banner-img-group .single-banner-bg.active { z-index: 3; opacity: 1 }
.interactive-banner-section .interactive-list { margin: 0; padding: 0; list-style: none; display: grid; grid-template-columns: 20% 20% 20% 20% 20%; position: absolute; left: 0; width: 100%; height: 100%; bottom: 0; z-index: 20 }

@media(max-width:1199px) {
    .interactive-banner-section .interactive-list { display: block }
}

.interactive-banner-section .interactive-list .ineteractive-single-item { display: flex; height: 100%; align-items: end; position: relative; padding: 100px 45px 80px; transition: opacity .75s }

@media(max-width:1699px) {
    .interactive-banner-section .interactive-list .ineteractive-single-item { padding: 100px 30px 80px }
}

@media(max-width:1399px) {
    .interactive-banner-section .interactive-list .ineteractive-single-item { padding: 100px 20px 50px }
}

@media(max-width:1199px) {
    .interactive-banner-section .interactive-list .ineteractive-single-item { height: 80vh }
}

.interactive-banner-section .interactive-list .ineteractive-single-item:after { content: ""; height: 100%; width: 1px; position: absolute; right: 0; top: 0; opacity: .5; background: linear-gradient(0deg,#FFF 0%,rgba(255,255,255,0) 100%) }
.interactive-banner-section .interactive-list .ineteractive-single-item:last-child::after { display: none; visibility: hidden }
.interactive-banner-section .interactive-list .ineteractive-single-item .responsive-bg-img { display: none; visibility: hidden }

@media(max-width:1199px) {
    .interactive-banner-section .interactive-list .ineteractive-single-item .responsive-bg-img { display: block; visibility: visible; height: 80vh; position: absolute; left: 0; top: 0; width: 100%; background-position: center center !important; background-repeat: no-repeat !important; background-size: cover !important }
}

.interactive-banner-section .interactive-list .ineteractive-single-item .card-content .catgory-and-title { transform: translateY(55px); will-change: transform; transition: transform .5s }
    .interactive-banner-section .interactive-list .ineteractive-single-item .card-content .catgory-and-title > a { font-family: var(--font-Urbanist); font-size: 14px; font-weight: 500; line-height: 17px; letter-spacing: 0; color: var(--white-color); border: 1px solid rgba(255,255,255,.2); border-radius: 50px; line-height: 1; padding: 6px 16px; margin-bottom: 20px; display: inline-block }

@media(min-width:1400px) and (max-width:1599px) {
    .interactive-banner-section .interactive-list .ineteractive-single-item .card-content .catgory-and-title > a { margin-bottom: 15px }
}

@media(max-width:1399px) {
    .interactive-banner-section .interactive-list .ineteractive-single-item .card-content .catgory-and-title > a { margin-bottom: 15px }
}

.interactive-banner-section .interactive-list .ineteractive-single-item .card-content .catgory-and-title h3 { margin-bottom: 0 }
    .interactive-banner-section .interactive-list .ineteractive-single-item .card-content .catgory-and-title h3 a { font-family: var(--font-Urbanist); font-size: 30px; font-weight: 500; line-height: 1.6; letter-spacing: 0; color: var(--white-color); transition: .35s }

@media(min-width:1400px) and (max-width:1599px) {
    .interactive-banner-section .interactive-list .ineteractive-single-item .card-content .catgory-and-title h3 a { font-size: 24px }
}

@media(max-width:1399px) {
    .interactive-banner-section .interactive-list .ineteractive-single-item .card-content .catgory-and-title h3 a { font-size: 24px }
}

.interactive-banner-section .interactive-list .ineteractive-single-item .card-content .catgory-and-title h3 a:hover { color: var(--primary-color) }
.interactive-banner-section .interactive-list .ineteractive-single-item .card-content p { margin-bottom: 0; font-family: var(--font-Urbanist); font-size: 16px; font-weight: 400; line-height: 26px; letter-spacing: 0; color: #c4c4c4; transform: translateY(100%); opacity: 0; will-change: transform; transition: transform .5s ease,opacity .25s ease; padding-top: 17px }

@media(min-width:1400px) and (max-width:1599px) {
    .interactive-banner-section .interactive-list .ineteractive-single-item .card-content p { padding-top: 12px }
}

@media(max-width:1399px) {
    .interactive-banner-section .interactive-list .ineteractive-single-item .card-content p { padding-top: 12px }
}

.interactive-banner-section .interactive-list .ineteractive-single-item:hover .card-content .catgory-and-title { transform: translateY(0) }
.interactive-banner-section .interactive-list .ineteractive-single-item:hover .card-content p { opacity: 1; transform: translateY(0) }
.pf-showcase-slider-section { height: 100vh; width: 100% }
    .pf-showcase-slider-section .social-area-group { position: absolute; left: 0; bottom: 30px; z-index: 9; padding: 0 3%; display: flex; align-items: center; justify-content: space-between; width: 100% }

@media(max-width:1399px) {
    .pf-showcase-slider-section .social-area-group { padding: 0 2% }
}

.pf-showcase-slider-section .social-area-group .social-icon { margin: 0; padding: 0; list-style: none; display: flex; align-items: center; gap: 20px }

@media(max-width:1199px) {
    .pf-showcase-slider-section .social-area-group .social-icon { display: none; visibility: hidden }
}

.pf-showcase-slider-section .social-area-group .social-icon li a { font-family: var(--font-Urbanist); font-size: 14px; font-weight: 500; letter-spacing: 0; color: var(--white-color); border: 1px solid rgba(255,255,255,.2); border-radius: 50px; line-height: 1; padding: 6px 16px; display: inline-flex; align-items: center; gap: 8px; transition: .35s }
    .pf-showcase-slider-section .social-area-group .social-icon li a:hover { background-color: var(--primary-color); border-color: var(--primary-color) }

@media(max-width:991px) {
    .pf-showcase-slider-section .slide-btn-group { display: none; visibility: none }
}

.pf-showcase-slider-section .slide-btn-group .slider-btn2 { position: absolute; left: 3%; top: 50%; transform: translateY(-50%); z-index: 9; min-width: 88px; max-width: 88px; height: 88px; border-radius: 50%; border: 1px solid rgba(255,255,255,.2); display: flex; align-items: center; justify-content: center; gap: 4px; color: var(--white-color); font-family: var(--font-Urbanist); font-size: 15px; font-weight: 400; line-height: 1; transition: .7s }

@media(max-width:576px) {
    .pf-showcase-slider-section .slide-btn-group .slider-btn2 { min-width: 70px; max-width: 70px; height: 70px; font-size: 14px }
}

.pf-showcase-slider-section .slide-btn-group .slider-btn2 svg { fill: var(--white-color); transition: .5s }
.pf-showcase-slider-section .slide-btn-group .slider-btn2:hover { box-shadow: inset 0 0 0 10em var(--primary-color) }
.pf-showcase-slider-section .slide-btn-group .slider-btn2.next-16 { left: unset; right: 3% }

@media(max-width:1399px) {
    .pf-showcase-slider-section .slide-btn-group .slider-btn2 { left: 2% }
        .pf-showcase-slider-section .slide-btn-group .slider-btn2.next-16 { left: unset; right: 2% }
}

.pf-showcase-slider-section .pf-showcase-slider { height: 100%; width: 100% }
.pf-showcase-slider-section .single-pf-showcase { background-size: cover; background-position: center center; background-repeat: no-repeat; height: 100%; width: 100%; display: flex; align-items: center; justify-content: center }
    .pf-showcase-slider-section .single-pf-showcase .pf-img-and-content { max-width: 870px; width: 100%; margin: auto }

@media(min-width:1400px) and (max-width:1599px) {
    .pf-showcase-slider-section .single-pf-showcase .pf-img-and-content { max-width: 750px }
}

@media(max-width:1399px) {
    .pf-showcase-slider-section .single-pf-showcase .pf-img-and-content { max-width: 600px }
}

.pf-showcase-slider-section .single-pf-showcase .pf-img-and-content .pf-img { display: inline-block; margin-bottom: 40px }

@media(max-width:1399px) {
    .pf-showcase-slider-section .single-pf-showcase .pf-img-and-content .pf-img { margin-bottom: 25px }
}

.pf-showcase-slider-section .single-pf-showcase .pf-img-and-content .pf-img img { border-radius: 10px }
.pf-showcase-slider-section .single-pf-showcase .pf-img-and-content .pf-content { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 20px }
    .pf-showcase-slider-section .single-pf-showcase .pf-img-and-content .pf-content .sn-and-title { display: flex; gap: 20px }
        .pf-showcase-slider-section .single-pf-showcase .pf-img-and-content .pf-content .sn-and-title .sn { font-family: var(--font-Urbanist); font-size: 30px; font-weight: 500; letter-spacing: 0; color: var(--white-color); line-height: 1.2 }

@media(max-width:1399px) {
    .pf-showcase-slider-section .single-pf-showcase .pf-img-and-content .pf-content .sn-and-title .sn { font-size: 25px }
}

.pf-showcase-slider-section .single-pf-showcase .pf-img-and-content .pf-content .sn-and-title svg { fill: var(--white-color); margin-top: 15px }

@media(max-width:1399px) {
    .pf-showcase-slider-section .single-pf-showcase .pf-img-and-content .pf-content .sn-and-title svg { max-width: 60px }
}

@media(max-width:576px) {
    .pf-showcase-slider-section .single-pf-showcase .pf-img-and-content .pf-content .sn-and-title svg { display: none; visibility: hidden }
}

.pf-showcase-slider-section .single-pf-showcase .pf-img-and-content .pf-content .sn-and-title h3 { margin-bottom: 0; max-width: 420px; width: 100% }

@media(max-width:1399px) {
    .pf-showcase-slider-section .single-pf-showcase .pf-img-and-content .pf-content .sn-and-title h3 { max-width: 330px }
}

.pf-showcase-slider-section .single-pf-showcase .pf-img-and-content .pf-content .sn-and-title h3 a { font-family: var(--font-Urbanist); font-size: 30px; font-weight: 500; letter-spacing: 0; color: var(--white-color); transition: .35s }

@media(max-width:1399px) {
    .pf-showcase-slider-section .single-pf-showcase .pf-img-and-content .pf-content .sn-and-title h3 a { font-size: 25px }
}

.pf-showcase-slider-section .single-pf-showcase .pf-img-and-content .pf-content .sn-and-title h3 a:hover { color: var(--primary-color) }
.pf-showcase-slider-section .single-pf-showcase .pf-img-and-content .pf-content .year { font-family: var(--font-Urbanist); font-size: 14px; font-weight: 400; letter-spacing: 0; color: #aaa; border: 1px solid rgba(255,255,255,.1); background-color: #1a1a1a; border-radius: 50px; line-height: 1; padding: 7px 16px; display: inline-flex; align-items: center; gap: 8px; transition: .35s; white-space: nowrap }
.pf-showcase-carosule-section { background: linear-gradient(rgba(0,0,0,0.4) 0%,rgba(0,0,0,0.4) 100%),url("../img/innerpage/pf-sw-cra-bg.jpg"); background-position: center center; background-size: cover; background-repeat: no-repeat; height: 100vh; display: flex; align-items: center; justify-content: center }

@media(max-width:991px) {
    .pf-showcase-carosule-section { height: unset; padding: 150px 0 100px }
}

.pf-showcase-carosule-section .social-area-group { position: absolute; left: 0; bottom: 30px; z-index: 9; padding: 0 3%; display: flex; align-items: center; justify-content: space-between; width: 100% }

@media(max-width:1399px) {
    .pf-showcase-carosule-section .social-area-group { padding: 0 2% }
}

.pf-showcase-carosule-section .social-area-group .social-icon { margin: 0; padding: 0; list-style: none; display: flex; align-items: center; gap: 20px }

@media(max-width:1199px) {
    .pf-showcase-carosule-section .social-area-group .social-icon { display: none; visibility: hidden }
}

.pf-showcase-carosule-section .social-area-group .social-icon li a { font-family: var(--font-Urbanist); font-size: 14px; font-weight: 500; letter-spacing: 0; color: var(--white-color); border: 1px solid rgba(255,255,255,.2); border-radius: 50px; line-height: 1; padding: 6px 16px; display: inline-flex; align-items: center; gap: 8px; transition: .35s }
    .pf-showcase-carosule-section .social-area-group .social-icon li a:hover { background-color: var(--primary-color); border-color: var(--primary-color) }
.pf-showcase-carosule-section .pf-shocase-carosule-wrap { padding: 0 3% }

@media(max-width:1399px) {
    .pf-showcase-carosule-section .pf-shocase-carosule-wrap { padding: 0 2% }
}

.pf-showcase-carosule-section .pf-shocase-carosule-wrap .view-all-btn { margin-bottom: 30px }
    .pf-showcase-carosule-section .pf-shocase-carosule-wrap .view-all-btn a { font-family: var(--font-Urbanist); font-size: 15px; font-weight: 500; line-height: 1; letter-spacing: 0; color: var(--white-color); display: flex; align-items: center; gap: 8px; transition: .35s }
        .pf-showcase-carosule-section .pf-shocase-carosule-wrap .view-all-btn a svg { fill: var(--primary-color); transition: .35s }
        .pf-showcase-carosule-section .pf-shocase-carosule-wrap .view-all-btn a:hover { color: var(--primary-color) }
.pf-showcase-carosule-section .pf-shocase-carosule-wrap .pf-shocase-carosule-group { display: flex; align-items: center; overflow-x: scroll; position: relative }
    .pf-showcase-carosule-section .pf-shocase-carosule-wrap .pf-shocase-carosule-group::-webkit-scrollbar { height: 0; width: 0 }

@media(max-width:991px) {
    .pf-showcase-carosule-section .pf-shocase-carosule-wrap .pf-shocase-carosule-group { display: grid; grid-template-columns: 50% 50%; -moz-column-gap: 24px; column-gap: 24px }
}

@media(max-width:991px) and (max-width:576px) {
    .pf-showcase-carosule-section .pf-shocase-carosule-wrap .pf-shocase-carosule-group { grid-template-columns: 100% }
}

.pf-showcase-carosule-section .pf-shocase-carosule-wrap .pf-shocase-carosule-group .single-shocase-carosule { display: inline-block; transition: .45s; position: relative; max-width: 296px; width: 100%; overflow: hidden; height: 530px }

@media(min-width:1400px) and (max-width:1599px) {
    .pf-showcase-carosule-section .pf-shocase-carosule-wrap .pf-shocase-carosule-group .single-shocase-carosule { max-width: 250px; height: 380px }
}

@media(max-width:1399px) {
    .pf-showcase-carosule-section .pf-shocase-carosule-wrap .pf-shocase-carosule-group .single-shocase-carosule { max-width: 235px; height: 350px }
}

@media(max-width:1199px) {
    .pf-showcase-carosule-section .pf-shocase-carosule-wrap .pf-shocase-carosule-group .single-shocase-carosule { max-width: 150px; height: 350px }
}

@media(max-width:991px) {
    .pf-showcase-carosule-section .pf-shocase-carosule-wrap .pf-shocase-carosule-group .single-shocase-carosule { display: block; max-width: 100%; height: 350px; margin-bottom: 24px }
        .pf-showcase-carosule-section .pf-shocase-carosule-wrap .pf-shocase-carosule-group .single-shocase-carosule:last-child { margin-bottom: 0 }
}

.pf-showcase-carosule-section .pf-shocase-carosule-wrap .pf-shocase-carosule-group .single-shocase-carosule .shocase-carasole-img { height: 100% }
    .pf-showcase-carosule-section .pf-shocase-carosule-wrap .pf-shocase-carosule-group .single-shocase-carosule .shocase-carasole-img img { -o-object-fit: cover; object-fit: cover; height: 100% }
.pf-showcase-carosule-section .pf-shocase-carosule-wrap .pf-shocase-carosule-group .single-shocase-carosule .details-btn { position: absolute; top: 30px; right: 30px; transform: .45s; opacity: 0; z-index: 3 }
    .pf-showcase-carosule-section .pf-shocase-carosule-wrap .pf-shocase-carosule-group .single-shocase-carosule .details-btn a { height: 50px; width: 50px; display: flex; align-items: center; justify-content: center; border-radius: 50%; background-color: var(--primary-color) }
        .pf-showcase-carosule-section .pf-shocase-carosule-wrap .pf-shocase-carosule-group .single-shocase-carosule .details-btn a svg { fill: var(--white-color) }
.pf-showcase-carosule-section .pf-shocase-carosule-wrap .pf-shocase-carosule-group .single-shocase-carosule .shocase-carasole-content { position: absolute; left: 0; top: 0; opacity: 0; z-index: 1; transition: opacity .3s,transform .7s cubic-bezier(.23,1,.32,1) }
    .pf-showcase-carosule-section .pf-shocase-carosule-wrap .pf-shocase-carosule-group .single-shocase-carosule .shocase-carasole-content > a { font-family: var(--font-Urbanist); font-size: 12px; font-weight: 500; line-height: 20px; letter-spacing: 0; color: var(--dark-title-color); background-color: var(--primary-color2); line-height: 1; padding: 9px 20px; display: inline-block }
    .pf-showcase-carosule-section .pf-shocase-carosule-wrap .pf-shocase-carosule-group .single-shocase-carosule .shocase-carasole-content h6 { margin-bottom: 0; line-height: 1 }
        .pf-showcase-carosule-section .pf-shocase-carosule-wrap .pf-shocase-carosule-group .single-shocase-carosule .shocase-carasole-content h6 a { font-family: var(--font-Urbanist); font-size: 16px; font-weight: 500; line-height: 20px; letter-spacing: 0; color: var(--white-color); background-color: var(--dark-title-color); padding: 11px 20px; display: inline-block; transition: .35s }
            .pf-showcase-carosule-section .pf-shocase-carosule-wrap .pf-shocase-carosule-group .single-shocase-carosule .shocase-carasole-content h6 a:hover { background-color: var(--primary-color) }
.pf-showcase-carosule-section .pf-shocase-carosule-wrap .pf-shocase-carosule-group .single-shocase-carosule:hover .shocase-carasole-content { opacity: 1 }
.pf-showcase-carosule-section .pf-shocase-carosule-wrap .pf-shocase-carosule-group .single-shocase-carosule.active { max-width: 592px }

@media(min-width:1400px) and (max-width:1599px) {
    .pf-showcase-carosule-section .pf-shocase-carosule-wrap .pf-shocase-carosule-group .single-shocase-carosule.active { max-width: 500px }
}

@media(max-width:1499px) {
    .pf-showcase-carosule-section .pf-shocase-carosule-wrap .pf-shocase-carosule-group .single-shocase-carosule.active { max-width: 400px }
}

@media(max-width:1399px) {
    .pf-showcase-carosule-section .pf-shocase-carosule-wrap .pf-shocase-carosule-group .single-shocase-carosule.active { max-width: 380px }
}

@media(max-width:991px) {
    .pf-showcase-carosule-section .pf-shocase-carosule-wrap .pf-shocase-carosule-group .single-shocase-carosule.active { max-width: 100% }
}

.pf-showcase-carosule-section .pf-shocase-carosule-wrap .pf-shocase-carosule-group .single-shocase-carosule.active .details-btn { opacity: 1 }
.portfolio-page-area .section-title h1 { font-size: 130px; line-height: 1 }
    .portfolio-page-area .section-title h1 span { display: inline }
    .portfolio-page-area .section-title h1 sup { width: 50px; height: 50px; border-radius: 50%; display: inline-flex; align-items: center; justify-content: center; background-color: var(--primary-color2); font-family: var(--font-Urbanist); font-size: 16px; font-weight: 500; letter-spacing: 0; color: var(--dark-title-color); top: -70px }

@media(max-width:1399px) {
    .portfolio-page-area .section-title h1 { font-size: 90px }
}

@media(max-width:1199px) {
    .portfolio-page-area .section-title h1 { font-size: 70px }
}

@media(max-width:576px) {
    .portfolio-page-area .section-title h1 { font-size: 45px }
}

.portfolio-page-area .section-title .dash-and-paragraph svg { fill: var(--border-color2) }
.portfolio-page-area .section-title .dash-and-paragraph .btn-and-paragraph { text-align: end }
    .portfolio-page-area .section-title .dash-and-paragraph .btn-and-paragraph span { color: var(--title-color); font-family: var(--font-Urbanist); font-size: 14px; font-weight: 400; border-radius: 50px; border: 1px solid var(--border-color2); background: #f8f8f8; line-height: 1; padding: 13px 20px; display: inline-flex; justify-content: end; margin-bottom: 20px }
    .portfolio-page-area .section-title .dash-and-paragraph .btn-and-paragraph p { max-width: 424px; min-width: 424px; text-align: start }

@media(max-width:767px) {
    .portfolio-page-area .section-title .dash-and-paragraph .btn-and-paragraph p { min-width: unset }
}

.portfolio-page-area.portfolio-showcase-horizental { overflow: hidden }
    .portfolio-page-area.portfolio-showcase-horizental .filter-button-group ul { margin: 0; padding: 0; list-style: none; gap: 20px }
        .portfolio-page-area.portfolio-showcase-horizental .filter-button-group ul li { cursor: pointer; font-family: var(--font-Urbanist); font-size: 14px; font-weight: 500; line-height: 1; letter-spacing: 0; text-align: center; background-color: #f7f7f7; margin-right: 10px; padding: 8px 20px; border-radius: 50px }
            .portfolio-page-area.portfolio-showcase-horizental .filter-button-group ul li.active { background-color: var(--primary-color); color: var(--white-color) }
    .portfolio-page-area.portfolio-showcase-horizental .single-work { position: relative; z-index: 1; display: grid; grid-template-columns: 37% 33% 30%; padding: 50px 0 0; margin-top: 50px; border-top: 1px solid var(--border-color2) }

@media(max-width:1399px) {
    .portfolio-page-area.portfolio-showcase-horizental .single-work { grid-template-columns: 30% 40% 30% }
}

@media(max-width:1199px) {
    .portfolio-page-area.portfolio-showcase-horizental .single-work { grid-template-columns: 35% 40% 25%; padding: 40px 0 0; margin-top: 40px }
}

@media(max-width:991px) {
    .portfolio-page-area.portfolio-showcase-horizental .single-work { display: block }
}

.portfolio-page-area.portfolio-showcase-horizental .single-work .work-name { display: flex; gap: 10px }

@media(max-width:991px) {
    .portfolio-page-area.portfolio-showcase-horizental .single-work .work-name { margin-bottom: 15px }
}

.portfolio-page-area.portfolio-showcase-horizental .single-work .work-name .sn { font-family: var(--font-Urbanist); font-size: 30px; font-weight: 500; letter-spacing: 0; line-height: 1.4; color: var(--title-color); transition: .35s }

@media(max-width:1399px) {
    .portfolio-page-area.portfolio-showcase-horizental .single-work .work-name .sn { font-size: 24px }
}

.portfolio-page-area.portfolio-showcase-horizental .single-work .work-name h3 { line-height: 1; margin-bottom: 0; transition: .35s }
    .portfolio-page-area.portfolio-showcase-horizental .single-work .work-name h3 a { font-family: var(--font-Urbanist); font-size: 30px; font-weight: 500; line-height: 1.4; letter-spacing: 0; color: var(--title-color); transition: .35s }

@media(max-width:1399px) {
    .portfolio-page-area.portfolio-showcase-horizental .single-work .work-name h3 a { font-size: 24px }
}

.portfolio-page-area.portfolio-showcase-horizental .single-work .work-name:hover .sn { color: var(--primary-color) }
.portfolio-page-area.portfolio-showcase-horizental .single-work .work-name:hover h3 a { color: var(--primary-color) }
.portfolio-page-area.portfolio-showcase-horizental .single-work .work-discription { line-height: 1 }

@media(max-width:991px) {
    .portfolio-page-area.portfolio-showcase-horizental .single-work .work-discription { margin-bottom: 30px }
}

.portfolio-page-area.portfolio-showcase-horizental .single-work .work-discription p { font-family: var(--font-Urbanist); font-size: 16px; font-weight: 400; line-height: 26px; letter-spacing: 0; margin-bottom: 0; color: var(--paragraph-color) }
.portfolio-page-area.portfolio-showcase-horizental .single-work .work-discription ul { padding: 0; margin: 0; list-style: none; display: flex; align-items: center; flex-wrap: wrap; gap: 15px; padding-top: 25px }
    .portfolio-page-area.portfolio-showcase-horizental .single-work .work-discription ul li a { color: var(--title-color); font-family: var(--font-Urbanist); font-size: 14px; font-weight: 400; line-height: 1; border-radius: 50px; background: 0 0; padding: 7px 19px; border: 1px solid var(--border-color2); transition: .35s; display: inline-block }
        .portfolio-page-area.portfolio-showcase-horizental .single-work .work-discription ul li a:hover { background-color: var(--title-color); border-color: var(--title-color); color: var(--white-color) }
.portfolio-page-area.portfolio-showcase-horizental .single-work .details-btn-wrap { display: flex; justify-content: end }

@media(max-width:991px) {
    .portfolio-page-area.portfolio-showcase-horizental .single-work .details-btn-wrap { justify-content: start }
}

.portfolio-page-area.portfolio-showcase-horizental .single-work .details-btn-wrap .primary-btn4 { padding: 12px 25px; background-color: var(--title-color); color: var(--white-color); border-color: var(--title-color) }
    .portfolio-page-area.portfolio-showcase-horizental .single-work .details-btn-wrap .primary-btn4 svg { fill: var(--white-color) }
    .portfolio-page-area.portfolio-showcase-horizental .single-work .details-btn-wrap .primary-btn4:hover { border-color: var(--primary-color) }
.portfolio-page-area.portfolio-showcase-horizental .single-work .services-img { width: 260px; height: 320px; position: absolute; top: 0; left: 0; opacity: 0; z-index: -1; transition: opacity .3s,transform .7s cubic-bezier(.23,1,.32,1); border-radius: 5px; overflow: hidden; pointer-events: none }
    .portfolio-page-area.portfolio-showcase-horizental .single-work .services-img img { -o-object-fit: cover; object-fit: cover }

@media(max-width:991px) {
    .portfolio-page-area.portfolio-showcase-horizental .single-work .services-img { display: none; visibility: hidden }
}

.portfolio-page-area.portfolio-showcase-horizental .single-work:hover .services-img { opacity: 1 }
.portfolio-page-area .interactive-link-wrapper { display: flex; align-items: center; gap: 50px; padding-bottom: 45px }
    .portfolio-page-area .interactive-link-wrapper:last-child { padding-bottom: 0 }

@media(max-width:991px) {
    .portfolio-page-area .interactive-link-wrapper { gap: 18px; justify-content: space-between; flex-wrap: wrap }
}

.portfolio-page-area .interactive-link-wrapper svg { max-width: 250px; width: 100%; fill: var(--title-color) }

@media(max-width:1199px) {
    .portfolio-page-area .interactive-link-wrapper svg { max-width: 200px }
}

@media(max-width:991px) {
    .portfolio-page-area .interactive-link-wrapper svg { max-width: 120px }
}

@media(max-width:767px) {
    .portfolio-page-area .interactive-link-wrapper svg { display: none }
}

.portfolio-page-area .interactive-link-wrapper .single-interactive-link { position: relative }
    .portfolio-page-area .interactive-link-wrapper .single-interactive-link a { font-family: var(--font-Urbanist); font-size: 30px; font-weight: 500; line-height: 37px; letter-spacing: 0; color: var(--title-color); transition: .35s }

@media(max-width:991px) {
    .portfolio-page-area .interactive-link-wrapper .single-interactive-link a { font-size: 24px }
}

.portfolio-page-area .interactive-link-wrapper .single-interactive-link a sup { height: 34px; width: 34px; border-radius: 50%; display: inline-flex; align-items: center; justify-content: center; font-family: var(--font-Urbanist); font-size: 12px; font-weight: 500; line-height: 15px; letter-spacing: 0; color: var(--title-color); background-color: #f8f8f8; border: 1px solid var(--border-color2); top: -20px; transition: .35s }
.portfolio-page-area .interactive-link-wrapper .single-interactive-link a:hover { color: var(--primary-color) }
    .portfolio-page-area .interactive-link-wrapper .single-interactive-link a:hover sup { background-color: var(--primary-color); border-color: var(--primary-color); color: var(--white-color) }
.portfolio-page-area .interactive-link-wrapper .single-interactive-link .pf-img { width: 224px; height: 250px; position: absolute; top: 0; left: 0; opacity: 0; z-index: -1; margin-top: -90px; transition: opacity .3s,transform .7s cubic-bezier(.23,1,.32,1); border-radius: 5px; overflow: hidden; pointer-events: none }
    .portfolio-page-area .interactive-link-wrapper .single-interactive-link .pf-img img { -o-object-fit: cover; object-fit: cover }

@media(max-width:767px) {
    .portfolio-page-area .interactive-link-wrapper .single-interactive-link .pf-img { display: none; visibility: hidden }
}

.portfolio-page-area .interactive-link-wrapper .single-interactive-link:hover .pf-img { opacity: 1 }
.portfolio-page-area .social-wrapper { display: flex; align-items: flex-start; gap: 24px }
    .portfolio-page-area .social-wrapper svg { fill: var(--border-color2); width: 100% }

@media(max-width:576px) {
    .portfolio-page-area .social-wrapper svg { display: none; visibility: hidden }
}

.portfolio-page-area .social-wrapper .social-area { max-width: 312px; min-width: 312px }
    .portfolio-page-area .social-wrapper .social-area p { font-family: var(--font-Urbanist); font-size: 16px; font-weight: 400; line-height: 26px; letter-spacing: 0; color: var(--paragraph-color); margin-bottom: 20px }
    .portfolio-page-area .social-wrapper .social-area ul { display: flex; align-items: center; flex-wrap: wrap; gap: 20px; margin: 0; padding: 0; list-style: none }
        .portfolio-page-area .social-wrapper .social-area ul li a { border: 1px solid var(--border-color); border-radius: 50px; display: flex; align-items: center; gap: 8px; color: var(--title-color); font-family: var(--font-Urbanist); font-size: 14px; font-weight: 500; line-height: 1; padding: 7px 15px; transition: .35s }
            .portfolio-page-area .social-wrapper .social-area ul li a i { color: var(--paragraph-color); line-height: 1; transition: .35s }
            .portfolio-page-area .social-wrapper .social-area ul li a:hover { background-color: var(--primary-color); border-color: var(--primary-color); color: var(--white-color) }
                .portfolio-page-area .social-wrapper .social-area ul li a:hover i { color: var(--white-color) }
.portfolio-page-area .load-more-btn button { border: 1px solid rgba(var(--title-color-opc),0.1); background-color: transparent; height: 200px; width: 200px }
.portfolio-page-area .vrt-item:nth-child(odd) .snigle-vertica-item { margin-bottom: 130px }

@media(max-width:991px) {
    .portfolio-page-area .vrt-item:nth-child(odd) .snigle-vertica-item { margin-bottom: 90px }
}

@media(max-width:767px) {
    .portfolio-page-area .vrt-item:nth-child(odd) .snigle-vertica-item { margin-bottom: unset }
}

.portfolio-page-area .vrt-item:nth-child(even) .snigle-vertica-item { margin-top: 130px }

@media(max-width:991px) {
    .portfolio-page-area .vrt-item:nth-child(even) .snigle-vertica-item { margin-top: 90px }
}

@media(max-width:767px) {
    .portfolio-page-area .vrt-item:nth-child(even) .snigle-vertica-item { margin-top: unset }
}

.portfolio-page-area .vrt-item:nth-child(2) .snigle-vertica-item { margin-bottom: 130px }

@media(max-width:991px) {
    .portfolio-page-area .vrt-item:nth-child(2) .snigle-vertica-item { margin-bottom: 90px }
}

@media(max-width:767px) {
    .portfolio-page-area .vrt-item:nth-child(2) .snigle-vertica-item { margin-bottom: unset }
}

.portfolio-page-area .vrt-item .snigle-vertica-item { position: relative }
    .portfolio-page-area .vrt-item .snigle-vertica-item .pf-img { display: inline-block }
    .portfolio-page-area .vrt-item .snigle-vertica-item .vertica-item-content { position: absolute; left: 0; top: 0; opacity: 0; z-index: 1; transition: opacity .3s,transform .7s cubic-bezier(.23,1,.32,1) }
        .portfolio-page-area .vrt-item .snigle-vertica-item .vertica-item-content > a { font-family: var(--font-Urbanist); font-size: 12px; font-weight: 500; line-height: 20px; letter-spacing: 0; color: var(--white-color); background-color: var(--primary-color); line-height: 1; padding: 9px 20px; display: inline-block }
        .portfolio-page-area .vrt-item .snigle-vertica-item .vertica-item-content h6 { margin-bottom: 0; line-height: 1 }
            .portfolio-page-area .vrt-item .snigle-vertica-item .vertica-item-content h6 a { font-family: var(--font-Urbanist); font-size: 16px; font-weight: 500; line-height: 20px; letter-spacing: 0; color: var(--white-color); background-color: var(--dark-title-color); padding: 11px 20px; display: inline-block; transition: .35s }
                .portfolio-page-area .vrt-item .snigle-vertica-item .vertica-item-content h6 a:hover { background-color: var(--primary-color) }
    .portfolio-page-area .vrt-item .snigle-vertica-item:hover .vertica-item-content { opacity: 1 }
.pf-shoecase-page .filter-button-group { margin-bottom: 50px; display: flex; justify-content: center }

@media(max-width:576px) {
    .pf-shoecase-page .filter-button-group { justify-content: flex-start }
}

.pf-shoecase-page .filter-button-group ul { margin: 0; padding: 0; list-style: none; gap: 20px; display: inline-flex; align-items: center; flex-wrap: wrap; border: 1px solid var(--border-color2); border-radius: 100px; justify-content: center; padding: 13px 30px }

@media(max-width:576px) {
    .pf-shoecase-page .filter-button-group ul { justify-content: flex-start; padding: 0; border: none; gap: 15px; border-radius: 0 }
}

.pf-shoecase-page .filter-button-group ul li { cursor: pointer; font-family: var(--font-Urbanist); font-size: 14px; font-weight: 500; line-height: 1; letter-spacing: 0; text-align: center; background-color: #f7f7f7; margin-right: 10px; padding: 8px 20px; border-radius: 50px }
    .pf-shoecase-page .filter-button-group ul li.active { background-color: var(--primary-color); color: var(--white-color) }
.pf-shoecase-page .single-portfolio-sw { position: relative; transition: all .45s }
    .pf-shoecase-page .single-portfolio-sw .pf-shw-content-wrap { position: absolute; left: 30px; right: 30px; top: 40px; bottom: 40px; transform: scale(.3); transition: all .45s; opacity: 0; display: flex; align-items: center; justify-content: center; background-color: var(---dark-white-color) }

@media(max-width:1199px) {
    .pf-shoecase-page .single-portfolio-sw .pf-shw-content-wrap { left: 20px; right: 20px; top: 30px; bottom: 30px }
}

.pf-shoecase-page .single-portfolio-sw .pf-shw-content-wrap .publish-date { font-family: var(--font-Urbanist); font-size: 14px; font-weight: 400; line-height: 17px; letter-spacing: 0; color: var(--paragraph-color); line-height: 1; position: absolute; right: 25px; top: 25px }
.pf-shoecase-page .single-portfolio-sw .pf-shw-content-wrap .pf-shw-content { padding: 20px 30px }

@media(max-width:1199px) {
    .pf-shoecase-page .single-portfolio-sw .pf-shw-content-wrap .pf-shw-content { padding: 20px }
}

.pf-shoecase-page .single-portfolio-sw .pf-shw-content-wrap .pf-shw-content h4 { line-height: 1; margin-bottom: 16px }
    .pf-shoecase-page .single-portfolio-sw .pf-shw-content-wrap .pf-shw-content h4 a { font-family: var(--font-Urbanist); font-size: 22px; font-weight: 500; line-height: 1.4; text-align: center; color: var(--title-color); transition: .35s }

@media(max-width:1199px) {
    .pf-shoecase-page .single-portfolio-sw .pf-shw-content-wrap .pf-shw-content h4 a { font-size: 20px }
}

.pf-shoecase-page .single-portfolio-sw .pf-shw-content-wrap .pf-shw-content h4 a:hover { color: var(--primary-color) }
.pf-shoecase-page .single-portfolio-sw .pf-shw-content-wrap .pf-shw-content > a { font-family: var(--font-Urbanist); font-size: 14px; font-weight: 500; line-height: 17px; color: var(--paragraph-color); border: 1px solid var(--border-color2); border-radius: 50px; display: inline-block; padding: 5px 16px; transition: .35s }
    .pf-shoecase-page .single-portfolio-sw .pf-shw-content-wrap .pf-shw-content > a:hover { color: var(--white-color); background-color: var(--primary-color); border-color: var(--primary-color) }
.pf-shoecase-page .single-portfolio-sw:hover .pf-shw-content-wrap { transform: scale(1); opacity: 1 }
.service-details .service-post-thumb-slider { position: relative }
    .service-details .service-post-thumb-slider .slider-btn-group { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); z-index: 1; width: 95%; max-width: unset; min-width: unset; opacity: 0; transition: .45s }
    .service-details .service-post-thumb-slider:hover .slider-btn-group { opacity: 1 }
.service-details .post-tag-and-title { padding-bottom: 50px; border-bottom: 1px solid var(--border-color2) }
.process-card { border-radius: 5px; padding: 40px 24px; border: 1px solid var(--border-color2); position: relative }

@media(max-width:1399px) {
    .process-card { padding: 30px 20px }
}

.process-card .icon { margin-bottom: 30px }

@media(max-width:767px) {
    .process-card .icon { margin-bottom: 20px }
}

.process-card .icon svg { fill: var(--title-color) }
.process-card .process-content { line-height: 1 }
    .process-card .process-content h4 { color: var(--title-color); font-family: var(--font-Urbanist); font-size: 22px; font-weight: 500; line-height: 1.3; margin-bottom: 15px }

@media(max-width:767px) {
    .process-card .process-content h4 { font-size: 20px; margin-bottom: 10px }
}

.process-card .process-content p { color: var(--paragraph-color); font-family: var(--font-Urbanist); font-size: 15px; font-weight: 400; line-height: 26px; margin-bottom: 0 }
.process-card.two { background-color: #faf8fb }
.service-details-faq-section { background-color: #f8f8f8; padding: 110px 0 }

@media(max-width:1199px) {
    .service-details-faq-section { padding: 100px 0 }
}

@media(max-width:991px) {
    .service-details-faq-section { padding: 90px 0 }
}

.service-details-faq-section .sub-title2 h6 { background-color: #202020; color: var(--white-color) }
.service-details-faq-section .section-title .dash-and-paragraph p { margin-bottom: 0 }
.service-details-faq-section .faq-wrap .single-faq { background-color: var(---dark-white-color) }
.faq-wrap .single-faq { padding: 30px; background-color: #faf8fb; border-radius: 5px }

@media(max-width:576px) {
    .faq-wrap .single-faq { padding: 25px 20px }
}

.faq-wrap .single-faq h6 { color: var(--title-color); font-family: var(--font-Urbanist); font-size: 18px; font-weight: 500; line-height: 1.7; margin-bottom: 15px }

@media(max-width:576px) {
    .faq-wrap .single-faq h6 { margin-bottom: 10px; font-size: 17px }
}

.faq-wrap .single-faq p { color: var(--paragraph-color); font-family: var(--font-Urbanist); font-size: 15px; font-weight: 400; line-height: 26px; margin-bottom: 0 }
.faq-contact-area .faq-contact-top-area { padding: 70px 110px 250px; border: 1px solid var(--primary-color3); border-radius: 20px; position: relative }

@media(max-width:1399px) {
    .faq-contact-area .faq-contact-top-area { padding: 70px 90px 230px }
}

@media(max-width:1199px) {
    .faq-contact-area .faq-contact-top-area { padding: 50px 50px 210px }
}

@media(max-width:991px) {
    .faq-contact-area .faq-contact-top-area { padding: 0; border: unset; margin-bottom: 40px }
}

.faq-contact-area .faq-contact-top-area .vector { fill: none; stroke: #d9d2f3; position: absolute; top: 0; right: 0 }

@media(max-width:1199px) {
    .faq-contact-area .faq-contact-top-area .vector { display: none }
}

.faq-contact-area .faq-contact-top-area .section-title { max-width: 730px; width: 100% }
    .faq-contact-area .faq-contact-top-area .section-title h2 { font-size: 45px }

@media(max-width:1399px) {
    .faq-contact-area .faq-contact-top-area .section-title h2 { font-size: 40px }
}

@media(max-width:1199px) {
    .faq-contact-area .faq-contact-top-area .section-title h2 { font-size: 35px }
}

@media(max-width:576px) {
    .faq-contact-area .faq-contact-top-area .section-title h2 { font-size: 30px }
}

.faq-contact-area .faq-contact-form-area { margin-top: -180px; position: relative }

@media(max-width:991px) {
    .faq-contact-area .faq-contact-form-area { margin-top: 0 }
}

.faq-contact-area .faq-contact-form-area .faq-contact-form-wrap { background-color: #d9d2f3; border-radius: 10px; padding: 50px 40px }

@media(max-width:991px) {
    .faq-contact-area .faq-contact-form-area .faq-contact-form-wrap { padding: 45px 35px }
}

@media(max-width:767px) {
    .faq-contact-area .faq-contact-form-area .faq-contact-form-wrap { padding: 40px 30px }
}

@media(max-width:576px) {
    .faq-contact-area .faq-contact-form-area .faq-contact-form-wrap { padding: 40px 20px }
}

@media(max-width:576px) {
    .faq-contact-area .faq-contact-form-area .faq-contact-form-wrap .primary-btn3 { font-size: 14px; padding: 16px 25px }
}

.contact-page .contact-info-wrap .mb--30 { margin-bottom: 30px }

@media(min-width:992px) and (max-width:1199px) {
    .contact-page .contact-info-wrap .mb--30 { margin-bottom: 0 }
}

@media(min-width:768px) and (max-width:991px) {
    .contact-page .contact-info-wrap .mb--30 { margin-bottom: 0 }
}

.contact-page .contact-info-wrap .single-location { border: 1px solid var(--border-color2); background-color: #faf8fb; border-radius: 10px; padding: 45px 40px }

@media(min-width:1200px) and (max-width:1399px) {
    .contact-page .contact-info-wrap .single-location { padding: 35px 25px }
}

@media(max-width:1199px) {
    .contact-page .contact-info-wrap .single-location { padding: 40px 25px }
}

.contact-page .contact-info-wrap .single-location .title { margin-bottom: 20px }
    .contact-page .contact-info-wrap .single-location .title h4 { color: var(--title-color); font-family: var(--font-Urbanist); font-size: 22px; font-weight: 500; margin-bottom: 0; line-height: 1 }
.contact-page .contact-info-wrap .single-location ul { margin: 0; padding: 0; list-style: none; max-width: 320px; width: 100% }
    .contact-page .contact-info-wrap .single-location ul li { display: flex; align-items: center; gap: 14px; line-height: 1; margin-bottom: 20px; transition: .35s }
        .contact-page .contact-info-wrap .single-location ul li:last-child { margin-bottom: 0 }
        .contact-page .contact-info-wrap .single-location ul li .icon { max-width: 34px; min-width: 34px; height: 34px; border: 1px solid var(--border-color2); border-radius: 50%; display: flex; align-items: center; justify-content: center; transition: .35s }
            .contact-page .contact-info-wrap .single-location ul li .icon svg { transition: .35s; fill: var(--primary-color) }
        .contact-page .contact-info-wrap .single-location ul li .info { line-height: 1 }
            .contact-page .contact-info-wrap .single-location ul li .info a { color: var(--paragraph-color); font-family: var(--font-Urbanist); font-size: 14px; font-weight: 500; line-height: 26px; display: block }
                .contact-page .contact-info-wrap .single-location ul li .info a:hover { color: var(--primary-color) }
        .contact-page .contact-info-wrap .single-location ul li:hover .icon { background-color: var(--primary-color) }
            .contact-page .contact-info-wrap .single-location ul li:hover .icon svg { fill: var(--white-color) }
.contact-page .contact-form-wrap { background-color: #faf8fb; border-radius: 10px; padding: 60px 50px; border: 1px solid #eeeeee; }

@media(min-width:1200px) {
    .contact-page .contact-form-wrap { margin-left: 60px }
}

@media(max-width:991px) {
    .contact-page .contact-form-wrap { padding: 50px 40px }
}

@media(max-width:576px) {
    .contact-page .contact-form-wrap { padding: 45px 20px; border-radius: 5px }
}

.contact-page .contact-form-wrap .form-inner label span { color: var(--paragraph-color) }
.contact-page .contact-form-wrap .form-inner textarea { min-height: 145px }

@media(max-width:576px) {
    .contact-page .contact-form-wrap .primary-btn3 { font-size: 14px; padding: 16px 25px }
}

.contact-page-map { width: 100%; max-height: 660px; height: 100% }

@media(max-width:1399px) {
    .contact-page-map { max-height: 560px }
}

@media(max-width:1199px) {
    .contact-page-map { max-height: 460px }
}

@media(max-width:576px) {
    .contact-page-map { max-height: 350px }
}

.contact-page-map iframe { width: 100%; height: 100%; min-height: 550px; filter: grayscale(199%) invert(72%) contrast(122%) }

@media(max-width:576px) {
    .contact-page-map iframe { min-height: 350px }
}

.pricing-page .section-title-and-tab-btn h1 { color: var(--title-color); font-family: var(--font-Urbanist); font-size: 60px; font-weight: 500; line-height: 1.3; margin-bottom: 0; max-width: 844px; width: 100% }

@media(max-width:1399px) {
    .pricing-page .section-title-and-tab-btn h1 { font-size: 55px }
}

@media(max-width:1199px) {
    .pricing-page .section-title-and-tab-btn h1 { font-size: 50px }
}

@media(max-width:767px) {
    .pricing-page .section-title-and-tab-btn h1 { font-size: 40px }
}

@media(max-width:576px) {
    .pricing-page .section-title-and-tab-btn h1 { font-size: 32px }
}

.pricing-page .section-title-and-tab-btn .arrow-and-tab-btn { display: flex; align-items: center; gap: 70px }

@media(max-width:1199px) {
    .pricing-page .section-title-and-tab-btn .arrow-and-tab-btn { gap: 40px }
}

@media(max-width:991px) {
    .pricing-page .section-title-and-tab-btn .arrow-and-tab-btn { padding-top: 25px }
}

.pricing-page .section-title-and-tab-btn .arrow-and-tab-btn svg { width: 100%; fill: none; stroke: var(--border-color2) }

@media(max-width:991px) {
    .pricing-page .section-title-and-tab-btn .arrow-and-tab-btn svg { display: none }
}

.pricing-page .section-title-and-tab-btn .arrow-and-tab-btn .tab-btn-area { position: relative }
    .pricing-page .section-title-and-tab-btn .arrow-and-tab-btn .tab-btn-area .discount { display: inline-flex; flex-direction: column; align-items: center; gap: 10px; position: absolute; top: -100px; right: 40px }
        .pricing-page .section-title-and-tab-btn .arrow-and-tab-btn .tab-btn-area .discount svg { fill: var(--title-color); stroke: var(--title-color); width: unset }
        .pricing-page .section-title-and-tab-btn .arrow-and-tab-btn .tab-btn-area .discount span { color: #6c2eb9; font-family: var(--font-Urbanist); font-size: 14px; font-weight: 500; line-height: 1 }
    .pricing-page .section-title-and-tab-btn .arrow-and-tab-btn .tab-btn-area nav .nav-tabs { border-bottom: none; background: var(--primary-color3); border-radius: 50px; flex-wrap: nowrap }
        .pricing-page .section-title-and-tab-btn .arrow-and-tab-btn .tab-btn-area nav .nav-tabs .nav-link { font-family: var(--font-Urbanist); font-weight: 500; font-size: 16px; color: var(--white-color); border: none; border-radius: 50px 0 0 50px; padding: 20px 29px; line-height: 1; display: flex; align-items: center; gap: 8px; position: relative; margin-bottom: 0 }

@media(max-width:576px) {
    .pricing-page .section-title-and-tab-btn .arrow-and-tab-btn .tab-btn-area nav .nav-tabs .nav-link { font-size: 15px }
}

.pricing-page .section-title-and-tab-btn .arrow-and-tab-btn .tab-btn-area nav .nav-tabs .nav-link:last-child { border-radius: 0 50px 50px 0 }
.pricing-page .section-title-and-tab-btn .arrow-and-tab-btn .tab-btn-area nav .nav-tabs .nav-link span { font-family: var(--font-Urbanist); font-weight: 500; font-size: 10px; color: var(--white-color); background: #6c2eb9; border-radius: 100%; padding: 5px 7px; position: absolute; right: 0; top: -10px }
.pricing-page .section-title-and-tab-btn .arrow-and-tab-btn .tab-btn-area nav .nav-tabs .nav-link:hover { border: none }
.pricing-page .section-title-and-tab-btn .arrow-and-tab-btn .tab-btn-area nav .nav-tabs .nav-link:focus { border: none; box-shadow: unset }
.pricing-page .section-title-and-tab-btn .arrow-and-tab-btn .tab-btn-area nav .nav-tabs .nav-link.active { color: var(--white-color); background: var(--primary-color); border: none; box-shadow: unset }
.pricing-page .pricing-card { position: relative; padding: 50px 35px; background-color: #fffef8; box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px; border-radius: 10px; }

@media(min-width:1200px) and (max-width:1399px) {
    .pricing-page .pricing-card { padding: 45px 25px }
}

@media(max-width:991px) {
    .pricing-page .pricing-card { padding: 40px 20px }
}

@media(min-width:576px) and (max-width:768px) {
    .pricing-page .pricing-card { padding: 40px 30px }
}

.pricing-page .pricing-card .pricing-top { border-bottom: 1px solid rgba(var(--title-color-opc),0.08); padding-bottom: 40px; margin-bottom: 60px }

@media(max-width:1199px) {
    .pricing-page .pricing-card .pricing-top { padding-bottom: 30px; margin-bottom: 50px }
}

@media(max-width:576px) {
    .pricing-page .pricing-card .pricing-top { padding-bottom: 25px; margin-bottom: 40px }
}

.pricing-page .pricing-card .pricing-top span { font-family: var(--font-Urbanist); font-weight: 500; font-size: 22px; color: var(--title-color); display: inline-block; line-height: 1; margin-bottom: 30px }

@media(max-width:991px) {
    .pricing-page .pricing-card .pricing-top span { margin-bottom: 20px }
}

@media(max-width:576px) {
    .pricing-page .pricing-card .pricing-top span { font-size: 20px }
}

.pricing-page .pricing-card .pricing-top h2 { margin-bottom: 0; font-family: var(--font-Urbanist); font-weight: 800; font-size: 45px; line-height: 44px; color: var(--title-color) }

@media(max-width:1399px) {
    .pricing-page .pricing-card .pricing-top h2 { font-size: 40px }
}

.pricing-page .pricing-card .pricing-top h2 sub { font-size: 16px; color: var(--title-color); bottom: 0 }
.pricing-page .pricing-card .pricing-content ul { padding: 0; margin: 0; list-style: none; margin-bottom: 110px }

@media(max-width:1399px) {
    .pricing-page .pricing-card .pricing-content ul { margin-bottom: 90px }
}

@media(max-width:767px) {
    .pricing-page .pricing-card .pricing-content ul { margin-bottom: 70px }
}

.pricing-page .pricing-card .pricing-content ul li { display: flex; align-items: center; gap: 8px; font-family: var(--font-Urbanist); font-weight: 500; font-size: 14px; letter-spacing: .03em; color: var(--paragraph-color); line-height: 1.5; margin-bottom: 25px; position: relative }

@media(max-width:576px) {
    .pricing-page .pricing-card .pricing-content ul li { font-size: 13px; margin-bottom: 20px }
}

.pricing-page .pricing-card .pricing-content ul li:last-child { padding-bottom: 0 }
.pricing-page .pricing-card .pricing-content ul li svg { fill: var(--paragraph-color) }
.pricing-page .pricing-card .pricing-content .primary-btn5 { display: flex; justify-content: center; padding: 19px 27px }
.pricing-page .pricing-card .batch { position: absolute; top: 0; right: 0 }
    .pricing-page .pricing-card .batch span { background-image: linear-gradient(90deg,#ec6219,#1a1a1a); -webkit-clip-path: polygon(0 0,100% 0,100% 100%,0 100%,7% 50%); clip-path: polygon(0 0,100% 0,100% 100%,0 100%,7% 50%); display: flex; align-items: center; justify-content: center; padding: 5px 20px; font-family: var(--font-Urbanist); font-weight: 500; font-size: 14px; line-height: 18px; color: var(--white-color); transition: .35s }
.pricing-page .pricing-card.two { background-color: #faf9ff }
.pricing-page .pricing-card.three { background-color: #f6fff5 }
.pagination-area { display: flex; align-items: center; justify-content: space-between; gap: 15px; flex-wrap: wrap; padding-top: 70px; border-top: 1px solid var(--border-color2) }

@media(max-width:767px) {
    .pagination-area { padding-top: 40px; gap: 10px }
}

.pagination-area .paginations { padding: 0; margin: 0; list-style: none; display: flex; align-items: center; flex-wrap: wrap; gap: 15px }
    .pagination-area .paginations .page-item a { color: var(--paragraph-color); font-family: var(--font-Urbanist); font-size: 14px; font-weight: 500; line-height: 1; width: 36px; height: 36px; border-radius: 50%; border: 1px solid var(--border-color2); display: flex; align-items: center; justify-content: center; transition: .5s }

@media(max-width:576px) {
    .pagination-area .paginations .page-item a { width: 30px; height: 30px; font-size: 12px }
}

.pagination-area .paginations .page-item a:hover { background-color: var(--primary-color); color: var(--white-color) }
.pagination-area .paginations .page-item.active a { background-color: var(--primary-color); color: var(--white-color) }
.pagination-area .paginations-button a { min-width: 88px; max-width: 88px; height: 88px; border-radius: 50%; border: 1px solid var(--border-color2); display: flex; align-items: center; justify-content: center; gap: 4px; color: var(--paragraph-color); font-family: var(--font-Urbanist); font-size: 15px; font-weight: 500; line-height: 1; transition: .7s }

@media(max-width:576px) {
    .pagination-area .paginations-button a { min-width: 60px; max-width: 60px; height: 60px; font-size: 12px }
}

.pagination-area .paginations-button a svg { fill: var(--paragraph-color); transition: .5s }

@media(max-width:576px) {
    .pagination-area .paginations-button a svg { width: 5px }
}

.pagination-area .paginations-button a:hover { color: var(--white-color); box-shadow: inset 0 0 0 10em var(--primary-color) }
    .pagination-area .paginations-button a:hover svg { fill: var(--white-color) }
.pagination-area.two { padding-top: 0; border-top: unset }
.blog-sidebar .single-widgets { border: 1px solid var(--border-color2); padding: 50px 30px }

@media(min-width:992px) and (max-width:1199px) {
    .blog-sidebar .single-widgets { padding: 40px 20px }
}

@media(max-width:576px) {
    .blog-sidebar .single-widgets { padding: 30px 20px }
}

.blog-sidebar .single-widgets.widget_search { border: none; padding: 0 }
    .blog-sidebar .single-widgets.widget_search .wp-block-search__inside-wrapper { display: flex; align-items: center; background-color: #f4f9fd; border: 1px solid var(--border-color2); padding: 6px }
        .blog-sidebar .single-widgets.widget_search .wp-block-search__inside-wrapper input { background-color: transparent; color: var(--paragraph-color); font-family: var(--font-Urbanist); font-size: 14px; font-weight: 400; border: none; outline: none; width: 100%; padding: 0 25px; border-radius: unset }
        .blog-sidebar .single-widgets.widget_search .wp-block-search__inside-wrapper button { min-width: 48px; max-width: 48px; height: 44px; display: flex; align-items: center; justify-content: center; border: none; outline: none; background-color: var(--primary-color); overflow: hidden; position: relative; z-index: 1 }
            .blog-sidebar .single-widgets.widget_search .wp-block-search__inside-wrapper button svg { fill: var(--white-color) }
            .blog-sidebar .single-widgets.widget_search .wp-block-search__inside-wrapper button::after { position: absolute; content: ""; display: block; left: 15%; right: -20%; top: -4%; height: 150%; width: 150%; bottom: 0; border-radius: 2px; background-color: var(--white-color); transform: skewX(45deg) scale(0,1); z-index: -1; transition: all .5s ease-out 0s }
            .blog-sidebar .single-widgets.widget_search .wp-block-search__inside-wrapper button:hover svg { fill: var(--primary-color3) }
            .blog-sidebar .single-widgets.widget_search .wp-block-search__inside-wrapper button:hover::after { transform: skewX(45deg) scale(1,1) }
.blog-sidebar .single-widgets .widget-title { line-height: 1; margin-bottom: 30px }

@media(max-width:576px) {
    .blog-sidebar .single-widgets .widget-title { margin-bottom: 25px }
}

.blog-sidebar .single-widgets .widget-title h4 { color: var(--title-color); font-family: var(--font-Urbanist); font-size: 22px; font-weight: 500; margin-bottom: 0 }

@media(max-width:576px) {
    .blog-sidebar .single-widgets .widget-title h4 { font-size: 21px }
}

.blog-sidebar .single-widgets .wp-block-categoris-cloud { padding: 0; margin: 0; list-style: none; line-height: 1 }
    .blog-sidebar .single-widgets .wp-block-categoris-cloud li { line-height: 1; margin-bottom: 25px }
        .blog-sidebar .single-widgets .wp-block-categoris-cloud li:last-child { margin-bottom: 0 }
        .blog-sidebar .single-widgets .wp-block-categoris-cloud li a { display: flex; align-items: center; justify-content: space-between; color: var(--title-color); font-family: var(--font-Urbanist); font-size: 14px; font-weight: 400; transition: .35s }
            .blog-sidebar .single-widgets .wp-block-categoris-cloud li a:hover { color: var(--primary-color) }
.blog-sidebar .single-widgets .widget-cnt { display: flex; align-items: center; gap: 20px; margin-bottom: 30px }

@media(max-width:1399px) {
    .blog-sidebar .single-widgets .widget-cnt { gap: 15px }
}

@media(min-width:992px) and (max-width:1199px) {
    .blog-sidebar .single-widgets .widget-cnt { gap: 10px }
}

@media(max-width:576px) {
    .blog-sidebar .single-widgets .widget-cnt { gap: 10px }
}

.blog-sidebar .single-widgets .widget-cnt:last-child { margin-bottom: 0 }
.blog-sidebar .single-widgets .widget-cnt .wi a img { max-width: 86px; min-width: 86px; height: 86px; -o-object-fit: cover; object-fit: cover }

@media(min-width:992px) and (max-width:1199px) {
    .blog-sidebar .single-widgets .widget-cnt .wi a img { max-width: 60px; min-width: 60px; height: 60px }
}

@media(max-width:576px) {
    .blog-sidebar .single-widgets .widget-cnt .wi a img { max-width: 70px; min-width: 70px; height: 70px }
}

.blog-sidebar .single-widgets .widget-cnt .wc > a { color: var(--paragraph-color); font-family: var(--font-Urbanist); font-size: 12px; font-weight: 500; margin-bottom: 10px; display: inline-block; line-height: 1; transition: .35s }

@media(max-width:1399px) {
    .blog-sidebar .single-widgets .widget-cnt .wc > a { margin-bottom: 7px }
}

@media(min-width:992px) and (max-width:1199px) {
    .blog-sidebar .single-widgets .widget-cnt .wc > a { font-size: 11px; margin-bottom: 0 }
}

@media(max-width:576px) {
    .blog-sidebar .single-widgets .widget-cnt .wc > a { font-size: 11px }
}

.blog-sidebar .single-widgets .widget-cnt .wc > a:hover { color: var(--primary-color) }
.blog-sidebar .single-widgets .widget-cnt .wc h5 { margin-bottom: 0 }

@media(max-width:1199px) {
    .blog-sidebar .single-widgets .widget-cnt .wc h5 { line-height: 1 }
}

.blog-sidebar .single-widgets .widget-cnt .wc h5 a { color: var(--title-color); font-family: var(--font-Urbanist); font-size: 16px; font-weight: 500; transition: .35s }

@media(max-width:1399px) {
    .blog-sidebar .single-widgets .widget-cnt .wc h5 a { font-size: 15px }
}

@media(min-width:992px) and (max-width:1199px) {
    .blog-sidebar .single-widgets .widget-cnt .wc h5 a { font-size: 13px }
}

@media(max-width:576px) {
    .blog-sidebar .single-widgets .widget-cnt .wc h5 a { font-size: 13px }
}

.blog-sidebar .single-widgets .widget-cnt .wc h5 a:hover { color: var(--primary-color) }
.blog-sidebar .single-widgets .wp-block-tag-cloud { margin-bottom: 0; display: flex; align-items: center; flex-wrap: wrap; gap: 18px }
    .blog-sidebar .single-widgets .wp-block-tag-cloud a { color: var(--title-color); font-family: var(--font-Urbanist); font-size: 14px; font-weight: 400; transition: .35s; line-height: 1 }
        .blog-sidebar .single-widgets .wp-block-tag-cloud a:hover { color: var(--primary-color) }
.case-study-card { border: 1px solid var(--border-color2) }
    .case-study-card .case-study-img { position: relative }

@media(max-width:991px) {
    .case-study-card .case-study-img img { width: 100%; max-height: 220px; min-height: 220px; -o-object-fit: cover; object-fit: cover }
}

.case-study-card .case-study-img .batch { position: absolute; top: 25px; left: 25px }

@media(max-width:991px) {
    .case-study-card .case-study-img .batch { top: 15px; left: 10px }
}

.case-study-card .case-study-img .batch a { color: var(--white-color); font-family: var(--font-Urbanist); font-size: 14px; font-weight: 500; line-height: 1.2; padding: 10px 24px; border-radius: 18px; background-color: #202020 }

@media(max-width:991px) {
    .case-study-card .case-study-img .batch a { font-size: 13px }
}

.case-study-card .case-study-content { padding: 30px 30px 40px }

@media(max-width:1399px) {
    .case-study-card .case-study-content { padding: 30px 25px 40px }
}

@media(max-width:1199px) {
    .case-study-card .case-study-content { padding: 25px 20px 35px }
}

@media(max-width:576px) {
    .case-study-card .case-study-content { padding: 20px 15px 30px }
}

.case-study-card .case-study-content h3 { margin-bottom: 20px }

@media(max-width:1399px) {
    .case-study-card .case-study-content h3 { margin-bottom: 15px }
}

@media(max-width:576px) {
    .case-study-card .case-study-content h3 { margin-bottom: 10px }
}

.case-study-card .case-study-content h3 a { color: var(--title-color); font-family: var(--font-Urbanist); font-size: 30px; font-weight: 500; line-height: 1.5; transition: .5s }

@media(max-width:1399px) {
    .case-study-card .case-study-content h3 a { font-size: 27px }
}

@media(min-width:992px) and (max-width:1199px) {
    .case-study-card .case-study-content h3 a { font-size: 23px }
}

@media(max-width:991px) {
    .case-study-card .case-study-content h3 a { font-size: 20px }
}

.case-study-card .case-study-content h3 a:hover { color: var(--primary-color) }
.case-study-card .case-study-content p { color: var(--paragraph-color); font-family: var(--font-Urbanist); font-size: 15px; font-weight: 400; line-height: 26px; margin-bottom: 40px }

@media(max-width:991px) {
    .case-study-card .case-study-content p { margin-bottom: 30px }
}

@media(max-width:576px) {
    .case-study-card .case-study-content p { margin-bottom: 20px; font-size: 14px }
}

.case-study-card.two .case-study-content h3 a { font-size: 22px }

@media(max-width:1399px) {
    .case-study-card.two .case-study-content h3 a { font-size: 20px }
}

@media(min-width:992px) and (max-width:1199px) {
    .case-study-card.two .case-study-content h3 a { font-size: 17px; margin-bottom: 10px }
}

@media(min-width:992px) and (max-width:1199px) {
    .case-study-card.two .case-study-content p { margin-bottom: 30px }
}

.team-card-1 { transition: .45s; position: relative; border: 1px solid var(--border-color2) }
    .team-card-1 .team-img { transition: .45s; position: relative; display: flex; z-index: 1; justify-content: center }

@media(max-width:991px) {
    .team-card-1 .team-img { width: 100% }
}

@media(max-width:991px) {
    .team-card-1 .team-img img { width: 100%; -o-object-fit: cover; object-fit: cover }
}

.team-card-1 .team-img .social-area { position: absolute; left: 50%; bottom: 25px; transform: translateX(-50%); margin: 0; padding: 0; list-style: none; display: flex; align-items: center; justify-content: center; gap: 16px; flex-wrap: wrap; width: 100%; transition: .45s; opacity: 0 }
    .team-card-1 .team-img .social-area li a { height: 26px; width: 26px; border-radius: 50%; display: flex; align-items: center; justify-content: center; background-color: var(--white-color); transition: .35s }
        .team-card-1 .team-img .social-area li a i { font-size: 14px; color: #363636; transition: .35s }
        .team-card-1 .team-img .social-area li a:hover { background-color: var(--primary-color) }
            .team-card-1 .team-img .social-area li a:hover i { color: var(--white-color) }
.team-card-1 .team-content { padding: 25px 30px }

@media(max-width:991px) {
    .team-card-1 .team-content { padding: 20px }
}

.team-card-1 .team-content h6 { margin-bottom: 2px; color: var(--title-color); font-family: var(--font-Urbanist); font-size: 18px; font-weight: 600 }

@media(max-width:991px) {
    .team-card-1 .team-content h6 { font-size: 17px }
}

.team-card-1 .team-content span { color: var(--paragraph-color); font-family: var(--font-Urbanist); font-size: 14px; font-weight: 400 }
.team-card-1:hover .social-area { opacity: 1 }
.team-card-1:hover .vector { opacity: 1 }
.team-card-1.two { border: unset }
    .team-card-1.two .team-img img { border-radius: 500px 500px 0 0; transition: all .45s }
    .team-card-1.two .team-img .social-area { flex-direction: column; align-items: end; left: unset; right: 15px; width: unset }
    .team-card-1.two .team-content { padding-bottom: 0 }
    .team-card-1.two:hover .team-img img { border-radius: unset }
.career-banner-area .career-title-area h2 { color: var(--title-color); font-family: var(--font-Urbanist); font-size: 45px; font-weight: 500; line-height: 1.35; margin-bottom: 0; margin-top: -10px }
    .career-banner-area .career-title-area h2 strong { display: block; font-weight: 500 }
    .career-banner-area .career-title-area h2 span { font-family: var(--font-fahkwang); display: block }

@media(max-width:1399px) {
    .career-banner-area .career-title-area h2 { font-size: 40px }
}

@media(max-width:1199px) {
    .career-banner-area .career-title-area h2 { font-size: 35px }
}

@media(max-width:576px) {
    .career-banner-area .career-title-area h2 { font-size: 30px }
}

.career-banner-area .career-title-area .btn-and-paragraph p { color: var(--paragraph-color); font-family: var(--font-Urbanist); font-size: 16px; font-weight: 400; line-height: 26px; max-width: 536px; min-width: 536px; margin-bottom: 30px }

@media(max-width:576px) {
    .career-banner-area .career-title-area .btn-and-paragraph p { font-size: 15px; max-width: 536px; min-width: unset }
}

.career-banner-area .career-title-area .btn-and-paragraph a { color: var(--title-color); font-family: var(--font-Urbanist); font-size: 15px; font-weight: 500; display: flex; align-items: center; gap: 8px; transition: .35s; margin-bottom: 15px }
    .career-banner-area .career-title-area .btn-and-paragraph a svg { fill: var(--title-color); transition: .35s }
    .career-banner-area .career-title-area .btn-and-paragraph a:hover { color: var(--primary-color) }
        .career-banner-area .career-title-area .btn-and-paragraph a:hover svg { fill: var(--primary-color) }
.career-banner-area .career-img a img { min-height: 320px; -o-object-fit: cover; object-fit: cover }
.career-banner-area .career-img-slider { position: relative }
    .career-banner-area .career-img-slider .career-pagination { width: unset; display: inline-flex; justify-content: center; position: absolute; left: 50%; transform: translateX(-50%); bottom: 30px; z-index: 99 }
        .career-banner-area .career-img-slider .career-pagination .swiper-pagination-bullet { height: 10px; width: 10px; opacity: 1; background-color: rgba(255,255,255,.5) }
            .career-banner-area .career-img-slider .career-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active { background-color: #fff }
.career-banner-area .review-and-counter-area { display: flex; align-items: center; justify-content: space-between; border-bottom: 1px solid var(--border-color2) }

@media(min-width:1200px) and (max-width:1399px) {
    .career-banner-area .review-and-counter-area { gap: 50px }
}

@media(max-width:1199px) {
    .career-banner-area .review-and-counter-area { flex-direction: column; padding-top: 40px }
}

.career-banner-area .review-and-counter-area .review-area { line-height: 1; display: flex; align-items: center; gap: 20px }
    .career-banner-area .review-and-counter-area .review-area .review-name { line-height: 1 }
        .career-banner-area .review-and-counter-area .review-area .review-name span { color: var(--paragraph-color); font-family: var(--font-Urbanist); font-size: 12px; font-weight: 500; display: block; margin-bottom: 8px; white-space: nowrap }
        .career-banner-area .review-and-counter-area .review-area .review-name svg { fill: var(--title-color) }
    .career-banner-area .review-and-counter-area .review-area .review { line-height: 1 }
        .career-banner-area .review-and-counter-area .review-area .review ul { padding: 0; margin: 0; list-style: none; display: flex; align-items: center; gap: 6px; line-height: 1; margin-bottom: 8px }
            .career-banner-area .review-and-counter-area .review-area .review ul li i { font-size: 12px; color: #e62415 }
        .career-banner-area .review-and-counter-area .review-area .review span { color: var(--paragraph-color); font-family: var(--font-Urbanist); font-size: 12px; font-weight: 500; white-space: nowrap }
.career-banner-area .review-and-counter-area .counter-wrap { padding: 0; margin: 0; list-style: none; display: flex; align-items: center; justify-content: space-between; max-width: 1020px; width: 100% }

@media(max-width:1199px) {
    .career-banner-area .review-and-counter-area .counter-wrap { border-top: 1px solid #eee; width: 100%; margin-top: 40px }
}

@media(max-width:767px) {
    .career-banner-area .review-and-counter-area .counter-wrap { flex-wrap: wrap; justify-content: center }
}

.career-banner-area .review-and-counter-area .counter-wrap .single-counter { display: flex; gap: 30px; width: 33.33%; border-left: 1px solid var(--border-color2); padding: 45px 25px }

@media(max-width:1399px) {
    .career-banner-area .review-and-counter-area .counter-wrap .single-counter { padding: 35px 15px; gap: 20px }
}

@media(max-width:1199px) {
    .career-banner-area .review-and-counter-area .counter-wrap .single-counter { padding: 30px 20px }
}

@media(max-width:991px) {
    .career-banner-area .review-and-counter-area .counter-wrap .single-counter { padding: 30px 15px; gap: 15px }
}

@media(max-width:767px) {
    .career-banner-area .review-and-counter-area .counter-wrap .single-counter { width: 50%; border: none }
}

@media(max-width:576px) {
    .career-banner-area .review-and-counter-area .counter-wrap .single-counter { width: 100%; border: none }
}

@media(max-width:1199px) {
    .career-banner-area .review-and-counter-area .counter-wrap .single-counter:first-child { border: none; padding-left: 0 }
}

@media(max-width:576px) {
    .career-banner-area .review-and-counter-area .counter-wrap .single-counter:first-child { padding: 30px 20px }
}

.career-banner-area .review-and-counter-area .counter-wrap .single-counter:last-child { padding-right: 0 }

@media(max-width:576px) {
    .career-banner-area .review-and-counter-area .counter-wrap .single-counter:last-child { padding: 30px 20px }
}

.career-banner-area .review-and-counter-area .counter-wrap .single-counter .icon svg { fill: var(--title-color) }
.career-banner-area .review-and-counter-area .counter-wrap .single-counter .content { margin-top: -4px }
    .career-banner-area .review-and-counter-area .counter-wrap .single-counter .content .number { display: flex; align-items: center; line-height: 1; margin-bottom: 13px }
        .career-banner-area .review-and-counter-area .counter-wrap .single-counter .content .number h2 { margin-bottom: 0; color: var(--title-color); font-family: var(--font-Urbanist); font-size: 40px; font-weight: 500; line-height: 1 }

@media(max-width:991px) {
    .career-banner-area .review-and-counter-area .counter-wrap .single-counter .content .number h2 { font-size: 35px }
}

.career-banner-area .review-and-counter-area .counter-wrap .single-counter .content .number > span { color: var(--title-color); font-family: var(--font-Urbanist); font-size: 40px; font-weight: 500; line-height: 1 }

@media(max-width:991px) {
    .career-banner-area .review-and-counter-area .counter-wrap .single-counter .content .number > span { font-size: 35px }
}

.career-banner-area .review-and-counter-area .counter-wrap .single-counter .content p { color: var(--paragraph-color); font-family: var(--font-Urbanist); font-size: 15px; font-weight: 500 }

@media(max-width:1399px) {
    .career-banner-area .review-and-counter-area .counter-wrap .single-counter .content p { font-size: 14px }
}

.fact-and-benefit-section .section-title.six h2 { font-size: 45px }
    .fact-and-benefit-section .section-title.six h2 span { display: inline-block }

@media(max-width:1399px) {
    .fact-and-benefit-section .section-title.six h2 { font-size: 40px }
}

@media(max-width:1199px) {
    .fact-and-benefit-section .section-title.six h2 { font-size: 35px }
}

@media(max-width:576px) {
    .fact-and-benefit-section .section-title.six h2 { font-size: 30px }
}

.job-apply-section { background-image: url(../img/innerpage/carrer-list-job-apply-section-bg.jpg); background-size: cover; background-repeat: no-repeat; padding: 110px 0 }

@media(max-width:1199px) {
    .job-apply-section { padding: 100px 0 }
}

@media(max-width:991px) {
    .job-apply-section { padding: 90px 0 }
}

@media(max-width:767px) {
    .job-apply-section { padding: 70px 0 }
}

.job-apply-section .section-title.six h2 { font-size: 45px }

@media(max-width:1399px) {
    .job-apply-section .section-title.six h2 { font-size: 40px }
}

@media(max-width:1199px) {
    .job-apply-section .section-title.six h2 { font-size: 35px }
}

@media(max-width:576px) {
    .job-apply-section .section-title.six h2 { font-size: 30px }
}

.job-apply-section .section-title .dash-and-paragraph svg { fill: #2f2f2f }
.job-apply-section .single-job-card { padding: 50px; background-color: #252525; border-radius: 10px; display: flex; align-items: center; justify-content: space-between; gap: 25px }

@media(max-width:1399px) {
    .job-apply-section .single-job-card { padding: 50px 40px }
}

@media(max-width:991px) {
    .job-apply-section .single-job-card { flex-wrap: wrap }
}

@media(max-width:576px) {
    .job-apply-section .single-job-card { padding: 30px 20px }
}

.job-apply-section .single-job-card .job-list-content { display: flex; align-items: center; gap: 20px; max-width: 860px; width: 100% }

@media(max-width:1399px) {
    .job-apply-section .single-job-card .job-list-content { max-width: 760px }
}

@media(max-width:767px) {
    .job-apply-section .single-job-card .job-list-content { flex-wrap: wrap }
}

.job-apply-section .single-job-card .job-list-content .post-name { line-height: 1; max-width: 300px; width: 100% }

@media(max-width:1399px) {
    .job-apply-section .single-job-card .job-list-content .post-name { min-width: 250px }
}

.job-apply-section .single-job-card .job-list-content .post-name h4 { color: var(--white-color); font-family: var(--font-Urbanist); font-size: 22px; font-weight: 500; margin-bottom: 9px }
.job-apply-section .single-job-card .job-list-content .post-name span { color: var(--paragraph-color-dark); font-family: var(--font-Urbanist); font-size: 14px; font-weight: 400 }
.job-apply-section .single-job-card .job-list-content .job-discription ul { padding: 0; margin: 0; list-style: none; width: 580px; -moz-columns: 2; columns: 2; -moz-column-gap: 40px; column-gap: 40px }

@media(max-width:1199px) {
    .job-apply-section .single-job-card .job-list-content .job-discription ul { -moz-columns: 1; columns: 1; width: 300px }
}

.job-apply-section .single-job-card .job-list-content .job-discription ul li { color: var(--white-color); font-family: var(--font-Urbanist); font-size: 14px; font-weight: 500; position: relative; padding-left: 18px; margin-bottom: 10px }
    .job-apply-section .single-job-card .job-list-content .job-discription ul li::before { content: ""; height: 8px; width: 8px; border-radius: 50%; border: 1px solid rgba(196,196,196,.8); position: absolute; left: 0; top: 6px }
    .job-apply-section .single-job-card .job-list-content .job-discription ul li span { color: var(--paragraph-color-dark); padding-right: 5px }
.career-details-page .line-break { height: 20px; display: block }

@media(min-width:992px) and (max-width:1199px) {
    .career-details-page .line-break { height: 15px }
}

@media(max-width:991px) {
    .career-details-page .line-break { height: 10px }
}

@media(min-width:1200px) {
    .career-details-page .career-details-content { margin-right: 80px }
}

.career-details-page .career-details-content p { color: var(--paragraph-color); font-family: var(--font-Urbanist); font-size: 16px; font-weight: 300; line-height: 29px; margin-bottom: 0 }
    .career-details-page .career-details-content p span { font-size: 22px; font-weight: 500; color: var(--title-color) }

@media(max-width:576px) {
    .career-details-page .career-details-content p span { font-size: 20px }
}

.career-details-page .career-details-content p strong { color: var(--title-color); font-weight: 500 }

@media(max-width:576px) {
    .career-details-page .career-details-content p { font-size: 15px }
}

.career-details-page .career-details-content h5 { color: var(--title-color); font-family: var(--font-Urbanist); font-size: 22px; font-weight: 500; line-height: 27px; margin-bottom: 0 }
.career-details-page .career-details-content ul { padding: 0; margin: 0; list-style: none }
    .career-details-page .career-details-content ul li { color: var(--title-color); font-family: var(--font-Urbanist); font-size: 16px; font-weight: 300; line-height: 29px; margin-bottom: 15px; display: flex; gap: 15px }
        .career-details-page .career-details-content ul li:last-child { margin-bottom: 0 }
        .career-details-page .career-details-content ul li svg { fill: var(--title-color); min-width: 20px; margin-top: 5px }
    .career-details-page .career-details-content ul.style-2 li { position: relative; padding-left: 20px }
        .career-details-page .career-details-content ul.style-2 li::before { content: ""; position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 10px; height: 10px; background-color: var(--deep-white-color) }
.career-details-page .career-details-content .job-apply-area { padding: 30px; border: 1px solid var(--paragraph-color); display: flex; align-items: center; justify-content: space-between }

@media(max-width:767px) {
    .career-details-page .career-details-content .job-apply-area { flex-direction: column; gap: 15px; padding: 20px }
}

.career-details-page .career-details-content .job-apply-area .primary-btn5 { padding: 19px 35px }
.career-details-page .career-details-content .job-apply-area strong { color: var(--title-color); font-family: var(--font-Urbanist); font-size: 15px; font-weight: 500; line-height: 19px }

@media(max-width:767px) {
    .career-details-page .career-details-content .job-apply-area .contact { text-align: center }
}

.career-details-page .career-details-content .job-apply-area .contact span { color: var(--paragraph-color); font-family: var(--font-Urbanist); font-size: 14px; font-weight: 500; line-height: 17px; display: block; margin-bottom: 15px }

@media(max-width:576px) {
    .career-details-page .career-details-content .job-apply-area .contact span { font-size: 13px; margin-bottom: 3px }
}

.career-details-page .career-details-content .job-apply-area .contact a { color: #0073c7; font-family: var(--font-Urbanist); font-size: 22px; font-weight: 500; line-height: 27px }

@media(max-width:576px) {
    .career-details-page .career-details-content .job-apply-area .contact a { font-size: 17px }
}

.career-details-page .job-summary-area { border-radius: 5px; position: sticky; top: 100px; padding: 50px 40px; background-image: url(../img/innerpage/job-summary-bg.jpg); background-size: cover; background-repeat: no-repeat }

@media(min-width:1200px) and (max-width:1399px) {
    .career-details-page .job-summary-area { padding: 40px 20px }
}

@media(min-width:992px) and (max-width:1199px) {
    .career-details-page .job-summary-area { padding: 40px 20px }
}

@media(max-width:576px) {
    .career-details-page .job-summary-area { padding: 40px 20px }
}

.career-details-page .job-summary-area h5 { color: var(--title-color); font-family: var(--font-Urbanist); font-size: 22px; font-weight: 500; line-height: 1.3; margin-bottom: 30px }
.career-details-page .job-summary-area ul { padding: 0; margin: 0; list-style: none }
    .career-details-page .job-summary-area ul li { color: var(--title-color); font-family: var(--font-Urbanist); font-size: 15px; font-weight: 500; margin-bottom: 16px; padding-left: 20px; position: relative }
        .career-details-page .job-summary-area ul li:last-child { margin-bottom: 0 }
        .career-details-page .job-summary-area ul li span { color: var(--paragraph-color); font-weight: 400 }
        .career-details-page .job-summary-area ul li::before { content: ""; position: absolute; top: 50%; transform: translateY(-50%); left: 0; width: 10px; height: 10px; border-radius: 50%; border: 1px solid rgba(46,68,141,.5) }
.job-form-modal .modal-dialog .modal-content { margin-top: 50px; border: none; padding: 70px 88px; position: relative; border-radius: 20px }

@media(max-width:1199px) {
    .job-form-modal .modal-dialog .modal-content { padding: 60px 40px }
}

@media(max-width:991px) {
    .job-form-modal .modal-dialog .modal-content { padding: 50px 25px; border-radius: 10px }
}

@media(max-width:576px) {
    .job-form-modal .modal-dialog .modal-content { padding: 40px 15px }
}

.job-form-modal .modal-dialog .modal-content .modal-header { padding: 0; padding-bottom: 30px; border-bottom: 1px solid var(--border-color2); margin-bottom: 40px }

@media(max-width:991px) {
    .job-form-modal .modal-dialog .modal-content .modal-header { padding-bottom: 20px; margin-bottom: 30px }
}

.job-form-modal .modal-dialog .modal-content .modal-header .modal-title { color: var(--title-color); font-family: var(--font-Urbanist); font-size: 30px; font-weight: 500; line-height: 45px; max-width: 500px; width: 100% }

@media(max-width:991px) {
    .job-form-modal .modal-dialog .modal-content .modal-header .modal-title { font-size: 25px; line-height: 38px }
}

@media(max-width:576px) {
    .job-form-modal .modal-dialog .modal-content .modal-header .modal-title { font-size: 23px }
}

.job-form-modal .modal-dialog .modal-content .modal-close { position: absolute; top: 30px; right: 30px; display: flex; align-items: center; gap: 10px; background-color: transparent; border: none; outline: none; color: var(--title-color); font-family: var(--font-Urbanist); font-size: 14px; font-weight: 500; line-height: 1 }

@media(max-width:991px) {
    .job-form-modal .modal-dialog .modal-content .modal-close { top: 15px; right: 20px }
}

@media(max-width:576px) {
    .job-form-modal .modal-dialog .modal-content .modal-close { top: 10px; right: 10px }
}

.job-form-modal .modal-dialog .modal-content .modal-close span { width: 32px; height: 32px; border-radius: 50%; display: flex; align-items: center; justify-content: center; background-color: #f7f9f8; border: 1px solid var(--border-color2); transition: .5s }
    .job-form-modal .modal-dialog .modal-content .modal-close span:hover { background-color: red; color: var(--white-color) }
.job-form-modal .modal-dialog .modal-content .modal-body { padding: 0 }
    .job-form-modal .modal-dialog .modal-content .modal-body .mb-30 { margin-bottom: 30px }

@media(max-width:991px) {
    .job-form-modal .modal-dialog .modal-content .modal-body .mb-30 { margin-bottom: 20px }
}

.job-form-modal .modal-dialog .modal-content .modal-body .single-info .info-title { color: var(--title-color); font-family: var(--font-Urbanist); font-size: 20px; font-weight: 500; line-height: 1.2; margin-bottom: 35px }

@media(max-width:991px) {
    .job-form-modal .modal-dialog .modal-content .modal-body .single-info .info-title { margin-bottom: 25px }
}

.job-form-modal .modal-dialog .modal-content .modal-body .single-info .form-inner input { border: 1px solid var(--border-color2); border-radius: 5px }
.job-form-modal .modal-dialog .modal-content .modal-body .single-info .form-inner textarea { border: 1px solid var(--border-color2); border-radius: 5px; min-height: 172px }
.job-form-modal .modal-dialog .modal-content .modal-body .single-info .form-inner .file-upload-area { display: flex; align-items: center; border: 1px solid var(--border-color2); background-color: var(---dark-white-color); border-radius: 5px; position: relative }
    .job-form-modal .modal-dialog .modal-content .modal-body .single-info .form-inner .file-upload-area .icon { padding: 0 20px }
    .job-form-modal .modal-dialog .modal-content .modal-body .single-info .form-inner .file-upload-area .custom-upload { border: unset; border-left: 1px solid var(--border-color2); border-radius: unset; width: 100%; height: 50px; line-height: 30px }
        .job-form-modal .modal-dialog .modal-content .modal-body .single-info .form-inner .file-upload-area .custom-upload::-webkit-file-upload-button { display: none }
    .job-form-modal .modal-dialog .modal-content .modal-body .single-info .form-inner .file-upload-area .check-icon { min-width: 18px; max-width: 18px; height: 18px; border-radius: 50%; background-color: #50af04; display: flex; align-items: center; justify-content: center; margin-right: 25px }
        .job-form-modal .modal-dialog .modal-content .modal-body .single-info .form-inner .file-upload-area .check-icon i { color: var(--white-color) }
.job-form-modal .modal-dialog .modal-content .modal-body .primary-btn5 { border-radius: 50px; padding: 19px 35px }
.product-card { transition: .5s; position: relative }
    .product-card .product-card-img { position: relative; overflow: hidden }
        .product-card .product-card-img > a img { transition: all .5s ease-out }
        .product-card .product-card-img > a .batch { position: absolute; left: 15px; top: 15px; display: flex; align-items: center; flex-direction: column; gap: 5px }
            .product-card .product-card-img > a .batch > span { padding: 5px 12px; color: var(--white-color); text-align: center; font-size: 12px; font-weight: 500; font-family: var(--font-Urbanist); letter-spacing: .3px; background-color: var(--primary-color); line-height: 1; z-index: 1 }
        .product-card .product-card-img .cart-and-favorite-area { position: absolute; top: 15px; right: 15px }
            .product-card .product-card-img .cart-and-favorite-area ul { padding: 0; margin: 0; list-style: none; transform: scaleX(0); transform-origin: right; opacity: 0; transition: .5s }
                .product-card .product-card-img .cart-and-favorite-area ul li { margin-bottom: 12px }
                    .product-card .product-card-img .cart-and-favorite-area ul li:last-child { margin-bottom: 0 }
                    .product-card .product-card-img .cart-and-favorite-area ul li a { width: 30px; height: 30px; border-radius: 50%; background-color: var(--paragraph-color3); display: flex; align-items: center; justify-content: center; transition: .5s }
                        .product-card .product-card-img .cart-and-favorite-area ul li a svg { fill: var(--white-color); transition: .5s }
                        .product-card .product-card-img .cart-and-favorite-area ul li a:hover { background-color: var(--white-color) }
                            .product-card .product-card-img .cart-and-favorite-area ul li a:hover svg { fill: var(--primary-color3) }
    .product-card .product-card-content { padding-top: 25px }
        .product-card .product-card-content h6 { margin-bottom: 10px }
            .product-card .product-card-content h6 a { color: var(--title-color); font-size: 16px; font-family: var(--font-Urbanist); font-weight: 500; letter-spacing: .5px; line-height: 1.3; transition: .5s }
                .product-card .product-card-content h6 a:hover { color: var(--primary-color) }
        .product-card .product-card-content span { color: var(--paragraph-color); font-size: 16px; font-family: var(--font-Urbanist); font-weight: 500 }
            .product-card .product-card-content span del { font-size: 14px; font-weight: 500 }
    .product-card:hover .product-card-img a img { transform: scale(1.1) }
    .product-card:hover .product-card-img .cart-and-favorite-area ul { transform: scaleX(1); opacity: 1 }
.shop-page .show-item-and-filter { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 20px }
    .shop-page .show-item-and-filter p { color: var(--paragraph-color); font-family: var(--font-Urbanist); font-size: 14px; font-weight: 500; margin-bottom: 0 }
        .shop-page .show-item-and-filter p strong { font-weight: 700 }
    .shop-page .show-item-and-filter .filter-area { border-radius: 5px; border: 1px solid var(--border-color2); display: flex; align-items: center; gap: 20px; padding: 6px 6px 6px 20px }
        .shop-page .show-item-and-filter .filter-area h6 { margin-bottom: 0; line-height: 1; color: var(--title-color); font-family: var(--font-Urbanist); font-size: 14px; font-weight: 500 }
        .shop-page .show-item-and-filter .filter-area .nice-select { height: 30px; background-color: var(--title-color); padding-left: 15px; padding-right: 35px; line-height: 28px }
            .shop-page .show-item-and-filter .filter-area .nice-select::after { -webkit-clip-path: unset; clip-path: unset; background-color: unset; border-bottom: 2px solid var(---dark-white-color); border-right: 2px solid var(---dark-white-color); transform: rotate(45deg); right: 18px; top: 13px; height: 8px; width: 8px }
            .shop-page .show-item-and-filter .filter-area .nice-select .current { color: var(---dark-white-color); font-weight: 600; font-size: 13px }
            .shop-page .show-item-and-filter .filter-area .nice-select .list .option { min-height: 30px; line-height: 30px }
            .shop-page .show-item-and-filter .filter-area .nice-select.open::after { transform: rotate(-135deg) }
.shop-page .shop-sidebar .single-widgets { padding: 45px 30px; border: 1px solid var(--border-color2) }

@media(max-width:1399px) {
    .shop-page .shop-sidebar .single-widgets { padding: 35px 20px }
}

.shop-page .shop-sidebar .single-widgets .widget-title { margin-bottom: 25px }
    .shop-page .shop-sidebar .single-widgets .widget-title h5 { color: var(--title-color); font-family: var(--font-Urbanist); font-size: 22px; font-weight: 500; line-height: 1.3; margin-bottom: 0 }
.shop-page .shop-sidebar .single-widgets .cart-menu .product-list { padding: 0; margin: 0; list-style: none; margin-bottom: 40px }
    .shop-page .shop-sidebar .single-widgets .cart-menu .product-list .single-product { display: flex; align-items: center; gap: 12px; margin-bottom: 15px }
        .shop-page .shop-sidebar .single-widgets .cart-menu .product-list .single-product:last-child { margin-bottom: 0 }
        .shop-page .shop-sidebar .single-widgets .cart-menu .product-list .single-product .product-img { position: relative }
            .shop-page .shop-sidebar .single-widgets .cart-menu .product-list .single-product .product-img img { height: 80px; max-width: 77px; min-width: 77px }
            .shop-page .shop-sidebar .single-widgets .cart-menu .product-list .single-product .product-img .close-btn { transition: .35s; min-width: 20px; max-width: 20px; height: 20px; border-radius: 0 50% 50% 50%; display: flex; align-items: center; justify-content: center; background-color: #ff2615; border: unset; position: absolute; top: 0; left: 0; opacity: 0; transition: .5 }
                .shop-page .shop-sidebar .single-widgets .cart-menu .product-list .single-product .product-img .close-btn i { color: var(--white-color); line-height: 1; font-size: 20px }
        .shop-page .shop-sidebar .single-widgets .cart-menu .product-list .single-product .content h6 { margin-bottom: 8px }
            .shop-page .shop-sidebar .single-widgets .cart-menu .product-list .single-product .content h6 a { color: var(--title-color); font-family: var(--font-Urbanist); font-size: 14px; font-weight: 500; line-height: 22px; transition: .5s }
                .shop-page .shop-sidebar .single-widgets .cart-menu .product-list .single-product .content h6 a:hover { color: var(--primary-color) }
        .shop-page .shop-sidebar .single-widgets .cart-menu .product-list .single-product .content span { color: var(--paragraph-color); font-family: var(--font-Urbanist); font-size: 14px; font-weight: 500; line-height: 1 }
        .shop-page .shop-sidebar .single-widgets .cart-menu .product-list .single-product:hover .product-img .close-btn { opacity: 1 }
.shop-page .shop-sidebar .single-widgets .cart-menu .total-price { display: flex; align-items: center; gap: 30px; margin-bottom: 40px }
    .shop-page .shop-sidebar .single-widgets .cart-menu .total-price span { color: var(--paragraph-color); font-family: var(--font-Urbanist); font-size: 16px; font-weight: 500; line-height: 1 }
    .shop-page .shop-sidebar .single-widgets .cart-menu .total-price strong { color: var(--title-color); font-family: var(--font-Urbanist); font-size: 16px; font-weight: 500; line-height: 1 }
.shop-page .shop-sidebar .single-widgets .cart-menu .btn-area .primary-btn5 { width: 100%; justify-content: center; font-size: 14px }
.shop-page .shop-sidebar .single-widgets .cart-menu .btn-area .primary-btn3 { border-radius: unset; width: 100%; justify-content: center; font-size: 14px; padding: 16px 36px }
.shop-page .shop-sidebar .single-widgets.widget_search { border: none; padding: 0 }
    .shop-page .shop-sidebar .single-widgets.widget_search .wp-block-search__inside-wrapper { display: flex; align-items: center; border: 1px solid var(--border-color2) }
        .shop-page .shop-sidebar .single-widgets.widget_search .wp-block-search__inside-wrapper input { background-color: transparent; color: var(--paragraph-color); font-family: var(--font-Urbanist); font-size: 14px; font-weight: 400; border: none; outline: none; width: 100%; padding: 0 25px; height: 56px; border-radius: unset }
        .shop-page .shop-sidebar .single-widgets.widget_search .wp-block-search__inside-wrapper button { min-width: 56px; max-width: 56px; height: 56px; display: flex; align-items: center; justify-content: center; border: none; outline: none; background-color: var(--primary-color); overflow: hidden; position: relative; z-index: 1 }
            .shop-page .shop-sidebar .single-widgets.widget_search .wp-block-search__inside-wrapper button svg { fill: var(--white-color) }
            .shop-page .shop-sidebar .single-widgets.widget_search .wp-block-search__inside-wrapper button::after { position: absolute; content: ""; display: block; left: 15%; right: -20%; top: -4%; height: 150%; width: 150%; bottom: 0; border-radius: 2px; background-color: var(--white-color); transform: skewX(45deg) scale(0,1); z-index: -1; transition: all .5s ease-out 0s }
            .shop-page .shop-sidebar .single-widgets.widget_search .wp-block-search__inside-wrapper button:hover svg { fill: var(--primary-color3) }
            .shop-page .shop-sidebar .single-widgets.widget_search .wp-block-search__inside-wrapper button:hover::after { transform: skewX(45deg) scale(1,1) }
.shop-page .shop-sidebar .single-widgets .checkbox-container ul { margin: 0; padding: 0; list-style: none }
    .shop-page .shop-sidebar .single-widgets .checkbox-container ul li { display: flex; align-items: center; gap: 10px; margin-bottom: 25px }
        .shop-page .shop-sidebar .single-widgets .checkbox-container ul li:last-child { margin-bottom: 0 }
        .shop-page .shop-sidebar .single-widgets .checkbox-container ul li .containerss { display: flex; gap: 5px; width: 100%; position: relative; padding-left: 25px; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; user-select: none }
            .shop-page .shop-sidebar .single-widgets .checkbox-container ul li .containerss span { color: var(--paragraph-color); font-family: var(--font-Urbanist); font-size: 14px; font-weight: 500; line-height: 1 }
            .shop-page .shop-sidebar .single-widgets .checkbox-container ul li .containerss input { position: absolute; opacity: 0; cursor: pointer; height: 0; width: 0 }
                .shop-page .shop-sidebar .single-widgets .checkbox-container ul li .containerss input:checked ~ .checkmark { background-color: var(--primary-color); border-color: var(--primary-color); border-radius: 2px }
                    .shop-page .shop-sidebar .single-widgets .checkbox-container ul li .containerss input:checked ~ .checkmark::after { content: url(../img/innerpage/vector/checkbox-check.svg); left: 2px; top: -3px; position: absolute }
            .shop-page .shop-sidebar .single-widgets .checkbox-container ul li .containerss .checkmark { position: absolute; top: 0; left: 0; height: 14px; width: 14px; background-color: transparent; border: 1px solid var(--border-color); border-radius: 2px }
.shop-page .shop-sidebar .single-widgets .wp-block-tag-cloud { margin-bottom: 0; display: flex; align-items: center; flex-wrap: wrap; gap: 14px }
    .shop-page .shop-sidebar .single-widgets .wp-block-tag-cloud a { color: var(--title-color); font-family: var(--font-Urbanist); font-size: 14px; font-weight: 400; transition: .35s; line-height: 1 }
        .shop-page .shop-sidebar .single-widgets .wp-block-tag-cloud a:hover { color: var(--primary-color) }
.product-details-page .product-details-img { position: relative; padding-right: 60px }

@media(max-width:1399px) {
    .product-details-page .product-details-img { padding-right: 20px }
}

@media(max-width:1199px) {
    .product-details-page .product-details-img { padding-right: 0 }
}

@media(min-width:992px) and (max-width:1199px) {
    .product-details-page .product-details-img { flex-direction: column; gap: 40px }
}

@media(max-width:576px) {
    .product-details-page .product-details-img { flex-direction: column; gap: 40px }
}

.product-details-page .product-details-img .product-details-tab-img { position: relative; overflow: hidden }

@media(max-width:991px) {
    .product-details-page .product-details-img .product-details-tab-img img { width: 100% }
}

.product-details-page .product-details-img .nav-pills { padding-top: 30px; -moz-columns: 4; columns: 4; display: block }

@media(max-width:576px) {
    .product-details-page .product-details-img .nav-pills { -moz-columns: unset; columns: unset; display: flex; align-items: center; justify-content: center; gap: 20px; padding-top: 20px }
}

@media(min-width:1200px) {
    .product-details-page .product-details-img .nav-pills .nav-item { max-width: 122px; min-width: 122px; min-height: 107px }
}

.product-details-page .product-details-img .nav-pills .nav-item .nav-link { background-color: unset; border-radius: unset; padding: 0; position: relative; width: 100% }
    .product-details-page .product-details-img .nav-pills .nav-item .nav-link img { -o-object-fit: cover; object-fit: cover }

@media(min-width:1200px) {
    .product-details-page .product-details-img .nav-pills .nav-item .nav-link img { max-width: 122px; min-width: 122px; min-height: 107px }
}

@media(max-width:576px) {
    .product-details-page .product-details-img .nav-pills .nav-item .nav-link img { max-width: 100px; min-width: 100px }
}

.product-details-page .product-details-img .nav-pills .nav-item .nav-link::after { content: ""; height: 100%; width: 100%; position: absolute; left: 0; top: 0; background: rgba(26,26,26,.2) }
.product-details-page .product-details-img .nav-pills .nav-item .nav-link.active::after { display: none }
.product-details-page .product-details-content h3 { color: var(--title-color); font-family: var(--font-Urbanist); font-size: 30px; font-weight: 500; line-height: 1.2; margin-bottom: 20px }

@media(max-width:1399px) {
    .product-details-page .product-details-content h3 { font-size: 28px }
}

@media(max-width:1199px) {
    .product-details-page .product-details-content h3 { font-size: 26px }
}

@media(max-width:767px) {
    .product-details-page .product-details-content h3 { margin-bottom: 15px }
}

.product-details-page .product-details-content p { color: var(--paragraph-color); font-family: var(--font-Urbanist); font-size: 16px; font-weight: 400; line-height: 1.5; margin-bottom: 30px }

@media(max-width:767px) {
    .product-details-page .product-details-content p { margin-bottom: 20px }
}

.product-details-page .product-details-content .price-tag { line-height: 1; margin-bottom: 40px }

@media(max-width:767px) {
    .product-details-page .product-details-content .price-tag { margin-bottom: 30px }
}

.product-details-page .product-details-content .price-tag h5 { color: var(--title-color); font-family: var(--font-Urbanist); font-size: 22px; font-weight: 500; line-height: 1; margin-bottom: 0 }

@media(max-width:1199px) {
    .product-details-page .product-details-content .price-tag h5 { font-size: 20px }
}

.product-details-page .product-details-content .product-quantity { margin-bottom: 45px; gap: 24px }

@media(max-width:767px) {
    .product-details-page .product-details-content .product-quantity { margin-bottom: 35px }
}

@media(max-width:576px) {
    .product-details-page .product-details-content .product-quantity { flex-wrap: wrap; gap: 15px }
}

.product-details-page .product-details-content .product-quantity .quantity { display: flex; align-items: center; gap: 8px }
    .product-details-page .product-details-content .product-quantity .quantity .quantity__minus, .product-details-page .product-details-content .product-quantity .quantity .quantity__plus { height: 40px; width: 40px; border: 1px solid var(--border-color); background-color: #faf8fb; display: flex; align-items: center; justify-content: center; cursor: pointer; transition: .35s }
        .product-details-page .product-details-content .product-quantity .quantity .quantity__minus span i, .product-details-page .product-details-content .product-quantity .quantity .quantity__plus span i { font-size: 20px; color: var(--title-color); transition: .35s }
        .product-details-page .product-details-content .product-quantity .quantity .quantity__minus:hover, .product-details-page .product-details-content .product-quantity .quantity .quantity__plus:hover { background-color: var(--primary-color); border-color: var(--primary-color) }
            .product-details-page .product-details-content .product-quantity .quantity .quantity__minus:hover span i, .product-details-page .product-details-content .product-quantity .quantity .quantity__plus:hover span i { color: var(--white-color) }
    .product-details-page .product-details-content .product-quantity .quantity .quantity__input { height: 40px; width: 78px; border: 1px solid var(--border-color); background-color: transparent; color: var(--title-color); text-align: center; font-family: var(--font-Urbanist); font-size: 14px; font-weight: 600 }
.product-details-page .product-details-content .product-quantity .primary-btn5 { font-size: 14px; padding: 12px 24px }
.product-details-page .product-details-content .product-quantity .fav { height: 40px; width: 40px; border-radius: 50%; border: 1px solid var(--border-color); display: flex; align-items: center; justify-content: center; cursor: pointer; transition: .35s }
    .product-details-page .product-details-content .product-quantity .fav svg { fill: var(--title-color); transition: .35s }
    .product-details-page .product-details-content .product-quantity .fav:hover { background-color: var(--primary-color); border-color: var(--primary-color) }
        .product-details-page .product-details-content .product-quantity .fav:hover svg { fill: var(--white-color) }
.product-details-page .product-details-content .aditional-info { margin: 0; padding: 0; list-style: none; line-height: 1 }
    .product-details-page .product-details-content .aditional-info > li { line-height: 1; color: var(--paragraph-color); font-family: var(--font-Urbanist); font-size: 14px; font-weight: 400; margin-bottom: 20px; display: flex; align-items: center; gap: 3px }
        .product-details-page .product-details-content .aditional-info > li:last-child { margin-bottom: 0 }
        .product-details-page .product-details-content .aditional-info > li span { color: var(--title-color); font-weight: 500; display: inline-block; margin-right: 5px }
        .product-details-page .product-details-content .aditional-info > li a { color: var(--paragraph-color); font-family: var(--font-Urbanist); font-size: 14px; font-weight: 400; margin-bottom: 15px; transition: .35s; margin-bottom: 0 }
            .product-details-page .product-details-content .aditional-info > li a:hover { color: var(--primary-color) }
.product-details-page .product-description-and-review-area .nav2 { gap: 45px; justify-content: start; width: 100%; line-height: 1; border-bottom: 1px solid var(--border-color2); border-top: 1px solid var(--border-color2); padding: 20px 0; margin-bottom: 30px }
    .product-details-page .product-description-and-review-area .nav2 .nav-link { color: var(--paragraph-color); font-family: var(--font-Urbanist); font-size: 14px; font-weight: 500; padding: 0; line-height: 1; background-color: transparent }
        .product-details-page .product-description-and-review-area .nav2 .nav-link.active { background-color: transparent; color: var(--title-color); position: relative }
            .product-details-page .product-description-and-review-area .nav2 .nav-link.active::before { content: ""; position: absolute; bottom: -21px; left: 50%; transform: translateX(-50%); border-bottom: 1px solid var(--primary-color); width: 100% }
            .product-details-page .product-description-and-review-area .nav2 .nav-link.active::after { content: ""; position: absolute; left: 50%; bottom: -32px; height: 14px; width: 14px; background-color: var(--white-color); transform: rotate(45deg) translateX(-50%); border: 1px solid var(--primary-color); border-right: none; border-bottom: none }
.product-details-page .product-description-and-review-area .tab-content2 .description p { color: var(--paragraph-color); font-family: var(--font-Urbanist); font-size: 16px; font-weight: 400; line-height: 28px }
    .product-details-page .product-description-and-review-area .tab-content2 .description p:last-child { margin-bottom: 0 }
.product-details-page .product-description-and-review-area .tab-content2 .review-form { border: 1px solid var(--border-color2); padding: 50px 40px; border-radius: 10px }

@media(min-width:992px) and (max-width:1199px) {
    .product-details-page .product-description-and-review-area .tab-content2 .review-form { padding: 40px 20px }
}

@media(max-width:767px) {
    .product-details-page .product-description-and-review-area .tab-content2 .review-form { padding: 40px 30px }
}

@media(max-width:576px) {
    .product-details-page .product-description-and-review-area .tab-content2 .review-form { padding: 35px 15px }
}

.product-details-page .product-description-and-review-area .tab-content2 .review-form .number-of-review { line-height: 1; margin-bottom: 30px }
    .product-details-page .product-description-and-review-area .tab-content2 .review-form .number-of-review h4 { line-height: 1; margin-bottom: 0; color: var(--title-color); font-family: var(--font-Urbanist); font-size: 24px; font-weight: 600 }
.product-details-page .product-description-and-review-area .tab-content2 .review-form .form-inner input { border-radius: 5px; border: 1px solid var(--border-color2); background: #fbf7fb; height: 50px }
.product-details-page .product-description-and-review-area .tab-content2 .review-form .form-inner textarea { border-radius: 5px; border: 1px solid var(--border-color2); background: #fbf7fb; min-height: 150px }
.product-details-page .product-description-and-review-area .tab-content2 .review-form .form-inner2 .review-rate-area { margin-bottom: 15px }
    .product-details-page .product-description-and-review-area .tab-content2 .review-form .form-inner2 .review-rate-area p { margin-bottom: 5px; color: var(--title-color) }
    .product-details-page .product-description-and-review-area .tab-content2 .review-form .form-inner2 .review-rate-area .rate { float: left }
        .product-details-page .product-description-and-review-area .tab-content2 .review-form .form-inner2 .review-rate-area .rate:not(:checked) > input { position: absolute; top: -9999px }
        .product-details-page .product-description-and-review-area .tab-content2 .review-form .form-inner2 .review-rate-area .rate:not(:checked) > label { float: right; width: 1em; overflow: hidden; white-space: nowrap; cursor: pointer; font-size: 16px; line-height: 1; color: #ccc; padding-right: 8px; display: inline-block; margin-right: 8px }
            .product-details-page .product-description-and-review-area .tab-content2 .review-form .form-inner2 .review-rate-area .rate:not(:checked) > label::before { content: "\f586"; font-family: bootstrap-icons !important }
        .product-details-page .product-description-and-review-area .tab-content2 .review-form .form-inner2 .review-rate-area .rate input:checked ~ label { color: #dda701 }
        .product-details-page .product-description-and-review-area .tab-content2 .review-form .form-inner2 .review-rate-area .rate:not(:checked) > label:hover, .product-details-page .product-description-and-review-area .tab-content2 .review-form .form-inner2 .review-rate-area .rate:not(:checked) > label:hover ~ label { color: #dda701 }
    .product-details-page .product-description-and-review-area .tab-content2 .review-form .form-inner2 .review-rate-area input:checked + label:hover, .product-details-page .product-description-and-review-area .tab-content2 .review-form .form-inner2 .review-rate-area input:checked + label:hover ~ label, .product-details-page .product-description-and-review-area .tab-content2 .review-form .form-inner2 .review-rate-area input:checked ~ label:hover, .product-details-page .product-description-and-review-area .tab-content2 .review-form .form-inner2 .review-rate-area input:checked ~ label:hover ~ label, .product-details-page .product-description-and-review-area .tab-content2 .review-form .form-inner2 .review-rate-area label:hover ~ input:checked ~ label { color: #dda701 }
.product-details-page .product-description-and-review-area .tab-content2 .review-form .primary-btn5 { border-radius: 50px; padding: 18px 30px }
.recent-post-section .section-title h3 { color: var(--title-color); font-family: var(--font-Urbanist); font-size: 30px; font-weight: 500; line-height: 1.2; margin-bottom: 0 }
.recent-post-section .slider-btn-group .slider-btn { border: 1px solid var(--border-color2); background-color: var(--white-color); cursor: pointer }
    .recent-post-section .slider-btn-group .slider-btn svg { fill: var(--title-color) }
    .recent-post-section .slider-btn-group .slider-btn:hover { background-color: var(--primary-color3); border-color: var(--primary-color3) }
        .recent-post-section .slider-btn-group .slider-btn:hover svg { fill: var(--white-color) }
.cart-page .cart-widget-title { margin-bottom: 35px }

@media(max-width:991px) {
    .cart-page .cart-widget-title { margin-bottom: 25px }
}

.cart-page .cart-widget-title h5 { color: var(--title-color); font-family: var(--font-Urbanist); font-size: 22px; font-weight: 500; line-height: 1.4; margin-bottom: 0 }
.cart-page .cart-shopping-wrapper .cart-table { width: 100% }

@media(max-width:767px) {
    .cart-page .cart-shopping-wrapper .cart-table { margin-bottom: 30px }
}

.cart-page .cart-shopping-wrapper .cart-table thead tr { border-top: 1px solid var(--border-color2); border-bottom: 1px solid var(--border-color2) }
    .cart-page .cart-shopping-wrapper .cart-table thead tr th { color: var(--paragraph-color); font-family: var(--font-Urbanist); font-size: 15px; font-weight: 500; line-height: 1; padding: 20px 15px }

@media(max-width:767px) {
    .cart-page .cart-shopping-wrapper .cart-table thead tr th { display: none }
}

.cart-page .cart-shopping-wrapper .cart-table thead tr th:first-child { padding-left: 0 }

@media(max-width:767px) {
    .cart-page .cart-shopping-wrapper .cart-table tbody tr { border-bottom: 1px solid var(--border-color2) }
}

.cart-page .cart-shopping-wrapper .cart-table tbody tr td { padding: 30px 15px; color: var(--title-color); font-family: var(--font-Urbanist); font-size: 16px; font-weight: 500; line-height: 1 }
    .cart-page .cart-shopping-wrapper .cart-table tbody tr td span { color: var(--paragraph-color) }
    .cart-page .cart-shopping-wrapper .cart-table tbody tr td:first-child { padding-left: 0 }

@media(max-width:767px) {
    .cart-page .cart-shopping-wrapper .cart-table tbody tr td { text-align: right }
}

.cart-page .cart-shopping-wrapper .cart-table tbody tr td .product-info-wrapper { display: flex; align-items: center; gap: 20px }

@media(max-width:767px) {
    .cart-page .cart-shopping-wrapper .cart-table tbody tr td .product-info-wrapper { align-items: flex-end; flex-direction: column }
}

.cart-page .cart-shopping-wrapper .cart-table tbody tr td .product-info-wrapper .product-info-img img { border-radius: 5px; max-width: 120px }
.cart-page .cart-shopping-wrapper .cart-table tbody tr td .product-info-wrapper .product-info-content h6 { color: var(--title-color); font-family: var(--font-Urbanist); font-size: 16px; font-weight: 500; line-height: 1.4; margin-bottom: 10px }
.cart-page .cart-shopping-wrapper .cart-table tbody tr td .product-info-wrapper .product-info-content p { color: var(--paragraph-color); font-family: var(--font-Urbanist); font-size: 14px; font-weight: 400; line-height: 1; margin-bottom: 35px }
    .cart-page .cart-shopping-wrapper .cart-table tbody tr td .product-info-wrapper .product-info-content p span { color: var(--title-color); font-weight: 500 }
.cart-page .cart-shopping-wrapper .cart-table tbody tr td .product-info-wrapper .product-info-content ul { padding: 0; margin: 0; list-style: none; display: flex; align-items: center; gap: 20px }

@media(max-width:767px) {
    .cart-page .cart-shopping-wrapper .cart-table tbody tr td .product-info-wrapper .product-info-content ul { justify-content: flex-end }
}

.cart-page .cart-shopping-wrapper .cart-table tbody tr td .product-info-wrapper .product-info-content ul li { color: var(--paragraph-color); font-family: var(--font-Urbanist); font-size: 14px; font-weight: 400; line-height: 1; cursor: pointer; position: relative; transition: .5s }
    .cart-page .cart-shopping-wrapper .cart-table tbody tr td .product-info-wrapper .product-info-content ul li:last-child::before { content: ""; position: absolute; top: 50%; transform: translateY(-50%); left: -10px; width: 1px; height: 11px; background-color: rgba(var(--title-color-opc),0.2) }
    .cart-page .cart-shopping-wrapper .cart-table tbody tr td .product-info-wrapper .product-info-content ul li .quantity-area { position: absolute; top: -30px; right: -60px; opacity: 0; transform: scaleY(0); transform-origin: bottom }

@media(max-width:991px) {
    .cart-page .cart-shopping-wrapper .cart-table tbody tr td .product-info-wrapper .product-info-content ul li .quantity-area { right: unset; left: -60px }
}

.cart-page .cart-shopping-wrapper .cart-table tbody tr td .product-info-wrapper .product-info-content ul li .quantity-area .quantity { display: flex; gap: 5px }
    .cart-page .cart-shopping-wrapper .cart-table tbody tr td .product-info-wrapper .product-info-content ul li .quantity-area .quantity a { height: 24px; width: 34px; border-radius: 4px; background: rgba(var(--title-color-opc),0.07); display: flex; align-items: center; justify-content: center; font-size: 20px; color: var(--title-color); font-weight: 600; cursor: pointer; transition: .35s }
        .cart-page .cart-shopping-wrapper .cart-table tbody tr td .product-info-wrapper .product-info-content ul li .quantity-area .quantity a i { color: var(--title-color); transition: .35s }
        .cart-page .cart-shopping-wrapper .cart-table tbody tr td .product-info-wrapper .product-info-content ul li .quantity-area .quantity a:hover { background: var(--primary-color); color: var(--white-color) }
            .cart-page .cart-shopping-wrapper .cart-table tbody tr td .product-info-wrapper .product-info-content ul li .quantity-area .quantity a:hover i { color: var(--white-color) }
    .cart-page .cart-shopping-wrapper .cart-table tbody tr td .product-info-wrapper .product-info-content ul li .quantity-area .quantity input { height: 24px; width: 34px; border-radius: 4px; border: 1px solid var(--border-color2); background-color: var(--dark-white-color); display: flex; align-items: center; justify-content: center; font-size: 14px; color: var(--title-color); font-weight: 500; text-align: center }
.cart-page .cart-shopping-wrapper .cart-table tbody tr td .product-info-wrapper .product-info-content ul li .quantity-area.active { opacity: 1; transform: scaleY(1); animation: fade-down .3s linear }
.cart-page .cart-shopping-wrapper .cart-table tbody tr td .product-info-wrapper .product-info-content ul li:hover { color: #ff4820 }
    .cart-page .cart-shopping-wrapper .cart-table tbody tr td .product-info-wrapper .product-info-content ul li:hover:last-child { color: var(--primary-color1) }

@media(max-width:767px) {
    .cart-page .cart-shopping-wrapper .cart-table tbody tr td { display: block; width: 100%; text-align: right; position: relative; padding: 15px }
        .cart-page .cart-shopping-wrapper .cart-table tbody tr td::before { content: attr(data-label); position: absolute; left: 15px; color: var(--title-color); font-family: var(--font-inter); font-size: 18px; font-weight: 500 }
}

@media(max-width:767px) and (max-width:576px) {
    .cart-page .cart-shopping-wrapper .cart-table tbody tr td::before { font-size: 13px; font-weight: 700 }
}

.cart-page .cart-shopping-wrapper .details-button { color: #0073c7; font-family: var(--font-Urbanist); font-size: 15px; font-weight: 500; line-height: 1; display: flex; align-items: center; gap: 8px; transition: .5s }
    .cart-page .cart-shopping-wrapper .details-button svg { fill: #0073c7; transition: .5s }
    .cart-page .cart-shopping-wrapper .details-button:hover { color: var(--primary-color) }
        .cart-page .cart-shopping-wrapper .details-button:hover svg { fill: var(--primary-color); transform: rotate(45deg) }

@media(min-width:992px) {
    .cart-page .cart-order-sum-area { padding-left: 15px }
}

.cart-page .cart-order-sum-area .order-summary-wrap { padding: 40px 30px; border: 1px solid var(--border-color2); border-radius: 10px }

@media(min-width:992px) and (max-width:1199px) {
    .cart-page .cart-order-sum-area .order-summary-wrap { padding: 40px 25px }
}

@media(max-width:576px) {
    .cart-page .cart-order-sum-area .order-summary-wrap { padding: 35px 15px }
}

.cart-page .cart-order-sum-area .order-summary-wrap .order-summary-list { padding: 0; margin: 0; list-style: none; width: 100% }
    .cart-page .cart-order-sum-area .order-summary-wrap .order-summary-list li { display: flex; align-items: flex-start; justify-content: space-between; margin-bottom: 30px; line-height: 1; color: var(--title-color); font-family: var(--font-Urbanist); font-size: 14px; font-weight: 400; line-height: 1 }
        .cart-page .cart-order-sum-area .order-summary-wrap .order-summary-list li:first-child { padding-bottom: 20px; border-bottom: 1px solid var(--border-color) }
        .cart-page .cart-order-sum-area .order-summary-wrap .order-summary-list li strong { color: var(--title-color); font-family: var(--font-Urbanist); font-size: 16px; font-weight: 500; line-height: 1; display: inline-block }
        .cart-page .cart-order-sum-area .order-summary-wrap .order-summary-list li .order-info { text-align: right }
            .cart-page .cart-order-sum-area .order-summary-wrap .order-summary-list li .order-info p { color: var(--paragraph-color); font-family: var(--font-Urbanist); font-size: 14px; font-weight: 400; line-height: 1; margin-bottom: 5px }
            .cart-page .cart-order-sum-area .order-summary-wrap .order-summary-list li .order-info span { color: var(--title-color); font-family: var(--font-Urbanist); font-size: 14px; font-weight: 400; line-height: 1 }
        .cart-page .cart-order-sum-area .order-summary-wrap .order-summary-list li .coupon-area { width: 100%; margin-bottom: 10px }
            .cart-page .cart-order-sum-area .order-summary-wrap .order-summary-list li .coupon-area span { color: var(--title-color); font-family: var(--font-Urbanist); font-size: 15px; font-weight: 400; line-height: 1; margin-bottom: 15px; display: block }
            .cart-page .cart-order-sum-area .order-summary-wrap .order-summary-list li .coupon-area .form-inner { position: relative }
                .cart-page .cart-order-sum-area .order-summary-wrap .order-summary-list li .coupon-area .form-inner input { width: 100%; height: 48px; padding: 10px 100px 10px 20px; background-color: #f6f2f8; border-radius: 5px }
                    .cart-page .cart-order-sum-area .order-summary-wrap .order-summary-list li .coupon-area .form-inner input::-moz-placeholder { color: rgba(var(--title-color-opc),0.5) }
                    .cart-page .cart-order-sum-area .order-summary-wrap .order-summary-list li .coupon-area .form-inner input::placeholder { color: rgba(var(--title-color-opc),0.5) }
                    .cart-page .cart-order-sum-area .order-summary-wrap .order-summary-list li .coupon-area .form-inner input:focus { border: none }
                .cart-page .cart-order-sum-area .order-summary-wrap .order-summary-list li .coupon-area .form-inner .apply-btn { padding: 15px 23px; border-radius: 0 5px 5px 0; background-color: var(--paragraph-color3); border: 1px solid var(--primary-color3); color: var(--white-color); font-family: var(--font-Urbanist); font-size: 15px; font-weight: 500; letter-spacing: .48px; line-height: 1; transition: .5s; overflow: hidden; z-index: 1; white-space: nowrap; position: absolute; top: 0; right: 0 }
                    .cart-page .cart-order-sum-area .order-summary-wrap .order-summary-list li .coupon-area .form-inner .apply-btn::after { position: absolute; content: ""; display: block; left: 15%; right: -20%; top: -4%; height: 150%; width: 150%; bottom: 0; border-radius: 2px; background-color: var(--white-color); transform: skewX(45deg) scale(0,1); z-index: -1; transition: all .5s ease-out 0s }
                    .cart-page .cart-order-sum-area .order-summary-wrap .order-summary-list li .coupon-area .form-inner .apply-btn:hover { color: var(--dark-title-color) }
                        .cart-page .cart-order-sum-area .order-summary-wrap .order-summary-list li .coupon-area .form-inner .apply-btn:hover::after { transform: skewX(45deg) scale(1,1) }
        .cart-page .cart-order-sum-area .order-summary-wrap .order-summary-list li:last-child { margin-bottom: 0 }
.cart-page .cart-order-sum-area .order-summary-wrap .primary-btn3 { width: 100%; justify-content: center; border-radius: unset }
.checkout-page .checkout-form-wrapper .checkout-form-title { margin-bottom: 30px }
    .checkout-page .checkout-form-wrapper .checkout-form-title h5 { margin-bottom: 0; color: var(--title-color); font-family: var(--font-Urbanist); font-size: 22px; font-weight: 500 }
.checkout-page .checkout-form-wrapper .checkout-form { border: 1px solid var(--border-color2); padding: 40px 30px }

@media(min-width:992px) and (max-width:1199px) {
    .checkout-page .checkout-form-wrapper .checkout-form { padding: 35px 20px }
}

@media(max-width:767px) {
    .checkout-page .checkout-form-wrapper .checkout-form { padding: 35px 20px }
}

.checkout-page .checkout-form-wrapper .checkout-form .form-inner label span { font-weight: 400; color: var(--paragraph-color) }
.checkout-page .checkout-form-wrapper .checkout-form .form-inner input { border: 1px solid var(--border-color2) }
    .checkout-page .checkout-form-wrapper .checkout-form .form-inner input:focus { border-color: var(--title-color) }
.checkout-page .checkout-form-wrapper .checkout-form .form-inner textarea { border: 1px solid var(--border-color2) }
    .checkout-page .checkout-form-wrapper .checkout-form .form-inner textarea:focus { border-color: var(--title-color) }
.checkout-page .order-sum-area { border: 1px solid var(--border-color2); padding: 45px 40px }

@media(max-width:1399px) {
    .checkout-page .order-sum-area { padding: 35px 30px }
}

@media(min-width:992px) and (max-width:1199px) {
    .checkout-page .order-sum-area { padding: 30px 20px }
}

@media(max-width:767px) {
    .checkout-page .order-sum-area { padding: 30px 20px }
}

@media(max-width:576px) {
    .checkout-page .order-sum-area { padding: 25px 15px }
}

.checkout-page .order-sum-area .cart-body ul { padding: 0; margin: 0; list-style: none; margin-bottom: 50px }
    .checkout-page .order-sum-area .cart-body ul .single-item { display: flex; align-items: center; justify-content: space-between; margin-bottom: 25px }
        .checkout-page .order-sum-area .cart-body ul .single-item:last-child { margin-bottom: 0 }
        .checkout-page .order-sum-area .cart-body ul .single-item .item-area { display: flex; justify-content: space-between; gap: 20px; position: relative; width: 100% }
            .checkout-page .order-sum-area .cart-body ul .single-item .item-area .close-btn { transition: .35s; min-width: 25px; max-width: 25px; height: 25px; border-radius: 50%; display: flex; align-items: center; justify-content: center; background-color: rgba(255,38,21,.14); border: unset }
                .checkout-page .order-sum-area .cart-body ul .single-item .item-area .close-btn i { color: #ff4820; line-height: 1; font-size: 20px; transition: .35s }
                .checkout-page .order-sum-area .cart-body ul .single-item .item-area .close-btn:hover { background-color: #ff2615 }
                    .checkout-page .order-sum-area .cart-body ul .single-item .item-area .close-btn:hover i { color: var(--white-color) }
            .checkout-page .order-sum-area .cart-body ul .single-item .item-area .main-item { display: flex; gap: 15px; width: 100% }

@media(max-width:767px) {
    .checkout-page .order-sum-area .cart-body ul .single-item .item-area .main-item { gap: 12px }
}

.checkout-page .order-sum-area .cart-body ul .single-item .item-area .main-item .item-img { display: flex; align-items: center; justify-content: center; position: relative }
    .checkout-page .order-sum-area .cart-body ul .single-item .item-area .main-item .item-img img { height: 80px; max-width: 77px; min-width: 77px }

@media(max-width:767px) {
    .checkout-page .order-sum-area .cart-body ul .single-item .item-area .main-item .item-img img { width: 45px; height: unset }
}

.checkout-page .order-sum-area .cart-body ul .single-item .item-area .main-item .content-and-quantity { width: 100% }
.checkout-page .order-sum-area .cart-body ul .single-item .item-area .main-item .content { line-height: 1; margin-bottom: 15px }
    .checkout-page .order-sum-area .cart-body ul .single-item .item-area .main-item .content span { font-family: var(--font-Urbanist); font-weight: 500; font-size: 14px; color: var(--paragraph-color); display: inline-block; margin-bottom: 5px }
    .checkout-page .order-sum-area .cart-body ul .single-item .item-area .main-item .content h6 { margin-bottom: 0; line-height: 1 }
        .checkout-page .order-sum-area .cart-body ul .single-item .item-area .main-item .content h6 a { font-family: var(--font-Urbanist); font-weight: 500; font-size: 16px; line-height: 1.3; color: var(--title-color); transition: .5s }
            .checkout-page .order-sum-area .cart-body ul .single-item .item-area .main-item .content h6 a:hover { color: var(--primary-color) }
.checkout-page .order-sum-area .cart-body ul .single-item .quantity-area .quantity { display: flex; gap: 5px }
    .checkout-page .order-sum-area .cart-body ul .single-item .quantity-area .quantity a { height: 24px; width: 34px; border-radius: 4px; background: rgba(var(--title-color-opc),0.07); display: flex; align-items: center; justify-content: center; font-size: 20px; color: var(--title-color); font-weight: 600; cursor: pointer; transition: .35s }
        .checkout-page .order-sum-area .cart-body ul .single-item .quantity-area .quantity a i { color: var(--title-color); transition: .35s }
        .checkout-page .order-sum-area .cart-body ul .single-item .quantity-area .quantity a:hover { background: var(--primary-color); color: var(--white-color) }
            .checkout-page .order-sum-area .cart-body ul .single-item .quantity-area .quantity a:hover i { color: var(--white-color) }
    .checkout-page .order-sum-area .cart-body ul .single-item .quantity-area .quantity input { height: 24px; width: 34px; border-radius: 4px; border: 1px solid var(--border-color2); background-color: transparent; display: flex; align-items: center; justify-content: center; font-size: 14px; color: var(--title-color); font-weight: 500; text-align: center }
.checkout-page .order-sum-area .cart-footer .pricing-area { width: 100% }
    .checkout-page .order-sum-area .cart-footer .pricing-area ul { padding: 0; margin: 0; list-style: none; width: 100% }
        .checkout-page .order-sum-area .cart-footer .pricing-area ul li { display: flex; align-items: flex-start; justify-content: space-between; margin-bottom: 30px; line-height: 1; color: var(--title-color); font-family: var(--font-Urbanist); font-size: 14px; font-weight: 400; line-height: 1; border-bottom: 1px solid var(--border-color2); padding-bottom: 20px }
            .checkout-page .order-sum-area .cart-footer .pricing-area ul li strong { color: var(--title-color); font-family: var(--font-Urbanist); font-size: 16px; font-weight: 500; line-height: 1; display: inline-block }
            .checkout-page .order-sum-area .cart-footer .pricing-area ul li .order-info { text-align: right }
                .checkout-page .order-sum-area .cart-footer .pricing-area ul li .order-info p { color: var(--paragraph-color); font-family: var(--font-Urbanist); font-size: 14px; font-weight: 400; line-height: 1; margin-bottom: 5px }
                .checkout-page .order-sum-area .cart-footer .pricing-area ul li .order-info span { color: var(--title-color); font-family: var(--font-Urbanist); font-size: 14px; font-weight: 400; line-height: 1 }
            .checkout-page .order-sum-area .cart-footer .pricing-area ul li:last-child { padding-bottom: 0; margin-bottom: 0; border: unset }
.checkout-page .order-sum-area .cart-footer .primary-btn3 { width: 100%; justify-content: center; border-radius: unset }
.checkout-page .choose-payment-method { margin-bottom: 40px; line-height: 1 }
    .checkout-page .choose-payment-method h6 { margin-bottom: 10px; color: var(--title-color); font-family: var(--font-Urbanist); font-size: 16px; font-weight: 500 }
    .checkout-page .choose-payment-method .payment-option { line-height: 1 }
        .checkout-page .choose-payment-method .payment-option ul { padding: 0; margin: 0; list-style: none; display: flex; align-items: center; gap: 20px; flex-wrap: wrap; margin-bottom: 30px }

@media(min-width:992px) and (max-width:1199px) {
    .checkout-page .choose-payment-method .payment-option ul { gap: 15px }
}

.checkout-page .choose-payment-method .payment-option ul li { width: 110px; height: 68px; background-color: var(--white-color); border: 1px solid var(--border-color2); border-radius: 5px; display: flex; align-items: center; justify-content: center; position: relative; cursor: pointer }

@media(min-width:992px) and (max-width:1199px) {
    .checkout-page .choose-payment-method .payment-option ul li { width: 100px }
}

.checkout-page .choose-payment-method .payment-option ul li .checked { position: absolute; top: 0; left: 0; width: 32px; height: 32px; background: #d2e7ef; -webkit-clip-path: polygon(0 0,0% 100%,100% 0); clip-path: polygon(0 0,0% 100%,100% 0); border-top-left-radius: 5px }
    .checkout-page .choose-payment-method .payment-option ul li .checked i { opacity: 0; color: var(--white-color); margin-left: 2px }
.checkout-page .choose-payment-method .payment-option ul li.active .checked { background: var(--primary-color) }
    .checkout-page .choose-payment-method .payment-option ul li.active .checked i { opacity: 1 }
.checkout-page .choose-payment-method .form-inner input { border: 1px solid var(--border-color2) }
.terms-and-conditions-page .update-date { display: flex; align-items: center; gap: 48px; line-height: 1 }

@media(max-width:576px) {
    .terms-and-conditions-page .update-date { gap: 30px }
}

.terms-and-conditions-page .update-date h6 { margin-bottom: 0; color: var(--title-color); font-family: var(--font-Urbanist); font-size: 14px; font-weight: 500; line-height: 1; position: relative }
    .terms-and-conditions-page .update-date h6 i { color: var(--primary-color) }
    .terms-and-conditions-page .update-date h6::after { content: ""; width: 28px; height: 1px; background-color: var(--title-color); position: absolute; right: -38px; top: 50%; transform: translateY(-50%) }

@media(max-width:576px) {
    .terms-and-conditions-page .update-date h6::after { width: 18px; right: -24px }
}

.terms-and-conditions-page .update-date p { color: var(--paragraph-color); font-family: var(--font-Urbanist); font-size: 14px; font-weight: 400; margin-bottom: 0 }
.terms-and-conditions-page .terms-and-conditions h4 { color: var(--title-color); font-family: var(--font-Urbanist); font-size: 30px; font-weight: 400; margin-bottom: 15px }

@media(max-width:576px) {
    .terms-and-conditions-page .terms-and-conditions h4 { font-size: 25px; margin-bottom: 10px }
}

.terms-and-conditions-page .terms-and-conditions p { color: var(--paragraph-color); font-family: var(--font-Urbanist); font-size: 16px; font-weight: 400; line-height: 30px; margin-bottom: 10px }

@media(max-width:576px) {
    .terms-and-conditions-page .terms-and-conditions p { font-size: 15px }
}

.terms-and-conditions-page .terms-and-conditions p:last-child { margin-bottom: 0 }
.terms-and-conditions-page .terms-and-conditions ul { margin: 0; padding: 0; list-style: none; padding-left: 50px; margin-bottom: 5px; padding-top: 5px }

@media(max-width:767px) {
    .terms-and-conditions-page .terms-and-conditions ul { padding-left: 20px }
}

.terms-and-conditions-page .terms-and-conditions ul li { color: var(--paragraph-color); font-family: var(--font-Urbanist); font-size: 16px; font-weight: 400; line-height: 30px; margin-bottom: 15px }

@media(max-width:576px) {
    .terms-and-conditions-page .terms-and-conditions ul li { font-size: 15px }
}

.terms-and-conditions-page .terms-and-conditions ul li strong { color: var(--title-color); font-family: var(--font-Urbanist); font-size: 16px; font-weight: 600; line-height: 30px }

@media(max-width:576px) {
    .terms-and-conditions-page .terms-and-conditions ul li strong { font-size: 15px }
}

.error-page .error-wrapper { max-width: 550px; width: 100%; margin: 0 auto }
    .error-page .error-wrapper .error-img svg { fill: var(--title-color); max-width: 490px; width: 100% }
    .error-page .error-wrapper .error-content { text-align: center }
        .error-page .error-wrapper .error-content h1 { color: var(--title-color); font-family: var(--font-Urbanist); font-size: 40px; font-weight: 600; margin-bottom: 12px }

@media(max-width:576px) {
    .error-page .error-wrapper .error-content h1 { font-size: 30px }
}

.error-page .error-wrapper .error-content p { color: var(--paragraph-color); font-family: var(--font-Urbanist); font-size: 15px; font-weight: 400; margin-bottom: 35px }

@media(max-width:576px) {
    .error-page .error-wrapper .error-content p { font-size: 14px }
}

.error-page .error-wrapper .error-content .back-btn .primary-btn3 { border-radius: unset }