/* 
    font-family: "PT Sans", sans-serif;
    font-family: "Solway", serif;
     font-family: "Kalam", cursive;
*/
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
}
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 {
    font-size: 20px;
    line-height: normal;
    font-family: "PT Sans", sans-serif;
    font-weight: 400;
    color: #717170;
    overflow-x: hidden;
}
p{
    margin-bottom: 30px;
}
a{
    color: #F08519;
    -webkit-transition: .5s all ease;
    -ms-transition: .5s all ease;
    transition: .5s all ease;
}
a:hover,a:focus,a:active{
    color: #F08519;
}
img {
	max-width: 100%;
}
.mt-120{
    margin: 120px 0px 0px;
}
.mtb-120{
    margin: 120px 0px;
}
.mb-120{
    margin-bottom: 120px;
}
.mt-50{
    margin-top: 50px;
}
.pt-120{
    padding: 120px 0px 0px;
}
.ptb-120{
    padding: 120px 0px;
}
.pb-120{
    padding: 0px 0px 120px 0px;
}
header{
    padding: 0px 0;
    position: fixed;
    border-bottom: 1px solid rgba(174,174,174,0.3);
    top: 0;
    left: 0;
    right: 0;
    background: #FDF5E9;
    z-index: 9999; 
    -webkit-transition: .5s all ease;
    -ms-transition: .5s all ease;
    transition: .5s all ease;
}
header.sticky {
    padding: 0px 0;
    background: #FDF5E9;
    box-shadow: 0px -5px 20px rgb(0 0 0 / 20%);
}
header .menu-item + .menu-item{
    margin-left: 35px;
}
header .menu-item a {
	color: rgba(51,51,51,0.9);
	font-size: 17px;
	font-style: normal;
	display: block;
	max-width: fit-content;
    font-family: "PT Sans", sans-serif;
	position: relative;
	font-weight: 400;
	padding: 45px 0px;
	line-height: 26px;
}
header .menu-item.menu-item-has-children a{
    padding-right: 16px;
}
header.sticky .menu-item a{
    padding: 35px 0px;
}
header .navbar-brand{
    max-width: 180px;
}
header .navbar, header .navbar-brand {
    padding: 0;
    margin: 0;
}
.sub-menu, .mega-menu {
	position: absolute;
	top: 100%;
	margin: auto;
	min-width: 235px;
	background: #FDFBF8;
	padding: 20px 20px;
	border-radius: 8px;
	box-shadow: 10px 20px 20px rgba(0,0,0,.1);
	border: 0px solid rgba(28,132,144,.12);
}
header .navbar-nav > li.menu-item-has-children ul.mega-menu, header .navbar-nav > li.menu-item-has-children .sub-menu {
	-ms-transition: .5s ease-out;
	-webkit-transition: .5s ease-out;
	transition: all .5s ease-out;
	-ms-transform: rotateX(90deg);
	-webkit-transform: rotateX(90deg);
	transform: rotateX(90deg);
	-ms-transform-origin: top;
	-webkit-transform-origin: top;
	transform-origin: top;
	opacity: 0;
	display: block;
	z-index: 100;
}
header .navbar-nav .menu-item-has-children:hover ul.mega-menu, header .navbar-nav .menu-item-has-children:hover .sub-menu {
	display: block;
	opacity: 1;
	-ms-transform: rotateX(0);
	-webkit-transform: rotateX(0);
	transform: rotateX(0);
	-ms-transform-origin: top;
	-webkit-transform-origin: top;
	transform-origin: top;
}
header.sticky .menu-item.menu-item-has-children a {
    padding-right: 16px;
}
header .navbar-nav .menu-item-has-children > a::after {
	content: '';
	position: absolute;
	border-style: solid;
	border-color: #333;
	border-width: 0 2px 2px 0;
	transform: rotate(45deg);
	right: 0px;
	width: 7px;
	height: 7px;
	top: 47%;
    transition: all 0.5s;
}
header .menu-item.current-menu-item > a::after,header .menu-item:hover > a::after, header .menu-item a:focus::after{
    border-color: #F08519;
}
header .navbar-nav .menu-item-has-children > a:hover::after, header .navbar-nav .menu-item-has-children:hover > a::after {
	transform: rotate(-135deg);
    top: 50%;
}
header .navbar .container{
    position: relative;
}
header .menu-item-has-children .menu-item a{
    padding: 0;
}
header .menu-item-has-children .menu-item + .menu-item{
    margin-left: 0;
    margin-top: 5px;
}
.btn{
    box-shadow: 0 0 0 !important;
}
.btn{
    box-shadow: 0 0 0 !important;
}
.btn svg{
    animation: none;
}
.btn.arrow-btn:focus, .btn.arrow-btn:focus-visible, .btn.arrow-btn:active, .btn.arrow-btn:visited, .btn.arrow-btn:target{
    border: 0;
}
.btn-primary, .btn-white{
	font-size: 18px;
	line-height: 27px;
	color: #fff;
	padding: 10px 24px;
	background: #5B2A86;
	border: 1px solid #5B2A86;
    outline: none;
	border-radius: 70px;
	font-weight: 700;
    display: flex;
    align-items: center;
    gap: 10px;
    max-width: fit-content;
    transition: all 0.5s;
    text-transform: uppercase;
}
.btn-white{
    background: #fff;
    color: #F08519;
    border-color: #fff;
}
.btn-white:hover{
    background: #5B2A86;
    color: #fff;
    border-color: #5B2A86;
}
.btn-white svg path{
    fill: #F08519;
    transition: all 0.5s;
}
.btn-white:hover svg path{
    fill: #fff;
}
.btn-primary:hover {
    background: #F08519; 
    color: #fff;
    border-color: #F08519;
}
header .menu-item.current-menu-item > a, header .menu-item:hover > a, header .menu-item > a:focus{
    color: #F08519;
}
header .menu-item.current-menu-item.menu-item-type-custom > a{
    color: rgba(51,51,51,0.9);
}
/* header .navbar-nav > li:last-child a {
	padding: 10px 22px;
	font-size: 16px;
	border-radius: 70px;
    color: #fff;
	border: 1px solid #5B2A86;
	background: #5B2A86;
	font-weight: 700;
    text-transform: uppercase;
}
header .navbar-nav > li:last-child a:hover, header .navbar-nav > li:last-child a:focus{
    background: #F08519;
    border-color: #F08519;
    color: #fff;
} */
.title h2{
    padding-left: 70px;
    font-size: 18px;
    line-height: 27px;
    font-weight: 700;
    color: #5B2A86;
    position: relative;
    z-index: 1;
    margin-bottom: 16px;
}
.title h2::before, .title.text-center h2::after{
    content: '';
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 60px;
    height: 6px;
    left: 0;
    background-image: url("data:image/svg+xml,%3Csvg width='63' height='6' viewBox='0 0 63 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M62.8868 3L60 0.113249L57.1132 3L60 5.88675L62.8868 3ZM0 3.5H60V2.5H0V3.5Z' fill='url(%23paint0_linear_544_511)'/%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear_544_511' x1='0' y1='3.5' x2='60' y2='3.5' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%235B2A86' stop-opacity='0'/%3E%3Cstop offset='1' stop-color='%235B2A86'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E%0A");
    background-size: 100% 100%;
    background-repeat: no-repeat;
}
.home-banner{
    margin-top: 117px;
    padding: 150px 0px;
    background: #FDF5E9;
    position: relative;
    z-index: 1;
}
.title h3, .inner-title h2{
    font-size: 44px;
    line-height: 54px;
    font-weight: 700;
    color: #333333;
    font-family: "Solway", serif;
    margin-bottom: 18px;
}
.title h3 b, .title h3 strong, .inner-title h2 b, .inner-title h2 strong{
    color: #F08519;
}
.hab-img img, .indusinfo-img img{
    width: 100%;
    border-radius: 20px;
}
.title.text-center h2{
    padding-right: 70px;
    max-width: fit-content;
    margin-left: auto;
    margin-right: auto;
}
.title.text-center h2::after{
    left: auto;
    right: 0;
    background-image: url("data:image/svg+xml,%3Csvg width='64' height='6' viewBox='0 0 64 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.613247 3L3.5 0.113249L6.38675 3L3.5 5.88675L0.613247 3ZM63.5 3.5H3.5V2.5H63.5V3.5Z' fill='url(%23paint0_linear_544_1461)'/%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear_544_1461' x1='63.5' y1='3.5' x2='3.5' y2='3.5' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%235B2A86' stop-opacity='0'/%3E%3Cstop offset='1' stop-color='%235B2A86'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-size: 100% 100%;
}
.hb-desc h1{
    font-size: 56px;
    line-height: 66px;
    font-weight: 700;
    color: #333333;
    font-family: "Solway", serif;
    margin-bottom: 18px;
}
.hb-desc h1 b, .hb-desc h1 strong{
    color: #F08519;
}
.hb-desc p{
    margin-bottom: 50px;
}
.hb-desc{
    max-width: 75%;
}
.hb-img img{
    width: 100%;
}
.hb-img{
    position: absolute;
    bottom: 0;
    right: 0;
    max-width: 50%;
}
.btns{
    gap: 20px;
}
.happroach-img img{
    width: 100%;
    border-radius: 20px;
}
.happroach-desc .accordion-item {
	background: #5B2A86;
    border-radius: 14px;
    border: 0;
    outline: 0;
    box-shadow: 0 0 0 !important;
}
.happroach-desc .accordion-item + .accordion-item{
    margin-top: 20px;
}
.happroach-desc .accordion-button {
	background: #FBFBFB;
	border: 1px solid #E7E7E7;
    padding: 20px 24px;
    border-radius: 10px;
    box-shadow: 0 0 0 !important;
    outline: 0 !important;
    color: #333;
    font-family: "PT Sans", sans-serif;
    font-size: 22px;
    line-height: 32px;
    font-weight: 700;
    position: relative;
    z-index: 1;
    margin: 0;
}
.happroach-desc h4.accordion-header{
    font-family: "PT Sans", sans-serif;
    font-size: 22px;
    line-height: 32px;
    font-weight: 700;
    color: #fff;
    margin: 0;
}
.happroach-desc .accordion-button:not(.collapsed){
    background: transparent;
    border-color: transparent;
    color: #fff;
    box-shadow: 0 0 0 !important;
}
.happroach-desc .accordion-body p{
    font-size: 18px;
    line-height: 26px;
    font-weight: 400;
    color: #fff;
    margin-bottom: 16px;
}
.happroach-desc .accordion-body p:last-child, .hcmsolbott-desc p:last-child, .indfusinerde-box p:last-child{
    margin-bottom: 0;
}
.happroach-desc .accordion-body ul li{
    padding-left: 35px;
    font-size: 18px;
    line-height: 26px;
    font-weight: 400;
    color: #fff;
    position: relative;
    z-index: 1;
}
.happroach-desc .accordion-body ul li + li{
    margin-top: 10px;
}
.happroach-desc .accordion-body {
	padding: 0px 24px 24px;
}
.happroach-desc .accordion-body ul li::before{
    content: '';
    position: absolute;
    top: 2px;
    left: 0;
    width: 20px;
    height: 20px;
    background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='9.99988' cy='10' r='10' fill='white'/%3E%3Cg clip-path='url(%23clip0_1047_9459)'%3E%3Cpath d='M7.99987 12.8001L5.19987 10.0001L4.26654 10.9334L7.99987 14.6667L15.9999 6.66673L15.0665 5.7334L7.99987 12.8001Z' fill='%235B2A86'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_1047_9459'%3E%3Crect width='16' height='16' fill='white' transform='translate(1.99988 2)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
    background-size: 100% 100%;
    background-repeat: no-repeat;
    z-index: -1;
}
.happroach-desc .accordion-button::after{
    content: '';
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 18px;
    width: 15px;
    height: 9px;
    background-image: url("data:image/svg+xml,%3Csvg width='16' height='10' viewBox='0 0 16 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8 9.21875L0.5 1.71875L1.84375 0.375L8 6.5625L14.1562 0.40625L15.5 1.75L8 9.21875Z' fill='%232B2C33'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-size: 100% 100%;
    transition: all 0.5s;
    z-index: -1;
}
.happroach-desc .accordion-button:not(.collapsed)::after{
    background-image: url("data:image/svg+xml,%3Csvg width='16' height='10' viewBox='0 0 16 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8 0.781251L15.5 8.28125L14.1563 9.625L8 3.4375L1.84375 9.59375L0.5 8.25L8 0.781251Z' fill='white' fill-opacity='0.7'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-size: 100% 100%;
}
.happroach-desc .accordion{
    margin-top: 30px;
}
.hchall-box h4{
    font-size: 48px;
    line-height: 58px;
    font-weight: 700;
    color: #5B2A86;
    margin-bottom: 10px;
}
.hchallb-top p{
    font-size: 18px;
    line-height: 27px;
    font-weight: 400;
    color: #595959;
    margin-bottom: 24px;
}
.hchallb-bottom p{
    font-size: 21px;
    line-height: 30px;
    font-weight: 700;
    color: #333333;
    margin-bottom: 15px;
}
.hchallb-bottom{
    padding: 18px 10px 0px;
    border-top: 2px solid rgba(0,0,0,.1);
}
.hchall-box{
    padding: 24px;
    background: #fff;
    border-radius: 20px;
    width: 100%;
}
.bullet-point ul li {
	font-size: 17px;
	line-height: 23px;
	font-weight: 400;
	color: #717170;
	padding-left: 32px;
	position: relative;
	z-index: 1;
	font-family: "PT Sans", sans-serif;
}
.bullet-point ul li::before{
    content: '';
    position: absolute;
    top: 2px;
    left: 0;
    width: 20px;
    height: 20px;
    background-image: url("data:image/svg+xml,%3Csvg width='20' height='21' viewBox='0 0 20 21' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='10' cy='10.8279' r='10' fill='%23F08519'/%3E%3Cg clip-path='url(%23clip0_1047_9616)'%3E%3Cpath d='M8 13.6278L5.2 10.8278L4.26666 11.7612L8 15.4945L16 7.49449L15.0667 6.56116L8 13.6278Z' fill='white'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_1047_9616'%3E%3Crect width='16' height='16' fill='white' transform='translate(2 2.82788)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
    background-size: 100% 100%;
    background-repeat: no-repeat;
    z-index: -1;
}
.bullet-point ul li + li{
    margin-top: 12px;
}
.home-challenge .row + .row, .home-industri .row + .row{
    margin-top: 20px;
    row-gap: 30px;
}
.home-challenge .row + .row .col-lg-4, .home-industri .row + .row .col-lg-4, .home-blog .row + .row .col-lg-4, .servi-consult .row + .row .col-lg-4, .servi-philos .row + .row .col-lg-4, .indus-why .row + .row .col-lg-4, .indfusi-main .row .col-lg-3, .indfusi-main .row .col-lg-9, .blolist-main .row .col-lg-4{
    display: inherit;
}
.home-challenge, .home-service, .servi-support, .servi-smart, .home-solution{
    position: relative;
    z-index: 1;
}
.shape{
    position: absolute;
}
.home-challenge .hchall-shape1, .servi-smart .sesamrt-shape1{
    top: -90px;
    right: 40px;
    max-width: 160px;
}
.hchall-shape1 img{
    width: 100%;
}
.hservice-box{
    padding: 0px 20px 30px;
    border-radius: 10px;
    border: 1px solid #ECECEC;
    box-shadow: 4px 4px 8px 0px rgba(30,30,30,.08);
    background: #fff;
}
.hservice-img img,
.hservice-img svg{
    max-width: 100%;
    -webkit-transition: .5s all ease;
    -ms-transition: .5s all ease;
    transition: .5s all ease;
}
.hservice-img{
    padding: 20px 18px;
    background: #F3F3F3;
    max-width: fit-content;
    border-radius: 0px 0px 20px 20px;
    margin-bottom: 15px;
    -webkit-transition: .5s all ease;
    -ms-transition: .5s all ease;
    transition: .5s all ease;
}
.hservice-box:hover .hservice-img {
    background: #F08519;
}
.hservice-box:hover .hservice-img svg path{
    fill:#fff;
}
.hservice-desc h4{
    font-size: 21px;
    line-height: 30px;
    font-weight: 700;
    color: #1D1D1D;
    margin-bottom: 10px;
}
.hservice-desc h4 a{
    color: #1D1D1D;
}
.hservice-desc h4 a:hover{
    color: #5B2A86;
}
.hservice-desc p {
	font-size: 17px;
	line-height: 23px;
	font-weight: 400;
	color: #717170;
	margin-bottom: 20px;
}
.hservice-main {
	display: grid;
	grid-template-columns: repeat(2,1fr);
	gap: 30px;
	position: relative;
	z-index: 2;
}
.hservice-main .hservice-inner:nth-child(2){
    margin-top: 75px;
}
.home-service-new .hservice-main .hservice-inner:nth-child(2){
    margin-top: 0px !important;
    display: flex;
    align-items: center;
}
.hservice-inner .hservice-box + .hservice-box{
    margin-top: 30px;
}
.home-service::before{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 20%;
    background: #F8F8F8;
    z-index: -1;
}
.home-service::after{
    content: '';
    position: absolute;
    top: 20%;
    left: 0;
    right: 0;
    bottom: 15%;
    background: #FDF5E9;
    z-index: -1;
}
.hservice-shape1 {
	left: -60px;
	top: 55%;
	transform: translateY(-50%);
	width: 140px;
}
.hservice-shape1 img{
    width: 100%;
}
.hservice-shape2{
    top: -20px;
    right: 30px;
    max-width: 200px;
    z-index: -1;
}
.arrow-btn{
    padding: 0px;
    text-decoration: underline;
    font-size: 16px;
    line-height: 25px;
    font-weight: 700;
    color: #5B2A86;
    display: flex;
    align-items: center;
    gap: 8px;
    max-width: fit-content;
    transition: all 0.5s;
}
.arrow-btn svg{
    max-width: 24px;
}
.arrow-btn:hover{
    color: #F08519;
    gap: 20px;
}
.arrow-btn svg path{
    fill: #5B2A86;
    transition: all 0.5s;
}
.arrow-btn:hover svg path{
    fill: #F08519;
}
.hsol-tab ul, .indfus-maintab ul, .resource-tab ul {
	border: 2px solid #EBEBEB;
	display: flex;
	justify-content: stretch;
	align-items: center;
	border-radius: 10px;
	overflow: hidden;
}
.hsolswip-tabbing, .indfusswip-tabbing, .indfusswip-tabbing2{
	border: 2px solid #EBEBEB;
	display: flex;
	justify-content: stretch;
	align-items: center;
	border-radius: 10px;
	overflow: hidden;
}
.resource-tab{
	position: relative;
	z-index: 1;
}
.hsolswip-tabbing .hsolswip-tab a, .indfusswip-tabbing .indflswip-tab a, .indfusswip-tabbing2 .indflswip-tab a{
	font-size: 20px;
	line-height: 29px;
	font-weight: 700;
	color: #333;
	width: 100%;
	text-align: center;
}
.hsolswip-tabbing .hsolswip-tab a, .indfusswip-tabbing .indflswip-tab a, .indfusswip-tabbing2 .indflswip-tab a{
	font-size: 20px;
	line-height: 29px;
	font-weight: 700;
	width: auto;
	text-align: center;
	display: block;
    padding: 15px;
    background: #fff;
    color: #333;
    position: relative;
    z-index: 1;
}
.hsol-tab ul li, .indfus-maintab ul li, .resource-tab ul li {
	font-size: 20px;
	line-height: 29px;
	font-weight: 700;
	color: #333;
	width: 100%;
	text-align: center;
}
.hsol-tab ul li a, .indfus-maintab ul li a, .resource-tab ul li a{
    display: block;
    padding: 15px;
    background: #fff;
    color: #333;
    width: 100%;
    position: relative;
    z-index: 1;
}
.hsol-tab ul li a:hover, .hsol-tab ul li a.active, .indfus-maintab ul li a:hover, .indfus-maintab ul li a.active, .resource-tab ul li a:hover, .resource-tab ul li a.active{
    color: #333;
    /* background: #5B2A86; */
}
.hsolswip-tabbing .hsolswip-tab a.active, .hsolswip-tabbing .hsolswip-tab a:hover, .indfusswip-tabbing .indflswip-tab a.active, .indfusswip-tabbing .indflswip-tab a:hover,  .indfusswip-tabbing2 .indflswip-tab a.active,  .indfusswip-tabbing2 .indflswip-tab a:hover{
	color: #333;
}
.hsolswip-tabbing .hsolswip-tab a::before, .indfusswip-tabbing .indflswip-tab a::before, .indfusswip-tabbing2 .indflswip-tab a::before{
	content: '';
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	width: 100%;
	left: 0;
	background: #E8DDF3;
	opacity: 0;
	transition: all 0.5s;
	border-bottom: 3px solid #F08519;
	z-index: -1;
}
.hsolswip-tabbing .hsolswip-tab a.active::before, .hsolswip-tabbing .hsolswip-tab a:hover::before, .indfusswip-tabbing .indflswip-tab a.active::before, .indfusswip-tabbing .indflswip-tab a:hover::before,  .indfusswip-tabbing2 .indflswip-tab a.active::before,  .indfusswip-tabbing2 .indflswip-tab a:hover::before{
	opacity: 1;
}	
.hsolswip-tabbing .swiper-wrapper, .indfusswip-tabbing .swiper-wrapper,  .indfusswip-tabbing2 .swiper-wrapper {
	justify-content: stretch;
}
.hsol-swiper-next svg, .hsol-swiper-prev svg, .indta-swiper-next svg, .indta-swiper-prev svg, .indta2-swiper-prev svg, .indta2-swiper-next svg {
	width: 26px;
	height: 26px;
}
.hsol-tab ul li a::before, .indfus-maintab ul li a::before, .resource-tab ul li a::before {
	content: '';
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	width: 100%;
	left: 0;
	background: #E8DDF3;
	opacity: 0;
	transition: all 0.5s;
	border-bottom: 3px solid #F08519;
	z-index: -1;
}
.hsol-tab ul li a.active::before, .hsol-tab ul li a:hover::before, .indfus-maintab ul li a.active::before, .indfus-maintab ul li a:hover::before, .resource-tab ul li a.active::before, .resource-tab ul li a:hover::before{
    opacity: 1;
}
.hsoltabb-box{
    display: none;
}
.hsoltabb-inner{
    display: grid;
    grid-template-columns: repeat(2,1fr);
    gap: 30px;
    align-items: center;
}
.hsol-tabbing{
    margin-top: 50px;
}
.hsoltabbb-img img{
    width: 100%;
    border-radius: 20px;
}
.hsoltabbb-desc h4{
    font-size: 26px;
    line-height: 35px;
    font-weight: 700;
    color: #333;
    margin-bottom: 15px;
}
.hsoltabbb-desc h4 a{
    color: #333;
}
.hsoltabbb-desc h4 a:hover{
    color: #5B2A86;
}
.home-solution{
    position: relative;
    z-index: 1;
}
.hsoltabbb-desc p{
    font-size: 22px;
    line-height: 30px;
    font-weight: 400;
    color: #717170;
    margin-bottom: 30px;
}
.hsol-shape1{
    max-width: 120px;
    position: absolute;
    top: 40px;
    left: 5%;
}
.hsol-shape1 img, .hsol-shape2 img{
    width: 100%;
}
.hsol-shape2{
    max-width: 110px;
    top: -85px;
    right: 5%;
}
.hindu-box{
    padding: 30px;
    border-radius: 10px;
    background: #FBFBFB;
    border: 1px solid #E7E7E7;
    width: 100%;
    /* box-shadow: 4px 4px 6px 0px rgba(30,30,30,.04); */
    box-shadow: 0 0 0;
    transition: all 0.5s;
}
.hindub-img svg path{
    fill: #1D1D1D;
    transition: all 0.5s;
}
.hindub-img svg{
    max-width: 40px;
}
.hindub-img {
    margin-bottom: 13px;
}
.hindu-box h4{
    font-size: 21px;
    line-height: 30px;
    font-weight: 700;
    color: #1D1D1D;
    margin-bottom: 12px;
}
.hindu-box h4 a{
    color: #1D1D1D;
}
.hindu-box p{
    font-size: 17px;
    line-height: 24px;
    font-weight: 400;
    color: #717170;
    margin-bottom: 16px;
}
.hindu-box .arrow-btn{
    color: #1D1D1D;
}
.hindu-box .arrow-btn svg path{
    fill: #1D1D1D;
    transition: all 0.5s;
}
.hindu-box:hover{
    border-color: #5B2A86;
    box-shadow: 6px 6px 0px 0px #5B2A86;
    background: #F9F5FD;
}
.hindu-box:hover .hindub-img svg path{
    fill: #5B2A86;
}
.hindu-box:hover h4 a{
    color: #5B2A86;
}
.hindu-box:hover .arrow-btn{
    color: #5B2A86;
}
.hindu-box:hover .arrow-btn svg path{
    fill: #5B2A86;
}
.home-industri .row + .row .col-lg-4:nth-child(2n) .hindu-box:hover{
    border-color: #F08519;
    box-shadow: 6px 6px 0px 0px #F08519;
    background: #FDF5E9;
}
.home-industri .row + .row .col-lg-4:nth-child(2n) .hindu-box:hover .hindub-img svg path{
    fill: #F08519;
}
.home-industri .row + .row .col-lg-4:nth-child(2n) .hindu-box:hover h4 a{
    color: #F08519;
}
.home-industri .row + .row .col-lg-4:nth-child(2n) .hindu-box:hover .arrow-btn{
    color: #F08519;
}
.home-industri .row + .row .col-lg-4:nth-child(2n) .hindu-box:hover .arrow-btn svg path{
    fill: #F08519;
}
.hindu-shape1 {
	max-width: 153px;
	top: -100px;
	right: 6%;
}
.hindu-shape1 img{
    width: 100%;
}
.home-industri{
    position: relative;
    z-index: 1;
}
.hlogosw-box img{
    margin: auto;
	width: 90%;
    max-width: 90%;
}
.hlogosw-box{
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    min-height: 100%;
}
.home-logo .swiper-wrapper{
    align-items: center;
}
.home-logo .container-fluid{
    padding: 0;
}
.hblogb-img img{
    width: 100%;
    border-radius: 10px;
	height: 280px;
	object-fit: cover;
	object-position: center;
}
.hblogb-img{
    margin-bottom: 20px;
}
.hblog-box {
	padding: 18px 13px;
	background: #fff;
	border: 2px solid #CDCDCD;
	border-radius: 10px;
	box-shadow: 0 0 0;
	width: 100%;
	transition: all 0.5s;
	display: flex;
    flex-direction: column;
}
.hblogb-desc {
    display: flex;
    flex-direction: column;
    flex: 1;
}
.hblog-box:hover{
    border-color: #5B2A86;
    box-shadow: 4px 8px 20px 0px rgba(0,0,0,.04);
}
.hblogb-desc ul{
    display: flex;
    align-items: center;
    margin-bottom: 12px;
}
.hblogb-desc ul li{
    font-size: 15px;
    line-height: 22px;
    font-weight: 400;
    color: #767676;
    position: relative;
    z-index: 1;
}
.hblogb-desc ul li + li{
    margin-left: 12px;
    padding-left: 20px;
}
.hblogb-desc ul li + li::before{
    content: '';
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    width: 8px;
    height: 8px;
    background: #767676;
    border-radius: 50%;
    z-index: -1;
}
.hblogb-desc h4{
    font-size: 22px;
    line-height: 31px;
    font-weight: 700;
    color: #333333;
    margin-bottom: 10px;
	flex: 1;
}
.hblogb-desc h4 a{
    color: #333;
}
.hblogb-desc h4 a:hover{
    color: #5B2A86;
}
.hblogb-desc p{
    font-size: 18px;
    line-height: 26px;
    font-weight: 400;
    color: rgba(113,113,112,0.8);
    margin-bottom: 24px;
}
.hblog-box .arrow-btn {
    color: #333333;
}
.hblog-box .arrow-btn svg path{
    fill: #333333;
    transition: all 0.5s;
}
.hblog-box:hover .arrow-btn{
    color: #5B2A86;
}
.hblog-box:hover .arrow-btn svg path{ 
    fill: #5B2A86;
}
.home-blog .row + .row, .servi-philos .row + .row,.indus-why .row:nth-child(2){
    margin-top: 10px;
    row-gap: 30px;
}
.bottom-btn .btn-primary{
    max-width: fit-content;
    margin: auto;
}
.bottom-btn{
    margin-top: 30px;
}
.hblog-shape1{
    max-width: 178px;
    top: 80px;
    left: 7%;
}
.hblog-shape1 img, .cta-img img{
    width: 100%;
}
.home-blog{
    position: relative;
    z-index: 1;
}
.cta-desc{
    margin-bottom: 80px;
}
.cta-desc h2{
    color: #fff;
}
.cta-desc p{
    color: rgba(225,225,225,0.8);
}
.cta-desc .btn-primary, .incta-desc .btn-primary,.hdecisi-desc .btn-primary, .ser-deliver .inner-title .btn-primary{
    background: #F08519;
    border-color: #F08519;
}
.cta-desc .btn-primary:hover, .incta-desc .btn-primary:hover,.hdecisi-desc .btn-primary:hover {
    background: #5B2A86;
    border-color: #5B2A86;
}
.cta{
    position: relative;
    z-index: 1;
}
.cta::before {
	content: '';
	position: absolute;
	top: 80px;
	left: -200px;
	right: -200px;
	bottom: 0;
	background: #000;
	z-index: -1;
	border-top-left-radius: 50%;
	border-top-right-radius: 50%;
}
.f-top{
    padding: 70px 0px 55px;
}
.f-bottom{
    padding: 30px 0px;
    border-top: 1px solid rgba(225,225,225,0.1);
}
footer{
    background: #000;
}
.f-logo{
    margin-bottom: 45px;
}
.f-logo img{
    max-width: 224px;
}
.f-left ul li img{
    max-width: 224px;
}
.f-links h4{
    font-size: 20px;
    line-height: 26px;
    font-weight: 700;
    color: #fff;
    margin-bottom: 15px;
    font-family: "Solway", serif;
}
.f-links ul li{
    font-size: 18px;
    line-height: 25px;
    font-weight: 400;
    color: rgba(225,225,225,0.7);
}
.f-links ul li + li{
    margin-top: 7px;
}
.f-links ul li a{
    color: rgba(225,225,225,0.7);
}
.f-links ul li a:hover{
    color: rgba(225,225,225,1);
}
.f-links{
    max-width: fit-content;
    margin: auto;
}
.fbott-desc p{
    font-size: 17px;
    line-height: 24px;
    font-weight: 400;
    color: #fff;
    margin-bottom: 0;
}
.f-social ul li svg{
    max-width: 20px;
}
.f-social ul li a{
    width: 36px;
    height: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    border-radius: 50%;
    border: 1px solid rgba(225,225,225,0.3);
}
.f-social ul li a:hover{
    border-color: #F08519;
    background: #F08519;
}
.f-social ul li a svg path{
    fill: #fff;
    transition: all 0.5s;
}
.f-social ul{
    max-width: fit-content;
    margin-left: auto;
    display: flex;
    align-items: center;
    justify-content: end;
    gap: 12px;
}
.hnum-box h3{
    font-size: 60px;
    line-height: 70px;
    font-weight: 700;
    font-family: "Solway", serif;
    color: #EF8422;
    margin-bottom: 2px;
}
.hnum-box p{
    font-size: 20px;
    line-height: 26px;
    font-weight: 400;
    display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
    color: #333;
    margin-bottom: 0;
}
.hnum-box:nth-child(2n) h3{
    color: #744A98;
}
.hnum-main{
    display: grid;
    grid-template-columns: repeat(4,1fr);
    gap: 15px;
}
.hnum-box {
	width: 100%;
	padding: 65px 35px;
	position: relative;
	z-index: 1;
	height: 312px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}
.hnum-box::before{
    content: '';
    position: absolute;
    top: 0px;
    left: 0;
    right: 15px;
    bottom: 0;
    border-radius: 50%;
    background: #FFD78F;
    box-shadow: 4px 4px 20px 0px rgba(225,215,143,0.6);
    -webkit-animation: rotating 6s linear infinite;
  -moz-animation: rotating 6s linear infinite;
  -ms-animation: rotating 6s linear infinite;
  -o-animation: rotating 6s linear infinite;
  animation: rotating 6s linear infinite;
    z-index: -2;
}
.hnum-box::after{
    content: '';
    position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
    border-radius: 50%;
    bottom: 15px;
    border: 2px solid #EF8422;
    -webkit-animation: rotating 6s linear infinite;
    -moz-animation: rotating 6s linear infinite;
    -ms-animation: rotating 6s linear infinite;
    -o-animation: rotating 6s linear infinite;
    animation: rotating 6s linear infinite;
    z-index: -1;
}
.hnum-box:nth-child(2n):before{
    background: #DFB2F4;
    top: 0px;
    left: 0;
    right: 15px;
    bottom: 0px;
    box-shadow: 4px 4px 20px 0px rgba(221,194,221,0.6);
    -webkit-animation: rotating 6.5s linear infinite;
    -moz-animation: rotating 6.5s linear infinite;
    -ms-animation: rotating 6.5s linear infinite;
    -o-animation: rotating 6.5s linear infinite;
    animation: rotating 6.5s linear infinite;
}
.hnum-box:nth-child(2n):after{
    border: 2px solid #744A98;
    top: 15px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    -webkit-animation: rotating 6.5s linear infinite;
    -moz-animation: rotating 6.5s linear infinite;
    -ms-animation: rotating 6.5s linear infinite;
    -o-animation: rotating 6.5s linear infinite;
    animation: rotating 6.5s linear infinite;
}
.shape{
    /* -webkit-animation: updown 3.5s linear infinite;
    -moz-animation: updown 3.5s linear infinite;
    -ms-animation: updown 3.5s linear infinite;
    -o-animation: updown 3.5s linear infinite;
    animation: updown 3.5s linear infinite; */
    z-index: 1;
}
.shape.hchall-shape1{
    -webkit-animation: updown 3.5s linear infinite;
    -moz-animation: updown 3.5s linear infinite;
    -ms-animation: updown 3.5s linear infinite;
    -o-animation: updown 3.5s linear infinite;
    animation: updown 3.5s linear infinite;
}
/* .shape.hservice-shape1{
    -webkit-animation: rotating 3.5s linear infinite;
    -moz-animation: rotating 3.5s linear infinite;
    -ms-animation: rotating 3.5s linear infinite;
    -o-animation: rotating 3.5s linear infinite;
    animation: rotating 3.5s linear infinite;
} */
.blderai-desc table, .blderai-desc tbody, .blderai-desc td, .blderai-desc tfoot, .blderai-desc th, .blderai-desc thead, .blderai-desc tr {
    border: 1px solid black;
}
@-webkit-keyframes rotating /* Safari and Chrome */ {
    from {
      -webkit-transform: rotate(0deg);
      -o-transform: rotate(0deg);
      transform: rotate(0deg);
    }
    to {
      -webkit-transform: rotate(360deg);
      -o-transform: rotate(360deg);
      transform: rotate(360deg);
    }
  }
  @keyframes rotating {
    from {
      -ms-transform: rotate(0deg);
      -moz-transform: rotate(0deg);
      -webkit-transform: rotate(0deg);
      -o-transform: rotate(0deg);
      transform: rotate(0deg);
    }
    to {
      -ms-transform: rotate(360deg);
      -moz-transform: rotate(360deg);
      -webkit-transform: rotate(360deg);
      -o-transform: rotate(360deg);
      transform: rotate(360deg);
    }
  }

  @-webkit-keyframes updown /* Safari and Chrome */ {
    0% {
        -ms-transform: translateY(0px,0px);
      -moz-transform: translateY(0px,0px);
      -webkit-transform: translateY(0px,0px);
      -o-transform: translateY(0px,0px);
      transform: translateY(0px,0px);
    }
    65% {
        -ms-transform: translateY(15px);
      -moz-transform: translateY(15px);
        -webkit-transform: translateY(15px);
        -o-transform: translateY(15px);
        transform: translateY(15px);
    }
    100% {
        -ms-transform: translateY(0px,0px);
        -moz-transform: translateY(0px,0px);
        -webkit-transform: translateY(0px,0px);
        -o-transform: translateY(0px,0px);
        transform: translateY(0px,0px);
    }
  }
  @keyframes updown {
    0% {
        -ms-transform: translateY(0px,0px);
      -moz-transform: translateY(0px,0px);
      -webkit-transform: translateY(0px,0px);
      -o-transform: translateY(0px,0px);
      transform: translateY(0px,0px);
    }
    65% {
        -ms-transform: translateY(15px);
      -moz-transform: translateY(15px);
        -webkit-transform: translateY(15px);
        -o-transform: translateY(15px);
        transform: translateY(15px);
    }
    100% {
        -ms-transform: translateY(0px,0px);
        -moz-transform: translateY(0px,0px);
        -webkit-transform: translateY(0px,0px);
        -o-transform: translateY(0px,0px);
        transform: translateY(0px,0px);
    }
  }

.inner-banner{
    padding: 60px 0px;
    background: #FDF5E9;
    margin-top: 117px;
}
.inb-img img, .servisupp-shape img{
    width: 100%;
}
.inb-img img{
    max-height: 440px;
}
.inb-desc h1{
    font-size: 44px;
    line-height: 54px;
    font-weight: 700;
    color: #333;
    font-family: "Solway", serif;
    margin-bottom: 18px;
}
.inb-desc h1 b, .inb-desc h1 strong{
    color: #F08519;
}
.inb-desc p b, .inb-desc p strong{
    font-weight: 700;
}
.inb-desc p{
    font-size: 20px;
    line-height: 28px;
    font-weight: 400;
    color: #717170;
}
.inb-desc p:last-child, .serviai-desc p:last-child, .serviprod-title p:last-child{
    margin-bottom: 0;
}
.servisupp-main{
    padding: 30px;
    background: #FDF5E9;
    border-radius: 20px;
    margin-top: 12px;
}
.servisupp-img img{
    width: 82%;
}
.servisuppde-box h3{
    font-size: 20px;
    line-height: 30px;
    font-weight: 700;
    color: #1D1D1D;
    margin-bottom: 5px;
}
.servisuppde-box p{
    font-size: 17px;
    line-height: 25px;
    font-weight: 400;
    color: #717170;
    margin-bottom: 0px;
}
.servisuppde-box + .servisuppde-box{
    margin-top: 25px;
}
.servisupp-shape{
    max-width: 153px;
    top: 95px;
    left: 3%;
}
.servismart-box{
    padding: 30px;
    background: #fff;
    border-radius: 20px;
}
.servismartb-top{
    display: grid;
    grid-template-columns: 48px auto;
    gap: 14px;
    margin-bottom: 16px;
    align-items: center;
}
.servismar-img img, .servismar-img svg{
    width: 100%;
}
.servismartb-top h3{
    font-size: 21px;
    line-height: 30px;
    font-weight: 700;
    color: #1D1D1D;
    margin-bottom: 0;
    transition: all 0.5s;
}
.servismartb-bottom p{
    font-size: 18px;
    line-height: 26px;
    font-weight: 400;
    color: #717170;
    margin-bottom: 0;
}
.servismart-inner{
    display: grid;
    grid-template-columns: repeat(2,1fr);
    gap: 30px;
    margin: 40px 0px 0px;
}
.servismarbo-title h2{
    font-size: 30px;
    line-height: 40px;
    font-weight: 700;
    color: #5B2A86;
    max-width: fit-content;
    margin: auto;
    background: #F8F8F8;
    padding: 0px 20px;
    font-family: "Solway", serif;
}
.servismarbo-title{
    position: relative;
    z-index: 1;
    margin: 0px 0px 50px;
}
.servismar-bottom{
    margin-top: 50px;
}
.servismarbo-title::before{
    content: '';
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    right: 0;
    height: 2px;
    background: rgba(0,0,0,.1);
    z-index: -1;
}
.servismarbo-box{
    padding: 50px 33px;
    background: #FECC72;
    border-radius: 20px;
    display: grid;
    grid-template-columns: 80px auto;
    align-items: center;
    gap: 15px;
    border: 1px solid #FECC72;
    transition: all 0.5s;
}
.servismarbob-img img, .servismarbob-img svg{
    width: 100%;
}
.servismarbob-desc h3{
    font-size: 21px;
    line-height: 30px;
    font-weight: 700;
    color: #1D1D1D;
    margin-bottom: 4px;
}
.servismarbob-desc p{
    font-size: 18px;
    line-height: 26px;
    font-weight: 400;
    color: #717170;
    margin-bottom: 0px;
}
.servismarbo-box:nth-child(2n){
    background: #DFB2F4;
    border: 1px solid #DFB2F4;
}
.servismarbo-box:nth-child(3n){
    background: #DFB2F4;
    border: 1px solid #DFB2F4;
}
.servismarbo-box:nth-child(4n){
    background: #FECC72;
    border: 1px solid #FECC72;
}
.servismarbo-inner{
    display: grid;
    grid-template-columns: repeat(2,1fr);
    gap: 30px;
}
.servismarbo-inner-main{
    position: relative;
    z-index: 1;
}
.servismarbo-shape img{
    width: 100%;
}
.servismarbo-shape{
    max-width: 102px;
}
.servismarbo-shape {
	top: 50%;
	left: 0;
	right: 0;
	margin: auto;
	transform: translateY(-50%);
    /* -webkit-animation: updown2 3.5s linear infinite;
    -moz-animation: updown2 3.5s linear infinite;
    -ms-animation: updown2 3.5s linear infinite;
    -o-animation: updown2 3.5s linear infinite;
    animation: updown2 3.5s linear infinite; */
}
@-webkit-keyframes updown2 /* Safari and Chrome */ {
    0% {
        -ms-transform: translateY(0px,0px);
      -moz-transform: translateY(0px,0px);
      -webkit-transform: translateY(0px,0px);
      -o-transform: translateY(0px,0px);
      transform: translateY(0px,0px);
    }
    65% {
        -ms-transform: translateY(-20px);
      -moz-transform: translateY(-20px);
        -webkit-transform: translateY(-20px);
        -o-transform: translateY(-20px);
        transform: translateY(-20px);
    }
    100% {
        -ms-transform: translateY(0px,0px);
        -moz-transform: translateY(0px,0px);
        -webkit-transform: translateY(0px,0px);
        -o-transform: translateY(0px,0px);
        transform: translateY(0px,0px);
    }
  }
  @keyframes updown2 {
    0% {
        -ms-transform: translateY(0px,0px);
      -moz-transform: translateY(0px,0px);
      -webkit-transform: translateY(0px,0px);
      -o-transform: translateY(0px,0px);
      transform: translateY(0px,0px);
    }
    65% {
        -ms-transform: translateY(-20px);
      -moz-transform: translateY(-20px);
        -webkit-transform: translateY(-20px);
        -o-transform: translateY(-20px);
        transform: translateY(-20px);
    }
    100% {
        -ms-transform: translateY(0px,0px);
        -moz-transform: translateY(0px,0px);
        -webkit-transform: translateY(0px,0px);
        -o-transform: translateY(0px,0px);
        transform: translateY(0px,0px);
    }
  }

.servi-consult{
    position: relative;
    z-index: 1;
}
/* .servi-consult::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: linear-gradient(-180deg, rgba(0, 0, 0, 0.2) 0%, rgba(0,0,0,0.5) 100%);
	z-index: -1;
} */
.incta-desc h2, .incta-desc p{
    color: #fff;
}
.serviconsubo-desc {
	padding: 11px 30px;
	background: rgb(247, 244, 249);
	border: 1px solid rgba(225,225,225,0.2);
	border-radius: 40px;
	max-width: fit-content;
	margin: auto;
	text-align: center;
}
.serviconsubo-desc p{
    font-size: 17px;
    line-height: 25px;
    font-weight: 700;
    color: #1D1D1D;
    margin-bottom: 0;
}
.servi-consult .row + .row{
    margin-top: 15px;
}
.incta-img img{
    width: 100%;
}
.incta-main{
    position: relative;
    z-index: 1;
    padding: 0px 50px 50px 50px;
}
.incta-main::before{
    content: '';
    position: absolute;
    top: 25%;
    left: 0;
    right: 0;
    bottom: 0;
    border-radius: 20px;
    background: #000;
    z-index: -1;
}
.servisomb-img img{
    width: 100%;
    border-radius: 20px 20px 0px 0px;
}
.servisom-box{
    background: #FBFBFB;
    border: 1px solid #E7E7E7;
    border-radius: 25px;
    overflow: hidden;
    transition: all 0.5s;
}
.servisom-box:hover, .servisom-swiper .swiper-slide.swiper-slide-active .servisom-box{
    background: #F08519;
    border-color: transparent;
}
.servisomb-desc{
    padding: 20px;
}
.servisomb-desc h3{
    font-size: 24px;
    line-height: 32px;
    font-weight: 700;
    color: #333333;
    margin-bottom: 6px;
}
.servisomb-desc h3 a{
    color: #333;
}
.servisom-box:hover h3 a, .servisom-swiper .swiper-slide.swiper-slide-active .servisom-box h3 a{
    color: #fff;
}
.servisomb-desc .arrow-btn{
    color: #333333;
}
.servisomb-desc .arrow-btn svg path{
    fill: #333;
}
.servisom-box:hover .servisomb-desc .arrow-btn svg path, .servisom-swiper .swiper-slide.swiper-slide-active .servisom-box .servisomb-desc .arrow-btn svg path{
    fill: #fff;
}
.servisom-box:hover .servisomb-desc .arrow-btn, .servisom-swiper .swiper-slide.swiper-slide-active .servisom-box .servisomb-desc .arrow-btn{
    color: #fff;
}
.servisom-swiper{
    margin-top: 40px;
}
.swiper-pagination {
	position: relative;
	margin-top: 50px;
}
.swiper-pagination-bullet {
	width: 17px;
	height: 18px;
	background: #F0F0F0;
	opacity: 1;
    transition: all 0.5s;
}
.swiper-pagination-bullet.swiper-pagination-bullet-active, .swiper-pagination-bullet:hover{
    background: #5B2A86;
}
header .hedright-img img{
    max-width: 200px;
}
header .hedright-img {
	margin-left: 40px;
}
.servi-consult .inner-title p{
    font-size: 18px;
    line-height: 26px;
    font-weight: 400;
    /* color: #fff; */
    margin-bottom: 40px;
}

/* New */
.hcmsoltut-img img, .erpsolpow-img img, .serviai-img img{
    width: 100%;
    border-radius: 20px;
}
.hcmsoltut-title.bullet-point ul li, .erpsolpow-desc.bullet-point ul li{
    font-weight: 700;
    font-size: 20px;
    line-height: 30px;
}
.epmsolpow-desc.bullet-point ul li {
    font-size: 20px;
    line-height: 30px;
}
.hcmsoltut-title.bullet-point ul li::before, .erpsolpow-desc.bullet-point ul li::before, .epmsolpow-desc.bullet-point ul li::before {
	top: 5px;
}
.hcmsolmi-box{
    padding: 30px;
    background: #F7F4F9;
    border: 1px solid #D8CCE2;
    border-radius: 20px;
    width: 100%;
    transition: all 0.5s;
}
.hcmsolmib-img{
    margin-bottom: 18px;
}
.hcmsolmib-img img, .hcmsolmib-img svg{
    max-width: 62px;
}
.hcmsolmi-box h3{
    font-size: 21px;
    line-height: 30px;
    font-weight: 700;
    color: #1D1D1D;
    margin-bottom: 10px;
}
.purpbullet-point ul li, .home-neapproach .row + .row .col-lg-4:nth-child(2n) .hneapple-boxes .bullet-point ul li {
    font-size: 18px;
    line-height: 27px;
    font-weight: 400;
    color: #717170;
    padding-left: 33px;
    position: relative;
    z-index: 1;
}
.purpbullet-point ul li::before, .home-neapproach .row + .row .col-lg-4:nth-child(2n) .hneapple-boxes .bullet-point ul li::before{
    content: '';
    position: absolute;
    top: 4px;
    left: 0;
    width: 20px;
    height: 20px;
    background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_1194_90)'%3E%3Cpath d='M10 0C4.48622 0 0 4.48622 0 10C0 15.5138 4.48622 20 10 20C15.5138 20 20 15.5138 20 10C20 4.48622 15.5138 0 10 0ZM15.589 7.36842L9.198 13.7093C8.82206 14.0852 8.22055 14.1103 7.81955 13.7343L4.43609 10.6516C4.03509 10.2757 4.01003 9.64912 4.3609 9.24812C4.73684 8.84712 5.36341 8.82206 5.76441 9.198L8.44612 11.6541L14.1604 5.93985C14.5614 5.53885 15.188 5.53885 15.589 5.93985C15.99 6.34085 15.99 6.96742 15.589 7.36842Z' fill='%235B2A86'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_1194_90'%3E%3Crect width='20' height='20' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-position: center;
}
.purpbullet-point ul li + li{
    margin-top: 8px;
}
.hcmsol-midd{
    margin: 80px 0px 50px;
}
.empsol-power .row + .row{
    margin-top: 50px;
}
.scmsol-modern .row + .row{
    margin-top: 12px;
    row-gap: 40px;
}
.textsoli-img img{
    width: 100%;
    border-radius: 20px;
}
.textsoli-desc p:last-child{
    margin-bottom: 0;
}
.textsoli-desc p b, .textsoli-desc p strong{
    font-size: 24px;
    line-height: 32px;
    font-weight: 700;
    color: #5B2A86;
}
.textsoli-desc h3{
    font-size: 24px;
    line-height: 32px;
    font-weight: 700;
    color: #5B2A86;
    margin-bottom: 20px;
}
.textsoli-desc.bullet-point ul li {
	font-size: 20px;
	line-height: 30px;
    font-weight: 700;
}
.textsoli-desc.bullet-point ul li::before {
	top: 4px;
}
.textsoli-box .row{
    row-gap: 30px;
}
.textsoli-box:nth-child(2n) .row{
    flex-direction: row-reverse;
}
.textsoli-box + .textsoli-box{
    margin-top: 80px;
}
.abint-img img{
    width: 100%;
    border-radius: 20px;
}
.abint-desc p{
    margin-bottom: 20px;
}
.abint-desc p:last-child, .empsol-power p:last-child{
    margin-bottom: 0;
}
.abguid-box{
    padding: 50px 30px;
    background: #F7F4F9;
    border: 1px solid #D8CCE2;
    border-radius: 20px;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    transition: all 0.5s;
}
.ab-guide .row + .row .col-md-4, .hcmsol-midd .row .col-lg-4, .scmsol-modern .row + .row .col-lg-4, .ser-offering .row + .row .col-lg-4{
    display: inherit;
}
.abguidb-img img, .abguidb-img svg{
    max-width: 80px;
}
.abguidb-img{
    margin-bottom: 20px;
}
.abguid-box h3{
    font-size: 30px;
    line-height: 40px;
    font-weight: 700;
    color: #1D1D1D;
    margin-bottom: 0
}
.page-template-about .abguid-box h3 {
	margin-bottom: 10px;
}
.ab-guide .row + .row{
    margin-top: 20px;
    row-gap: 30px;
}
.abmivi-box + .abmivi-box{
    margin-top: 50px;
}
.abmivib-img img{
    max-width: 80%;
}
.abmivib-desc p:last-child{
    margin-bottom: 0;
}
.abmivi-box:nth-child(2n) .row{
    flex-direction: row-reverse;
}
.abteam-box{
    position: relative;
    overflow: hidden;
    z-index: 1;
}
.abteamb-img img{
    width: 100%;
    border-radius: 12px;
}
.abteamb-desc h3{
    font-size: 18px;
    line-height: 28px;
    font-weight: 700;
    color: #1D1D1D;
    margin-bottom: 4px;
}
.abteamb-desc p {
	font-size: 14px;
	line-height: 22px;
	font-weight: 400;
	color: #F08519;
	margin-bottom: 4px;
}
.abteamb-desc ul{
    display: flex;
    align-items: center;
    gap: 10px;
}
.abteamb-desc ul li a svg {
    max-width: 16px;
}
.abteamb-desc ul li a svg path{
    fill: #ACAEB4;
    transition: all 0.5s;
}
.abteamb-desc ul li a:hover svg path{
    fill: #F08519;
}
.abteamb-desc{
    padding: 10px 20px;
    background: #fff;
    border-radius: 10px;
    position: absolute;
    bottom: -100%;
    left: 20px;
    right: 20px;
    transition: all 0.5s;
}
.abteam-box:hover .abteamb-desc{
    bottom: 20px;
}
.ab-team .row + .row{
    row-gap: 40px;
    margin-top: 15px;
}
.hdecisi-img img {
	width: 60%;
}
.hdecisi-img p {
	font-size: 17px;
	line-height: 20px;
	margin-bottom: 0;
	color: #1D1D1D;
}
.hdecisi-main .row + .row{
    margin-top: 15px;
}
.hdecisi-main .row:nth-child(2) .col-lg-6:nth-child(2n) .hdecisiinner-main::before {
	content: '';
	position: absolute;
	top: 0;
	left: -4%;
	bottom: 0;
	background: #5B2A86;
	width: 2px;
	z-index: -1;
}
.hdecisi-img.text-center {
	max-width: 100%;
    width: 100%;
	margin: auto;
    position: relative;
    z-index: 1;
}
.hdecisi-main{
    background: #F9F5FD;
    border-radius: 20px;
    overflow: hidden;
    padding: 50px;
}
.hdecisi-shape1 {
	top: -390px;
	right: 0;
	max-width: 400px;
    z-index: -1;
}
.hdecisi-shape1 img{
    width: 100%;
}
.home-decision {
    position: relative;
    z-index: 0;
}
.hneappleb-img img{
    max-width: 100%;
}
.hneappleb-img{
    margin-bottom: 30px;
}
.hneappleb-desc h4, .hneappri-box h4{
    font-size: 22px;
    line-height: 31px;
    font-weight: 700;
    color: #333333;
    margin-bottom: 10px;
}
.hneappleb-desc p, .hneappri-box p{
    font-size: 18px;
    line-height: 26px;
    font-weight: 400;
    color: #333333;
    margin-bottom: 20px;
}
.hneappleb-desc ul li, .hneappri-box ul li{
    color: #333;
    font-size: 18px;
    line-height: 26px;
    text-align: left;
}
.hneapple-boxes{
    padding: 30px 25px;
    background: #DFB2F4;
    border-radius: 20px;
    transition: all 0.5s;
}
/* .hneapple-boxes .hneappleb-img{
    height: 0;
    opacity: 0;
    margin-bottom: 0;
    display: none;
    transition: all 1s;
}
.hneapple-boxes:hover .hneappleb-img{
    opacity: 1;
    height: auto;
    display: block;
    margin-bottom: 20px;
    transition: all 0.5s;
} */
.hneapple-boxes {
    position: relative;
    overflow: hidden;
    /* transition: transform 0.5s ease-in-out, box-shadow 0.5s ease-in-out; */
}
/* .hneappleb-img {
    opacity: 0;
    transform: rotateX(90deg);
    transform-origin: top;
    transition: all 1.5s, opacity 0.2s;
}
.hneapple-boxes:hover {
    transform: scale(1.02);
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);
}
.hneapple-boxes:hover .hneappleb-img {
    opacity: 1;
    height: 100%;
    transform: scale(1);
}
.hneapple-boxes .hneappleb-desc {
	margin-top: -240px;
	transition: all 0.3s;
}
.hneapple-boxes:hover .hneappleb-desc {
	margin-top: 0;
    transition-delay: 1s;
    transition: all 1s;
} */
.home-neapproach .row + .row .col-lg-4:nth-child(2n) .hneapple-boxes .bullet-point ul li{
    color: #333333;
}
.home-neapproach .row + .row .col-lg-4:nth-child(2n) .hneapple-boxes {
    background: #FECC72;
}
.home-neapproach .row + .row{
    margin-top: 20px;
    row-gap: 30px;
}
.serviphilb-img img, .serviphilb-img svg{
    max-width: 62px;
}
.serviphilb-img{
    margin-bottom: 14px;
}
.serviphil-box h3{
    font-size: 21px;
    line-height: 30px;
    font-weight: 700;
    color: #1D1D1D;
    margin-bottom: 15px;
}
.serviphil-box p{
    color: #717170;
    margin-bottom: 0px;
}
.serviphil-box{
    padding: 45px 30px;
    background: #F7F4F9;
    border: 1px solid #D8CCE2;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    border-radius: 20px;
    transition: all 0.5s;
}
.serviprodtab-main{
    margin-top: 30px;
}
.serviprod-desc h4{
    font-size: 24px;
    line-height: 33px;
    font-weight: 700;
    color: #5B2A86;
    margin-bottom: 18px;
}
.serviprod-desc.bullet-point ul li{
    font-size: 20px;
    line-height: 29px;
    font-weight: 400;
    color: #717170;
}
.serviprod-desc.bullet-point ul li b, .serviprod-desc.bullet-point ul li strong{
    font-weight: 700;
}
.serviprod-desc.bullet-point ul li::before {
	top: 4px;
}
.purpbullet-point.hneappri-box ul li + li {
	margin-top: 0;
}
.indusinfo-desc.bullet-point ul li{
    font-size: 20px;
    line-height: 30px;
}
.indusinfo-desc ul li b, .indusinfo-desc ul li strong{
    font-weight: 700;
    color: #5B2A86;
    font-size: 24px;
    line-height: 32px;
}
.indusinfo-desc.bullet-point ul li::before {
	top: 5px;
}
.indushow-main img{
    width: 100%;
}
.indus-why .row:nth-child(3){
    margin-top: 30px;
}
.indfusinerde-box{
    padding: 50px 30px;
    background: #FDF5E9;
    border: 1px solid #F08519;
    border-radius: 20px;
    width: 100%;
    height: 100%;
}
.indfusinerde-box p{
    margin-bottom: 15px;
}
.indfusinerde-box ul li + li{
    margin-top: 10px;
}
.indfusinerde-box ul li, .indfusinerde-box p{
    font-size: 20px;
    line-height: 30px;
    font-weight: 400;
    color: #717170;
}
.indfusinerde-box ul li b, .indfusinerde-box ul li strong, .indfusinerde-box p b, .indfusinerde-box p strong{
    font-weight: 700;
    color: #5B2A86;
}
.indfus-maintab{
    margin-top: 45px;
}
.indfus-maintab ul li a {
	padding: 15px 20px;
	min-height: 88px;
	display: flex;
    text-align: center;
	align-items: center;
    justify-content: center;
}
.indfusiinner-tab ul li + li{
    margin-top: 20px;
}
.indfusiinner-tab ul li{
    font-size: 20px;
    line-height: 30px;
    font-weight: 400;
    color: #333333;
}
.indfusiinner-tab ul li a{
    display: grid;
    grid-template-columns: 30px auto;
    gap: 15px;
    padding:5px 5px 5px 20px;
    color: #333;
    position: relative;
    align-items: center;
    transition: all 0.5s;
    z-index: 1;
}
.indfusiinner-tab ul li a:hover, .indfusiinner-tab ul li a.active{
    font-weight: 700;
}
.indfusiinner-tab ul li a::before{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    height: 0;
    width: 3px;
    margin: auto;
    background: #F08519;
    border-radius: 10px;
    transition: all 0.5s;
    z-index: -1;
}
.indfusiinner-tab ul li a:hover::before, .indfusiinner-tab ul li a.active::before{
    height: 100%;
}
.indfusiinner-tab ul li img, .indfusiinner-tab ul li svg{
    width: 100%;
}
.indfusiinner-tab , .indfusinerdesc-main{
    width: 100%;
}
.indfusi-main{
    margin-top: 50px;
}
.indfusinerde-box, .indfusi-box{
    display: none;
}
.continfo-desc ul li {
	font-size: 22px;
	line-height: 33px;
	font-weight: 700;
	color: #333333;
	display: grid;
	grid-template-columns: 40px auto;
	gap: 20px;
}
.continfo-desc ul li a{
    color: #333;
    max-width: fit-content;
}
.continfo-desc ul li a:hover{
    color: #F08519;
}
.continfo-desc ul li + li{
    margin-top: 20px;
}
.contact-form{
    padding: 40px 25px;
    background: #F9F5FD;
    border-radius: 20px;
}
.contmap-main iframe{
    width: 100%;
    border-radius: 20px;
    height: 600px;
}
.bltablist-swiper .swiper-slide {
    width: max-content !important;
}
.bllist-tab a{
    background: #fff;
    border: 1px solid #CEBFDB;
    font-size: 20px;
    line-height: 30px;
    font-weight: 700;
    color: #333;
    display: block;
    border-radius: 10px;
    padding: 15px 30px;
    text-align: center;
}
.bllist-tab a.active, .bllist-tab a:hover{
    background: #5B2A86;
    color: #fff;
    border-bottom: 2px solid #F08519;
}
.blog-listing .hblog-box:hover{
    background: #FDF5E9;
    border: 2px solid #F08519;
    box-shadow: 4px 4px 10px 0px rgba(0, 0, 0, 0.25);
}
.blolist-main{
    margin-top: 50px;
}
.blog-listing .bottom-btn {
	margin-top: 50px;
}
.blolist-main .row {
    row-gap: 40px;
}
.blolist-main .col-lg-4{
	display: inherit;
}
.blogde-banner{
    padding: 100px 0px;
}
.blogde-banner h1:last-child{
    margin-bottom: 0;
}
.blderai-desc h2{
    font-size: 25px;
    line-height: 33px;
    font-weight: 700;
    color: #333333;
    margin-bottom: 15px;
}
.blderai-desc h3{
    font-size: 21px;
    line-height: 28px;
    font-weight: 700;
    color: #333333;
    margin-bottom: 15px;
}
.blderai-desc p{
    font-size: 18px;
    line-height: 26px;
    font-weight: 400;
    color: #717170;
    margin-bottom: 26px;
}
.blderai-desc ol, .blderai-desc ol li {
	list-style-type: symbols;
}
.blderai-desc ol{
    padding-left: 20px;
}
.blderai-desc ol li{
    font-size: 18px;
    line-height: 26px;
    font-weight: 400;
    color: #717170;
}
.blderai-desc ol li + li{
    margin-top: 10px;
}
.blderai-desc ol, .blderai-desc ul{
    margin-bottom: 30px;
}
.blderai-desc ol li b, .blderai-desc ol li strong{
    font-weight: 700;
    color: #333333;
}
.blderai-desc p a, .blderai-desc ul li a, .blderai-desc ol li a{
    color: #333333;
    font-weight: 700;
}
.blderai-desc p a:hover, .blderai-desc ul li a:hover, .blderai-desc ol li a:hover{
    color: #F08519;
}
.blderai-bottom {
    display: grid;
    grid-template-columns: 150px auto;
    align-items: center;
    border: 1px solid #D9D9D9;
    border-radius: 20px;
    margin-top: 30px;
}
.blderaibo-img{
    padding: 20px;
    text-align: center;
}
.blderaibo-img img{
    width: 90%;
    border-radius: 50%;
}
.blderaibo-desc{
    padding: 15px 20px;
    border-left: 1px solid #D9D9D9;
}
.blderaibo-desc p{
    font-size: 18px;
    line-height: 26px;
    font-weight: 400;
    color: #717170;
    margin-bottom: 0;
}
.blderaibo-desc p b, .blderaibo-desc p strong{
    font-weight: 400;
    color: #333;
}
.blderi-title h3{
    font-size: 22px;
    line-height: 30px;
    font-weight: 700;
    color: #333333;
    margin-bottom: 20px;
    padding-bottom: 10px;
    border-bottom: 2px solid #F4BD8B;
}
.blderi-recent ul li{
    font-size: 16px;
    line-height: 24px;
    font-weight: 700;
    color: #333333;
}
.blderi-recent ul li a{
    color: #333;
}
.blderi-recent ul li a:hover{
    color: #F08519;
}
.blderi-recent ul li + li{
    margin-top: 10px;
    padding-top: 10px;
    border-top: 1px solid #E0E0E0;
}
.blderi-box{
    padding: 30px;
    border-radius: 20px;
    background: #F9F5FD;
}
.blderi-serach, .blderi-categori, .blderi-tags, .blderi-ltnews{
    margin: 30px 0px;
}
.blderi-categori ul li a{
    display: grid;
    grid-template-columns: 22px auto;
    align-items: center;
    gap: 10px;
    color: #717170;
    max-width: fit-content;
    font-weight: 400;
}
.blderi-categori ul li a:hover{
    color: #F08519;
}
.blderi-categori ul li a img{
    width: 100%;
}
.blderi-categori ul li {
    font-size: 20px;
    line-height: 30px;
    font-weight: 400;
    color: #717170;
}
.blderi-categori ul li + li{
    margin-top: 10px;
}
.blderi-tags ul li{
    font-size: 16px;
    line-height: 24px;
    font-weight: 400;
    color: #717170;
}
.blderi-tags ul li a{
    color: #717170;
    background: #fff;
    border-radius: 10px;
    display: block;
    padding: 10px 15px;
}
.blderi-tags ul li a:hover{
    background: #F08519;
    color: #fff;
}
.blderi-tags ul{
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
}
.bldeltnew-box{
    display: grid;
    grid-template-columns: 80px auto;
    gap: 10px;
    align-items: center;
}
.bldeltnew-box img{
    width: 100%;
    border-radius: 50%;
}
.bldeltnewb-desc h4{
    font-size: 16px;
    line-height: 24px;
    font-weight: 700;
    color: #333333;
    margin-bottom: 8px;
}
.bldeltnewb-desc h4 a{
    color: #333;
}
.bldeltnewb-desc h4 a:hover{
    color: #F08519;
}
.bldeltnewb-desc p{
    font-size: 15px;
    line-height: 23px;
    font-weight: 400;
    color: #717170;
    margin-bottom: 0;
}
.bldeltnew-box + .bldeltnew-box{
    margin-top: 20px;
}
.indmenu-appro .row:nth-child(3){
    margin-top: 30px;
}
.indmanuf-acce .indfusi-box{
    background: #FDF5E9;
    border: 1px solid #F08519;
    padding: 30px;
    border-radius: 20px;
}
.indmanuf-acce .indfusi-main {
	margin-top: 30px;
}
.blolist-box{
    display: none;
}
.serviprod-img img{
    max-width: 50%;
    margin: auto;
}
.indfusi-box p:last-child {
	margin-bottom: 0;
}
.coninfobo-box{
    padding: 50px;
    background: #F7EEE8;
    border: 1px solid #D8C7D4;
    border-radius: 20px;
    text-align: center;
}
.coninfobo-img img{
    max-width: 100%;
    text-align: center;
    width: 70%;
}
.coninfobo-img{
    margin-bottom: 25px;
}
.coninfobo-box h3{
    font-size: 30px;
    line-height: 40px;
    font-weight: 700;
    color: #1D1D1D;
    margin-bottom: 0;
}
.coninfobo-main .row{
    row-gap: 40px;
}
.coninfobo-main{
    background: #FFF8ED;
    padding: 50px 0px;
    margin-top: 70px;
}
.continfo-tabbtn .btn-primary:focus{
    color: #fff;
    background: #5B2A86;
    border: 1px solid #5B2A86;
}
#contact-qr{
    display: none;
}
.resource-inbox{
    display: grid;
    grid-template-columns: 200px auto;
    gap: 30px;
    padding: 40px 30px;
    background: #FFFFFF;
    align-items: center;
    border: 1px solid #CDCDCD;
    border-radius: 10px;
    transition: all 0.5s;
	height: 100%;
}
.resource-desc p{
    font-size: 18px;
    line-height: 26px;
    font-weight: 400;
    color: rgba(51,51,51,0.8);
    margin-bottom: 30px;
}
.resource-main{
    margin-top: 70px;
}
.resource-desc a{
    color: #5B2A86;
}
.resource-img img{
    border-radius: 50%;
    width: 100%;
}
.resource-box .row {
    row-gap: 40px;
}
.resource-inbox:hover{
    background: #FDF5E9;
    border: 1px solid #F08519;
}
.resource-main .bottom-btn{
    margin-top: 50px;
}
.resource-box{
    display: none;
}
.abguidb-img svg path, .serviphilb-img svg path, .hcmsolmi-box .hcmsolmib-img svg path, .indfusiinner-tab ul li svg path {
	fill: #5B2A86;
    transition: all 0.5s;
}
.abguid-box:hover .abguidb-img svg path, .serviphil-box:hover .serviphilb-img svg path, .hcmsolmi-box:hover .hcmsolmib-img svg path {
	fill: #F08519;
}
.abguid-box:hover, .serviphil-box:hover, .hcmsolmi-box:hover{
    background: #FDF5E9;
    border: 1px solid #F08519;
}
.servismart-box .servismar-img svg path{
    fill: #1D1D1D;
    transition: all 0.5s;
}
.servismart-box:hover .servismar-img svg path{
    fill: #5B2A86;
}
.servismart-box:hover .servismartb-top h3{
    color: #5B2A86;
}
.servismarbo-box:hover{
    background: #fff;
}
.servismarbo-box  .servismarbob-img svg path{
    fill: #000;
    transition: all 0.5s;
}
.servismarbo-box:hover  .servismarbob-img svg path{
    fill: #5B2A86;
}
.industry-template-engineering-and-construction .indus-why .row + .row .col-lg-4:nth-child(5) .serviphil-box .serviphilb-img svg path, .industry-template-engineering-and-construction .indus-why .row + .row .col-lg-4:nth-child(6) .serviphil-box .serviphilb-img svg path, .industry-template-healthcare .indus-why .row + .row .col-lg-4:nth-child(5) .serviphil-box .serviphilb-img svg path, .industry-template-healthcare  .indus-why .row + .row .col-lg-4:nth-child(6) .serviphil-box .serviphilb-img svg path{
    stroke: #5B2A86;
    fill: #f7f4f9;
    transition: all 0.5s;
}
.industry-template-engineering-and-construction .indus-why .row + .row .col-lg-4:nth-child(5) .serviphil-box:hover .serviphilb-img svg path, .industry-template-engineering-and-construction .indus-why .row + .row .col-lg-4:nth-child(6) .serviphil-box:hover .serviphilb-img svg path, .industry-template-healthcare .indus-why .row + .row .col-lg-4:nth-child(5) .serviphil-box:hover .serviphilb-img svg path, .industry-template-healthcare  .indus-why .row + .row .col-lg-4:nth-child(6) .serviphil-box:hover .serviphilb-img svg path{
    stroke: #F08519;
    fill: #FDF5E9;
}
.resource-modal .forminator-row{
    flex-direction: column;
    gap: 15px;
}
.resource-modal .forminator-row {
	margin-bottom: 15px !important;
}
.resource-modal .forminator-row.forminator-row-last {
	margin-bottom: 0 !important;
	margin-top: 30px;
}
.resource-modal .forminator-input, .resource-modal .forminator-input:hover, .resource-modal .forminator-input:focus, .resource-modal .forminator-input:active {
	border-color: #CDCDCD !important;
	background-color: #fff !important;
	color: #1d1d1d !important;
	padding: 10px !important;
    font-size: 17px !important;
  font-weight: 400;
  font-family: "PT Sans", sans-serif !important;
	height: 44px !important;
    border-radius: 7px !important;
}
.resource-modal .forminator-field label {
	font-size: 16px !important;
	line-height: 24px !important;
	margin-bottom: 7px !important;
    max-width: fit-content !important;
    color: #5b2a86 !important;
}
.resource-modal .forminator-button {
	font-size: 16px !important;
	line-height: 23px !important;
	color: #fff !important;
	padding: 9px 19px !important;
	background: #5B2A86 !important;
	border: 1px solid #5B2A86 !important;
	outline: none !important;
	border-radius: 70px !important;
	font-weight: 700;
}
.resource-modal .forminator-button:hover {
    background: #F08519 !important;
    border-color: #F08519 !important;
    box-shadow: 0 0 0 !important;
}
.resource-modal .modal-body {
	padding: 30px 20px;
}
.resource-modal .modal-content {
	background: #FDF5E9;
	border-radius: 15px;
	border: 0;
	outline: none;
}
.resource-modal .modal-header {
	padding: 0;
	border: 0;
	margin: 0;
}
.resource-modal .btn-close {
	position: absolute;
	background: #5b2a86;
	opacity: 1;
	border-radius: 50% !important;
	padding: 0 !important;
	width: 40px;
	height: 40px;
	text-align: center;
	display: flex;
	align-items: center;
	justify-content: center;
	right: -10px;
    box-shadow: 0 0 0 !important;
    z-index: 3;
    transition: all 0.3s;
}
.resource-modal .btn-close:hover{
    background: #F08519;
}
.resource-modal .btn-close svg{
    max-width: 15px;
    animation: none;
}
.resource-modal .btn-close svg path{
    fill: #fff;
}
.serviprodta-main {
	position: relative;
	z-index: 1;
	padding-top: 60px;
}
.serviprod-tabb ul li{
    position: absolute;
    max-width: 66px;
}
.serviprod-tabb ul li:first-child {
	left: 15%;
	top: 32%;
}
.serviprod-tabb ul li:nth-child(2) {
	left: 24%;
	top: 9%;
}
.serviprod-tabb ul li:nth-child(3) {
	left: 44%;
	top: 0;
}
.serviprod-tabb ul li:nth-child(4) {
	right: 24%;
	top: 8%;
}
.serviprod-tabb ul li:nth-child(5) {
	top: 32%;
	right: 15%;
}
.serviprod-tabb ul li svg, .serviprod-tabb ul li img {
    max-width: 100%;
}
.serviprodtab-box{
    display: none;
}
.ban-btn {
	font-size: 28px;
	line-height: 40px;
	font-weight: 500;
	color: #1D1D1D;
	font-family: "Kalam", cursive;
}
#lottie-animation {
	border: 0;
	width: 100%;
	height: 590px;
	padding-bottom: 30px;
}
.hdecisiinner-main {
	display: grid;
	grid-template-columns: repeat(2,1fr);
	gap: 20px;
    align-items: center;
    position: relative;
    z-index: 1;
}
.hdecisi-img img {
	width: 100%;
	border-radius: 20px;
}
.hdecisi-desc p {
	font-size: 18px;
	line-height: 24px;
	color: #1d1d1d;
}
.hdecisi-desc p:last-child{
    margin-bottom: 0;
}
.hblogb-desc p{
	display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
	  overflow: hidden;
}
.serviprod-tabb ul li a svg path{
	fill: #5B2A86;
	transition: all 0.5s;
}
.serviprod-tabb ul li a:hover svg path, .serviprod-tabb ul li a.active svg path{
	fill: #F08519;
}
.abguid-box p:last-child {
	margin-bottom: 0;
}
.abteamb-img {
	filter: grayscale(100%);
}
.abteam-box .abteamb-img {
	filter: grayscale(100%);
	transition: all 0.5s;
}
.abteam-box:hover .abteamb-img {
	filter: grayscale(0%);
}
/* .abmivi-box.happroach-desc .accordion-collapse {
    transition: all 0s;
} */
.indusinfo-desc.bullet-point ul li a{
	color: #5B2A86;
	word-break: break-all;
}
.indusinfo-desc.bullet-point ul li a:hover{
	color: #F08519;
}
.swiper-button-prev::after, .swiper-button-next::after {
	display: none;
}
.swiper-button-disabled {
	display: none;
}
.hsol-tab, .indfus-maintab {
	position: relative;
	z-index: 1;
}
.hsol-swiper-prev, .indta-swiper-prev, .indta2-swiper-prev{
    left: -13px;
}
.hsol-swiper-next, .indta-swiper-next, .indta2-swiper-next{
    right: -13px;
}
.indfusswip-tabbing .swiper-slide .indflswip-tab a, .indfusswip-tabbing2 .indflswip-tab a {
	height: 100%;
	display: block;
	min-height: 59px;
	display: flex;
	justify-content: center;
	align-items: center;
}
.hneapple-boxes:hover, .home-neapproach .row + .row .col-lg-4:nth-child(2n) .hneapple-boxes:hover{
	background:url('https://orbrick.com/wp-content/uploads/2024/08/starsanimated.gif') no-repeat right bottom;
	background-color:#F09518;
}
.serplan-grid {
    display: grid;
    grid-template-columns: repeat(1, 25%) repeat(5, 75%);
}
.serplan-scroll {
    display: grid;
    grid-template-columns: repeat(5, 20%);
}
.serplan-box {
    display: flex;
    flex-direction: column;
	z-index: 0;
	padding: 28px 15px;
    border-radius: 15px;
	transition: all 0.5s;
    text-align: center;
    position: relative;
}
.serplan-box::after {
    content: "";
    position: absolute;
    top: 10px;
    bottom: 10px;
    right: 0;
    width: 1px;
    background-color: rgba(240, 133, 25, 0.5);
}
.serplan-box.serplan-detials {
    padding: 28px 0;
    text-align: left;
}
.serplan-box:hover {
    background: #F8EDE2;
}
.serplan-box.serplan-detials:hover {
    background: transparent;
}
.serplan-box:last-child:after {
    display: none;
}
.serplan-top h3 {
    font-weight: 700;
    font-size: 22px;
    line-height: 30px;
    color: #F08519;
    margin-bottom: 30px;
	transition: all 0.5s;
}
.serplan-top p {
    font-weight: 400;
    font-size: 12px;
    line-height: 18px;
    color: #000000;
    margin-bottom: 30px;
	transition: all 0.5s;
    min-height: 90px;
}
.serplan-box.serplan-detials .serplan-top p {
    font-weight: 400;
    font-size: 18px;
    line-height: 23px;
    color: #3D3D3D;
}
.serplan-middle {
    flex: 2;
}
.serplan-middle li{
    font-weight: 400;
    font-size: 16px;
    line-height: 21px;
    color: #000000;
}
.serplan-middle li + li{
    margin-top: 30px;
}
.serplan-middle li img {
    max-width: 20px;
}
.serplan-box.serplan-detials .serplan-middle li {
    font-weight: 400;
    font-size: 14px;
    line-height: 18px;
    color: #3D3D3D;
}
.serplan-box .serplan-middle li:nth-child(4) {
	min-height: 36px;
	display: flex;
	align-items: center;
	justify-content: center;
}
.serpan-other-plan {
    background-color: #F8EDE2;
    border-radius: 20px;
    padding: 30px;
}
.serpan-other-plan h5 {
    font-weight: 700;
    font-size: 18px;
    line-height: 23px;
    color: #000000;
    margin-bottom: 30px;
}
.serpan-other-plan ul {
    max-width: 70%;
}
.serpan-other-plan ul li {
    font-weight: 400;
    font-size: 18px;
    line-height: 23px;
    color: #000000;
}
.serpan-other-plan ul li + li {
    margin-top: 30px;
}
@media screen and (max-width: 1399px) {
    header .hedright-img img {
        max-width: 170px;
    }
    header .menu-item + .menu-item {
        margin-left: 25px;
    }
    .home-banner {
        padding: 120px 0px;
    }
    .hb-desc h1 {
        font-size: 50px;
        line-height: 58px;
    }
    .hb-img {
        max-width: 40%;
    }
    .hb-desc {
        max-width: 70%;
    }
    .hnum-box h3 {
        font-size: 50px;
        line-height: 60px;
    }
    .hnum-box p {
        font-size: 18px;
        line-height: 23px;
    }
    .hnum-box {
        padding: 45px 40px;
        height: 270px;
    }
    .hservice-shape1 {
        width: 120px;
    }
    .hsol-shape1 {
        max-width: 110px;
        top: 20px;
        left: 2%;
    }
    .hsol-shape2 {
        max-width: 80px;
        top: -65px;
    }
    .hindu-shape1 {
        max-width: 143px;
        top: -120px;
    }
    .hblog-shape1 {
        max-width: 148px;
        top: 60px;
        left: 4%;
    }
    .cta-desc.inner-title h2 {
        font-size: 42px;
        line-height: 54px;
    }
    .incta-main::before {
        top: 20%;
    }
    .hsol-tab ul li, .indfus-maintab ul li, .resource-tab ul li {
        font-size: 18px;
        line-height: 27px;
    }
    .serviprod-tabb ul li {
        max-width: 56px;
    }
    .hdecisi-shape1 {
        top: -430px;
    }
    .hdecisi-main .row:nth-child(2) .col-lg-6:nth-child(2n) .hdecisiinner-main::before {
        left: -3%;
    }
	.serviprod-tabb ul li:first-child {
		left: 13%;
		top: 33%;
	}
	.serviprod-tabb ul li:nth-child(5) {
		top: 33%;
		right: 12%;
	}
    .serplan-top p  {
        min-height: 108px;
    }
    .serplan-box .serplan-middle li:nth-child(4) {
        min-height: 54px;
    }
}
@media screen and (max-width: 1199px) { 
    header .hedright-img img {
        max-width: 110px;
    }
	header .menu-item + .menu-item {
		margin-left: 20px;
	}
	header .hedright-img {
		margin-left: 25px;
	}
    header .menu-item a {
        font-size: 16px;
        padding: 35px 0px;
    }
    .home-banner {
        margin-top: 96px;
    }
    .home-banner {
        padding: 90px 0px;
    }
    .hb-desc h1 {
        font-size: 37px;
        line-height: 45px;
    }
    .hb-desc p {
        font-size: 17px;
        line-height: 24px;
        margin-bottom: 40px;
    }
    .mt-120{
        margin: 80px 0px 0px;
    }
    .mtb-120{
        margin: 80px 0px;
    }
    .mb-120{
        margin-bottom: 80px;
    }
    .mt-50{
        margin-top: 30px;
    }
    .pt-120{
        padding: 80px 0px 0px;
    }
    .ptb-120{
        padding: 80px 0px;
    }
    .pb-120{
        padding: 0px 0px 80px 0px;
    }
    .title h3, .inner-title h2 {
        font-size: 34px;
        line-height: 44px;
    }
    .title h2 {
        font-size: 17px;
        line-height: 26px;
        margin-bottom: 12px;
    }
    .happroach-desc .accordion-button {
        padding: 15px 18px;
        font-size: 20px;
        line-height: 30px;
    }
    .happroach-desc .accordion-body {
        padding: 0px 18px 18px;
    }
    .happroach-desc .accordion-body p {
        font-size: 16px;
        line-height: 22px;
        margin-bottom: 13px;
    }
    .hnum-box h3 {
        font-size: 40px;
        line-height: 50px;
    }
    .hnum-box p {
        font-size: 16px;
        line-height: 17px;
    }
    .hnum-box {
        padding: 30px 35px;
        height: 220px;
    }
    .home-challenge .hchall-shape1, .servi-smart .sesamrt-shape1 {
        top: -59px;
        right: 30px;
        max-width: 150px;
    }
    .servi-smart .sesamrt-shape1 {
        max-width: 130px;
    }
    .home-challenge .row + .row, .home-industri .row + .row {
        margin-top: 10px;
    }
    .hchall-box {
        padding: 19px;
    }
    .hchall-box h4 {
        font-size: 40px;
        line-height: 50px;
    }
    .hchallb-top p {
        font-size: 17px;
        line-height: 24px;
        margin-bottom: 18px;
    }
    .hchallb-bottom {
        padding: 14px 3px 0px;
    }
    .hchallb-bottom p {
        font-size: 17px;
        line-height: 27px;
        margin-bottom: 12px;
    }
    .bullet-point ul li {
        font-size: 16px;
        line-height: 24px;
    }
    .hservice-shape2 {
        top: 10px;
        max-width: 170px;
    }
    .hservice-box {
        padding: 0px 15px 20px;
    }
    .hservice-img img {
        max-width: 40px;
    }
    .hservice-desc h4 {
        font-size: 19px;
        line-height: 24px;
        margin-bottom: 6px;
    }
    .hservice-desc p {
        font-size: 15px;
        line-height: 20px;
        margin-bottom: 11px;
    }
    .hsol-shape2 {
        max-width: 60px;
        top: -45px;
    }
    .hsol-shape1 {
        max-width: 90px;
        top: 20px;
        left: 2%;
    }
    .hsol-tab ul li a, .resource-tab ul li a {
        padding: 11px;
    }
	.hsolswip-tabbing .hsolswip-tab a, .indfusswip-tabbing .indflswip-tab a, .indfusswip-tabbing2 .indflswip-tab a{
		padding: 11px;
	}
    .hsol-tab ul li, .resource-tab ul li {
        font-size: 18px;
        line-height: 28px;
    }
    .hsoltabbb-desc h4 {
        font-size: 22px;
        line-height: 30px;
        margin-bottom: 13px;
    }
    .hsoltabbb-desc p {
        font-size: 18px;
        line-height: 26px;
        margin-bottom: 22px;
    }
    .hsol-tabbing {
        margin-top: 30px;
    }
    .home-challenge .row + .row, .home-industri .row + .row, .home-blog .row + .row {
        margin-top: 0px;
        row-gap: 30px;
    }
    .hindu-box {
        padding: 20px;
    }
    .hindu-box h4 {
        font-size: 19px;
        line-height: 26px;
    }
    .hindu-box h4 {
        font-size: 19px;
        line-height: 26px;
        margin-bottom: 12px;
    }
    .hblog-box {
        padding: 14px 10px;
    }
    .hblogb-desc h4 {
        font-size: 19px;
        line-height: 27px;
    }
    .hblog-shape1 {
        max-width: 98px;
        top: 50px;
        left: 3%;
    }
    .btn-primary, .btn-white {
        font-size: 16px;
        line-height: 25px;
        padding: 8px 21px;
    }
    .hblogb-desc p {
        font-size: 16px;
        line-height: 22px;
        margin-bottom: 15px;
    }
    .cta-desc.inner-title h2 {
        font-size: 32px;
        line-height: 44px;
    }
    .inner-title.cta-desc p {
        font-size: 17px;
        line-height: 25px;
    }
    .cta-desc {
        margin-bottom: 40px;
    }
    .f-top {
        padding: 50px 0px 35px;
    }
    .f-logo img {
        max-width: 194px;
    	width: 194px;
	}
    .f-left ul li img {
        max-width: 174px;
    }
    .f-left ul li img {
        max-width: 174px;
    }
    .f-links ul li {
        font-size: 16px;
        line-height: 23px;
    }
    .f-bottom {
        padding: 10px 0px;
    }
    .fbott-desc p {
        font-size: 15px;
        line-height: 22px;
    }
    .cta::before {
        top: 54px;
    }
    .inner-banner {
        padding: 50px 0px;
        margin-top: 97px;
    }
    .inb-desc h1 {
        font-size: 34px;
        line-height: 42px;
    }
    .servismarbo-box {
        padding: 30px 30px;
    }
    .incta-main::before {
        top: 15%;
    }
    .servisuppde-box + .servisuppde-box {
        margin-top: 15px;
    }
    .servismart-inner {
        margin: 30px 0px 0px;
    }
    .servisomb-img img {
        border-radius: 15px 15px 0px 0px;
    }
    .servisom-box {
        border-radius: 15px;
    }
    .servisomb-desc h3 {
        font-size: 22px;
        line-height: 30px;
    }
    .abint-desc p, .abmivib-desc p {
        font-size: 17px;
        line-height: 23px;
    }
    .abguid-box {
        padding: 30px 25px;
    }
    .abguidb-img img, .abguidb-img svg {
        max-width: 60px;
        max-height: 60px;
    }
    .abguidb-img {
        margin-bottom: 14px;
    }
    .abguid-box h3 {
        font-size: 22px;
        line-height: 37px;
    }
    .abmivib-desc.inner-title h2 {
        margin-bottom: 11px;
    }
    .abteamb-desc {
        padding: 10px 12px;
        left: 10px;
        right: 10px;
    }
    .abteam-box:hover .abteamb-desc{
        bottom: 10px;
    }
    .abteamb-desc p {
        font-size: 13px;
        line-height: 20px;
    }
    .abteamb-desc h3 {
        line-height: 25px;
        margin-bottom: 1px;
    }
    .inner-title.hcmsoltut-title p {
        font-size: 17px;
        line-height: 22px;
        margin-bottom: 20px;
    }
    .hcmsoltut-title.bullet-point ul li, .erpsolpow-desc.bullet-point ul li,.inner-title.epmsolpow-desc ul li {
        font-size: 17px;
        line-height: 25px;
        padding-left: 30px;
    }
    .hcmsolbott-desc p, .inner-title.epmsolpow-desc p, .epmsolpowbo-desc p{
        font-size: 17px;
        line-height: 25px;
        margin-bottom: 20px;
    }
    .bullet-point ul li + li {
        margin-top: 7px;
    }
    .hcmsoltut-title.bullet-point ul li::before, .erpsolpow-desc.bullet-point ul li::before, .epmsolpow-desc.bullet-point ul li::before {
        top: 3px;
    }
    .hcmsolmi-box {
        padding: 22px;
    }
    .purpbullet-point ul li::before {
        top: 4px;
        width: 17px;
        height: 17px;
    }
    .purpbullet-point ul li {
        font-size: 17px;
        line-height: 24px;
        padding-left: 27px;
    }
    .hcmsolmi-box h3 {
        font-size: 19px;
        line-height: 28px;
    }
    .hcmsolmib-img img, .hcmsolmib-img svg {
        max-width: 54px;
    }
    .hcmsol-midd {
        margin: 50px 0px 30px;
    }
    .textsoli-desc.inner-title p {
        font-size: 18px;
        line-height: 26px;
        margin-bottom: 20px;
    }
    .textsoli-desc.bullet-point ul li {
        font-size: 17px;
        line-height: 26px;
    }
    .textsoli-desc h3 {
        font-size: 22px;
        line-height: 30px;
        margin-bottom: 14px;
    }
    .textsoli-desc p b, .textsoli-desc p strong {
        font-size: 21px;
        line-height: 30px;
    }
    .textsoli-box + .textsoli-box {
        margin-top: 70px;
    }
    .hdecisi-img img {
        width: 100%;
    }
    .hdecisi-main {
        padding: 40px;
    }
    .hneappleb-desc p, .hneappri-box p {
        font-size: 16px;
        line-height: 21px;
        margin-bottom: 20px;
    }
    .hneappri-main ul {
        grid-template-columns: repeat(1,1fr);
        gap: 7px;
    }
    .home-neapproach .row + .row {
        margin-top: 10px;
    }
    .hdecisi-shape1 {
        top: -320px;
        max-width: 300px;
    }
    .serviphil-box {
        padding: 30px 25px;
    }
    .serviphil-box p, .title.serviprod-title p, .serviai-desc.inner-title p {
        font-size: 18px;
        line-height: 24px;
    }
    .serviprod-desc.bullet-point ul li {
        font-size: 18px;
        line-height: 26px;
    }
    .serviphil-box h3 {
        font-size: 20px;
        line-height: 29px;
        margin-bottom: 10px;
    }
    .servi-philos .row + .row, .indus-why .row :nth-child(2) {
        margin-top: 0px;
    }
    .indusinfo-desc.bullet-point p, .indusinfo-desc.bullet-point ul li {
        font-size: 18px;
        line-height: 26px;
    }
    .indusinfo-desc ul li b, .indusinfo-desc ul li strong {
        font-size: 21px;
        line-height: 30px;
    }
    .hneappleb-img img {
        max-width: 70%;
    }
    .indfus-maintab ul li a {
        min-height: 58px;
    }
    .hsol-tab ul li, .indfus-maintab ul li, .resource-tab ul li {
        text-wrap: nowrap;
    }
    .hsol-tab ul, .indfus-maintab ul, .resource-tab ul {
        flex-wrap: nowrap;
		overflow: none;
        overflow-x: auto;
		padding-bottom: 0px;
    }
    .indfus-maintab {
        margin-top: 35px;
    }
    .indfusi-main {
        margin-top: 30px;
    }
    .indfusinerde-box {
        padding: 25px;
    }
    .indfusinerde-box ul li, .indfusinerde-box p, .indfusiinner-tab ul li {
        font-size: 18px;
        line-height: 28px;
    }
    .indfusiinner-tab ul li + li {
        margin-top: 14px;
    }
    .indus-why .row:nth-child(2) {
        margin-top: 0px;
    }
    .continfo-desc ul li {
        font-size: 20px;
        line-height: 28px;
    }
    .contmap-main iframe {
        height: 450px;
    }
    .continfo-desc ul li {
        font-size: 18px;
        line-height: 25px;
        grid-template-columns: 40px auto;
        gap: 14px;
    }
    .contact-form {
        padding: 30px 20px;
    }
    .contmap-main iframe {
        height: 330px;
    }
    .blog-listing .bottom-btn {
        margin-top: 30px;
    }
    .bllist-tab a {
        font-size: 18px;
        line-height: 28px;
        padding: 12px;
    }
    .blolist-main {
        margin-top: 30px;
    }
    .serviprod-img img {
        max-width: 60%;
    }
    .blderi-box {
        padding: 22px;
    }
    .blderi-title h3 {
        font-size: 20px;
        line-height: 28px;
    }
    .blderi-categori ul li {
        font-size: 18px;
        line-height: 28px;
    }
    .blderi-categori ul li + li {
        margin-top: 7px;
    }
    .blderi-tags ul li a {
        padding: 8px 13px;
    }
    .bldeltnewb-desc h4 {
        font-size: 14px;
        line-height: 19px;
    }
    .bldeltnew-box {
        grid-template-columns: 70px auto;
    }
    .bldeltnewb-desc p {
        font-size: 13px;
        line-height: 21px;
    }
    .inner-banner.blogde-banner {
        padding: 80px 0px;
    }
    .happroach-desc .accordion-body ul li {
        font-size: 16px;
        line-height: 23px;
    }
    .home-neapproach .row + .row .col-lg-4:nth-child(2n) .hneapple-boxes .bullet-point ul li {
        font-size: 16px;
        line-height: 27px;
    }
    .continfo-desc ul li {
        grid-template-columns: 35px auto;
    }
    .coninfobo-box {
        padding: 27px;
    }
    .coninfobo-box h3 {
        font-size: 24px;
        line-height: 35px;
    }
    .coninfobo-main .row {
        row-gap: 30px;
    }
    .resource-main {
        margin-top: 40px;
    }
    .resource-inbox {
        grid-template-columns: 140px auto;
        padding: 25px;
    }
    .resource-box .row {
        row-gap: 30px;
    }
    .servismarbo-shape {
        max-width: 82px;
    }
    .hdecisi-main .row:nth-child(2) .col-lg-6:nth-child(2n) .hdecisiinner-main::before {
        left: -9%;
    }
    .resource-desc p {
        margin-bottom: 20px;
    }
    .serviprod-tabb ul li:first-child {
        left: 12%;
        top: 33%;
    }
    .serviprod-tabb ul li:nth-child(2) {
        left: 19%;
        top: 13%;
    }
    .serviprod-tabb ul li:nth-child(3) {
        left: 43%;
        top: 5px;
    }
    .serviprod-tabb ul li:nth-child(4) {
        right: 20%;
        top: 13%;
    }
    .serviprod-tabb ul li:nth-child(5) {
        top: 33%;
        right: 12%;
    }
    .hservice-img {
        padding: 15px 13px;
    }
    .hdecisiinner-main {
        grid-template-columns: 100%;
        max-width: 90%;
        margin: auto;
        text-align: center;
    }
    #lottie-animation {
        height: 430px;
    }
	.hsolswip-tabbing .hsolswip-tab a, .indfusswip-tabbing .indflswip-tab a, .indfusswip-tabbing2 .indflswip-tab a {
		font-size: 18px;
		line-height: 28px;
	}
	.serviprod-tabb ul li {
		max-width: 47px;
	}
	.serviprod-tabb ul li:first-child {
		left: 7%;
		top: 35%;
	}
	.serviprod-tabb ul li:nth-child(5) {
		top: 35%;
		right: 7%;
	}
    .serplan-grid {
        grid-template-columns: repeat(1, 35%) repeat(5, 65%);
    }
    .serplan-box.serplan-detials {
        background: #F8F8F8;
        padding-left: 15px;
        position: sticky;
        left: 0;
        top: 0;
    }
    .serplan-scroll {
        grid-template-columns: repeat(5, 30%);
        overflow: auto;
    }
    .serpan-other-plan ul {
        max-width: 90%;
    }
}
@media screen and (max-width: 991px) {
    header {
        padding: 22px 0px;
    }
    header .hedright-img img {
        max-width: 140px;
    }
    header .hedright-img {
        margin-left: 20px;
    }
    header.sticky {
        padding: 22px 0;
    }
    .home-banner {
        margin-top: 88px;
        padding: 50px 0px;
    }
    .inner-banner {
        padding: 40px 0px;
        margin-top: 88px;
    }
    .hb-desc h1 {
        font-size: 28px;
        line-height: 37px;
        margin-bottom: 15px;
    }
    .hb-desc .btn-primary, .hb-desc .btn-white {
        font-size: 14px;
        line-height: 25px;
        padding: 7px 18px;
    }
    .hb-desc p {
        margin-bottom: 30px;
    }
    .mt-120{
        margin: 70px 0px 0px;
    }
    .mtb-120{
        margin: 70px 0px;
    }
    .mb-120{
        margin-bottom: 70px;
    }
    .mt-50{
        margin-top: 25px;
    }
    .pt-120{
        padding: 70px 0px 0px;
    }
    .ptb-120{
        padding: 70px 0px;
    }
    .pb-120{
        padding: 0px 0px 70px 0px;
    }
    .title h3, .inner-title h2 {
        font-size: 28px;
        line-height: 36px;
        margin-bottom: 12px;
    }
    .home-approach .row, .ab-intro .row, .servi-ai .row {
        row-gap: 30px;
    }
    .hnum-box {
        height: 250px;
        max-width: 250px;
        margin: auto;
    }
    .hnum-main {
        grid-template-columns: repeat(2,1fr);
        gap: 25px;
    }
    .home-challenge .hchall-shape1, .servi-smart .sesamrt-shape1 {
        top: -49px;
        max-width: 120px;
    }
    .hservice-shape2 {
        top: -50px;
        max-width: 110px;
    }
    .home-service::after {
        bottom: 0%;
    }
    .home-service.mb-120 {
        margin-bottom: 0;
        padding-bottom: 70px;
    }
    .title.hservice-title p:last-child{
        margin-bottom: 0;
    }
    .hsol-shape1, .servisupp-shape, .hdecisi-shape1, .hservice-shape2, .hservice-shape1 {
        display: none;
    }
    .home-service .row {
        flex-direction: column-reverse;
    }
    .home-service::after {
        top: 35%;
    }
    .home-service::before {
        height: 35%;
    }
    .hsol-tab ul, .resource-tab ul {
        flex-wrap: nowrap;
        overflow: auto;
    }
    .hsol-tab ul li, .hsol-tab ul li a, .resource-tab ul li, .resource-tab ul li a{
        text-wrap: nowrap;
    }
    .hsol-tab ul li a, .resource-tab ul li a {
        padding: 11px 50px;
    }
	.hsolswip-tabbing .hsolswip-tab a, .indfusswip-tabbing .indflswip-tab a, .indfusswip-tabbing2 .indflswip-tab a {
		padding: 11px 20px;
	}
    .hsoltabbb-desc p {
        font-size: 17px;
        line-height: 22px;
    }
    .hsoltabb-inner {
        gap: 16px;
    }
    .hsoltabbb-desc h4 {
        font-size: 20px;
        line-height: 26px;
        margin-bottom: 9px;
    }
    body{
        font-size: 18px;
        line-height: 25px;
    }
    .hindu-shape1 {
        max-width: 113px;
        top: -130px;
    }
    .hblog-shape1 {
        max-width: 88px;
        top: 30px;
    }
    .cta::before {
        top: 00px;
        left: 0;
        right: 0;
        bottom: 0;
        border-top-left-radius: 0%;
        border-top-right-radius: 0%;
    }
    .cta-desc {
        margin-bottom: 30px;
    }
    .cta-img  {
        text-align: center;
    }
    .cta-img img {
        max-width: 70%;
    }
    .f-top .row, .home-service .row, .hcmsol-top .row, .hcmsol-midd .row, .erpsol-power .row {
        row-gap: 30px;
    }
    .inner-title.erpsolpow-desc p {
        margin-bottom: 20px;
    }
    .f-links {
        margin: 0;
    }
    .navbar-toggler {
        display: block;
        position: absolute;
        right: 25px;
        border: 0;
        border-radius: 00px;
        width: 40px;
        height: 40px;
        padding: 0px;
        box-shadow: none !important;
    }
    .navbar-toggler .icon-bar {
        width: 100%;
        height: 5px;
        background-color: #F08519;
        display: block;
        border-radius: 5px;
    }
    .navbar-toggler .icon-bar:nth-child(2){
        width: 60%;
        margin-left: auto;
    }
    .navbar-toggler .icon-bar + .icon-bar {
        margin-top: 5px;
    }
    header .hedright-img {
        margin-left: 20px;
        margin-right: 90px;
    }
    .cta-desc.inner-title h2 {
        font-size: 28px;
        line-height: 39px;
    }
    .inb-desc h1 {
        font-size: 30px;
        line-height: 38px;
    }
    .inb-desc p {
        font-size: 18px;
        line-height: 25px;
    }
    .inner-banner .row, .servisupp-main .row {
        row-gap: 30px;
    }
    .inb-img img {
        width: 60%;
    }
    .inb-img, .incta-img {
        text-align: center;
    }
    .servisupp-main {
        margin-top: 2px;
    }
    .servisupp-img img, .incta-img img {
        width: 62%;
    }
    .servisupp-img img{
        width: 90%;
    }
    .servi-smart .sesamrt-shape1 {
        top: -69px;
    }
    .servismart-box, .servismarbo-box {
        padding: 22px;
    }
    .servismartb-top {
        grid-template-columns: 36px auto;
        margin-bottom: 12px;
    }
    .servismartb-bottom p {
        font-size: 16px;
        line-height: 23px;
    }
    .servismartb-top h3, .servismarbob-desc p {
        font-size: 19px;
        line-height: 28px;
    }
    .servismarbob-desc h3 {
        font-size: 20px;
        line-height: 29px;
    }
    .servismarbo-box {
        grid-template-columns: auto;
        gap: 9px;
    }
    .servismarbob-img img, .servismarbob-img svg {
        max-width: 90px;
    }
    .servismarbo-shape {
        max-width: 82px;
    }
    .servismarbo-title {
        margin: 0px 0px 40px;
    }
    .servismar-bottom {
        margin-top: 40px;
    }
    .servismarbo-title h2 {
        font-size: 25px;
        line-height: 35px;
    }
    .servi-consult .inner-title p {
        font-size: 17px;
        line-height: 20px;
        margin-bottom: 30px;
    }
    .serviconsubo-desc {
        padding: 9px 25px;
    }
    .incta-main::before {
        top: 0%;
    }
    .incta-main {
        padding: 30px;
    }
    .incta-main .row {
        flex-direction: column-reverse;
        gap: 25px;
    }
    .swiper-pagination-bullet {
        width: 13px;
        height: 13px;
    }
    .swiper-pagination {
        margin-top: 35px;
    }
    .servisomb-desc h3 {
        font-size: 20px;
        line-height: 28px;
    }
    .abguid-box {
        padding: 21px 19px;
    }
    .abguidb-img img, .abguidb-img svg {
        max-width: 50px;
        max-height: 50px;
    }
    .abguidb-img {
        margin-bottom: 12px;
    }
    .abguid-box h3 {
        font-size: 20px;
        line-height: 30px;
    }
    .ab-guide .row + .row {
        margin-top: 10px;
    }
    .abmivi-box .row, .hdecisi-main .row, .indus-info .row + .row {
        row-gap: 30px;
    }
    .ab-team .row + .row {
        row-gap: 30px;
        margin-top: 0px;
    }
    .empsol-power .row + .row {
        margin-top: 30px;
    }
    .textsoli-box + .textsoli-box {
        margin-top: 50px;
    }
    .scmsol-modern .row + .row {
        margin-top: 0px;
        row-gap: 30px;
    }
    .scmsol-modern.cxsol-modern .row + .row {
        margin-top: 14px;
    }
    .hneappri-box.purpbullet-point.text-center {
        text-align: left !important;
    }
    .hneappri-main ul li {
        margin: 0;
    }
    .hneappri-main {
        display: grid;
        grid-template-columns: repeat(2,1fr);
        gap: 25px;
    }
    .hneappri-main .hneappri-box + .hneappri-box {
        margin-top: 0;
    }
    .hdecisi-img img {
        width: 100%;
    }
    .hdecisi-img.text-center {
        width: 100%;
    }
    .hdecisiinner-main {
        grid-template-columns: repeat(2,1fr);
        max-width: 100%;
        text-align: left;
    }
    .indusinfo-desc p {
        margin-bottom: 20px;
    }
    .hneappleb-img img {
        max-width: 80%;
    }
    .hneapple-boxes .hneappleb-img {
        display: block;
        height: auto;
        margin-bottom: 20px;
    }
    .indfusinerde-box ul li, .indfusinerde-box p, .indfusiinner-tab ul li {
        font-size: 16px;
        line-height: 26px;
    }
    .indfusinerde-box {
        padding: 21px;
    }
    .indfusiinner-tab ul li a {
        grid-template-columns: 27px auto;
    }
    .hsol-tab ul li, .indfus-maintab ul li, .resource-tab ul li {
        font-size: 16px;
        line-height: 25px;
    }
	.hsolswip-tabbing .hsolswip-tab a, .indfusswip-tabbing .indflswip-tab a, .indfusswip-tabbing2 .indflswip-tab a{
		font-size: 16px;
        line-height: 25px;
	}
    .indfus-maintab ul li a {
        min-height: 54px;
    }
    .indfus-maintab ul li a {
        padding: 11px 16px;
    }
    .contact-info .row {
        row-gap: 30px;
    }
    .servi-produ .row:first-child {
        row-gap: 30px;
    }
    .inner-banner.blogde-banner {
        padding: 70px 0px;
    }
    .blog-detail .row {
        row-gap: 30px;
    }
    .navbar-collapse {
        padding: 0;
        float: left;
        width: 50%;
        position: fixed;
        left: auto;
        right: -100%;
        top: 0;
        z-index: 11;
        -ms-transition: .4s;
        -webkit-transition: .4s;
        transition: .4s;
        height: 100vh !important;
        border: 0;
        display: block;
        background: #FDF5E9;
        box-shadow: 0px -3px 10px rgb(0 0 0 / 10%);
        overflow: auto;
    }
    .navbar-collapse.show {
        right: 0;
    }
    button.close-btn {
        height: 40px;
        width: 40px;
        background: #F08519;
        border: 0;
        right: 14px;
        position: absolute;
        font-size: 18px;
        color: #000;
        padding: 0 0px;
        z-index: 2;
        top: 10px;
        cursor: pointer;
        text-transform: capitalize;
        left: auto;
        display: block;
        line-height: 40px;
        text-align: right;
        border-radius: 50% !important;
        text-align: center !important;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    button.close-btn svg {
        fill: #fff;
        width: 14px;
        padding-top:0px;
        vertical-align: unset;
    }
    ul.navbar-nav {
        padding-top: 50px;
        width: 100%;
        overflow-x: hidden;
    }
    ul.navbar-nav > li {
        width: 100%;
    }
    header .navbar-nav a {
        font-size: 18px;
        width: 100%;
        display: block;
        padding: 15px 35px 15px 15px !important;
        max-width: 100%;
        line-height: 1;
        border: 0;
    }
    ul.navbar-nav .menu-item + .menu-item {
        margin-left: 0;
        border-top: 1px solid #F08519;
    }
    header .navbar-nav .menu-item-has-children > a::after {
        right: 11px;
        top: 43%;
    }
    header .navbar-nav .menu-item-has-children:hover ul.mega-menu, header .navbar-nav .menu-item-has-children:hover ul.sub-menu, header .navbar-nav > li.menu-item-has-children ul.mega-menu, header .navbar-nav > li.menu-item-has-children ul.sub-menu {
        display: none;
    }
    header .navbar-nav .menu-item-has-children.sub-open > .mega-menu, header .navbar-nav .menu-item-has-children.sub-open > ul.sub-menu {
        display: block !important;
        position: relative;
        -webkit-transition: none;
        -ms-transition: none;
        transition: none;
        -webkit-transform: inherit;
        -ms-transform: inherit;
        transform: inherit;
        opacity: 1;
        border-radius: 15px;
        margin-bottom: 0px;
        background: #fff;
        box-shadow: none;
        top: auto;
    }
    .sub-menu, .mega-menu {
        padding: 0px;
        border: 0;
        border-top: 1px solid #F08519;
        background: transparent !important;
        border-radius: 0px !important;
    }
    header .menu-item-has-children .menu-item + .menu-item {
        margin-left: 0;
        margin-top: 0px;
    }
    .sub-menu .menu-item a {
        padding-left: 34px !important;
    }
    .hneapple-boxes .hneappleb-desc {
        margin-top: 0px;
    }
    .hneappleb-img {
        opacity: 1;
        transform: rotateX(0deg);
    }
    .hneapple-boxes:hover {
        transform: scale(1);
    }    
    .coninfobo-img img {
        width: 60%;
    }
    .coninfobo-img {
        margin-bottom: 18px;
    }
    .coninfobo-main {
        background: #FFF8ED;
        padding: 40px 0px;
        margin-top: 50px;
    }
    .resource-main .bottom-btn, .resource-main {
        margin-top: 30px;
    }
    .ab-team .row + .row {
        margin-top: 15px;
    }
    .shape.servismarbo-shape{
        display: none;
    }
    .hdecisi-img.text-center {
        max-width: 100%;
    }
    .hdecisi-main .row:nth-child(2) .col-lg-6:nth-child(2n) .hdecisiinner-main::before {
        display: none;
    }
    @keyframes scale {
        0% {
            transform: scale(1);
        }
        50% {
            transform: scale(1);
        }
        100% {
            transform: scale(1);
        }
    }
    .serviprod-tabb ul li {
        max-width: 66px;
    }
    .serviprod-tabb ul li:nth-child(3) {
        left: 44%;
    }
    .hcmsolmib-img {
        margin-bottom: 12px;
    }
    .hneapple-boxes .hneappleb-desc {
        margin-top: 0px;
    }
    .ban-btn {
        font-size: 27px;
        line-height: 35px;
    }
    #lottie-animation {
        height: 400px;
    }
	.indfusswip-tabbing .swiper-slide .indflswip-tab a, .indfusswip-tabbing2 .indflswip-tab a {
		min-height: 51px;
	}
	.erpsolpow-desc.bullet-point ul {
		column-count: 2;
	}
    .serpan-other-plan ul {
        max-width: 100%;
    }
    .serpan-other-plan h5 {
        font-size: 16px;
        line-height: 22px;
        margin-bottom: 20px;
    }
    .serpan-other-plan {
        padding: 20px;
    }
}
@media screen and (max-width: 767px) {
    .hb-desc {
        max-width: 100%;
    }
    header .navbar-brand {
        max-width: 140px;
    }
    header .hedright-img img {
        max-width: 100px;
    }
    header .hedright-img {
        margin-right: 70px;
    }
    .home-banner {
        margin-top: 78px;
        padding: 32px 0px 0px;
    }
    .inner-banner {
        padding: 35px 0px;
        margin-top: 78px;
    }
    .hb-desc h1 {
        font-size: 24px;
        line-height: 32px;
    }
	.hsol-tab, .resource-tab {
	margin: 0px 8px;
}
	.indfus-maintab{
		margin: 0 22px;
	}
	.indta-swiper-prev, .indta2-swiper-prev {
		left: -27px;
	}
	.indta-swiper-next, .indta2-swiper-next {
		right: -27px;
	}
	.indfusswip-tabbing .swiper-slide .indflswip-tab a {
		min-height: 50px;
	}
    .hb-desc .btns {
        flex-direction: column;
        justify-content: start;
        align-items: flex-start !important;
    }
    .hb-img {
        max-width: 100%;
        position: relative;
        top: 0;
        margin-top: 30px;
    }
    .title h3, .inner-title h2 {
        font-size: 24px;
        line-height: 32px;
    }
    .happroach-desc .accordion-button {
        padding: 12px 18px;
        font-size: 18px;
        line-height: 30px;
    }
    .happroach-desc .accordion-body ul li {
        padding-left: 31px;
        font-size: 17px;
        line-height: 26px;
    }
    .happroach-desc .accordion {
        margin-top: 20px;
    }
    .hnum-main {
        grid-template-columns: repeat(1,1fr);
        gap: 20px;
    }
    .hservice-main {
        grid-template-columns: repeat(1,1fr);
    }
    .hservice-main .hservice-inner:nth-child(2) {
        margin-top: 0;
    }
    .shape.hservice-shape2, .shape.hservice-shape1, .hblog-shape1 {
        display: none;
    }
    .hsol-tab ul li a, .resource-tab ul li a {
        padding: 8px 30px;
    }
	.hsolswip-tabbing .hsolswip-tab a {
		padding: 11px 30px;
	}
	.indfusswip-tabbing .indflswip-tab a {
		padding: 11px 16px;
	}
    .hsoltabb-inner {
        grid-template-columns: repeat(1,1fr);
    }
    .mt-120{
        margin: 60px 0px 0px;
    }
    .mtb-120{
        margin: 60px 0px;
    }
    .mb-120{
        margin-bottom: 60px;
    }
    .pt-120{
        padding: 60px 0px 0px;
    }
    .ptb-120{
        padding: 60px 0px;
    }
    .pb-120{
        padding: 0px 0px 60px 0px;
    }
    .hchall-box h4 {
        font-size: 34px;
        line-height: 42px;
    }
    .hsol-shape2 {
        top: -25px;
    }
    .cta-img img {
        max-width: 100%;
    }
    .f-logo {
        margin-bottom: 15px;
    }
    .f-top {
        padding: 30px 0px 25px;
    }
    .fbott-desc {
        text-align: center;
    }
    .f-social ul {
        justify-content: center;
        margin-right: auto;
        margin-top: 10px;
    }
    .home-challenge .hchall-shape1, .servi-smart .sesamrt-shape1 {
        max-width: 100px;
    }
    .navbar-toggler {
        width: 35px;
        height: 35px;
    }
    .inb-desc h1 {
        font-size: 24px;
        line-height: 32px;
    }
    .inb-desc p {
        font-size: 17px;
        line-height: 24px;
    }
    .inb-img img {
        width: 100%;
    }
    .servisupp-img img {
        width: 100%;
    }
    .servisupp-main {
        padding: 20px;
    }
    .servisuppde-box h3 {
        font-size: 18px;
        line-height: 27px;
        margin-bottom: 3px;
    }
    .servisuppde-box p {
        font-size: 16px;
        line-height: 23px;
    }
    .servi-smart .sesamrt-shape1 {
        max-width: 90px;
        top: -55px;
    }
    .servismart-inner {
        grid-template-columns: repeat(1,1fr);
        gap: 25px;
        margin: 30px 0px 0px;
    }
    .servismarbo-inner{
        grid-template-columns: repeat(1,1fr);
        gap: 25px;
    }
    .servismarbob-desc p {
        font-size: 17px;
        line-height: 26px;
    }
    .servismarbo-title {
        margin: 0px 0px 30px;
    }
    .servismar-bottom {
        margin-top: 30px;
    }
    .servismarbo-title h2 {
        font-size: 22px;
        line-height: 31px;
    }
    .servismarbob-desc h3 {
        font-size: 19px;
        line-height: 27px;
    }
    .shape.servismarbo-shape {
        display: none;
    }
    .serviconsubo-desc p {
        font-size: 15px;
        line-height: 21px;
    }
    .incta-img img {
        width: 100%;
    }
    .incta-main {
        padding: 20px;
    }
    .incta-main .row {
        gap: 20px;
    }
    .servisom-swiper {
        margin-top: 30px;
    }
    .swiper-pagination {
        margin-top: 30px;
    }
    .abmivi-box + .abmivi-box {
        margin-top: 40px;
    }
    .textsoli-desc p b, .textsoli-desc p strong, .textsoli-desc h3 {
        font-size: 19px;
        line-height: 28px;
    }
    .textsoli-desc.inner-title p {
        font-size: 17px;
        line-height: 23px;
    }
    .textsoli-desc.bullet-point ul li {
        font-size: 16px;
        line-height: 25px;
    }
    .textsoli-box + .textsoli-box {
        margin-top: 40px;
    }
    .hcmsolmib-img {
        margin-bottom: 12px;
    }
    .hneapple-boxes, .hneappri-main .hneappri-box {
        padding: 22px;
    }
    .hneappleb-desc h4, .hneappri-box h4 {
        font-size: 21px;
        line-height: 29px;
        margin-bottom: 8px;
    }
    .hneappri-main {
        grid-template-columns: repeat(1,1fr);
        gap: 30px;
    }
    .hdecisi-main {
        padding: 22px;
    }
    .hdecisi-img img {
        width: 100%;
    }
    .home-service::after {
        top: 25%;
    }
    .home-service::before {
        height: 25%;
    }
    .purpbullet-point ul li {
        font-size: 16px;
        line-height: 23px;
    }
    .servismarbob-img img, .servismarbob-img svg {
        max-width: 70px;
    }
    .serviphil-box p, .title.serviprod-title p, .serviai-desc.inner-title p {
        font-size: 16px;
        line-height: 21px;
    }
    .serviphil-box {
        padding: 22px;
    }
    .serviphilb-img {
        margin-bottom: 8px;
    }
    .serviprod-desc.bullet-point ul li {
        font-size: 16px;
        line-height: 24px;
    }
    .serviprod-desc.bullet-point ul li + li {
        margin-top: 11px;
    }
    .serviprod-desc h4 {
        font-size: 20px;
        line-height: 29px;
        margin-bottom: 14px;
    }
    .indusinfo-desc.bullet-point p, .indusinfo-desc.bullet-point ul li {
        font-size: 16px;
        line-height: 21px;
    }
    .indusinfo-desc ul li b, .indusinfo-desc ul li strong {
        font-size: 18px;
        line-height: 28px;
    }
    .indusinfo-desc.bullet-point ul li::before {
        top: 4px;
    }
    .indfus-maintab ul li a {
        padding: 9px 13px;
        min-height: auto;
    }
    .indfusi-main .row {
        row-gap: 30px;
    }
    .serviphil-box h3 {
        font-size: 18px;
        line-height: 27px;
    }
    .indusinfo-desc ul li b, .indusinfo-desc ul li strong {
        font-size: 17px;
        line-height: 28px;
    }
    .continfo-desc ul li {
        font-size: 16px;
        line-height: 23px;
        grid-template-columns: 28px auto;
    }
    .continfo-desc ul li + li {
        margin-top: 15px;
    }
    .contmap-main iframe {
        height: 270px;
    }
    .bllist-tab a {
        font-size: 16px;
        line-height: 28px;
        padding: 12px;
    }
    .inner-banner.blogde-banner {
        padding: 50px 0px;
    }
    .blderai-desc p {
        font-size: 16px;
        line-height: 24px;
        margin-bottom: 21px;
    }
    .blderai-desc h2 {
        font-size: 21px;
        line-height: 29px;
    }
    .blderai-bottom {
        grid-template-columns: 100%;
    }
    .blderaibo-desc {
        border-top: 1px solid #D9D9D9;
        border-left: 0;
    }
    .blderaibo-desc p, .blderai-desc ol li {
        font-size: 16px;
        line-height: 23px;
    }
    .blderaibo-img img {
        width: 50%;
    }
    .indmanuf-acce .indfusi-box {
        padding: 22px;
    }
    .indfusi-box p {
        font-size: 16px;
        line-height: 22px;
        margin-bottom: 10px;
    }
    .navbar-collapse {
        width: 100%;
    }
    header .navbar-nav a {
        font-size: 17px;
    }
    .coninfobo-img img {
        width: 50%;
    }
    .resource-img img {
        width: 60%;
    }
    .resource-img {
        text-align: center;
    }
    .resource-inbox {
        gap: 10px;
        grid-template-columns: 100%;
        text-align: center;
        padding: 22px;
    }
    .resource-inbox a{
        max-width: fit-content;
        margin: auto;
    }
    .resource-desc p {
        font-size: 17px;
        line-height: 23px;
        margin-bottom: 20px;
    }
    .abteam-box .abteamb-desc {
        bottom: 10px;
    }
    .hdecisi-img p {
        font-size: 16px; 
        line-height: 21px;
    }
    .hdecisi-img img {
        margin-bottom: 0px;
    }
    .hdecisi-main .bottom-btn {
        margin-top: 15px;
    }
    .resource-modal .btn-close {
        right: 2px;
        top: -6px;
    }
    .serviprod-tabb ul li {
        max-width: 46px;
    }
    .serviprodta-main {
        padding-top: 45px;
    }
    .serviprod-tabb ul li:nth-child(3) {
        left: 43%;
    }
    .indfusiinner-tab ul li + li {
        margin-top: 10px;
    }
    .serviphilb-img img, .serviphilb-img svg {
        max-width: 54px;
    }
    .hb-desc p.ban-btn {
        font-size: 19px;
    }
    .hdecisiinner-main {
        grid-template-columns: 100%;
    }
    .hdecisi-desc {
        text-align: center;
    }
    .hdecisi-desc p {
        font-size: 17px;
        line-height: 22px;
    }
	.serviprod-tabb ul li:first-child {
		left: 3%;
		top: 35%;
	}
	.serviprod-tabb ul li:nth-child(5) {
		top: 35%;
		right: 3%;
	}
	.erpsolpow-desc.bullet-point ul {
		column-count: 1;
	}
}
@media screen and (max-width: 575px){
	.indfusswip-tabbing .swiper-slide .indflswip-tab a {
		min-height: auto;
	}
}
@media screen and (max-width: 390px) {
    #lottie-animation {
        height: 330px;
    }
}
/* Class Add */
.ser-evolve-banner .inb-desc h1, .ser-what .inner-title h2, .pro-key .inner-title h2 {
    margin-bottom: 30px;
}
.inb-desc p strong, .inb-desc p b {
    font-weight: 700;
}
.ser-unlock .inner-title h2 {
    max-width: 94%;
}
.ser-unlock .inner-title p {
    max-width: 94%;
}
.shape {
    position: absolute;
}
.shape.ser-frame-1 {
    top: -105px;
    left: -62px;
}
.shape.ser-frame-2 {
    top: -172px;
    right: -80px;
}
.ser-framework .row + .row {
    margin-top: 150px;
    row-gap: 30px;
}
.ser-framework .row + .row .row {
    row-gap: 30px;
}
.serframe-main {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: repeat(3, 179px);
    gap: 30px;
}
.serframe-box {
    padding: 0 70px;
    background-color: #FECC72;
    border-radius: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
    opacity: 0;
    transition: opacity 0.5s ease;
}
.serframe-main .serframe-box:nth-child(even) {
    background-color: #DFB2F4;
}
.serframe-box p {
    font-weight: 400;
    font-size: 25px;
    line-height: 32px;
    color: #000000;
    margin-bottom: 0;
    text-align: center;
}
.serframe-chart-animation {
    position: absolute;
    bottom: -103px;
    left: -103px;
    z-index: -1;
    width: 0;
    overflow: hidden;
    animation: expandWidth 1.5s ease forwards; /* forwards keeps the end state */
    animation-delay: 5s; /* delay so it runs after something else if needed */
}

@keyframes expandWidth {
  from {
    width: 0;
  }
  to {
    width: 1250px;
  }
}
.serframe-ver {
    width: 100%;
    display: flex;
    align-items: center;
    row-gap: 120px;
    flex-direction: column;
    margin-bottom: 80px;
    position: relative;
}
.serframe-ver .ser-ver-box {
    transform: rotate(-90deg) translateY(-30px);
}
.ser-ver-box span {
    font-weight: 700;
    font-size: 30px;
    line-height: 39px;
    color: #F08519;
}
.serframe-ver::after {
    content: "";
    position: absolute;
    bottom: -170px;
    right: -50px;
    height: 791px;
    width: 37px;
    background-image: url("data:image/svg+xml,%3Csvg width='37' height='791' viewBox='0 0 37 791' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M23 10H14V791H23V10Z' fill='%239D9D9D'/%3E%3Cpath d='M37 18.128L24.4979 5.872L18.5041 0L12.5021 5.872L0 18.128L5.99382 24L18.5041 11.752L31.0062 24L37 18.128Z' fill='%239D9D9D'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-size: contain;
}
.serframe-hor {
    margin-top: 90px;
    display: flex;
    align-items: center;
    column-gap: 280px;
    justify-content: center;
    position: relative;
}
.serframe-hor::after {
    content: "";
    position: absolute;
    top: -53px;
    left: -107px;
    height: 40px;
    width: 1200px;
    background-image: url("data:image/svg+xml,%3Csvg width='1250' height='37' viewBox='0 0 1300 37' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1288.11 14H0V24H1288.11V14Z' fill='%239D9D9D'/%3E%3Cpath d='M1282.04 37L1294.18 24.4979L1300 18.5041L1294.18 12.5021L1282.04 0L1276.22 5.99382L1288.36 18.5041L1276.22 31.0062L1282.04 37Z' fill='%239D9D9D'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-size: auto;
    background-position: top right;
}
.ser-offering .row + .row, .ser-across .row + .row, .ser-smart .row + .row, .ser-value .row + .row, .ser-modules .row + .row, .ser-six .row + .row, .ser-assure .row + .row, .ser-augmenta .row + .row, .pro-key .row + .row, .ser-with .row + .row, .ser-sight .row + .row, .ser-plan .row + .row, .home-product .row + .row, .pro-related .row + .row {
    margin-top: 20px;
    row-gap: 30px;
}
.ser-offering-main {
    display: flex;
    justify-content: center;
    gap: 30px;
    flex-wrap: wrap;
    height: 100%;
    overflow: hidden;
    position: relative;
}
.ser-offering-main .hcmsolmi-box {
    width: 31.79%;
    transition: all ease-out 0.5s;
}
.ser-offering-main .hcmsolmi-box:hover {
    background:url('https://orbrick.com/wp-content/uploads/2024/08/starsanimated.gif') no-repeat right bottom;
    background-color: #F09518;
}
.ser-offering .hcmsolmi-box p {
    font-weight: 400;
    font-size: 18px;
    line-height: 28px;
    color: #717170;
    margin-bottom: 5px;
}
.ser-offering .hcmsolmi-box p strong, .ser-offering .hcmsolmi-box p b {
    font-weight: 700;
    color: #333333;
}
.ser-offering .hcmsolmi-box ul + p {
    margin-top: 12px;
    margin-bottom: 0;
}


.seracro-main {
    padding: 10px;
    position: relative;
    z-index: 0;
    background-color: #fff;
    overflow: hidden;
    border-radius: 10px;
}
.seracro-border-desing {
    position: absolute;
    z-index: -2;
    left: -100%;
    top: -100%;
    width: 300%;
    height: 300%;
    background-repeat: no-repeat;
    background-size: 50% 50%, 50% 50%;
    background-position: 0 0, 100% 0, 100% 100%, 0 100%;
    background-image: linear-gradient(#F08519, #F08519), linear-gradient(#FFFFFF, #FFFFFF), linear-gradient(#FFFFFF, #FFFFFF), linear-gradient(#FFFFFF, #FFFFFF);
    z-index: -1;
    animation: rotate 4s linear infinite;
}
@keyframes rotate {
	100% {
		transform: rotate(1turn);
	}
}
.seracro-img img {
    width: 100%;
}
.seracro-tag {
    width: fit-content;
    padding: 10px 100px;
    background-color: #FDF5E9;
    font-weight: 700;
    font-size: 20px;
    line-height: 30px;
    color: #5B2A86;
    border-radius: 50px;
    margin: 30px auto 0;
}
.inner-title h2 span {
    display: block;
}
.sersmart-video img {
    width: 100%;
	height: 357px;
}
.ser-orbri-smart .sersmart-video img {
	height: 730px;
}
.sersmart-video {
	position: relative;
	overflow: hidden;
	z-index: 0;
	border-radius: 20px;
	border: 1px solid #F08519;
}
.ser-second-sight .sersmart-video {
	border-radius: 25px;
}
.sersmart-video-inner {
	position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    bottom: 0;
}
.sersmart-video-inner iframe {
	width: 100%;
	height: 100%;
    opacity: 0;
}
.play-btn {
    position: absolute;
    top: 40%;
    left: 50%;
    transform: translate(-50%);
}
html.with-fancybox {
    overflow: hidden;
}
.ser-value .hcmsolmi-box {
    width: 100%;
    padding: 50px 20px;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    opacity: 0;
    transform: translateY(20px);
    transition: opacity 0.6s ease, transform 0.6s ease;
}
.ser-value .hcmsolmi-box.show {
  opacity: 1;
  transform: translateY(0);
}
.ser-value .hcmsolmi-box h3 {
    max-width: 80%;
    margin: 0 auto 10px;
}
.ser-value .hcmsolmi-box P {
    font-weight: 400;
    font-size: 18px;
    line-height: 28px;
    text-align: center;
    color: #717170;
    margin-bottom: 0;
}
.sermodu-tab .swiper-wrapper {
    display: block;
}
.sermodu-tab .tab-item + .tab-item {
    margin-top: 20px;
}
.sermodu-tab .tab-item a {
    background: #FFFFFF;
    border: 2px solid #EBEBEB;
    border-radius: 10px;
    padding: 15px 0px;
    font-weight: 700;
    font-size: 20px;
    line-height: 30px;
    color: #333333;
    display: block;
    text-align: center;
}
.sermodu-tab .tab-item.active a {
    background: #5B2A86;
    border: 0;
    border-bottom: 2px solid #F08519;
    color: #FFFFFF;
}
.sermodu-content {
    display: none;
    column-gap: 102px;
}
.sermodu-content.active {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
}
.sermodu-content-left::after {
    content: "";
    position: absolute;
    top: 0;
    right: -50px;
    bottom: 0;
    width: 1px;
    background-color: #F08519;
}
.sermodu-content-left h3 {
    font-family: 'PT Sans', sans-serif;
    font-weight: 700;
    font-size: 40px;
    line-height: 50px;
    color: #F08519;
    margin-bottom: 30px;
}
.sermodu-content li + li {
    margin-top: 30px;
}
.sermodu-content li h4 {
    font-family: 'PT Sans', sans-serif;
    font-weight: 700;
    font-size: 20px;
    line-height: 30px;
    color: #333333;
    margin-bottom: 10px;
}
.sermodu-content li p {
    font-weight: 400;
    font-size: 18px;
    line-height: 28px;
    color: #717170;
    margin-bottom: 0;
}
.sermodu-content ul li ul li {
    font-size: 18px;
    line-height: 27px;
    font-weight: 400;
    color: #717170;
    padding-left: 33px;
    position: relative;
    z-index: 1;
}
.sermodu-content ul li ul li + li {
    margin-top: 8px;
}
.sermodu-content ul li ul li::before {
    content: '';
    position: absolute;
    top: 4px;
    left: 0;
    width: 20px;
    height: 20px;
    background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_1194_90)'%3E%3Cpath d='M10 0C4.48622 0 0 4.48622 0 10C0 15.5138 4.48622 20 10 20C15.5138 20 20 15.5138 20 10C20 4.48622 15.5138 0 10 0ZM15.589 7.36842L9.198 13.7093C8.82206 14.0852 8.22055 14.1103 7.81955 13.7343L4.43609 10.6516C4.03509 10.2757 4.01003 9.64912 4.3609 9.24812C4.73684 8.84712 5.36341 8.82206 5.76441 9.198L8.44612 11.6541L14.1604 5.93985C14.5614 5.53885 15.188 5.53885 15.589 5.93985C15.99 6.34085 15.99 6.96742 15.589 7.36842Z' fill='%235B2A86'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_1194_90'%3E%3Crect width='20' height='20' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-position: center;
}
.ser-what .play-btn {
    width: 75px;
}
.sersix-box {
    padding: 75px 0;
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    row-gap: 16px;
    transition: all 0.5s;
	height: 100%;
}
.sersix-box:hover {
    background: #FECC72;
    box-shadow: 4px 4px 40px 0 rgba(0, 0, 0, 0.2);
}
.ser-foursight-six .sersix-box:hover .sersix-img {
	opacity: 0;
}
.sersix-box .desc-animation {
	position: relative;
	width: 100%;
}
.sersix-box h3 {
    font-family: 'Solway',sans-serif;
    font-weight: 500;
    font-size: 22px;
    line-height: 26px;
    text-align: center;
    color: #000000;
    margin-bottom: 0;
}
.sersix-box .desc-animation p {
	width: 100%;
	text-align: center;
    margin-bottom: 0;
    color: #000000;
	position: absolute;
    left: 0;
    top: 50%;
	transition: all 0.5s;
	transform: translateY(-50%);
	opacity: 0;
	padding: 0 20px;
}
.sersix-box:hover .desc-animation h3 {
	opacity: 0;
}
.sersix-box:hover .desc-animation p {
	top: -25px;
	opacity: 1;
}
.ser-deliver .inner-title ul {
    margin-bottom: 30px;
}
.ser-deliver-main {
    background-color: #F9F5FD;
    padding: 30px;
    border-radius: 20px;
}
.serassu-tab {
    background: #FFFFFF;
    border: 2px solid #EBEBEB;
    border-radius: 10px;
}
.serassu-tab .tab-item a {
    padding: 15px 0px;
    font-weight: 700;
    font-size: 20px;
    line-height: 30px;
    color: #333333;
    display: block;
    text-align: center;
    border-bottom: 2px solid #FFFFFF;
}
.serassu-tab .tab-item.active a {
    background: #5B2A86;
    border-color: #F08519;
    color: #FFFFFF;
	border-radius: 0 0 0 10px;
}
.serassu-tab .tab-item:nth-child(2).active a {
    border-radius: 0;
}
.serassu-tab .tab-item:nth-child(3).active a {
    border-radius: 0 10px 10px 0;
}
.serassu-content {
    margin-top: 20px;
    display: none;
    align-items: center;
    column-gap: 90px;
}
.serassu-content.active {
    display: block;
}
.serassu-content-right h3 {
    font-weight: 700;
    font-size: 26px;
    line-height: 34px;
    color: #333333;
    margin-bottom: 15px;
}
.serassu-content-right ul {
    margin-bottom: 20px;
}
.ser-humalne .hcmsolmi-box {
    padding: 70px 60px;
}
.seraugm-box {
    padding: 15px 20px;
    border-radius: 20px;
    border: 1px solid rgba(91, 42, 134, 0.2);
    background-color: rgba(91, 42, 134, 0.05);
    cursor: pointer;
    transition: all 0.5s;
}
.seraugm-box + .seraugm-box {
    margin-top: 20px;
}
.seraugm-box h3 {
    font-family: 'PT Sans', sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 20px;
    line-height: 30px;
    color: #5B2A86;
    margin-bottom: 0px;
}
.seraugm-box .seraugm-contect {
    display: none;
    margin-top: 15px;
}

.prokey-main {
    padding-top: 240px;
    position: relative;
}
.prokey-box .prokey-img img {
    width: 100%;
}
.prokey-box h3 {
    position: absolute;
    top: 150px;
    left: 95px;
    font-family: 'Solway', sans-serif;
    font-weight: 700;
    font-size: 30px;
    line-height: 36px;
    color: #F08519;
    margin-bottom: 0;
}
.prokey-box-content {
    width: 100%;
    height: 100%;
    max-width: 268px;
    max-height: 235px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding-left: 85px;
    padding-right: 35px;
    opacity: 0;
    transform: translateY(20px);
    transition: opacity 0.6s ease-out, transform 0.6s ease-out;
}
.prokey-box-content.show {
  opacity: 1;
  transform: translateY(0);
}
.prokey-box-content h4 {
    font-family: 'PT Sans', sans-serif;
    font-weight: 700;
    font-size: 16px;
    line-height: 21px;
    text-align: center;
    color: #F08519;
    margin-bottom: 8px;
}
.prokey-box-content p {
    font-family: 'PT Sans', sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 16px;
    text-align: center;
    color: #717170;
    margin-bottom: 0;
}
.prokey-content-main .prokey-box-content:nth-child(1) {
    content: "";
    position: absolute;
    bottom: 60px;
    left: -240px;
    background-image: url("data:image/svg+xml,%3Csvg width='268' height='235' viewBox='0 0 268 235' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M150.076 235C113.879 235 80.1967 218.78 57.6654 190.499C57.4762 190.261 57.3864 189.961 57.412 189.654C57.3894 189.536 57.3794 189.45 57.3794 189.365V45.8105H17.8728L3.35543 69.2947H31.1263C31.7894 69.2947 32.3288 69.8321 32.3288 70.4931V189.365C32.3288 190.026 31.7894 190.564 31.1263 190.564C30.4631 190.564 29.9238 190.026 29.9238 189.365V71.691H1.20244C0.766835 71.691 0.364605 71.456 0.152643 71.0768C-0.0598745 70.6985 -0.0498622 70.2339 0.178789 69.8645L16.178 43.9837C16.3952 43.6326 16.7874 43.4145 17.2016 43.4145H58.5817C59.2445 43.4145 59.7842 43.9519 59.7842 44.6124V189.295L59.8033 189.319C81.8721 216.827 114.775 232.604 150.076 232.604C213.773 232.604 265.595 180.968 265.595 117.5C265.595 54.0315 213.773 2.39609 150.076 2.39609C118.678 2.39609 89.3102 14.7313 67.3817 37.1289C67.1533 37.362 66.8476 37.4903 66.5207 37.4903C66.205 37.4903 65.9071 37.3695 65.6812 37.1497C65.4512 36.9266 65.3224 36.6267 65.3182 36.3068C65.3141 35.9867 65.4356 35.6843 65.6598 35.4551C88.0457 12.5913 118.025 0 150.076 0C181.575 0 211.188 12.2218 233.461 34.4149C255.734 56.6077 268 86.1146 268 117.5C268 148.885 255.734 178.392 233.461 200.585C211.188 222.778 181.575 235 150.076 235Z' fill='%235B2A86'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-size: contain;
}
.prokey-box-content:nth-child(1)::after {
    content: "";
    position: absolute;
    top: 40px;
    right: -20px;
    height: 14px;
    width: 20px;
    background-image: url("data:image/svg+xml,%3Csvg width='19' height='14' viewBox='0 0 19 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.01382 13.312C0.687136 13.312 0.366678 13.1546 0.171448 12.8632C-0.139816 12.3984 -0.0155098 11.7693 0.449083 11.458L17.3015 0.17122C17.767 -0.140237 18.3958 -0.0145368 18.7066 0.448851C19.0178 0.91362 18.8935 1.54275 18.4289 1.85398L1.57649 13.1408C1.40336 13.2566 1.20744 13.312 1.01382 13.312Z' fill='%235E5E5E'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-size: contain;
} 
.prokey-content-main .prokey-box-content:nth-child(2) {
    content: "";
    position: absolute;
    bottom: 355px;
    left: -310px;
    background-image: url("data:image/svg+xml,%3Csvg width='267' height='238' viewBox='0 0 267 238' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M147.463 238C112.015 238 78.6098 222.469 55.8146 195.389L55.7881 195.358H-11.781C-12.453 195.358 -13 194.813 -13 194.144V180.79C-13 180.47 -12.8762 180.168 -12.6515 179.94L32.8992 133.697C43.7776 122.737 51.1023 113.827 54.6695 107.214C58.1939 100.68 59.9807 94.7206 59.9807 89.5004C59.9807 84.1432 58.2497 79.8459 54.689 76.3635C51.1223 72.8758 46.6371 71.1803 40.9771 71.1803C35.2816 71.1803 30.6669 73.2325 26.8688 77.4535C23.0774 81.6679 21.0264 87.5122 20.772 94.8242C20.7492 95.481 20.2143 95.9956 19.5539 95.9956H-7.77652C-8.10784 95.9956 -8.42928 95.8591 -8.65824 95.6205C-8.8872 95.3819 -9.00957 95.056 -8.99435 94.7259C-8.24938 78.672 -3.09216 65.8428 6.33435 56.595C15.7705 47.3363 28.0322 42.6421 42.7794 42.6421C51.8865 42.6421 60.0503 44.5874 67.044 48.4235C74.0512 52.2694 79.7324 57.8885 83.9297 65.1242C88.1232 72.3542 90.2495 79.8178 90.2495 87.3078C90.2495 96.1578 87.6963 105.794 82.6612 115.949C77.654 126.048 68.3994 138.121 55.1539 151.832L40.5857 167.119H81.3401C82.0124 167.119 82.5591 167.663 82.5591 168.332C82.5591 169.001 82.0124 169.546 81.3401 169.546H37.7488C37.261 169.546 36.8214 169.258 36.6288 168.811C36.4363 168.365 36.529 167.85 36.8646 167.497L53.3911 150.156C66.4668 136.62 75.5792 124.75 80.4751 114.876C85.3433 105.057 87.8119 95.7822 87.8119 87.3081C87.8119 80.2501 85.7955 73.1949 81.8186 66.3382C77.8468 59.491 72.4798 54.179 65.8677 50.5498C59.2391 46.9133 51.4711 45.0693 42.7797 45.0693C28.6962 45.0693 17.01 49.5289 8.04618 58.3238C-0.659616 66.8645 -5.54812 78.6914 -6.48369 93.4754L-6.48961 93.5692H18.3922L18.3973 93.4864C18.8574 86.1712 21.0971 80.2324 25.0529 75.8347C29.281 71.136 34.639 68.7536 40.9777 68.7536C47.2205 68.7536 52.4084 70.7312 56.398 74.6318C60.3935 78.5398 62.4192 83.5425 62.4192 89.5004C62.4192 95.1254 60.5348 101.472 56.8178 108.362C53.1401 115.179 45.6775 124.276 34.6373 135.4L-10.5618 181.285V192.93H55.4723L55.4946 192.916C55.6956 192.783 55.9291 192.713 56.1696 192.713C56.5322 192.713 56.8728 192.873 57.1035 193.15C79.4535 220.11 112.388 235.573 147.463 235.573C212.032 235.573 264.562 183.278 264.562 119C264.562 54.7213 212.032 2.42666 147.463 2.42666C116.533 2.42666 87.3616 14.3209 65.322 35.9184C65.0922 36.1433 64.7883 36.2668 64.4662 36.2668C64.1369 36.2668 63.8285 36.1385 63.5978 35.9047C63.1263 35.4283 63.1325 34.6584 63.6113 34.1885C86.1105 12.1415 115.889 0 147.463 0C179.392 0 209.41 12.3779 231.988 34.8543C254.566 57.3304 267 87.214 267 119C267 150.786 254.566 180.67 231.988 203.146C209.411 225.622 179.392 238 147.463 238Z' fill='%235B2A86'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-size: contain;
	padding-left: 90px;
}
.prokey-box-content:nth-child(2)::after {
    content: "";
    position: absolute;
    top: 130px;
    right: -30px;
    height: 9px;
    width: 22px;
    background-image: url("data:image/svg+xml,%3Csvg width='22' height='9' viewBox='0 0 22 9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M20.7698 8.97298C20.6579 8.97298 20.5437 8.95432 20.432 8.91473L1.30914 2.15267C0.7817 1.96621 0.505418 1.38772 0.69213 0.860338C0.878612 0.332956 1.45832 0.0560436 1.98461 0.243424L21.1075 7.00548C21.635 7.19194 21.911 7.7704 21.7245 8.29778C21.5774 8.71352 21.1869 8.97298 20.7698 8.97298Z' fill='%235E5E5E'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-size: contain;
} 
.prokey-content-main .prokey-box-content:nth-child(3) {
    content: "";
    position: absolute;
    top: 0px;
    left: -120px;
    background-image: url("data:image/svg+xml,%3Csvg width='251' height='226' viewBox='0 0 251 226' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M137.841 226C105.103 226 73.9839 211.842 52.4639 187.155L52.4367 187.124L52.3955 187.127C50.9571 187.214 49.5637 187.258 48.2542 187.258C34.4878 187.258 23.0909 183.027 14.3806 174.682C5.67328 166.342 0.835542 154.86 0.00193543 140.558C-0.0164824 140.243 0.0972168 139.93 0.314494 139.701C0.531237 139.471 0.837144 139.339 1.15372 139.339H27.405C27.9762 139.339 28.4564 139.754 28.5469 140.326C29.6378 147.211 32.0487 152.376 35.7122 155.677C39.3605 158.965 44.0587 160.633 49.6759 160.633C55.5266 160.633 60.4367 158.737 64.2697 154.999C68.1489 151.215 70.0345 146.717 70.0345 141.249C70.0345 135.256 67.4803 130.32 62.2264 126.158C56.9635 121.99 49.2005 119.813 39.1531 119.688C38.5187 119.681 38.0027 119.163 38.0027 118.536V95.8233C38.0027 95.2262 38.4666 94.7219 39.0592 94.6753C45.2732 94.1845 49.938 93.2178 52.9241 91.8016C55.8458 90.4171 58.1451 88.4977 59.7581 86.096C61.3578 83.7141 62.1687 81.1603 62.1687 78.5049C62.1687 75.0203 60.9857 72.2146 58.5516 69.9279C56.097 67.6233 52.9459 66.5027 48.9175 66.5027C45.3976 66.5027 42.1539 67.5881 39.277 69.729C36.3939 71.8739 34.3955 74.6898 33.3377 78.0976C33.1887 78.5777 32.7467 78.9 32.2379 78.9H6.74498C6.4132 78.9 6.09716 78.7573 5.87855 78.5087C5.65941 78.26 5.55798 77.9292 5.60042 77.6003C6.95346 67.1125 10.7902 58.5501 17.0042 52.151C25.6563 43.2525 36.6804 38.7408 49.7701 38.7408C61.4537 38.7408 71.3964 42.5075 79.3222 49.9362C87.2674 57.3858 91.2956 66.3609 91.2956 76.6124C91.2956 82.5525 89.7584 88.0981 86.7266 93.0951C86.5128 93.4478 86.1397 93.6578 85.7289 93.6578C85.5033 93.6578 85.2844 93.592 85.0955 93.4673C84.5768 93.1253 84.4215 92.4453 84.7415 91.9188C87.5594 87.2803 88.988 82.1303 88.988 76.6122C88.988 67.0227 85.2044 58.613 77.7425 51.6163C70.259 44.6017 60.8475 41.0452 49.7701 41.0452C37.3279 41.0452 26.861 45.3217 18.6605 53.7557C13.0807 59.502 9.52287 67.1536 8.08655 76.4989L8.07187 76.5954H31.4067L31.4265 76.5402C32.6896 73.0489 34.8669 70.1355 37.8975 67.8805C41.182 65.437 44.8896 64.1981 48.917 64.1981C53.4961 64.1981 57.2696 65.5607 60.1321 68.2488C63.0144 70.957 64.4758 74.4075 64.4758 78.5047C64.4758 81.626 63.5333 84.6116 61.6739 87.38C59.8259 90.1311 57.2149 92.319 53.9133 93.8833C50.8154 95.3523 46.3906 96.3313 40.3861 96.8754L40.3097 96.8823V117.406L40.3911 117.409C50.3803 117.699 58.2089 120.035 63.6598 124.352C69.4208 128.915 72.3415 134.6 72.3415 141.249C72.3415 147.286 70.1682 152.467 65.8817 156.648C61.6018 160.821 56.149 162.937 49.675 162.937C43.469 162.937 38.2509 161.071 34.1651 157.388C30.2918 153.898 27.6927 148.624 26.4408 141.713L26.4283 141.644H2.38663L2.39357 141.735C3.40228 154.826 7.97257 165.352 15.9774 173.02C24.2438 180.939 35.1026 184.955 48.2532 184.955C49.7776 184.955 51.3022 184.902 52.7842 184.799L52.9342 184.795C52.9796 184.795 53.0252 184.798 53.0706 184.803C53.1675 184.819 53.2291 184.833 53.2897 184.853C53.3826 184.887 53.439 184.912 53.4934 184.943C53.577 184.994 53.6258 185.028 53.6725 185.068L53.7459 185.136C53.7657 185.153 53.7854 185.17 53.8028 185.191C74.9026 209.662 105.533 223.696 137.841 223.696C198.964 223.696 248.692 174.038 248.692 113C248.692 51.9626 198.964 2.30434 137.841 2.30434C109.337 2.30434 82.2538 13.0858 61.5791 32.6627C61.3431 32.8863 61.0242 33.0142 60.7038 33.0148C60.4308 33.0148 60.1812 32.9244 59.9821 32.7536C59.7298 32.5363 59.5863 32.2354 59.5782 31.9054C59.5705 31.5802 59.7013 31.2654 59.9372 31.0418C81.0491 11.024 108.716 0 137.841 0C168.067 0 196.484 11.7538 217.856 33.0971C238.995 54.2064 250.765 82.2633 250.997 112.099C251.112 126.954 248.34 141.49 242.757 155.303C237.17 169.124 229.059 181.506 218.648 192.105C197.179 213.962 168.481 226 137.841 226Z' fill='%235B2A86'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-size: contain;
    padding-left: 95px;
    padding-right: 25px;
}
.prokey-box-content:nth-child(3)::after {
    content: "";
    position: absolute;
    top: 230px;
    right: 40px;
    height: 20px;
    width: 10px;
    background-image: url("data:image/svg+xml,%3Csvg width='12' height='22' viewBox='0 0 12 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.2466 21.1367C9.86538 21.1367 9.50024 20.9206 9.32826 20.5523L0.744788 2.17629C0.508118 1.66985 0.727061 1.06697 1.23402 0.830326C1.74051 0.593453 2.34348 0.812601 2.58015 1.3195L11.1636 19.6952C11.4003 20.2017 11.1813 20.8046 10.6744 21.0412C10.536 21.1059 10.3901 21.1367 10.2466 21.1367Z' fill='%235E5E5E'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-size: contain;
}
.prokey-content-main .prokey-box-content:nth-child(4) {
    content: "";
    position: absolute;
    top: 0px;
    left: 220px;
    background-image: url("data:image/svg+xml,%3Csvg width='273' height='237' viewBox='0 0 273 237' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M154.616 236.471C119.738 236.471 86.8088 221.177 64.2719 194.509C63.9534 194.339 63.7386 194.087 63.6406 193.775L63.4998 193.599L63.3693 193.445C62.9461 192.932 63.0192 192.171 63.5319 191.748L63.567 191.721L63.5793 191.67V164.716H1.20582C0.540849 164.716 0 164.175 0 163.51V137.863C0 137.623 0.0711512 137.39 0.205318 137.19L63.2812 43.4177C63.5057 43.0839 63.8797 42.885 64.2817 42.885H91.9199C92.5846 42.885 93.1255 43.4258 93.1255 44.091V136.658H101.031C101.696 136.658 102.237 137.199 102.237 137.864C102.237 138.528 101.697 139.07 101.031 139.07H91.9199C91.255 139.07 90.7141 138.529 90.7141 137.864V45.2967H64.924L2.41138 138.232V162.304H64.7848C65.4498 162.304 65.9907 162.845 65.9907 163.51V192.807L66.0113 192.831C88.0935 219.032 120.389 234.06 154.616 234.06C218.489 234.06 270.454 182.101 270.454 118.235C270.454 54.3699 218.489 2.41109 154.616 2.41109C124.004 2.41109 95.1358 14.239 73.3299 35.7159C73.1032 35.9396 72.8028 36.0629 72.4839 36.0629C72.1587 36.0629 71.8533 35.9349 71.6245 35.7031C71.3986 35.4738 71.2753 35.1698 71.2778 34.8483C71.2804 34.5261 71.4078 34.2244 71.6377 33.9985C93.8973 12.0741 123.366 0 154.616 0C186.202 0 215.897 12.2984 238.231 34.6305C260.566 56.962 272.866 86.6537 272.866 118.235C272.866 149.817 260.566 179.509 238.231 201.84C215.897 224.173 186.202 236.471 154.616 236.471Z' fill='%235B2A86'/%3E%3Cpath d='M31.5108 139.07C31.0629 139.07 30.654 138.824 30.4445 138.427C30.2353 138.031 30.2621 137.555 30.5142 137.185L63.7892 88.3671C64.0137 88.0377 64.3866 87.8408 64.7858 87.8408C64.906 87.8408 65.0254 87.8587 65.1409 87.8944C65.6494 88.0508 65.9913 88.5144 65.9913 89.0468V137.864C65.9913 138.529 65.4505 139.07 64.7855 139.07H31.5108ZM33.7922 136.658H63.58V92.9564L33.7922 136.658Z' fill='%235B2A86'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-size: contain;
    padding-left: 95px;
    padding-right: 25px;
}
.prokey-box-content:nth-child(4)::after {
    content: "";
    position: absolute;
    top: 235px;
    right: 170px;
    height: 20px;
    width: 12px;
    background-image: url("data:image/svg+xml,%3Csvg width='13' height='20' viewBox='0 0 13 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.72943 19.9833C1.55608 19.9833 1.38043 19.9388 1.2202 19.8449C0.736957 19.5632 0.574181 18.9428 0.855976 18.46L11.0807 0.944069C11.3627 0.460884 11.9836 0.29745 12.4657 0.579903C12.949 0.861665 13.1117 1.48205 12.8299 1.96477L2.60497 19.4807C2.41688 19.803 2.07776 19.9833 1.72943 19.9833Z' fill='%235E5E5E'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-size: contain;
}
.prokey-content-main .prokey-box-content:nth-child(5) {
    content: "";
    position: absolute;
    bottom: 355px;
    right: -310px;
    background-image: url("data:image/svg+xml,%3Csvg width='273' height='244' viewBox='0 0 273 244' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M151.294 244C115.073 244 80.983 227.984 57.7657 200.058L57.7352 200.021L57.6882 200.025C55.8672 200.196 54.0226 200.282 52.2056 200.282C39.2037 200.282 27.8675 196.514 18.5119 189.081C9.15375 181.646 2.93579 171.338 0.0310443 158.443C-0.0527852 158.072 0.0350254 157.69 0.271872 157.392C0.508432 157.095 0.861536 156.925 1.24135 156.925H31.2084C31.6844 156.925 32.1142 157.197 32.3289 157.635C34.5257 162.099 37.4428 165.518 40.9995 167.798C44.5487 170.075 48.5249 171.229 52.8169 171.229C58.8417 171.229 63.818 169.114 68.0307 164.762C72.1944 160.46 74.3056 154.839 74.3056 148.054C74.3056 141.462 72.3416 135.988 68.4679 131.784C64.565 127.55 59.9788 125.491 54.4478 125.491C51.5376 125.491 48.6257 126.235 45.793 127.702C42.908 129.198 40.0205 131.484 37.2108 134.497C36.9774 134.748 36.6475 134.892 36.3047 134.892C36.214 134.892 36.1225 134.881 36.0335 134.862L12.794 129.651C12.1297 129.502 11.7075 128.838 11.8524 128.172L29.9958 44.696C30.1192 44.1282 30.6288 43.7167 31.2084 43.7167H101.436C102.121 43.7167 102.678 44.2747 102.678 44.9611V71.4239C102.678 72.11 102.121 72.6683 101.436 72.6683H53.5042L48.0504 96.9984L48.1896 96.967C49.2067 96.7362 50.2233 96.5457 51.2103 96.4009C52.8955 96.1546 54.5337 96.03 56.0788 96.03C69.4731 96.03 80.8549 100.527 89.9093 109.397C90.1445 109.628 90.2737 109.938 90.2731 110.271C90.2725 110.612 90.1379 110.931 89.8933 111.168C89.6625 111.393 89.3576 111.517 89.0352 111.517C88.7039 111.517 88.3895 111.387 88.1498 111.153C79.5765 102.769 68.7863 98.5178 56.0784 98.5178C54.6539 98.5178 53.1364 98.6341 51.5689 98.8623C49.9968 99.0931 48.369 99.4433 46.7294 99.9026C46.6212 99.9332 46.5087 99.9487 46.3959 99.9487C46.0761 99.9487 45.7726 99.8267 45.5407 99.6065C45.2257 99.3067 45.0896 98.8569 45.1847 98.4315L51.3002 71.1511C51.4282 70.5793 51.9261 70.1801 52.5111 70.1801H100.195V46.2048H32.208L14.5407 127.493L35.8885 132.28L35.9232 132.243C38.7648 129.294 41.7017 127.023 44.653 125.493C47.8408 123.841 51.1362 123.004 54.4478 123.004C60.6222 123.004 65.9528 125.39 70.2915 130.096C74.6019 134.775 76.7874 140.818 76.7874 148.055C76.7874 155.508 74.4406 161.712 69.8121 166.495C65.1728 171.288 59.4546 173.718 52.8166 173.718C48.0432 173.718 43.6175 172.432 39.6614 169.895C35.9186 167.496 32.8261 163.986 30.4705 159.463L30.445 159.414H2.81262L2.84073 159.527C5.76069 171.09 11.5515 180.378 20.0531 187.132C28.9594 194.207 39.7768 197.795 52.2051 197.795C54.2078 197.795 56.1945 197.692 58.1096 197.489C58.1622 197.483 58.2135 197.479 58.2652 197.479C58.4679 197.479 58.6682 197.529 58.8445 197.623L58.9114 197.668C58.9726 197.705 59.0093 197.727 59.0435 197.755C59.1061 197.806 59.1641 197.864 59.2169 197.928C81.9769 225.627 115.537 241.513 151.293 241.513C217.034 241.513 270.518 187.9 270.518 122C270.518 56.1013 217.034 2.48815 151.293 2.48815C121.09 2.48815 92.2772 13.8307 70.1629 34.4263C69.9321 34.641 69.6321 34.7593 69.3181 34.7593C68.9262 34.7593 68.5644 34.5782 68.3262 34.2634C67.9463 33.7618 68.0359 33.0098 68.5289 32.5511C91.0959 11.5601 120.489 0 151.293 0C184.248 0 215.114 12.9964 238.206 36.5956C249.403 48.0389 258.127 61.4066 264.134 76.3283C270.139 91.2419 273.121 106.935 272.996 122.974C272.747 155.186 260.089 185.477 237.353 208.268C214.367 231.31 183.804 244 151.294 244Z' fill='%235B2A86'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-size: contain;
    padding-left: 95px;
    padding-right: 25px;
}
.prokey-box-content:nth-child(5)::after {
    content: "";
    position: absolute;
    bottom: 125px;
    right: 280px;
    height: 11px;
    width: 22px;
    background-image: url("data:image/svg+xml,%3Csvg width='22' height='11' viewBox='0 0 22 11' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.95572 10.239C1.5549 10.239 1.17548 9.99959 1.01616 9.60503C0.807116 9.08663 1.05739 8.49641 1.57632 8.28693L20.3856 0.696169C20.9039 0.485998 21.4944 0.737601 21.7039 1.25624C21.913 1.77464 21.6627 2.36486 21.1438 2.57434L2.33444 10.1649C2.21035 10.2155 2.08188 10.239 1.95572 10.239Z' fill='%235E5E5E'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-size: contain;
}
.prokey-content-main .prokey-box-content:nth-child(6) {
    content: "";
    position: absolute;
    bottom: 60px;
    right: -240px;
    background-image: url("data:image/svg+xml,%3Csvg width='257' height='236' viewBox='0 0 257 236' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M138.944 235.256C104.922 235.256 72.5795 220.529 50.2084 194.85L50.1803 194.818L50.1373 194.821C48.9593 194.893 47.9046 194.928 46.9139 194.928C33.5626 194.928 22.2826 190.213 13.3863 180.914C4.50327 171.631 -0.000244141 160.829 -0.000244141 148.807C-0.000244141 144.245 0.696021 139.589 2.06853 134.969C3.42966 130.387 6.59096 123.29 11.4641 113.876L48.7024 40.982C48.9089 40.5783 49.3184 40.328 49.7719 40.328C49.9589 40.328 50.139 40.3707 50.3074 40.4548L73.8066 52.2038C74.0918 52.3464 74.3119 52.6019 74.4104 52.9041C74.5098 53.2074 74.4828 53.5432 74.3368 53.8262L49.8482 101.344L49.9847 101.349C61.2137 101.811 71.0249 106.044 79.1448 113.929C79.3838 114.161 79.5155 114.471 79.5164 114.801C79.5166 115.125 79.3895 115.428 79.1578 115.655C78.9314 115.876 78.6358 115.996 78.3234 115.996C78.0048 115.996 77.7027 115.873 77.4718 115.649C69.3069 107.724 59.3569 103.706 47.8988 103.706C47.4831 103.706 47.0907 103.485 46.8743 103.13C46.6581 102.776 46.6422 102.326 46.8326 101.957L71.6474 53.8068L50.2977 43.132L13.5975 114.972C8.79068 124.258 5.68574 131.215 4.36846 135.652C3.06144 140.05 2.39846 144.476 2.39846 148.806C2.39846 160.189 6.6786 170.434 15.1198 179.255C23.5461 188.062 34.2431 192.529 46.9136 192.529C48.1935 192.529 49.4719 192.481 50.7134 192.385C50.7445 192.383 50.7756 192.382 50.8064 192.382C51.2956 192.382 51.7429 192.694 51.9205 193.158C73.8545 218.396 105.568 232.857 138.944 232.857C202.488 232.857 254.186 181.165 254.186 117.628C254.186 54.0906 202.488 2.39897 138.944 2.39897C109.808 2.39897 81.9983 13.2967 60.639 33.0847C60.4167 33.2909 60.1273 33.4044 59.824 33.4044C59.4447 33.4044 59.0947 33.2299 58.8638 32.9255C58.4978 32.4419 58.5841 31.7168 59.0609 31.2754C80.857 11.1069 109.227 0 138.943 0C170.796 0 200.63 12.5298 222.951 35.2817C233.774 46.3149 242.207 59.2034 248.014 73.5898C253.819 87.9686 256.701 103.1 256.582 118.563C256.342 149.622 244.106 178.828 222.129 200.803C199.91 223.02 170.367 235.256 138.944 235.256Z' fill='%235B2A86'/%3E%3Cpath d='M46.4217 169.118C41.2433 169.118 36.659 167.071 32.7962 163.033C28.947 159.013 26.9951 153.994 26.9951 148.117C26.9951 142.246 28.8613 137.279 32.5415 133.357C36.2422 129.413 40.8792 127.413 46.3232 127.413C52.0202 127.413 56.8351 129.409 60.6346 133.344C64.4208 137.27 66.3405 142.24 66.3405 148.117C66.3405 154.129 64.3683 159.185 60.4792 163.143C56.5831 167.108 51.8534 169.118 46.4217 169.118ZM46.3235 129.812C41.5022 129.812 37.5665 131.508 34.292 134.999C31.0422 138.462 29.3944 142.876 29.3944 148.117C29.3944 153.429 31.0744 157.766 34.5298 161.375C37.9702 164.971 41.8602 166.719 46.4217 166.719C51.2532 166.719 55.2914 164.999 58.7679 161.462C62.2494 157.919 63.9418 153.554 63.9418 148.117C63.9418 142.81 62.2954 138.522 58.908 135.01C55.5317 131.512 51.415 129.812 46.3235 129.812Z' fill='%235B2A86'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-size: contain;
}
.prokey-box-content:nth-child(6)::after {
    content: "";
    position: absolute;
    bottom: 215px;
    right: 230px;
    height: 15px;
    width: 19px;
    background-image: url("data:image/svg+xml,%3Csvg width='19' height='15' viewBox='0 0 19 15' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M17.9432 14.0986C17.7496 14.0986 17.5537 14.0431 17.3806 13.9273L0.528144 2.64052C0.0637811 2.32929 -0.0607829 1.70044 0.250481 1.23567C0.561744 0.772057 1.19072 0.646817 1.65555 0.958044L18.508 12.2449C18.9723 12.5561 19.0969 13.185 18.7856 13.6498C18.5902 13.9412 18.2699 14.0986 17.9432 14.0986Z' fill='%235E5E5E'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-size: contain;
}
.ser-second-six .inner-title h2 {
    margin-bottom: 30px;
}
.ser-second-six .row + .row .col-md-6 {
    opacity: 0;
    transform: translateY(20px);
    transition: opacity 0.6s ease-out, transform 0.6s ease-out;
}
.ser-second-six .row + .row .col-md-6.show {
    opacity: 1;
    transform: translateY(0);
}
.ser-second-six .sersix-box {
    flex-direction: row;
    column-gap: 20px;
    padding: 36px 28px;
    background-color: #FECC72;
    border-radius: 20px;
    height: 100%;
}

.ser-second-six .row + .row .col-md-6:nth-child(2) .sersix-box, .ser-second-six .row + .row .col-md-6:nth-child(3) .sersix-box, .ser-second-six .row + .row .col-md-6:nth-child(6) .sersix-box {
    background-color: #DFB2F4;
}
.ser-second-six .sersix-box .sersix-img img {
    max-width: 80px;
}
.sersix-desc h3 {
    font-family: 'PT Sans', sans-serif;
    font-weight: 700;
    color: #1D1D1D;
    margin-bottom: 12px;
    text-align: left;
}
.sersix-desc p {
    font-weight: 400;
    font-size: 18px;
    line-height: 28px;
    color: #717170;
    margin-bottom: 0;
}
.serwith-box {
    padding: 20px 50px;
    display: flex;
    column-gap: 20px;
    background-color: #FFFFFF;
    border-radius: 20px;
    position: relative;
    border: 1px solid #FFFFFF;
    transition: all 0.5s;
}
.serwith-box.active {
    background-color: rgba(240, 133, 25, 0.1);
    border-color: #F08519;
}
.serwith-box::after {
    content: "";
    height: 60px;
    width: 60px;
    position: absolute;
    top: 10px;
    right: 10px;
    background-image: url("data:image/svg+xml,%3Csvg width='67' height='54' viewBox='0 0 67 54' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg opacity='0.5'%3E%3Cpath d='M65.9998 25.5702C53.1796 26.3677 42.9831 36.889 42.208 50.0484H42.1185C41.3433 36.8584 31.117 26.3677 18.3267 25.5702V25.4782C31.1468 24.6806 41.3433 14.1593 42.1185 1H42.208C42.9831 14.19 53.2095 24.6806 65.9998 25.4782V25.5702Z' stroke='%23F08519' stroke-miterlimit='10'/%3E%3Cpath d='M25.7534 39.3467C19.0967 39.776 13.8024 45.4398 13.3999 52.5237H13.3535C12.951 45.4233 7.64115 39.776 1 39.3467V39.2971C7.65663 38.8678 12.951 33.204 13.3535 26.1201H13.3999C13.8024 33.2205 19.1122 38.8678 25.7534 39.2971V39.3467Z' stroke='%23F08519' stroke-miterlimit='10'/%3E%3Cpath d='M23.3692 10.3649C19.7943 10.6035 16.951 13.75 16.7349 17.6855H16.71C16.4938 13.7408 13.6422 10.6035 10.0757 10.3649V10.3374C13.6505 10.0989 16.4938 6.95234 16.71 3.01685H16.7349C16.951 6.96152 19.8026 10.0989 23.3692 10.3374V10.3649Z' stroke='%23F08519' stroke-miterlimit='10'/%3E%3C/g%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-size: contain;
    opacity: 0;
    transition: all 0.5s;
}
.serwith-box.active::after {
    top: auto;
    bottom: 10px;
    opacity: 1;
}
.serwith-box h3 {
    font-family: 'PT Sans', sans-serif;
    font-weight: 700;
    font-size: 30px;
    line-height: 39px;
    color: #F08519;
    margin-bottom: 0;
    width: 135px;
}
.serwith-box .serwith-box-content {
    display: none;
}
.ser-sight .serassu-content.active {
	display: block;
}
.sersight-tab .tab-item a {
    padding: 15px 0px;
    font-weight: 700;
    font-size: 20px;
    line-height: 30px;
    color: #333333;
    display: block;
    text-align: center;
    border-radius: 10px;
    border: 2px solid #EBEBEB;
    position: relative;
    overflow: hidden;
}
.sersight-tab .tab-item a::after {
    content: "";
    position: absolute;
    top: 0;
    left: -1px;
    right: -1px;
    bottom: 0;
    border-bottom: 2px solid #F08519;
    border-radius: 10px;
    opacity: 0;
}
.sersight-tab .tab-item.active a {
    background: #5B2A86;
    color: #FFFFFF;
}
.sersight-tab .tab-item.active a::after {
    opacity: 1;
}
.ser-sight .serassu-content {
    margin-top: 30px;
}
.ser-sight .serassu-content-right h3 {
    margin-bottom: 18px;
}
.ser-sight .serassu-content-right p {
    font-weight: 400;
    font-size: 22px;
    line-height: 32px;
    color: #717170;
    margin-bottom: 0;
}
.ser-sight .serassu-content-right ul {
    margin-top: 15px;
}
.popular-tag {
    padding: 11px 21px;
    background-color: #5B2A86;
    border-radius: 50px;
    width: fit-content;
    display: flex;
    align-items: center;
    position: absolute;
    top: -36px;
    left: 0;
}
.popular-tag span {
    font-weight: 700;
    font-size: 14px;
    line-height: 14px;
    text-decoration-line: underline;
    color: #FFFFFF;
}
.serplan-btn-inner {
	display: flex;
	column-gap: 30px;
	align-items: center;
	justify-content: center;
	margin-top: 30px;
}
.home-product .title h2 {
    margin-bottom: 90px;
}
.home-product  .hservice-box {
    display: flex;
    column-gap: 70px;
    padding: 0 20px 40px 40px;
} 
.home-product  .hservice-img {
    padding: 45px 40px;
    height: fit-content;
} 
.home-product  .hservice-img img {
    max-width: 90px;
} 
.home-product .hservice-desc {
    margin-top: 40px;
}
.home-product .hservice-main .hservice-inner:nth-child(2) {
    margin-top: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.image-modal {
	z-index: 10000;
}

.modalgallery-grid img {
	max-width: initial;
	width: 100%;
    height: 100%;
}
.image-modal .modal-content {
    background: #FDFBF8;
    border-radius: 15px;
    border: 0;
    outline: none;
}
.image-modal .modal-header {
    padding: 0;
    border: 0;
    margin: 0;
}
.image-modal .btn-close {
    position: absolute;
    background: #5b2a86;
    opacity: 1;
    border-radius: 50% !important;
    padding: 0 !important;
    width: 40px;
    height: 40px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    right: -10px;
    box-shadow: 0 0 0 !important;
    z-index: 3;
    transition: all 0.3s;
}
.image-modal .btn-close svg {
    max-width: 15px;
    animation: none;
}
.image-modal .btn-close svg path {
    fill: #fff;
}

.culour-img img {
    width: 100%;
	border-radius: 10px;
}
.culour-shape {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
    width: 90%;
    z-index: -1;
}
.cul-divides .row + .row {
    margin-top: 20px;
    row-gap: 30px;
}
.cul-divides .inner-title p {
    max-width: 63%;
    margin: 40px auto 30px;
}
.cul-divides .ser-frame-1 {
    top: 50px;
    left: 0;
}
.cul-divides .hcmsolmib-img svg path {
    fill: #000000;
}
.cul-divides .hcmsolmi-box {
    padding: 45px 36px;
    height: 100%;
    opacity: 0;
    transform: translateY(20px);
    transition: opacity 0.6s ease, transform 0.6s ease;
}
.cul-divides .hcmsolmi-box.show {
    opacity: 1;
    transform: translateY(0);
}
.cul-divides .hcmsolmi-box p {
    margin-bottom: 0;
}
.cul-divides .hcmsolmi-box:hover {
    background-color: #5B2A86;
    border-color: rgba(91, 42, 134, 0.2);
}
.cul-divides .hcmsolmi-box:hover h3, .cul-divides .hcmsolmi-box:hover p {
    color: #FFFFFF;
    transition: all 0.5s;
}
.cul-divides .hcmsolmi-box:hover .hcmsolmib-img svg path {
    fill: #FFFFFF;
}
.culritu-gallery-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 10px;
	max-height: 536px;
}
.culritu-gallery-inner img {
    width: 100%;
}
.culritu-gallery-inner img + img {
    margin-top: 10px;
}
.cul-button-inner {
    display: inline-flex;
    column-gap: 20px;
}
.cul-button-inner .cul-button-prev, .cul-button-inner .cul-button-next {
    position: static;
    transform: none;
    width: 100%;
    max-width: 42px;
    max-height: 42px;
    display: block;
}
.cul-button-inner .cul-button-prev.swiper-button-disabled, .cul-button-inner .cul-button-next.swiper-button-disabled {
    opacity: 1;
    pointer-events: all;
    cursor: pointer;
}
.culritu-slider .swiper-pagination {
    margin-top: 35px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.culritu-slider .swiper-pagination-bullet {
    height: 5px;    
    width: 5px;
    opacity: 1;
    background-color: #D9D9D9;
}
.culritu-slider .swiper-pagination-bullet.swiper-pagination-bullet-active {
    height: 8px;    
    width: 8px;
    background-color: #F08519;
}

/* Product Section Animation */

.hm-product-main {
    position: relative;
    width: 100%;
    height: 630px;
    z-index: 2;
}

.product-logo {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    height: 170px;
    width: 170px;
    border-radius: 50%;
    border: 3px solid #EF8422;
    display: flex;
    justify-content: center;
    align-items: center;
}
.product-logo img {
    width: 75px;
}
.product-main {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    animation: productRotate linear infinite;
    pointer-events: none;
    border: 2px dashed #5B2A86;
    border-radius: 100%;
    animation-duration: 15s;
}
.hm-product-main .product-main:nth-child(2) {
    pointer-events: none;
    border-color: #EF8422;
    border-radius: 100%;
    width: 65%;
    height: 65%;
    top: 111px;
    left: 111px;
    animation-duration: 7s;
}
.product-box {
    position: absolute;
    animation: productRotateLeft 15s linear infinite;
}
.product-box > a {
    height: 142px;
    width: 142px;
    border-radius: 50%;
    border: 2px solid #5B2A86;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    background-color: #FDF5E9;
    transition: all 0.5s;
    pointer-events: all;
}
.product-box:nth-child(1) {
    top: 0px;
    right: 50px;
}
.product-box:nth-child(2) {
    bottom: -50px;
    right: 135px;
}
.product-box:nth-child(3) {
	top: 240px;
    left: -70px;
}
.product-element {
    height: 55px;
    width: 55px;
    border-radius: 50%;
    background-color: #DDB5FF;
    position: absolute;
}
.product-element:nth-child(1) {
    top: 22px;
    left: 45px;
    background-color: #F08519;
}
.product-element:nth-child(2) {
	top: 50%;
    right: -25px;
    transform: translateY(-50%);
}
.product-element:nth-child(3) {
    bottom: 16px;
    left: 50px;
}
.product-box h4 {
    font-size: 15px;
    line-height: 21px;
    font-weight: 600;
    color: #1D1D1D;
    margin: 0px;
}
.hm-product-main .product-main:has(.product-box:hover), .product-main:hover .product-box, .product-main.stop-animation, .product-main.stop-animation .product-box {
    animation-play-state: paused;
}
.product-box:hover h4 {
    color: #FFFFFF;
}
@keyframes productRotate {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(1turn);
    }
}

@keyframes productRotateLeft {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(-1turn);
    }
}
.hm-product-details {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}
.product-details {
    position: absolute;
    width: 400px;
    text-align: left;
    background-color: #FDF5E9;
    padding: 20px;
    border-radius: 20px;
    border: 1px solid #F08519;
    display: none;
    z-index: 1;
    pointer-events: all;
    animation: none;
    transform: translateY(-50%);
    top: 60%;
}
.product-details.left {
    right: 150px;
}
.product-details.right {
    left: 150px;
}
.product-img {
    max-width: 100%;
	margin-bottom: 15px;
}
.product-img video {
    width: 100%;
}
.product-desc p {
    margin-bottom: 15px;
    font-size: 18px;
    font-weight: 400;
    line-height: 24px;
    color: #000000;
}
.page-template-Service .cta {
	background-color: #FDF5E9;
}
.industry-template .cta, .home .cta, .product-template-template .cta {
	background-color: #F8F8F8;
}
.pro-related .relpro-box {
    text-align: left;
    background-color: #FDF5E9;
    padding: 20px;
    border-radius: 20px;
    border: 1px solid #F08519;
	height: 100%;
    display: flex;
    flex-direction: column;
}
.pro-related .relpro-box .product-desc {
    display: flex;
    flex-direction: column;
    flex: 1;
}
.product-desc a:nth-child(1) {
    flex: 1;
}
.pro-related .product-img {
	width: 100%;
	max-width: initial;
}
@media (max-width: 1699px) {
    .hm-product-main {
        width: 100%;
        max-width: 477px;
        height: 477px;
        margin: 0 auto;
    }
    .product-logo {
        height: 120px;
        width: 120px;
    }
    .product-logo img {
        width: 55px;
    }
    .hm-product-main .product-main:nth-child(2) {
        top: 85px;
        left: 85px;
    }
    .product-element {
        height: 40px;
        width: 40px;
    }
    .product-element:nth-child(1) {
        top: 8px;
    }
    .product-element:nth-child(2) {
        right: -20px;
    }
    .product-element:nth-child(3) {
        bottom: 7px;
    }
    .product-box:nth-child(1) {
        top: -20px;
    }
    .product-box > a {
        height: 112px;
        width: 112px;
    }
    .product-box:nth-child(2) {
        bottom: -20px;
        right: 65px;
    }
    .product-box:nth-child(3) {
        top: 180px;
        left: -50px;
    }
    .product-details.right {
		left: 30px;
	}
	.product-details.left {
		right: 30px;
	} 
}
@media (max-width: 1399px) {
    .ser-framework .row + .row {
        margin-top: 100px;
    }
    .serframe-box {
        padding: 0px 50px;
    }
    .serframe-hor::after {
        width: 1060px;
        background-position: top right;
    }
    .serframe-ver::after {
        right: -35px;
    }
    .serframe-hor {
        column-gap: 200px;
    }
    .ser-offering-main .hcmsolmi-box {
        width: 31.54%;
    }
    @keyframes expandWidth {
        from {
            width: 0;
        }
        to {
            width: 1100px;
        }
    }
    .ser-value .hcmsolmi-box h3 {
        max-width: 90%;
    }
    .ser-value .hcmsolmi-box {
        padding: 40px 20px;
    }
    .prokey-box h3 {
        left: 65px;
    }
    .prokey-content-main .prokey-box-content:nth-child(1) {
        bottom: 40px;
        left: -260px;
    }
    .prokey-content-main .prokey-box-content:nth-child(2) {
        bottom: 315px;
        left: -305px;
    }
    .prokey-content-main .prokey-box-content:nth-child(3) {
        top: -10px;
        left: -130px;
    }
    .prokey-content-main .prokey-box-content:nth-child(4) {
        top: -10px;
        left: 190px;
    }
    .prokey-content-main .prokey-box-content:nth-child(5) {
        bottom: 315px;
        right: -305px;
    }
    .prokey-content-main .prokey-box-content:nth-child(6) {
        bottom: 40px;
        right: -250px;
    }
	.serframe-chart-animation {
		bottom: -66px;;
		transform: skew(0, -4deg);
    }	
	.sersmart-video img {
		height: 305px;
	}
	.home-product  .hservice-box {
		column-gap: 30px;
		padding: 0 20px 30px 30px;
	} 
	.home-product  .hservice-img {
		padding: 35px 30px;
	}
	.cul-divides .hcmsolmi-box {
        padding: 35px 22px;
    }
	.culritu-gallery-grid {
		max-height: 393px;
	}
	.product-details {
		width: 320px;
	}
    .product-desc p {
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
        line-height: 24px;
        max-height: 50px;
    }
	.product-details.right {
		left: 15px;
	}
	.product-details.left {
		right: 15px;
	}
	.ser-orbri-smart .sersmart-video img {
		height: 630px;
	}
}

@media (max-width: 1199px) {
    .ser-framework .row + .row {
        margin-top: 70px;
    }
    .serframe-ver .ser-ver-box {
        transform: rotate(-90deg) translateY(-20px);
    } 
    .serframe-ver::after {
        right: -15px;
        bottom: -126px;
        height: 700px;
    }
    .serframe-hor::after {
        width: 900px;
        left: -30px;
    }
    .serframe-hor {
        margin-top: 45px;
        column-gap: 200px;
    }
    .ser-ver-box span {
        font-size: 24px;
        line-height: 31px;
    }
    .serframe-box {
        padding: 0px 40px;
    }
    .serframe-box p {
        font-size: 22px;
        line-height: 28px;
    }
    .ser-offering .hcmsolmi-box p {
        font-size: 17px;
        line-height: 27px;
    }
    .ser-offering-main .hcmsolmi-box {
        width: 31.19%;
    }
    .serframe-chart-animation {
        bottom: 6px;
        left: -30px;
		transform: skew(0, -8deg);
    }
    .shape.ser-frame-1 {
        top: -65px;
    }
    .shape.ser-frame-2 {
        top: -132px;
    }
    @keyframes expandWidth {
        from {
            width: 0;
        }
        to {
            width: 940px;
        }
    }
    .seracro-tag {
        font-size: 18px;
        line-height: 28px;
    }
    .play-btn {
        top: 35%;
        width: 100px;
    }
    .ser-value .hcmsolmi-box {
        padding: 30px 20px;
    }
    .ser-value .hcmsolmi-box h3 {
        max-width: 100%;
    }
    .ser-value .hcmsolmi-box P {
        font-size: 16px;
        line-height: 24px;
    }
    .sermodu-content-left h3 {
        font-size: 30px;
        line-height: 40px;
    }
    .sermodu-content li h4 {
        font-size: 18px;
        line-height: 28px;
    }
    .sermodu-content li p, .sermodu-content ul li ul li {
        font-size: 16px;
        line-height: 26px;
    }
	.sermodu-content ul li ul li {
		padding-left: 27px;
	}
	.sermodu-content ul li ul li::before {
		top: 4px;
		width: 17px;
		height: 17px;
	}
    .sersix-box h3, .sersix-box .desc-animation p {
        font-size: 20px;
        line-height: 24px;
    }
    .serassu-tab .tab-item a {
        font-size: 18px;
        line-height: 28px;
    }
    .serassu-content-right h3 {
        font-size: 24px;
        line-height: 32px;
    }
    .prokey-box h3 {
        top: 110px;
        left: 50px;
        font-size: 24px;
        line-height: 30px;
    }
    .prokey-content-main .prokey-box-content:nth-child(1) {
        bottom: 10px;
        left: -280px;
    }
    .prokey-content-main .prokey-box-content:nth-child(2) {
        bottom: 255px;
        left: -305px;
    }
    .prokey-content-main .prokey-box-content:nth-child(3) {
        top: -10px;
        left: -150px;
    }
    .prokey-content-main .prokey-box-content:nth-child(4) {
        top: -10px;
        left: 140px;
    }
    .prokey-content-main .prokey-box-content:nth-child(5) {
        bottom: 255px;
        right: -295px;
    }
    .prokey-content-main .prokey-box-content:nth-child(6) {
        bottom: 10px;
        right: -250px;
    }
    .sersix-desc p {
        font-size: 16px;
        line-height: 26px;
    }
    .serwith-box {
        padding: 20px 30px;
    }
    .serwith-box h3 {
        font-size: 24px;
        line-height: 30px;
        width: 100px;
    }
    .ser-sight .serassu-content-right p {
        font-size: 18px;
        line-height: 28px;
    }
    .serplan-top h3 {
        font-size: 18px;
        line-height: 26px;
    }
    .serplan-top h4 {
        font-size: 20px;
        line-height: 30px;
    }
    .serplan-top h4 span {
        font-size: 14px;
        line-height: 20px;
    }
    .serplan-top a {
        padding: 11px 20px;
        font-size: 14px;
        line-height: 20px;
    }
	.sersmart-video img {
		height: 265px;
	}
	.home-product  .hservice-box {
		column-gap: 20px;
	}
	.home-product  .hservice-img img {
		max-width: 60px;
	}
	.cul-divides .inner-title p {
        max-width: 80%;
    }
	.culritu-gallery-grid {
		max-height: 329px;
	}
    .hm-product-main {
        max-width: 375px;
        height: 375px;
    }
    .product-logo {
        height: 90px;
        width: 90px;
    }
    .product-logo img {
        width: 45px;
    }
    .hm-product-main .product-main:nth-child(2) {
        top: 65px;
        left: 65px;
    }
    .product-element {
        height: 30px;
        width: 30px;
    }
    .product-element:nth-child(1) {
        top: 0px;
    }
    .product-element:nth-child(2) {
        right: -15px;
    }
    .product-element:nth-child(3) {
        bottom: 0px;
    }
    .product-box > a {
        height: 82px;
        width: 82px;
    }
    .product-box:nth-child(2) {
        bottom: -10px;
        right: 45px;
    }
    .product-box:nth-child(3) {
        top: 150px;
        left: -40px;
    }
    .product-details {
        width: 250px;
    }
    .product-img {
        max-width: 160px;
    }
    .product-desc p {
        font-size: 16px;
        line-height: 22px;
    }
	.ser-orbri-smart .sersmart-video img {
		height: 630px;
	}
    .serplan-top p {
        margin-bottom: 20px;
    }
    .serplan-middle li + li {
        margin-top: 20px;
    }
}
@media (max-width: 991px) {
    .ser-evolve-banner .inb-desc h1, .ser-what .inner-title h2, .pro-key .inner-title h2 {
        margin-bottom: 18px;
    }
    .ser-unlock .inner-title p ,.ser-unlock .inner-title h2 {
        max-width: 100%;
    }
    .ser-framework .row + .row {
        margin-top: 80px;
    }
    .serframe-ver .ser-ver-box {
        transform: rotate(-90deg) translateY(0px);
    }
    .ser-ver-box span {
        font-size: 20px;
        line-height: 28px;
    }
    .serframe-ver::after {
        right: -25px;
        bottom: -110px;
        height: 680px;
    }
    .serframe-box {
        padding: 0px 20px;
    }
    .serframe-box p {
        font-size: 20px;
        line-height: 26px;
    }
    .serframe-hor::after {
        width: 660px;
        left: -23px;
    }
    .ser-offering-main {
        margin-top: 18px;
    }
    .ser-offering-main .hcmsolmi-box {
        width: 47.79%;
    }
    .ser-offering-main .hcmsolmi-box:nth-child(5) {
        width: 100%;
    }
    .serframe-hor {
        margin-top: 30px;
        column-gap: 140px;
    }
    .shape.ser-frame-1 {
        top: -55px;
    }
    .shape.ser-frame-2 {
        top: -122px;
    }
    .serframe-chart-animation {
		bottom: 70px;
        left: -18px;
		transform: skew(0, -18deg);
    }
	.serframe-main {
		gap: 20px;
	}
    @keyframes expandWidth {
        from {
            width: 0;
        }
        to {
            width: 700px;
        }
    }
    .sermodu-tab .swiper-wrapper {
        display: flex;
    }
    .sermodu-tab .tab-item a {
        font-size: 18px;
        line-height: 28px;
    }
    .sermodu-tab {
        display: flex;
        justify-content: space-between;
    }
    .sermodu-tab .tab-item + .tab-item {
        margin-top: 0;
    }
    .sermodu-tab .tab-item a {
        padding: 15px 20px;
    }
    .sermodu-tab .tab-item.active a {
        border-radius: 10px;
    }
    .ser-offering .row + .row, .ser-across .row + .row, .ser-smart .row + .row, .ser-value .row + .row, .ser-modules .row + .row, .ser-six .row + .row, .ser-assure .row + .row, .ser-augmenta .row + .row, .pro-key .row + .row, .ser-with .row + .row, .ser-sight .row + .row, .ser-plan .row + .row, .home-product .row + .row, .pro-related .row + .row {
        margin-top: 0;
    }
    .ser-deliver .row {
        row-gap: 30px;
    }
    .serassu-content {
        margin-top: 0px;
        column-gap: 30px;
    }
    .prokey-box h3 {
        top: 80px;
        left: 35px;
        font-size: 18px;
        line-height: 24px;
    }
    .prokey-box-content {
        padding-left: 65px;
        padding-right: 25px;
        max-height: 185px;
    }
    .prokey-box-content h4 {
        font-size: 12px;
        line-height: 18px;  
    }
    .prokey-box-content p {
        font-size: 10px;
        line-height: 14px;
    }
    .prokey-content-main .prokey-box-content:nth-child(1) {
        bottom: 0px;
        left: -225px;
    }
    .prokey-content-main .prokey-box-content:nth-child(2) {
        bottom: 200px;
        left: -255px;
    }
    .prokey-box-content:nth-child(2)::after {
        right: -25px;
    }
    .prokey-content-main .prokey-box-content:nth-child(3) {
        top: 30px;
        left: -110px;
        padding-left: 75px;
    }
    .prokey-box-content:nth-child(3)::after {
        top: 185px;
    }
    .prokey-content-main .prokey-box-content:nth-child(4) {
        top: 30px;
        left: 110px;
        padding-left: 85px;
    }
    .prokey-box-content:nth-child(4)::after {
        top: 185px;
        right: 150px;
    }
    .prokey-content-main .prokey-box-content:nth-child(5) {
        bottom: 200px;
        right: -255px;
        padding-left: 80px;
    }
    .prokey-box-content:nth-child(5)::after {
        bottom: 75px;
        right: 230px;
    }
    .prokey-content-main .prokey-box-content:nth-child(6) {
        bottom: 0px;
        right: -215px;
        padding-right: 35px;
    }
    .prokey-box-content:nth-child(6)::after {
        bottom: 165px;
        right: 185px;
    }
    .ser-sight .serassu-content {
        margin-top: 0;
    }
    .serassu-content-right {
        margin-top: 30px;
    }
    .ser-sight .serassu-content-right p {
        font-size: 16px;
        line-height: 26px;
    }
    .serassu-content-img {
        text-align: center;
    }
	.sersmart-video img {
		height: 385px;
	}
	.hservice-main {
		grid-template-columns: repeat(1,1fr);
	}
	.serplan-box {
		padding: 15px;
	}
	.serplan-box::before {
		top: -5px;
		left: 0px;
		right: 0px;
		bottom: -5px;
		border-radius: 15px;
	}
	.serplan-btn-inner {
		margin-top: 0px;
	}
	.ser-second-six .sersix-box {
        flex-direction: column;
        align-items: flex-start;
    }
	.cul-our .row, .cul-rituals .row {
        row-gap: 30px;
    }
    .culour-img {
        padding: 50px 0;
    }
    .cul-divides .inner-title p {
        margin: 30px auto 30px;
    }
    .cul-divides .row + .row {
        margin-top: 0px;
    }
    .cul-divides .ser-frame-1 {
        top: 40px;
        left: -40px;
    }
	.culritu-gallery-grid {
		max-height: 500px;
	}
    .product-details {
        display: none !important;
    }
	.cta {
		margin-top: 0;
		padding-top: 70px;
	}
	.ser-orbri-smart .sersmart-video img {
		height: 390px;
	}
    .serplan-scroll {
        grid-template-columns: repeat(5, 45%);
    }
    .serplan-top p {
        min-height: 90px;
    }
    .serplan-scroll .serplan-box .serplan-middle ul {
        margin-top: 10px;
    }
    .serplan-scroll .serplan-box .serplan-middle li {
        min-height: 36px;
        display: flex;
        align-items: center;
        justify-content: center;
    }
}
@media (max-width: 767px) {
    .shape.ser-frame-1, .shape.ser-frame-2 {
        display: none;
    }
    .ser-framework .row + .row {
        margin-top: 0;
    }

    .serframe-main {
        grid-template-columns: repeat(1, 1fr);
        grid-template-rows: repeat(9, 179px);
    } 
    .serframe-box p {
        font-size: 18px;
        line-height: 24px;
    }
    .serframe-box {
        padding: 0px 70px;
    }
    .serframe-chart-animation {
        display: none;
    }
    .ser-offering-main .hcmsolmi-box {
        width: 100%;
    }
    .seracro-tag {
        font-size: 14px;
        line-height: 24px;
        width: 100%;
        padding: 15px 0;
        text-align: center;
    }
    .sermodu-tab .swiper-slide {
        width: fit-content;
    }
    .sermodu-tab .tab-item a {
        width: fit-content;
        font-size: 16px;
        line-height: 26px;
        padding: 15px 30px;
    }
    .sermodu-content.active {
        grid-template-columns: 1fr;
    }
    .sermodu-content-left h3 {
        font-size: 25px;
        line-height: 33px;
        margin-bottom: 15px;
    }
    .sermodu-content li h4 {
        font-size: 16px;
        line-height: 26px;
        margin-bottom: 5px;
    }
    .sermodu-content li + li {
        margin-top: 15px;
    }
    .sermodu-content-right {
        margin-top: 15px;
        width: 100%;
    }
    .play-btn, .ser-what .play-btn {
        width: 60px;
    }
    .sersix-box h3, .sersix-box .desc-animation p {
        font-size: 18px;
        line-height: 24px;
    }
    .serassu-tab .swiper-slide {
        width: fit-content;
    }
    .serassu-tab .tab-item a {
        width: fit-content;
        font-size: 16px;
        line-height: 26px;
        padding: 15px 40px;
    }
    .serassu-content.active {
        flex-wrap: wrap;
    }
    .prokey-main {
        padding-top: 12px;
    }
    .prokey-box {
        display: none;
    }
    .prokey-content-main {
        display: flex;
        flex-wrap: wrap;
        gap: 20px;
    }
    .prokey-content-main .prokey-box-content:nth-child(1), .prokey-content-main .prokey-box-content:nth-child(2), .prokey-content-main .prokey-box-content:nth-child(3), .prokey-content-main .prokey-box-content:nth-child(4), .prokey-content-main .prokey-box-content:nth-child(5), .prokey-content-main .prokey-box-content:nth-child(6) {
        position: static;
        max-width: 100%;
        max-height: max-content;
        background-image: url("data:image/svg+xml,%3Csvg height='24' viewBox='0 0 510 510' width='24' xmlns='http://www.w3.org/2000/svg' id='fi_8068013'%3E%3Cg id='Layer_2' data-name='Layer 2'%3E%3Cg id='_02.number_1' data-name='02.number_1'%3E%3Cpath id='background' d='m255 23a232.07 232.07 0 0 1 90.3 445.78 232.07 232.07 0 0 1 -180.6-427.56 230.57 230.57 0 0 1 90.3-18.22m0-23c-140.83 0-255 114.17-255 255 0 140.83 114.17 255 255 255 140.83 0 255-114.17 255-255 0-140.83-114.17-255-255-255z'%3E%3C/path%3E%3Cpath d='m296.45 150v210h-48v-159.3l-37.2 10.2-11.7-41.1 54.9-19.8z'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
        background-size: 25px;
        background-position: top 10px left 10px;
        padding: 0;
    }
    .prokey-content-main .prokey-box-content:nth-child(2) {
        background-image: url("data:image/svg+xml,%3Csvg height='24' viewBox='0 0 510 510' width='24' xmlns='http://www.w3.org/2000/svg' id='fi_8068070'%3E%3Cg id='Layer_2' data-name='Layer 2'%3E%3Cg id='_03.number_2' data-name='03.number_2'%3E%3Cpath id='background' d='m255 23a232.07 232.07 0 0 1 90.3 445.78 232.07 232.07 0 0 1 -180.6-427.56 230.57 230.57 0 0 1 90.3-18.22m0-23c-140.83 0-255 114.17-255 255 0 140.83 114.17 255 255 255 140.83 0 255-114.17 255-255 0-140.83-114.17-255-255-255z'%3E%3C/path%3E%3Cpath d='m184.65 327.3 70.5-73.2c12.3-12.6 21.3-24.9 21.3-37.2 0-13.2-8.4-22.2-22.5-22.2-14.7 0-25.2 9.6-30.9 22.8l-40.5-23.7c13.5-31.2 41.7-45.9 70.8-45.9 37.5 0 71.1 24.6 71.1 66.9 0 25.2-13.5 46.8-32.7 66l-34.75 35.1h70.5v46.2h-142.85z'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
    }
    .prokey-content-main .prokey-box-content:nth-child(3) {
        background-image: url("data:image/svg+xml,%3Csvg height='24' viewBox='0 0 510 510' width='24' xmlns='http://www.w3.org/2000/svg' id='fi_8068125'%3E%3Cg id='Layer_2' data-name='Layer 2'%3E%3Cg id='_04.number_3' data-name='04.number_3'%3E%3Cpath id='background' d='m255 23a232.07 232.07 0 0 1 90.3 445.78 232.07 232.07 0 0 1 -180.6-427.56 230.57 230.57 0 0 1 90.3-18.22m0-23c-140.83 0-255 114.17-255 255 0 140.83 114.17 255 255 255 140.83 0 255-114.17 255-255 0-140.83-114.17-255-255-255z'%3E%3C/path%3E%3Cpath d='m330 291.9c0 46.2-36 70.2-76.5 70.2-31.8 0-60.6-14.1-73.5-45l41.4-24c4.8 13.8 13.8 22.2 32.1 22.2 19.8 0 28.5-10.5 28.5-23.4s-8.7-23.4-28.5-23.4h-9.9l-18.3-27.3 38.1-48.3h-76.8v-45h135v39l-36.3 46.2c25.8 9 44.7 29.7 44.7 58.8z'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
    }
    .prokey-content-main .prokey-box-content:nth-child(4) {
        background-image: url("data:image/svg+xml,%3Csvg height='24' viewBox='0 0 510 510' width='24' xmlns='http://www.w3.org/2000/svg' id='fi_8068178'%3E%3Cg id='Layer_2' data-name='Layer 2'%3E%3Cg id='_05.number_4' data-name='05.number_4'%3E%3Cpath id='background' d='m255 23a232.07 232.07 0 0 1 90.3 445.78 232.07 232.07 0 0 1 -180.6-427.56 230.57 230.57 0 0 1 90.3-18.22m0-23c-140.83 0-255 114.17-255 255 0 140.83 114.17 255 255 255 140.83 0 255-114.17 255-255 0-140.83-114.17-255-255-255z'%3E%3C/path%3E%3Cpath d='m337.5 326.4h-21v33.6h-48.6v-33.6h-95.4v-44.4l66.9-132h51.6l-66.9 132h43.8v-45h48.6v45h21z'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
    }
    .prokey-content-main .prokey-box-content:nth-child(5) {
        background-image: url("data:image/svg+xml,%3Csvg height='24' viewBox='0 0 510 510' width='24' xmlns='http://www.w3.org/2000/svg' id='fi_8068231'%3E%3Cg id='Layer_2' data-name='Layer 2'%3E%3Cg id='_06.number_5' data-name='06.number_5'%3E%3Cpath id='background' d='m255 23a232.07 232.07 0 0 1 90.3 445.78 232.07 232.07 0 0 1 -180.6-427.56 230.57 230.57 0 0 1 90.3-18.22m0-23c-140.83 0-255 114.17-255 255 0 140.83 114.17 255 255 255 140.83 0 255-114.17 255-255 0-140.83-114.17-255-255-255z'%3E%3C/path%3E%3Cpath d='m330.75 291.9c0 46.2-36 70.2-76.5 70.2-33.3 0-62.1-14.1-75-45l41.4-24c4.8 13.8 13.8 22.2 33.6 22.2s28.5-10.5 28.5-23.4-8.7-23.4-27-23.4h-65.7l8.7-120.6h121.5v45h-76.5l-2.1 28.8h17.1c39 0 72 24 72 70.2z'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
    }
    .prokey-content-main .prokey-box-content:nth-child(6) {
        background-image: url("data:image/svg+xml,%3Csvg height='24' viewBox='0 0 510 510' width='24' xmlns='http://www.w3.org/2000/svg' id='fi_8068286'%3E%3Cg id='Layer_2' data-name='Layer 2'%3E%3Cg id='_07.number_6' data-name='07.number_6'%3E%3Cpath id='background' d='m255 23a232.07 232.07 0 0 1 90.3 445.78 232.07 232.07 0 0 1 -180.6-427.56 230.57 230.57 0 0 1 90.3-18.22m0-23c-140.83 0-255 114.17-255 255 0 140.83 114.17 255 255 255 140.83 0 255-114.17 255-255 0-140.83-114.17-255-255-255z'%3E%3C/path%3E%3Cpath d='m333 288c0 43.5-31.8 74.1-78 74.1-46.5 0-78-30.6-78-74.1 0-16.2 4.5-30.9 12.3-42.6l64.2-97.5h55.2l-45.6 66.3c41.7 3.3 69.9 33 69.9 73.8zm-48 0c0-18.3-14.1-29.1-30-29.1-16.2 0-30 10.5-30 29.1s13.8 29.1 30 29.1c15.9 0 30-10.8 30-29.1z'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
    }
    
    .prokey-content-main .prokey-box-content:nth-child(1)::after, .prokey-content-main .prokey-box-content:nth-child(2)::after, .prokey-content-main .prokey-box-content:nth-child(3)::after, .prokey-content-main .prokey-box-content:nth-child(4)::after, .prokey-content-main .prokey-box-content:nth-child(5)::after, .prokey-content-main .prokey-box-content:nth-child(6)::after {
        display: none;
    }
    .prokey-content-main .prokey-box-content {
        padding: 30px 20px !important;
        background-color: #FECC72;
        border-radius: 10px;
    }
    .prokey-content-main .prokey-box-content:nth-child(even) {
        background-color: #DFB2F4;
    }
    .prokey-box-content h4 {
        color: #000000;
        font-size: 14px;
        line-height: 20px;
        max-width: 80%;
    }
    .prokey-box-content p {
        font-size: 12px;
        line-height: 16px;
    }
    .serwith-box {
        flex-wrap: wrap;
        row-gap: 20px;
    }
    .serwith-box h3 {
        font-size: 20px;
        line-height: 26px;
        width: 100%;
    }
	.sersmart-video img {
		height: 195px;
	}
	.seracro-main {
		padding: 5px;
	}
	.home-product .hservice-box {
		flex-wrap: wrap;
    	flex-direction: column-reverse;
		padding: 0 20px 20px 20px;
	}
	.home-product  .hservice-img {
		padding: 20px;
	}
	.home-product .hservice-desc {
		margin-top: 0;
	}
	.ser-second-six .row + .row .col-md-6:nth-child(4) .sersix-box {
        background-color: #DFB2F4;
    }
    .sersix-box, .ser-second-six .row + .row .col-md-6:nth-child(3) .sersix-box {
        background-color: #FECC72;
    }
	.ser-deliver-main {
		padding: 20px;
	}
	.culour-img {
        padding: 10px 0;
    }
    .cul-divides .inner-title p {
        max-width: 100%;
        margin-top: 18px;
    }
    .cul-button-inner .cul-button-prev, .cul-button-inner .cul-button-next {
        max-width: 35px;
    }
    .culritu-gallery-grid {
        grid-template-columns: repeat(1, 1fr);
    	max-height: 1145px;
   }
   .hm-product-main {
        max-width: 250px;
        height: 250px;
    }
    .product-logo {
        height: 70px;
        width: 70px;
    }
    .product-logo img {
        width: 35px;
    }
    .hm-product-main .product-main:nth-child(2) {
        width: 60%;
        height: 60%;
        top: 50px;
        left: 50px;
    }
    .product-element {
        height: 20px;
        width: 20px;
    }
    .product-element:nth-child(1) {
        top: -8px;
    }
    .product-element:nth-child(2) {
        right: -10px;
    }
    .product-element:nth-child(3) {
        bottom: -8px;
    }
    .product-box:nth-child(1) {
        top: -15px;
        right: 20px;
    }
    .product-box:nth-child(2) {
        bottom: -20px;
        right: 20px;
    }
    .product-box:nth-child(3) {
        top: 80px;
        left: -35px;
    }
    .product-box > a {
        height: 72px;
        width: 72px;
    }
	.cta {
		padding-top: 60px;
	}
	.ser-orbri-smart .sersmart-video img {
		height: 195px;
	}
    .serplan-grid {
        grid-template-columns: repeat(1, 55%) repeat(5, 45%);
    }
    .serplan-scroll {
        grid-template-columns: repeat(5, 100%);
    }
    .serplan-top p {
        min-height: 108px;
    }
}
.home:has(.modal.d-none) .modal-backdrop.show {
	display: none;
}
body {
	padding-right: 0 !important;
}