@charset "utf-8";

/*common css start*/
a, .theme-btn, .theme-btn::after, .blog-title h6 { -o-transition: all 0.3s ease; transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; }
*:focus { outline: none; border: none; }
body { margin: 0px; padding: 0px; font-size: 24px; font-weight: 400; color: #333333; font-family: "Playfair Display", serif; line-height: 1.5; }
main { position: relative; z-index: 1; background-color: #fff; margin-bottom: 100vh; }
p { margin-bottom: 25px; }
.pmb0 p:last-child { margin-bottom: 0px; }
a { color: #C96148; cursor: pointer; text-decoration: none; outline: none; }
a:hover { color: #333; text-decoration: none; }
ul, li { list-style: none; margin: 0px; padding: 0px; }
img { border: 0; vertical-align: top; height: auto; max-width: 100%; }
.left-padding { padding-left: calc(((100% - 1170px) - 30px) / 2); }
.right-padding { padding-right: calc(((100% - 1170px) - 30px) / 2); }
.mob .row [class*="col-"]:first-child { margin-top: -50px; }

/*heading css*/
h1, h2, h3, h4, h5, h6, .th1, .th2, .th3, .th4, .th5, .th6 { color: #C96148; font-weight: 500; line-height: 1; margin: 0px; padding: 0px; font-family: "Playfair Display", serif; }
h1, h2, .th1, .th2 { font-size: 150px; letter-spacing: -4.5px; }
h3, .th3 { font-size: 100px; margin-bottom: 20px; letter-spacing: -2px; }
h4, .th4 { font-size: 70px; margin-bottom: 20px; letter-spacing: -1.4px; line-height: 1.14; }
h5, .th5 { font-size: 50px; margin-bottom: 20px; letter-spacing: -0.5px; line-height: 1.2; }
h6, .th6 { font-size: 24px; margin-bottom: 20px; line-height: 1.5; }

/*extra heading & text*/
.fs260 { font-size: 270px; line-height: 1.3; font-weight: 700; letter-spacing: 0px; }
.fs250 { font-size: 250px; line-height: 1; letter-spacing: -7.5px; font-weight: 500; }
.fs100 { font-size: 100px; line-height: 1.2; }
.fs80 { font-size: 80px; line-height: 1.2; }
.fs50 { font-size: 50px; line-height: 1.2; }
.fs36 { font-size: 36px; line-height: 1.3; }
.fs30, .fs30 * { font-size: 30px; line-height: 1.2; }
.fs24 { font-size: 24px; line-height: 1.2; }
.fs20 { font-size: 20px; letter-spacing: 0; line-height: 1.1; }

/*font-weight*/
.fw400 { font-weight: 400; }
.fw500 { font-weight: 500; }
.fw600 { font-weight: 600; }
.fw700 { font-weight: 700; }
.fw800 { font-weight: 800; }
.fw900 { font-weight: 900; }

/*colors*/
.textpink, .textpink p, .textpink a { color: #FFC6B8; }
.theme-bg { background-color: #C96148; }
.bgyellow { background-color: #FBBE84; }
.titlecolor { color: #282423 }
a:hover  .titlecolor { color: #C96148 }

/*button start*/
ins { text-decoration: none; }
button { border: none; }
button:focus { outline: none; }
.theme-btn { display: inline-flex; align-items: center; gap: 10px; color: #C96148; font-size: 20px; font-weight: 500; line-height: 1; text-decoration: none; }
.theme-btn::after { content: ''; width: 22px; height: 22px; display: inline-block; background: url('../images/btn-arrow-orange.svg') no-repeat; background-size: contain; transition: transform .8s cubic-bezier(0.23, 1, 0.32, 1); background-position: 0px 2px; }
.theme-btn:hover::after { transform: translateX(10px); }
.btn-text { position: relative; display: inline-block; padding-bottom: 10px; }
.btn-text::before { content: ""; position: absolute; left: 0; bottom: 0; width: 100%; height: 1px; background: #C96148; transform: scaleX(.5); transform-origin: left center; will-change: transform; backface-visibility: hidden; }
.theme-btn.line-expand .btn-text::before { transform: scaleX(1); transition: transform .6s cubic-bezier(0.23, 1, 0.32, 1); }
.theme-btn.line-collapse .btn-text::before { transform: scaleX(0); transform-origin: right center; transition: transform .48s cubic-bezier(0.23, 1, 0.32, 1); }
.theme-btn.line-reset .btn-text::before { transform: scaleX(.5); transform-origin: left center; transition: transform .4s cubic-bezier(0.23, 1, 0.32, 1); }
.theme-btn:hover { color: #C96148; }
.theme-btn.white { color: #fff; }
.theme-btn.white::after { background: url('../images/btn-arrow-white.svg') no-repeat; }
.theme-btn.white .btn-text::before { background: #fff; }
.theme-btn.black { color: #282423; }
.theme-btn.black::after { background: url('../images/btn-arrow-black.svg') no-repeat; }
.theme-btn.black .btn-text::before { background: #282423; }

/*bullet*/
.bullet li:before { content: ""; position: absolute; top: 10px; left: 0px; height: 8px; width: 8px; background: #8e7cce; border-radius: 30px; }
.bullet li { position: relative; padding-left: 20px; margin-bottom: 10px; font-weight: 300; }

/*margin-top*/
.mt-10 { margin-top: 10px; }
.mt-15 { margin-top: 15px; }
.mt-30 { margin-top: 30px; }
.mt-50 { margin-top: 50px; }
.mt-100 { margin-top: 100px; }

/*margin-bottom*/
.mb-0 { margin-bottom: 0px; }
.mb-10 { margin-bottom: 10px; }
.mb-15 { margin-bottom: 15px; }
.mb-20 { margin-bottom: 20px; }
.mb-25 { margin-bottom: 25px; }
.mb-30 { margin-bottom: 30px; }
.mb-40 { margin-bottom: 40px; }
.mb-50 { margin-bottom: 50px; }
.mb-60 { margin-bottom: 60px; }
.mb-70 { margin-bottom: 70px; }
.mb-80 { margin-bottom: 80px; }
.mb-90 { margin-bottom: 90px; }
.mb-100 { margin-bottom: 100px; }
.mb-200 { margin-bottom: 200px; }
.mb-250 { margin-bottom: 250px; }
.mb-300 { margin-bottom: 300px; }

/*padding-top*/
.pt-10 { padding-top: 10px; }
.pt-15 { padding-top: 15px; }
.pt-30 { padding-top: 30px; }
.pt-50 { padding-top: 50px; }
.pt-100 { padding-top: 100px; }
.pt-150 { padding-top: 150px; }
.pt-250 { padding-top: 250px; }
.pt-300 { padding-top: 300px; }

/*padding-bottom*/
.pb-10 { padding-bottom: 10px; }
.pb-15 { padding-bottom: 15px; }
.pb-20 { padding-bottom: 20px; }
.pb-25 { padding-bottom: 25px; }
.pb-30 { padding-bottom: 30px; }
.pb-40 { padding-bottom: 40px; }
.pb-50 { padding-bottom: 50px; }
.pb-70 { padding-bottom: 70px; }
.pb-80 { padding-bottom: 80px; }
.pb-90 { padding-bottom: 90px; }
.pb-100 { padding-bottom: 100px; }
.pb-150 { padding-bottom: 150px; }
.pb-300 { padding-bottom: 300px; }
.ptb-150 { padding-top: 150px; padding-bottom: 150px; }
.ptb-200 { padding-top: 200px; padding-bottom: 200px; }
.ptb-250 { padding-top: 250px; padding-bottom: 250px; }
.plr-100 { padding-left: 100px; padding-right: 100px; }
.pb-250 { padding-bottom: 250px; }

/*form start*/
input[type="submit"], input[type="button"], button[type="submit"], button[type="button"] { outline: none; }
label { display: inline-block; max-width: 100%; }
textarea { resize: none; height: 110px; border-radius: 20px; }
.form-control { font-family: "Playfair Display", serif; display: block; width: 100%; height: auto; padding: 0px 0px 15px; font-size: 20px; line-height: 1; color: #555; border: none; border-bottom: 1px solid #888888; box-shadow: none; background-color: transparent; border-radius: 0px; font-weight: 400; }
.form-control:focus, .input-text:focus { color: #333; border-bottom-color: #555555; background-color: transparent; outline: 0; box-shadow: none; }
.form-control::-webkit-input-placeholder { color: #777777; font-weight: 400; }
.form-control::-moz-placeholder { color: #777777; opacity: 1; font-weight: 400; }
.form-control::-ms-input-placeholder { color: #777777; font-weight: 400; }
.form-control:focus::-webkit-input-placeholder { color: #333; font-weight: 400; }
.form-control:focus::-moz-placeholder { color: #333; opacity: 1; font-weight: 400; }
.form-control:focus::-ms-input-placeholder { color: #333; font-weight: 400; }
textarea.form-control, textarea { height: 100px; }
input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-results-button, input[type="search"]::-webkit-search-results-decoration { -webkit-appearance: none; }
input[type=number]::-webkit-outer-spin-button, input[type=number]::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; }
input[type=number] { appearance: none; -moz-appearance: textfield; -webkit-appearance: none; }
input[type="date"]::-webkit-inner-spin-button { display: none; }
input[type="date"]::-webkit-calendar-picker-indicator { color: rgba(0, 0, 0, 0); opacity: 1; background-image: none; background: transparent; }
input[type="radio"], input[type="checkbox"] { cursor: pointer; }
.form-group { margin-bottom: 20px; z-index: 1; }
.form-check-input[type=checkbox] { border-radius: 0px; }
.form-check-input { margin-top: 8px; border-radius: 0px; border-color: #000; }
.form-check-input:focus { border-color: #000; box-shadow: none; }
.form-check-input:checked:focus { border-color: #0d6efd; }
.wpcf7-spinner { position: absolute; margin-top: 15px; }
.wpcf7 form.sent .wpcf7-response-output { line-height: 24px; background: #dff0d8; border: 1px solid #c3e6cb; margin: 20px 0 0; padding: 7px 12px; color: #155724; position: relative; z-index: 1; border-radius: 5px; font-size: 16px; }
.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output { line-height: 24px; background: #f8d7da; border: 1px solid #f5c6cb; margin: 20px 0 0; padding: 7px 15px; color: #721c24; position: relative; z-index: 1; border-radius: 5px; font-size: 16px; }
span.wpcf7-not-valid-tip { color: #ed1c24; position: relative; text-align: left; font-size: 14px; }

/*vc plugin css start*/
.vc_row { margin: 0px !important }
.vc_column_container > .vc_column-inner { padding: 0px !important }

/*img-scale*/
.img-scale { overflow: hidden; }
.img-scale img { transition: all 0.3s ease; transform: scale(1); }
.img-scale:hover img { transition: all 0.3s ease; transform: scale(1.1); }

/*common css End*/

/*header-css-start*/
.mainheader { width: 100%; position: fixed; top: 0; z-index: 20; background-color: #C96148; }
header .logo a { display: inline-block; }
.mainheader .logo img { transition: all 0.5s ease; width: 165px; }
header.mainheader.sticky .logo img { width: 90px; }
button.navbartoggle { padding: 0px; background: transparent; }
.navmenu > ul { margin: 0; padding: 0; display: flex; justify-content: center; flex-wrap: wrap; }
.navmenu > ul > li { position: relative; list-style: none; margin: 0 25px; transition: all 0.3s ease; }
.navmenu > ul > li > a { color: #fff; display: block; font-size: 20px; font-style: normal; font-weight: 500; text-transform: capitalize; padding: 5px 0; }
.navmenu > ul > li > a:hover, .navmenu > ul > li.current-menu-item > a, .navmenu > ul > li:hover > a, .navmenu > ul > li > ul > li:hover > a { color: #FBBE84; }
.submenu-toggle { text-align: center; overflow: hidden; padding: 8px; vertical-align: top; line-height: 0; cursor: pointer; position: absolute; right: 0; top: 0; }
.navmenu > ul > li ul { display: none; }
.navmenu > ul > li > ul > li > a { font-size: 16px; color: #222222; }
.navmenu > ul > li:last-child { margin-right: 0; }
.closeBtn { line-height: 1; z-index: 5; position: absolute; top: 20px; right: 20px; width: 20px; height: 20px; border: none; background-color: transparent; padding: 0; transform: rotate(45deg); display: inline-flex; align-items: center; justify-content: center; }
.closeBtn::after { background-color: #fff; width: 100%; height: 2px; content: ''; display: inline-block; vertical-align: middle; transition: all 1.5s cubic-bezier(0.075, 0.82, 0.165, 1); }
.closeBtn::before { background-color: #fff; height: 100%; width: 2px; position: absolute; top: 0; content: ''; transition: all 1.5s cubic-bezier(0.075, 0.82, 0.165, 1); }
.closeBtn:hover::after, .closeBtn:hover::before { background-color: #fff; }
.navmenu > ul > li > a { position: relative; }
.navmenu > ul > li > a::after { content: ""; position: absolute; background: #FBBE84; height: 1px; width: 100%; left: 0; bottom: 0; transform: scaleX(0); transform-origin: left; transition: transform 0.3s ease; }
.navmenu > ul > li > a:hover::after { transform: scaleX(1); }
.mainheader.innerheader { background: #fff; }
header.mainheader.sticky { background: #fff; }
header.mainheader.sticky .navmenu > ul > li > a::after { background-color: #C96148; }
header.mainheader.sticky .navmenu > ul > li.menu-item-has-children > a::before, header.innerheader .navmenu > ul > li.menu-item-has-children > a::before { background: url(../images/menu-arrow-normal-black.svg) no-repeat center; }
header.innerheader .navmenu > ul > li.menu-item-has-children > a:hover::before, header.mainheader.sticky .navmenu > ul > li.menu-item-has-children > a:hover::before { background: url(../images/menu-arrow-normal-orange.svg) no-repeat center; }
header.mainheader.sticky .navmenu > ul > li > a, .mainheader.innerheader .navmenu > ul > li > a { color: #333333; }
header.mainheader.sticky .navmenu > ul > li > a::after, .mainheader.innerheader .navmenu > ul > li > a::after { background-color: #C96148; }
.orangelogo { opacity: 0; }
.orangelogo { position: absolute; top: 0px; left: 0px; opacity: 0; }
.mainheader.sticky .whitelogo, .mainheader.innerheader .whitelogo { opacity: 0; }
.mainheader.sticky .orangelogo, .mainheader.innerheader .orangelogo { opacity: 1; }
header .logo a { display: inline-block; position: relative; }

/*.mainheader.innerheader .navmenu > ul > li > a { color: #333; }
.mainheader.innerheader .navmenu > ul > li > a:hover, .mainheader.innerheader .navmenu > ul > li.current-menu-item > a, .mainheader.innerheader .navmenu > ul > li:hover > a, .mainheader.innerheader .navmenu > ul > li > ul > li:hover > a { color: #C96148; }
.mainheader.innerheader .navmenu > ul > li > a::after { background-color: #C96148; }
.mainheader.innerheader .navmenu > ul > li.menu-item-has-children > a::before { background: url(../images/menu-arrow-normal-black.svg) no-repeat center; }*/
@media only screen and (min-width:1200px) {
	.navmenu > ul > li:hover > ul, .navmenu > ul > li > ul li:hover > ul { display: inline-block; }
	.navmenu > ul > li ul { position: absolute; top: 90%; min-width: 250px; background-color: #fff; margin-left: 0; display: none; box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2); }
	.navmenu > ul > li > ul li { position: relative; line-height: 1.1; padding: 0 15px; }
	.navmenu > ul > li > ul li a { position: relative; line-height: 1.1; padding: 10px 0; display: block; border-bottom: 1px solid #DDDDDD; color: #333; }
	.navmenu > ul > li ul li ul { top: 0; left: 100%; z-index: 1; }
	.navmenu > ul > li > ul li a:hover, .navmenu > ul > li ul li.current-menu-item > a { color: #F26529; }
	.navmenu > ul > li.menu-item-has-children > a { position: relative; padding-right: 18px; }
	.navmenu > ul > li.menu-item-has-children > a::before { content: ''; background: url(../images/menu-arrow-normal.svg) no-repeat center; width: 10px; height: 6px; position: absolute; top: calc(50% + 2px); right: 0; transform: translateY(-50%); }
	.navmenu > ul > li.menu-item-has-children > a:hover::before, .navmenu > ul > li.current-menu-item.menu-item-has-children > a::before, .navmenu > ul > li:hover > a:before { background: url(../images/menu-arrow-active.svg) no-repeat center; }
	.navmenu > ul > li > ul li:last-child a { border-bottom: navajowhite; }
	header.mainheader.sticky .navmenu > ul > li > a:hover, header.mainheader.sticky .navmenu > ul > li.current-menu-item > a, header.mainheader.sticky
	.navmenu > ul > li:hover > a, header.mainheader.sticky .navmenu > ul > li > ul > li:hover > a, .mainheader.innerheader .navmenu > ul > li > a:hover { color: #C96148; }
}
@media only screen and (max-width:1199px) {
	.submenu-arrow-icon { display: inline-block; vertical-align: top; position: relative; width: 13px; height: 10px; }
	.submenu-arrow-icon::before { content: ''; width: 13px; height: 10px; display: inline-block; transition: all 0.2s ease; vertical-align: top; position: absolute; background: url(../images/menu-arrow-mobile.svg) no-repeat; background-position: left center; left: 0; background-size: 13px; }
	.submenu-arrow-up::before { transform: rotate(180deg); }
	.navbartoggle, .closeBtn { display: inline-flex; line-height: 1; }
	.black-overlay { z-index: 50; background-color: rgba(0, 0, 0, 0.5); content: ''; position: fixed; right: 0; height: 100%; width: 100%; top: 0; display: none; }
	.navmenu { overflow: auto; border-radius: 0px; z-index: 50; position: fixed; overflow: auto; height: 100%; width: 400px; background: #C96148; right: -100%; top: 0px; -webkit-transition: right 0.9s; -o-transition: right 0.9s; transition: right 0.9s; flex-wrap: wrap; align-items: flex-start; flex-direction: column; }
	.navmenu.slide { right: 0px; }
	.navicon { width: 22px; display: inline-block; vertical-align: middle; line-height: 1; position: relative; }
	.icnline { background-color: #fff; width: 100%; height: 2px; line-height: 1; display: block; margin: 8px 0; }
	.navicon::before, .navicon::after { content: ''; position: absolute; background-color: #fff; width: 100%; height: 2px; left: 0; }
	.navicon::before { top: 0; }
	.navicon::after { bottom: 0; }
	.navmenu > ul { padding: 80px 15px 0 30px; margin-right: 0; display: inline-block; vertical-align: top; width: 100%; }
	.navmenu > ul > li { margin: 0 0 30px; }
	.navmenu > ul > li a { font-size: 24px; color: #fff; padding: 0; }
	.navmenu > ul li ul { position: relative; margin-left: 0; background-color: transparent; padding: 15px 0 0 30px; box-shadow: none; }
	.navmenu > ul > li ul li a { font-size: 22px; color: #ffffff; }
	.navmenu > ul li ul li ul { padding: 20px 0 20px 20px; }
	.navmenu > ul li ul li ul li { position: relative; }
	.navmenu > ul li ul li { position: relative; margin: 8px 0; }
	.navmenu > ul > li:last-child, .navmenu > ul li ul li:last-child { margin-bottom: 0; }
	.navmenu > ul li ul li:first-child { margin-top: 0; }
	header .logo { max-width: 150px; }
	header.mainheader.sticky .navicon::before, header.mainheader.sticky .navicon::after, header.mainheader.sticky .icnline, .innerheader .icnline, header.mainheader.innerheader .navicon::before, header.mainheader.innerheader .navicon::after { background-color: #C96148; }
	.mainheader .logo img { width: 110px; }
	.fs36 { font-size: 24px; }
	p { margin-bottom: 15px; }
	.pb-150 { padding-bottom: 100px; }
	.navmenu > ul > li > a::after { display: none; }
}

/*header-css-end*/
footer { position: fixed; bottom: 0; width: 100%; }
footer a:hover { color: #fff; }
.footermenu li + li { margin-top: 30px; }
.footermenu a:hover { color: #fff; }
.socialicon { display: flex; flex-wrap: wrap; }
.socialicon a { width: 50px; height: 50px; border: 1px solid #FFBDAD; display: flex; align-items: center; justify-content: center; margin-right: 20px; }
.socialicon svg { fill: #ffffff; height: 22px; width: 22px; }
.socialicon a:hover { background-color: #fff; }
.socialicon a:hover svg { fill: #C96148; }
.footer-bottom { margin-top: -70px; align-items: flex-end; }
.footercontact p span { display: inline-block; padding-right: 5px; color: #fff; }
.footercontact p { margin-bottom: 10px; }
.blog-img > img { object-fit: cover; min-height: 360px; }
.bigblog .blog-img > img { object-fit: cover; min-height: 744px; }
.hm-bloglist { margin-top: -100px; }
.hm-blog-top-right { margin-top: 110px; }
.blog-icon { height: 50px; width: 50px; background-color: #fff; display: flex; align-items: center; justify-content: center; position: absolute; bottom: 30px; right: 30px; opacity: 0; visibility: hidden; transition: all .20s ease; }
.blog-item a:hover .blog-icon { opacity: 1; visibility: visible; transform: translateY(0) translateX(0); transition-delay: .20s; }
.leftclipmask { overflow: hidden; clip-path: inset(0 100% 0 0); }
.rightclipmask { overflow: hidden; clip-path: inset(0 0 0 100%); }
.leftclipmask > img, .rightclipmask > img, .centerclipmask > img { transform: scale(1.05); transform-origin: left; }
.hm-work-out { display: flex; align-items: center; flex-wrap: wrap; position: relative; height: 100vh; }
.hm-work-left { width: 100%; height: 100%; }
.hm-work-left img { width: 100%; height: 100%; object-fit: cover; }
.hm-work-content { margin-left: 360px; }
.hm-work-sticky { position: sticky; top: 0; width: 100%; }
.hm-work-height { height: 200vh; }
.hm-work-overlay { position: absolute; top: 0; right: 0; width: 0; height: 100%; background: #ffffff; z-index: 2; }
.clinetindustries { padding: 200px 0px 100px; }
.hm-work-right { position: absolute; right: 100px; width: 45%; z-index: 3; }
.hm-work-left { overflow: hidden; }
.hm-work-left img { width: 100%; display: block; }
.clientitems { padding: 0px 20px; text-align: center; width: 20%; position: relative; margin-bottom: 100px; }
.clients-logo { transform-style: preserve-3d; transition-property: transform; transition-duration: 0.8s; transition-timing-function: ease; position: relative; }
.logo-back { backface-visibility: hidden; background-color: #FBBE84; transform-style: preserve-3d; justify-content: center; align-items: center; display: flex; position: absolute; inset: 0%; transform: rotateY(180deg); }
.logo-front { backface-visibility: hidden; justify-content: center; align-items: center; display: flex; background-color: #FBBE84; }
.clientitems.active .clients-logo { transform: rotateY(180deg); }
.hm-value-bottom { display: flex; flex-wrap: wrap; padding: 0px 88px; align-items: center; }
.hvb-left { width: 36%; padding: 0px 12px; }
.hvb-right { width: 64%; padding: 0px 12px; }
.hm-value-bottom img { width: 100%; }
.parallax-img img { display: block; width: 100%; height: 100%; object-fit: cover; transform: translateY(0); will-change: transform; transition: opacity .4s ease; }
.parallax-img { position: relative; overflow: hidden; width: 100%; display: block; will-change: transform; }
.hm-value-bottom { margin-top: -75px; }
.hm-value-top { position: relative; z-index: 2; }
.hm-portfolio-img a { position: relative; display: block; }
.round-arrow { position: absolute; top: 50%; left: 50%; width: 70px; height: 70px; transform: translate(-50%, -50%); display: flex; align-items: center; justify-content: center; pointer-events: none; }
.round-arrow::before { content: ""; position: absolute; inset: 0; background: #fff; border-radius: 50%; transform: scale(0); transition: transform 0.35s ease; }
.round-arrow img { position: relative; z-index: 1; opacity: 0; transform: translateX(-10px); transition: all 0.25s ease; }
.hpi-wrap { margin-bottom: 50px; }

/* Hover */
.hm-portfolio-img a:hover .round-arrow::before { transform: scale(1); }
.hm-portfolio-img a:hover .round-arrow img { opacity: 1; transform: translateX(0); transition-delay: 0.3s; }
.hm-portfolio-item { margin: 0px 25px; flex: 0 0 600px; }
.hm-portfolio-item:nth-child(even) { margin-top: 50px; }
.hm-portfolio-bottom { overflow: hidden; }
.marqueetrack { display: flex; width: max-content; will-change: transform; }
.marqueetrackstop { display: flex; width: max-content; will-change: transform; }
.hm-protocols-img { margin-bottom: 80px; }
.productstick { display: flex; flex-wrap: wrap; align-items: flex-start; }

/*.productstick .hpi-wrap { position: sticky; top: 100px; min-height: 100%; transition: all 0.3s; }
.productstick .hpi-wrap:nth-child(4n + 2) { margin-top: 200px; }
.productstick .hpi-wrap:nth-child(4n + 3) { margin-top: 400px; }
.productstick .hpi-wrap:nth-child(4n + 4) { margin-top: 600px; }*/
.hm-protocols-item { position: relative; overflow: hidden; padding: 30px; z-index: 1; min-height: 100%; }
.hm-protocols-item::before { content: ""; position: absolute; inset: 0; background: #FBBE84; transform: scaleY(0); transform-origin: bottom; transition: transform 0.5s cubic-bezier(0.22, 1, 0.36, 1); z-index: -1; }
.hm-protocols-item:hover::before { transform: scaleY(1); }
.expertise-item { position: relative; }
.expertise-head { display: flex; align-items: center; gap: 15px; cursor: pointer; padding: 0px 0px 30px; }
.expertise-item.active .title, .expertise-item.active span.number { color: #C96148; }
.exp-content-wrap { height: 0; overflow: hidden; transition: height .6s cubic-bezier(.23, 1, .32, 1); }
.progress { height: 1px; background: #ddd; margin-bottom: 20px; overflow: hidden; }
.progress span { display: block; width: 0%; height: 100%; background: #C96148; }
.expertise-section .expertise-item.active .progress span { animation: progressFill 5s linear forwards; }
.expertise-section .exp-right-image { position: relative; overflow: hidden; }
.expertise-section .exp-right-image .img { position: absolute; inset: 0; width: 100%; object-fit: cover; }
.expertise-section .exp-right, .expertise-section .exp-right-image .img, .expertise-section .exp-right-image { height: 717px; }
.expertise-section .exp-left-side { flex-direction: column; display: flex; justify-content: end; }
.expertise-section .current { z-index: 1 }
.expertise-section .next { z-index: 2; transform: translateX(-100%); }
.expertise-section .exp-right-image.animating .next { animation: imageIn 1.2s cubic-bezier(.77, 0, .18, 1) forwards; }
.expertise-section .exp-right-image.animating .current { animation: imageOut 1.2s cubic-bezier(.77, 0, .18, 1) forwards; }
.expertise-section .exp-right-image { margin-right: -196px; }
.expertise-section .expertise-head h5 { color: #2A2A2A; }
.expertise-section span.number { font-size: 20px; color: #4E4E4E; font-weight: 500; line-height: 1; letter-spacing: -0.6px; }
.expertise-section  .expertise-right-btn { margin-top: 50px; }
@keyframes progressFill {
	from { width: 0%; }
	to { width: 100%; }
}
@keyframes imageIn {
	from { transform: translateX(-100%) }
	to { transform: translateX(0) }
}
@keyframes imageOut {
	from { transform: translateX(0) }
	to { transform: translateX(100%) }
}
.hm-legacy { vertical-align: bottom; }
.hm-legacy-top { display: flex; flex-wrap: wrap; align-items: flex-start; justify-content: space-around; }
.hm-legacy-left { width: 70%; }
.hm-legacy-right { width: 30%; position: sticky; top: 100px; }
.hm-legacy h2 strong { background: linear-gradient(90deg, #CE1126 30%, #000 50%, #007A3D 69.71%); background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent; }
.hmc-counter { text-align: center; padding: 0px 80px; position: relative; }
.hmc-counter:after { content: ""; position: absolute; top: 50%; right: 0%; transform: translateY(-50%); background: #C29266; width: 1px; height: 45%; }
.hmc-number { transform-origin: left; will-change: transform; }
.hmc-number  sup { top: -100px; font-size: 70%; }
sup { top: -8px; font-size: 70%; }
span.text2 { margin-top: -150px; }
.home .mainheader { top: -20px; opacity: 0; }
.hm-banner-bottom { padding-top: 250px; overflow: hidden; }
.hm-banner-top { display: flex; padding-top: 200px; flex-wrap: wrap; height: 100vh; align-items: center; overflow: hidden; }
.toptitle { opacity: 0; transform: translateX(150px); }
.text1, .text2 { display: block; }
.word { overflow: hidden; display: inline-block; }
.char { display: inline-block; transform: translateY(250px); opacity: 0; }
span.text2 { margin-top: -150px; }
.hm-bb-outer { display: flex; flex-wrap: wrap; }
.hm-bbo-left { width: 54%; display: flex; flex-wrap: wrap; position: relative; justify-content: end; }
.hm-bbo-right { width: 46%; padding-left: 120px; }
.bannerimgbox.bannerimg1 { width: 40%; position: absolute; left: 0; bottom: 20%; z-index: 1; }
.bannerimgbox.bannerimg2 { width: 70%; text-align: right; }
.bannerimgbox.bannerimg4 { width: 50%; }
.hm-bbo-right { padding-top: 100px; padding-left: 80px; }
.hm-bbo-right-content { padding: 0px 120px 200px 0px; }
.hm-bbo-right-in { display: flex; flex-wrap: wrap; position: relative; }
.bannerimg3 { width: 69%; }
.bannerimg4 { position: absolute !important; right: 0px; top: -100px; z-index: 1; }
.BannerShow { transform: translateY(100px) scale(0); opacity: 0; will-change: transform; }
.hm-bbo-right-content { transform: translateX(50px); opacity: 0; }
.hm-banner-wrapper { position: relative; height: 320vh; width: 100%; }
.hm-banner-sticky { position: sticky; top: 0; height: 150vh; width: 100%; overflow: hidden; }
.footermenu ul li a { position: relative; }
.footermenu ul li a:after { position: absolute; bottom: 10px; height: 1px; width: 0%; background-color: #fff; content: ""; left: 0px; bottom: 0px; transition: all 0.3s ease; }
.footermenu ul li a:hover:after { width: 100%; }
.imgzoom { overflow: hidden; }
.imgzoom .imgtag { transition: transform 0.6s ease; }
.imgzoom:hover .imgtag { transform: scale(1.2) !important; }
.staticpage { padding: 280px 0px 200px; }
.hm-work-out { overflow: hidden; }
.expertise-item-img-mob { display: none; padding-bottom: 30px; }
.exp-content-wrap .content { padding-left: 40px; }
.hpi-wrap { border-left: 1px solid #ddd; }