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: border-box;
    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: "Manrope", 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: #E78324;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: 400;
    font-family: "Manrope", sans-serif;
}

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

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

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

.ptb-120 {
    padding: 120px 0;
}

.ptb-60 {
    padding: 60px 0;
}

.ptb-80 {
    padding: 80px 0;
}

header {
    padding: 20px 0;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    background: #FFFFFF;
    z-index: 99;
    -webkit-transition: .5s all ease;
    -ms-transition: .5s all ease;
    transition: .5s all ease;
}

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

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

header .menu-item {
    display: flex;
}

header .menu-item+.menu-item {
    margin-left: 50px;
}

header .menu-item:not(:last-child) a {
    display: inline-block;
    font-size: 18px;
    line-height: 24px;
    color: #000000;
    position: relative;
    font-weight: 400;
    transition: all 0.4s ease-in-out;
}

header .menu-item:not(:last-child) a:hover,
header .menu-item:not(:last-child) a:focus,
header .menu-item:not(:last-child) a:active,
header .menu-item:not(:last-child).current-menu-item>a {
    color: #9F2826;
}

header .menu-item:not(:last-child).current-menu-item>a {
    font-weight: 600;
}


header .menu-item:last-child a {
    font-weight: 500;
    font-size: 18px;
    line-height: 24px;
    padding: 13px 30px;
    border-radius: 50px;
    transition: all 0.4s ease-in-out;
    border: 1px solid #9F2826;
    display: flex;
    color: #FFFFFF;
    position: relative;
    background-color: #9F2826;
}

header .menu-item:last-child a:hover {
    background-color: #FFFFFF;
    color: #9F2826;
}



/* Banner Css */

.kes-hm-banner {
    margin-top: 110px;
}

.kes-hm-slide {
    min-height: calc(100vh - 110px);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 0;
    overflow: hidden;
}

.kes-hm-slide::before {
    content: "";
    position: absolute;
    inset: 0;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: -1;
}

.kes-bg-img {
    position: absolute;
    inset: 0;
    z-index: -2;
}

.kes-bg-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: all 3s ease-in-out;
    transition-delay: 1.8s;
    transform: scale(1);
}

.swiper-slide-active .kes-bg-img img,
.swiper-slide-p .kes-bg-img img {
    transform: scale(1.1);
}

.hb-desc h1 {
    font-weight: 800;
    font-size: 60px;
    line-height: 82px;
    text-align: center;
    letter-spacing: 0.02em;
    color: #FFFFFF;
    margin-bottom: 15px;
}

.hb-desc p {
    font-weight: 400;
    font-size: 18px;
    line-height: 25px;
    text-align: center;
    letter-spacing: 0.02em;
    color: #FFFFFF;
    max-width: 75%;
    margin: 0 auto;
}

.kes-hm-slide .hb-desc h1,
.kes-hm-slide .hb-desc p {
    opacity: 0;
    transform: translateY(-100px);
    transition: all 0.8s ease;
}

.kes-hm-slide .hb-desc p {
    transform: translateY(100px);
}

.swiper-slide-prev .hb-desc h1,
.swiper-slide-prev .hb-desc p {
    opacity: 1;
    transform: translateY(0);
}

.swiper-slide-active .hb-desc h1,
.swiper-slide-active .hb-desc p {
    opacity: 1;
    transform: translateY(0);
}

.swiper-slide-active .hb-desc h1 {
    transition-delay: 0.2s;
}

.swiper-slide-active .hb-desc p {
    transition-delay: 0.4s;
}

.kes-hm-navigation {
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 30px;
    right: 30px;
    z-index: 1;
}

.kes-hm-navigation>div {
    width: 56px;
    height: 56px;
    background: rgba(255, 255, 255, 0.15);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    position: static;
}

.kes-hm-navigation>div svg {
    width: 30px;
    height: 30px;
}

.kes-hm-navigation>div::after {
    display: none;
}

.kes-hm-pagination {
    bottom: 50px !important;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 3;
}

.kes-hm-pagination .swiper-pagination-bullet {
    width: 10px;
    height: 10px;
    border-radius: 12px;
    background-color: #AED5B6;
    transition: all 0.4s ease;
}

.kes-hm-pagination .swiper-pagination-bullet-active {
    width: 40px;
}

/* Home Certificates */

.certi-grid {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.certi-box img {
    min-height: 80px;
    width: 100%;
}

.certi-img-color .certi-box img {
    mix-blend-mode: luminosity;
}

/* Comman title Css */

.title-animation h3 {
    font-weight: 800;
    font-size: 90px;
    line-height: 123px;
    text-align: center;
    letter-spacing: 0.02em;
    margin-bottom: 0;
    background-size: cover;
    color: #fff;
    -webkit-text-fill-color: transparent;
    -webkit-background-clip: text;
    animation: bgMove 6s ease-in-out infinite alternate;
}

.title-animation h3 b,
.title-animation h3 strong {
    font-weight: 800;
}

@keyframes bgMove {
    0% {
        background-position: center 30%;
    }

    100% {
        background-position: center 70%;
    }
}

.title h2 {
    font-weight: 600;
    font-size: 42px;
    line-height: 57px;
    letter-spacing: 0.02em;
    color: #000000;
    margin-bottom: 0px;

}

.title:has(h2 + p) h2 {
    margin-bottom: 12px;
}

.title p {
    font-weight: 400;
    font-size: 18px;
    line-height: 26px;
    letter-spacing: 0.02em;
    color: #333333;
}

.title.text-center p {
    margin-bottom: 0;
}

.title:has(p+p) p {
    margin-bottom: 0;
}

.title p+p {
    margin-top: 15px;
}

.default-btn {
    display: inline-block;
    font-family: 'Inter', sans-serif;
    font-weight: 500;
    font-size: 18px;
    line-height: 22px;
    color: #FFFFFF;
    padding: 14px 30px;
    border: 1px solid #9F2826;
    background-color: #9F2826;
    border-radius: 50px;
}

.default-btn:hover,
.default-btn:focus,
.default-btn:active {
    color: #9F2826;
    background-color: #FFFFFF;
}

.dark-bg {
    background-color: #29422E;
}

.dark-bg .title h2,
.dark-bg .title p {
    color: #FFFFFF;
}

.default-bullet ul li {
    position: relative;
    padding-left: 60px;
}

.default-bullet ul li+li {
    margin-top: 30px;
}

.default-bullet ul li::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    height: 40px;
    width: 40px;
    background-image: url("data:image/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_25_89)'%3E%3Cpath d='M20 0C17.2396 0 14.6484 0.520833 12.2266 1.5625C9.80469 2.63021 7.6888 4.06901 5.87891 5.87891C4.06901 7.6888 2.63021 9.80469 1.5625 12.2266C0.520833 14.6484 0 17.2396 0 20C0 22.7604 0.520833 25.3516 1.5625 27.7734C2.63021 30.1953 4.06901 32.3112 5.87891 34.1211C7.6888 35.931 9.80469 37.3698 12.2266 38.4375C14.6484 39.4792 17.2396 40 20 40C22.7604 40 25.3516 39.4792 27.7734 38.4375C30.1953 37.3698 32.3112 35.931 34.1211 34.1211C35.931 32.3112 37.3698 30.1953 38.4375 27.7734C39.4792 25.3516 40 22.7604 40 20C40 17.2396 39.4792 14.6484 38.4375 12.2266C37.3698 9.80469 35.931 7.6888 34.1211 5.87891C32.3112 4.06901 30.1953 2.63021 27.7734 1.5625C25.3516 0.520833 22.7604 0 20 0ZM30.1172 15.7422L19.2969 26.6016C19.1406 26.7578 18.9583 26.875 18.75 26.9531C18.5417 27.0312 18.3333 27.0703 18.125 27.0703C17.9167 27.0703 17.7083 27.0312 17.5 26.9531C17.2917 26.875 17.1094 26.7578 16.9531 26.6016L11.5234 21.1719C11.2109 20.8594 11.0547 20.4688 11.0547 20C11.0547 19.5312 11.2109 19.1406 11.5234 18.8281C11.862 18.4896 12.2591 18.3203 12.7148 18.3203C13.1706 18.3203 13.5547 18.4896 13.8672 18.8281L18.125 23.0469L27.7734 13.3984C28.112 13.0859 28.5091 12.9297 28.9648 12.9297C29.4206 12.9297 29.8047 13.0859 30.1172 13.3984C30.4557 13.737 30.625 14.1341 30.625 14.5898C30.625 15.0456 30.4557 15.4297 30.1172 15.7422Z' fill='%239F2826'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_25_89'%3E%3Crect width='40' height='40' fill='white' transform='matrix(1 0 0 -1 0 40)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
    background-size: 100%;
    background-repeat: no-repeat;
}

.default-bullet li h3 {
    font-weight: 600;
    font-size: 25px;
    line-height: 34px;
    color: #000000;
    margin-bottom: 1px;
}

.default-bullet li p {
    font-weight: 500;
    font-size: 16px;
    line-height: 25px;
    color: #333333;
    margin-bottom: 0;
}


/* Home Welcome */

.kes-hm-welcome .title {
    max-width: 90%;
}

.kes-wel-img img {
    width: 100%;
}

.wel-box {
    padding: 25px 35px;
    background: #F2FFF4;
    border: 1px solid #9F2826;
    height: 100%;
}

.wel-desc h4 {
    font-weight: 700;
    font-size: 24px;
    line-height: 32px;
    color: #392313;
    margin-top: 20px;
    margin-bottom: 12px;
}

.wel-desc p {
    font-weight: 400;
    font-size: 16px;
    line-height: 26px;
    color: #956D50;
    margin-bottom: 0;
}

/* Home Product */
.pro-navigation {
    position: absolute;
    top: 50%;
    left: -50px;
    right: -50px;
    transform: translateY(-50%);
    z-index: 10;
}

.pro-navigation>div::after {
    display: none;
}

.pro-navigation>.swiper-button-disabled {
    opacity: 0;

}

.pro-tabs {
    display: flex;
    justify-content: space-between;
}

.pro-tabs .swiper-slide {
    padding: 1px;
}

.pro-tabs li span {
    display: block;
    border: 1px solid #FFFFFF;
    border-radius: 50px;
    font-weight: 400;
    font-size: 18px;
    line-height: 18px;
    text-align: center;
    color: #FFFFFF;
    padding: 16px 0;
    cursor: pointer;
    transition: all 0.4s ease-in-out;
    text-wrap: nowrap;
}

.pro-tabs li.active span,
.pro-tabs li span:hover {
    border-color: #9F2826;
    background-color: #9F2826;
}

.pro-content {
    display: none;
    flex-wrap: wrap;
    gap: 30px 90px;
    justify-content: center;
}

.pro-con-items {
    max-width: 370px;
    min-height: 370px;
    background-color: #9F2826;
    clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);
    z-index: 0;
    display: flex;
    align-items: center;
}

.pro-con-items a {
    display: flex;
    align-items: center;
    height: 100%;
    width: 100%;
    padding: 0 20px;
}

.pro-con-items::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #9F2826;
    z-index: -1;
    transition: all 0.4s ease-in-out;
    opacity: 0;
}

.pro-con-items:hover::before {
    opacity: 0.5;

}

.pro-con-desc {
    opacity: 0;
    transition: all 0.4s ease-in-out;
}

.pro-con-items:hover .pro-con-desc {
    opacity: 1;
}

.pro-con-desc h3 {
    font-weight: 700;
    font-size: 25px;
    line-height: 40px;
    text-align: center;
    color: #FFFFFF;
    margin-bottom: 12px;
}

.pro-con-desc p {
    font-weight: 400;
    font-size: 18px;
    line-height: 25px;
    text-align: center;
    letter-spacing: 0.02em;
    color: #FFFFFF;
    margin-bottom: 0;
}

.pro-con-img {
    position: absolute;
    top: 4px;
    left: 4px;
    right: 4px;
    bottom: 4px;
    z-index: -2;
}

.pro-con-img img {
    width: 100%;
    clip-path: polygon(50% 0%, 100% 25%, 100% 74.5%, 50% 99.5%, 0% 74.5%, 0% 25%);
    height: 100%;
    object-fit: cover;
}

/* Home Why Choose */

.wychoose-img img {
    width: 100%;
}

.wychoose-tag {
    position: absolute;
    right: 85px;
    top: 50%;
    transform: translateY(-50%);
    width: 176px;
    background-color: #9F2826;
    padding: 30px 25px;
    border-radius: 10px 10px 0 10px;
}

.wychoose-tag::after {
    content: '';
    position: absolute;
    bottom: -30px;
    right: 0;
    height: 30px;
    width: 30px;
    background-color: #9F2826;
    clip-path: polygon(50% 0%, 100% 0%, 100% 100%, 0% 0%);
}

.wychoose-tag p {
    font-family: 'Covered By Your Grace', sans-serif;
    font-weight: 400;
    font-size: 30px;
    line-height: 36px;
    color: #FFFFFF;
    margin-bottom: 0;
}

/* Mini Cta */

.mini-cta {
    z-index: 0;
}

.mini-cta .title h2 {
    font-size: 35px;
    line-height: 48px;
    color: #FFFFFF;
    margin-bottom: 30px;
    max-width: 90%;
}

.mini-cta-img {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 505px;
    z-index: -1;
}

.mini-cta-img img {
    width: 100%;
}

/* footer */

footer {
    padding: 80px 0 50px;
}

.f-desc p {
    font-weight: 500;
    font-size: 16px;
    line-height: 25px;
    color: rgba(255, 255, 255, 0.8);
    margin-top: 15px;
}

.f-desc ul {
    display: flex;
    align-items: center;
    gap: 12px;
}

.f-desc li a {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 34px;
    width: 34px;
    background-color: rgba(255, 255, 255, 0.6);
    border-radius: 8px;
}

.f-desc li a:hover {
    background-color: rgba(255, 255, 255, 1);
}

.f-title h5 {
    font-weight: 700;
    font-size: 16px;
    line-height: 22px;
    color: #FFFFFF;
    margin-bottom: 15px;
}

.f-link li {
    display: flex;
}

.f-link li+li {
    margin-top: 15px;
}

.f-link li a {
    font-weight: 400;
    font-size: 16px;
    line-height: 22px;
    color: rgba(255, 255, 255, 0.8);
}

.f-link li a:hover {
    color: rgba(255, 255, 255, 1);
}

.f-cont-link ul li {
    padding-left: 70px;
    position: relative;
}

.f-cont-link ul li::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    height: 50px;
    width: 50px;
    background-image: url("data:image/svg+xml,%3Csvg width='50' height='50' viewBox='0 0 50 50' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M25 0.5C38.531 0.5 49.5 11.469 49.5 25C49.5 38.531 38.531 49.5 25 49.5C11.469 49.5 0.5 38.531 0.5 25C0.5 11.469 11.469 0.5 25 0.5Z' fill='%23F3F3F3' stroke='%239F2826'/%3E%3Cpath d='M15.625 17.7083C15.625 16.5577 16.5577 15.625 17.7083 15.625H21.1242C21.5726 15.625 21.9706 15.9119 22.1124 16.3373L23.6726 21.0179C23.8366 21.5097 23.6139 22.0472 23.1503 22.279L20.799 23.4547C21.9471 26.0013 23.9987 28.0529 26.5453 29.201L27.721 26.8497C27.9528 26.3861 28.4903 26.1634 28.9821 26.3274L33.6627 27.8876C34.0881 28.0294 34.375 28.4274 34.375 28.8758V32.2917C34.375 33.4423 33.4423 34.375 32.2917 34.375H31.25C22.6206 34.375 15.625 27.3794 15.625 18.75V17.7083Z' fill='%23F3F3F3' stroke='%239F2826' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
    background-size: 100%;
    background-repeat: no-repeat;
}

.f-cont-link ul li.eml-icon::before {
    background-image: url("data:image/svg+xml,%3Csvg width='50' height='50' viewBox='0 0 50 50' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M25 0.5C38.531 0.5 49.5 11.469 49.5 25C49.5 38.531 38.531 49.5 25 49.5C11.469 49.5 0.5 38.531 0.5 25C0.5 11.469 11.469 0.5 25 0.5Z' fill='%23F3F3F3' stroke='%239F2826'/%3E%3Cpath d='M15.625 20.833L23.8444 26.3126C24.5442 26.7791 25.4558 26.7791 26.1556 26.3126L34.375 20.833M17.7083 32.2913H32.2917C33.4423 32.2913 34.375 31.3586 34.375 30.208V19.7913C34.375 18.6407 33.4423 17.708 32.2917 17.708H17.7083C16.5577 17.708 15.625 18.6407 15.625 19.7913V30.208C15.625 31.3586 16.5577 32.2913 17.7083 32.2913Z' fill='%23F3F3F3'/%3E%3Cpath d='M15.625 20.833L23.8444 26.3126C24.5442 26.7791 25.4558 26.7791 26.1556 26.3126L34.375 20.833M17.7083 32.2913H32.2917C33.4423 32.2913 34.375 31.3586 34.375 30.208V19.7913C34.375 18.6407 33.4423 17.708 32.2917 17.708H17.7083C16.5577 17.708 15.625 18.6407 15.625 19.7913V30.208C15.625 31.3586 16.5577 32.2913 17.7083 32.2913Z' stroke='%239F2826' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}

.f-cont-link ul li.add-icon::before {
    background-image: url("data:image/svg+xml,%3Csvg width='50' height='50' viewBox='0 0 50 50' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M25 0.5C38.531 0.5 49.5 11.469 49.5 25C49.5 38.531 38.531 49.5 25 49.5C11.469 49.5 0.5 38.531 0.5 25C0.5 11.469 11.469 0.5 25 0.5Z' fill='%23F3F3F3' stroke='%239F2826'/%3E%3Cpath d='M30.8939 29.8509C29.9044 30.8403 27.82 32.9248 26.4148 34.33C25.6337 35.111 24.3683 35.1104 23.5873 34.3294C22.2064 32.9485 20.1635 30.9057 19.1088 29.8509C15.8544 26.5965 15.8544 21.3201 19.1088 18.0658C22.3631 14.8114 27.6395 14.8114 30.8939 18.0658C34.1483 21.3201 34.1483 26.5965 30.8939 29.8509Z' fill='%23F3F3F3' stroke='%239F2826' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M28.125 23.958C28.125 25.6839 26.7259 27.083 25 27.083C23.2741 27.083 21.875 25.6839 21.875 23.958C21.875 22.2321 23.2741 20.833 25 20.833C26.7259 20.833 28.125 22.2321 28.125 23.958Z' fill='%23F3F3F3' stroke='%239F2826' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
    top: 4px;
    transform: translateY(0);
}

.f-cont-link ul li+li {
    margin-top: 30px;
}

.f-cont-link li h6 {
    font-weight: 600;
    font-size: 20px;
    line-height: 28px;
    color: #FFFFFF;
    margin-bottom: 6px;
}

.f-cont-link li a {
    font-weight: 400;
    font-size: 18px;
    line-height: 25px;
    color: rgba(255, 255, 255, 0.8);
}

.f-cont-link li a:hover {
    color: rgba(255, 255, 255, 1);
}

.f-bottom {
    padding: 20px 15px 0;
    border-top: 1px solid #FFFFFF;
}

.f-b-desc p {
    font-family: 'Inter', sans-serif;
    font-weight: 400;
    font-size: 18px;
    line-height: 22px;
    color: #FFFFFF;
    margin-bottom: 0;
    text-align: center;
}


/* Inner Banner */
.kes-inner-banner {
    min-height: 550px;
    padding-top: 220px;
    z-index: 0;
}


.kes-inner-banner::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(-90deg, rgba(0, 0, 0, 0) 30%, rgba(255, 255, 255, 0.8)90%, rgba(255, 255, 225, 0.9)100%);
    z-index: -1;
}

.inb-desc h1 {
    font-weight: 800;
    font-size: 52px;
    line-height: 71px;
    letter-spacing: 0.02em;
    color: #000000;
    margin-bottom: 15px;
}

.inb-desc p {
    font-weight: 400;
    font-size: 18px;
    line-height: 25px;
    letter-spacing: 0.02em;
    color: #000000;
    margin-bottom: 0;

}


/* Mission Vission section */

.mis-vis-box {
    padding: 25px;
    background-color: #FFFFFF;
    border-radius: 10px;
    height: 100%;
}

.mis-vis-desc h2,
.mis-vis-desc h3 {
    font-weight: 700;
    font-size: 24px;
    line-height: 32px;
    color: #30261D;
    margin: 16px 0 10px;

}

.mis-vis-desc p {
    font-weight: 400;
    font-size: 16px;
    line-height: 26px;
    color: #756657;
    margin-bottom: 0;

}


/* Product Listing */

.pro-list-main {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 50px 30px;
}

.pro-list-box {
    background: #FFFFFF;
    border: 1px solid #E5E2DC;
    box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.05);
    border-radius: 8px;
    transition: all 0.4s ease-in-out;
    overflow: hidden;
}

.pro-list-box:hover {
    border-color: #9F2826;
}

.pro-li-img img {
    height: 100%;
    width: 100%;
    transition: all 0.4s ease-in-out;
}

.pro-li-img {
    overflow: hidden;
}

.pro-list-box:hover .pro-li-img img {
    transform: scale(1.05);
}

.pro-li-desc {
    padding: 24px 24px 25px;
}

.pro-li-desc h3 {
    font-weight: 600;
    font-size: 20px;
    line-height: 28px;
    color: #30261D;
    margin-bottom: 8px;
}

.pro-li-desc p {
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    color: #756657;
    margin-bottom: 16px;
}

.pro-li-desc a {
    display: block;
    width: 100%;
    background: #FFFFFF;
    border: 1px solid #E5E2DC;
    border-radius: 6px;
    font-weight: 600;
    font-size: 14px;
    line-height: 20px;
    text-align: center;
    color: #30261D;
    padding: 11px;
}

.pro-li-desc a:hover {
    background: #9F2826;
    border-color: #9F2826;
    color: #FFFFFF;
}

/* Product Detials */


.pro-det-badge {
    margin-bottom: 20px;
}

.pro-det-badge span {
    font-weight: 600;
    font-size: 12px;
    line-height: 16px;
    color: #FFFFFF;
    border: 1px solid #E5E2DC;
    padding: 3px 11px;
    border-radius: 50px;
    display: inline-block;
}

.pro-det-badge span.primary-badge {
    margin-right: 15px;
    background-color: #29563C;
    border-color: #29563C;
}

.pro-det-badge span.secondary-badge {
    color: #30261D;
}

.pro-det-content ul {
    margin: 30px 0;
    display: grid;
    align-items: center;
    gap: 20px;
    grid-template-columns: repeat(2, 1fr);
}

.pro-det-content ul li {
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    color: #30261D;
    display: flex;
    align-items: center;
    column-gap: 8px;
}

.pro-det-content .pro-kg {
    margin-top: 20px;
}

.pro-det-content .pro-kg h5 {
    font-size: 16px;
    line-height: 22px;
    font-weight: 600;
    margin-bottom: 0;
}

.pro-det-content .pro-kg-inner ul {
    display: flex !important;
    gap: 10px;
    margin-top: 15px;
}

.pro-det-content .pro-kg-inner li {
    font-size: 15px;
    line-height: 21px;
    font-weight: 900;
    padding: 5px 15px;
    background: #9F2826;
    border-radius: 8px;
    color: #FFF;
}

.pro-det-carousel .f-carousel__slide {
    display: flex;
    align-items: center;
    justify-content: center;
}

.pro-det-carousel img {
    max-width: 100%;
    max-height: 100%;
    height: auto;
    object-fit: contain;
}

.pro-det-carousel+.f-thumbs {
    padding: 0;
    margin-top: 30px;
}

.pro-det-carousel+.f-thumbs .f-thumbs__viewport {
    grid-template-columns: repeat(3, 1fr);
    width: 100% !important;
    margin: 0;
    gap: 30px;
}

.pro-det-carousel+.f-thumbs .f-thumbs__slide {
    width: 100% !important;
    transform: none !important;
    position: static;
    grid-area: initial;
    border-radius: 0;
    height: 93px;
    --clip-shift: none;
}

.pro-det-carousel+.f-thumbs .f-html {
    margin: 0 !important;
    width: 100% !important;
    border-radius: 0 !important;
}

.pro-det-carousel+.f-thumbs .f-lazyload {
    width: 100% !important;
    height: 100% !important;
    object-position: center;
}

.pro-det-carousel .f-button.is-arrow {
    background: #FFFFFF;
    border-radius: 8px 0 0 8px;
    height: 40px;
    width: 35px;
}

.pro-det-carousel .f-button.is-arrow.is-prev {
    border-radius: 0 8px 8px 0;
}

.pro-det-carousel .f-button.is-arrow svg {
    max-width: 20px;
    max-height: 20px;
}

.pro-det-carousel .f-button.is-arrow svg path {
    stroke: #9F2826;
}

.pro-det-tab {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 30px;
    background-color: #F5F3F0;
    border-radius: 6px;
    padding: 4px;
    margin-bottom: 30px;
}

.pro-det-tab li {
    border-radius: 6px;
    font-weight: 600;
    font-size: 14px;
    line-height: 20px;
    text-align: center;
    color: #756657;
    padding: 6px;
    cursor: pointer;
    transition: all 0.4s ease-in-out;
}

.pro-det-tab li.active,
.pro-det-tab li:hover {
    background-color: rgb(159, 40, 38);
    color: #FFFFFF;
}

.pro-det-content-main {
    background-color: #F5F3F0;
    border-radius: 6px;
    padding: 25px;
}

.pro-det-title h2 {
    font-weight: 700;
    font-size: 24px;
    line-height: 32px;
    color: #30261D;
    margin-bottom: 24px;
}

.pro-det-tab-content {
    display: none;
}

.pro-det-tab-content ul li {
    padding: 11px 0 13px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-weight: 600;
    font-size: 16px;
    line-height: 24px;
    color: #30261D;
    border-bottom: 1px solid #E5E2DC;
}

.pro-det-tab-content ul li+li {
    margin-top: 16px;
}

.pro-det-tab-content ul li span {
    font-weight: 400;
    color: #756657;
}

/* Contact Us */

.cta-form-main {
    padding: 33px;
    border: 1px solid #E5E2DC;
    border-radius: 8px;
}

.cta-title h2 {
    font-weight: 700;
    font-size: 24px;
    line-height: 32px;
    color: #30261D;
    margin-bottom: 24px;
}

.cta-title p {
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #756657;
    max-width: 80%;
}

.forminator-ui {
    margin-bottom: 0 !important;
}

.cta-form .forminator-row-last,
.pro-modal .forminator-row-last {
    margin-bottom: 0 !important;
}

.cta-form .forminator-label,
.pro-modal .forminator-label {
    font-family: 'Manrope', sans-serif !important;
    font-weight: 600 !important;
    font-size: 14px !important;
    line-height: 14px !important;
    color: #30261D !important;
    display: inline-block !important;
    margin-bottom: 10px !important;
}

.cta-form .forminator-input,
.cta-form .forminator-textarea,
.pro-modal .forminator-input,
.pro-modal .forminator-textarea {

    font-family: 'Manrope', sans-serif !important;
    font-weight: 400 !important;
    font-size: 14px !important;
    line-height: 19px !important;
    color: #756657 !important;
    background: #FFFFFF !important;
    border: 1px solid #E5E2DC !important;
    border-radius: 6px !important;
    outline: none !important;
    width: 100% !important;
    padding: 11px 13px !important;
}

.cta-form .row {
    row-gap: 30px;
}

.forminator-button {
    font-family: 'Inter', sans-serif !important;
    font-weight: 500 !important;
    font-size: 18px !important;
    line-height: 22px !important;
    color: #FFFFFF !important;
    padding: 15px !important;
    width: 100% !important;
    border: 1px solid #9F2826 !important;
    border-radius: 50px !important;
    background-color: #9F2826 !important;
    transition: all 0.4s ease-in-out;
}

.pro-modal .forminator-button {
    width: fit-content !important;
    margin: 0 auto !important;
    padding: 15px 40px !important;
}

.forminator-button:hover {
    color: #9F2826 !important;
    background-color: #FFFFFF !important;
    box-shadow: none !important;
}

.cta-details-desc ul li+li {
    margin-top: 30px;
}

.cta-info {
    display: flex;
    gap: 16px;
    padding: 17px;
    border: 1px solid #E5E2DC;
    border-radius: 8px;
}

.cta-info-desc {
    max-width: 70%;
}

.cta-info-desc h3 {
    font-weight: 600;
    font-size: 16px;
    line-height: 24px;
    color: #30261D;
    margin-bottom: 4px;

}

.cta-info-desc a {
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #756657;
}

.cta-info-desc a:hover {
    color: #9F2826;
}

/* Product Model Css */

.pro-modal .modal-header {
    padding: 15px 20px;
}

.pro-modal .modal-body {
    padding: 30px;
}

.pro-modal .modal-title {
    font-size: 22px;
    font-weight: 700;
    line-height: 30px;
    margin-bottom: 0;
}


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

    /* Home Page */

    .hb-desc h1 {
        font-size: 55px;
        line-height: 75px;
    }

    .hb-desc p {
        max-width: 87%;
    }

    .title-animation h3 {
        font-size: 80px;
        line-height: 113px;
    }

    .wel-box {
        padding: 25px;
    }

    .pro-content {
        gap: 0px 30px;
    }

    .pro-con-items {
        max-width: 350px;
        min-height: 350px;
    }

    /* Product Details */
    .pro-det-content ul {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 20px;
    }

    .pro-det-carousel+.f-thumbs {
        margin-top: 20px;
    }

    .pro-det-carousel+.f-thumbs .f-thumbs__viewport {
        gap: 20px;
    }

    /* contact Page */
    .cta-title p {
        max-width: 100%;
    }
}

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

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

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

    .ptb-120 {
        padding: 90px 0;
    }

    .ptb-60 {
        padding: 50px 0;
    }

    .ptb-80 {
        padding: 70px 0;
    }

    /* Header */

    header .menu-item+.menu-item {
        margin-left: 40px;
    }

    header .menu-item:not(:last-child) a {
        font-size: 16px;
        line-height: 22px;
    }

    header .menu-item:last-child a {
        font-size: 16px;
        line-height: 22px;
        padding: 11px 26px;
    }

    /* Home Page */


    .hb-desc h1 {
        font-size: 48px;
        line-height: 68px;
    }

    .hb-desc p {
        font-size: 16px;
        line-height: 23px;
        max-width: 100%;
    }

    .kes-hm-navigation {
        left: 5px;
        right: 5px;
    }

    .kes-hm-navigation>div {
        width: 40px;
        height: 40px;
    }

    .kes-hm-navigation>div svg {
        width: 20px;
        height: 20px;
    }

    .certi-box img {
        min-height: auto;
        max-height: 60px;
    }

    .title-animation h3 {
        font-size: 70px;
        line-height: 83px;
    }

    .kes-hm-welcome .title {
        max-width: 100%;
    }

    .title h2 {
        font-size: 34px;
        line-height: 48px;
    }

    .title p {
        font-size: 16px;
        line-height: 26px;
    }

    .default-btn {
        font-size: 16px;
        line-height: 20px;
        padding: 12px 26px;
    }

    .wel-box {
        padding: 20px;
        height: 100%;
    }

    .wel-desc h4 {
        font-size: 20px;
        line-height: 28px;
    }

    .pro-tabs li {
        font-size: 16px;
        line-height: 16px;
        padding: 0;
    }

    .pro-con-items {
        max-width: 290px;
        min-height: 290px;
    }

    .pro-con-desc h3 {
        font-size: 20px;
        line-height: 30px;
    }

    .pro-con-desc p {
        font-size: 16px;
        line-height: 23px;
    }

    .wychoose-tag {
        right: 30px;
        width: 156px;
        padding: 20px;
    }

    .wychoose-tag p {
        font-size: 24px;
        line-height: 34px;
    }

    .wychoose-tag::after {
        bottom: -25px;
        height: 25px;
        width: 25px;
    }

    .default-bullet ul li {
        padding-left: 50px;
    }

    .default-bullet ul li+li {
        margin-top: 20px;
    }

    .default-bullet ul li::before {
        top: 3px;
        height: 30px;
        width: 30px;
    }

    .default-bullet li h3 {
        font-size: 20px;
        line-height: 30px;
    }

    .default-bullet li p {
        font-size: 14px;
        line-height: 24px;
    }

    .mini-cta .title h2 {
        font-size: 32px;
        line-height: 44px;
        max-width: 100%;
    }

    /* footer */
    footer {
        padding: 70px 0 30px;
    }

    .f-top .row {
        row-gap: 30px;
    }

    .f-cont-link ul li {
        padding-left: 55px;
    }

    .f-cont-link ul li::before {
        height: 40px;
        width: 40px;
    }

    .f-cont-link li h6 {
        font-size: 16px;
        line-height: 22px;
        margin-bottom: 2px;
    }

    .f-cont-link li a {
        font-size: 16px;
        line-height: 22px;
    }

    .f-b-desc p {
        font-size: 16px;
        line-height: 20px;
    }

    /* Inner Banner */

    .kes-inner-banner {
        padding-top: 160px;
    }

    .inb-desc h1 {
        font-size: 48px;
        line-height: 68px;
    }

    .inb-desc p {
        font-size: 16px;
        line-height: 23px;
    }

    .mis-vis-desc h2,
    .mis-vis-desc h3 {
        font-size: 22px;
        line-height: 30px;
    }

    .kes-mis-vis .row {
        row-gap: 30px;
    }

    /* Product Listing page */

    .pro-li-desc {
        padding: 15px 15px 16px;
    }

    .pro-li-desc h3 {
        font-size: 18px;
        line-height: 26px;
    }

    /* contact Page */
    .cta-info-desc {
        max-width: 100%;
    }

    .pro-navigation {
        left: -40px;
        right: -40px;
    }

    .pro-navigation>div svg {
        max-width: 25px;
        max-height: 25px;
    }

    .single.single-product .kes-inner-banner {
        background-position: right -100px top !important;
    }
}

@media screen and (max-width: 991px) {
    .mtb-120 {
        margin: 70px 0;
    }

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

    .ptb-120 {
        padding: 70px 0;
    }

    .ptb-60 {
        padding: 40px 0;
    }

    .ptb-80 {
        padding: 60px 0;
    }

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

    /* Header */

    .navbar-brand img {
        max-height: 50px;
    }

    .navbar-toggler {
        border: none;
        padding: 0;
        background: transparent;
        height: 35px;
        width: 35px;
    }

    .navbar-toggler:focus {
        box-shadow: none;
    }

    .navbar-toggler .icon-bar {
        width: 100%;
        height: 3px;
        background-color: #29422E;
        display: block;
        border-radius: 10px;
    }

    .navbar-toggler .icon-bar+.icon-bar {
        margin-top: 6px;
    }

    .navbar-toggler .icon-bar:nth-child(2) {
        width: 75%;
    }

    header .navbar-collapse {
        position: fixed;
        top: 0;
        right: -100%;
        bottom: 0;
        min-width: 60%;
        background-color: #9F2826;
        display: block !important;
        transition: all 0.4s ease-in-out;
        padding-top: 70px;
    }

    header .navbar-collapse.show {
        right: 0;
    }

    .close-btn {
        border: none;
        background-color: transparent;
        padding: 0;
        position: absolute;
        top: 15px;
        right: 15px;
        width: 40px;
        height: 40px;
        background-color: #FFFFFF;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 50px;
    }

    header .navbar-nav {
        height: 100%;
    }

    header .menu-item {
        width: 100%;
    }

    header .menu-item+.menu-item {
        margin-left: 0px;
        border-top: 1px solid #FFFFFF;
    }

    header .menu-item:not(:last-child) a,
    header .menu-item:last-child a {
        font-size: 18px;
        line-height: 24px;
        padding: 15px 25px;
        text-align: left;
        width: 100%;
        color: rgba(255, 255, 255, 0.8);
    }

    header .menu-item:last-child a {
        border-radius: 0;
        border: none;
    }

    header .menu-item:last-child a:hover {
        background-color: transparent;
    }

    header .menu-item:not(:last-child) a:hover,
    header .menu-item:not(:last-child) a:focus,
    header .menu-item:not(:last-child) a:active,
    header .menu-item:last-child a:hover,
    header .menu-item:last-child a:focus,
    header .menu-item:last-child a:active,
    header .menu-item:not(:last-child).current-menu-item>a,
    header .menu-item:last-child.current-menu-item>a {
        color: #FFFFFF;
    }

    /* Home Page */

    .kes-hm-banner {
        margin-top: 90px;
    }

    .kes-hm-slide {
        min-height: calc(100vh - 90px);
    }

    .hb-desc h1 {
        font-size: 36px;
        line-height: 50px;
    }

    .kes-hm-pagination {
        bottom: 30px !important;
    }

    .kes-hm-navigation {
        display: none
    }

    .certi-box img {
        max-height: 50px;
    }

    .title-animation h3 {
        font-size: 50px;
        line-height: 60px;
    }

    .title h2 {
        font-size: 30px;
        line-height: 40px;
    }

    .row {
        row-gap: 30px;
    }

    .title p {
        margin-bottom: 20px;
    }

    .pro-tabs {
        gap: 15px;
    }

    .pro-content {
        gap: 30px;
    }

    .pro-con-items {
        max-width: 320px;
        min-height: 320px;
    }

    .pro-content .pro-con-items:nth-child(5) {
        margin-top: -70px;
    }

    .default-bullet ul li {
        padding-left: 45px;
    }

    .default-bullet ul li::before {
        top: 5px;
    }

    .mini-cta-img {
        width: 320px;
    }

    .default-btn {
        font-size: 14px;
        line-height: 14px;
        padding: 13px 21px;
    }

    .mini-cta .title h2 {
        font-size: 30px;
        line-height: 44px;
    }

    /* Footer */

    footer {
        padding: 50px 0 20px;
    }

    .f-logo img {
        max-height: 50px;
    }

    .f-b-desc p {
        font-size: 14px;
        line-height: 18px;
    }

    /* Inner Page  */

    .kes-inner-banner {
        padding-top: 110px;
        min-height: 600px;
        background: none !important;
        background-position: none !important;
        overflow: hidden;
    }

    .single-product .kes-inner-banner {
        min-height: 700px;
    }

    .kes-inner-banner::before {
        background: linear-gradient(to top, rgba(0, 0, 0, 0) 60%, rgba(255, 255, 255, 0.8)90%, rgba(255, 255, 225, 0.9)100%);
    }

    .mob-benner-img {
        position: absolute;
        top: 0;
        left: -30px;
        right: 0;
        bottom: 0;
        z-index: -2;
    }

    .single-product .mob-benner-img {
        bottom: -20px;
    }

    .mob-benner-img img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: bottom;
    }

    .inb-desc h1 {
        font-size: 40px;
        line-height: 54px;
    }

    .mis-vis-desc h2,
    .mis-vis-desc h3 {
        font-size: 20px;
        line-height: 28px;
    }

    /* Product Listing page */

    .pro-list-main {
        grid-template-columns: repeat(2, 1fr);
        gap: 30px;
    }

    .pro-li-desc a {
        padding: 9px;
    }

    /* Product Details */
    .pro-det-content ul {
        grid-template-columns: repeat(2, 1fr);
    }

    .pro-modal .modal-title {
        font-size: 18px;
        line-height: 28px;
    }

    .btn-close {
        height: 18px;
        width: 18px;
        background-size: 100% 100%;
        padding: 0 !important;
        margin-right: 7.5px !important;
    }

    .pro-modal .modal-body {
        padding: 20px;
    }

    .pro-modal .forminator-button {
        font-size: 14px !important;
        line-height: 14px !important;
        padding: 14px 22px !important;
    }

    .pro-con-desc {
        opacity: 1;
    }

    .pro-con-items::before {
        opacity: 0.5;
    }
}

@media screen and (max-width: 767px) {
    .mtb-120 {
        margin: 50px 0;
    }

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

    .ptb-120 {
        padding: 50px 0;
    }

    .ptb-60 {
        padding: 30px 0;
    }

    .ptb-80 {
        padding: 40px 0;
    }

    /* Header */
    header {
        padding: 15px 0;
    }

    header.sticky {
        padding: 10px 0;
    }

    header .navbar-collapse {
        width: 100%;
        padding-top: 60px;
    }

    .navbar-toggler {
        height: 30px;
        width: 30px;
    }

    .navbar-toggler .icon-bar:nth-child(2) {
        width: 70%;
    }

    .close-btn {
        width: 35px;
        height: 35px;
    }

    .close-btn svg {
        max-width: 12px;
        max-height: 12px;
    }

    header .menu-item:not(:last-child) a,
    header .menu-item:last-child a {
        font-size: 16px;
        line-height: 22px;
        padding: 15px 20px;
    }

    /* Home Page */
    .kes-hm-banner {
        margin-top: 80px;
    }

    .kes-hm-slide {
        min-height: 580px;
    }

    .hb-desc h1 {
        font-size: 28px;
        line-height: 38px;
    }

    .hb-desc p {
        font-size: 14px;
        line-height: 22px;
    }

    .certi-grid {
        justify-content: flex-start;
        gap: 30px;
    }

    .certi-box img {
        height: 50px;
        max-height: initial;
        width: 80px;
    }


    .title-animation h3 {
        font-size: 40px;
        line-height: 50px;
    }

    .title-animation h3 b,
    .title-animation h3 strong {
        display: block;
    }

    .title h2 {
        font-size: 24px;
        line-height: 34px;
    }

    .title p {
        font-size: 14px;
        line-height: 24px;
    }

    .default-btn {
        font-size: 12px;
        line-height: 12px;
        padding: 12px 17px;
    }

    .wel-desc h4 {
        font-size: 18px;
        line-height: 26px;
    }

    .wel-desc p {
        font-size: 14px;
        line-height: 22px;
    }

    .pro-tabs {
        display: flex;
        gap: 10px 8px;
        flex-wrap: wrap;
    }

    .pro-tabs li {
        font-size: 14px;
        line-height: 14px;
    }

    .pro-content .pro-con-items:nth-child(5) {
        margin-top: 0;
    }

    .wychoose-tag {
        right: 10px;
        width: 126px;
        padding: 15px;
    }

    .wychoose-tag p {
        font-size: 20px;
        line-height: 28px;
    }

    .wychoose-tag::after {
        bottom: -20px;
        height: 20px;
        width: 20px;
    }

    .default-bullet ul li {
        padding-left: 35px;
    }

    .default-bullet ul li::before {
        top: 3px;
        height: 25px;
        width: 25px;
    }

    .default-bullet li h3 {
        font-size: 18px;
        line-height: 28px;
    }

    .mini-cta .title h2 {
        font-size: 22px;
        line-height: 34px;
    }

    .mini-cta-img {
        width: 250px;
    }

    .f-cont-link ul li {
        padding-left: 45px;
    }

    .f-cont-link ul li::before {
        top: 3px;
        height: 30px;
        width: 30px;
        transform: none;
    }

    /* Inner Page */

    .kes-inner-banner {
        min-height: 450px;
        padding-top: 100px;
        padding-bottom: 50px;
        overflow: hidden;
    }

    .single-product .kes-inner-banner {
        min-height: 680px;
    }

    .single-product .mob-benner-img {
        bottom: -65px;
    }

    .inb-desc h1 {
        font-size: 27px;
        line-height: 33px;
        margin-bottom: 10px;
    }

    .inb-desc p {
        font-size: 14px;
        line-height: 21px;
    }

    .mis-vis-box {
        padding: 20px;
    }

    .mis-vis-desc h2,
    .mis-vis-desc h3 {
        font-size: 18px;
        line-height: 26px;
    }

    .mis-vis-desc p {
        font-size: 14px;
        line-height: 24px;
    }

    /* Product Listing page */

    .pro-list-main {
        grid-template-columns: repeat(1, 1fr);
        gap: 30px;
    }

    .pro-li-desc h3 {
        font-size: 16px;
        line-height: 24px;
    }

    .pro-li-desc p {
        font-size: 13px;
        line-height: 18px;
    }

    .pro-li-desc a {
        font-size: 12px;
        line-height: 18px;
    }

    /* Product Details */
    .pro-det-content ul {
        grid-template-columns: repeat(1, 1fr);
        gap: 15px;
        margin: 15px 0 20px;
    }

    .pro-det-content .pro-kg {
        margin-top: 15px;
    }

    .pro-det-content .pro-kg h5 {
        font-size: 14px;
        line-height: 20px;
    }

    .pro-det-content .pro-kg-inner ul {
        gap: 8px;
        margin-top: 10px;
    }

    .pro-det-content .pro-kg-inner li {
        font-size: 12px;
        line-height: 18px;
        padding: 5px 12px;
    }

    .pro-det-badge {
        margin-bottom: 15px;
    }

    .pro-det-carousel+.f-thumbs {
        margin-top: 10px;
    }

    .pro-det-carousel+.f-thumbs .f-thumbs__viewport {
        gap: 10px;
    }

    /* contact Page */
    .cta-info-icon svg {
        max-width: 35px;
        max-height: 35px;
    }

    .cta-info-desc h3 {
        font-size: 14px;
        line-height: 20px;
        margin-bottom: 0;
    }

    .cta-info-desc a {
        font-size: 14px;
        line-height: 20px;
    }

    .cta-title h2 {
        font-size: 20px;
        line-height: 28px;
        margin-bottom: 15px;
    }

    .cta-title p {
        font-size: 14px;
        line-height: 22px;
    }

    .cta-form-main {
        padding: 20px;
    }

    .cta-details-desc ul li+li {
        margin-top: 20px;
    }

    .pro-navigation {
        left: -20px;
        right: -20px;
    }
}