:root {
    /* primary / secondary — keep these in sync with css/style.css */
    --theme1: #02245b;
    --theme1Dark: #02245b;
    /* you can set a darker shade if desired */
    --theme1Light: #C7E8FA;
    --theme2: #55fe14;


    /* Default Colour */

    --white: #ffffff;
    --light: #ffffff7d;
    --borderDark: #9B9B9B;
    --black: #000000;
}

@font-face {
    font-family: 'Rota';
    src: url('../font/Rota-ExtraLight.ttf.ttf') format('truetype');
    font-weight: 100;
    font-style: normal;
}

@font-face {
    font-family: 'Rota';
    src: url('../font/Rota-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'Rota';
    src: url('../font/Rota-Regular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'Rota';
    src: url('../font/Rota-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Rota';
    src: url('../font/Rota-SemiBold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Rota';
    src: url('../font/Rota-Bold.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Rota';
    src: url('../font/Rota-ExtraBold.ttf') format('truetype');
    font-weight: 800;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Rota';
    src: url('../font/Rota-Black.ttf') format('truetype');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

/* Keep horizontal overflow hidden, and prefer the local 'Rota' face but
   fall back to the Google fonts (Open Sans / Rubik) and system sans-serifs
   if the custom font files don't load. Avoid forcing every single element
   via the universal selector which can cause unexpected inheritance issues. */
body {
    overflow-x: hidden;
    font-family: 'Rota', 'Open Sans', Arial, sans-serif;
}

/* Comman CSS Start */
.text-theme1Light {
    color: var(--theme1Light) !important;
}

.borderTheme1Light {
    border-color: var(--theme1Light) !important;
}

.fs-14 {
    font-size: 14px !important;
}

.w-91 {
    width: 91%;
}

.headerMain .navbar-brand img,
.counterItem .countIcon img,
.productItem .productImgOuter img,
.processSliderOuter .processSliderItem .processSliderImg img,
.whyChooseItem .whyChooseItemInner .bgImg img,
.ourApproach .approachIcon img,
.ourCustomerSection .customerImg img,
.ourCoreValueItem .ourCoreValueItemImg img,
.contactDetail .contactItem .contactIcon img,
.ourMissionItem .ourMissionIcon img,
.productItem .productImg img {
    width: 100%;
    height: 100%;
}

.processSliderOuter .processSliderItem .processSliderImg img,
.object-cover {
    object-fit: cover;
}

.headerMain .navbar-brand img,
.counterItem .countIcon img,
.productItem .productImgOuter img,
.whyChooseItem .whyChooseItemInner .bgImg img,
.ourApproach .approachIcon img,
.ourCustomerSection .customerImg img,
.ourCoreValueItem .ourCoreValueItemImg img,
.contactDetail .contactItem .contactIcon img,
.ourMissionItem .ourMissionIcon img,
.productItem .productImg img {
    object-fit: contain;
}

.headerMain .navbar-nav .nav-item .nav-link,
.headerMain .navbar-nav .nav-item .nav-link::before,
.storeBtn,
.storeBtn img,
.footerMain .footerLinksOuter .footerLinkItem .footerLink,
.socialLink,
.socialLink .social path,
.btnStyle .icon img,
.ourProduct .productItem .productImgOuter img,
.ourProduct .productItem .productDetail .productTitle::before,
.btnOutLineWhite,
.btnOutLineWhite img,
.btnStyle3 img,
.contactUsBtn img,
.contactUsBtn::after,
.connectWhatsapp img,
.owl-nav button,
.processSliderItem .processSliderImg img,
.whyChooseItem .whyChooseItemInner,
.whyChooseItem .whyChooseItemInner img,
.sendBtn,
.ourMissionItem,
.mainFilter .filterLinkOuter .filterLink,
.productItem,
.productItem .productImg img,
.shopBtn svg path,
.btnDropdown,
.btnDropdown img,
.btnIncDec,
.btnIncDec img,
.productCardItem .productImg img {
    transition: ease-in-out .3s;
}

.sectionHeading .mainTitle {
    font-size: 60px;
    font-weight: 800;
    line-height: 1.2;
    color: var(--theme1);
}

.sectionHeading .subTitle {
    font-size: 18px;
    font-weight: 900;
    line-height: 1.2;
    letter-spacing: .2px;
    color: var(--theme1Dark);
}

.sectionHeading .mainTitle2 {
    font-size: 32px;
    font-weight: 900;
    line-height: 1.5;
    color: var(--theme1Dark);
}

.sectionHeading .mainTitle2::before {
    content: '';
    display: block;
    width: 180px;
    height: 1px;
    background-color: var(--theme1Dark);
}

.w-108 {
    width: 108%;
}

.owl-nav {
    display: flex;
    align-items: center;
    gap: 16px;
    position: absolute;
    top: -74px;
    right: 0;
}

.owl-nav button {
    width: 28px;
    height: 28px;
    border-radius: 50px;
    font-size: 28px;
    line-height: 1.15;
    background-color: #ffffff61 !important;
}

.owl-nav button:hover {
    background-color: var(--white) !important;
}

.owl-nav button span {
    font-size: 28px;
    line-height: 1.15;
    color: var(--theme1);
}

.similarProductSlider .owl-nav button {
    width: 40px;
    height: 30px;
    border-radius: 4px;
    font-size: 28px;
    line-height: 1.15;
    background: #24CDD5 !important;
    border: 1px solid #007BFF !important;
}

.similarProductSlider .owl-nav button:hover {
    background-color: var(--theme1Dark) !important;
    border-color: var(--theme1Dark) !important;
}

.similarProductSlider .owl-nav {
    top: -50px;
}

.form-control,
.form-select {
    font-size: 16px;
    font-weight: 600;
    padding: 8px 16px;
    border-radius: 3px;
    background-color: #D9D9D95E !important;
    border: 1px solid #00000034;
}

.form-control:focus,
.form-select:focus {
    border: 1px solid var(--theme1);
}

/* Chrome, Safari, Edge, Opera */
input[type=number]::-webkit-outer-spin-button,
input[type=number]::-webkit-inner-spin-button,
input[type=number] {
    -webkit-appearance: none;
    margin: 0;
    -moz-appearance: textfield;
}

/* Comman CSS End */


/* Button CSS Start */
.storeBtn {
    width: 30px;
    height: 30px;
    font-family: "Poppins";
    background-color: var(--theme1Light) !important;
}

.btnText {
    font-size: 14px;
    font-weight: 400;
    line-height: 1.6;
    font-family: "Poppins";
}

.textBtnTheme2 {
    color: var(--theme2) !important;
    font-family: "Poppins";
}

.btnStyle {
    font-family: "Poppins";
    font-size: 18px;
    font-weight: 300;
    color: var(--white) !important;
}

.btnStyle .icon {
    width: 38px;
    height: 38px;
}

.btnStyle:hover .icon img {
    transform: rotate(45deg);
}

.btnStyle2 {
    font-size: 14px;
    font-weight: 500;
    line-height: 1.5;
    padding: 4px 16px;
    width: max-content;
}

.btnOutLineWhite {
    color: var(--white);
    border: 1px solid var(--white);
    background-color: transparent;
}

.btnOutLineWhite:not(:hover) img {
    filter: brightness(100);
}

.btnOutLineWhite:hover,
.btnOutLineWhite:active {
    color: var(--theme2);
    background-color: var(--white);
}

.btnStyle3 {
    font-size: 18px;
    font-weight: 500;
    line-height: 1.4;
    padding: 6px 20px;
    color: var(--white) !important;
    background-color: var(--theme1Dark);
}

.btnStyle3:hover {
    background-color: var(--theme1) !important;
}

.btnStyle3:hover img {
    transform: translate(5px, 0);
}

.contactUsBtn:hover img {
    transform: rotate(45deg);
}

.contactUsBtn::after {
    content: '';
    display: block;
    width: 30px;
    height: 30px;
    border-radius: 50px;
    background-color: #1897D5;
    z-index: -1;
    position: absolute;
    top: 0;
    bottom: 0;
    left: -10px;
}

.contactUsBtn:hover::after {
    background-color: var(--theme1Dark);
}

.connectWhatsapp {
    padding: 6px 16px;
    border-radius: 50px;
    background-color: #1897D5;
}

.connectWhatsapp img {
    right: -46px;
    transform: rotate(180deg);
}

.connectWhatsapp:hover,
.connectWhatsapp:active {
    padding: 6px 16px;
    border-radius: 50px;
    background-color: var(--theme1Dark) !important;
}

.connectWhatsapp:hover img {
    transform: rotate(45deg);
}

.sendBtn {
    font-size: 16px;
    font-weight: 500;
    line-height: 1.4;
    color: var(--white) !important;
    background: linear-gradient(90deg, #2F67AB 0%, #4980CA 100%);
}

.sendBtn:hover,
.sendBtn:active {
    background: linear-gradient(90deg, #2F67AB 100%, #4980CA 0%) !important;
}

.btnNewest {
    font-size: 16px;
    font-weight: 600;
    line-height: 1.5;
    background-color: #D9D9D95E;
    border-radius: 3px;
    color: #00000060;
    padding: 8px 16px;
}

.btnNewest:hover,
.btnNewest:active,
.btnNewest:focus {
    background-color: var(--theme1Light) !important;
    color: var(--theme1) !important;
}

.shopBtn {
    width: 22px;
    height: 22px;
    flex: 0 0 auto;
}

.shopBtn:hover svg path {
    fill: var(--theme1);
}

.btnDropdown {
    font-size: 14px;
    font-weight: 400;
    list-style: 1;
    padding: 6px 12px;
    background-color: var(--white);
    box-shadow: 0px 1.39px 2.77px 0px #29292914;
    width: 120px;
}

.btnDropdown:hover,
.btnDropdown.show {
    background-color: var(--theme1);
    color: var(--white);
}

.btnDropdown:hover img,
.btnDropdown.show img {
    filter: brightness(100);
}

.btnDropdown.show img {
    transform: rotate(90deg);
}

.dropdown-item:active {
    background-color: var(--theme1);
}

.btnFilter {
    width: 40px;
    height: 40px;
    border-radius: 4px;
    background-color: var(--theme1) !important;
}

.btnFilter img {
    inset: 0;
}

.btnFilter.show .filterIcon,
.btnFilter:not(.show) .closeIcon {
    opacity: 0;
}

.btnFilter:hover,
.btnFilter:active {
    background-color: var(--theme1Dark) !important;
}

/* Button CSS End */


/* Header CSS Start */
.headerMain {
    box-shadow: 0px 1px 30px 0px #00000014;
}

.headerMain .navbar-brand {
    width: 92px;
    height: 70px;
}

.headerMain.is-sticky {
    position: sticky;
    z-index: 1001;
    top: 0;
    animation: slideDown 0.35s ease-out;
}

.headerMain.is-sticky .navbar {
    padding: 8px 0 !important;
}

.headerMain.is-sticky .navbar-brand {
    width: 62px;
    height: 50px;
}

.headerMain .navbar,
.headerMain .navbar-brand {
    transition: ease-in-out .3s;
}

.headerMain .navbar-nav .nav-item .nav-link {
    font-size: 16px;
    font-weight: 700;
    line-height: 1.5;
    padding: 6px 12px;
    position: relative;
    color: var(--theme1);
    border-bottom: 2px solid transparent;
}

.headerMain .navbar-nav .nav-item .nav-link:hover {
    border-color: var(--theme1Light);
}

.headerMain .navbar-nav .nav-item .nav-link::before {
    content: '';
    display: block;
    width: 0;
    height: 2px;
    background-color: var(--theme1);
    position: absolute;
    bottom: -2px;
    left: 0;
    right: 0;
    margin: auto;
}

.headerMain .navbar-nav .nav-item .nav-link.active::before {
    width: 100%;
}

.headerMain .navbar-nav::after {
    content: '';
    display: block;
    width: 1px;
    height: 20px;
    background-color: var(--theme1);
}

.headerMain .navbar-brand {
    width: 92px;
    height: 70px;
}

.offcanvas-header {
    background-color: var(--theme1);
}

.btn-close {
    font-size: 12px;
}

.btn-close {
    filter: invert(1);
    opacity: 1;
}

/* Header CSS End */

/* Hero Section CSS Start */
.heroSection {
    width: 100%;
    height: 100%;
    padding: 100px 0;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top right;
}

.heroSection .heroSubHeading {
    font-size: 28px;
    font-weight: 600;
    line-height: 1.5;
}

.heroSection .heroMainHeading {
    font-size: 56px;
    font-weight: 900;
    line-height: 1.4;
}

.heroSection .heroMainHeading span::before {
    content: '';
    width: 322px;
    height: 80px;
    display: block;
    background-image: url(../img/textVector.png);
    background-repeat: no-repeat;
    background-size: cover;
    position: absolute;
    top: -20px;
    left: -18px;
    z-index: -1;
}

.heroSection .heroDec {
    font-size: 25px;
    font-weight: 500;
    line-height: 1.4;
}

/* Hero Section CSS End */


/* akCounter CSS Start */
.akCounter {
    width: 100%;
    height: 100%;
    padding: 35px 0 100px;
    background-image: url(../img/akCounterBg.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top right;
}

.counterItem:not(:last-child) {
    border-right: 1.5px dashed var(--white);
}

.counterItem .countIcon {
    width: 90px;
    height: 90px;
}

.counterItem .countValue {
    font-size: 48px;
    font-weight: 700;
    line-height: 1;
    color: var(--white);
}

.counterItem .countTitle {
    font-size: 20px;
    font-weight: 500;
    line-height: 1;
    color: var(--white);
}

/* akCounter CSS End */


/* Product Section CSS Start */
.ourProduct {
    padding: 35px 0;
}

.ourProduct .productItem .productImgOuter {
    width: 100%;
    /* height: 220px; */
    /* height: 400px; */
    border-bottom: 3px solid var(--theme1Dark);
}

.ourProduct .productItem:hover .productImgOuter img {
    transform: scale(1.1);
}

.ourProduct .productItem .productDetail .productTitle {
    font-size: 18px;
    font-weight: 800;
    line-height: 1.4;
    color: var(--theme1);
}

.ourProduct .productItem .productDetail .productTitle::before {
    content: '';
    display: block;
    width: 50px;
    height: 2px;
    position: absolute;
    bottom: 0;
    background-color: var(--borderDark);
}

.ourProduct .productItem:hover .productDetail .productTitle::before {
    background-color: var(--theme1);
}

/* Product Section CSS End */

/* Our Process Section CSS Start */
.ourProcessSection {
    padding: 30px 0 70px;
    /* background: url(../img/ourProcessBg.png), #1679AB; */
    background-size: contain;
    background-color: var(--theme1);
    background-repeat: no-repeat;
    background-position: center right;
}

.processSliderOuter .processSliderItem .processSliderImg {
    width: 100%;
    height: 480px;
    overflow: hidden;
}

.processSliderItem:hover .processSliderImg img {
    transform: scale(1.1);
}

.processSliderOuter .processSliderItem::before,
.processSliderOuter .processSliderItem::after {
    content: '';
    display: block;
    height: 50%;
    width: 100%;
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    z-index: 1;
}

.processSliderOuter .processSliderItem::before {
    top: 0;
    background: linear-gradient(0deg, rgba(255, 255, 255, 0) 30.32%, rgba(10, 45, 75, 0.51) 65.04%, #074173 95.9%);
}

.processSliderOuter .processSliderItem::after {
    bottom: 0;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 23.83%, #000000 120.2%);
}

.processSliderOuter .processSliderItem .contentOuter .processTitle {
    font-size: 32px;
    font-weight: 800;
    line-height: 1.5;
}

/* Our Process Section CSS End */


/* About Us Section CSS Start */
.aboutSection {
    padding: 48px 0;
    background: url(../img/about-section-two-bg.png), #C7E8FA33;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: bottom right;
    position: relative;
}

.aboutSection::after {
    content: '';
    display: block;
    width: 400px;
    height: 100%;
    background-color: var(--theme1);
    position: absolute;
    top: 0;
    right: 0;
    z-index: -1;
}

.decorationTxt {
    font-size: 150px;
    font-weight: 900;
    line-height: 1;
    color: #8686861A;
    position: absolute;
    top: 0;
    left: 10px;
}

.aboutSection .aboutDec,
.ourCoreValueDec {
    font-size: 20px;
    font-weight: 500;
    line-height: 1.5;
    color: var(--theme1Dark);
    text-align: justify;
}

.aboutSection .aboutSmallImgOuter {
    width: 240px;
    bottom: 10px;
    left: -80px;
}

/* About Us Section CSS End */


/* Why Choose Section CSS Start */
.mainTitle img {
    right: 36px;
    width: 60%;
}

.whyChooseSection {
    padding: 40px 0;
    position: relative;
}

.whyChooseSection::after {
    content: '';
    display: block;
    width: 375px;
    height: 100%;
    background-image: url(../img/whyChooseBg.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: top left;
    position: absolute;
    top: 0;
    right: 0;
    z-index: -1;
}

.whyChooseItem {
    border-right: 2px dashed #86868659;
}

.whyChooseItem {
    border-bottom: 2px dashed #86868659;
}

.whyChooseItem:nth-child(3),
.whyChooseItem:nth-child(6) {
    border-right: none;
}

.whyChooseItem:nth-child(4),
.whyChooseItem:nth-child(5),
.whyChooseItem:nth-child(6) {
    border-bottom: none;
}

.whyChooseItem .whyChooseItemInner {
    box-shadow: 0px 0px 7.99px 0px #00000014;
}

.whyChooseItem .whyChooseItemInner:hover {
    background-color: #edf8fd !important;
}

.whyChooseSection .whyChooseTitle {
    font-size: 32px;
    font-weight: 700;
    line-height: 1.5;
    color: var(--theme1Dark);
}

.whyChooseItem .whyChooseItemInner .whyChooseDec {
    font-size: 14px;
    font-weight: 500;
    line-height: 1.5;
    color: var(--black);
}

.whyChooseItem .whyChooseItemInner .stepNum {
    width: 55px;
    height: 62px;
    border-radius: 2px;
    background-color: var(--theme1Dark);
    font-size: 28px;
    line-height: 1;
    font-weight: 800;
    color: var(--white);
    bottom: -10px;
    right: -10px;
}

.whyChooseItem .whyChooseItemInner::before {
    content: '';
    width: 177px;
    height: 217px;
    display: block;
    background-image: url(../img/whyChooseBorder.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: top left;
    position: absolute;
    position: absolute;
    top: -16px;
    left: -16px;
    z-index: -1;
}

.whyChooseItem .whyChooseItemInner .bgImg {
    width: 120px;
    height: 120px;
}

.whyChooseItem .whyChooseItemInner:hover .bgImg img {
    filter: invert(0.1);
}

.ourApproach {
    border-radius: 5px;
    background-color: var(--theme1Light);
    box-shadow: 68px 6px 60px 0px #0000001A;
    position: relative;
}

.ourApproach::before {
    content: '';
    display: block;
    width: 340px;
    height: 100%;
    background: url(../img/approachBg.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top right;
    position: absolute;
    top: 0;
    right: 0;
}

.ourApproach .whyChooseTitle::after {
    content: '';
    display: block;
    height: 1px;
    width: 100px;
    background-color: var(--theme2);
}

.ourApproach .approachIcon {
    width: 60px;
    height: 60px;
}

.ourApproach .approachDec {
    font-size: 32px;
    font-weight: 400;
    line-height: 1.4;
    color: var(--theme1Dark);
}

.ourApproach .icon img {
    box-shadow: 0px 1px 9.3px 0px #0000001C;
}

/* Why Choose Section CSS End */


/* ourCustomerSection Section CSS Start */
.ourCustomerSection {
    padding: 30px 0;
    /* background-image: url(../img/customersBg.png); */
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top left;
}

/* .ourCustomerSection .customerItem {
    border-right: 1.5px dashed #787878;
    border-bottom: 1.5px dashed #787878;
} */

.ourCustomerSection .customerItem:last-child {
    border-bottom: none;
}

.ourCustomerSection .customerImg {
    width: 140px;
    height: 70px;
    margin: auto;
}

/* ourCustomerSection Section CSS End */


/* letsConnectSection Section CSS Start */
.letsConnectSectionInner {
    padding: 80px 0;
    background-image: url(../img/letsConnectBg.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top left;
}

.marginTopBottom {
    margin: -40px 0;
}

.letsConnectSection .contentOuter .letsConnectTitle {
    font-size: 60px;
    font-weight: 400;
    line-height: 1.1;
}

.letsConnectSection .contentOuter .letsConnectDec {
    font-size: 32px;
    font-weight: 500;
    line-height: 1.2;
}

.letsConnectSection .newsLetterImg {
    width: 480px;
}

/* letsConnectSection Section CSS End */

/* ourCoreValueSection Section CSS Start */
.ourCoreValueSection {
    padding: 45px 0;
    background-color: var(--theme1);
}

.ourCoreValueSection::before,
.ourCoreValueSection::after {
    content: '';
    display: block;
    background-repeat: no-repeat;
    background-size: cover;
    position: absolute;
}

.ourCoreValueSection::before {
    width: 320px;
    height: 320px;
    background-image: url(../img/valueSectionTopLeftDesign.png);
    top: 0;
    left: 0;
}

.ourCoreValueSection::after {
    width: 190px;
    height: 120px;
    background-image: url(../img/valueSectionBottomRightDesign.png);
    bottom: 0;
    right: 0;
}

.ourCoreValueSection .itemsOuter {
    margin-top: -190px;
}

.ourCoreValueSection .ourCoreValueItem {
    background-color: var(--theme1Dark);
}

.ourCoreValueSection .ourCoreValueItem .ourCoreValueItemImg {
    width: 55px;
    height: 55px;
}

.ourCoreValueSection .ourCoreValueItem .ourCoreValueTitle {
    font-size: 32px;
    font-weight: 700;
    line-height: 1.3;
    color: var(--theme2);
}

/* ourCoreValueSection Section CSS End */

/* ourMissionSection Section CSS Start */
.ourMissionSection {
    padding: 40px 0 50px;
    background: linear-gradient(180deg, rgba(240, 240, 240, 0.46) -19.79%, rgba(199, 232, 250, 0.1702) 113.09%);
}

.ourMissionItem {
    border-width: 2px !important;
    border-color: var(--theme1Dark) !important;
}

.ourMissionItem:hover {
    background-color: var(--theme1Light) !important;
}

.ourMissionItem .ourMissionIcon {
    width: 180px;
    height: 180px;
}

.ourMissionItem .ourMissionTitle {
    font-size: 60px;
    font-weight: 700;
    line-height: 1.1;
    color: var(--theme1Dark);
}

.ourMissionItem .ourMissionDec {
    font-size: 16px;
    font-weight: 500;
    line-height: 1.3;
    color: var(--black);
}

.ourMissionBgImg {
    opacity: .1;
    z-index: -1;
}

/* ourMissionSection Section CSS End */


/* keyPersonSection Section CSS Start */
.keyPersonSection {
    background: #F0F0F075;
    position: relative;
    padding: 30px 0;
}

.keyPersonSection::after {
    content: '';
    display: block;
    width: 100%;
    height: 130%;
    background-color: #C7E8FA1F;
    position: absolute;
    top: 0%;
    left: -22%;
    z-index: -1;
    border-radius: 100%;
    transform: rotate(20deg);

}

.keyPersonSection .personItem .personImgOuter {
    width: 100%;
    height: 320px;
    position: relative;
}

.keyPersonSection .personItem .personImgOuter::after {
    content: '';
    display: block;
    width: 100%;
    height: 70%;
    border-radius: 70% 0 0 0;
    background-color: var(--theme1Light);
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: -1;
}

.keyPersonSection .personItem .personImgOuter img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.keyPersonSection .personItem .personDetail .personName {
    font-size: 24px;
    font-weight: 700;
    line-height: 1.3;
    color: var(--black);
}

.keyPersonSection .personItem .personDetail .personPost {
    font-size: 15px;
    font-weight: 600;
    line-height: 1.3;
    color: var(--theme1Dark);
}

/* keyPersonSection Section CSS End */


/* ourValidationSection Section CSS Start */
.ourValidationSection {
    background-color: var(--theme1Dark);
    padding: 30px 0 70px;
}

/* .validationItem.rightSide-lg .validationBgImg {
    transform: rotate(180deg);
} */
.validationItem .validationBgImg {
    width: 125%;
    height: 130px;
    top: -25px !important;
    left: -30px !important;
    z-index: -1;
}

.validationItem .validationTitle {
    font-size: 24px;
    font-weight: 700;
    color: var(--white);
    padding: 12px 24px;
    height: 86px;
    line-height: 1.3;
    display: flex;
    align-items: center;
    justify-content: left;
}

/* ourValidationSection Section CSS End */


/* productListSection Section CSS Start */
.productListSection {
    padding: 30px 0;
    background-color: #F0F0F091;
}

.productShortFilter .form-control {
    max-width: 300px;
}

.productShortFilter .form-select {
    max-width: 120px;
}

.mainFilter {
    background-color: var(--white);
    border-radius: 5px;
    box-shadow: -19px -19px 32.2px 0px #0000000F;
    box-shadow: 19px 19px 32px 0px #F9F9F95E;
}

.mainFilter .filterTitle {
    font-size: 18px;
    font-weight: 600;
    line-height: 1.4;
    color: var(--theme1Dark);
}

.mainFilter .filterLinkOuter .filterLink {
    font-size: 14px;
    font-weight: 600;
    line-height: 1.4;
    color: var(--black);
}

.mainFilter .filterLinkOuter .filterLink:hover {
    color: var(--theme1);
}

.productCardItem {
    border: 1px solid #00000026;
    box-shadow: 0px 4px 10.9px 0px #00000008;
    border-radius: 4px;
}

.productCardItem .productImg {
    width: 100%;
    height: 146px;
    border-radius: 4px;
    overflow: hidden;
    background-color: #f9f9f9;
}

.productCardItem .productDetail .proTitle {
    font-size: 22px;
    font-weight: 800;
    line-height: 1.2;
    color: var(--theme1Dark);
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
}

.productCardItem .productDetail .proDec {
    font-size: 14px;
    font-weight: 400;
    line-height: 1.2;
    color: #828282;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}

.productCardItem:hover .productImg img {
    transform: scale(1.1);
}

.productCardItem .productDetail .price {
    font-size: 20px;
    font-weight: 800;
    line-height: 1.5;
    color: var(--theme1Dark);
}

/* productListSection Section CSS End */


/* productDetailSection Section CSS Start */
.productDetailSection .productDetailOuter {
    border: 1px solid #00000020;
    border-radius: 4px;
}

.productDetail .productDecription .productTitle {
    font-size: 44px;
    font-weight: 700;
    line-height: 1.2;
    color: var(--theme1Dark);
}

.productDetail .productDecription .productTitle::after {
    content: '';
    display: block;
    width: 80px;
    height: 4px;
    background-color: #12263A;
}

.productDetail .productAbout .proAboutTitle {
    font-size: 22px;
    font-weight: 500;
    line-height: 1.5;
    color: #808080;
}

.productDetail .productAbout .proAboutDec {
    font-size: 14px;
    font-weight: 500;
    line-height: 1.6;
    color: #747474;
}

.otherDetail .otherDetailItem {
    font-size: 14px;
    font-weight: 500;
    line-height: 1.5;
    font-style: italic;
    color: #808080;
}

.btnIncDec {
    width: 60px;
    height: 40px;
    border-radius: 50px;
    background-color: #EFEFEF;
    border: 1px solid #DDDDDD;
}

.btnIncDec:hover,
.btnIncDec:active {
    background-color: var(--theme1Dark) !important;
    border-color: var(--theme1Dark) !important;
}

.btnIncDec:hover img,
.btnIncDec:active img {
    filter: invert(1);
}

.quntityIncDec .form-control {
    width: 60px;
    height: 40px;
}

.productLargeImgOuter {
    width: 100%;
    height: 350px;
}

.otherImgCardsouter .otherImgOuter {
    width: 100%;
    height: 140px;
}

.otherImgCardsouter .otherImgOuter img,
.similarProductCard .similarProductImg {
    object-fit: cover;
}

.otherImgCardsouter .title {
    font-size: 15px;
    font-weight: 500;
    line-height: 1.5;
    color: #808080;
}

.similarProductTitle {
    font-size: 24px;
    font-weight: 500;
    line-height: 1.5;
    color: var(--theme1Dark);
}

.similarProductCard {
    border: 1px solid #00000020;
}

.similarProductCard .similarProductImg {
    width: 100%;
    height: 200px;
    border-bottom: 1px solid #00000020;
}

.similarProductDetail .similarProductTitle {
    font-size: 16px;
    font-weight: 500;
    line-height: 1.5;
    color: #808080;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}

.similarProductDetail .similarProductDec {
    font-size: 14px;
    font-weight: 400;
    line-height: 1.5;
    color: #808080;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
}

/* productDetailSection Section CSS End */

/* Swiper Slider CSS Start */
.swiper {
    width: 100%;
    height: 100%;
}

.swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
}

.swiper-slide img {
    display: block;
    width: 100%;
    /* height: 100%; */
    object-fit: cover;
}

.swiper {
    width: 100%;
    height: 300px;
    margin-left: auto;
    margin-right: auto;
}

.swiper-slide {
    background-size: cover;
    background-position: center;
}

.mySwiper2 {
    height: 80%;
    width: 100%;
}

.mySwiper {
    height: 20%;
    box-sizing: border-box;
    padding: 4px 0;
}

.mySwiper .swiper-slide {
    width: 25%;
    height: 80px;
    opacity: 0.4;
}

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

/* Swiper Slider CSS End */





















/* Contact CSS Start */
.contactUsSection {
    background-color: #F2F2F2;
    padding-top: 50px;
    position: relative;
    z-index: 1;
}

.contactUsSection::after {
    content: '';
    display: block;
    width: 400px;
    height: 100%;
    background-color: var(--theme1Light);
    position: absolute;
    top: 0;
    right: 0;
    z-index: -1;
}

.contactUsSection .contactFormOuter {
    background-color: var(--theme1Dark);
    border-radius: 32px 32px 0 0;
}

.contactFormOuter .formTitle {
    font-size: 32px;
    font-weight: 800;
    line-height: 1.2;
}

.contactFormOuter .form-control {
    font-size: 16px;
    font-weight: 300;
    line-height: 1.3;
    padding: 12px 16px;
    border-radius: 1px;
    background: #0064A838;
    box-shadow: 5px 4px 7.6px 0px #00000012;
    box-shadow: -4px -4px 5.8px 0px #00000008;
    color: var(--white);
}

.contactFormOuter .form-control::placeholder {
    color: var(--theme1Light);
}

.contactDetail .contactItem a {
    font-size: 18px;
    font-weight: 600;
    line-height: 1.2;
    color: var(--black);
    text-decoration: none;
}

.contactDetail .contactItem a:hover {
    color: var(--theme1Dark);
}

.contactDetail .contactItem .contactIcon {
    width: 20px;
    height: 20px;
    flex: 0 0 auto;
}

/* Contact CSS Start */

/* Footer CSS Start */
.footerMain {
    background-color: var(--black);
}

.footerAbout .footerLogo {
    width: 126px;
}

.footerAbout .footerDec {
    font-size: 14px;
    font-weight: 300;
    line-height: 1.6;
    font-family: "Poppins";
}

.footerMain .footerLinkTitle {
    font-size: 24px;
    font-weight: 800;
    line-height: 1.2;
    color: var(--white);
}

.footerMain .footerLinkTitle::after {
    content: '';
    display: block;
    width: 70px;
    height: 1.5px;
    margin-top: 5px;
    background-color: var(--white);
}

.footerMain .footerLinksOuter .footerLinkItem {
    font-size: 16px;
    font-weight: 500;
    line-height: 1.4;
    color: var(--white);
}

.footerMain .footerLinksOuter .footerLinkItem .footerLink {
    color: var(--white);
}

.footerMain .footerLinksOuter .footerLinkItem .footerLink:hover {
    color: var(--theme2);
}

.footerMain .copyRight {
    font-size: 16px;
    font-weight: 400;
    line-height: 1.5;
    color: var(--light);
    font-family: "Poppins";
}

.socialLink {
    width: 36px;
    height: 36px;
    flex: 0 0 auto;
    border: 1px solid var(--white);
    background-color: transparent;
    overflow: hidden;
    border-radius: 50px;
    position: relative;
}

.socialLink:hover {
    background-color: var(--white);
}

.socialLink:hover .social path {
    fill: var(--black);
}

/* Footer CSS End */


/* Responsive CSS */
@media (max-width:1399.98px) {
    .heroSection .heroSubHeading {
        font-size: 24px;
        font-weight: 500;
    }

    .heroSection .heroMainHeading {
        font-size: 40px;
        font-weight: 800;
    }

    .heroSection .heroMainHeading span::before {
        width: 232px;
        height: 60px;
        top: -16px;
        left: -18px;
    }

    .heroSection .heroDec {
        font-size: 20px;
    }

    .sectionHeading .mainTitle {
        font-size: 48px;
    }

    .sectionHeading .subTitle {
        font-size: 16px;
        font-weight: 800;
    }

    .akCounter {
        padding: 35px 0 70px;
    }

    .counterItem .countValue {
        font-size: 44px;
    }

    .counterItem .countTitle {
        font-size: 16px;
    }

    .counterItem .countIcon {
        width: 80px;
        height: 80px;
    }

    .processSliderOuter .processSliderItem .contentOuter .processTitle {
        font-size: 26px;
    }

    .ourProcessSection {
        padding: 30px 0 60px;
    }

    .decorationTxt {
        font-size: 100px;
    }

    .sectionHeading .mainTitle2 {
        font-size: 30px;
    }

    .aboutSection .aboutDec,
    .ourCoreValueDec {
        font-size: 18px;
    }

    .aboutSection .aboutSmallImgOuter {
        width: 200px;
        bottom: 0px;
        left: -10px;
        top: 262px;
    }

    .whyChooseSection .whyChooseTitle {
        font-size: 24px;
    }

    .whyChooseItem .whyChooseItemInner .stepNum {
        width: 45px;
        height: 52px;
        font-size: 18px;
    }

    .ourApproach .approachIcon {
        width: 50px;
        height: 50px;
    }

    .ourApproach .approachDec {
        font-size: 24px;
    }

    .whyChooseSection::after {
        width: 280px;
    }

    .ourCustomerSection .customerImg {
        width: 100px;
        height: 50px;
        margin: auto;
    }

    .letsConnectSection .contentOuter .letsConnectTitle {
        font-size: 44px;
    }

    .letsConnectSection .contentOuter .letsConnectDec {
        font-size: 24px;
    }

    .letsConnectSection .newsLetterImg {
        width: 450px;
    }

    .processSliderOuter .processSliderItem .processSliderImg {
        height: 400px;
    }

    .ourCoreValueSection {
        padding: 40px 0;
    }

    .ourCoreValueSection .ourCoreValueItem .ourCoreValueItemImg {
        width: 50px;
        height: 50px;
    }

    .ourCoreValueSection .ourCoreValueItem .ourCoreValueTitle {
        font-size: 28px;
        font-weight: 600;
    }

    .contactFormOuter .formTitle {
        font-size: 24px;
    }

    .contactFormOuter .form-control {
        font-size: 15px;
        padding: 10px 16px;
    }

    .sendBtn {
        font-size: 15px;
    }

    .contactDetail .contactItem .contactIcon {
        width: 18px;
        height: 18px;
    }

    .contactDetail .contactItem a {
        font-size: 16px;
    }

    .ourMissionItem .ourMissionIcon {
        width: 150px;
        height: 150px;
    }

    .ourMissionItem .ourMissionTitle {
        font-size: 40px;
    }

    .validationItem .validationTitle {
        font-size: 20px;
        font-weight: 600;
    }

    .validationItem .validationBgImg {
        height: 110px;
        top: -14px !important;
    }

}

@media (max-width:1199.98px) {
    .headerMain .navbar-brand {
        width: 62px;
        height: 50px;
    }

    .headerMain .navbar-nav .nav-item .nav-link {
        font-size: 14px;
        padding: 4px 8px;
    }

    .footerAbout .footerLogo {
        width: 100px;
    }

    .footerMain .footerLinkTitle {
        font-size: 20px;
        font-weight: 700;
    }

    .footerMain .footerLinksOuter .footerLinkItem,
    .footerMain .copyRight {
        font-size: 14px;
    }

    .socialLink {
        width: 32px;
        height: 32px;
    }

    .heroSection {
        padding: 80px 0;
    }

    .heroSection .heroSubHeading {
        font-size: 20px;
        font-weight: 500;
    }

    .heroSection .heroMainHeading {
        font-size: 36px;
    }

    .heroSection .heroMainHeading span::before {
        width: 212px;
        height: 54px;
        top: -15px;
        left: -20px;
    }

    .heroSection .heroDec {
        font-size: 18px;
    }

    .btnStyle {
        font-size: 16px;
    }

    .btnStyle .icon {
        width: 30px;
        height: 30px;
    }

    .sectionHeading .mainTitle {
        font-size: 38px;
    }

    .sectionHeading .subTitle {
        font-size: 15px;
    }

    .counterItem .countValue {
        font-size: 36px;
    }

    .counterItem .countIcon {
        width: 60px;
        height: 60px;
    }

    .counterItem .countTitle {
        font-size: 14px;
    }

    .akCounter {
        padding: 35px 0 50px;
    }

    .ourProduct .productItem .productImgOuter {
        height: 180px;
    }

    .ourProduct .productItem .productDetail .productTitle {
        font-size: 16px;
    }

    .processSliderOuter .processSliderItem .contentOuter .processTitle {
        font-size: 20px;
        font-weight: 600;
    }

    .aboutSection .aboutSmallImgOuter {
        width: 130px;
        left: -30px;
    }

    .btnStyle3 {
        font-size: 16px;
        padding: 6px 10px;
    }

    .decorationTxt {
        font-size: 80px;
        top: 30px;
    }

    .sectionHeading .mainTitle2 {
        font-size: 25px;
    }

    .sectionHeading .mainTitle2::before {
        width: 100px;
    }

    .aboutSection {
        padding: 40px 0;
    }

    .ourApproach .approachDec {
        font-size: 20px;
    }

    .letsConnectSection .contentOuter .letsConnectTitle {
        font-size: 36px;
    }

    .letsConnectSectionInner {
        padding: 60px 0;
    }

    .letsConnectSection .contentOuter .letsConnectDec {
        font-size: 20px;
    }

    .letsConnectSection .newsLetterImg {
        width: 400px;
    }

    .contactUsBtn::after {
        width: 24px;
        height: 24px;
    }

    .processSliderOuter .processSliderItem .processSliderImg {
        height: 300px;
    }

    .ourCoreValueSection .ourCoreValueItem .ourCoreValueTitle {
        font-size: 26px;
    }

    .ourCoreValueSection .itemsOuter {
        margin-top: -110px;
    }

    .contactUsSection::after {
        width: 240px;
    }

    .contactUsSection {
        padding-top: 40px;
    }

    .ourMissionItem .ourMissionIcon {
        width: 120px;
        height: 120px;
    }

    .ourMissionItem .ourMissionTitle {
        font-size: 30px;
    }

    .keyPersonSection .personItem .personImgOuter {
        height: 280px;
    }

    .validationItem .validationTitle {
        font-size: 18px;
        padding: 10px 20px;
        height: 56px;
    }

    .validationItem .validationBgImg {
        height: 100px;
        top: -24px !important;
    }

    .productCardItem .productImg {
        width: 100%;
        height: 120px;
    }

    .productCardItem .productDetail .proTitle {
        font-size: 20px;
    }

    .productCardItem .productDetail .price {
        font-size: 18px;
    }

    .productDetail .productDecription .productTitle {
        font-size: 36px;
    }

    .productDetail .productAbout .proAboutTitle {
        font-size: 20px;
    }

    .btnIncDec {
        width: 50px;
        height: 36px;
    }

    .quntityIncDec .form-control {
        height: 36px;
    }

    .otherImgCardsouter .otherImgOuter {
        height: 100px;
    }

    .productLargeImgOuter {
        height: 320px;
    }
}

@media (max-width:991.98px) {
    .headerMain .navbar-nav::after {
        display: none;
    }

    .headerMain .navbar-nav .nav-item .nav-link {
        border: none !important;
        display: flex;
        align-items: center;
        gap: 4px;
    }

    .headerMain .navbar-nav .nav-item .nav-link::before {
        background-color: var(--theme1Light);
        position: unset;
        margin: 0;
        margin-bottom: 2px;
    }

    .headerMain .navbar-nav .nav-item .nav-link:hover::before {
        width: 10px;
    }

    .headerMain .navbar-nav .nav-item .nav-link.active::before {
        width: 10px;
        background-color: var(--theme1);
    }

    .heroSection {
        padding: 40px 0;
    }

    .heroSection .heroMainHeading {
        font-size: 30px;
    }

    .heroSection .heroMainHeading span::before {
        width: 172px;
        height: 46px;
        top: -13px;
        left: -12px;
    }

    .heroSection .heroSubHeading {
        font-size: 18px;
    }

    .sectionHeading .mainTitle {
        font-size: 30px;
    }

    .sectionHeading .subTitle {
        font-size: 14px;
    }

    .counterItem .countValue {
        font-size: 26px;
    }

    .counterItem:nth-child(2) {
        border-right: none;
    }

    .ourProduct .productItem .productImgOuter {
        height: 136px;
    }

    .processSliderOuter .processSliderItem .contentOuter .processTitle {
        font-size: 18px;
    }

    .ourProcessSection {
        padding: 30px 0 50px;
    }

    .whyChooseItem:nth-child(3) {
        border-right: 2px dashed #86868659;
    }

    .whyChooseItem:nth-child(4) {
        border-bottom: 2px dashed #86868659;
    }

    .whyChooseItem:nth-child(2),
    .whyChooseItem:nth-child(4),
    .whyChooseItem:nth-child(6) {
        border-right: none;
    }

    .whyChooseItem:nth-child(5),
    .whyChooseItem:nth-child(6) {
        border-bottom: none;
    }

    .whyChooseSection::after {
        width: 220px;
    }

    .aboutSection::after {
        display: none;
    }

    .letsConnectSection .contentOuter .letsConnectTitle {
        font-size: 26px;
    }

    .letsConnectSection .contentOuter .letsConnectDec {
        font-size: 18px;
    }

    .connectWhatsapp {
        padding: 4px 14px;
    }

    .letsConnectSection .newsLetterImg {
        width: 350px;
    }

    .letsConnectSectionInner {
        padding: 50px 0;
    }

    .ourCoreValueSection .ourCoreValueItem .ourCoreValueItemImg {
        width: 40px;
        height: 40px;
    }

    .ourCoreValueSection .ourCoreValueItem .ourCoreValueTitle {
        font-size: 24px;
    }

    .ourCoreValueSection::before {
        width: 220px;
        height: 220px;
    }

    .ourMissionSection {
        padding: 40px 0 40px;
    }

    .ourMissionItem .ourMissionIcon {
        width: 100px;
        height: 100px;
    }

    .ourMissionItem .ourMissionTitle {
        font-size: 24px;
    }

    .ourMissionItem .ourMissionDec {
        font-size: 14px;
    }

    .keyPersonSection .personItem .personImgOuter {
        height: 240px;
    }

    .keyPersonSection .personItem .personDetail .personName {
        font-size: 20px;
    }

    .validationItem .validationTitle {
        font-size: 14px;
        padding: 10px 12px;
        height: 40px;
    }

    .validationItem .validationBgImg {
        height: 80px;
        top: -22px !important;
        left: -22px !important;
    }

    .letsConnectSection.marginTopBottom .newsLetterImg {
        width: 300px;
    }

    .marginTopBottom {
        margin: -30px 0;
    }

    .filterMainOuter {
        padding: 0;
    }

    .productLargeImgOuter {
        height: 240px;
    }

    .productDetail .productDecription .productTitle {
        font-size: 28px;
    }

    .otherImgCardsouter .otherImgOuter {
        height: 70px;
    }

    .similarProductCard .similarProductImg {
        height: 160px;
    }

    .similarProductSlider .owl-nav {
        top: -40px;
    }
}

@media (max-width:767.98px) {
    .sectionHeading .mainTitle {
        font-size: 28px;
    }

    .counterItem .countValue {
        font-size: 24px;
    }

    .akCounter {
        padding: 35px 0 35px;
    }

    .counterItem .countIcon {
        width: 50px;
        height: 50px;
    }

    .ourProduct .productItem .productImgOuter {
        height: 156px;
    }

    .ourProcessSection {
        padding: 30px 0 40px;
    }

    .decorationTxt {
        top: 10px;
    }

    .sectionHeading .mainTitle2 {
        font-size: 22px;
    }

    .aboutSection .aboutDec,
    .ourCoreValueDec {
        font-size: 16px;
    }

    .aboutSection .aboutSmallImgOuter {
        width: 140px;
        left: 0;
    }

    .ourApproach .approachIcon {
        width: 40px;
        height: 40px;
    }

    .ourApproach .approachDec {
        font-size: 18px;
    }

    .ourApproach .approachDec {
        font-size: 16px;
    }

    .ourApproach::before {
        width: 220px;
    }

    .whyChooseSection::after {
        width: 150px;
    }

    .letsConnectSectionInner {
        padding: 40px 0;
    }

    .letsConnectSection .contentOuter .letsConnectTitle {
        font-size: 24px;
    }

    .letsConnectSection .contentOuter .letsConnectDec {
        font-size: 16px;
    }

    .contactUsBtn::after {
        left: -6px;
    }

    .footerAbout .footerLogo {
        width: 80px;
    }

    .ourCoreValueSection .ourCoreValueItem .ourCoreValueTitle {
        font-size: 22px;
    }

    .ourCoreValueSection .itemsOuter {
        margin-top: 0;
    }

    .contactFormOuter .formTitle {
        font-size: 20px;
    }

    .contactUsSection::after {
        width: 100%;
        height: 120px;
        right: 0;
        bottom: 0;
        top: auto;
    }

    .ourMissionItem .ourMissionIcon {
        width: 80px;
        height: 80px;
    }

    .ourMissionItem .ourMissionTitle {
        font-size: 22px;
    }

    .keyPersonSection .personItem .personImgOuter {
        height: 200px;
    }

    .keyPersonSection .personItem .personDetail .personName {
        font-size: 18px;
    }

    .keyPersonSection .personItem .personDetail .personPost {
        font-size: 14px;
    }

    .validationItem .validationTitle {
        padding: 10px 18px;
    }

    .productDetail .productDecription .productTitle {
        font-size: 24px;
    }

    .similarProductCard .similarProductImg {
        height: 140px;
    }
}

@media (max-width:575.98px) {
    .heroSection {
        padding: 30px 0;
        background-position: left;
    }

    .btnStyle,
    .heroSection .heroSubHeading,
    .heroSection .heroDec {
        font-size: 14px;
    }

    .btnStyle .icon {
        width: 24px;
        height: 24px;
    }

    .sectionHeading .mainTitle {
        font-size: 26px;
    }

    .counterItem .countValue {
        font-size: 22px;
    }

    .akCounter {
        padding: 30px 0 30px;
    }

    .counterItem .countIcon {
        width: 40px;
        height: 40px;
    }

    .ourProduct,
    .contactUsSection {
        padding: 30px 0;
    }

    .processSliderOuter .processSliderItem .contentOuter .processTitle {
        font-size: 16px;
    }

    .ourProcessSection {
        padding: 30px 0 30px;
    }

    .aboutSection {
        padding: 30px 0;
    }

    .sectionHeading .mainTitle2 {
        font-size: 20px;
    }

    .aboutSection .aboutDec,
    .ourCoreValueDec {
        font-size: 14px;
    }

    .aboutSection .aboutSmallImgOuter {
        width: 130px;
        left: 0;
    }

    .whyChooseSection,
    .letsConnectSectionInner,
    .ourCoreValueSection {
        padding: 30px 0;
    }

    .whyChooseItem {
        border-right: none !important;
    }

    .ourApproach::before {
        width: 100%;
        right: -50%;
    }

    .whyChooseItem .whyChooseItemInner::before {
        width: 100%;
        height: 100%;
    }

    .ourCustomerSection .customerImg {
        width: 80px;
        height: 40px;
    }

    .letsConnectSection .contentOuter .letsConnectTitle {
        font-size: 20px;
    }

    .letsConnectSection .contentOuter .letsConnectDec {
        font-size: 15px;
    }

    .contactUsBtn::after {
        width: 20px;
        height: 20px;
    }

    .footerAbout .footerLogo {
        width: 70px;
    }

    .ourCoreValueSection .ourCoreValueItem .ourCoreValueTitle {
        font-size: 20px;
    }

    .ourCoreValueSection .ourCoreValueItem .ourCoreValueItemImg {
        width: 30px;
        height: 30px;
    }

    .ourCoreValueSection {
        padding: 30px 0;
    }

    .contactUsSection::after {
        display: none;
    }

    .contactFormOuter .formTitle {
        font-size: 18px;
    }

    .ourMissionSection {
        padding: 30px 0;
    }

    .ourMissionBgImg {
        height: 100%;
        width: auto;
        z-index: -1;
    }

    .ourMissionItem .ourMissionIcon {
        width: 60px;
        height: 60px;
    }

    .keyPersonSection .personItem .personImgOuter {
        height: 160px;
    }

    .keyPersonSection .personItem .personDetail .personName {
        font-size: 17px;
    }

    .keyPersonSection::after {
        display: none;
    }

    .validationItem .validationBgImg {
        left: -26px !important;
    }

    .validationItem .validationTitle {
        padding: 10px 32px;
    }

    .productCardItem .productDetail .proTitle {
        font-size: 18px;
    }

    .productDetail .productDecription .productTitle {
        font-size: 20px;
    }

    .productDetail .productAbout .proAboutTitle {
        font-size: 18px;
    }

    .similarProductTitle {
        font-size: 20px;
    }
}

@media (max-width:460.98px) {
    .keyPersonSection .personItem .personImgOuter {
        height: 200px;
    }

    .validationItem .validationTitle {
        padding: 10px 22px;
    }
}

@media (max-width:420.98px) {
    .heroSection .heroMainHeading {
        font-size: 20px;
    }

    .sectionHeading .subTitle {
        font-size: 12px;
    }

    .heroSection .heroMainHeading span::before {
        display: none;
    }

    .sectionHeading .mainTitle {
        font-size: 24px;
    }

    .ourProduct .productItem .productImgOuter {
        height: 120px;
    }

    .processSliderOuter .processSliderItem .contentOuter .processTitle {
        font-size: 15px;
    }

    .counterItem .countIcon {
        width: 30px;
        height: 30px;
    }

    .ourCoreValueSection .ourCoreValueItem .ourCoreValueTitle {
        font-size: 18px;
    }

    .col-md-4.col-6:has(>.productCardItem) {
        width: 100%;
    }

    .productCardItem .productImg {
        height: 200px;
    }

}

@media (max-width:360.98px) {
    .heroSection .heroMainHeading {
        font-size: 20px;
    }

    .ourProduct .productItem .productImgOuter {
        height: 103px;
    }

    .ourApproach .icon,
    .ourApproach::before {
        display: none;
    }

    .whyChooseSection::after {
        width: 100px;
    }

    .ourCoreValueSection .ourCoreValueItem .ourCoreValueTitle {
        font-size: 16px;
    }

    .ourCoreValueSection .ourCoreValueItem {
        padding: 10px !important;
    }

    .keyPersonSection .personItem .personImgOuter {
        height: 160px;
    }

    .validationItem .validationTitle {
        padding: 10px 14px;
    }

    .productCardItem .productImg {
        height: 160px;
    }

    .productLargeImgOuter {
        height: 200px;
    }
}

.cfnt {
    font-size: 18px;
}

.ak-products-img {
    width: 288px;
    height: 145px;
}

.ak-products-details-img {
    width: 647px;
    height: 350px;
}

.similar_a {
    text-decoration: none;
}

.loader-gif {
    width: 50px;
}

#formLoader,
#otpForm {
    display: none;
}