/********** About Page Start **********/

/* Banner CSS Start */

.banner-section {
    border-bottom: 3px solid var(--main-sub-color);
}

.bnr-img {
    position: relative;
}

.bnr-img::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 200px;
    background: linear-gradient(180deg, #482f92, #482f9200);
    opacity: 0.8;
    z-index: 0;
}

.bnr-img::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 200px;
    background: linear-gradient(180deg, #ECEEFB, #eceefb00);
    opacity: 1;
    z-index: 1;
}

.bnr-img img {
    width: 100%;
    height: auto;
}

.bnr-txt-con {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    z-index: 2;
}

.bnr-txt-con::after {
    content: '';
    clip-path: polygon( 0.00% 0.00%, 54% 0.00%, 73.80% 37.40%, 100% 29.40%, 75.60% 100.00%, 0.00% 100.00% );
    background: var(--main-color);
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 55%;
}

.bnr-txt {
    margin-top: 200px;
    width: 50%;
}

/* Banner CSS End */

/* Overview CSS Start */

.overview-txt p {
    margin-bottom: 20px;
    width: 95%;
}

.count-flex {
    flex-wrap: wrap;
}

.count-item {
    width: 50%;
    padding: 15px;
}

.count-box {
    padding: 30px 0;
    width: 100%;
    height: 100%;
    /* background: var(--main-color); */
    text-align: center;
    color: #fff;
    position: relative;
}

.count-item:nth-child(odd) .count-box {
    padding-right: 140px;
    padding-left: 30px;
}

.count-item:nth-child(even) .count-box {
    padding-left: 140px;
    padding-right: 30px;
}

.count-box::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: var(--main-sub-color);
    clip-path: polygon( 0.00% 0.00%, 53.00% 0.00%, 82.40% 53.40%, 100% 47.40%, 84.40% 100.00%, 0.00% 100.00% );
    z-index: -1;
}

.count-box::after {
    content: '';
    position: absolute;
    top: 1%;
    left: 1%;
    /* transform: translate(-50%, -50%); */
    width: 98%;
    height: 98%;
    background: #fff;
    clip-path: polygon( 0.00% 0.00%, 53.00% 0.00%, 82.4% 54.4%, 100% 48.8%, 84.40% 100.00%, 0.00% 100.00% );
    z-index: -1;
}

.count-item:nth-child(even) .count-box::after, .count-item:nth-child(even) .count-box::before {
    transform: rotateY(180deg);
}

.count-icon {
    position: absolute;
    top: 0;
    width: 30%;
    opacity: 0.8;
}

.count-item:nth-child(even) .count-icon {
    right: 16%;
}

.count-item:nth-child(odd) .count-icon {
    left: 16%;
}

.count-box .heading {
    margin-bottom: 15px;
}

/* Overview CSS End */

/* Mission Vision CSS Start */

.mission-img {
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    width: auto;
}

.mission-txt li {
    margin-bottom: 25px;
    color: #fff;
    position: relative;
    padding-left: 30px;
}

.mission-txt li::before {
    content: url(../images/inner/li-icon.png);
    position: absolute;
    top: 0;
    left: 0;
}

.mission-shape1 {
    position: absolute;
    top: 0;
    left: 0;
    width: 20%;
}

.mission-shape2 {
    position: absolute;
    bottom: 0;
    right: 46%;
    width: 20%;
}

/*.mission-row {
    padding: 50px 0;
}*/

.mission-txt {
    width: 90%;
}

.vision-shape {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: auto;
}

.vision-row {
    padding: 150px 0;
}

/* Mission Vision CSS End */

/* Value CSS Start */

.core-row {
    margin-top: 20px;
}

.core-box {
    background: #EAE6F4;
    height: 100%;
    padding: 40px;
    text-align: center;
    position: relative;
}

.core-box img {
    margin-bottom: 10px;
}

.core-box h3 {
    font-size: 20px;
    line-height: 30px;
    position: relative;
    font-family: 'SpaceGrotesk-Medium';
    color: var(--main-dark-color);
    margin-bottom: 10px;
}

.core-shape {
    position: absolute;
    bottom: 0;
    right: 0;
    margin-bottom: 0 !important;
}

.value-shape {
    position: absolute;
    top: 0;
    right: 0;
    width: 10%;
    height: auto;
}

/* Value CSS End */

/* Legacy CSS Start */

.legacy-txt h3 {
    font-size: 30px;
    line-height: 40px;
    position: relative;
    font-family: var(--h2HeadingFont);
    margin-bottom: 5px;
}

.legacy-txt h4 {
    font-size: 20px;
    line-height: 30px;
    position: relative;
    font-family: var(--h2HeadingFont);
    margin-bottom: 30px;
    color: #AA8FFA;
}

.legacy-txt p {
    position: relative;
    padding-top: 30px;
    width: 90%;
}

.legacy-txt p::before {
    content: url(../images/inner/legacy-icon.png);
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
}

.legacy-img {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: auto;
}

.legacy-row {
    padding: 50px 0;
}

.legacy-shape {
    position: absolute;
    top: 0;
    right: 0;
    width: 20%;
}

/* Legacy CSS End */

/* Leadership CSS Start */

.leader-head-row {
    margin-bottom: 30px;
}

.leader-shape {
    position: absolute;
    top: 0;
    left: 0;
    width: 20%;
}

.leader-txt p {
    width: 90%;
}

.leader-box img {
    width: 100%;
    height: auto;
    /* border: 3px solid var(--main-sub-color); */
    margin-bottom: 10px;
}

.leader-box h3 {
    font-size: 20px;
    line-height: 30px;
    position: relative;
    font-family: 'SpaceGrotesk-Medium';
    color: var(--main-dark-color);
    margin-bottom: 5px;
}

.leader-box p {
    font-size: 16px;
    line-height: 26px;
    color: #9894A2;
}

.leader-box {
    display: block;
}

.leader-btn p {
    width: fit-content;
    margin: 0 auto;
    color: var(--main-dark-color);
    font-family: 'SpaceGrotesk-Medium';
    border-bottom: 2px solid var(--main-dark-color);
}

.leader-popup-img img {
    width: 100%;
}

.leader-popup-head p {
    color: var(--main-color);
}

.leader-modal .linkdin a i {
    color: #0288d1;
    font-size: 30px;
    margin-top: 30px;
}

/* Leadership CSS End */

/* Footprint CSS Start */

.global-row {
    margin-bottom: 50px;
}

.foot-shape {
    position: absolute;
    top: 0;
    left: 0;
    width: auto;
    height: 100%;
}

/* Footprint CSS End */


/********** Product Page Start **********/

/* Product CSS Start */

.product-top-row {
    margin-bottom: 50px;
}

.product-dropdown {
    display: flex;
    justify-content: end;
    align-items: center;
    gap: 10px;
}

.product-dropdown select {
    padding: 10px;
    border-radius: 0;
    background: #fff;
    border: 1px solid var(--main-sub-color);
}

.product-box {
    display: flex;
    justify-content: space-between;
    background: #fff;
    padding: 0;
    height: 100%;
}

.product-img {
    width: 42%;
    padding: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.product-box-txt {
    width: 58%;
    text-align: left;
    padding: 40px 20px 40px 130px;
    position: relative;
    z-index: 1;
}

.product-box-txt::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: var(--main-color);
    /* clip-path: polygon(0.00% 0.00%, 54.60% 0.00%, 79.40% 40.60%, 99.80% 34.20%, 82.80% 100%, 0.00% 100%);
    transform: rotateY(180deg); */
    z-index: -1;
    clip-path: polygon(14% 46%, 33% 0, 100% 0, 100% 100%, 15% 100%, 0 43%);
}

.product-box-txt h3 {
    color: #fff;
    margin-bottom: 10px;
}

.product-box-txt p{
    margin-bottom: 20px;
}

.product-shape {
    position: absolute;
    top: 0;
    left: 0;
    width: 20%;
}

.product-btm-box {
    background: #fff;
    z-index: 1;
    display: block;
    border: 2px solid var(--main-sub-color);
}

.product-btm-box h3 {
    font-size: 30px;
    line-height: 40px;
    position: relative;
    font-family: 'SpaceGrotesk-Medium';
    padding: 20px;
    color: var(--main-dark-color);
    padding-bottom: 0;
}

.product-box-img {
    text-align: center;
    padding: 30px;
}

.product-box-img img {
    margin-bottom: 10px;
    width: 100%;
    height: 200px;
    object-fit: contain;
}

.product-box-shape {
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: -1;
    width: 30%;
    height: auto;
}

.product-btm-box .inner-para {
    margin-bottom: 30px;
    width: 80%;
}

.product-con-img {
    padding: 20px;
    position: relative;
}

.product-con-img::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 75%;
    clip-path: polygon( 0.00% 0.00%, 50% 30%, 100% 20%, 62.00% 100%, 0.00% 100% );
    /*background: var(--main-color);*/
    background: #CBD729;
    z-index: -1;
}

.product-con-img .main-btn {
    /* margin-left: auto; */
    /*margin-right: 30px;*/
    padding: 8px 12px;
    padding-right: 24px;
    font-size: 13px;
}

.product-box-flex {
    flex-wrap: wrap;
    gap: 20px;
    justify-content: right;
}

/*.productLogo {
    display: flex;
    padding: 10px;
    height: 50px;
    width: 100%;
    object-fit: cover;
}*/
.productLogo {
  display: flex;
  /*justify-content: center;*/
  padding: 13px;
  height: 50px;
  width: 100%;
  object-fit: cover;
  margin-top: 10px;
}

/* Product CSS End */

/* Application CSS Start */

.application-flex {
    justify-content: center;
    flex-wrap: wrap;
    margin-top: 30px;
}

.application-item {
    width: 20%;
    padding: 10px;
}

.application-box {
    background: #EAE6F4;
    padding: 40px 20px;
    text-align: center;
    position: relative;
    height: 100%;
}

.application-box p {
    font-family: 'SpaceGrotesk-Bold';
    margin-top: 10px;
}

.application-box-shape {
    position: absolute;
    bottom: 0;
    right: 0;
}

/* Application CSS End */

/* Category CSS Start */

.category-section {
    border-bottom: 3px solid var(--main-sub-color);
}

.category-flex {
    justify-content: space-between;
    margin-top: 30px;
}

.category-flex .tabs-nav {
    width: 35%;
    display: flex;
    flex-direction: column;
    gap: 30px;
}

.category-flex .tabs-nav li a {
    color: #fff;
    font-family: 'SpaceGrotesk-Medium';
    font-size: 25px;
    line-height: 35px;
    padding: 15px 20px;
    border: 1px solid var(--main-sub-color);
    width: 100%;
    display: block;
}

.category-flex .tabs-nav li.tab-active a {
    color: #000;
    background: var(--main-sub-color);
}

.category-stage {
    width: 60%;
}

.cate-box {
    display: flex;
    padding: 40px;
    background: #EAE6F4;
}

.cate-img {
    width: 75%;
}

.cate-img img {
    mix-blend-mode: multiply;
}

.cate-txt {
    padding: 0;
    padding-left: 20px;
    text-align: left;
    width: 40%;
    height: auto;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.cate-slider .swiper-pagination-bullet {
    width: 10px;
    height: 10px;
    background: #C9C1DD;
    border: 1px solid #A499BF;
    opacity: 1;
}

.cate-slider .swiper-pagination-bullet-active {
    width: 10px;
    height: 10px;
    background: var(--main-sub-color);
    border: 1px solid #7A8126;
    opacity: 1;
}

/* Category CSS End */

/* Choose CSS Start */

.choose-top-row {
    margin-bottom: 30px;
}

.choose-box {
    background: #583BAE;
}

.choose-box h3, .choose-box p {
    color: #fff;
}

.choose-shape {
    position: absolute;
    top: 0;
    left: 0;
    width: 20%;
}

.choose-section .sec-container {
    padding-top: 50px;
    padding-bottom: 50px;
}

.choose-section {
    padding-left: 15px;
    padding-right: 15px;
}

.choose-box .site-icon {
    background: var(--main-sub-color);
}

.choose-shape1 {
    position: absolute;
    top: 0;
    left: 0;
    width: 20%;
}

.choose-shape2 {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 20%;
}

.choose-btm-row {
    padding-bottom: 40px;
}

/* Choose CSS End */

/* FAQ CSS Start */

.faq-top-row {
    margin-bottom: 30px;
}

.faq-con .accordion-button {
    background: transparent;
    border-radius: 0 !important;
    box-shadow: none;
    color: var(--main-dark-color);
    font-family: 'SpaceGrotesk-Bold';
    font-size: 20px;
    line-height: 30px;
    padding: 0px;
    padding-bottom: 25px;
}

.faq-con .accordion-item {
    background: transparent;
    border-radius: 0 !important;
    border: none;
    border-bottom: 1px solid #392b6273;
    margin-bottom: 25px;
}

.faq-con .accordion-body p {
    color: #000;
}

.faq-con .accordion-body {
    padding: 25px 0;
    padding-top: 0;
}

.faq-con .accordion-body p {
    width: 70%;
}

.faq-con .accordion-button::after {
    background-image: none;
    content: '＋';
    color: var(--main-dark-color);
}

.faq-con .accordion-button:not(.collapsed)::after {
    background-image: none;
    content: '—';
    color: var(--main-dark-color);
}

.faq-shape {
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    width: auto;
}

/* FAQ CSS End */


/********** Product Details Page Start **********/

.bnr-txt-con .productLogo img {
    filter: brightness(100);
}

.bnr-txt-con .productLogo {
    height: 70px;
}

/* Overview CSS Start */

.pd-overview-txt p {
    margin-bottom: 20px;
}

.pd-overview-txt ul {
    display: flex;
    justify-content: start;
    align-items: center;
    flex-wrap: wrap;
    gap: 10px;
}

.pd-overview-txt ul li {
    font-family: 'SpaceGrotesk-Medium';
}

.pd-overview-txt ul li a {
    transition: all ease-in-out 0.4s;
    padding: 6px 15px;
    border-radius: 50px;
    display: block;
    font-family: 'SpaceGrotesk-Medium';
}

.by-application li a {
    background: #E9E2FF;
    color: #4C13F4;
}

.by-category li a {
    background: #DEE39B;
    color: #585B2F;
}

.by-application {
    margin-bottom: 20px;
}

.pd-overview-img {
    height: 100%;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #fff;
    padding: 60px 50px;
}

.pd-overview-shape {
    position: absolute;
    top: 0;
    left: 0;
    width: 20%;
}

.pd-overview-slider {
    padding-bottom: 50px;
}

/* Overview CSS End */

/* Download CSS Start */

.download-section {
    padding: 30px 0;
}

.download-head h2 {
    font-size: 30px;
    line-height: 40px;
    position: relative;
    font-family: var(--h2HeadingFont);
    color: var(--main-dark-color);
}

.download-section {
    background: var(--main-sub-color);
}

.download-flex {
    justify-content: flex-end;
    gap: 15px;
}

.download-btn .main-btn {
    margin-right: 40px;
}

.download-btn:first-child .main-btn::before, .download-btn:first-child .main-btn:hover::after {
    background: #fff;
}

.download-btn:last-child .main-btn::before, .download-btn:last-child .main-btn::after {
    background: var(--main-dark-color);
}

.download-btn:last-child .main-btn {
    color: #fff;
}

.enquery-form .form-control {
    padding: 0px 0px 12px;
    font-size: 15px;
    color: #000;
    background: transparent;
    border: none;
    border-bottom: 2px solid var(--main-sub-color);
    border-radius: 0;
    font-size: 22px;
    font-family: 'SpaceGrotesk-Medium';
}

.btn-close {
    position: absolute;
    top: -20px;
    right: -20px;
    width: 50px;
    height: 50px;
    background: var(--main-dark-color);
    opacity: 1;
    border-radius: 50px;
    box-shadow: none;
    color: #fff;
    font-size: 22px;
}

.btn-close:hover, .btn-close:focus {
    opacity: 1;
    box-shadow: none;
    color: #fff;
}

.download-section.fixed{
    position: fixed !important;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 3;
    box-shadow: 0 -5px 15px rgba(0,0,0,0.1);
}

/* Download CSS End */

/* Quality CSS Start */

.main-slider {
    width: 100%;
    height: auto;
}

.main-slider .swiper-slide-next{
    transform:scale(.96);
    opacity:.8;
}

.main-slider .swiper-slide-next + .swiper-slide{
    transform:scale(.92);
    opacity:.6;
}

.quality-img {
    width: 100%;
    height: auto;
}

.thumb-slider {
    width: 100%;
    margin-top: 20px;
}

.thumb-slider .swiper-slide {
    text-align: center;
    cursor: pointer;
    opacity: .5;
}

.thumb-slider .swiper-slide-thumb-active {
    opacity: 1;
}

.video-icon {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.thumb-slider .swiper-button-prev {
    left: 0;
}

.thumb-slider .swiper-button-next {
    right: 0;
}

.thumb-slider .swiper-button-prev, .thumb-slider .swiper-button-next {
    color: var(--main-dark-color);
    background: #fff;
}

.quality-shape1 {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: auto;
    transform: rotateY(180deg);
}

.quality-shape2 {
    position: absolute;
    top: 0;
    left: 0;
    width: 20%;
}

/* Quality CSS End */

/* Feature CSS Start */

.feature-head .heading {
    margin-bottom: 0;
}

.feature-head {
    padding: 40px 0;
    background: var(--main-sub-color);
}

.feature-txt {
    flex-wrap: wrap;
    justify-content: space-between;
}

.feature-txt li {
    margin-bottom: 25px;
    position: relative;
    padding-left: 30px;
    font-family: 'SpaceGrotesk-Medium';
    width: 100%;
}

.feature-txt li::before {
    content: url(../images/inner/li-icon.png);
    position: absolute;
    top: 0;
    left: 0;
}

.feature-txt ul {
    margin-bottom: 50px;
}

.feature-box-img {
    height: auto;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #fff;
    padding: 15px;
    /*margin-bottom: 10px;*/
    /*aspect-ratio: 1 / 0.65;*/
}
.feature-box p {
    text-align: center;
    font-family: 'SpaceGrotesk-Medium';
    width: 100%;
    margin: 0 auto 10px;
    color: #fff;
    /*background: #482f92;*/
    padding: 10px;
    min-height: auto;
}

.feature-box {
    height: 100%;
    background: #482f92;
}

.feature-row {
    /*padding: 20px;*/
    /*background: var(--main-color);*/
    margin: 0px 0 60px;
}

/* Feature CSS End */

/* Technical CSS Start */

.technical-head {
    margin-bottom: 30px;
}

.spec-table {
    width: 100%;
    border-collapse: collapse;
    font-family: 'SpaceGrotesk-Regular';
    font-size: 14px;
}

.spec-table th,
.spec-table td {
    border: 1px solid #cfcfcf;
    padding: 15px 15px;
    text-align: center;
}

.spec-table thead th {
    background: #c6cf21;
    color: #000;
    font-weight: 600;
}

.spec-table .model {
    text-align: center;
    font-weight: 600;
}

.spec-table tbody tr:nth-child(odd) td {
    background: #EAE6F4;
}

.spec-table tbody tr:nth-child(even) td {
    background: #fff;
}

/* Technical CSS End */

/* Partnership CSS Start */

.partner-section {
    background: #422F78;
}

.partner-form .form-control {
    padding: 0px 0px 8px;
    font-size: 15px;
    color: #fff;
    background: transparent;
    border: none;
    border-bottom: 2px solid var(--main-sub-color);
    border-radius: 0;
    font-size: 20px;
    font-family: 'SpaceGrotesk-Medium';
    appearance: auto;
}

.partner-form .form-field {
    margin-bottom: 15px;
}

.partner-form .form-control::placeholder {
    color: #fff;
}

.partner-form .row {
    margin-top: 20px;
}

.partner-shape1 {
    position: absolute;
    top: 0;
    right: 0;
    width: 20%;
}

.partner-shape2 {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 20%;
}

.partner-img {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: auto;
}

.partner-form-sec .download-head {
    margin-bottom: 20px;
}

.col-lg-7.leftbox {
    position: relative;
    z-index: 0;
}

/* Partnership CSS End */

/* Testimonial CSS Start */

.testi-top-row {
    margin-bottom: 30px;
}

.testi-box {
    border: 2px solid var(--main-dark-color);
    padding: 60px 60px 60px 150px;
}

.testi-icon {
    position: absolute;
    top: -16px;
    right: 5%;
    z-index: -1;
}

.testi-slider {
    padding-bottom: 50px;
}

.testi-slider .swiper-slide {
    padding: 30px 90px 0;
}

.testi-img {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: -85px;
    border: 5px solid #fff;
}

.testi-para {
    margin-bottom: 30px;
}

.testi-name {
    font-family: 'SpaceGrotesk-Bold';
}

.testi-box span {
    display: block;
    font-size: 14px;
    color: #929292;
    font-family: 'SpaceGrotesk-Regular';
}

/* Testimonial CSS End */

/* Similar CSS Start */

.similar-box {
    text-align: center;
}

.similar-box p {
    font-family: 'SpaceGrotesk-Bold';
}

.similar-img {
    aspect-ratio: 4.5/3;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #fff;
    margin-bottom: 20px;
}

.similar-slider {
    padding-bottom: 50px !important;
}

.similar-slider .swiper-pagination-bullet {
    background: var(--main-color);
}

/* Similar CSS End */

/* Blog CSS Start */

.blog-top {
    margin-bottom: 30px;
}

.blog-box img {
    width: 100%;
}

.blog-box {
    display: block;
    width: 100%;
    height: 100%;
    position: relative;
}

.blog-box-txt {
    position: absolute;
    top: 0;
    left: 0;
    width: 60%;
    height: 100%;
    /* clip-path: polygon( 0.00% 0.00%, 38.20% 0.00%, 71.40% 38.20%, 100% 30.80%, 68.80% 100%, 0.00% 100% ); */
    /* background: var(--main-sub-color); */
    padding: 100px 80px 30px 20px;
    z-index: 3;
}

.blog-box::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 65%;
    clip-path: polygon( 0.00% 0.00%, 38.20% 0.00%, 71.40% 38.20%, 100% 30.80%, 68.80% 100%, 0.00% 100% );
    background: var(--main-sub-color);
    z-index: 1;
}

.blog-box-txt span {
    display: block;
    font-size: 16px;
    color: #000;
    font-family: 'SpaceGrotesk-Medium';
    margin-bottom: 5px;
}

.blog-box-txt h3 {
    font-size: 24px;
    line-height: 34px;
    font-family: 'SpaceGrotesk-Bold';
    color: #000;
    margin-bottom: 10px;
}

.blog-box-txt .blog-btn {
    font-size: 16px;
    font-family: 'SpaceGrotesk-Bold';
    text-transform: uppercase;
    margin-top: 15px;
}

.section-btn {
    margin-top: 50px;
    display: flex;
    justify-content: center;
}

.blog-slider .swiper-button-prev, .blog-slider .swiper-button-next {
    width: auto;
    height: auto;
    background: #fff0;
}

.blog-slider .swiper-button-next {
    right: 0;
}

.blog-slider .swiper-button-prev {
    left: 0;
}

.blog-shape1 {
    position: absolute;
    top: 0;
    left: 0;
    width: 20%;
}

.blog-shape2 {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 20%;
}

/* Blog CSS End */


/********** Contact Page Start **********/

/* Contact Form CSS Start */

.contact-left {
    padding: 50px 60px;
    background: var(--main-color);
    height: 100%;
}

.contact-logo {
    margin-bottom: 40px;
}

.contact-item {
    display: grid;
    grid-template-columns: auto auto;
    justify-content: start;
    gap: 10px;
    align-items: baseline;
    position: relative;
    z-index: 1;
}

.contact-item-form:not(:last-child) {
    margin-bottom: 30px;
}

.contact-item-form p {
    color: #fff;
}

.contact-item p:first-child {
    font-family: 'SpaceGrotesk-Medium';
}

.contact-shape {
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: 0;
}

.contact-form .form-control {
    padding: 0px 0px 12px;
    font-size: 15px;
    color: #000;
    background: transparent;
    border: none;
    border-bottom: 2px solid var(--main-sub-color);
    border-radius: 0;
    font-size: 18px;
    font-family: 'SpaceGrotesk-Medium';
}

.contact-head {
    margin-bottom: 30px;
}

.contact-form {
    padding: 40px;
    height: 100%;
    background: #F7F4FF;
}

/* Contact Form CSS End */

/* Main Plant CSS Start */

.plant-section {
    background: var(--main-sub-color);
}

.plant-section .heading {
    margin-bottom: 0;
}

/* Main Plant CSS End */

/* Factory CSS Start */

.factory-box {
    height: 100%;
    width: 100%;
    padding: 60px 40px;
    background: #fff;
    display: block;
}

.factory-box p:first-child {
    font-family: 'SpaceGrotesk-Bold';
    margin-bottom: 10px;
}

/* Factory CSS End */


/********** Sustainability Page Start **********/

/* Sustainability Overview CSS Start */

.sustain-img {
    width: 100%;
    height: auto;
}

.sustain-img img {
    width: 100%;
    height: auto;
}

.pd-overview-row {
    margin-bottom: 30px;
}

.sustain-overview .value-box .site-icon {
    clip-path: none;
}

.sustain-overview .value-box {
    padding: 0;
}

.sustain-overview .value-box .site-icon {
    margin-bottom: 0;
    background: #fff;
}

/* Sustainability Overview CSS End */

/* Sidebar CSS Start */

/*.fixed-btn {
    position: fixed;
    top: 50%;
    transform: translateY(-50%) rotate(-90deg);
    z-index: 10;
    right: -63px;
}*/

/*.sidebar {
    position: fixed;
    display: flex;
    bottom: 32%;
    transform: translateY(32%);
    right: 0;
    flex-direction: column;
    justify-content: center;
    align-items: flex-end;
    gap: 5px;
    z-index: 10;
}*/

.sidebar {
    position: fixed;
    top: 50%;
    right: -110px !important;
    transform: translateY(-50%) rotate(-90deg);
    z-index: 5;
}

.enquiry-btn {
    display: flex;
    justify-content: center;
    gap: 0px;
    align-items: center;
}

.sidebar-item {
    display: grid;
    grid-template-columns: auto auto;
    align-items: center;
    padding: 10px;
    transition: all ease-in-out 0.4s;
    width: 50px;
    height: 50px;
    border: 2px solid #fff;
    background: var(--main-color);
    transform: rotate(90deg);
}

.sidebar-item:hover {
    /*width: ;*/
    padding: 10px;
}

.sidebar-item img {
    width: 30px;
    height: auto;
}

.sidebar-item p {
    display: none;
    transition: all ease-in-out 0.4s;
    color: #fff;
}

.sidebar-item:hover p {
    display: block;
}

.sidebar-item:nth-child(1) img {
    width: 25px;
}

/* Sidebar CSS End */


/********** Search Results Page Start **********/

.banner-section .heading h1 a {
    color: var(--main-sub-color);
}

.search-for h2 {
    font-size: 30px;
    line-height: 40px;
    position: relative;
    font-family: var(--h2HeadingFont);
    color: var(--main-dark-color);
    margin-bottom: 30px;
}

.search-for h2 a {
    color: var(--main-sub-color);
}

.search-img {
    border: 2px solid var(--main-sub-color);
    width: 60%;
    height: auto;
    background: #fff;
    aspect-ratio: 2 / 1.2;
}

.search-img img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.search-txt .heading h2 {
    margin-bottom: 10px;
}

.search-txt .heading .searchlink {
    color: var(--main-color);
    font-size: 15px;
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
}

.search-txt p {
    margin-bottom: 20px;
}

.search-result-wrapper {
    width: 100%;
    max-width: 700px;
    position: relative;
    margin: 0 auto 40px;
}

.search-result-wrapper .search-box {
    width: 100%;
    height: 60px;
    border: none;
    border-radius: 6px;
    padding: 0 80px 0 45px;
    font-size: 16px;
    color: #333;
    outline: none;
    background: #fff;
    font-family: var(--bodyFont);
}

.search-result-wrapper .search-box::placeholder {
    color: #9b9b9b;
}

.search-result-wrapper .search-icon {
    position: absolute;
    left: 16px;
    top: 50%;
    transform: translateY(-50%);
    color: #8d8d8d;
    font-size: 18px;
}

.search-result-wrapper .search-btn {
    position: absolute;
    right: 0;
    top: 0;
    width: 70px;
    height: 60px;
    border: none;
    background: var(--main-sub-color);
    color: var(--main-dark-color);
    border-radius: 0 6px 6px 0;
    cursor: pointer;
    font-size: 24px;
    transition: 0.3s;
}

.search-result-wrapper .search-btn:hover {
    background: #a1ab16;
}

.search-row {
    padding: 30px 0;
    border-bottom: 1px solid #cdbff3;
    /*align-items: center;*/
}


/* Responsibility CSS Start */

.responsible-shape {
    position: absolute;
    top: 0;
    left: 0;
    width: 20%;
}

.responsible-head {
    margin-bottom: 30px;
    padding-top: 30px;
}

.pd-overview-row {
    margin-bottom: 50px;
}

.responsible-slider {
    padding-bottom: 50px;
}

.responsible-box {
    text-align: center;
}

.responsible-box img {
    width: 100%;
    height: auto;
    margin-bottom: 10px;
}

.responsible-box p {
    color: #fff;
}

/* Responsibility CSS End */

/* Engagement CSS Start */

.engage-head {
    margin-bottom: 30px;
}

.engage-slider {
    padding-bottom: 50px;
}

.engage-box {
    text-align: center;
}

.engage-box img {
    width: 100%;
    height: auto;
    margin-bottom: 10px;
}

.engage-box p {
    font-family: 'SpaceGrotesk-Medium';
}
.engage-shape {
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    width: auto;
}

.position-relative.faq-section.opening-sec .engage-shape {
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    width: auto;
    z-index: 0;
}

/* Engagement CSS End */

/* Value CSS Start */

.value-head {
    margin-bottom: 40px;
}

.value-box {
    height: 100%;
    text-align: center;
    padding: 30px;
    background: var(--main-color);
}

.value-box p {
    font-family: 'SpaceGrotesk-Medium';
    color: #fff;
}

.value-box .site-icon {
    background: var(--main-sub-color);
}

/* Value CSS End */


/********** Partner Page Start **********/

/* Partner Overview CSS Start */

.partner-overview {
    padding: 150px 0;
}

.partner-overview p {
    width: 70%;
}

/* Partner Overview CSS End */

/* Partner Dealer CSS End */

.dealer-sec::after {
    content: '';
    position: absolute;
    top: 0;
    left: -500px;
    width: 3000px;
    height: 100%;
    background: #fff;
    z-index: -1;
}

.dealer-sec {
    z-index: 1;
}

.dealer-sec .inner-para p, .vendor-sec .inner-para p {
    margin-bottom: 20px;
}

/* Partner Dealer CSS End */

/* Partner Count CSS Start */

.partner-count::after {
    content: '';
    position: absolute;
    top: 0;
    left: -500px;
    width: 3000px;
    height: 100%;
    background: var(--main-sub-color);
    z-index: 0;
}

.partner-count .row {
    position: relative;
    z-index: 2;
}

.partner-count-box {
    text-align: center;
}

.partner-count-box img {
    margin-bottom: 10px;
}

.partner-count-box h2 {
    font-size: 50px;
    line-height: 60px;
    position: relative;
    font-family: var(--h2HeadingFont);
    color: var(--main-dark-color);
    display: flex;
    justify-content: center;
    align-items: flex-start;
    gap: 5px;
}

.partner-count-box h2 span {
    font-family: 'SpaceGrotesk-Regular';
    font-size: 30px;
    line-height: 30px;
}

.partner-count-box p {
    font-family: 'SpaceGrotesk-Medium';
}

/* Partner Count CSS End */

/* USP CSS Start */

.usp-sec::after {
    content: '';
    position: absolute;
    top: 0;
    left: -500px;
    width: 3000px;
    height: 100%;
    background: #fff;
    z-index: 0;
}

.usp-sec .row {
    position: relative;
    z-index: 2;
}

.usp-head {
    margin-bottom: 30px;
}

.usp-head p {
    width: 70%;
}

.usp-box {
    position: relative;
    padding: 50px 20px;
    padding-right: 100px;
    text-align: center;
    z-index: 1;
    height: 100%;
}

.usp-box::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: var(--main-color);
    clip-path: polygon(0.00% 0.00%, 54.60% 0.00%, 79.40% 40.60%, 99.80% 34.20%, 82.80% 100%, 0.00% 100%);
    z-index: -1;
}

.usp-box .site-icon {
    background: var(--main-sub-color);
}

.usp-box h3 {
    font-size: 25px;
    line-height: 35px;
    position: relative;
    font-family: 'SpaceGrotesk-Medium';
    margin-bottom: 10px;
}

/* USP CSS End */

/* Partner FAQ CSS Start */

.partner-faq-head p {
    width: 70%;
}

.partner-faq-head {
    margin-bottom: 30px;
}

/* Partner FAQ CSS End */

/* Partner Form CSS Start */

.theiaStickySidebar {
    z-index: 10;
}

.partner-form-sec {
    height: 100%;
    width: 100%;
    background: #fff;
    padding: 10px;
    box-shadow: 0px 0px 20px 0px #F7F4FF;
}

.enqury-form {
    height: 100%;
    width: 100%;
    background: #fff;
    padding: 20px;
    border: 1px solid #E9E9E9;
}

.enqury-form .form-control {
    padding: 0px 0px 12px;
    font-size: 15px;
    color: #000;
    background: transparent;
    border: none;
    border-bottom: 2px solid var(--main-sub-color);
    border-radius: 0;
    font-size: 18px;
    font-family: 'SpaceGrotesk-Medium';
}

/* Partner Form CSS End */


/********** Career Page Start **********/

/* Life @ CSS Start */

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

/* Life @ CSS End */

/* Benefits CSS Start */

.benefit-head {
    margin-bottom: 30px;
}

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

.benefit-txt {
    padding: 60px;
}

.benefit-slider .swiper-button-prev {
    left: 0;
}

.benefit-slider .swiper-button-next {
    right: 0;
}

.benefit-slider .swiper-button-prev, .benefit-slider .swiper-button-next {
    background: transparent;
}

.benefit-shape {
    position: absolute;
    top: 0;
    right: 0;
    width: 20%;
}

.benefit-box {
    position: relative;
}

.benefit-box .row {
    position: relative;
    z-index: 2;
}

/* Benefits CSS End */

/* Opening CSS Start */

.opening-con p {
    margin-bottom: 20px;
}

.opening-con li {
    position: relative;
    margin-bottom: 20px;
    padding-left: 25px;
}

.opening-con li::after {
    content: url(../images/inner/li-icon.png);
    position: absolute;
    top: 0;
    left: 0;
}

/* Opening CSS End */

/* Resume CSS Start */

/* Resume CSS End */


/********** Download Page Start **********/

/* Download CSS Start */

.download-dtls a {
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: #000;
}

.download-icon {
    width: 40px;
    height: 40px;
    background: var(--main-color);
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
}

.download-pdflist .download-dtls {
    padding: 15px 0px;
    border-bottom: 2px solid var(--main-sub-color);
    padding-left: 20px;
}

.download-shape {
    position: absolute;
    right: 0;
    bottom: 0;
    height: auto;
    width: 20%;
}

.download-item h2 {
    display: grid;
    grid-template-columns: auto auto;
    justify-content: start;
    align-items: center;
}

.download-item h2 img {
    width: auto;
    height: auto;
    margin-right: 10px;
}

.download-card {
    background: #fff;
    border-radius: 5px;
    overflow: hidden;
    transition: .4s all ease-in-out;
    border: 3px solid var(--main-sub-color);
}

.download-card:hover {
    transform: translateY(-8px);
    box-shadow: 0 15px 35px rgba(0,0,0,.15);
}

.download-img {
    width: 100%;
    height: 300px;
    overflow: hidden;
}

.download-img img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    transition: .4s all ease-in-out;
}

.download-card:hover img {
    transform: scale(1.08);
}

.download-content {
    padding: 30px;
    background: var(--main-color);
    text-align: left;
}

.download-content h3 {
    font-size: 30px;
    margin-bottom: 10px;
    color: #fff;
    font-family: 'SpaceGrotesk-SemiBold';
}

.download-content p {
    color: #fff;
    margin-bottom: 20px;
}

/*.dload-btn {
    margin-bottom: 50px;
}*/

.download-item:not(:last-child) {
    margin-bottom: 50px;
}

/*.download-item .heading {
    background: var(--main-color);
    padding: 10px 20px;
    margin-bottom: 0;
}

.download-item .heading h2 {
    color: #fff;
}*/

.download-item .row {
    padding: 20px;
    padding-bottom: 40px;
    background: #f7f4ff;
    margin: 0;
}

.table-box {
    background: #fff;
    border-radius: 14px;
    overflow: hidden;
    width: 80%;
}

.table-box table {
    width: 100%;
    border-collapse: collapse;
}

.table-box thead tr {
    background: var(--main-color);
}

.table-box thead tr th {
    color: #fff;
}

.table-box th {
    padding: 18px;
    text-align: left;
    font-size: 18px;
    font-weight: 600;
}

.table-box td {
    padding: 18px;
    font-size: 15px;
    color: #333;
}

.table-box tbody tr:not(:last-child) td {
    border-bottom: 1px solid var(--main-sub-color);
}

.table-box thead tr th:last-child {
    width: 20%;
    text-align: center;
}

.table-box .download-btn {
    width: 40px;
    height: 40px;
    background: var(--main-color);
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    margin: 0 auto;
}

.table-box tbody tr:hover {
    background: #f8f9ff;
}

.table-box tbody tr {
    cursor: pointer;
}

.download-item {
    margin-top: 50px;
}

/* Download CSS End */


/********** Blog Page Start **********/

/* Blog CSS Start */

.blog-sec-box {
    background: var(--main-sub-color);
}

.blog-sec-box img {
    width: 100%;
    height: auto;
    clip-path: polygon( 0.00% 0.00%, 100% 0.00%, 100% 70.00%, 50.00% 100%, 0.00% 70.00% );
}

.blog-sec-txt {
    padding: 30px;
}

.blog-sec-txt .blog-date {
    display: block;
    font-size: 15px;
    color: #000;
    font-family: 'SpaceGrotesk-Medium';
    margin-bottom: 10px;
}

.blog-sec-txt h3 {
    font-size: 20px;
    line-height: 30px;
    color: var(--main-dark-color);
    margin-bottom: 20px;
    font-family: 'SpaceGrotesk-Medium';
    min-height: 90px;
}

.blog-sec-txt p {
    color: #000;
    margin-bottom: 30px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.blog-a {
    width: 100%;
    height: 100%;
    display: block;
}

/* Blog CSS End */


/********** Blog Details Page Start **********/

/* Blog Details CSS Start */

.bd-left .blog-date {
    display: block;
    font-size: 16px;
    color: #424242;
    font-family: 'SpaceGrotesk-Medium';
    margin-bottom: 10px;
}

.bd-left .heading {
    margin-bottom: 30px;
}

.bd-left h2 {
    font-size: 40px;
    line-height: 50px;
    position: relative;
    font-family: var(--h2HeadingFont);
    color: var(--main-dark-color);
    margin-bottom: 20px;
}

.bd-left h3 {
    font-size: 35px;
    line-height: 45px;
    position: relative;
    font-family: var(--h2HeadingFont);
    color: var(--main-dark-color);
    margin-bottom: 20px;
}

.bd-left h4 {
    font-size: 30px;
    line-height: 40px;
    position: relative;
    font-family: var(--h2HeadingFont);
    color: var(--main-dark-color);
    margin-bottom: 20px;
}

.bd-left h5 {
    font-size: 25px;
    line-height: 35px;
    position: relative;
    font-family: var(--h2HeadingFont);
    color: var(--main-dark-color);
    margin-bottom: 20px;
}

.bd-left .bd-img {
    width: 100%;
    height: auto;
    margin-bottom: 20px;
}

.bd-left .bd-img img {
    width: 100%;
}

.bd-left-txt p, .bd-left-txt li {
    margin-bottom: 20px;
    position: relative;
}

.bd-left-txt li::after {
    content: '';
    position: absolute;
    top: 10px;
    left: 0;
    width: 10px;
    height: 10px;
    background: var(--main-sub-color);
}

.bd-left-txt li {
    padding-left: 20px;
}

.bd-right-head h2 {
    font-size: 30px;
    line-height: 40px;
    position: relative;
    font-family: var(--h2HeadingFont);
    color: var(--main-dark-color);
    padding: 20px;
    background: var(--main-sub-color);
    margin-bottom: 20px;
}

.bd-right-box {
    display: grid;
    grid-template-columns: auto auto;
    justify-content: start;
    gap: 20px;
    margin-bottom: 20px;
    padding: 20px 0;
    border-bottom: 2px solid var(--main-sub-color);
}

.bd-right-txt p {
    font-family: 'SpaceGrotesk-Medium';
}

.bd-right-calender {
    font-size: 16px;
    font-family: 'SpaceGrotesk-regular';
    color: #000;
    margin-bottom: 5px;
}

.blog-slide-con {
    margin-top: 50px;
}

/* Blog Details CSS End */


/********** Single Page Start **********/

/* Single Page CSS Start */

.single-con p {
    margin-bottom: 20px;
}

.single-con p a {
    font-family: 'SpaceGrotesk-Bold';
    color: var(--main-color);
}

/* Single Page CSS End */



.modal#videomodal .modal-dialog {
    max-width: 500px;
}

#videomodal #videoFrame {
    width: 100%;
    height: 100%;
    aspect-ratio: 5 / 6.25;
    object-fit: cover;
}



/* Responsive Css Start */

@media (max-width: 1600px) {

    .count-item:nth-child(odd) .count-box {
        padding-right: 90px;
        padding-left: 20px;
    }

    .count-item:nth-child(even) .count-box {
        padding-left: 90px;
        padding-right: 20px;
    }

    .legacy-txt h3 {
        font-size: 25px;
        line-height: 35px;
    }

    .legacy-txt h4 {
        font-size: 18px;
        line-height: 28px;
        margin-bottom: 20px;
    }

    .product-box-txt {
        padding: 40px 20px 40px 110px;
    }

    .blog-box-txt {
        padding: 50px 80px 20px 20px;
    }

    .blog-box::after {
        width: 72%;
    }

    .vision-row {
        padding: 120px 0;
    }

    .usp-box h3 {
        font-size: 22px;
        line-height: 32px;
    }

    .usp-box {
        padding-right: 80px;
    }

    .blog-sec-txt .blog-date, .bd-left .blog-date, .bd-right-calender {
        font-size: 15px;
    }

    .product-btm-box h3 {
        font-size: 27px;
        line-height: 37px;
    }

    .product-box-img img {
        height: 170px;
    }

}

@media (max-width: 1399px) {

    .legacy-row {
        padding: 0px 0;
    }

    .legacy-txt h3 {
        font-size: 22px;
        line-height: 32px;
    }

    .product-box-txt {
        padding: 40px 20px 40px 90px;
    }

    .product-box-txt .main-btn {
        padding: 10px 20px;
    }

    .core-box.choose-box {
        padding: 20px;
    }

    .category-flex .tabs-nav li a {
        font-size: 20px;
        line-height: 30px;
    }

    .partner-form .form-control {
        font-size: 18px;
    }

    .blog-box-txt span, .blog-box-txt .blog-btn {
        font-size: 14px;
    }

    .blog-box-txt h3 {
        font-size: 20px;
        line-height: 30px;
    }

    .blog-box-txt {
        padding: 30px 80px 20px 10px;
    }

    .core-box h3, .leader-box h3, .blog-sec-txt h3 {
        font-size: 18px;
        line-height: 28px;
    }

    .choose-section .sec-container {
        padding: 0px 0;
    }

    .partner-count-box h2 {
        font-size: 40px;
        line-height: 50px;
    }

    .usp-box {
        padding-right: 50px;
    }

    .usp-box h3 {
        font-size: 20px;
        line-height: 30px;
    }

    .blog-sec-txt .blog-date, .bd-left .blog-date, .bd-right-calender {
        font-size: 14px;
    }

    .benefit-txt {
        padding: 10px;
    }

    .product-box-img {
        padding: 0px;
    }
    
    .mission-img {
        width: 50%;
        object-fit: contain;
    }

}

@media (max-width: 1299px) {

    .mission-row {
        padding: 0px 0;
    }

    .vision-row {
        padding: 80px 0;
    }
    
    .partner-img {
        height: 100%;
        width: 48%;
        object-fit: contain;
    }

}

@media (max-width: 1199px) {
    
    .bnr-txt-con .productLogo {
        height: 60px;
    }

    .count-item:nth-child(odd) .count-box {
        padding-right: 70px;
        padding-left: 20px;
    }

    .count-item:nth-child(even) .count-box {
        padding-left: 70px;
        padding-right: 20px;
    }

    .application-item {
        width: 25%;
    }

    .product-box {
        flex-wrap: wrap;
    }

    .product-img {
        width: 100%;
        height: 300px;
    }

    .product-box-txt {
        width: 100%;
    }

    .product-box-txt::after {
        clip-path: none;
    }

    .product-box-txt {
        padding: 40px 40px 40px 40px;
    }

    .partner-img {
        width: 50%;
        height: auto;
    }

    .blog-box-txt {
        padding: 65px 80px 20px 10px;
    }

    .vision-row {
        padding: 30px 0;
    }

    .contact-left {
        padding: 40px;
    }

    .contact-form .form-control {
        font-size: 16px;
    }

    .partner-count-box h2 {
        font-size: 30px;
        line-height: 40px;
    }

    .partner-overview {
        padding: 100px 0;
    }

    .responsible-head {
        padding-top: 0;
    }

    .choose-btm-row {
        padding-bottom: 0px;
    }

    .product-btm-box h3 {
        font-size: 24px;
        line-height: 34px;
    }
    
    .blog-sec-txt .blog-date {
        font-size: 13px;
    }
    
    .bd-left h2 {
        font-size: 35px;
        line-height: 45px;
    }
    
    .bd-left h3 {
        font-size: 30px;
        line-height: 40px;
    }
    
    .bd-left h4 {
        font-size: 25px;
        line-height: 35px;
    }
    
    .bd-left h5 {
        font-size: 20px;
        line-height: 30px;
    }
    
    .search-for h2 {
        font-size: 22px;
        line-height: 32px;
    }

}

@media (max-width: 991px) {
    
    .bnr-txt-con .productLogo {
        height: 50px;
    }

    .bnr-txt {
        margin-top: 100px;
    }

    .mission-img, .legacy-img {
        position: relative;
        top: auto;
        right: auto;
        height: auto;
        width: 100%;
    }

    .mission-shape1, .legacy-shape {
        display: none;
    }

    .mission-section, .legacy-section {
        padding-top: 0;
    }

    .mission-row, .legacy-row {
        padding-top: 50px;
    }

    .mission-shape2 {
        right: 0;
    }

    .application-item {
        width: 33.3333%;
    }

    .cate-box {
        flex-wrap: wrap;
    }

    .cate-img {
        height: 250px;
        width: 100%;
    }

    .cate-txt {
        width: 100%;
        padding-left: 0;
        padding-top: 20px;
    }

    .category-flex .tabs-nav li a {
        font-size: 16px;
        line-height: 26px;
    }

    .faq-con .accordion-body p {
        width: 100%;
    }

    .blog-box-txt {
        padding: 30px 80px 20px 10px;
    }

    .video-icon {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }

    .feature-txt li {
        width: 48%;
    }

    .testi-box {
        padding: 40px 40px 40px 120px;
    }

    .download-flex {
        justify-content: center;
    }

    .quality-row {
        flex-direction: column-reverse;
    }

    .quality-shape1 {
        display: none;
    }

    .vision-section {
        padding-top: 0;
    }

    .vision-row {
        padding: 0 0;
        padding-top: 50px;
    }

    .value-box {
        padding: 10px;
    }

    .partner-overview {
        padding: 85px 0;
    }

    .partner-form-sec {
        padding: 85px 0;
        position: relative;
        z-index: 1;
    }

    .partner-form-sec::after {
        content: '';
        position: absolute;
        top: 0;
        left: -500px;
        width: 3000px;
        height: 100%;
        background: #fff;
        z-index: 0;
    }

    .enqury-form {
        position: relative;
        z-index: 1;
    }

    .download-section.fixed {
        padding: 20px 0;
    }

    .download-section.fixed .download-txt-col {
        display: none;
    }

    .benefit-txt {
        padding: 20px 40px 40px;
    }
    
    .pd-overview-row {
        margin-bottom: 0;
        flex-direction: column-reverse;
    }
    
    .bd-left h2 {
        font-size: 26px;
        line-height: 36px;
    }
    
    .bd-left h3 {
        font-size: 23px;
        line-height: 33px;
    }
    
    .bd-left h4 {
        font-size: 20px;
        line-height: 30px;
    }
    
    .bd-left h5 {
        font-size: 17px;
        line-height: 27px;
    }
    
    .blog-sec-txt h3 {
        min-height: 115px;
    }
    
    .sidebar {
        right: -88px !important;
    }
    
    .search-img {
        width: 90%;
    }

@media (max-width: 767px) {
    
    .bnr-img img {
        height: 300px;
        object-fit: cover;
    }
    
    .pd-overview-img {
        padding: 20px 20px;
    }

    .core-box {
        padding: 20px;
    }

    .legacy-txt h3 {
        font-size: 20px;
        line-height: 30px;
    }

    .legacy-txt h4 {
        font-size: 16px;
        line-height: 26px;
        margin-bottom: 10px;
    }

    .application-box {
        padding: 20px;
    }

    .category-flex {
        flex-wrap: wrap;
    }

    .category-stage {
        width: 100%;
    }

    .category-flex .tabs-nav {
        width: 100%;
    }

    .category-flex .tabs-nav {
        flex-direction: row;
        gap: 10px;
        flex-wrap: wrap;
        margin-bottom: 30px;
    }

    .tabs-nav li {
        width: 48%;
        text-align: center;
    }

    .faq-con .accordion-button {
        font-size: 18px;
        line-height: 28px;
    }

    .faq-con .accordion-body {
        padding-left: 0;
        padding-right: 0;
    }

    .blog-box-txt {
        padding: 100px 80px 40px 40px;
    }

    .testi-img {
        position: relative;
        top: auto;
        left: auto;
        transform: none;
        margin-bottom: 20px;
    }

    .testi-box {
        padding: 40px;
        text-align: center;
    }

    .testi-slider .swiper-slide {
        padding-left: 0;
        padding-right: 0;
    }

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

    .contact-form .form-control {
        font-size: 14px;
    }

    .value-box {
        padding: 20px;
    }

    .partner-overview p, .usp-head p, .partner-faq-head p {
        width: 100%;
    }

    .partner-count-box h2 {
        font-size: 25px;
        line-height: 35px;
    }

    .partner-count-box h2 span {
        font-size: 20px;
        line-height: 20px;
    }

    .blog-sec-txt .blog-date, .bd-left .blog-date, .bd-right-calender {
        font-size: 13px;
    }

    .product-box-img {
        padding: 30px;
    }

    .product-box-img img {
        height: 200px;
    }

    .fixed-btn, .sidebar {
        display: none;
    }

    .mobile-bar {
        display: flex !important;
        position: fixed;
        bottom: 0;
        left: 0;
        width: 100%;
        height: auto;
        z-index: 4;
        background: #fff;
        gap: 1px;
    }

    .mobile-bar-item {
        width: 50%;
        text-align: center;
        font-size: 14px;
        color: #fff;
        background: var(--main-color);
        padding: 10px;
        outline: none;
        border: none;
        height: 100%;
        display: block;
    }
    
    .feature-row {
        padding: 10px;
    }
    
    .blog-sec-txt h3 {
        min-height: auto;
    }

}

@media (max-width: 575px) {
    
    .bnr-img::before {
        height: 100px;
    }
    
    .bnr-img::after {
        height: 100px;
    }
    
    .banner-section::after {
        content: '';
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: #000;
        opacity: 0.18;
    }
    
    .bnr-img img {
        height: auto;
        object-fit: cover;
    }

    .bnr-txt-con::after {
        background: transparent;
    }

    .bnr-txt {
        margin-top: 0px;
        width: 100%;
        text-align: center;
        background: #482f92db;
    }

    .bnr-txt-con {
        position: absolute;
        top: auto;
        bottom: 0%;
        left: 0;
        width: 100%;
        height: auto;
        display: block;
        align-items: center;
        z-index: 1;
    }

    .bnr-txt-con .heading h1 {
        text-shadow: 0px 0px 20px var(--main-color);
    }

    .count-item {
        padding: 5px;
    }

    .count-flex {
        margin: 0 -5px;
    }

    .count-box {
        padding: 20px 0;
    }

    .count-item:nth-child(even) .count-box {
        padding-left: 60px;
        padding-right: 20px;
    }

    .count-item:nth-child(odd) .count-box {
        padding-right: 60px;
        padding-left: 20px;
    }

    .vision-shape, .foot-shape {
        display: none;
    }

    .legacy-txt h3 {
        font-size: 18px;
        line-height: 28px;
    }

    .legacy-txt p {
        width: 100%;
    }

    .application-item {
        width: 50%;
        padding: 5px;
    }

    .product-dropdown {
        flex-wrap: wrap;
    }

    .product-dropdown select {
        padding: 5px;
        font-size: 12px;
    }

    .product-dropdown p {
        font-size: 12px;
        line-height: 22px;
    }

    .product-img {
        height: 250px;
    }

    .product-box-txt {
        padding: 30px 20px;
    }

    .product-box-txt .main-btn {
        padding: 6px 15px;
    }

    .category-flex .tabs-nav li a {
        font-size: 14px;
        line-height: 24px;
    }

    .core-box {
        padding: 0;
    }

    .blog-box-txt {
        padding: 25px 80px 20px 20px;
    }

    .blog-box-txt span, .blog-box-txt .blog-btn {
        font-size: 12px;
    }

    .partner-form .form-control {
        font-size: 16px;
    }

    .feature-txt li {
        width: 100%;
    }

    .faq-shape {
        display: none;
    }

    .contact-left, .contact-form {
        padding: 40px 20px;
    }

    .factory-box {
        padding: 40px 20px;
    }

    .download-btn .main-btn {
        padding: 8px 15px;
    }

    .benefit-txt {
        padding: 10px 30px 30px;
    }

    .product-box-img {
        padding: 10px;
    }

    .product-box-img img {
        height: 160px;
    }

    .product-btm-box h3 {
        font-size: 22px;
        line-height: 32px;
    }
    
    .bnr-txt-con .productLogo {
        height: 45px;
        display: flex;
        justify-content: center;
    }
    
    .bd-left h2 {
        font-size: 22px;
        line-height: 32px;
    }
    
    .bd-left h3 {
        font-size: 20px;
        line-height: 30px;
    }
    
    .bd-left h4 {
        font-size: 18px;
        line-height: 28px;
    }
    
    .bd-left h5 {
        font-size: 16px;
        line-height: 26px;
    }
    
    .search-for h2 {
        font-size: 18px;
        line-height: 28px;
        margin-bottom: 20px;
    }
    
    .search-txt .heading .searchlink {
        font-size: 12px;
    }

}