html {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    scroll-behavior: smooth
}

html,
body {
    overflow-x: clip;
}

*,
:after,
:before {
    -webkit-box-sizing: inherit;
    -moz-box-sizing: inherit;
    box-sizing: inherit;
    padding: 0;
    margin: 0;
    scroll-behavior: smooth;
}

a,
aside,
body,
del,
div,
dl,
footer,
header,
li,
main,
ol,
p,
section,
span,
ul {
    padding: 0;
    margin: 0;
    text-shadow: none;
    outline: 0;
    box-shadow: none;
    text-decoration: none;
    list-style: none;
}

b,
strong {
    font-weight: 700;
}

body {
    padding: 0;
    margin: 0;
    font-family: "Poppins", sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 20px;
    line-height: 30px;
    color: #000000;
    overflow-x: clip;
}

p {
    margin-bottom: 30px;
}

a {
    color: #000000;
    -webkit-transition: .5s all ease;
    -ms-transition: .5s all ease;
    transition: .5s all ease;
}

a:hover,
a:focus,
a:active {
    color: #05205F;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: 400;
    font-family: 'Paytone One', sans-serif;
}

.mtb-120 {
    margin: 120px 0;
}

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

.mb-120 {
    margin-bottom: 120px;
}

.pt-100 {
    padding-top: 100px;
}
.ptb-60{
    padding: 60px 0px;
}
.ptb-120 {
    padding: 120px 0;
}

.pb-120 {
    padding-bottom: 120px;
}

img {
    max-width: 100%;
}
header {
    padding: 50px 0 20px;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    background: transparent;
    z-index: 99;
    -webkit-transition: .5s all ease;
    -ms-transition: .5s all ease;
    transition: .5s all ease;
}

header .header-shape1,
header .header-shape2 {
    top: 0;
    left: 0;
    width: 50%;
}

header .header-shape2 {
    left: auto;
    right: 0;
}

header .header-shape1 img,
header .header-shape2 img {
    width: 100%;
    height: 100px;
}

header.sticky {
    padding: 15px 0;
    background: #712F62;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.1);
}

header .navbar,
header .navbar-brand {
    padding: 0;
}

header .menu-item+.menu-item {
    margin-left: 50px;
}
header .menu-item:not(:last-child) a {
    font-family: 'Red Hat Display';
    display: inline-block;
    font-size: 16px;
    line-height: 24px;
    font-weight: 400;
    color: #FFFFFF;
    position: relative;
    padding: 19px 0;
}
header .menu-item:not(:last-child) a::before {
    content: "";
    position: absolute;
    top: 50%;
    left: -25px;
    transform: translateY(-50%);
    height: 15px;
    width: 12px;
    background-image: url("data:image/svg+xml,%3Csvg width='12' height='16' viewBox='0 0 12 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11.7925 0.73783C11.6528 0.589186 11.4652 0.5 11.2577 0.5H0.75823C0.546723 0.5 0.359161 0.589186 0.223478 0.73783C0.0877942 0.886474 0.00798138 1.07334 0 1.28994C0.00798138 1.35364 0.0199535 1.44283 0.0359163 1.549V1.5575C0.051879 1.65518 0.0678413 1.76985 0.0838041 1.90575V1.92699L0.11972 2.1181L1.36881 9.60128L1.60825 11.0495L1.87961 12.6931L2.0153 13.5H9.9847L10.0925 12.8417L10.3957 11.0283L10.6352 9.57579L11.8803 2.11385L11.9122 1.92274L11.984 1.48955L11.992 1.43858V1.40461C11.992 1.40461 12 1.37912 12 1.36638V1.30268C12 1.08184 11.9162 0.877981 11.7765 0.733583M10.28 2.55554L10.272 2.59801L10.1204 3.51111L8.93914 10.5738L8.79149 11.4699V11.4912C8.75557 11.6441 8.68773 11.78 8.58796 11.8861L8.57998 11.8946C8.50416 11.9753 8.41237 12.0433 8.30861 12.0815H8.29265C8.29265 12.0815 8.29265 12.09 8.28467 12.09C8.25673 12.1027 8.22481 12.1112 8.19687 12.1197C7.95743 12.1962 7.70602 12.2599 7.45461 12.3066C7.13136 12.3703 6.80412 12.4128 6.46891 12.434C6.42102 12.434 6.38111 12.4425 6.33721 12.4425C6.29731 12.4425 6.26139 12.4425 6.21749 12.4425H5.79049C5.37546 12.4298 4.9724 12.3915 4.57732 12.3108C4.57732 12.3108 4.12637 12.2174 3.93083 12.158C3.7273 12.0943 3.55969 12.039 3.42002 11.8861C3.32424 11.78 3.2564 11.6441 3.22448 11.4954L3.07283 10.5866L1.8876 3.49837L1.73994 2.59801L1.73196 2.55554V2.51307C1.73196 2.40265 1.77586 2.30072 1.8437 2.22852C1.91154 2.15632 2.00732 2.10961 2.11107 2.10961H9.90489C10.0086 2.10961 10.1044 2.15632 10.1723 2.22852C10.2401 2.30072 10.284 2.40265 10.284 2.51307V2.55554M8.59594 4.49641C8.572 4.47092 8.54805 4.45394 8.52411 4.43695C8.46824 4.39873 8.4004 4.38174 8.32857 4.38174C8.29265 4.38174 8.26072 4.38174 8.2288 4.39448C8.22082 4.39448 8.21284 4.39448 8.20485 4.40297C8.06518 4.44969 7.9295 4.48367 7.78583 4.51764C7.21516 4.65779 6.62454 4.72999 6.01796 4.72999C5.41137 4.72999 4.82873 4.65779 4.26206 4.52189H4.25407C4.11041 4.48791 3.96674 4.44969 3.82707 4.40297L3.80313 4.39448C3.7712 4.38598 3.73927 4.38174 3.70336 4.38174C3.62354 4.38174 3.55171 4.40722 3.48786 4.44969C3.48786 4.44969 3.45195 4.47942 3.43598 4.50065C3.39209 4.55162 3.36016 4.60683 3.34021 4.67053C3.32823 4.70876 3.32424 4.74698 3.32424 4.7852V4.82342L3.33222 4.87439L3.45993 5.62185L4.28999 10.6078C4.28999 10.6078 4.28999 10.6418 4.29797 10.6588C4.31792 10.7777 4.34586 10.8796 4.42168 10.9518C4.46957 11.0028 4.52943 11.0368 4.59727 11.0537C4.61324 11.0537 4.6292 11.0622 4.64516 11.0622C4.65713 11.0622 4.66911 11.0622 4.68108 11.0707C4.9285 11.1174 5.1839 11.1429 5.43931 11.1599C5.43931 11.1599 5.67077 11.1769 5.72664 11.1811C5.81443 11.1811 5.90622 11.1811 5.998 11.1811H6.1696C6.56867 11.1727 6.95976 11.1302 7.34287 11.0622C7.35883 11.0622 7.37479 11.0622 7.39076 11.0537C7.40273 11.0537 7.41869 11.0537 7.43066 11.0452C7.50249 11.0283 7.57433 10.9943 7.62221 10.9348L7.65015 10.9051C7.69006 10.8541 7.714 10.7904 7.72597 10.7225L7.74992 10.5951L8.59195 5.55815L8.70768 4.87439L8.71566 4.82767V4.7852C8.71566 4.74273 8.71566 4.70451 8.6997 4.66629C8.67975 4.60258 8.65181 4.54312 8.60392 4.50065' fill='white'/%3E%3Cpath d='M10 13.5V14.5C10 14.776 9.92008 15.026 9.78422 15.2083C9.64835 15.3906 9.46454 15.5 9.26074 15.5H2.73526C2.32767 15.5 2 15.0573 2 14.5V13.5H10Z' fill='white'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-size: contain;
    transition: all 0.5s ease-in-out;
    opacity: 0;
    visibility: hidden;
}
header .menu-item:not(:last-child).current-menu-item > a {
    font-weight: 700;
}
header .menu-item:not(:last-child) a:hover::before,
header .menu-item:not(:last-child) a:focus::before,
header .menu-item:not(:last-child).current-menu-item a::before {
    opacity: 1;
    visibility: visible;
}
header .menu-item:last-child a {
    font-family: 'Red Hat Display';
    display: block;
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    line-height: normal;
    color: #712F62;
    background-color: #FFFFFF;
    padding: 13px 25px;
    border-radius: 50px;
    position: relative;
    overflow: hidden;
    transition: all 0.4s ease-in-out;
    z-index: 1;
    border: 1px solid transparent;
}
header .menu-item:last-child a::after, header .menu-item:last-child a::before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    width: 0;
    height: 100%;
    background: #712F62;
    transform: skew(15deg);
    transition: all 0.4s ease-in-out;
    z-index: -1;
}
header .menu-item:last-child a::before {
    left: -10px;
}
header .menu-item:last-child a::after {
    right: -10px;
}
header .menu-item:last-child a:hover::after, header .menu-item:last-child a:hover::before {
    width: 60%;
}
header .menu-item:last-child a:hover {
    color: #FFFFFF;
    border-color: #712F62;
}
header.sticky .menu-item:last-child a:hover {
    border-color: #FFFFFF;
}

/* Home Banner Section */
.khbhm-wrap {
    position: relative;
    z-index: 0;
    height: 800px;
    display: flex;
    align-items: center;
}
.khbhm-desc h1 {
    font-weight: 400;
    font-size: 70px;
    line-height: 80px;
    text-transform: capitalize;
    color: #FFFFFF;
    margin-bottom: 30px;
}
.khbhm-desc p {
    font-family: 'Red Hat Display', sans-serif;
    font-weight: 700;
    font-size: 20px;
    line-height: 26px;
    letter-spacing: 0.02em;
    text-transform: capitalize;
    color: #FFFFFF;
}
.btn-default {
    font-family: 'Paytone One', sans-serif;
    font-style: normal;
    font-size: 16px;
    line-height: 22px;
    color: #D13B22;
    background-color: #FFFFFF;
    padding: 14px 25px;
    border-radius: 50px;
    position: relative;
    overflow: hidden;
    transition: all 0.4s ease-in-out;
    z-index: 1;
}
.btn-default::after, .btn-default::before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    width: 0;
    height: 100%;
    background: #712F62;
    transform: skew(15deg);
    transition: all 0.4s ease-in-out;
    z-index: -1;
}
.btn-default::before {
    left: -10px;
}
.btn-default::after {
    right: -10px;
}
.btn-default:hover::after, .btn-default:hover::before {
    width: 60%;
}
.btn-default:hover {
    color: #FFFFFF;
}
.btn-secondary {
    background-color: #712F62;
    color: #FFFFFF;
}
.btn-secondary::after, .btn-secondary::before {
    background: #FFFFFF;
}
.btn-secondary:hover {
    color: #712F62;
    border-color: #712F62;
}

/* Home Trusted Section */

.title-element {
    margin-bottom: 30px;
}
.title h2 {
    font-weight: 400;
    font-size: 50px;
    line-height: 70px;
    text-transform: capitalize;
    color: #1E3234;
    margin-bottom: 30px;
}
.title.text-center h2 {
    margin-bottom: 20px;
}
.title h2 b, .title h2 strong {
    color: #712F62;
}
.title p {
    font-weight: 400;
    font-size: 18px;
    line-height: 28px;
    color: #3D3D3D;
    margin-bottom: 30px;
}
.khb-trusted .title h2 {
    max-width: 99%;
}
.khb-trusted .title p {
    font-size: 16px;
    line-height: 26px;
    max-width: 95%;
}
.hm-counter-main {
    display: flex;
    align-items: center;
    column-gap: 80px;
}
.counter-box {
    border-left: 2px solid #712F62;
    padding-left: 22px;
}
.counter-box p {
    font-weight: 400;
    font-size: 18px;
    line-height: 25px;
    text-transform: capitalize;
    color: #1E3234;
    margin-bottom: 11px;
}
.counter-box h3 {
    font-family: 'Poppins', sans-serif;
    font-weight: 700;
    font-size: 32px;
    line-height: 32px;
    color: #1E3234;
    margin-bottom: 0;
}

/* Home Animation Section */

.khbanimation-wrap {
    min-height: 800px;
    overflow: hidden;
    display: flex;
    justify-content: center;
    position: relative;
    z-index: 0;
}
.khbani-img {
    display: flex;
    align-items: center;
    position: absolute;
    z-index: 1;
    top: 100%;
    transform: translateY(100%);
    opacity: 0;
    transition: all ease-in-out;
    transition-delay: 0.5s;
    transition-duration: 0.5s;
}
.khbanimation-swiper .swiper-slide.swiper-slide-active .khbani-img {
    opacity: 1;
    top:50%;
    transform: translateY(-50%);
}
.khbani-desc {
    width: 100%;
    display: flex;
    justify-content: center;
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translateY(100%) translateX(-50%);
    opacity: 0;
    transition: all ease-in-out;
    transition-delay: 0.5s;
    transition-duration: 0.8s;
}
.khbani-desc h2 {
    font-weight: 400;
    font-size: 250px;
    line-height: 349px;
    text-transform: capitalize;
    color: transparent;
    -webkit-text-stroke: 3px #FFFFFF;
}
.khbanimation-swiper .swiper-slide.swiper-slide-active .khbani-desc {
    opacity: 1;
    top:50%;
    transform: translateY(-50%) translateX(-50%);
}

.khb-hm-made .title p {
    max-width: 74%;
    margin-left: auto;
    margin-right: auto;
}
.khb-hm-made .row + .row, .khb-hm-moments .row + .row, .khb-hm-find .row + .row, .khb-hm-fresh .row + .row, .khb-ab-value .row + .row, .khb-contant-love .row +.row {
    margin-top: 20px;
    row-gap: 30px;
}
.khbmade-box {
    padding: 0 25px 25px;
    border-radius: 20px;
    z-index: 0;
    transition: all 0.4s ease-in-out;
}
.khbmade-box::after {
    content: "";
    position: absolute;
    top: 50px;
    bottom: 0;
    left: 0;
    right: 0;
    background: linear-gradient(180deg, rgba(243, 243, 243, 0.15) 0%, rgba(243, 243, 243, 0.8) 100%);
    border-radius: 20px;
    transition: all 0.4s ease-in-out;
    z-index: -1;
}
.khbmade-img {
    height: 160px;
    margin-bottom: 15px;
}
.khbmade-desc h3 {
    font-weight: 400;
    font-size: 30px;
    line-height: 30px;
    color: rgba(51, 51, 51, 0.8);
    margin-bottom: 12px;
    transition: all 0.4s ease-in-out;
}
.khbmade-desc p {
    font-weight: 400;
    font-size: 18px;
    line-height: 20px;
    color: #4F4F4F;
    margin-bottom: 14px;
}
.khbmade-hover-ani {
    position: absolute;
    bottom: 0;
    left: 100%;
    transition: all 0.4s ease-in-out;
}
.khbmade-box:hover .khbmade-hover-ani {
    left: auto;
    right: 0;
}
.underline-btn {
    font-weight: 600;
    font-size: 14px;
    line-height: 20px;
    color: #000000;
    position: relative;
    transition: all 0.4s ease-in-out;
}
.underline-btn::after {
    content: "";
    position: absolute;
    top: 130%;
    left: 0;
    width: 24px;
    height: 1px;
    border-radius: 2px;
    background-color: #000000;
    transition: all 0.4s ease-in-out;
}
.khbmade-box:hover .khbmade-desc h3 {
    color: #000000;
}
.khbmade-box:hover .underline-btn {
    color: #712F62;
}
.khbmade-box:hover .underline-btn::after {
    background-color: #712F62;
}

/* Home Rooted Section */

.khb-hm-rooted .row .row {
    row-gap: 30px;
}
.khbrted-box {
    display: flex;
    flex-direction: column;
    height: 100%;
}
.khbrted-icon {
    margin-bottom: 15px;
}
.khbrted-box h3 {
    font-weight: 400;
    font-size: 21px;
    line-height: 30px;
    text-transform: capitalize;
    color: #712F62;
    margin-bottom: 15px;
}
.khbrted-box p {
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #000000;
    margin-bottom: 0;
}

/* Home Moments Section */
.khb-hm-moments {
    padding: 60px 0 90px;
    margin-top: 180px;
}
.page-template-franchise-inquiry .khb-hm-moments {
    margin-top: 300px;
}
.khb-hm-moments::after {
    content: "";
    position: absolute;
    top: -178px;
    left: 0;
    width: 100%;
    height: 180px;
    background-image: url("data:image/svg+xml,%3Csvg width='100%' height='120' viewBox='0 0 1440 122' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M832.355 113.782C799.782 116.857 758.128 113.29 723.537 107.262C689.522 101.235 621.349 78.3546 578.686 63.3473C469.436 23.7379 385.984 8.60756 301.092 2.21101C267.077 -0.372217 230.9 -2.09436 152.061 5.28628C73.2222 12.6669 -1.00464 36.777 -1.00464 36.777V121.777H1440.44V84.5051C1440.44 84.5051 1336.67 44.4037 1212.14 46.9869C1155.64 47.848 1078.38 55.2286 1019 74.5413C988.448 84.5051 943.767 96.9292 904.132 104.31C864.928 112.06 847.2 112.552 832.355 113.782Z' fill='%23712F62'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-size: cover;   
}
.khb-hm-moments .title h2 {
    max-width: 90%;
    margin-bottom: 30px;
    color: #FFFFFF;
    margin-left: auto;
    margin-right: auto;
}
.khbhm-gallery-main {
    width: 100%;
    display: flex;
    column-gap: 20px;
}
.khbhm-gallery-main .khbhm-gallery-box:nth-child(1) {
    width: 72%;
}
.khbhm-gallery-main .khbhm-gallery-box:nth-child(2) {
    width: 28%;
}
.khbhm-gallery-main .khbhm-gallery-box .khbhm-gallery-box:nth-child(1) {
    width: 100%;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    column-gap: 20px;
}
.khbhm-gallery-main .khbhm-gallery-box .khbhm-gallery-box:nth-child(2) {
    width: 100%;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    column-gap: 20px;
    margin-top: 20px;
}
.khbhm-gallery-box img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* Home Slider Section */

.khb-hm-slider-animation {
    overflow: hidden;
    width: 100%;
    background: #f0f0f0;
    padding: 15px 50px;
    margin-top: -60px;
}
.khbslider {
    display: flex;
    column-gap: 50px;
    width: max-content;
    animation: scroll 20s linear infinite;
}
.khbslider-content {
    display: flex;
    column-gap: 50px;
}
.khbslider-box {
    display: flex;
    align-items: end;
    column-gap: 50px;
    position: relative;
    z-index: 1;
}
.khbslider-box h4 {
    font-weight: 400;
    font-size: 23px;
    line-height: 34px;
    text-transform: capitalize;
    color: #FFFFFF;
    margin-bottom: 5px;
}
@keyframes scroll {
    from {
    transform: translateX(0);
    }
    to {
    transform: translateX(-50%);
    }
}

/* Home Find Section */

.khb-map-img img {
    width: 100%;
}
.khbmap-pin {
    position: absolute;
    display: flex;
    column-gap: 10px;
    align-items: flex-start;
}
.khb-hm-find .khbmap-pin:nth-child(2) {
    top: -30px;
    right: 35px;
    left: auto;
}
.khb-hm-find .khbmap-pin:nth-child(3) {
    top: 135px;
    left: 210px;
}
.khb-hm-find .khbmap-pin:nth-child(4) {
    top: 175px;
    right: -30px;
    left: auto;
}
.khb-hm-find .khbmap-pin:nth-child(5) {
    top: -41px;
    left: 113px;
}
.khbmap-pin.active .khbmap-pin-icon svg g[clip-path] path[stroke] {
    stroke: #712F62;
}
.khbmap-pin.active .khbmap-pin-icon svg g[clip-path] path:nth-child(2) {
    fill: #712F62;
}
.khbmap-location-name {
    background-color: #333333;
    padding: 10px;
    border-radius: 10px;
    max-width: 120px;
}
.khbmap-pin.active .khbmap-location-name {
    background-color: #712F62;
}
.khbmap-location-name h4 {
    font-weight: 400;
    font-size: 12px;
    line-height: 17px;
    text-align: center;
    color: #FFFFFF;
    margin-bottom: 0;
}
.map-content-box {
    padding-bottom: 20px;
    margin-bottom: 20px;
    border-bottom: 1px solid #000000;
    cursor: pointer;
}
.map-content-box:last-child {
    margin-bottom: 0px;
}
.map-content-box h3 {
    font-weight: 400;
    font-size: 20px;
    line-height: 28px;
    color: #000000;
    margin-bottom: 5px;
}
.map-content-box p {
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #000000;
    margin-bottom: 0;
}
.map-content-box.active {
    border-color: #712F62;
}
.map-content-box.active h3, .map-content-box.active p {
    color: #712F62;
}

.khbfind-box {
    padding: 15px 15px 30px;
    background: #fff;
    border: 1px solid rgba(113, 47, 98, 0.2);
    box-shadow: 0 0 0;
    border-radius: 10px;
    width: 100%;
    transition: all 0.5s;
    display: flex;
    flex-direction: column;
    height: 100%;
}

.khbfind-box:hover {
    border-color: #712F62;
    box-shadow: 6px 6px 0px 0px #712F62;
    transition: all 0.5s;
}

.khbfind-frame {
    margin-bottom: 20px;
}

.khbfind-frame iframe {
    height: 300px;
    width: 100%;
    border-radius: 7px;
}

.khbfind-desc {
    flex: 1;
    display: flex;
    flex-direction: column;
}

.khbfind-desc h3 {
    font-size: 18px;
    line-height: 26px;
    font-weight: 700;
    color: #333333;
    margin-bottom: 10px;
    font-family: "Poppins", sans-serif;
}

.khbfind-desc p {
    font-size: 16px;
    line-height: 24px;
    font-weight: 300;
    color: #333;
    margin-bottom: 25px;
    flex: 1;
}

.direction-btn {
    padding: 12px 20px;
    background: #FCFCFC;
    border: 1px solid #712F62;
    border-radius: 50px;
    font-size: 16px;
    line-height: 24px;
    font-weight: 700;
    color: #712F62;
    display: flex;
    align-items: center;
    gap: 10px;
    box-shadow: 0 0 0 !important;
    outline: 0;
    max-width: fit-content;
}

.direction-btn svg path {
    fill: #712F62;
    transition: all 0.5s;
}

.khbfind-desc h3 a:hover, .khbfind-box:hover h3 a {
    color: #712F62;
}

.direction-btn:hover, .direction-btn:active, .direction-btn:focus, .khbfind-box:hover .direction-btn {
    background: #712F62;
    color: #F9F3A7;
}

.direction-btn:hover svg path, .direction-btn:active svg path, .direction-btn:focus svg path, .khbfind-box:hover .direction-btn svg path {
    fill: #fff;
}

/* Home Fresh Section */

.khb-hm-fresh .title p a {
    color: #712F62;
    font-weight: 700;
}
.khbfresh-box {
    padding: 15px 15px 45px;
    border: 1px solid #E4E4E4;
    border-radius: 10px;
    height: 100%;
    transition: all ease-in-out 0.4s;
    display: flex;
    flex-direction: column;
}
.khbfresh-box:hover {
    box-shadow: 4px 6px 0 0 #712F62;
    border-color: #712F62;
}
.khbfresh-img img {
    width: 100%;
}
.khbfresh-desc {
    padding: 20px 10px 0;
    text-align: center;
    display: flex;
    flex-direction: column;
    flex: 1;
}
.khbfresh-desc h3 {
    font-family: 'Poppins', sans-serif;
    font-weight: 700;
    font-size: 24px;
    line-height: 32px;
    color: #000000;
    margin-bottom: 12px;
}
.khbfresh-desc p {
    font-weight: 500;
    font-size: 18px;
    line-height: 26px;
    color: #333333;
    max-width: 90%;
    margin: 0 auto 15px;
    flex: 1;
}
.khbfresh-desc a {
    display: block;
    padding: 13px 45px;
    background-color: rgba(113, 47, 98, 0.1);
    font-weight: 600;
    font-size: 18px;
    line-height: 27px;
    color: #712F62;
    border-radius: 10px;
}
.khbfresh-desc a span {
    display: block;
}

/* Home CTA Section */

.khb-cta-desc {
    padding: 30px 30px 60px;
    border: 1px solid #712F62;
    border-radius: 10px;
    height: 100%;
    transition: all ease-in-out 0.4s;
    display: flex;
    flex-direction: column;
    box-shadow: 4px 6px 0 0 #712F62;
}
.khbcta-img img {
    width: 100%;
    margin-bottom: 25px;
}
.khb-cta-link + .khb-cta-link {
    margin-top: 25px;
}
.khb-cta-link h5 {
    font-family: 'Poppins', sans-serif;
    font-weight: 700;
    font-size: 18px;
    line-height: 27px;
    color: #712F62;
    margin-bottom: 0;
}
.khb-cta-link a {
    font-weight: 400;
    font-size: 18px;
    line-height: 27px;
    color: #000000;
    margin-bottom: 0;
}
.khb-cta-main {
    padding: 81px 53px 65px;
    border: 1px solid #712F62;
    box-shadow: 4px 6px 0 0 #712F62;
    border-radius: 10px;
    height: 100%;
    background-color: rgba(255, 239, 255, 1);
}
.khb-cta-main .row {
    row-gap: 20px;
}
.khb-cta-main .forminator-ui, .khb-cta-main .forminator-row-last {
    margin-bottom: 0 !important;
}
.khb-cta-main .forminator-label {
    display: none !important;
}
.khb-cta-main .forminator-input, .khb-cta-main .forminator-textarea {
    width: 100% !important;
    padding: 0 8px 10px !important;
    border: none !important;
    border-bottom: 1px solid #712F62 !important;
    font-family: 'Poppins', sans-serif !important;
    font-weight: 300 !important;
    font-size: 18px !important;
    line-height: 30px !important;
    color: #333333 !important;
    opacity: 0.5 !important;
    background-color: transparent !important;
}
.khb-cta-main .forminator-textarea {
    height: 100px !important;
}
.khb-cta-main .forminator-input:focus {
    outline: none !important;
}
.khb-cta-main .forminator-button {
    margin-top: 20px !important;
    font-family: 'Paytone One', sans-serif !important;
    font-style: normal !important;
    font-size: 16px !important;
    line-height: 22px !important;
    background-color: #712F62 !important;
    color: #FFFFFF !important;
    border: 1px solid transparent !important;
    padding: 14px 25px !important;
    border-radius: 50px !important;
    position: relative !important;
    overflow: hidden !important;
    transition: all 0.4s ease-in-out !important;
    z-index: 1 !important;
}
.khb-cta-main .forminator-button::after, .khb-cta-main .forminator-button::before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    width: 0;
    height: 100%;
    background: #FFFFFF;
    transform: skew(15deg);
    transition: all 0.4s ease-in-out;
    z-index: -1;
}
.khb-cta-main .forminator-button::before {
    left: -10px;
}
.khb-cta-main .forminator-button::after {
    right: -10px;
}
.khb-cta-main .forminator-button:hover {
    color: #712F62 !important;
    border-color: #712F62 !important;
    box-shadow: none !important;
}
.khb-cta-main .forminator-button:hover::after, .khb-cta-main .forminator-button:hover::before {
    width: 60%;
}

/* Footer Section */

footer {
    margin-top: 130px;
    position: relative;
}
footer::after {
    content: "";
    position: absolute;
    top: -129px;
    left: 0;
    width: 100%;
    height: 130px;
    background-image: url("data:image/svg+xml,%3Csvg width='100%' height='120' viewBox='0 0 1440 99' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_669_400)'%3E%3Cpath d='M607.434 92.05C640.007 94.5112 681.661 91.6562 716.252 86.8321C750.267 82.0081 818.44 63.6964 861.103 51.6855C970.353 19.9846 1053.8 7.87522 1138.7 2.75582C1172.71 0.68837 1208.89 -0.689926 1287.73 5.21707C1366.57 11.1241 1440.79 30.4203 1440.79 30.4203V98.4492H-0.650391V68.6189C-0.650391 68.6189 103.123 36.5242 227.652 38.5916C284.15 39.2808 361.404 45.1878 420.786 60.6444C451.341 68.6189 496.022 78.5623 535.657 84.4693C574.861 90.6717 592.589 91.0655 607.434 92.05Z' fill='%23712F62'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_669_400'%3E%3Crect width='1440' height='98.45' fill='white' transform='matrix(1 0 0 -1 0 98.4492)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-size: cover;
}
.f-top {
    padding: 80px 0 68px;
    border-bottom: 1px solid #F9F5B9;
}
.f-logo {
    margin-bottom: 30px;
}
.f-social ul {
    display: flex;
    align-items: center;
    column-gap: 8px;
}
.f-social ul li a {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 44px;
    width: 44px;
    border: 1px solid #FFFFFF;
    background: rgba(51, 51, 51, 0.08);
    border-radius: 5px;
    transition: all ease-in-out 0.4s;
}
.f-social ul li a:hover {
    background: #F9F5B9;
    border-color: #F9F5B9;
}
.f-social ul li a:hover svg path {
    fill: #712F62;
    transition: all ease-in-out 0.4s;
}
.f-link ul li + li {
    margin-top: 20px;
}
.f-link ul li a {
    font-weight: 500;
    font-size: 26px;
    line-height: 39px;
    color: #FFFFFF;
    position: relative;
    padding-left: 50px;
    transition: all ease-in-out 0.4s;
}
.f-link ul li a::before {
    content: "";
    position: absolute;
    left: 0;
    top: 9px;
    height: 38px;
    width: 38px;
    background-image: url("data:image/svg+xml,%3Csvg width='38' height='37' viewBox='0 0 38 37' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M24.1155 7.61736C17.9722 5.16018 11.7412 8.09172 8.84978 13.5943C5.90722 19.1965 6.27017 26.6154 9.35158 32.0729C9.99465 33.209 11.6243 32.2129 11.103 31.0768C8.82786 26.1126 8.38696 20.2377 10.6158 15.1858C11.5706 12.9869 13.212 11.1364 15.3073 9.89665C18.0477 8.25774 20.9099 8.50678 23.9475 8.76056C24.6782 8.82223 24.6758 7.84505 24.1155 7.61736Z' fill='%23F9F5B9'/%3E%3Cpath d='M30.8286 8.5818C28.3513 6.94289 25.7132 4.94821 22.6878 4.4359C22.581 4.4125 22.469 4.43003 22.375 4.48487C22.2811 4.53971 22.2125 4.62764 22.1833 4.73043C22.1542 4.83322 22.1668 4.94299 22.2186 5.03697C22.2703 5.13095 22.3572 5.20193 22.4613 5.2352C25.0043 6.20763 27.1674 7.64494 29.3305 9.2127C27.9567 10.2776 26.3709 11.1528 25.1895 12.4051C25.0832 12.5167 25.021 12.6614 25.014 12.8134C25.0069 12.9655 25.0556 13.115 25.1512 13.2354C25.2467 13.3558 25.3831 13.4393 25.536 13.471C25.6889 13.5026 25.8483 13.4805 25.986 13.4084C27.8161 12.3949 29.4919 11.1375 30.965 9.67282C31.0394 9.59676 31.0957 9.50557 31.1296 9.40583C31.1636 9.30609 31.1744 9.20026 31.1614 9.09595C31.1483 8.99163 31.1117 8.89143 31.0542 8.80253C30.9967 8.71364 30.9196 8.63825 30.8286 8.5818Z' fill='%23F9F5B9'/%3E%3C/svg%3E%0A");
    background-size: contain;
    visibility: hidden;
    opacity: 0;
    transition: all ease-in-out 0.4s;
}
.f-link ul li a:hover {
    font-weight: 700;
    color: #F9F5B9;
}
.f-link ul li a:hover::before {
    visibility: visible;
    opacity: 1;
}
.f-content h3 {
    font-family: 'Poppins', sans-serif;
    font-weight: 700;
    font-size: 32px;
    line-height: 48px;
    color: #F9F5B9;
    margin-bottom: 20px;
}
.f-content p {
    font-weight: 300;
    font-size: 18px;
    line-height: 30px;
    color: #FFFFFF;
}
.f-contect-btn {
    display: flex;
    align-items: center;
    column-gap: 20px;
}
.f-contect-btn a {
    font-family: 'Red Hat Display', sans-serif;
    font-weight: 700;
    font-size: 16px;
    line-height: 22px;
    color: #FFFFFF;
    display: flex;
    column-gap: 10px;
    align-items: center;
    padding: 12px 20px;
    border-radius: 50px;
    background-color: #39AE41;
}
.f-contect-btn a:nth-child(1) {
    background-color: #FFFFFF;
    color: #712F62;
}
.f-bottom {
    padding: 20px 0 27px;
}
.fbot-desc {
    display: flex;
    align-items: center;
    column-gap: 10px;
}
.fbot-desc.fbot-end {
    justify-content: end;
}
.fbot-desc p {
    font-weight: 300;
    font-size: 18px;
    line-height: 30px;
    color: #FFFFFF;
    margin-bottom: 0;
}


/* Inner Banner Css */

body:has( .khb-inner-banner) header {
    padding: 30px 0;
    background-color: #712F62;
}
.khb-inner-banner {
    margin-top: 122px;
    padding: 50px 0;
}
.khb-inner-desc h1 {
    font-weight: 400;
    font-size: 50px;
    line-height: 70px;
    text-transform: capitalize;
    color: #1E3234; 
    margin-bottom: 20px;
}
.khb-inner-desc h1 b, .khb-inner-desc h1 strong {
    color: #712F62; 
}
.khb-inner-desc p {
    font-weight: 400;
    font-size: 16px;
    line-height: 26px;
    color: #3D3D3D;
    margin-bottom: 20px;
}

/* About Us */

.about-inner-banner .khb-inner-animtion {
    height: 480px;
    position: relative;
    z-index: 0;
}
.about-inner-banner .khb-inner-animtion .khb-inner-img {
    width: 60%;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    left: 50%;
    z-index: 1;
    top: 100%;
    transform: translateY(100%) translateX(-50%);
    opacity: 0;
    transition: all ease-in-out;
    transition-delay: 0.5s;
    transition-duration: 0.5s;
}
.about-inner-banner .khb-inner-animtion .swiper-slide.swiper-slide-active .khb-inner-img {
    opacity: 1;
    top: 50%;
    transform: translateY(-50%) translateX(-50%);
}
.khb-abt-veins .title p {
    max-width: 100%;
    margin-bottom: 0;
}
.khb-abt-veins .title-element {
    margin-bottom: 16px;
}

.khb-mis-vis .title {
    position: absolute;
    top: 42px;
}
.khb-mis-vis .title span {
    display: block;
}
.khb-mis-vis .title h2 {
    margin-bottom: 0;
}
.khbmisvis-box {
    display: flex;
    column-gap: 30px;
    z-index: 0;
    align-items: center;
}
.khbmisvis-box::after {
    content: "";
    position: absolute;
    top: 0;
    left: 112px;
    right: -100%;
    bottom: 0;
    background-color: #712F62;
    z-index: -1;
}
.khbmisvis-img img {
    max-width: 224px;
}
.khbmisvis-desc {
    padding: 20px 0;
}
.khbmisvis-desc h3  {
    font-weight: 400;
    font-size: 35px;
    line-height: 49px;
    color: #F9F5B9;
    margin-bottom: 5px;
}
.khbmisvis-desc p {
    font-weight: 400;
    font-size: 16px;
    line-height: 26px;
    color: #FFFFFF;
    margin-bottom: 0;
    text-align: justify;
}
.khb-mis-vis .row:nth-child(2) {
    justify-content: end;
}
.khb-mis-vis .row:nth-child(3) {
    margin-top: 30px;
    margin-right: -60px;
}
.khb-mis-vis .row:nth-child(3) .khbmisvis-box {
    flex-direction: row-reverse;
}
.khb-mis-vis .row:nth-child(3) .khbmisvis-box::after {
    left: -100%;
    right: 112px;
    background-color: #F9F5B9;
}
.khb-mis-vis .row:nth-child(3) .khbmisvis-desc h3 {
    color: #712F62;
    text-align: end;
} 
.khb-mis-vis .row:nth-child(3) .khbmisvis-desc p {
    color: #333333;
}

.khb-value-box {
    background-color: #FFFFFF;
    padding: 30px 20px;
    border-radius: 20px;
    height: 100%;
}
.khbvalue-img  {
    max-width: 100px;
    height: 100px;
    background-color: #712F62;
    border-radius: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 17px;
}
.khb-ab-value .col-xl-3:nth-child(2) .khbvalue-img, .khb-ab-value .col-xl-3:nth-child(4) .khbvalue-img {
    background-color: #F9F5B9;
}
.khbvalue-desc h3 {
    font-weight: 400;
    font-size: 21.4px;
    line-height: 30px;
    text-transform: capitalize;
    color: #712F62;
    margin-bottom: 10px;
}
.khbvalue-desc p {
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #000000;
    margin-bottom: 0;
}

.home-number {
    position: relative;
    z-index: 1;
}
.home-number .title h2, .home-number .title p{
    color: #fff;
}
.home-number h2 b, .home-number h2 strong{
    color: #F9F3A7;
}
.hnumb-img img{
    max-width: 100%;
}
.hnumb-img, .hnumb-desc{
    text-align: center;
}   
.hnumb-desc h3{
    font-size: 48px;
    line-height: 56px;
    font-weight: 400;
    color: #fff;
    margin-bottom: 8px;
}
.hnumb-desc p{
    font-size: 18px;
    line-height: 25px;
    font-weight: 400;
    color: #fff;
    margin-bottom: 0px;
}
.hnum-main::before {
	content: '';
	position: absolute;
    top: 53%;
    transform: translateY(-50%);
	left: 0;
	right: 0;
	height: 205px;
	background-repeat: no-repeat;
	background-size: 100% 100%;
	background-image: url("data:image/svg+xml,%3Csvg width='100' height='100' viewBox='0 0 1171 186' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_781_181)'%3E%3Cpath d='M808.072 185.985C741.675 185.985 697.609 147.302 670.233 118.189C641.936 88.1156 614.311 73.4919 585.823 73.4919C558.293 73.4919 532.011 87.5199 500.606 118.977C471.83 147.802 426.44 185.985 363.535 185.985C302.395 185.985 258.29 150.3 226.694 119.208C193.697 86.7321 168.949 73.4919 141.266 73.4919C125.363 73.4227 109.671 77.1333 95.4772 84.3187C81.2837 91.5042 68.9943 101.96 59.6182 114.827L0.665039 71.1859C16.9544 49.1762 38.1542 31.2849 62.5727 18.94C86.9912 6.59516 113.952 0.13838 141.305 0.0849609C202.445 0.0849609 246.549 35.77 278.146 66.8622C310.759 98.9153 336.255 112.578 363.573 112.578C390.892 112.578 417.385 98.5502 448.79 67.0928C477.566 38.2681 522.956 0.0849609 585.861 0.0849609C635.011 0.0849609 681.379 22.8949 723.681 67.8807C753.167 99.2228 778.432 112.578 808.091 112.578C835.601 112.578 861.807 98.5502 893.288 67.0928C922.065 38.2681 967.474 0.0849609 1030.36 0.0849609C1057.71 0.13838 1084.67 6.59516 1109.09 18.94C1133.51 31.2849 1154.71 49.1762 1171 71.1859L1111.99 114.827C1102.61 101.96 1090.32 91.5042 1076.13 84.3187C1061.94 77.1333 1046.24 73.4227 1030.34 73.4919C1002.83 73.4919 976.625 87.5199 945.143 118.977C916.425 147.744 870.958 185.985 808.072 185.985Z' fill='black' fill-opacity='0.1'/%3E%3Cpath d='M1030.34 1.85228C1057.11 1.90527 1083.51 8.15604 1107.47 20.1165C1131.43 32.0769 1152.31 49.4233 1168.47 70.801L1112.37 112.328C1102.78 99.6463 1090.38 89.3739 1076.14 82.3232C1061.9 75.2725 1046.22 71.637 1030.34 71.7042C1002.31 71.7042 975.628 85.9052 943.84 117.728C915.351 146.264 870.287 184.217 808.073 184.217C742.386 184.217 698.722 145.784 671.577 116.959C642.916 86.4817 614.849 71.6658 585.785 71.6658C557.737 71.6658 531.052 85.8668 499.283 117.689C470.795 146.226 425.731 184.178 363.497 184.178C303.028 184.178 259.288 148.762 227.941 117.92C194.561 85.0597 169.449 71.6658 141.229 71.6658C125.343 71.603 109.661 75.2445 95.4231 82.302C81.1854 89.3594 68.7828 99.6392 59.1967 112.328L3.15956 70.801C19.3214 49.4233 40.1977 32.0769 64.1583 20.1165C88.1189 8.15604 114.515 1.90527 141.286 1.85228C201.755 1.85228 245.495 37.2682 276.842 68.1107C309.781 100.529 335.718 114.365 363.555 114.365C391.391 114.365 418.287 100.164 450.076 68.3413C478.545 39.8048 523.628 1.85228 585.842 1.85228C634.455 1.85228 680.382 24.4701 722.338 69.11C752.189 100.856 777.857 114.403 808.13 114.403C836.178 114.403 862.844 100.202 894.632 68.2836C923.12 39.7664 968.203 1.81387 1030.4 1.81387L1030.34 1.85228ZM1030.4 -0.0117188C967.513 -0.0117188 922.065 38.2291 893.327 66.9962C861.923 98.4535 835.64 112.482 808.13 112.482C778.414 112.482 753.148 99.03 723.72 67.784C681.514 22.7983 635.05 -0.0117188 585.9 -0.0117188C522.995 -0.0117188 477.547 38.2291 448.829 66.9962C417.424 98.4535 391.142 112.482 363.612 112.482C336.083 112.482 310.625 98.8763 278.07 66.804C246.473 35.7117 202.369 0.0267224 141.229 0.0267224C113.876 0.0801411 86.9151 6.53692 62.4966 18.8818C38.078 31.2267 16.8782 49.1179 0.588867 71.1277L59.5804 114.768C68.9565 101.901 81.2459 91.446 95.4394 84.2605C109.633 77.075 125.325 73.3645 141.229 73.4337C168.911 73.4337 193.659 86.6738 226.656 119.15C258.252 150.242 302.357 185.927 363.497 185.927C426.402 185.927 471.85 147.686 500.568 118.919C532.069 87.5193 558.255 73.4913 585.785 73.4913C614.312 73.4913 641.937 88.115 670.195 118.189C697.571 147.302 741.638 185.985 808.034 185.985C870.92 185.985 916.387 147.744 945.106 118.977C976.51 87.5193 1002.79 73.4913 1030.3 73.4913C1046.21 73.4221 1061.9 77.1327 1076.09 84.3181C1090.29 91.5036 1102.57 101.959 1111.95 114.826L1170.9 71.1853C1154.61 49.1756 1133.41 31.2843 1109 18.9395C1084.58 6.59457 1057.62 0.137788 1030.26 0.0843695L1030.4 -0.0117188Z' fill='%23F9F3A7'/%3E%3Cg style='mix-blend-mode:multiply' opacity='0.15'%3E%3Cg style='mix-blend-mode:multiply' opacity='0.15'%3E%3Cpath d='M215.241 49.2792C215.078 48.9021 214.799 48.5872 214.444 48.3808C214.089 48.1745 213.678 48.0875 213.27 48.1326C212.862 48.1778 212.48 48.3527 212.178 48.6316C211.877 48.9106 211.673 49.279 211.596 49.6827L212.786 60.002C189.4 44.6288 165.976 37.2305 141.229 37.2305C115.296 37.2193 89.8723 44.4458 67.8105 58.0996C67.4146 58.3731 67.1357 58.7857 67.0292 59.2555C66.9226 59.7253 66.996 60.218 67.235 60.6361C67.3588 60.8429 67.5227 61.0227 67.7169 61.165C67.9112 61.3073 68.132 61.4093 68.3662 61.4648C68.6004 61.5203 68.8433 61.5282 69.0807 61.4882C69.318 61.4482 69.545 61.3611 69.7481 61.2319C91.2557 47.9206 116.043 40.8799 141.325 40.9008C165.343 40.9008 188.134 48.1839 210.906 63.0959L200.412 65.1904C199.944 65.3051 199.536 65.5921 199.269 65.9945C199.002 66.3969 198.897 66.8851 198.973 67.3619C199.073 67.7691 199.304 68.1322 199.63 68.3959C199.955 68.6596 200.358 68.8094 200.776 68.8223H201.141L215.548 65.9207C215.985 65.8369 216.376 65.5943 216.645 65.2396C216.914 64.8849 217.043 64.4431 217.006 63.999L215.241 49.2792Z' fill='black'/%3E%3C/g%3E%3C/g%3E%3Cpath d='M215.241 46.9921C215.078 46.615 214.799 46.3001 214.444 46.0937C214.089 45.8874 213.678 45.8004 213.27 45.8456C212.862 45.8907 212.48 46.0656 212.178 46.3446C211.877 46.6236 211.673 46.9919 211.596 47.3956L212.786 57.7149C189.4 42.3417 165.976 34.9434 141.229 34.9434C115.297 34.9264 89.8743 42.1462 67.8105 55.7932C67.4146 56.0668 67.1357 56.4794 67.0292 56.9492C66.9226 57.419 66.996 57.9117 67.235 58.3298C67.3588 58.5366 67.5227 58.7164 67.7169 58.8587C67.9112 59.001 68.132 59.1029 68.3662 59.1585C68.6004 59.214 68.8433 59.222 69.0807 59.182C69.318 59.142 69.545 59.0548 69.7481 58.9255C91.2557 45.6142 116.043 38.5736 141.325 38.5945C165.343 38.5945 188.134 45.8775 210.906 60.7895L200.412 62.8841C199.944 62.9987 199.536 63.2858 199.269 63.6882C199.002 64.0906 198.897 64.5788 198.973 65.0556C199.073 65.4628 199.304 65.826 199.63 66.0897C199.955 66.3534 200.358 66.5031 200.776 66.5161H201.141L215.548 63.6144C215.985 63.5305 216.376 63.288 216.645 62.9333C216.914 62.5786 217.043 62.1367 217.006 61.6927L215.241 46.9921Z' fill='white'/%3E%3Cg style='mix-blend-mode:multiply' opacity='0.15'%3E%3Cg style='mix-blend-mode:multiply' opacity='0.15'%3E%3Cpath d='M439.428 123.647L424.944 121.168C424.676 121.03 424.379 120.957 424.078 120.955C423.777 120.953 423.479 121.023 423.209 121.158C422.94 121.293 422.706 121.49 422.526 121.732C422.347 121.975 422.227 122.257 422.176 122.554C422.126 122.852 422.146 123.157 422.235 123.446C422.324 123.734 422.48 123.997 422.69 124.214C422.9 124.431 423.158 124.595 423.443 124.694C423.728 124.792 424.032 124.822 424.33 124.78L434.652 126.567C411.228 142.152 387.938 149.627 363.497 149.627C339.057 149.627 315.287 141.902 291.46 125.78C291.052 125.532 290.566 125.447 290.098 125.539C289.63 125.631 289.212 125.895 288.928 126.279C288.674 126.688 288.582 127.177 288.671 127.651C288.76 128.124 289.023 128.547 289.408 128.835C313.868 145.361 338.116 153.394 363.497 153.394C388.878 153.394 412.801 145.573 436.935 129.469L436.014 139.981C436.01 140.45 436.177 140.904 436.485 141.258C436.792 141.612 437.218 141.841 437.683 141.902H437.836C438.288 141.883 438.718 141.705 439.052 141.399C439.385 141.093 439.6 140.679 439.659 140.23L440.944 125.568C440.954 125.121 440.808 124.685 440.531 124.334C440.255 123.983 439.865 123.74 439.428 123.647Z' fill='black'/%3E%3C/g%3E%3C/g%3E%3Cpath d='M439.428 121.34L424.944 118.861C424.54 118.917 424.165 119.101 423.872 119.385C423.579 119.669 423.385 120.04 423.316 120.442C423.248 120.845 423.309 121.259 423.491 121.624C423.674 121.99 423.968 122.287 424.33 122.474L434.652 124.261C411.228 139.846 387.938 147.417 363.497 147.417C339.057 147.417 315.287 139.596 291.46 123.473C291.052 123.226 290.566 123.14 290.098 123.233C289.63 123.325 289.212 123.589 288.928 123.973C288.674 124.382 288.582 124.871 288.671 125.344C288.76 125.818 289.023 126.24 289.408 126.529C313.868 143.055 338.116 151.087 363.497 151.087C388.878 151.087 412.801 143.266 436.935 127.163L436.014 137.674C436.01 138.143 436.177 138.598 436.485 138.952C436.792 139.306 437.218 139.535 437.683 139.596H437.836C438.288 139.577 438.718 139.399 439.052 139.093C439.385 138.787 439.6 138.373 439.659 137.924L440.944 123.262C440.954 122.815 440.808 122.379 440.531 122.028C440.255 121.677 439.865 121.434 439.428 121.34Z' fill='white'/%3E%3Cg style='mix-blend-mode:multiply' opacity='0.15'%3E%3Cg style='mix-blend-mode:multiply' opacity='0.15'%3E%3Cpath d='M660.316 49.2792C660.153 48.902 659.874 48.5872 659.519 48.3808C659.164 48.1745 658.753 48.0875 658.345 48.1326C657.937 48.1778 657.554 48.3526 657.253 48.6316C656.952 48.9106 656.748 49.279 656.671 49.6827L657.822 59.6177C634.801 44.7633 610.533 37.2305 585.785 37.2305C560.232 37.2305 535.791 45.3783 510.967 62.2119C510.578 62.4974 510.312 62.9187 510.219 63.3922C510.127 63.8657 510.216 64.3567 510.468 64.7677C510.641 65.0108 510.868 65.2104 511.131 65.3505C511.394 65.4906 511.686 65.5674 511.984 65.5748C512.351 65.5738 512.711 65.4671 513.019 65.2673C537.134 48.9141 560.98 40.9776 585.709 40.9776C609.919 40.9776 633.669 48.4144 656.23 63.0958L645.333 65.2673C644.865 65.3819 644.457 65.669 644.19 66.0714C643.923 66.4738 643.818 66.962 643.894 67.4388C643.995 67.846 644.225 68.2091 644.551 68.4728C644.876 68.7365 645.279 68.8862 645.698 68.8992H646.043L660.47 65.9975C660.895 65.8923 661.272 65.6442 661.537 65.2946C661.803 64.9449 661.94 64.5149 661.928 64.0759L660.316 49.2792Z' fill='black'/%3E%3C/g%3E%3C/g%3E%3Cpath d='M660.316 46.9921C660.153 46.6149 659.874 46.3001 659.519 46.0937C659.164 45.8873 658.753 45.8004 658.345 45.8455C657.937 45.8907 657.554 46.0655 657.253 46.3445C656.952 46.6235 656.748 46.9919 656.671 47.3956L657.822 57.3305C634.801 42.4762 610.533 34.9434 585.785 34.9434C560.232 34.9434 535.791 43.0911 510.967 59.9248C510.578 60.2103 510.312 60.6316 510.219 61.1051C510.127 61.5786 510.216 62.0696 510.468 62.4805C510.641 62.7237 510.868 62.9233 511.131 63.0634C511.394 63.2034 511.686 63.2803 511.984 63.2877C512.351 63.2867 512.711 63.18 513.019 62.9802C537.134 46.627 560.98 38.6905 585.709 38.6905C609.919 38.6905 633.669 46.1273 656.23 60.8087L645.333 62.9802C644.865 63.0948 644.457 63.3819 644.19 63.7843C643.923 64.1866 643.818 64.6748 643.894 65.1517C643.995 65.5589 644.225 65.922 644.551 66.1857C644.876 66.4494 645.279 66.5991 645.698 66.6121H646.043L660.47 63.7104C660.895 63.6052 661.272 63.3571 661.537 63.0075C661.803 62.6578 661.94 62.2278 661.928 61.7888L660.316 46.9921Z' fill='white'/%3E%3Cg style='mix-blend-mode:multiply' opacity='0.15'%3E%3Cg style='mix-blend-mode:multiply' opacity='0.15'%3E%3Cpath d='M886.248 121.475L871.764 118.977C871.354 119.027 870.971 119.208 870.672 119.494C870.373 119.78 870.174 120.155 870.105 120.563C870.036 120.971 870.101 121.391 870.289 121.76C870.477 122.128 870.779 122.426 871.15 122.609L882.258 124.53C857.817 141.479 833.568 149.723 808.111 149.723C783.402 149.723 760.707 142.863 738.741 128.719C738.325 128.478 737.835 128.401 737.366 128.505C736.897 128.608 736.484 128.883 736.208 129.277C735.967 129.693 735.891 130.184 735.994 130.653C736.097 131.123 736.372 131.537 736.765 131.813C759.345 146.341 782.673 153.393 808.111 153.393C834.125 153.393 858.872 145.073 883.735 127.97L882.872 137.79C882.868 138.259 883.035 138.713 883.343 139.067C883.65 139.421 884.076 139.65 884.541 139.711H884.694C885.163 139.715 885.616 139.547 885.97 139.239C886.323 138.931 886.552 138.505 886.613 138.039L887.898 123.377C887.898 122.914 887.731 122.467 887.428 122.117C887.125 121.768 886.706 121.54 886.248 121.475Z' fill='black'/%3E%3C/g%3E%3C/g%3E%3Cpath d='M886.248 119.17L871.764 116.672C871.354 116.722 870.971 116.904 870.672 117.19C870.373 117.475 870.174 117.85 870.105 118.259C870.036 118.667 870.101 119.086 870.289 119.455C870.477 119.823 870.779 120.121 871.15 120.304L882.258 122.225C857.817 139.174 833.568 147.418 808.111 147.418C783.402 147.418 760.707 140.558 738.741 126.415C738.325 126.173 737.835 126.097 737.366 126.2C736.897 126.303 736.484 126.579 736.208 126.972C735.967 127.388 735.891 127.879 735.994 128.349C736.097 128.818 736.372 129.232 736.765 129.508C759.345 144.036 782.673 151.089 808.111 151.089C834.125 151.089 858.872 142.768 883.735 125.665L882.872 135.485C882.868 135.954 883.035 136.408 883.343 136.762C883.65 137.116 884.076 137.345 884.541 137.406H884.694C885.163 137.41 885.616 137.243 885.97 136.935C886.323 136.627 886.552 136.2 886.613 135.735L887.898 121.072C887.898 120.609 887.731 120.162 887.428 119.812C887.125 119.463 886.706 119.235 886.248 119.17Z' fill='white'/%3E%3Cg style='mix-blend-mode:multiply' opacity='0.15'%3E%3Cg style='mix-blend-mode:multiply' opacity='0.15'%3E%3Cpath d='M1106.71 47.6455C1106.77 47.3483 1106.76 47.0413 1106.68 46.7495C1106.6 46.4577 1106.45 46.1894 1106.24 45.9665C1106.04 45.7437 1105.78 45.5725 1105.5 45.4672C1105.22 45.3618 1104.91 45.3252 1104.61 45.3602C1104.31 45.3952 1104.02 45.501 1103.77 45.6688C1103.52 45.8367 1103.31 46.0618 1103.16 46.3259C1103.01 46.59 1102.93 46.8855 1102.92 47.1883C1102.9 47.4911 1102.96 47.7926 1103.09 48.0683L1104.28 58.4067C1104.23 58.3733 1104.2 58.3345 1104.16 58.2915C1082.01 44.4727 1056.44 37.1497 1030.34 37.1533C1005.17 37.1533 981.057 45.0705 956.636 61.3853C956.377 61.7037 956.227 62.0968 956.207 62.507C956.188 62.9171 956.3 63.3228 956.527 63.6644C956.755 64.0061 957.085 64.2657 957.471 64.4054C957.856 64.5451 958.276 64.5575 958.669 64.4407C982.458 48.5487 1005.92 40.8237 1030.34 40.8237C1055.75 40.797 1080.65 47.9072 1102.22 61.3469L1091.71 63.4415C1091.34 63.6017 1091.02 63.8783 1090.81 64.2309C1090.6 64.5835 1090.51 64.9936 1090.55 65.4013C1090.59 65.8091 1090.76 66.1932 1091.04 66.4975C1091.31 66.8017 1091.68 67.0102 1092.08 67.0926H1092.44L1106.85 64.2101C1107.29 64.102 1107.68 63.8396 1107.95 63.4699C1108.21 63.1002 1108.34 62.6474 1108.31 62.1924L1106.71 47.6455Z' fill='black'/%3E%3C/g%3E%3C/g%3E%3Cpath d='M1106.71 45.3399C1106.77 45.0427 1106.76 44.7356 1106.68 44.4438C1106.6 44.152 1106.45 43.8837 1106.24 43.6609C1106.04 43.438 1105.78 43.2669 1105.5 43.1616C1105.22 43.0562 1104.91 43.0195 1104.61 43.0545C1104.31 43.0896 1104.02 43.1954 1103.77 43.3632C1103.52 43.531 1103.31 43.7562 1103.16 44.0202C1103.01 44.2843 1102.93 44.5798 1102.92 44.8827C1102.9 45.1855 1102.96 45.487 1103.09 45.7626L1104.28 56.1011C1104.23 56.0676 1104.2 56.0289 1104.16 55.9858C1082.01 42.1671 1056.44 34.8441 1030.34 34.8477C1005.17 34.8477 981.057 42.7649 956.636 59.0797C956.377 59.3981 956.227 59.7912 956.207 60.2014C956.188 60.6115 956.3 61.0171 956.527 61.3588C956.755 61.7004 957.085 61.9601 957.471 62.0998C957.856 62.2395 958.276 62.2519 958.669 62.1351C982.458 46.2431 1005.92 38.518 1030.34 38.518C1055.75 38.4913 1080.65 45.6016 1102.22 59.0412L1091.71 61.1358C1091.34 61.296 1091.02 61.5727 1090.81 61.9253C1090.6 62.2779 1090.51 62.688 1090.55 63.0957C1090.59 63.5035 1090.76 63.8875 1091.04 64.1918C1091.31 64.4961 1091.68 64.7046 1092.08 64.787H1092.44L1106.85 61.9045C1107.29 61.7964 1107.68 61.534 1107.95 61.1643C1108.21 60.7946 1108.34 60.3417 1108.31 59.8867L1106.71 45.3399Z' fill='white'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_781_181'%3E%3Crect width='1170.41' height='185.958' fill='white' transform='translate(0.588867 0.0273438)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
	z-index: -1;
}
.hnumb-desc{
    padding: 65px 0px 0px;
    margin-top: 100px;
    position: relative;
    z-index: 1;
}
.hnumb-desc::before{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin: auto;
    width: 17px;
    height: 60px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100% 100%;
    background-image: url("data:image/svg+xml,%3Csvg width='19' height='62' viewBox='0 0 19 62' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.1875 9.39148H8.56787V61.2166H10.1875V9.39148Z' fill='%23F9F3A7'/%3E%3Cpath d='M18.23 9.39149C18.2333 7.6314 17.717 5.90988 16.7463 4.4448C15.7755 2.97971 14.3941 1.8369 12.7767 1.16102C11.1594 0.485144 9.37885 0.306548 7.66046 0.647868C5.94208 0.989188 4.36309 1.83507 3.12332 3.07845C1.88355 4.32183 1.03872 5.90681 0.695762 7.63283C0.352805 9.35885 0.527126 11.1483 1.19668 12.7748C1.86622 14.4012 3.00089 15.7915 4.45709 16.7697C5.91329 17.7479 7.62557 18.27 9.3772 18.27C11.7222 18.27 13.9714 17.3352 15.6311 15.6706C17.2909 14.006 18.2255 11.7478 18.23 9.39149Z' fill='%23F9F3A7'/%3E%3C/svg%3E%0A");
    z-index: -1;
}
.hnum-main {
	display: grid;
	grid-template-columns: repeat(5,1fr);
	gap: 20px;
	padding: 0px 40px;
	align-items: flex-start;
    margin-top: 60px;
    position: relative;
}
.hnum-box{
    display: flex;
    flex-direction: column;
}
.hnum-box:nth-child(2n){
    flex-direction: column-reverse;
}
.hnum-box:nth-child(2n) .hnumb-desc {
	margin-top: 55px;
	padding-top: 0;
	padding: 0px 0px 75px;
	margin-bottom: 15px;
}
.hnum-box:nth-child(2n) .hnumb-desc::before{
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    width: 17px;
    height: 60px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100% 100%;
    top: auto;
    background-image: url("data:image/svg+xml,%3Csvg width='18' height='62' viewBox='0 0 18 62' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.71531 52.3312H8.0957V0.506042H9.71531V52.3312Z' fill='%23F9F3A7'/%3E%3Cpath d='M17.7583 52.3312C17.7617 54.0913 17.2453 55.8128 16.2746 57.2779C15.3038 58.7429 13.9224 59.8858 12.305 60.5616C10.6877 61.2375 8.90717 61.4161 7.18878 61.0748C5.4704 60.7335 3.89141 59.8876 2.65164 58.6442C1.41187 57.4008 0.567038 55.8158 0.224082 54.0898C-0.118874 52.3638 0.0554464 50.5743 0.724996 48.9479C1.39455 47.3215 2.52921 45.9312 3.98541 44.953C5.44161 43.9748 7.15389 43.4526 8.90552 43.4526C11.2505 43.4526 13.4997 44.3875 15.1595 46.052C16.8192 47.7166 17.7539 49.9749 17.7583 52.3312Z' fill='%23F9F3A7'/%3E%3C/svg%3E%0A");
    z-index: -1;
}
.hnum-box:last-child {
	margin-top: 90px;
}
.hnum-box:last-child .hnumb-desc {
	margin-top: 60px;
}
.hnum-shape1{
    top: -100px;
    right: 50px;
    max-width: 190px;
}
.hnum-shape2{
    bottom: 80px;
    left: -60px;
    max-width: 180px;
}

/* Product Page Css */

.pro-listing-swiper {
    background-color: #F8F5F7;
    padding: 15px;
    border-radius: 50px;
}
.prolist-category {
    display: block;
    background: #FFFFFF;
    border: 1px solid #151515;
    border-radius: 50px;
    padding: 15px 8px;
    font-weight: 600;
    font-size: 18px;
    line-height: 27px;
    text-align: center;
    color: #000000;
    transition: all 0.4s ease-in-out;
}
.prolist-category.active, .prolist-category:hover {
    background-color: #712F62;
    border-color: #712F62;
    color: #FFFFFF;
} 
.prolist-navigation {
    width: 100%;
    position: absolute;
    top: 49%;
    transform: translateY(-50%);
    z-index: 1;
}
.prolist-navigation .prolist-next::after, .prolist-navigation .prolist-prev::after {
    display: none;
}
.prolist-navigation .prolist-next.swiper-button-disabled, .prolist-navigation .prolist-prev.swiper-button-disabled  {
    opacity: 0;
}
.prolist-navigation .prolist-prev {
    left: -18px;
}
.prolist-navigation .prolist-next {
    right: -18px;
}
.prolist-navigation .prolist-next, .prolist-navigation .prolist-prev {
    transform: scale(1.4);
}
.prolist-navigation svg g ellipse:first-child {
    fill: #575556;
    transition: all 0.5s;
}
.prolist-navigation .prolist-next:hover svg g ellipse:first-child, .prolist-navigation .prolist-prev:hover svg g ellipse:first-child {
    fill: #712F62;
}
.prolist-content-wrap {
    margin-top: 50px;
}
.prolist-content-wrap .row {
    row-gap: 30px;
}
.prolist-content {
    display: none;
}
.prolist-content.active {
    display: block;
}
.prolist-content .row {
    row-gap: 50px;
}
.prolist-img {
    background-color: #d7c38a;
    border-radius: 25px;
    margin-bottom: 20px;
    overflow: hidden;
}
.prolist-img img {
    width: 100%;
    max-height: 275px;
}
.prolist-box h3 {
    font-family: 'Poppins', sans-serif;
    font-weight: 600;
    font-size: 25px;
    line-height: 38px;
    text-align: center;
    color: #712F62;
}

/* Contant Us Css */

.conlove-box {
    padding: 0 125px 30px;
    z-index: 0;
    text-align: center;
    display: flex;
    flex-direction: column;
    height: 100%;
}
.conlove-box::after {
    content: "";
    position: absolute;
    top: 60px;
    left: 0;
    bottom: 0;
    right: 0;
    background-color: #FFEFFF;
    border-radius: 10px;
    z-index: -1;
}
.conlove-img {
    width: 120px;
    height: 120px;
    background-color: #712F62;
    border-radius: 120px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 30px;
}
.conlove-desc {
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.conlove-desc h3 {
    font-family: 'Poppins', sans-serif;
    font-weight: 700;
    font-size: 30px;
    line-height: 45px;
    text-transform: capitalize;
    color: #000000;
    margin-bottom: 10px;
}
.conlove-desc p {
    font-weight: 400;
    font-size: 16px;
    line-height: 26px;
    color: #3D3D3D;
    flex: 1;
}
.conlove-desc .btn-default {
    font-family: "Poppins", sans-serif;
    font-weight: 600;
    width: 285px;
}

/* Responsive */

@media screen and (max-width: 1399px) {
    .khbani-desc h2 {
        font-size: 200px;
    }
    .khbmade-desc h3 {
        font-size: 28px;
    }
    .khb-hm-moments {
        margin-top: 108px;
    }
    .page-template-franchise-inquiry .khb-hm-moments {
        margin-top: 228px;
    }
    .khb-hm-moments::after {
        top: -108px;
        height: 115px;
    }
    .khb-hm-find .khbmap-pin:nth-child(2) {
        top: -40px;
        right: 4px;
    }
    .khb-hm-find .khbmap-pin:nth-child(3) {
        top: 105px;
        left: 170px;
    }
    .khb-hm-find .khbmap-pin:nth-child(4) {
        top: 135px;
        right: 70px;
        flex-direction: row-reverse;
    }
    .khb-hm-find .khbmap-pin:nth-child(5) {
        top: -44px;
        left: 100px;
    }
    .khbfresh-desc h3 {
        font-size: 23px;
        line-height: 31px;
    }
    .khbfresh-desc p {
        max-width: 100%;
    }
    .khbfresh-desc a {
        padding: 13px 25px;
    }
    footer {
        margin-top: 100px;
    }
    footer::after {
        top: -99px;
        height: 100px;
    }

    .khb-mis-vis .row:nth-child(3) {
        margin-right: -110px;
    }
    .khbmisvis-desc h3 {
        font-size: 30px;
        line-height: 40px;
    }
    .khbmisvis-desc p {
        font-size: 14px;
        line-height: 22px;
    }
    .hnum-main::before {
        top: 52%;
    }
    .hnumb-desc h3 {
        font-size: 40px;
        line-height: 50px;
    }

    .about-inner-banner .khb-inner-animtion .khb-inner-img {
        width: 90%;
    }
}

@media screen and (max-width: 1199px) {
    .mtb-120{
        margin: 80px 0;
    }
    .mt-120{
        margin-top: 80px;
    }
    .mb-120 {
        margin-bottom: 80px;
    }
    .pt-100{
        padding-top: 80px;
    }
    .ptb-120{
        padding: 80px 0;
    }
    .pb-120 {
        padding-bottom: 80px;
    }
    header .menu-item:not(:last-child) a {
        font-size: 15px;
        line-height: 21px;
    }
    header .menu-item:last-child a {
        font-size: 15px;
        line-height: 21px;
        padding: 12px 20px;
    }
    header .menu-item.menu-item-has-children > a::after {
        height: 7px;
        width: 12px;
        margin-left: 8px;
    }
    .khbhm-wrap {
        height: 700px;
    }
    .khbhm-desc h1 {
        font-size: 56px;
        line-height: 66px;
    }
    .khbhm-desc p {
        font-size: 18px;
        line-height: 24px;
    }
    .btn-default {
        font-size: 15px;
        line-height: normal;
        padding: 12px 20px;
    }
    .title h2 {
        font-size: 40px;
        line-height: 56px;
        width: 100%;
    }
    .title p {
        font-size: 16px;
        line-height: 26px;
    }
    .khb-trusted .title p {
        max-width: 100%;
    }
    .counter-box p {
        font-size: 16px;
        line-height: 22px;
    }
    .counter-box h3 {
        font-size: 28px;
        line-height: 28px;
    }
    .khbanimation-wrap {
        min-height: 700px;
    }
    .khbani-desc h2 {
        font-size: 160px;
        line-height: 160px;
    } 
    .khbani-img img {
        max-width: 80%;
        margin: 0 auto;
    }
    .khb-hm-made .title p {
        max-width: 75%;
    }
    .khbmade-desc h3 {
        font-size: 22px;
        line-height: 22px;
    }
    .khbmade-desc p {
        font-size: 16px;
        line-height: 18px;
    }
    .khbrted-box h3 {
        font-size: 18px;
        line-height: 26px;
    }
    .khb-hm-moments {
        padding: 40px 0 90px;
        margin-top: 86px;
    }
    .page-template-franchise-inquiry .khb-hm-moments {
        margin-top: 166px;
    }
    .khb-hm-moments::after {
        top: -85px;
        height: 86px;
    }
    .khbslider-box h4 {
        font-size: 20px;
        line-height: 30px;
    }
    .khb-hm-find .khbmap-pin:nth-child(2) {
        top: -35px;
        right: 30px;
    }
    .khb-hm-find .khbmap-pin:nth-child(3) {
        top: 80px;
        left: 30px;
        flex-direction: row-reverse;
    }
    .khb-hm-find .khbmap-pin:nth-child(4) {
        top: 105px;
        right: 70px;
        flex-direction: row-reverse;
    }
    .khb-hm-find .khbmap-pin:nth-child(5) {
        top: -48px;
        left: 82px;
    }
    .khbfresh-desc h3 {
        font-size: 18px;
        line-height: 26px;
    }
    .khbfresh-desc p {
        font-size: 16px;
        line-height: 26px;
    }
    .khbfresh-desc a {
        padding: 10px 18px;
        font-size: 15px;
        line-height: 22px;
    }
    .khb-cta-link a {
        font-size: 16px;
        line-height: 22px;
    }
    footer {
        margin-top: 70px;
    }
    footer::after {
		top: -75px;
		height: 80px;
	}
    .f-link ul li a {
        font-size: 20px;
        line-height: 35px;
    }
    .f-content h3 {
        font-size: 28px;
        line-height: 38px;
    }
    .f-content p {
        font-size: 16px;
        line-height: 28px;
    }
    .fbot-desc p {
        font-size: 16px;
        line-height: 28px;
    }

    .khb-inner-desc h1 {
        font-size: 44px;
        line-height: 60px;
    }
    .about-inner-banner .khb-inner-animtion {
        height: 460px;
    }
    .about-inner-banner .khb-inner-animtion .khb-inner-img {
        width: 100%;
    }
    .khb-mis-vis .title {
        position: static;
    }
    .khb-mis-vis .title h2 {
        margin-bottom: 50px;
        text-align: center;
    }
    .khb-mis-vis .title h2 span {
        display: inline;
    }
    .khb-mis-vis .row:nth-child(3) {
        margin-right: 0px;
    }
    .hnum-main::before {
        top: 57%;
    }
    .hnumb-desc h3 {
        font-size: 30px;
        line-height: 40px;
    }
    .hnumb-desc p {
        font-size: 16px;
        line-height: 22px;
    }

    .conlove-desc h3 {
        font-size: 26px;
        line-height: 40px;
    }
    .conlove-box {
        padding: 0 104px 30px;
    }

    .prolist-box h3 {
        font-size: 22px;
        line-height: 30px;
    }
}
@media screen and (max-width: 991px) {
    header {
        padding: 20px 0;
    }
    .navbar-brand {
        max-width: 160px;
    }
    header .header-shape1 img, header .header-shape2 img {
        width: 100%;
        height: 85px;
    }
    header.sticky{
        padding: 20px 0px;
    }
    .navbar-toggler {
        padding: 0;
        outline: 0;
        border: 0;
        margin-right: 0;
        box-shadow: 0 0 0 !important;
    }
    .icon-bar {
        width: 35px;
        height: 4px;
        background: #FFFFFF;
        display: block;
        border-radius: 20px;
    }
    .icon-bar:nth-child(2){
        max-width: 70%;
        margin-left: auto;
    }
    .icon-bar+.icon-bar {
        margin-top: 6px;
    }
    .navbar-collapse {
        padding: 0;
        float: left;
        width: 70%;
        position: fixed;
        right: -100%;
        left: auto;
        top: 0;
        z-index: 11;
        -ms-transition: .4s;
        -webkit-transition: .4s;
        transition: .4s;
        height: 100vh !important;
        border: 0;
        display: block;
        background: #FFFFFF;
        overflow: auto;
        box-shadow: 2px 0 2px 2px rgba(0, 0, 0, 0.1);
    }
    .navbar-collapse.show {
        right: -1px;
    }
    header .collapse:not(.show) {
        display: block;
    }
    button.close-btn {
        height: 45px;
        width: 45px;
        border-radius: 50px;
        display: flex;
        align-items: center;
        justify-content: center;
        background: #712F62;
        border: 0;
        position: absolute;
        z-index: 2;
        top: 10px;
        cursor: pointer;
        right: 10px;
        line-height: 40px;
        text-align: right;
    }
    ul.navbar-nav {
        padding-top: 70px;
    }
    .navbar-nav {
        width: 100%;
        overflow-x: hidden;
    }
    ul.navbar-nav>li {
        width: 100%;
    }
    header .menu-item:not(:last-child) a,
    header .navbar-nav > li:last-child a {
        font-size: 18px;
        width: 100%;
        display: block;
        padding: 18px 25px !important;
        line-height: 1;
        border: 0;
        background: transparent;
        color: #000000;
        font-weight: 400;
        border: none;
    }
    header .navbar-nav > li:last-child a::after, header .navbar-nav > li:last-child a::before {
        display: none;
    }
    header .menu-item:not(:last-child).current-menu-item > a {
        color: #712F62;
    }
    header .menu-item a::before {
        display: none;
    }
    header .navbar-nav>li:last-child a:hover,
    header .navbar-nav>li:last-child a:focus,
    header .navbar-nav>li:last-child a:active{
        background: transparent;
        color: #712F62;
    }
    header .navbar-nav>li:last-child.current-menu-item a {
        font-weight: 700;
    }
    button.close-btn svg {
        fill: #fff;
        width: 18px;
        vertical-align: unset;
    }
    header .navbar-nav .menu-item+.menu-item {
        margin-left: 0;
        border-top: 1px solid #712F62;
    }
    .mtb-120{
        margin: 70px 0;
    }
    .mt-120{
        margin-top: 70px;
    }
    .mb-120 {
        margin-bottom: 70px;
    }
    .pt-100{
        padding-top: 70px;
    }
    .ptb-120{
        padding: 70px 0;
    }
    .pb-120{
        padding-bottom: 70px;
    }
    .khbhm-wrap {
        height: 760px;
        padding: 120px 0 0px;
    }
    .khbhm-swiper .swiper-slide:nth-child(1) .khbhm-wrap {
        background: #d33d24 !important;
    }
    .khbhm-swiper .swiper-slide:nth-child(2) .khbhm-wrap {
        background: #a2048c !important;
    }
    .khbhm-swiper .swiper-slide:nth-child(3) .khbhm-wrap {
        background: #82462a !important;
    }
    .khbhm-swiper .swiper-slide:nth-child(4) .khbhm-wrap {
        background: #e26201 !important;
    }
    .khbhm-wrap .row {
        row-gap: 30px;
        width: 100%;
    }
    .khbhm-desc h1 {
        font-size: 50px;
        line-height: 66px;
    }
    .khbanimation-wrap {
        min-height: 600px;
    }
    .khbani-img img {
        max-width: 70%;
    }
    .khbani-desc h2 {
        font-size: 120px;
        line-height: 120px;
    }
    .title h2 {
        font-size: 36px;
        line-height: 46px;
        margin-bottom: 20px;
    }
    .khb-hm-made .title p {
        max-width: 100%;
    }
    .khb-hm-made .row + .row, .khb-hm-moments .row + .row, .khb-hm-find .row + .row, .khb-hm-fresh .row + .row, .khb-ab-value .row + .row, .khb-contant-love .row +.row {
        margin-top: 0px;
    }
    .khb-hm-rooted .row, .khb-hm-cta .row, .khb-trusted .row {
        row-gap: 30px;
    }
    .khbrted-img {
        text-align: center;
    }
    .title-element {
        max-width: 60px;
        margin-bottom: 10px;
    }
    .khb-hm-moments {
        margin-top: 65px;
    }
    .page-template-franchise-inquiry .khb-hm-moments {
        margin-top: 135px;
    }
    .khb-hm-moments::after {
        top: -60px;
        height: 65px;
    }
    .khbhm-gallery-main {
        flex-wrap: wrap;
        row-gap: 20px;
    }
    .khbhm-gallery-main .khbhm-gallery-box:nth-child(1), .khbhm-gallery-main .khbhm-gallery-box:nth-child(2) {
        width: 100%;
    }
    .khb-map-img {
        margin-top: 50px;
    }
    .khb-hm-find .khbmap-pin:nth-child(2) {
        top: 25px;
        right: 40px;
    }
    .khb-hm-find .khbmap-pin:nth-child(5) {
        top: 16px;
        left: 110px;
    }
    .khb-hm-find .khbmap-pin:nth-child(3) {
        top: 200px;
        left: 80px;
    }
    .khb-hm-find .khbmap-pin:nth-child(4) {
        top: 245px;
        right: 100px;
    }
    .khb-cta-main {
        padding: 50px 40px 50px;
    } 
    footer {
        margin-top: 50px;
    }
    footer::after {
        top: -49px;
        height: 53px;
    }
    footer .row {
        row-gap: 30px;
    }
    .f-top {
        padding: 50px 0 50px;
    }
    .f-link ul li a {
        padding-left: 0;
        font-size: 18px;
        line-height: 30px;
    }
    .f-link ul li a::after {
        display: none;
    }

    body:has( .khb-inner-banner) header {
        padding: 20px 0;
    }
    .khb-inner-banner {
        margin-top: 89px;
        padding: 50px 0;
    }
    .about-inner-banner .khb-inner-animtion {
        height: 480px;
    }   
    .about-inner-banner.khb-inner-banner {
        padding-bottom: 0;
    }
    .khb-inner-banner .row {
        row-gap: 30px;
    }
    .khb-inner-desc h1 {
        font-size: 40px;
        line-height: 56px;
    }
    .khb-mis-vis .title h2 {
        margin-bottom: 30px;
    }
    .hnum-main {
        margin-top: 0;
    }
    .hnum-main::before {
        top: 53%;
    }
    .hnumb-desc h3 {
        font-size: 22px;
        line-height: 32px;
    }
    .hnumb-desc p {
        font-size: 14px;
        line-height: 20px;
    }
    .hnum-box {
        margin-top: 40px;
    }
    .hnumb-img img {
        max-width: 80%;
    }
    .hnumb-desc {
        padding: 55px 0px 0px;
        margin-top: 55px;
    }
    .hnum-box:nth-child(2n) .hnumb-desc {
        padding: 0px 0px 50px;
        margin-top: 0;
    }
    .hnumb-desc::before, .hnum-box:nth-child(2n) .hnumb-desc::before {
        height: 40px;
    }
    .hnum-box:last-child {
        margin-top: 40px;
    }
    .hnum-box:last-child .hnumb-desc {
        margin-top: 55px;
    }
    .conlove-desc h3 {
        font-size: 22px;
        line-height: 32px;
    }
    .conlove-box {
        padding: 0 40px 30px;
    }

    .prolist-content .row {
        row-gap: 30px;
    }
	.f-link ul li a::before{
		display: none;
	}
}
@media screen and (max-width: 767px) {
    .mtb-120{
        margin: 50px 0;
    }
    .mt-120{
        margin-top: 50px;
    }
    .mb-120 {
        margin-bottom: 50px;
    }
    .pb-120{
        padding-bottom: 50px;
    }
    .pt-100{
        padding-top: 50px;
    }
    .ptb-120{
        padding: 50px 0;
    }
    .navbar-collapse {
        width: 100%;
    }
    .khbhm-wrap {
        height: 510px;
    }
    .khbhm-desc h1 {
        font-size: 38px;
        line-height: 48px;
        margin-bottom: 20px;
    }
    .khbhm-desc p {
        font-size: 16px;
        line-height: 22px;
        margin-bottom: 20px;
    }
    .title h2 {
        font-size: 28px;
        line-height: 38px;
        max-width: 100%;
    }
    .hm-counter-main {
        column-gap: 30px;
    }
    .khbanimation-wrap {
        min-height: 400px;
    }
    .khbani-img img {
        max-width: 40%;
    }
    .khbani-desc h2 {
        font-size: 60px;
        line-height: 60px;
        -webkit-text-stroke: 1px #FFFFFF;
    }
    .khbmade-img {
        height: auto;
    }
    .khb-hm-moments {
        padding: 40px 0 60px;
        margin-top: 30px;
    }
    .page-template-franchise-inquiry .khb-hm-moments {
        margin-top: 80px;
    }
    .khb-hm-moments::after {
        top: -33px;
        height: 34px;
    }
    .khbhm-gallery-main .khbhm-gallery-box .khbhm-gallery-box:nth-child(1), .khbhm-gallery-main .khbhm-gallery-box .khbhm-gallery-box:nth-child(2) {
        grid-template-columns: repeat(1, 1fr);
        row-gap: 20px;
    }
    .khb-hm-find .khbmap-pin:nth-child(2) {
        top: 0;
        right: 94px;
    }
    .khb-hm-find .khbmap-pin:nth-child(3) {
        top: 110px;
        left: 130px;
    }
    .khb-hm-find .khbmap-pin:nth-child(4) {
        top: 130px;
        right: 60px;
    }
    .khb-hm-find .khbmap-pin:nth-child(5) {
        top: 1px;
        left: 60px;
    }
    .khbfind-frame iframe {
        height: 200px;
    }
    .khbmap-location-name {
        display: none;
    }
    .map-content-box h3 {
        font-size: 18px;
        line-height: 26px;
    }
    .khbfresh-box {
        padding: 15px;
    }
    .khbfresh-desc {
        padding: 20px 0 0;
    }
    .khb-cta-desc {
        padding: 15px;
    } 
    .khb-cta-main {
        padding: 40px 20px 30px;
    }
    .khb-cta-main .forminator-button {
        margin-top: 0px;
    }
    footer {
        margin-top: 25px;
    }
    footer::after {
        top: -24px;
        height: 25px;
    }
    .f-bottom .row {
        row-gap: 10px
    }
    .fbot-desc, .fbot-desc.fbot-end  {
        justify-content: center;
    }

    .khb-inner-banner {
        padding: 30px 0;
    }
    .khb-inner-desc h1 {
        font-size: 30px;
        line-height: 40px;
    }
    .khbmisvis-box {
        flex-wrap: wrap;
        justify-content: center;
        padding: 20px;
        background: #712F62;
        border-radius: 10px;
    }
    .khbmisvis-box::after {
        display: none;
    }
    .khbmisvis-desc {
        padding-bottom: 0;
    }
    .khbmisvis-img img {
        max-width: 100%;
    }
    .khbmisvis-desc h3 {
        text-align: center;
    }
    .khb-mis-vis .row:nth-child(3) {
        margin-right: -15px;
    }
    .khb-mis-vis .row:nth-child(3) .khbmisvis-box {
        background-color: #F9F5B9;
    }
    .khb-mis-vis .row:nth-child(3) .khbmisvis-desc h3 {
        text-align: center;
    }
    .hnum-main::before {
        display: none;
    }
    .hnum-main {
        margin: 0px 0px 0px;
        grid-template-columns: repeat(1,1fr);
        padding: 0px 0px;
    }
    .hnum-box, .hnum-box:nth-child(2n) {
        margin-top: 0;
        display: grid;
        flex-direction: column;
        grid-template-columns: repeat(2,1fr);
        align-items: center;
    }
    .hnumb-desc, .hnum-box:nth-child(2n) .hnumb-desc, .hnum-box:last-child .hnumb-desc {
        padding: 0 0 0 50px;
        margin-top: 0;
        margin-bottom: 0;
    }
    .hnumb-desc::before, .hnum-box:nth-child(2n) .hnumb-desc::before {
        left: 0;
        width: 30px;
        height: 15px;
        background-image: url("data:image/svg+xml,%3Csvg width='61' height='18' viewBox='0 0 61 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.92065 8.03762V9.65723H60.7458V8.03762H8.92065Z' fill='%23F9F3A7'/%3E%3Cpath d='M8.92079 -0.00502777C7.1607 -0.00836563 5.43918 0.507996 3.97409 1.47872C2.50901 2.44945 1.3662 3.83092 0.69032 5.44826C0.0144405 7.0656 -0.164155 8.84613 0.177165 10.5645C0.518484 12.2829 1.36437 13.8619 2.60775 15.1017C3.85113 16.3414 5.43611 17.1863 7.16213 17.5292C8.88815 17.8722 10.6776 17.6978 12.3041 17.0283C13.9305 16.3588 15.3208 15.2241 16.299 13.7679C17.2772 12.3117 17.7993 10.5994 17.7993 8.84777C17.7993 6.50278 16.8645 4.25358 15.1999 2.59384C13.5353 0.934101 11.2771 -0.000562668 8.92079 -0.00502777Z' fill='%23F9F3A7'/%3E%3C/svg%3E%0A");
        margin: 0;
        top: 50%;
        transform: translateY(-50%);
    }
    .hnumb-img img {
        max-width: 100px;
    }
    .hnum-box:last-child {
        margin-top: 0;
    }
    .khb-cta-main .forminator-input {
        font-size: 16px !important;
        line-height: 28px !important;
    }
    
    .conlove-box {
        padding: 0 30px 30px;
    }

    .prolist-box h3 {
        font-size: 20px;
        line-height: 26px;
    } 
    .khbfind-box {
        padding: 15px;
    }
    .direction-btn {
        padding: 10px 15px;
        font-size: 14px;
        line-height: 20px;
    }
}

@media screen and (max-width: 400px) {
    .khb-hm-find .khbmap-pin:nth-child(2) {
        top: 0;
        right: 82px;
    }
    .khb-hm-find .khbmap-pin:nth-child(3) {
        top: 90px;
        left: 100px;
    }
    .khb-hm-find .khbmap-pin:nth-child(4) {
        top: 110px;
        right: 50px;
    }
    .khb-hm-find .khbmap-pin:nth-child(5) {
        top: -3px;
        left: 60px;
    }
}